@import url("normalize.css");

/* web fonts */
@font-face { font-family: "Proxima Nova"; src: url("../fonts/proximanova-reg.eot"); src: url("../fonts/proximanova-reg.eot?#iefix") format("embedded-opentype"), url("../fonts/proximanova-reg.svg#ProximaNovaRegular") format("svg"), url("../fonts/proximanova-reg.woff") format("woff"), url("../fonts/proximanova-reg.ttf") format("truetype"); font-weight: normal; font-style: normal }
@font-face { font-family: "Proxima Nova"; src: url("../fonts/proximanova-regit.eot"); src: url("../fonts/proximanova-regit.eot?#iefix") format("embedded-opentype"), url("../fonts/proximanova-regit.svg#ProximaNovaRegularItalic") format("svg"), url("../fonts/proximanova-regit.woff") format("woff"), url("../fonts/proximanova-regit.ttf") format("truetype"); font-weight: normal; font-style: italic }
@font-face { font-family: "Proxima Nova"; src: url("../fonts/proximanova-bold.eot"); src: url("../fonts/proximanova-bold.eot?#iefix") format("embedded-opentype"), url("../fonts/proximanova-bold.svg#ProximaNovaBold") format("svg"), url("../fonts/proximanova-bold.woff") format("woff"), url("../fonts/proximanova-bold.ttf") format("truetype"); font-weight: bold; font-style: normal }
@font-face { font-family: "Proxima Nova"; src: url("../fonts/proximanova-boldit.eot"); src: url("../fonts/proximanova-boldit.eot?#iefix") format("embedded-opentype"), url("../fonts/proximanova-boldit.svg#ProximaNovaBoldItalic") format("svg"), url("../fonts/proximanova-boldit.woff") format("woff"), url("../fonts/proximanova-boldit.ttf") format("truetype"); font-weight: bold; font-style: italic }

