/* Fonts */

@font-face {
    font-family: 'Ostrich';
    src: url('../fonts/ostrich-regular.eot');
    src: url('../fonts/ostrich-regular.eot?#iefix') format('embedded-opentype'),
         url('../fonts/ostrich-regular.woff') format('woff'),
         url('../fonts/ostrich-regular.ttf') format('truetype'),
         url('../fonts/ostrich-regular.svg#ostrich_sansmedium') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'icomoon';
    src:url('../fonts/icomoon.eot?49sqs2');
    src:url('../fonts/icomoon.eot?#iefix49sqs2') format('embedded-opentype'),
        url('../fonts/icomoon.ttf?49sqs2') format('truetype'),
        url('../fonts/icomoon.woff?49sqs2') format('woff'),
        url('../fonts/icomoon.svg?49sqs2#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* ==========================================================================
   HTML5 Boilerplate styles - h5bp.com (generated via initializr.com)
   ========================================================================== */

button,html,input,select,textarea{color:#222}body{font-size:1em;line-height:1.4em}::-moz-selection{background:#b3d4fc;text-shadow:none}::selection{background:#b3d4fc;text-shadow:none}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}img{vertical-align:middle}fieldset{border:0;margin:0;padding:0}textarea{resize:vertical}.chromeframe{margin:.2em 0;background:#ccc;color:#000;padding:.2em 0}


/* ===== Initializr Styles ==================================================
   Author: Jonathan Verrecchia - verekia.com/initializr/responsive-template
   ========================================================================== */

body {
    color: #666;
    font: 13px 'Roboto';
    padding: 70px 0 0;
    zoom: 1;    
}

body.page-home {padding:0;}

body.preloader { overflow: hidden; }
body.preloader .header-container { top: -70px; }
body.preloader .main-container,
body.preloader .footer-container { display: none; }
.main-container {overflow:hidden;}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */

[class^="icon-"],
[class*=" icon-"] {
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-google-plus:before {content:"\ea88";}
.icon-facebook:before {content:"\ea8c";}
.icon-twitter:before {content:"\ea91";}
.icon-linkedin:before {content:"\eac9";}


/* General */
a{text-decoration:none}span.logo{display:block}h2,h3,p{margin:0}nav ul{margin:0;padding:0}article{padding-bottom:30px;padding-top:30px}textarea,input[type=password],input[type=text]{background:#fff;border:2px solid #ccc;color:#333;font-family:'Roboto';font-size:0.872em;font-weight:300;line-height:3.5em;padding:0 1em;border-radius:5px;}

h1,h2,h3,h4,h5,h6 {font-weight:normal;}

textarea.error,
input.error { border-color: #f23f2c !important; color: #f23f2c !important; }
label.error, 
label.error a { color: #f23f2c; }

.error::-webkit-input-placeholder {color:#f23f2c;}
.error:-moz-placeholder {color:#f23f2c;}
.error::-moz-placeholder {color:#f23f2c;}
.error:-ms-input-placeholder {color:#f23f2c;}

.wrapper {padding-left: 5%; padding-right: 5%; position: relative; width: 90%;}

.no-border { border: none!important; }
.no-margin { margin: 0!important; }
.no-padding { padding: 0!important; }
.white-border { border: 1px solid #fff; }

.ir { background-image: url(../images/sprite.png); background-repeat: no-repeat; }
.centralized { display: table; margin: 0 auto; overflow: hidden; }
.background { width: 100%; }
.gray {background-color:#EBEBE3;}
.map {background:url(../images/bgr-texture-map.png) repeat;}
.faq {background:url(../images/bgr-faq.png) repeat;}
.trust {background-color:#F0F0EA;}

.round {
    border-radius: 7px;
}
.button {background-color:transparent; border:none; color: #fff; display: inline-block; padding:6px 15px 5px 15px; text-align: center; border-radius:7px; font-weight:300;}
.btn-large { padding: 15px 40px; }
button {outline:none;}
.button:hover {color:#E6595A;}

.button.white {border:solid 1px #fff; color:#fff;}
.button.white:hover {background-color:#fff; color:#E6595A;}
.button.gray {border:solid 1px #999; color:#333;}
.button.gray:hover {border:solid 1px #E6595A; color:#E6595A;}
.button.orange {border:solid 1px #E6595A; color:#fff; background-color:#E6595A;}
.button.orange:hover {border:solid 1px #C73737; color:#fff; background-color:#C73737;}
.button.tblack {color:#333;}
.button.tblack:hover {color:#000; text-shadow:0 0 1px rgba(0,0,0,0.5);}

.button.loading {background: #E6595A url(../images/loader.gif) no-repeat center center;}
.button.loading span {visibility:hidden;}

.upper {text-transform:uppercase;}
.fsize1 {font-size:0.93em; line-height:2em;}
.fsize2 {font-size:1.125em;line-height:2.625em;}
.fsize3 {font-size:1.3125em;line-height:2.625em;}
.padX15Y0 {padding:0 15px;}
.padX30Y0 {padding:0 30px;}

.link {padding:5px 15px; font-weight:300;}
.link:hover {font-weight:500;}

#preloader { background-color: #fa4f48; color: #fff; height: 100%; left: 0; position: fixed; top: 0; width: 100%; z-index: 5; }
#preloader p { font-size: 17px; font-weight: 300; left: 0; margin-top: -20px; position: absolute; text-align: center; top: 50%; width: 100%; }
#percent { color: #d0322a; display: block; font-size: 12px; font-weight: 300; }

/* Header */

.header-container { height: auto; position: fixed; top: 0; z-index:200; width: 100%; background:#E6595B; transition: box-shadow .3s; -webkit-transition: box-shadow .3s;}
.header-container.header-fixed {box-shadow:0 1px 10px rgba(0,0,0,0.2);}

.header-container h1,
.header-container span.logo {width:110px; height:37px; margin:16px 0 0; background-position:0px 0px; cursor:pointer; position:relative;  z-index:7; }
.header-container a.logo {display: block;}

.header-container nav a {color:#fff; position:relative;}
.header-container nav a span {font-weight:300; white-space:nowrap;}
.header-container nav a .over {display:none;}

.header-container nav {margin:25px 0;}

.header-container nav ul li {line-height:32px;}
.header-container nav ul li.separator {}
.header-container nav ul.side {text-align:center; padding-top:85px;}
.header-container nav ul.side li {display:inline-block;}

.header-container aside {position:absolute; top:270px; font-size:13px;}
.header-container aside a {font-size:1em; color:#fff; margin-right:10px; font-weight:300;}
.header-container aside a.black {color:#000;}

.header-container.closed {height:70px;}

.header-container.closed aside,
.header-container.closed nav { display: none; }

.menu-control {
    background: #fa4f48;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fa4f48), color-stop(60%,#fa4f48), color-stop(61%,#ffffff), color-stop(100%,#ffffff));
    background: -webkit-linear-gradient(top,        #fa4f48 0%,#fa4f48 60%,#ffffff 61%,#ffffff 100%);
    background: -webkit-linear-gradient(top, #fa4f48 0%, #fa4f48 60%, #ffffff 61%, #ffffff 100%);
    background: linear-gradient(to bottom,  #fa4f48 0%,#fa4f48 60%,#ffffff 61%,#ffffff 100%);
    border-radius: 3px;

    background-size: 20px 6px;
    border: 7px solid #fff; display: block; height: 16px; position: absolute; right: 5%; text-indent: -5000em; top: 20px; width: 20px;
}

/* Home */

#home { overflow: hidden; }

/* Grow in the cloud */
.background-home-header {background: #E6595B url(../images/bgr-header-home.jpg) top center no-repeat; background-size:cover;}
#grow-in-the-cloud {min-height:15.8em; padding-top:8.12em; padding-bottom:5em;}
#grow-in-the-cloud h2 {color:#fff; font-size:3.375em; text-transform:uppercase; font-weight:300;}
#grow-in-the-cloud h3 {color:#fff; font-size:2em; padding-bottom:1.563em; text-transform:uppercase; font-weight:300;}

/* Everything you need to grow in the cloud */
#all-you-need {padding-bottom:0;}
#all-you-need header h2 {font-size:2.5em; color:#333; font-weight:300; text-align:center;}
#all-you-need section {width:100%; padding:3em 2em; float:left; box-sizing: border-box; text-align:center;}
#all-you-need section img {display:inline-block; margin-bottom:1.5em;}
#all-you-need section h3 {min-height:1em; padding-bottom:1.5em; font-size:1.5em; color:#FF4C4C; font-weight:normal;}
#all-you-need section p {font-size:1.25em; line-height:1.56em; color:#666; font-weight:200;}

figure.cFigureWrapper {width:100%; padding-bottom:25px; position:relative;}
figure.cFigureWrapper .cFloat-top {top:-2em; right:-1.5em; width:8em; position:absolute;}
figure.cFigureWrapper .cFloat-left {top:10em; left:-5em; width:10em; position:absolute;}
figure.cFigureWrapper .caption {bottom:-0.1em; right:0; position:absolute; font-weight:normal; font-size:1.2em;}
figure.cFigureWrapper .image {width:100%;}

#cases,
#cases-startups {display:none;}
#cases.visible,
#cases-startups.visible {display:block;}
#cases-startups section,
#cases section {overflow:hidden;}
#cases-startups h2,
#cases h2 {font-weight:200; font-size:1.5em; padding-bottom:1.2em; color:#FF4C4C;}
#cases-startups h3,
#cases h3 {font-weight:200; font-size:1.875em; padding-bottom:1.2em;}
#cases-startups p,
#cases p {font-weight:200; font-size:1.25em; line-height:1.5em; padding-bottom:1.5em;}
#cases-startups p a,
#cases p a {color:#666; text-decoration:underline;}
#cases-startups p a:hover,
#cases p a:hover {color:#FF4C4C;}

#multiple-datacenters {display:none;}
#multiple-datacenters header h2 {padding-bottom:1em; color:#FF4C4D; text-align:center; font-size:2.5em; font-weight:300;}
#multiple-datacenters header h3 {text-align:center; font-size:1.4em; line-height:1.5em; font-weight:200; padding:0 9em 2em 9em;}
#multiple-datacenters section {height:596px; width:1140px; margin:0 auto; background:url(../images/bgr-map.png) top center no-repeat; position:relative;}
#multiple-datacenters section .point {width:20px; height:20px; border-radius:20px; background-color:#FFF; position:absolute; z-index:1;}
#multiple-datacenters section .point:before {content:''; top:0; left:0; width:20px; height:20px; border-radius:20px; background-color:#FF4C4D; position:absolute; cursor:pointer;
    transition: all .3s;
    -webkit-transition: all .3s;
}
#multiple-datacenters section .point:hover:before {
    background:#B73333; cursor:pointer;
    transform: scale(0.8);
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -moz-transform: scale(0.8);
}

#multiple-datacenters section .point.oregon {top:207px; left:142px;}
#multiple-datacenters section .point.california {top:252px; left:163px;}
#multiple-datacenters section .point.virginia {top:229px; left:291px;}
#multiple-datacenters section .point.ireland {top:155px; left:486px;}
#multiple-datacenters section .point.frankfurt {top:171px; left:519px;}
#multiple-datacenters section .point.singapore {top:361px; left:885px;}
#multiple-datacenters section .point.tokyo {top:218px; left:962px;}
#multiple-datacenters section .point.sydney {top:475px; left:1043px;}
#multiple-datacenters section .point.saopaulo {top:460px; left:360px;}

#multiple-datacenters section .point .tooltip {width:250px; bottom:20px; padding-bottom:15px; position:absolute; z-index:99;
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(10px);
    transform: translateY(10px);

    opacity:0;

    filter: alpha(opacity=0);
    visibility:hidden;

    -webkit-transition: -webkit-transform .3s .2s , opacity .3s .2s , display .1s;
    transition: transform .3s .2s , opacity .3s .2s , display .1s;
}
#multiple-datacenters section .point .tooltip .wr {padding:10px 10px 5px 10px; border-radius:4px; background-color:#FF4C4D; position:relative;}
#multiple-datacenters section .point .tooltip .wr:after {bottom:-20px; content:''; border-style:solid; border-width:10px; border-color:#FF4C4D transparent transparent transparent; position: absolute;}
#multiple-datacenters section .point .tooltip h2 {padding-bottom:5px; color:#fff; font-size:13px; font-weight:normal;}
#multiple-datacenters section .point .tooltip h3 {padding-bottom:5px; color:#fff; font-size:12px; font-weight:200;}
#multiple-datacenters section .point .tooltip div {padding:15px 0;position:relative;}
#multiple-datacenters section .point .tooltip div.border {border-top:solid 1px #CB3B3B;}
#multiple-datacenters section .point .tooltip div ul {margin:0; padding:0; list-style:none;}
#multiple-datacenters section .point .tooltip div ul li {color:#fff; font-size:12px; font-weight:300; padding-top:10px;}
#multiple-datacenters section .point .tooltip div ul li:first-child {padding-top:0;}
#multiple-datacenters section .point .tooltip div a {right:0; top:50%; margin-top:-6px; color:#782020; font-size:12px; font-weight:normal; position:absolute;}

#multiple-datacenters section .point.left .tooltip {left:-20px;}
#multiple-datacenters section .point.right .tooltip {right:-20px;}
#multiple-datacenters section .point.left .tooltip .wr:after {left:20px;}
#multiple-datacenters section .point.right .tooltip .wr:after {right:20px;}
#multiple-datacenters section .point:hover {z-index:2;}
#multiple-datacenters section .point:hover .tooltip {
    visibility:visible;
    opacity:1;
    z-index:99;
    filter: alpha(opacity=100);
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}

#dedicated-servers {}
#dedicated-servers figure {width:100%; padding-bottom:2em;}
#dedicated-servers figure img {display:block; width:100%;}
#dedicated-servers section {overflow:hidden;}
#dedicated-servers section h2 {color:#FF4C4D; font-size:2.5em; font-weight:300;}
#dedicated-servers section h3 {padding-bottom:1.5em; line-height:1.5em; font-size:1.4em; font-weight:300;}
#dedicated-servers section p {padding-bottom:1.5em; line-height:1.5em; font-size:1.4em; font-weight:200;}

#dedicated-servers-price {}
#dedicated-servers-price figure {width:100%; padding-bottom:2em; cursor:pointer; position:relative;}
#dedicated-servers-price figure img {display:block; width:100%;}
#dedicated-servers-price figure img.dedicated-server-normal {opacity:1; position:absolute; top:0; transition:all .3s; -webkit-transition:all .3s; -moz-transition:all .3s;}
#dedicated-servers-price figure img.dedicated-server-hover {opacity:0; position:absolute; top:0; transition:all .3s; -webkit-transition:all .3s; -moz-transition:all .3s;}
#dedicated-servers-price figure img.dedicated-server-hover.hide {opacity:0 !important;}
#dedicated-servers-price figure:hover img.dedicated-server-normal {opacity:0;}
#dedicated-servers-price figure:hover img.dedicated-server-hover {opacity:1;}
#dedicated-servers-price figure .tooltip {width:260px; top:-150%; left:-100%; padding:15px; background:#FF4C4D; color:#fff; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; position:absolute; z-index:99; opacity:0; -webkit-transform: translateY(-10px); -ms-transform: translateY(10px); transform: translateY(10px); filter: alpha(opacity=0); visibility:hidden; -webkit-transition: -webkit-transform .3s, opacity .3s, display .1s; transition: transform .3s, opacity .3s , display .1s;}
#dedicated-servers-price figure .tooltip h2 {padding-bottom:3px; color:#fff; font-size:1.5em; font-weight:500; text-transform:uppercase;}
#dedicated-servers-price figure .tooltip p {color:#fff; font-size:1em; font-weight:normal;}
#dedicated-servers-price figure .tooltip:after {bottom:-20px; left:35%; content:''; border-style:solid; border-width:10px; border-color:#FF4C4D transparent transparent transparent; position: absolute;}
#dedicated-servers-price figure .dedicated-server-gear {display:block; width:27%; height:27%; position:absolute; top:20%; left:27%; z-index:10;}
#dedicated-servers-price figure .dedicated-server-gear:hover .tooltip {visibility:visible; opacity:1; z-index:99; filter: alpha(opacity=100); -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0);}

#dedicated-servers-price section {overflow:hidden;}
#dedicated-servers-price section h2 {color:#FF4C4D; padding-bottom:1em; font-size:2.5em; font-weight:300;}
#dedicated-servers-price section p {padding-bottom:1.5em; font-size:1.125em; line-height:1.5em; font-weight:300; color:#333;}
#dedicated-servers-price section .background {background-color:#333;}
#dedicated-servers-price section .background img {display:block; max-width:100%; margin-bottom:1.5em;}

.trust {background-position:center bottom;}
#trust-is-everything {} 
#trust-is-everything section {width:100%; padding-bottom:2em;}
#trust-is-everything section h2 {font-weight:300; padding-bottom:1em; font-size:2.5em; color:#FF4C4C;}
#trust-is-everything section h3 {font-weight:200; font-size:1.5em; line-height:1.5em; padding-bottom:1.5em;}
#trust-is-everything figure {width:100%;}
#trust-is-everything figure img {width:100%;}

/* Sign up */
#sign-up {padding-bottom:0; padding-top:0;}
#sign-up header h2 {width:100%; padding:0 10%; text-align:center; box-sizing:border-box; font-size:1.625em; color:#FF4C4D; font-weight:300; line-height:1.12em;}
#sign-up header a {padding:0 30px; display:table; margin:2em auto 0 auto;}
#sign-up header .background {padding:60px 0;}

#sign-up section {display:none; overflow:hidden; padding-bottom:30px; padding-top:50px;}

#sign-up form fieldset legend {font-size:2.5em; color:#2c2c2c; padding-bottom:1em;}
#sign-up form .form {text-align:center;}
#sign-up form p {margin:0 0 2.85em; font-size:1.25em; font-weight:200;}
#sign-up form p.message {color:#F23F2C; font-size:0.8em !important; float:right !important; font-weight:300;}
#sign-up form label {display:inline-block; vertical-align:top; text-align:left; width:100%; margin:3% 0;}
#sign-up form label.invisible {height:0;}
#sign-up form label span {display:block; font-size:1em; font-weight:200; padding-bottom:5px;}
#sign-up form label small {display:block; font-size:0.78em; font-weight:200; padding-top:5px}
#sign-up form input[type=text],
#sign-up form input[type=password] {width:100%; box-sizing:border-box;}
#sign-up form label a {}

#sign-up form p.message {display:none;}
#sign-up form .actions {padding:2em 0;}
#sign-up form .actions .button {padding:7px 45px;}
#sign-up form .actions p {padding-top:10px; font-size:1em; float:left;}
#sign-up form .actions p a {color:#333; text-decoration:underline;}
#sign-up form .actions .right {width:100%; text-align:center; overflow:hidden;}

#sign-up #success {display:none; text-align:center; width:100%;}
#sign-up #success strong,
#sign-up #success span {display:block; width: 100%;}
#sign-up #success strong {color:#eb3e33; font-size:1.5em; font-weight:500;}
#sign-up #success span { color: #585858; font-size: 1em; font-weight: 300;}

#price {}
#price header.intro-filters {}
#price header.intro-filters h2 {font-size:2.5em; font-weight:200; text-align:center; color:#333;}
#price header.intro-filters .filters {margin:0; padding:50px 0 30px 0;text-align:center;}
#price header.intro-filters .filters li {text-align:left; display:inline-block; margin:0 2%;}
#price header.intro-filters .filters li:first-child {margin-bottom:1em;}
#price header.intro-filters .filters li .label {padding-bottom:10px; color:#999; font-size:13px; font-weight:300; text-align:center; display:block;}
#price header.intro-filters .filters li .bar {}
#price header.intro-filters .filters li .bar a {padding:8px 20px; width:50%; float:left; box-sizing:border-box; background-color:#fff; border:solid 2px #ccc; color:#666; font-size:14px; border-left:none; border-radius:0 5px 5px 0; font-weight:300;}
#price header.intro-filters .filters li .bar a:first-child {border-right:none; border-left:solid 2px #ccc; border-radius:5px 0 0 5px; -webkit-border-radius:5px 0 0 5px; -moz-border-radius:5px 0 0 5px;}
#price header.intro-filters .filters li .bar a:hover {background-color:#F5F5F5;}
#price header.intro-filters .filters li .bar a.active {background-color:#76CBBD; color:#fff; border-color:#76CBBD;}

#price .plans {display:block;}
#price .plans .plan {width:100%; padding-top:105px; margin-bottom:60px; display:block; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px;  border-left:solid 2px #EAEAEA; border-right:solid 2px #EAEAEA; border-bottom:solid 2px #EAEAEA; vertical-align:middle; position:relative;}
#price .plans .separator {width:2%; display:none; }

#price .plans .plan header {top:0; left:-2px; right:-2px; height:85px; padding:10px 20px; background-color:#333; position:absolute; border-radius:10px 10px 0 0; -moz-border-radius:10px 10px 0 0; -webkit-border-radius:10px 10px 0 0;}
#price .plans .plan header h2 {text-align:center; color:#76CBBD; font-weight:300;}
#price .plans .plan header h2.type {font-size:1em; padding-top:10px;}
#price .plans .plan header h2.label {font-size:1.625em; padding-top:28px;}
#price .plans .plan header h3 {text-align:center;}
#price .plans .plan header h3 span {color:#999; font-size:1.125em; font-weight:300;}
#price .plans .plan header h3 strong {color:#fff; font-size:2.5em; font-weight:300;}

#price .plans .plan .body {padding:20px 20px 50px 20px;}
#price .plans .plan .body ul {padding:0; margin:0; list-style:none;}
#price .plans .plan .body ul li {padding:10px 0; font-size:1em; color:#999; font-weight:300; text-align:center; border-top:solid 1px #E1E1E1;}
#price .plans .plan .body ul li:first-child {border-top:none;}
#price .plans .plan .body ul li strong {color:#666; font-weight:300;}
#price .plans .plan .body p {font-size:1em; font-weight:300; text-align:center;}

#price .plans .plan .btn {bottom:0; width:65%; padding:5px 5%; min-height:50px; left:50%; position:absolute; border:solid 2px #76CBBD; background-color:#fff; border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px; text-align:center; display:table; z-index:9;
    -webkit-transform: translate(-50% , 50%);
    -ms-transform: translate(-50% , 50%);
    transform: translate(-50% , 50%);
}
#price .plans .plan .btn div.content {display:table-cell; vertical-align:middle;}
#price .plans .plan .btn div.content span {font-size:0.8125em; color:#FF4C4D; font-weight:bold; text-transform:uppercase;}
#price .plans .plan .btn div.content strong {font-size:1.125em; color:#333; font-weight:bold; display:block; text-transform:uppercase;}
#price .plans .plan .btn:hover {background-color:#76CBBD; box-shadow:inset -1px -1px 3px rgba(255,255,255,0.3); z-index:10;}

#price .plans .plan .icon-help {width:18px; height:18px; border-radius:18px; -moz-border-radius:18px; -webkit-border-radius:18px; color:#fff; background-color:#89DEDB; display:inline-block; font:14px/18px 'Roboto'; font-weight:bold; position:relative; display:none;}
#price .plans .plan .icon-help i {display:block; font-style:normal; cursor:pointer;}
#price .plans .plan .icon-help .tooltip {bottom:28px; left:-20px; width:100%; padding:10px 15px; min-width:320px; max-width:350px; position:absolute; background-color:#fff; border:solid 1px #89DEDB; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; color:#585858; font-weight:400; text-align:left; z-index:99; display:none;}
#price .plans .plan .icon-help .tooltip p {font-size:13px; font-weight:300;}
#price .plans .plan .icon-help .tooltip p strong {font-size:13px; display:inline; font-weight:bold;}
#price .plans .plan .icon-help .tooltip span {bottom:-20px; left:18px; border-style:solid; border-width:10px; border-color:#89DEDB transparent transparent transparent; position:absolute;}
#price .plans .plan .icon-help .tooltip span:after {content:''; bottom:-6px; left:-8px; border-style:solid; border-width:8px; border-color:#fff transparent transparent transparent; position:absolute;}
#price .plans .plan .icon-help:hover .tooltip {display:block;}

#price .what-is-included {padding-top:30px; text-align:center;}
#price .what-is-included h3 {padding-bottom:30px; color:#333; font-size:1.25em; font-weight:400;}
#price .what-is-included ul {display:block; margin:0 auto; padding:0;  list-style:none;}
#price .what-is-included ul li {margin-bottom:20px; text-align:left; font-size:1em; font-weight:400;}
#price .what-is-included ul li i {width:16px; height:16px; margin-right:10px; display:inline-block; vertical-align:middle;}
#price .what-is-included .ico-multiple-language {background-position:0 -100px;}
#price .what-is-included .ico-multiple-region {background-position:0 -116px;}
#price .what-is-included .ico-auto-Scaling {background-position:0 -132px;}
#price .what-is-included .ico-devops {background-position:-16px -100px;}
#price .what-is-included .ico-ssl-suport {background-position:-16px -116px;}
#price .what-is-included .ico-ssd-disc {background-position:-16px -132px;}

#price .plan-hour,
#price .plan-month,
#price .plan-us,
#price .plan-br,
#price .currency-us,
#price .currency-br {position:absolute; visibility:hidden; left:-999em;}

#price .active-month span.plan-month,
#price .active-hour span.plan-hour,
#price .active-hour.active-us .plan-hour.plan-us,
#price .active-hour.active-br .plan-hour.plan-br,
#price .active-month.active-br .plan-month.plan-br,
#price .active-month.active-us .plan-month.plan-us,
#price .active-br .currency-br,
#price .active-us .currency-us {visibility:visible; position:inherit; left:auto;}

#faq {}
#faq h2 {color:#DE3527; font-size:2.5em; padding-bottom:1em; font-weight:300; text-align:center;}
#faq ul {margin:0; padding:0; list-style:none;}
#faq ul li {width:100%; padding-bottom:1.3em; box-sizing:border-box;}
#faq ul li:nth-child(2n+1) {padding-right:40px; clear:both;}
#faq ul li h3 {padding-bottom:0.7em; font-size:1em; line-height:1.5em; font-weight:400; color:#333;}
#faq ul li p {margin:0; font-size:1em; line-height:1.5em; font-weight:300; color:#333;}


#contact {padding-bottom:0;}
#contact header h2 {color:#DE3527; padding-bottom:1em; font-size:2.5em; font-weight:300;}
#contact .contact-form {padding-bottom:50px;}
#contact .contact-form form {position:relative;}
#contact .contact-form fieldset {float:left; width:100%; box-sizing:border-box;}
#contact .contact-form fieldset:first-child {padding-left:0;}
#contact .contact-form fieldset label {display:block; padding-bottom:1em; padding-top:1.3em;}
#contact .contact-form fieldset label span {display:block; font-size:1em; font-weight:200; padding-bottom:0.5em;}
#contact .contact-form fieldset label textarea,
#contact .contact-form fieldset label input {width:100%; box-sizing:border-box;}
#contact .contact-form em {color:#DE3527;}
#contact .contact-form .footer {clear:both;}
#contact .contact-form .footer small {font-size:13px; font-weight:300;}
#contact .contact-form .footer button {padding:6px 30px; float:right;}
#contact .contact-form .message-report {
    top:50%; left:50%; min-width:260px; padding:15px; position:absolute; background-color:#fff; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; border:solid 2px #ccc; z-index:99; display:none;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}
#contact .contact-form .message-report .success {display:none;}
#contact .contact-form .message-report.status-error {padding:15px 15px 15px 55px; background:#fff url(../images/icon-error.png) 15px center no-repeat; background-size:25px;}
#contact .contact-form .message-report.status-ok {padding:15px 15px 15px 55px; background:#fff url(../images/icon-ok.png) 15px center no-repeat; background-size:25px;}
#contact .contact-form .message-report.status-ok .success {display:block;}
#contact .contact-form .message-report ul {list-style:none; padding:0; margin:0;}
#contact .contact-form .message-report ul li {padding:5px 0; font-weight:200; font-size:1em;}
#contact .contact-form .message-report.active {display:block;}

#contact .contact-map {padding-top:2em;}
#contact .contact-map .infos .map .vcard {padding-bottom:2em;}
#contact .contact-map .infos .map .vcard h3 {color:#DE3527; padding-bottom:1em; font-size:1.5em; font-weight:300; font-style:normal;}
#contact .contact-map .infos .map .vcard h4,
#contact .contact-map .infos .map .vcard a {color:#333; margin:0; padding-bottom:0.4em; font-size:1em; font-weight:300; font-style:normal;}
#contact .contact-map .infos .map .vcard a:hover {text-decoration:underline;}

#map-canvas {width:100%; height:445px; display:none;}

/* Technologies */
#technologies {}
#technologies h2 {color:#FF4C4C; font-size:2em; padding-bottom:1.2em; font-weight:300;}
#technologies p {margin-bottom:1.3em; font-size:1.45em; line-height:1.5em; font-weight:300; color:#333;}
#technologies header {margin-bottom:6.5em;}
#technologies nav {float:left; width:100%; position:relative; top:-4.2em;}
#technologies nav .h3 {position:absolute; right:0; width:100%; border:1px solid #CCC; font-size:13px; font-weight:400; margin:0; padding:0;}
#technologies nav .h3 a {display:block; position:relative; padding:8px; color:#333333;}
#technologies nav .h3 a:after {content:''; position:absolute; right:8px; top:13px; width:0; height:0; border-style:solid; border-width:8px 6.5px 0 6.5px; border-color:#999999 transparent transparent transparent;}
#technologies nav ul {position:absolute; right:1px; top:36px; margin-top:0; padding:0; width:100%; background:#E7E7E7; overflow:hidden; height:0px; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
#technologies nav.active ul {height:306px; padding:8px 0;}
#technologies nav li {height:34px; line-height:34px;}
#technologies nav li a {display:block; color:#666666; font-size:13px; padding:0 16px; font-weight:400; text-align:right;}
#technologies nav li a.active {color:#EB3E33;}
#technologies section {float:right; width:100%;}
#technologies section .h4 {border-left:none; border-bottom:1px solid #CCCCCC; color:#EB3E33; font-size:1.63em; font-weight:300; margin:0 0 1em; padding:0 0 0.6em;}
#technologies section .h5 {color:#666; font-size:1.45em; line-height:1.5em; margin:1.45em 0 0; padding-bottom:0.2em; font-weight:500;}
#technologies section p a {text-decoration:none; color:#333333;}
#technologies section pre {background-color:#F2F2F2; border:1px solid #CCCCCC; color:#666; display:block; font-size:1em; margin:1em 0; padding:0.8em;}

#legal-definitions header {padding-top:4em;}
#legal-definitions header h2 {color:#FF4C4C; font-size:2.5em; padding-bottom:2em; font-weight:300;}

#legal-definitions article {padding-top:3em;}
#legal-definitions article h3 {font-size:2.25em; font-weight:300; color:#333;}
#legal-definitions article dl {padding:0; margin:0;}
#legal-definitions article dl dt {font-size:14px; line-height:1.5em; margin:0; padding:2.5em 0 1.5em 0; font-weight:500; color:#666; border-top:1px solid #ccc;}
#legal-definitions article dl dt:first-child {border-top:none;}
#legal-definitions article dl dd {font-size:14px; line-height:1.8em; margin:0; padding-bottom:0.5em; font-weight:300; color:#666;}
#legal-definitions article dl dd ul {list-style:none;}
#legal-definitions article dl dd ul li p {padding-bottom:1em;}
#legal-definitions article dl dd a {color:#666; text-decoration:underline;}
#legal-definitions article dl dd p {padding-bottom:1.8em;}
#legal-definitions article dl dd ol {padding:0 0 0 5em; list-style:none;}
#legal-definitions article dl dd ol li {padding-bottom:1em;}
#legal-definitions article dl dd ol li strong {}
#legal-definitions article dl dd ol li span {position:absolute; margin-left:-1.3em; font-weight:500;}
#legal-definitions article dl dd ol li span.double {margin-left:-1.8em;}

#legal-definitions nav {float:left; width:100%; position:relative; top:-5.5em;}
#legal-definitions nav .h3 {position:absolute; right:0; top:30px; width:100%; border:1px solid #CCC; font-size:13px; font-weight:400; margin:0; padding:0;}
#legal-definitions nav .h3 a {display:block; position:relative; padding:8px; margin-bottom:0; color:#333333; text-align:left; box-sizing:border-box;}
#legal-definitions nav .h3 a:after {content:''; position:absolute; right:8px; top:13px; width:0; height:0; border-style:solid; border-width:8px 6.5px 0 6.5px; border-color:#999999 transparent transparent transparent;}
#legal-definitions nav ul {position:absolute; right:1px; top:63px; margin-top:0; padding:0; width:100%; background:#E7E7E7; overflow:hidden; height:0px; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; z-index:10;}
#legal-definitions nav.active ul {height:136px; padding:8px 0;}
#legal-definitions nav li {height:34px; line-height:34px;}
#legal-definitions nav li a {display:block; color:#666666; font-size:13px; padding:0 16px; font-weight:400; text-align:right; margin-bottom:0; width:auto; text-align:left;}
#legal-definitions nav li a.active {color:#EB3E33;}
#legal-definitions nav li a span {padding:0; border:0; display:block; font-size:inherit;}

/* Footer */
.ir.openshift {background-position:0 -45px; width:200px; height:30px; display:inline-block;}

.footer-container {padding-top:30px; background:#282828; font-size:13px;}
.footer-container .clearfix {position:relative;}

.footer-container .nav-footer {width:100%; margin-bottom:30px;}
.footer-container .nav-footer ul li {margin-bottom:10px;}
.footer-container .nav-footer ul li a {color:#ccc; font-weight:300; font-size:1.125em;}
.footer-container .nav-footer ul li a:hover {color:#fff;}

.footer-container .news {width:100%; margin-bottom:30px; padding:1em; background:#333; box-sizing:border-box;}
.footer-container .news h2 {color:#fff; font-size:1.25em; padding-bottom:0.85em; font-weight:300; text-transform:uppercase;}
.footer-container .news p {color:#999; font-size:1.125em; padding-bottom:1.5em; line-height:1.5em; font-weight:200;}
.footer-container .news input {background-color:transparent; border-color:#999; width:60%; color:#fff;}
.footer-container .news button:hover {color:#999;}
.footer-container .news small {font-size:0.9375em; color:#999; font-weight:200; padding-top:10px; display:block;}
.footer-container .news input[type=text] {font-size:0.85em;}
.footer-container .news button {padding:4px 15px 5px 15px; font-size:0.85em;}

.footer-container .power-by {margin-bottom:30px;}
.footer-container .power-by h3 {margin-right:20px; padding-bottom:10px; display:block; vertical-align:middle; color:#666; font-size:0.875em; font-weight:200;}
.footer-container .power-by h2 {vertical-align:middle; display:block; margin:0 auto;}

.footer-container .terms-social {clear:both; padding:25px 0; border-top:solid 1px #333;}
.footer-container .terms-social ul {text-align:center;}
.footer-container .terms-social ul li {display:inline-block; margin-left:1.5em;}
.footer-container .terms-social ul li:first-child {margin-left:0;}

.footer-container .terms-social ul.terms a {color:#666; font-size:0.9375em; font-weight:300;}
.footer-container .terms-social ul.terms a:hover {color:#fff;}

.footer-container .terms-social ul.social {padding-bottom:30px; font-size:16px;}
.footer-container .terms-social ul.social a {padding:5px; color:#666; display:block; text-align:center;}
.footer-container .terms-social ul.social a:hover {color:#fff;}

.footer-container .terms-social ul.social .icon-google-plus {font-size:1.7em;}
.footer-container .terms-social ul.social .icon-twitter {font-size:1.5em;}
.footer-container .terms-social ul.social .icon-linkedin {font-size:1.6em; display:block; margin-top:-3px;}
.footer-container .terms-social ul.social .icon-facebook {font-size:1.6em; font-weight:bold; display:block; margin-top:-3px;}


/* tooltip */
i.tooltip {display:none;}

/* modal */

#modal { display: none; height: 100%; left: 0; position: fixed; top: 0; width: 100%; z-index: 20; }

.modal-mask { background: #000; height: 100%; left: 0; opacity: 0.5; filter: alpha(opacity=50); position: fixed; top: 0; width: 100%; z-index: 1; }
.modal-content { background: #fff; height: 640px; left: 5%; max-width: 700px; position: absolute; top: 10%; width: 90%; z-index: 2; }

#modal .close { font-weight: normal; font-weight: 300; font-size: 30px; text-decoration: none; color: #333333; position: absolute; right: 20px; top: 20px; }

#terms h1 { background: #efefef; font-size: 30px; margin: 0; padding: 20px; }
#terms h2 { font-size: 16px; margin: 10px 10px; }
#terms p { margin: 15px 10px; }

#terms p, #terms a,
#terms p, #terms li { font-size: 13px; }

#terms ul { list-style: none; }

#terms .scroll { height: 530px; margin: 10px 5%; overflow: auto; width: 90%; }

/* no-js */

.no-js .header-container.closed aside,
.no-js .header-container.closed nav { display: block; }

.no-js #how-it-works section dl { display: block; }

/* ==========================================================================
   Media Queries
   ========================================================================== */

/* ========================
    min-width 480px
   ======================== */

@media only screen and (min-width: 480px) {

    body {font: 13px 'Roboto'; padding:121px 0 0;}    

    body.preloader .header-container { top: -122px; }
    body.preloader .main-container,
    body.preloader .footer-container { display: none!important; }

    .header-container,
    .header-container.closed { height: 122px!important; }

    .header-container aside { display: inline-block!important; right: 4%; top:9px;}
    .header-container aside a { display: inline-block; font-size: 11px; position: relative; text-indent: -5000em; width: 20px; }
    .header-container aside a:after { display: inline-block; left: 0; position: absolute; text-align: center; text-indent: 0; }

    .header-container aside .en:after { content: 'EN'; }
    .header-container aside .pt:after { content: 'PT'; }

    .header-container h1,
    .header-container span.logo {margin:45px 0 0;}

    .header-container nav { display: block!important; left: 4%; position: absolute; top: 0; width: 92%; }

    .header-container nav { margin: 0; padding:42px 0; }
    .header-container nav ul { margin: 4px 0; position: absolute; top: 0; width: 100%; }
    .header-container nav ul.side { margin: 0; padding:0; position: absolute; right: 0; top: 40px; width: auto; }

    .header-container nav ul li { display: inline-block; line-height: 32px; margin: 0 0 0 3%; }

    .header-container nav ul li.secondary { margin: 0 104px 0 0; position: absolute; right: 3%; top: -4px; }
    .header-container nav ul li.secondary a { font-size: 12px; }

    .header-container nav ul li.separator { border-bottom: none; margin: 0 64px 0 0; padding: 0; }

    .header-container nav ul.side li { margin: 0; }

    .menu-control { display: none; }    

    article { padding-bottom: 60px; padding-top: 60px; }

    .footer-container .news {padding:1.8em 2em;}
    
    /* tooltip */

    i.tooltip { background: #8fe8e5; color: #fff; cursor: pointer; display: inline-block; font-size: 13px; font-style: normal; font-weight: 300; height: 18px; line-height: 18px; text-align: center; width: 18px; border-radius: 18px; }

    .tooltip-content { background: #fff; border: 1px solid #82d3d1; color: #585858; font-size: 13px; left: 0; max-width: 400px; padding: 5px; position: absolute; top: 0; border-radius: 10px; z-index: 10; box-shadow: 3px 3px 15px -3px #333; }    

    #grow-in-the-cloud {padding-top:12.12em;}
    #grow-in-the-cloud h2 {font-size:4.375em;}

    #dedicated-servers-price figure .tooltip {width:315px; top:-80%; left:18%;}
    #dedicated-servers-price figure .tooltip h2 {padding-bottom:3px; color:#fff; font-size:14px;}
    #dedicated-servers-price figure .tooltip p {color:#fff; font-size:13px;}
    #dedicated-servers-price figure .tooltip:after {left:auto;}

    #technologies nav {float:left; width:30%;}
    #technologies h2 {color:#FF4C4C; font-size:2.5em; padding-bottom:1em; font-weight:300;}
    #technologies p {margin-bottom:1em; font-size:1em; line-height:1.5em; font-weight:300; color:#333;}
    #technologies header {margin-bottom:3.5em;}
    #technologies nav {position:static;}
    #technologies nav .h3 {position:static; border-left:3px solid #EB3E33; border-top:0; border-right:0; border-bottom:0; font-size:1.125em; font-weight:400; margin:0; padding:0 0.5em 0 0.5em;}
    #technologies nav .h3 a {padding:0; color:#333333;}
    #technologies nav .h3 a:after {display:none;}
    #technologies nav ul {margin-top:1.25em; width:auto; height:306px; position:static; padding:0; background:transparent;}
    #technologies nav.active ul {padding:0;}
    #technologies nav li {border-bottom:1px solid #CCCCCC; height:2.125em; line-height:2.125em;}
    #technologies nav li a {display:block; color:#666666; font-size:0.9375em; padding:0 0.625em; font-weight:400; text-align:left;}
    #technologies nav li a:hover {background-color:#EBF7F6;}
    #technologies nav li a.active {color:#EB3E33;}
    #technologies section .h4 {border-left:none; border-bottom:1px solid #CCCCCC; color:#EB3E33; font-size:2.5em; font-weight:300; margin:0 0 0.8em; padding:0;}
    #technologies section .h5 {color:#666; font-size:1.25em; line-height:1.5em; margin:1.25em 0 0; padding-bottom:0.2em; font-weight:500;}
    #technologies section p a {text-decoration:none; color:#333333;}
    #technologies section pre {background-color:#F2F2F2; border:1px solid #CCCCCC; color:#666; display:block; font-size:0.9375em; margin:1em 0; padding:0.625em;}
    #technologies section {float:right; width:65%;}
    
    #legal-definitions header h2 {padding-bottom:1em;}
    #legal-definitions header nav {position:static; float:none;}
    #legal-definitions header nav .h3 {display:none; position:static;}
    #legal-definitions nav.active ul {height:auto; padding:0;}
    #legal-definitions header nav ul {position:static; width:auto; background:transparent; overflow:visible;}
    #legal-definitions header nav ul li {height:auto; line-height:normal;}
    #legal-definitions header nav a {width:100%; float:left; text-align:left; position:static; padding:0; margin-bottom:2em;}
    #legal-definitions header nav a span {padding-bottom:0.2em; border-bottom:solid 2px #fff; color:#666; font-size:1.125em; font-weight:300; display:inline-block;}
    #legal-definitions header nav a:hover {color:#000;}
        .page-legal-definitions-support #legal-definitions header nav a.support span,
        .page-legal-definitions-acceptable #legal-definitions header nav a.acceptable span,
        .page-legal-definitions-privacy #legal-definitions header nav a.privacy span,
        .page-legal-definitions-terms #legal-definitions header nav a.terms span {border-bottom-color:#666;}
    
    #price header.intro-filters .filters li:first-child {margin-bottom:0;}

    .footer-container .news input[type=text] {font-size:1em;}
    .footer-container .news button {padding:4px 15px 5px 15px; font-size:1.0625em;}
}


/* ========================
    min-width 620px
   ======================== */
@media only screen and (min-width: 620px) {    
    body {font: 13px 'Roboto';}
    textarea,input[type=password],input[type=text]{line-height:2.5em;}

    #map-canvas {display:block;}
    #contact .contact-map.map {position:relative; background-color:#fff; padding-top:0;}
    #contact .contact-map .infos {top:0; bottom:0; left:0; right:0; position:absolute;}
    #contact .contact-map .infos .wrapper {height:445px; position:relative;}
    #contact .contact-map .infos .map {top:0; bottom:0; right:0; left:60%; padding:2em; position:absolute; z-index:100;}
}

/* ========================
    min-width 768px
   ======================== */

@media only screen and (min-width: 768px) {
    body {font: 13px 'Roboto';}

    .wrapper { padding-left: 4%; padding-right: 4%; position: relative; width: 92%; }

    .header-container nav { display: block!important; left: 4%; position: absolute; top: 0; width: 92%; }

    .header-container nav { margin: 0; padding: 42px 0; }
    .header-container nav ul { margin: 4px 0; position: absolute; top: 0; width: 100%; }
    .header-container nav ul.side { margin: 0; padding-left: 0; position: absolute; right: 0; top: 40px; width: auto; }   

    article { padding-bottom: 80px; padding-top: 80px; }
    
    .modal-content { left: 50%; margin-left: -350px; }

    #all-you-need section {width:33.3%; padding:70px 25px;}
    #all-you-need section h3 {min-height:50px; padding:0 15px 25px 15px;}

    #sign-up header h2 {float:left; width:50%; padding:0 0 0 5%; margin-right:5%; text-align:right; box-sizing:border-box;}
    #sign-up header a {display:inline-block; margin:0;}
    #sign-up form label {width:25%; margin:0 1%;}
    #sign-up form .actions .right {width:auto; text-align:right;}
    
    #price .plans {display:table; padding-bottom:50px;}
    #price .plans .plan {width:32%; display:table-cell; margin-bottom:0;}
    #price .plans .plan .icon-help {display:inline-block;}
    #price .plans .separator {display:table-cell;}
    #price .what-is-included ul {display:inline-block; margin:0 5%;}
    
    #dedicated-servers-price figure .tooltip {width:315px; top:-55%; left:35%;}
    
    #faq ul li {width:50%; float:left;}

    #contact .contact-form fieldset {width:33.3%; padding-left:1.25em;}

    #technologies nav {float:left; width:26%;}
    #technologies section {float:right; width:69%;}
    
    #legal-definitions header nav a {width:auto; float:left; margin-right:2em; margin-bottom:0; text-align:left;}
}

/* ========================
    min-width 860px
   ======================== */

@media only screen and (min-width: 860px) {
    body {font: 14px 'Roboto';}

    .header-container nav ul { padding-left: 140px; position: static; }
    .header-container nav ul li.secondary { top: 0; }

    .header-container nav ul li { margin: 0 0 0 3%; }
    .header-container nav ul li.secondary { margin: 0 0 0 4%; }

    .header-container nav a .over {top:-6px; left:-1px; font-weight:500; visibility:hidden; position:absolute; display:block;}
    .header-container nav a:hover span {visibility:hidden;}
    .header-container nav a:hover .over {visibility:visible;}

    .footer-container .nav-footer {width:50%; float:left;}
    .footer-container .nav-footer ul li {float:left; margin-right:2em;}
    .footer-container .news {width:40%; float:right;}
    .footer-container .power-by {bottom:30px; margin-bottom:0; position:absolute;}
    .footer-container .power-by h3,
    .footer-container .power-by h2 {display:inline-block; padding:0;}
    .footer-container .power-by h2 {margin:0;}
    .footer-container .terms-social ul.terms {float:left; margin-top:8px;}
    .footer-container .terms-social ul.social {float:right; padding-bottom:0;}
    .footer-container .terms-social ul li {float:left;}

    figure.cFigureWrapper {margin-right:35px; width:50%; max-width:465px; padding-bottom:25px; float:left; position:relative;}    
    #dedicated-servers figure,
    #dedicated-servers-price figure {margin-right:50px; max-width:415px; width:50%; float:left; padding-bottom:0;}
    #cases,
    #cases-startups {background: url(../images/bgr-cloud.png) top left no-repeat; background-size:39em;}

    #dedicated-servers-price figure .tooltip {width:315px; top:-90%; left:25%;}
    
    .trust {background:#F0F0EA url(../images/bgr-trust-is-everything.png) center right no-repeat;}
    #trust-is-everything {display:table; padding-top:40px; padding-bottom:70px;} 
    #trust-is-everything section {width:45%; padding-right:2.85em; display:table-cell; vertical-align:middle; box-sizing:border-box;}    
    #trust-is-everything figure {width:55%; display:table-cell;}
    #trust-is-everything figure img {width:100%;}

    #contact .contact-form .message-report.status-error {padding:15px 15px 15px 85px; background:#fff url(../images/icon-error.png) 15px center no-repeat;}
    #contact .contact-form .message-report.status-ok {padding:15px 15px 15px 85px; background:#fff url(../images/icon-ok.png) 15px center no-repeat;}

}

/* ========================
    min-width 900px
   ======================== */

@media only screen and (min-width: 900px) {
   body {font: 15px 'Roboto';}
}

/* ========================
    min-width 1049px
   ======================== */

@media only screen and (min-width: 1049px) {

}

/* ========================
    min-width 1070px
   ======================== */

@media only screen and (min-width: 1070px) {
    
}

/* ========================
    min-width 1140px
   ======================== */

@media only screen and (min-width: 1140px) {
    body {font: 16px 'Roboto';}
   .wrapper { max-width: 1170px; margin: 0 auto;}
   #multiple-datacenters {display:block;}
}

/* ==========================================================================
   Helper classes
   ========================================================================== */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

.hidden {
    display: none !important;
    visibility: hidden;
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

.invisible {
    visibility: hidden;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

/* ==========================================================================
   Print styles
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}