/* COMMON */
body { background:#fff; color:#2b2a2a; font-family: 'Lato', sans-serif; font-size:14px; line-height:normal;}
.container{ max-width:960px; width:100%;}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-family: 'Lato', sans-serif; line-height:normal; margin-top:0;}
button , img, a:focus{ outline:none;}
ul{ padding:0;}
a:hover, a:focus{ text-decoration:none;}
img{ max-width:100%;}
#header:after, .clients-reviews:after, .two-block:after, .leading-partners ul:after, .bonus-block:after{ font-size:0px; line-height:0px; height:0px; content:'.'; visibility:hidden; display:block; clear:both;}

/* HEADER */
#header{ background:#2a2b2e; padding:23px 0;}

/* NAVBAR BRAND */
.navbar-brand { height:auto; line-height:normal; padding:0; color:#fff; font-size:36px;}
.navbar-brand img{ margin:0 10px; max-width:300px; width:100%;}
.navbar-brand span { color:#59a5d4; }

/* HOSTING BLOCK */
.hosting-wrap{ margin:0 auto; max-width:800px; padding:40px 0 20px; width:100%;}
.hosting-wrap h2{ color:#000; font-size:45px; font-weight:700; letter-spacing:-1px; line-height:50px; margin-bottom:10px; text-align:center;}
.hosting-wrap h2 span, .clients-wrap h2 span, .hosting-wrap p span, .price-increases h2 span, .price-increases p span, .faster-loading h2 span, .leading-partners h2 span, .two-block span, .features-wrap h2 span, .early-bid h2 span, .bonuses-wrap h2 span, .question-wrap h2 span{ color:#59a5d4;}
.hosting-wrap p{ color:#969696; font-size:24px; font-weight:300; line-height:30px; text-align: center;}

/* VIMEO VIDEO */
.vimeo-video{ border:1px solid #4692cc; margin:10px auto 30px; max-width:800px; width:100%;}
.embed-container { height:auto; max-width:100%; overflow:hidden; padding-bottom:56.25%; position:relative;}
.embed-container iframe, .embed-container object, .embed-container embed{ height:100%; left:0; position:absolute; top:0; width:100%;}

/* CLIENTS BLOCK */
.clients-wrap h2, .price-increases h2, .faster-loading h2, .leading-partners h2, .two-block h2, .features-wrap h2, .early-bid h2, .bonuses-wrap h2, .question-wrap h2{ color:#000; font-size:36px; font-weight:700; line-height:42px; margin-bottom:20px; text-align:center;}
.clients-reviews{ list-style:none; margin:0 -15px;}
.clients-reviews li{ text-align:center;}
.image-caption{ margin:0 auto 20px; width:150px;}
.image-caption img{ border-radius:50%;}
.clients-reviews p, .clients-reviews span, .price-increases p, .loading-list li, .acceptance-form li, .two-block p, .features-wrap p, .features-list p, .gurantee-wrap p, .bonus-block p, .offer-start, .question-wrap p, .footer-top p{ color:#444; font-size:17px; font-style:normal; line-height:27px; margin-bottom:0;}
.clients-reviews p{ font-style:italic;}
.clients-reviews span{ color:#59a5d4; font-weight:700;}

/* PRICE INCREASES */
.price-increases, .faster-loading, .leading-partners, .features-wrap, .bonuses-wrap{ border-top:2px solid #e5e5e5; margin-top:79px; padding:54px 0 0; position:relative;}
.inside-content{ margin:0 auto; max-width:800px; width:100%;}
.right-arrow{ background:url(../images/right-arrow.png) no-repeat; height:108px; position:absolute; right:0; top:-42px; width:50px;}
.price-increases p{ font-weight:300; margin-bottom:18px;}

/* FASTER LOADING */
.faster-loading{ margin-top:45px;}
.left-arrow{ background:url(../images/left-arrow.png) no-repeat; height:108px; left:0; position:absolute; top:-42px; width:50px;}
.faster-loading h2{ margin-bottom:30px;}
.faster-loading h2 span{ display:block;}
.loading-list, .acceptance-form ul{ list-style:none; margin:0 0 60px;}
.loading-list li, .acceptance-form li{ background:url(../images/tick.png) no-repeat left 4px; font-weight:300; margin-bottom:12px; padding-left:24px;}
.align-right{ float:right;}
.align-left{ float:left;}
.two-block{ border-bottom:2px solid #efefef; margin-bottom:20px; padding:20px 0 50px;}
.last-block{ border:none; margin-bottom:0; padding-bottom:0;}
.two-block h2{ background: url(../images/drawn-line2.png) no-repeat center bottom; font-size:32px; margin-bottom:15px; padding-bottom:29px; text-align:left;}
.two-block p{ font-weight:300;}
.block-content{ max-width:360px; width:100%;}

/* LEADING PARTNERS */
.leading-partners{ border-bottom:2px solid #e5e5e5; margin:72px 0 50px; padding-bottom:25px;}
.leading-partners ul{ list-style:none; margin:0;}
.leading-partners li{ float:left; line-height:79px; margin-bottom:25px; text-align:center; width:33.33%;}

.left-block{ float:left; max-width:450px; width:100%;}
.left-block img{ margin-bottom:20px;}
.right-block{ float:right;}
.right-block p{ margin-bottom:19px;}
.two-block .right-block h2{ margin-bottom:56px;}

/* FEATURES */
.features-wrap{ margin-top:54px;}
.features-wrap p{ font-weight:300; margin-bottom:15px; text-align:center;}

.features-list{ list-style:none; margin-bottom:0;}
.feature-item{ margin:35px 0; text-align:center;}
.image-wrap{ background:#f4f4f4; border-color:#eee #e4e4e4 #ccc; border-radius:5px; border-style:solid; border-width:1px; box-shadow: 0 2px 0 rgba(0, 0, 0, 0.04), 0 1px 0 0 #fff inset; padding:20px; max-width:224px;	width:100%; margin:0 auto 24px;}
.features-list h3{ color:#59a5d4; font-size:22px; font-weight:700; margin-bottom:14px;}
.features-wrap .features-list p{ margin-bottom:0;}

/* GURANTEE BLOCK */
.gurantee-wrap{ background: url(../images/squares_bg12.png); border-bottom:1px solid #ebebeb; border-top:1px solid #ebebeb; padding:50px 0 31px;}
.gurantee-wrap img{ display:block; margin:0 auto;}
.gurantee-wrap h2{ color:#444; font-size:40px; font-weight:300; line-height:normal; margin:1px 0 19px;}
.gurantee-wrap p{ font-weight:300; margin-bottom:19px;}

/* TIMER */
.early-bid{ padding:40px 0 0; text-align:center;}
.early-bid h2 span{ display:block;}
.timer .table-cell{ display:inline-block; margin:0 5px; width:90px;}
.timer .table-cell .tab-val{ background: rgba(0, 0, 0, 0) linear-gradient(to bottom, rgba(255, 255, 255, 1) 0px, rgba(234, 234, 234, 1) 50%, rgba(242, 242, 242, 1) 51%, rgba(250, 250, 250, 1) 100%) repeat scroll 0 0; border-radius:4px; box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.5), 0 0 0 1px rgba(0, 0, 0, 0.25) inset, 0 -3px 0 0 rgba(204, 204, 204, 1) inset, 0 -4px 0 0 rgba(179, 179, 179, 1) inset, 0 -5px 0 0 rgba(255, 255, 255, 1) inset, 0 2px 0 0 rgba(234, 234, 234, 1) inset, 0 3px 0 0 rgba(179, 179, 179, 1) inset, 0 4px 0 0 rgba(255, 255, 255, 1) inset; color: #333; display:inline-block; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; font-size:48px; font-weight:700; line-height:1em; min-width:1.25em; padding:0.25em; position:relative; text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff; width:100%;}
.timer .table-cell .tab-unit{ font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; font-size:12px; margin-top:3px; text-transform:uppercase;}

/* BONUSES */
.bonuses-wrap{ margin-top:48px; padding-top:94px;}
.bonuses-wrap h2{ margin-bottom:30px;}
.bonus-block{ background:#fde789; border:1px solid #895204; margin:20px auto 0; max-width:660px; padding:20px; width:100%;}
.bonus-block h2{color:#895204; font-size:24px; margin-bottom:18px; text-align:left;}
.bonus-block p{ font-weight:300; margin-bottom:20px;}
.bonus-block img{ float:right; margin:0 0 20px 20px;}

/* GET STARTED */
.get-started-wrap{ margin-bottom:30px;}
.get-started{ background:#59a5d4; margin:20px 0 69px; padding:50px 0; text-align:center;}
.get-started h2{ color:#fff; font-size:40px; font-weight:700; line-height:47px; margin:0;}
.get-started p{ color:#d9effc; font-size:26px; font-style:normal; font-weight:300; line-height:27px; margin:0;}

.acceptance-form{ background:#f5f6f7; border:1px solid #dbdbdb; margin:0 auto 39px; max-width:460px; width:100%;}
.acceptance-form-inside{ border:5px solid #edeeef;}
.acceptance-form ul{ margin:0; padding:20px;}
.acceptance-form h2{ margin:0 0 20px; padding:10px 0;}
.acceptance-form img{ display:block; margin:0 auto; padding:0 10px;}
.acceptance-form ul span{ color:#870000; font-weight:700;}
.acceptance-form-footer{ margin-bottom:25px;}

.offer-start{ font-weight:300; text-align:center;}

/* QUESTION */
.question-wrap{ background: url(../images/squares_bg12.png); padding:50px 0 60px;}
.question-wrap{ margin-bottom:35px;}
.question-wrap p{ font-weight:300; margin-bottom:45px; text-align:center;}
.question-wrap ul{ list-style:none; margin-bottom:29px;}
.question-wrap ul h3{ color:#424242; font-size:16px; font-weight:700; line-height:21px; margin:0 0 13px 30px;}
.question-wrap ul h3 span, .question-wrap ul p span{ color:#424242; font-size:16px; font-weight:700; margin-left:-30px; position:absolute;}
.question-wrap ul p{ color:#979ca2; font-size:16px; margin:0 0 0 30px; text-align:left;}

/* FOOTER */
.main-footer{ margin:15px 0 69px;}
.footer-top p{ font-weight:300; margin:5px 0 14px;}
.copyright{ color:#666; font-family: 'Source Sans Pro', sans-serif; font-size:15px; font-weight:300; margin:39px 0 0; text-align:center;}
.copyright a{ color:#59a5d4;}

/*RESPONSIVE*/
@media (max-width:1023px) {

.row{ margin-left:0; margin-right:0;}
}

@media (max-width:959px) {

.container{ max-width:768px;}
.block-content{ max-width:270px;}
}

@media (max-width:767px) {

.navbar-header{ text-align:center;}
.navbar-brand{ display:inline-block; float:none;}
.container{ max-width:420px; padding:0;}
.clients-reviews li{ padding-top:20px;}
.price-increases, .faster-loading, .leading-partners, .features-wrap, .bonuses-wrap{ margin-top:28px; padding-top:18px;}
.left-arrow, .right-arrow{ background-size:100%; height:48px; top:-21px; width:22px;}
.faster-loading .inside-content h2{ text-align:left;}
.align-left, .align-right{ float:none;}
.two-block{ padding-bottom:33px;}
.last-block{ padding-bottom:0;}
.block-content{ margin-top:30px; max-width:100%;}
.leading-partners{ margin-bottom:8px;}
.leading-partners li{ float:none; line-height:normal; margin:0; padding:20px 0 0; width:100%;}
.gurantee-wrap .col-sm-4{ margin-bottom:20px;}
.bonuses-wrap h2{ margin-top:20px;}
.bonuses-wrap .bonus-block h2{ line-height:normal; margin-top:0;}
.bonus-block img{ display:block; float:none; margin:0 auto 20px;}
.question-wrap ul{ margin-bottom:0;}
.question-wrap li{ margin-bottom:29px;}
}

@media (max-width:479px) {

.container{ max-width:300px;}
.hosting-wrap{ padding:15px 0;}
.hosting-wrap h2{ font-size:30px; line-height:normal;}
.hosting-wrap p{ font-size:18px; line-height:26px; margin-bottom:0;}
.vimeo-video{ margin:0 auto 15px;}
.clients-wrap h2, .price-increases h2, .faster-loading h2, .leading-partners h2, .two-block h2, .features-wrap h2, .early-bid h2, .bonuses-wrap h2, .question-wrap h2{ font-size:26px; line-height:normal;}
.clients-wrap h2{ margin-bottom:0;}
.left-arrow, .right-arrow{ background-size:100%; height:35px; top:-15px; width:16px;}
.price-increases, .faster-loading, .leading-partners, .features-wrap, .bonuses-wrap{ margin-top:18px; padding-top:18px;}
.loading-list, .acceptance-form ul{ margin-bottom:20px;}
.faster-loading .inside-content h2{ margin-bottom:8px;}
.two-block img{ height:auto; width:100%;}
.leading-partners h2{ margin-bottom:0;}
.last-block .block-content.right-block{ margin-top:0;}
.two-block .right-block h2{ margin-bottom:15px;}
.gurantee-wrap h2{ font-size:30px;}
.bonus-block img{ height:auto; width:100%;}
.timer .table-cell{ width:60px;}
.timer .table-cell .tab-val{ font-size:30px;}
.get-started{ margin:20px 0; padding:30px 0;}
.get-started h2{ font-size:30px; line-height:normal;}
.question-wrap{ padding:30px 0 20px;}
.question-wrap p{ margin-bottom:25px;}
}