body { background: #DDE9F2; font: 14px/129% "Proxima Nova", Arial, Helvetica, sans-serif; -webkit-font-smoothing: subpixel-antialiased; text-rendering: geometricPrecision }
h1, h2, h3, h4, h5, h6, p, ol, ul, dl { margin-top: 0 }
dt { font-weight: bold }
h4 { margin-bottom: 0 }
/* grid system */
.cf:before, .cf:after { content: " "; display: table }
.cf:after { clear: both }
.cf { *zoom: 1 }
[class^="span-"] { float: left; margin-right: 20px }
.span-115 { width: 115px }
.span-130 { width: 130px }
.span-160 { width: 160px }
.span-170 { width: 170px }
.span-190 { width: 190px }
.span-195 { width: 195px }
.span-200 { width: 200px }
.span-210 { width: 210px; margin-right: 0 }
.span-220 { width: 220px }
.span-260 { width: 260px }
.span-320 { width: 320px }
.span-340 { width: 340px }
.span-350 { width: 350px; margin-right: 40px }
.span-360 { width: 360px; margin-right: 40px }
.span-430 { width: 430px; margin-right: 100px }
.span-460 { width: 460px }
.span-490 { width: 490px }
.span-530 { width: 530px; margin-right: 100px }
.span-590 { width: 590px }
.span-630 { width: 630px; margin-right: 60px }
.span-710 { width: 710px }
.span-760 { width: 760px }
.span-full { width: 100%; clear: both; margin-right: 0 }
.seperator-top { margin-top: 45px; border-top: 4px dotted #C6DAEA }
.seperator-bottom { margin-bottom: 28px; border-bottom: 4px dotted #C6DAEA }
.push-20 { margin-right: 20px }
.push-40 { margin-right: 40px }
.push-50 { margin-right: 50px }
.push-100 { margin-right: 100px }
.pull-20 { margin-left: 20px }
.pull-40 { margin-left: 40px }
.pull-120 { margin-left: 120px }
.pull-223 { margin-left: 223px }
.last { margin-right: 0 }

/* transitions */
.main-nav, .main-nav > ul, .is-fixed .main-nav, .is-fixed .main-nav > ul { transition: .4s ease-out }
.main-nav li, .main-nav a, .nav-sections a { transition: .4s ease-in }
.slides { transition: .4s ease-in-out }

/* header */
header { background: #000; color: #62849F; line-height: 0; text-align: justify; text-transform: uppercase }
.toprow { padding: 0 calc(50% - 500px); font-size: 0.1px }
.toprow:after { content: ""; display: inline-block; width: 100%; height: 0 }
.logo, .live-chat { font-size: 14px; line-height: 86px }
.logo { display: inline-block; vertical-align: middle; background: url("../img/cloudcoza-logo.png") no-repeat; line-height: 40px; width: 367px; text-indent: 100%; white-space: nowrap; overflow: hidden; margin-left: 0px }
.live-chat { display: inline-block; vertical-align: middle; padding-left: 75px; margin: 0 }
.btn-chat { cursor: pointer; font-weight: normal }
.live-chat span { color: #FFF; padding-left: 6px; border-left: 1px solid #354857; margin-left: 2px }

.main-nav { position: static; background: #162028; line-height: 0; padding: 0 calc(50% - 500px); letter-spacing: 1pt; border-bottom: 1px solid #242E36 }
.main-nav ul { list-style: none; padding-left: 0; margin: 0 }
.main-nav > ul { padding-left: 0; font-size: 0.1px; line-height: 0 }
.main-nav > ul:after { content: ""; display: inline-block; width: 100%; height: 0 }
.main-nav > ul > li { line-height: 86px }
.main-nav li { position: relative; display: inline-block; font-size: 14px; min-width: 152px }
.main-nav li ul { position: absolute; display: none; top: 100%; background: #F8F3EE; line-height: 226%; text-transform: none; width: 100%; padding: 9px 0; border-top: 1px solid #0B1014; z-index: 100 }
.main-nav li:hover ul { display: block }
.main-nav li ul:after { content: ""; position: absolute; width: 0; height: 0; border-style: solid; border-width: 0 9px 9px 9px; border-color: transparent transparent #F8F3EE transparent; left: 50%; top: -9px; margin-left: -9px }
.main-nav a { text-align: center; display: inline-block; color: #FFF; text-decoration: none; padding: 0 30px; outline: none }

.is-fixed { margin-bottom: 86px }
.is-fixed .logo { position: fixed; top: 0; background: url("../img/vps-logo-small.png") no-repeat 0 50%; line-height: 60px; width: 70px; text-align: left; margin-left: 0; padding: 0; z-index: 60 }
.is-fixed .main-nav { position: fixed; top: 0; left: 0; right: 0; z-index: 90 }
.is-fixed .main-nav > ul { padding-left: 80px }
.is-fixed .main-nav > ul > li { line-height: 60px }
.is-fixed .main-nav > ul > li > a { padding: 0 28px }

/* .toprow:after { content: ""; width: 100%; display: inline-block; height: 0; font-size: 0; line-height: 0 } */
/* .main-nav ul:after { content: ""; width: 100%; display: inline-block; height: 0; font-size: 0; line-height: 0 } */

.main-nav li:hover, .main-nav a:focus, .main-nav a:hover { background: #090D10 }
.main-nav li ul li { display: block }
.main-nav li ul a { display: block; background: #F8F3EE; color: #61839F; text-align: left }
.main-nav li ul a:hover { color: #FFF; background: #5B9B00 }

.main-nav .green:hover { background: none }
.main-nav .green a { position: relative; background: #5B9B00; border-radius: 19px; min-width: 92px; line-height: 38px; border: 1px solid #5B9B00; border-bottom-color: #8AC03D }
.main-nav .green a:before { position: absolute; content: ""; background: #3D7C00; width: 31px; height: 32px; border-radius: 50%; left: 3px; top: 3px; background-repeat: no-repeat; background-position: 50% 50% }
.main-nav .green .icon-key:before { background-image: url("../img/icons/icon-key.png") }

/* content area */
.container { padding: 60px calc(50% - 500px); line-height: 143% }
.container-smaller { padding: 37px calc(50% - 500px) 33px; line-height: 143% }
.container-smaller .even-larger { margin-bottom: 28px; text-transform: uppercase }

/* sub nav */
.nav-sections { background: #FFF; padding: 0 calc(50% - 500px) }
.nav-sections ul { font-weight: bold; text-transform: uppercase; list-style: none; padding-left: 0; line-height: 47px; margin: 0 auto; display: table }
.nav-sections li { position: relative; margin-bottom: 1px; display: table-cell; vertical-align: top }
.nav-sections li + li { border-left: 1px solid #BAD1E2 }
.nav-sections .current { border-left-color: #5B9B00 }
.nav-sections a { position: relative; display: block; background: #FFF; color: #89A3B8; text-decoration: none; padding: 0 40px; text-align: center }
.nav-sections a:focus, .nav-sections a:hover, .nav-sections .current a { background: #5B9B00; color: #FFF }
.nav-sections .current a:after { position: absolute; content: ""; top: 100%; left: 50%; margin-left: -9px; width: 0; height: 0; border: solid transparent; pointer-events: none; border-color: rgba(90,155,0,0); border-top-color: #5a9b00; border-width: 9px }
.is-fixed .nav-sections { position: fixed; top: 61px; left: 0; right: 0; z-index: 50 }

/*
.nav-sections { float: left; margin-right: 50px; width: 190px; font-weight: bold; text-transform: uppercase }
.nav-sections ul { list-style: none; padding-left: 0; line-height: 47px; margin: 0 }
.nav-sections li { position: relative; margin-bottom: 1px }
.nav-sections .current:after { position: absolute; content: ""; top: 50%; left: 100%; margin-top: -9px; width: 0; height: 0; border-style: solid; border-width: 9px 0 9px 9px; border-color: transparent transparent transparent #5a9b00 }
.nav-sections a { display: block; background: #FFF; color: #89A3B8; text-decoration: none; padding: 0 23px; border-top: 1px solid #FEFEFF; border-right: 1px solid #BAD1E2; border-bottom: 1px solid #FFF }
.nav-sections a:focus, .container nav a:hover, .container nav .current a { background: #5B9B00; color: #FFF; border-top-color: #5B9B00; border-bottom-color: #3D7C00; border-right-color: #5B9B00 }
*/

/* main content area */
h1, h2 { font-size: 16px; color: #162028 }
h1.larger, h2.larger { font-size: 18px }
h1.largest{font-size: 32px; line-height: 36px;}
h2.even-larger { font-size: 24px }
h2.even-larger-still { font-size: 26px; margin-bottom: 0 }
h3.larger { font-weight: normal; font-size: 20px; line-height: 26px; color: #89A3B8 }
p.larger, ul.larger { font-size: 16px }
p.larger { font-size: 17px }
.large-bordered { font-size: 24px; line-height: 60px; border-bottom: 4px dotted #C6DAEA; margin-top: 0 }
.double-bordered { border-top: 4px dotted #C6DAEA; border-bottom: 4px dotted #C6DAEA }
.left-bordered { border-left: 4px dotted #C6DAEA; padding-left: 40px }
.left-bordered .larger { line-height: 26px; color: #151f27; margin-top: 3px }
h1.double-bordered { font-size: 28px; line-height: 94px }
h2.double-bordered { font-size: 20px; line-height: 69px }
h2.top-bordered { font-size: 20px; line-height: 55px; border-top: 4px dotted #C6DAEA; margin-bottom: 4px }
.heading-with-icon { background-position: 50% 0; padding-top: 55px; text-transform: uppercase; font-size: 24px }

.icon-cloud-cdn-smaller { background-position: 50% 0; font-size: 36px; padding-top: 110px }
.centered { text-align: center }
section ul, article ul, aside ul, .checked { list-style: none; padding-left: 0 }
article ul li, aside ul li, .checked li { background: url("../img/icons/icon-tick.png") no-repeat 0 8px; padding-left: 33px }
.bolder { font-weight: bold; line-height: 163% }
.wider { letter-spacing: .5pt }

/* images */
figure { margin-bottom: 35px; clear: both }
figure + figure { margin-top: 70px }
figure img, figure iframe { display: block; border: 15px solid #BAD1E2 }
figure.thin-border img { border-width: 8px }
.span-115 figure img { border-width: 7px }
figcaption { display: table; width: 100% }
figcaption h2, figcaption p { display: table-cell; vertical-align: middle; margin: 0; letter-spacing: 1pt }
figcaption h2 { background: #FFF; line-height: 70px; text-transform: uppercase; font-weight: bold; font-size: 20px; text-align: center; width: 221px }
figcaption p { padding: 0 35px }
.image-left { float: left; margin-right: 40px }

/* buttons */
.button { display: block; background: #5B9B00; font-weight: bold; line-height: 38px; letter-spacing: 1pt; text-transform: uppercase; text-decoration: none; text-align: center; color: #FFF; padding: 0 35px; border: 1px solid #5B9B00; border-bottom-color: #3d7b00; border-radius: 19px }
.pricing .button { padding: 0 15px }
.button-inline { display: inline-block }
.button-blue { background: #C6DAEA; color: #000; border-width: 0 }

/* one colum lists */
.one-column-list-with-small-icons { font-size: 14px; line-height: 129%; clear: both }
.one-column-list-with-small-icons li { min-height: 91px; padding-left: 109px; margin-bottom: 37px }
.one-column-list-with-small-icons h4 { font-weight: bold; font-size: 18px; line-height: 1; margin-bottom: 6px }

/* two column lists */
.two-column-list, .two-column-list-bold { column-count: 2; column-gap: 20px; column-fill: balance; line-height: 200% }
.two-column-list { padding-left: 18px; line-height: 20px }
.two-column-list li { margin-bottom: 23px; background-position: 0 4px }
.two-column-list-bold { font-weight: bold }
.two-column-list-with-icons { margin-right: -60px }
.container .two-column-list-with-icons li { float: left; width: 350px; margin-right: 60px; padding-left: 0; background: none; margin-bottom: 35px }
.two-column-list-with-icons h2 { font-size: 16px; font-weight: bold; line-height: 100%; letter-spacing: 1pt; text-transform: uppercase; border-bottom: 4px dotted #C6DAEA; padding-bottom: 12px; margin: 0 0 15px }
.two-column-list-with-icons [class^="icon-"] { padding: 0 0 0 95px; margin-bottom: 0; min-height: 133px }
.two-column-list-with-small-icons { margin-right: -60px; margin-bottom: 0 }
.container .two-column-list-with-small-icons li { float: left; width: 350px; background: none; min-height: 65px; padding-left: 0; margin-bottom: 22px; margin-right: 60px }
.two-column-list-with-small-icons [class^="icon-"] { padding: 0 0 0 70px; margin-bottom: 0; min-height: 53px }

/* three column lists */
.three-column-list { column-count: 3; column-gap: 20px; column-fill: balance }
.three-column-list dl { margin-top: 0; column-break-inside: avoid; display: table }
.three-column-list dd { margin-left: 0 }
.three-column-list-with-icons { margin-right: -20px }
.container .three-column-list-with-icons li { float: left; width: 235px; margin-right: 20px; padding-left: 85px; line-height: 136px; font-size: 18px; font-weight: bold; letter-spacing: 1pt; text-transform: uppercase }
.container .three-column-list-with-icons .icon-ssd { background-position: 0 0 }

/* special per-page rules */
.timeline { position: relative; padding-left: 44px; width: 716px }
.timeline:before { position: absolute; content: ""; top: 0; left: 0; background: #FFF; width: 8px; height: 100%; border-radius: 4px }
.timeline .timeline-entry { position: relative }
.timeline .timeline-entry:before { position: absolute; content: ""; top: 50%; left: -49px; background: #5B9B00; width: 16px; height: 16px; border-radius: 50%; border: 1px solid #3d7b00; margin-top: -9px }

/* right hand sidebar */
aside { background: #FFF; padding: 0 25px 25px }

/* stacked expandable lists */
.stacked, .stacked h2, .stacked dl, .stacked dt, .stacked dd { margin: 0 }
.stacked li { background: #FFF; line-height: 48px; padding-left: 0 }
.stacked h2, .stacked dt { position: relative; border-bottom: 1px solid #DDE9F2; padding-left: 48px; cursor: pointer }
.stacked h2:before, .stacked dt:before { position: absolute; content: ""; top: 21px; left: 20px; width: 0; height: 0; border-style: solid; border-width: 6px 4px 0 4px; border-color: #ACBDCC transparent transparent transparent }
.stacked ul, .stacked dd { display: none }
.stacked ul h2, .stacked dt, .stacked dd { padding-left: 96px }
.stacked ul h2:before, .stacked dt:before { left: 68px }
.stacked dt { font-weight: bold }
.stacked dd { line-height: 143% }
.stacked .expanded > ul, .stacked .expanded > dl > dd { display: block }
.stacked .expanded > dl > dt { border-bottom: 1px solid #FFF }
.stacked .expanded > h2:before, .stacked .expanded > dl > dt:before { border-width: 0 4px 6px 4px; border-color: transparent transparent #5a9b00 transparent }

/* table styling (backup pricing) */
table { width: 100%; border-collapse: collapse; line-height: 48px }
caption { font-size: 12px; letter-spacing: 1pt; text-align: right; color: #151F27 }
td { padding: 0 12px }
tbody th { font-weight: bold; text-align: right; padding-right: 17px }
tbody td { background: #FFF; text-align: center; border: 1px solid #DDE9F2 }
td [class^="icon-"] { display: block; background-position: 50% 50%; text-align: left; text-indent: 100%; white-space: nowrap; overflow: hidden }
tfoot td { padding-top: 8px }

/* map */
.map { position: relative; margin-bottom: 30px }
.map-markers { margin: 0 }
.map-markers li { position: absolute; text-indent: 100%; white-space: nowrap; overflow: hidden; width: 24px; line-height: 30px; padding-left: 0; background-position: 50% 0 }

/* icons */
[class*="icon-"]				{ background-repeat: no-repeat }
.icon-10gbe						{ background-image: url("../img/icons/icon-10gbe.png"); padding-left: 80px }
.icon-backup					{ background-image: url("../img/icons/icon-backup.png") }
.icon-backup-smaller			{ background-image: url("../img/icons/icon-backup-smaller.png") }
.icon-building					{ background-image: url("../img/icons/icon-building.png"); background-position: 0 50%; padding-left: 18px; font-size: 14px }
.icon-cloud-backup				{ background-image: url("../img/icons/icon-cloud-backup.png") }
.icon-cloud-backup-small		{ background-image: url("../img/icons/icon-cloud-backup-small.png") }
.icon-cloud-cdn					{ background-image: url("../img/icons/icon-cloud-cdn.png") }
.icon-cloud-cdn-smaller			{ background-image: url("../img/icons/icon-cloud-cdn-smaller.png") }
.icon-cloud-desk				{ background-image: url("../img/icons/icon-cloud-desk.png") }
.icon-cloud-green-large			{ background-image: url("../img/icons/icon-cloud-green-large.png") }
.icon-cloud-lock				{ background-image: url("../img/icons/icon-cloud-lock.png") }
.icon-cloud-lock-small			{ background-image: url("../img/icons/icon-cloud-lock-small.png") }
.icon-cloud-server				{ background-image: url("../img/icons/icon-cloud-server.png") }
.icon-cloud-server-smaller		{ background-image: url("../img/icons/icon-cloud-server-smaller.png") }
.icon-cloud-server-smallest		{ background-image: url("../img/icons/icon-cloud-server-smallest.png") }
.icon-cloud-servers				{ background-image: url("../img/icons/icon-cloud-servers.png") }
.icon-compass					{ background-image: url("../img/icons/icon-compass.png") }
.icon-cpanel					{ background-image: url("../img/icons/icon-cpanel.png") }
.icon-cpu						{ background-image: url("../img/icons/icon-cpu.png") }
.icon-cross						{ background-image: url("../img/icons/icon-cross.png") }
.icon-cross-platform			{ background-image: url("../img/icons/icon-cross-platform.png") }
.icon-cross-platform-smaller	{ background-image: url("../img/icons/icon-cross-platform-smaller.png") }
.icon-cross-platform-smallest	{ background-image: url("../img/icons/icon-cross-platform-smallest.png") }
.icon-data-transmission			{ background-image: url("../img/icons/icon-data-transmission.png") }
.icon-database-support			{ background-image: url("../img/icons/icon-database-support.png") }
.icon-desktop					{ background-image: url("../img/icons/icon-desktop.png") }
.icon-discount					{ background-image: url("../img/icons/icon-discount.png") }
.icon-dist-arch					{ background-image: url("../img/logos/logo-dist-arch.png") }
.icon-dist-centos				{ background-image: url("../img/logos/logo-dist-centos.png") }
.icon-dist-clearos				{ background-image: url("../img/logos/logo-dist-clearos.png") }
.icon-dist-cloudlinux			{ background-image: url("../img/logos/logo-dist-cloudlinux.png") }
.icon-dist-debian				{ background-image: url("../img/logos/logo-dist-debian.png") }
.icon-dist-elastix				{ background-image: url("../img/logos/logo-dist-elastix.png") }
.icon-dist-fedora				{ background-image: url("../img/logos/logo-dist-fedora.png") }
.icon-dist-gentoo				{ background-image: url("../img/logos/logo-dist-gentoo.png") }
.icon-dist-jumpbox				{ background-image: url("../img/logos/logo-dist-jumpbox.png") }
.icon-dist-ubuntu				{ background-image: url("../img/logos/logo-dist-ubuntu.png") }
.icon-dist-windows-2003			{ background-image: url("../img/logos/logo-dist-windows-2003.png") }
.icon-dist-windows-2008			{ background-image: url("../img/logos/logo-dist-windows-2008.png") }
.icon-dist-windows-2012			{ background-image: url("../img/logos/logo-dist-windows-2012.png") }
.icon-download					{ background-image: url("../img/icons/icon-download.png") }
.icon-download					{ background-image: url("../img/icons/icon-download.png"); background-position: 17px 50% }
.icon-earphones					{ background-image: url("../img/icons/icon-earphones.png") }
.icon-enterprise				{ background-image: url("../img/icons/icon-enterprise.png") }
.icon-enterprise-smaller		{ background-image: url("../img/icons/icon-enterprise-smaller.png") }
.icon-envelope					{ background-image: url("../img/icons/icon-envelope.png"); background-position: 0 50%; padding-left: 22px; font-size: 14px }
.icon-facebook					{ background-image: url("../img/icons/icon-facebook.png") }
.icon-failover					{ background-image: url("../img/icons/icon-failover.png") }
.icon-gear-sliders				{ background-image: url("../img/icons/icon-gear-sliders.png") }
.icon-gears						{ background-image: url("../img/icons/icon-gears.png") }
.icon-globe-marker				{ background-image: url("../img/icons/icon-globe-marker.png") }
.icon-ha-storage				{ background-image: url("../img/icons/icon-ha-storage.png") }
.icon-handshake					{ background-image: url("../img/icons/icon-handshake.png") }
.icon-ips						{ background-image: url("../img/icons/icon-ips.png") }
.icon-marker					{ background-image: url("../img/icons/icon-marker.png") }
.icon-ms-certified				{ background-image: url("../img/icons/icon-ms-certified.png") }
.icon-multi-lingual				{ background-image: url("../img/icons/icon-multi-lingual.png") }
.icon-multi-platform			{ background-image: url("../img/icons/icon-multi-platform.png") }
.icon-notice					{ background-image: url("../img/icons/icon-notice.png") }
.icon-onapp						{ background-image: url("../img/icons/icon-onapp.png"); background-position: 17px 0 }
.icon-paperless					{ background-image: url("../img/icons/icon-paperless.png") }
.icon-pdf						{ background-image: url("../img/icons/icon-pdf.png"); background-position: 0 50%; padding-left: 55px }
.icon-pdf-large					{ background-image: url("../img/icons/icon-pdf-large.png"); background-position: 0 50%; padding-left: 110px; min-height: 85px }
.icon-people					{ background-image: url("../img/icons/icon-people.png") }
.icon-phone						{ background-image: url("../img/icons/icon-phone.png") }
.icon-ram						{ background-image: url("../img/icons/icon-ram.png") }
.icon-reliable					{ background-image: url("../img/icons/icon-reliable.png") }
.icon-reliable-smaller			{ background-image: url("../img/icons/icon-reliable-smaller.png") }
.icon-reliable-smallest			{ background-image: url("../img/icons/icon-reliable-smallest.png") }
.icon-security					{ background-image: url("../img/icons/icon-security.png") }
.icon-server					{ background-image: url("../img/icons/icon-server.png") }
.icon-settings-in-hand			{ background-image: url("../img/icons/icon-settings-in-hand.png") }
.icon-settings-in-hand-smallest	{ background-image: url("../img/icons/icon-settings-in-hand-smallest.png") }
.icon-shield-lock				{ background-image: url("../img/icons/icon-shield-lock.png") }
.icon-shield-lock-smaller		{ background-image: url("../img/icons/icon-shield-lock-smaller.png") }
.icon-shield-lock-smallest		{ background-image: url("../img/icons/icon-shield-lock-smallest.png") }
.icon-smiley					{ background-image: url("../img/icons/icon-smiley.png") }
.icon-speedo					{ background-image: url("../img/icons/icon-speedo.png") }
.icon-ssd						{ background-image: url("../img/icons/icon-ssd.png"); background-position: 17px -20px }
.icon-storage					{ background-image: url("../img/icons/icon-storage.png") }
.icon-support					{ background-image: url("../img/icons/icon-support.png") }
.icon-support-clock				{ background-image: url("../img/icons/icon-support-clock.png") }
.icon-tick						{ background-image: url("../img/icons/icon-tick.png") }
.icon-traffic					{ background-image: url("../img/icons/icon-traffic.png") }
.icon-transmit					{ background-image: url("../img/icons/icon-transmit.png") }
.icon-twitter					{ background-image: url("../img/icons/icon-twitter.png") }
.icon-view						{ background-image: url("../img/icons/icon-view.png"); background-position: 17px 50% }
.icon-vms						{ background-image: url("../img/icons/icon-vms.png") }
.icon-web-access				{ background-image: url("../img/icons/icon-web-access.png") }
.icon-windows					{ background-image: url("../img/icons/icon-windows.png") }
.icon-world-map					{ background-image: url("../img/icons/icon-world-map.png"); background-position: 50% 11px; padding-top: 170px; margin-right: 40px }

/* cdn overview page */
.sign-up-block { background: #FFF; line-height: 52px; padding: 0 20px; white-space: nowrap; letter-spacing: -.31em; word-spacing: -.43em\0; word-spacing: -.43em\9; *letter-spacing: normal; word-spacing: -.43em }
.sign-up-block, x:moz-any-link { word-spacing: -.43em }
.sign-up-block span, .sign-up-block a { display: inline-block; letter-spacing: 1pt; word-spacing: normal }
.sign-up-block__price { font-size: 24px; font-weight: bold; letter-spacing: 1pt; color: #5B9B00; width: 120px }
.sign-up-block__per-gb { font-size: 14px; font-weight: normal; color: #151F27 }
.sign-up-block__pay-as-you-go { font-size: 18px; font-weight: bold; letter-spacing: 1pt; color: #151F27; width: 160px }
.sign-up-block .button { width: auto; margin-top: 7px }

/* cdn pricing page*/
.cloud-block { font-size: 48px; letter-spacing: 1pt; line-height: 77px; font-weight: bold; color: #FFF; text-align: center; width: 211px; padding: 54px 54px 0 0; margin: 0 54px 0 0 }
.cloud-block__per-gb { font-size: 16px; color: #3D7B00 }
.cloud-block__pay-as-you-go { display: block; font-size: 28px; color: #151F27 }
.list-stretched { line-height: 200%; margin-top: 0 }
.border-right { border-right: 4px dotted #C6DAEA }

/* servers pricing page */
.pod-location-selector { line-height: 50px; list-style: none; padding: 0; white-space: nowrap; letter-spacing: -.31em; word-spacing: -.43em\0; word-spacing: -.43em\9; *letter-spacing: normal; word-spacing: -.43em; text-align: center; margin-bottom: 24px; margin-top: -18px }
.pod-location-selector, x:moz-any-link { word-spacing: -.43em }
.pod-location-selector li { position: relative; background: #D1DDE6; display: inline-block; vertical-align: top; width: 180px; letter-spacing: 1pt; word-spacing: normal; margin: 0 10px }
.pod-location-selector li.is-active { background: #FFF }
.pod-location-selector li.is-active:after { top: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(255, 255, 255, 0); border-top-color: #ffffff; border-width: 9px; margin-left: -9px }
.pod-location-selector li a { display: block; font: bold 18px/50px "Proxima Nova", Arial, Helvetica, sans-serif; text-decoration: none; color: #151F27 }
.pod-location-selector li a span { padding-left: 30px }
.pod-location-selector .local { background: url("../img/flag-sa-disabled.png") no-repeat 0 50% }
.pod-location-selector .is-active .local { background: url("../img/flag-sa.png") no-repeat 0 50% }
.pod-location-selector .world { background: url("../img/icon-globe-small-disabled.png") no-repeat 0 50% }
.pod-location-selector .is-active .world { background: url("../img/icon-globe-small.png") no-repeat 0 50% }
.flag-nl { background: url("../img/flag-nl.png") no-repeat 11px 50% }
.flag-gb { background: url("../img/flag-gb.png") no-repeat 11px 50% }
.flag-ie { background: url("../img/flag-ie.png") no-repeat 11px 50% }
.flag-us { background: url("../img/flag-us.png") no-repeat 11px 50% }

.notice { background-color: #FFF; font-weight: bold; font-size: 16px; line-height: 58px; margin-bottom: 48px }
.notice .icon-notice { display: inline-block; background-position: 0 50%; padding-left: 35px }
.pod-pricing-container { list-style: none; padding: 0; margin: 0 -20px 48px 0 }
.pod-pricing { position: relative; background: #FFF; padding: 18px 20px 20px; transition: .4s ease; border-top: 2px solid #FFF; overflow: hidden; cursor: pointer }
.pod-pricing:after { top: -16px; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(91, 155, 0, 0); border-top-color: #5B9B00; border-width: 8px; margin-left: -8px; transition: .4s ease }
.pod-pricing:hover { padding: 28px 30px 30px; margin: -10px 10px -10px -10px; border-top-color: #5B9B00 }
.pod-pricing:hover:after { top: 0 }
.pod-pricing a { display: block; text-decoration: none }
.pod-pricing ul { position: relative; font-size: 16px; line-height: 36px; letter-spacing: 1pt; color: #8D9DA9; list-style: none; padding: 0 23px 18px; border-bottom: 1px solid #DDE9F2; margin: 0 -20px 31px }
.pod-pricing:hover ul { padding: 0 33px 18px; margin: 0 -30px 31px }
.pod-pricing ul:after, .pod-pricing ul:before { top: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none }
.pod-pricing ul:after { border-color: rgba(255, 255, 255, 0); border-top-color: #ffffff; border-width: 12px; margin-left: -12px }
.pod-pricing ul:before { border-color: rgba(221, 233, 242, 0); border-top-color: #DDE9F2; border-width: 13px; margin-left: -13px }
.pod-pricing li span { font-weight: bold; color: #151F27 }

.pod-pricing li .custom-select { position: relative; display: inline-block; vertical-align: top; margin-top: 5px }
.pod-pricing li .custom-select select { font: 13px/38px "Proxima Nova", Arial, Helvetica, sans-serif; color: #151F27; width: 194px; border: 1px solid #DDE9F2; height: 38px; padding: 0 0 0 37px; display: inline-block; vertical-align: top; margin: 0; outline: none; -webkit-appearance:none }
@media screen and (-webkit-min-device-pixel-ratio:0) { .pod-pricing li .custom-select select { padding-right: 30px } }
.custom-select:after { content: "▼"; position: absolute; top: 0; right: 0; bottom: 0; background: #FFF; font-size: 60%; line-height: 38px; padding: 0 7px; border: 1px solid #DDE9F2; border-left: none; color: #151F27; pointer-events: none }
.pod-pricing li select option { font: 13px/38px "Proxima Nova", Arial, Helvetica, sans-serif; color: #151F27; height: 13px; padding: 12px 0 13px 37px }
.pod-pricing .price { line-height: 39px; color: #8D9DA9; letter-spacing: 1pt; text-align: center }
.pod-pricing .price span { font-weight: bold; font-size: 34px; color: #151F27 }

.pod-additional-pricing { list-style: none; padding: 0; margin: 48px 0 60px }
.pod-additional-pricing h3 { padding-left: 38px; background-position: 0 50% }
.pod-additional-pricing dl { overflow: hidden; border-top: 1px solid #D0DDE6; line-height: 46px }
.pod-additional-pricing dt, .pod-additional-pricing dd { border-bottom: 1px solid #D0DDE6; float: left }
.pod-additional-pricing dt { width: 200px; clear: left }
.pod-additional-pricing dd { font-size: 12px; width: 120px; margin-left: 0 }
.pod-additional-pricing .price { font-weight: bold; font-size: 14px }

.pod-pricing-packages-included { list-style: none; padding: 0; margin: 48px 0 60px; line-height: 171% }
.pod-pricing-packages-included > li { padding-left: 130px; margin-bottom: 48px; background-position: 0 50% }

.pod-billing-faq { line-height: 173%; margin: 48px 0 }
.pod-billing-faq dd { margin-left: 0; margin-bottom: 1em; line-height: 186% }

/* contact page */
.compact dt { float: left; clear: left; letter-spacing: .5pt }
.compact dt[class^="icon-"] { padding-left: 16px; background-position: 0 50% }
.compact dd { float: left; clear: none; margin-left: 0.25em; margin-left: 1ch }
form ol { list-style: none; padding-left: 0 }
form ol li { margin-bottom: 9px }
form li input, form li textarea { display: block; padding: 0 0 0 15px; border: 1px solid #FDFEFE; width: 100%; box-sizing: border-box }
form li textarea { height: 74px; padding: 6px 0 6px 15px }
form li input { height: 35px }
.g-recaptcha { margin-bottom: 9px }
.g-recaptcha > div { margin: 0 auto }
form input[type="submit"] { display: block; height: 38px; width: 100% }
.list-external-links { text-align: center }
.list-external-links li { background: none; padding-left: 0; margin-bottom: 17px }
.list-external-links a { display: block }

/* homepage */
section { padding: 60px calc(50% - 410px); line-height: 143%; border-bottom: 1px solid #BAD1E2 }
section .button { white-space: nowrap; margin: 0 auto; width: 98px }
section .content { position: relative }
.alternate { background: #FFF }

.banner-discount { text-align: center; margin: 0 auto 65px }

.banner-job { background: #5B9B00; color: #FFF; text-align: center; line-height: 88px; height: 88px; margin: 0 auto; padding: 0 calc(50% - 500px) }
.banner-job h2 { float: left; background: url("/img/icons/icon-handshake-white.png") no-repeat 0 50%; font: bold 20px/88px "Proxima Nova"; padding-left: 80px; color: inherit; text-transform: uppercase }
.banner-job .align-right { float: right }
.banner-job .align-right p, .banner-job .align-right .button { display: inline-block }
.banner-job .align-right p { font: 18px/88px "Proxima Nova"; color: inherit; margin-right: 20px }
.banner-job .align-right .button { background: #4E8500 }

.banner-ssd { background: #000; text-align: center }
.banner-ssd a { position: relative; background: url("/img/bg-ssd-banner-right.jpg") repeat-x; display: block }
.banner-ssd a:before { display: block; position: absolute; content: ''; left: 0; top: 0; bottom: 0; background: url("/img/bg-ssd-banner-left.jpg") repeat-x; width: 50%; z-index: 1 }
.banner-ssd img { position: relative; z-index: 2; display: block; margin: 0 auto }

.banner-special { background: #ec6979; color: #FFF; text-align: center; line-height: 88px; height: 88px; margin: 0 auto; padding: 0 calc(50% - 500px) }
.banner-special h2 { float: left; background: url("/img/icons/icon-spring-white.png") no-repeat 0 50%; font: bold 20px/88px "Proxima Nova"; padding-left: 80px; color: inherit; text-transform: uppercase }
.banner-special .align-right { float: right }
.banner-special .align-right p, .banner-special .align-right .button { display: inline-block }
.banner-special .align-right p { font: 18px/88px "Proxima Nova"; color: inherit; margin-right: 20px }
.banner-special .align-right .button { background: #f3ad94; border: none }

.three-column .span-320 { text-align: center; padding-top: 85px; background-position: 50% 0 }
section h2, section ul { font-size: 18px; line-height: 150% }
section h2 { font-weight: bold; margin-bottom: 0; text-transform: uppercase }
section ul { list-style: none; color: #010101; letter-spacing: normal }
section:nth-of-type(even) [class*="icon-large"] { right: 0; left: auto }
.three-column { padding: 0 20px }
.alternate { color: #010101 }
.alternate .larger { font-weight: bold }
.alternate p { font-size: 17px; padding: 0 90px; line-height: 26px; }

.pod-cloud-servers { width: 970px; padding: 40px calc(50% - 485px) }
.pod-cloud-servers h2 { font-size: 24px; line-height: 117%; margin-bottom: 1em }
.pod-cloud-servers p { padding: 0; font-size: 14px; line-height: 160% }
.pod-cloud-servers img { float: right; margin-right: -60px }

.testimonials-wrapper { overflow: hidden; position: relative }
.testimonials { list-style: none; padding: 0; margin: 0; white-space: nowrap; width: 500%; overflow: hidden }
.testimonials li { position: relative; font-size: 16px; line-height: 150%; float: left; width: 20%; height: 165px }
.testimonials li blockquote { display: inline-block; vertical-align: middle; width: 645px; height: 100%; padding-left: 55px; margin: 0; white-space: normal }
.testimonials li cite { display: block; color: #121921; font-weight: bold; font-style: normal; margin-top: 1em }
.testimonials li figure { display: inline-block; vertical-align: middle; max-height: 165px; width: 295px; margin-bottom: 0 }
.testimonials li img { display: block; margin: 0 auto; border: 0 }

.testimonials-controls li { position: absolute; top: 50%; width: 28px; list-style: none; margin-top: -22px }
.testimonials-controls li a { display: block; text-indent: 100%; white-space: nowrap; overflow: hidden; height: 44px }
.testimonials-controls .testimonials-controls-prev { left: 0 }
.testimonials-controls .testimonials-controls-prev a { background: url("../img/testimonials-controls-prev.png") no-repeat }
.testimonials-controls .testimonials-controls-next { right: 0 }
.testimonials-controls .testimonials-controls-next a { background: url("../img/testimonials-controls-next.png") no-repeat }

.container-smaller .list-justified { list-style: none; text-align: justify; text-align-last: justify; margin-bottom: 0 }
.container-smaller .list-justified li { display: inline-block; vertical-align: middle }

/* legal pages */
.legal h2 { font-size: 24px }
.legal ol.main > li { counter-increment: root; font-size: 24px; font-weight: bold }
.legal ol.main ul { margin-top: 0; list-style: disc !important }
.legal ol.main > li p, .legal ol.main > li > ul { font-size: 14px; margin-bottom: 1em; font-weight: normal }
.legal ol.main > li > ol { counter-reset: subsection; list-style-type: none; font-size: 14px; font-weight: normal; position: relative; margin-left: 2.5em; padding-left: 0 }
.legal ol.main > li > ol > li { counter-increment: subsection; margin-bottom: 1em }
.legal ol.main > li > ol > li:before { content: counter(root) "." counter(subsection) " "; position: absolute; left: -2.5em }

/* legal downloads page */
.page-title { margin-bottom: 50px }
.page-title h1 { color: #151f27; font: bold 36px "Proxima Nova", Arial, Helvetica, sans-serif; margin-bottom: 0 }
.page-title p { color: #61839F; font-size: 19px; letter-spacing: 1pt; line-height: 116% }
.list-assets { border-top: 4px dotted #C6DAEA; list-style: none; padding-left: 0 }
.list-assets > li { border-bottom: 1px solid #C6DAEA; min-height: 47px; padding-top: 22px; padding-bottom: 22px; background: none; padding-left: 0 }
.list-assets-desc, .list-assets-links { display: inline-block; vertical-align: middle }
.list-assets-desc { width: 362px; float: left }
.list-assets-desc h2, .list-assets-desc p { margin-bottom: 0 }
.list-assets-desc h2 { line-height: 23px }
.list-assets-links { line-height: 37px; list-style: none; padding-left: 0; float: right }
.list-assets-links li { float: left; width: 162px; background: #FFF; border-radius: 18.5px; padding-left: 0 }
.list-assets-links li + li { margin-left: 19px }
.list-assets-links li a { display: block; font-weight: bold 14px/37px "Proxima Nova", Arial, Helvetica, sans-serif; color: #0B0F13; text-align: center; text-transform: uppercase; text-decoration: none; padding-left: 16px; border-radius: 18.5px; transition: .4s }
.list-assets-links li a:focus, .list-assets-links li a:hover { background-color: #0B0F13; color: #FFF }

/* resellers page */
.reseller { padding-top: 0; padding-bottom: 17px; border-bottom: 4px dotted #C6DAEA; margin-bottom: 50px }
.gallery { letter-spacing: -.31em; word-spacing: -.43em\0; word-spacing: -.43em\9; *letter-spacing: normal; word-spacing: -.43em; margin-top: 30px }
.gallery, x:moz-any-link { word-spacing: -.43em }
.gallery li { background: none; display: inline-block; vertical-align: top; letter-spacing: normal; word-spacing: normal; padding-left: 0; width: 223px }
.gallery li + li { margin-left: 38px }

/* features page */
.feature-block { padding-top: 0; padding-bottom: 48px; border: 0; letter-spacing: -.31em; word-spacing: -.43em\0; word-spacing: -.43em\9; *letter-spacing: normal; word-spacing: -.43em }
.feature-block, x:moz-any-link { word-spacing: -.43em }
.feature-block-figure, .feature-block-text { display: inline-block; vertical-align: middle; letter-spacing: normal; word-spacing: normal }
.feature-block-figure { width: 204px; margin: 0 }
.feature-block-figure img { display: block; border: 0; margin: 0 auto }
.feature-block-text { width: 556px }
.feature-block h2 { font: bold 24px/1 "Proxima Nova", Arial, Helvetica, sans-serif; letter-spacing: 1pt; margin-bottom: 10px }
.feature-block p { font-size: 16px; line-height: 1.5; text-align: justify; margin-bottom: 30px }
.feature-block-list { display: table; width: 100%; clear: both; background: #E6EFF5; white-space: nowrap; padding: 15px; box-sizing: border-box; letter-spacing: normal; word-spacing: normal }
.feature-block-list li { display: table-cell; background: url("../img/icons/icon-tick.png" ) no-repeat 0 50%; font: bold 14px/38px "Proxima Nova", Arial, Helvetica, sans-serif; padding: 0 0 0 30px }
.feature-block-list li:last-child { background: none; width: 140px; padding: 0 }
.feature-block-list .button { font: bold 14px/38px "Proxima Nova", Arial, Helvetica, sans-serif; padding: 0 20px; letter-spacing: 1pt }

/* technology page */
.technology { padding-bottom: 55px }
.technology img { float: left; margin: 0 }
.technology h1, .technology p { padding-left: 250px }
.technology h1 { font: bold 30px/1 "Proxima Nova", Arial, Helvetica, sans-serif }
.technology-block-text p { font-size: 16px; line-height: 1.5; text-align: justify; margin-bottom: 1em }
.block-promotion { background: #E6EFF5; overflow: hidden; padding: 30px }
.block-promotion h2 { font-weight: bold; font-size: 28px; letter-spacing: 1pt }
.block-promotion p { font-size: 16px; letter-spacing: 1pt; line-height: 163% }
.block-promotion .list-stretched { font-size: 16px; line-height: 163% }

/* control page */
.control { padding-bottom: 55px }
.control img { float: left; margin: 0 }
.control h1, .control p { padding-left: 250px }
.control h1 { font: bold 30px/1 "Proxima Nova", Arial, Helvetica, sans-serif }
.control-block-text p { font-size: 16px; line-height: 1.5; text-align: justify; margin-bottom: 1em }

/* servers operating systems page */
.cross-platform { overflow: hidden; margin-bottom: 31px }
.cross-platform img { float: left; margin-right: 28px }
.cross-platform h1 { font-size: 30px; letter-spacing: 1pt }
.cross-platform p { font-size: 16px; line-height: 1.5 }
.block-os-templates { clear: both; margin-top: 37px }
.block-os-templates h2 { font-weight: bold; font-size: 24px; letter-spacing: 1pt }
.block-os-templates table { margin-bottom: 49px }
.block-os-templates td[class^="icon-dist-"] { background-position: 15px 7px; padding-left: 64px; font-weight: bold; white-space: nowrap; font-size: 16px }
.block-os-templates td { text-align: left; line-height: 24px; padding: 12px; border-left: none; border-right: none; vertical-align: top }
.block-os-templates td:last-child { padding-right: 28px }
.block-os-templates p { max-width: 480px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-bottom: 0 }
.block-os-templates ul { display: none; line-height: 24px }
.block-os-templates a { display: inline-block; color: #121921; text-decoration: none; position: relative; padding-right: 9px; outline: none }
.block-os-templates a:after { position: absolute; content: ""; top: 50%; left: 100%; width: 0; height: 0; border-style: solid; border-width: 6px 4px 0 4px; border-color: #ACBDCC transparent transparent transparent; margin-top: -3px }
.block-os-templates .expanded p { overflow: auto; white-space: normal; margin-bottom: 1em }
.block-os-templates .expanded ul { display: block }
.block-os-templates .expanded a:after { border-width: 0 4px 6px 4px; border-color: transparent transparent #5a9b00 transparent }

/* reliability page */
.block-section-heading { }
.block-section-heading figure { float: left }
.block-section-heading figure img { border: 0; display: block; margin: 0 auto }
.block-section-heading h1 { font-weight: bold; font-size: 28px; letter-spacing: 1pt }
.block-highlight { background: #E6EFF5; margin-bottom: 45px; padding-bottom: 10px }
.block-highlight figure { margin-bottom: 22px }
.block-highlight p { font-size: 16px; letter-spacing: 1pt; line-height: 143%; color: #151F27 }

/* job application page */
.job-application aside { padding: 0 35px 25px }
.job-application li input { border-color: #8FA9BD }
.job-application h2.larger { font-size: 22px }
.job-application h2.even-larger { font-size: 28px }
.job-application aside form { padding-top: 29px }
.job-application aside p { line-height: 164% }
.job-application aside ol { margin-top: 32px }
.job-application aside li { margin-bottom: 10px }
.job-application aside li input { height: 39px }
.job-application aside li input[type="file"] { display: none }
.job-application aside li input[type="file"] + label { background: url("/img/bg-upload.png") no-repeat 100% 50%; display: block; line-height: 39px; border: 1px solid #8FA9BD; padding: 0 15px; cursor: pointer }

/* footer */
.call-to-action { padding: 15px calc(50% - 500px) 35px; background: #E6EFF5 }
.call-to-action-text h2 { font-weight: bold; font-size: 20px; text-transform: uppercase; letter-spacing: .2pt; margin-top: 24px }
.call-to-action-text p { font-size: 16px; letter-spacing: .2pt; line-height: 1.5; margin: 0 }
.call-to-action .icon-cart { position: relative; margin-top: 62px }
.call-to-action .icon-cart:before { position: absolute; content: ""; background: #3D7C00; width: 31px; height: 32px; border-radius: 50%; left: 3px; top: 3px; background-repeat: no-repeat; background-position: 50% 50% }
.call-to-action .icon-cart:before { background-image: url("../img/icons/icon-cart.png") }

footer { overflow: hidden; background: #162028; color: #61839F; line-height: 186% }
footer h3, footer h3 a { color: #FFF; text-transform: uppercase; font-size: 16px }
footer a { color: #61839F; text-decoration: none }
footer a:focus, footer a:hover { text-decoration: underline }
.footer-links { padding: 24px calc(50% - 500px) }
.footer-links ul { list-style: none; padding-left: 0 }
.footer-links dl { margin-bottom: 2em }
.footer-links dt { font-weight: bold; color: #FFF; float: left; clear: left }
.footer-links dd { float: left; margin-left: 10px; margin-left: 1ch }
.social-links { line-height: 30px; letter-spacing: -.31em; word-spacing: -.43em\0; word-spacing: -.43em\9; *letter-spacing: normal; *word-spacing: -.43em }
.social-links, x:moz-any-link { word-spacing: -.43em }
.social-links li { display: inline-block; width: 30px; letter-spacing: normal; word-spacing: normal }
.social-links li + li { margin-left: 14px }
.social-links a { display: block; background-color: #62849F; background-repeat: no-repeat; text-indent: 100%; white-space: nowrap; overflow: hidden }
.social-links a:focus, .social-links a:hover { background-color: #82AFD2 }
.form-signup { position: relative }
.form-signup input { display: block; background: #000; border: none; color: #FFF; height: 33px; box-sizing: border-box; width: 100%; padding: 0 40px 0 13px }
.form-signup input[type="submit"] { position: absolute; right: 5px; top: 50%; background: #5B9B00 url("../img/bg-footer-submit.png") no-repeat 9px 7px; width: 25px; height: 25px; text-indent: 100%; white-space: nowrap; overflow: hidden; margin-top: -12.5px; padding: 0 }
.hilited-link { color: #FFF; border-bottom: 1px solid #5B9B00 }
.hilited-link:focus, .hilited-link:hover { text-decoration: none; border-bottom: 1px solid #FFF }
.copyright { padding: 0 calc(50% - 500px); clear: both; background: #000; margin: 0; line-height: 72px; overflow: hidden }
.copyright .align-left { float: left }
.copyright .align-right { float: right }

/* olark override */
#habla_topbar_div, #olrk_tab_closure_span, #habla_expanded_div, #habla_both_div { background-image: url("../img/smoke.png") !important }