html, body, div, p, h1, h2, h3, h4, h5, h6, a, span, img, ol, ul, li, form, input{
margin: 0;
padding: 0;
outline: 0;
font-size: 100%;
font-weight: normal;
background: transparent;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
font-family: "Roboto-Regular",sans-serif;
}
ol, ul {
list-style: none;
}
@font-face {
font-family: "SegoeUI-SemiBold";
src: url(../fonts/SegoeUI-SemiBold.eot);
src: url(../fonts/SegoeUI-SemiBold.ttf) format('truetype'),
url(../fonts/SegoeUI-SemiBold.svg) format('svg'),
url(../fonts/SegoeUI-SemiBold.woff) format('woff');
}
@font-face {
font-family: "SegoeUI-Bold";
src: url(../fonts/SegoeUI-Bold.eot);
src: url(../fonts/SegoeUI-Bold.ttf) format('truetype'),
url(../fonts/SegoeUI-Bold.svg) format('svg'),
url(../fonts/SegoeUI-Bold.woff) format('woff');
}
@font-face {
font-family: "Roboto-Regular";
src: url(../fonts/Roboto-Regular.eot);
src: url(../fonts/Roboto-Regular.ttf) format('truetype'),
url(../fonts/Roboto-Regular.svg) format('svg'),
url(../fonts/Roboto-Regular.woff) format('woff');
}
@font-face {
font-family: "Roboto-Bold";
src: url(../fonts/Roboto-Bold.eot);
src: url(../fonts/Roboto-Bold.ttf) format('truetype'),
url(../fonts/Roboto-Bold.svg) format('svg'),
url(../fonts/Roboto-Bold.woff) format('woff');
}
@font-face {
font-family: "Roboto-Medium";
src: url(../fonts/Roboto-Medium.eot);
src: url(../fonts/Roboto-Medium.ttf) format('truetype'),
url(../fonts/Roboto-Medium.svg) format('svg'),
url(../fonts/Roboto-Medium.woff) format('woff');
}
@font-face {
font-family: "Roboto-Light";
src: url(../fonts/Roboto-Light.eot);
src: url(../fonts/Roboto-Light.ttf) format('truetype'),
url(../fonts/Roboto-Light.svg) format('svg'),
url(../fonts/Roboto-Light.woff) format('woff');
}
@font-face {
font-family: "Roboto-Italic";
src: url(../fonts/Roboto-Italic.eot);
src: url(../fonts/Roboto-Italic.ttf) format('truetype'),
url(../fonts/Roboto-Italic.svg) format('svg'),
url(../fonts/Roboto-Italic.woff) format('woff');
}
@font-face {
font-family: "RodeoC-Bold";
src: url(../fonts/RodeoC-Bold.eot);
src: url(../fonts/RodeoC-Bold.ttf) format('truetype'),
url(../fonts/RodeoC-Bold.svg) format('svg'),
url(../fonts/RodeoC-Bold.woff) format('woff');
}
.clear{
clear: both;
}
/* body */
body{
line-height: 1;
font-size: 16px;
font-weight: normal;
}
.wrapper{
margin-left: auto;
margin-right: auto;
width: 980px;
}
.wrapper:after{
display: block;
clear: both;
content: " ";
}
/**** header ****/
header{
position: fixed;
/* top: 0; */
/* left: 0; */
height: 70px;
width: 100%;
/* background-image: url(../img/heder.jpg); */
/* padding-top: 1px; */
background: #ffffff;
z-index: 99;
box-shadow: 0px 4px 6px 0px rgba(0,0,0,0.5);
}
.header-logo{
float: left;
margin-top: 0px;
margin-left: -12px;
}
.header-call{
border: 1px solid #fff;
background: #e62500;
font-family: "SegoeUI-Bold","Roboto-Bold",sans-serif;
color: #fff;
cursor: pointer;
text-transform: uppercase;
float: right;
font-size: 14px;
line-height: 14px;
padding: 8px;
margin-top: 30px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.header-call:hover{
background: #cd2400;
}
.blocks-header{
text-align: center;
}
.block-header{
color: #74c06c;
font-size: 15px;
display: inline-block;
line-height: 20px;
margin-right: 35px;
min-height: 43px;
padding-left: 70px;
text-align: left;
vertical-align: top;
padding-top: 25px;
position: relative;
}
.blocks-headeras{
text-align: center;
}
.block-headeras{
background: #56aa5a;
border-radius: 0px 0px 10px 10px;
padding: 40px;
color: #fff;
font-size: 25px;
display: inline-block;
line-height: 20px;
margin-right: 15%;
min-height: 43px;
text-align: center;
vertical-align: top;
position: relative;
}
.block-headerasd{
background: #56aa5a;
border-radius: 0 0 10px 10px;
padding: 25px;
margin: 0px 0px 10px 0px;
color: #ffffff;
font-size: 25px;
display: inline-block;
margin-right: 35px;
min-height: 43px;
text-align: center;
vertical-align: top;
position: relative;
width: 50%;
}
.block-header:before{
content: " ";
background: url("../img/header-img.png") no-repeat;
width: 62px;
height: 62px;
position: absolute;
top: 14px;
left: 0;
}
.block-header--1.block-header:before{
background-position: 0 0;
}
.block-header--2.block-header:before{
background-position: 0 -62px;
}
.imgs{
width: 100%;
}
div.scrollmenu {
overflow: auto;
white-space: nowrap;
margin-left: 120px;
}
div.scrollmenu a {
display: inline-block;
color: #43abd5;
text-align: center;
padding: 14px;
text-decoration: none;
padding-top: 25px;
height: 70px;
}
div.scrollmenu a:hover {
background-color: #19556d;
}
.ph_number1 {
background: #fff none repeat scroll 0 0;
border-left: 1px solid #c4c4c4;
color: #333;
font-size: 18px;
font-weight: bold;
padding: 0 10px 0 13px;
position: absolute;
right: 10px;
top: 10px;
}
.ph_number2 {
background: #fff none repeat scroll 0 0;
border-left: 1px solid #c4c4c4;
color: #333;
font-size: 18px;
font-weight: bold;
padding: 0 10px 0 13px;
position: absolute;
right: 227px;
top: 10px;
}
.phone_ico {
float: left;
margin: 1px 10px 0 0;
width: 20px;
}
.lets_chat_inner {
background: rgba(5, 143, 201, 0.9) none repeat scroll 0 0;
border-radius: 5px;
box-shadow: 6px 6px 10px rgba(0, 0, 0, 0.3);
color: #fff;
right: 15px;
padding: 30px;
position: absolute;
top: 70px;
width: 40%;
z-index: 10;
}
#map-canvas {
height: 500px;
margin: 0 auto;
position: relative;
width: 100%;
z-index: 9;
}
.container {
margin-right: auto;
margin-left: auto;
padding-left: 15px;
padding-right: 15px;
}
.relative {
position: relative;
}
.row {
margin-left: -15px;
margin-right: -15px;
}
.chat_list li {
margin: 0 auto 20px;
padding: 15px 0 0 45px;
}
.con1 {
background: rgba(0, 0, 0, 0) url(../img/con1.png) no-repeat scroll left center / 28px auto;
}
.con2 {
background: rgba(0, 0, 0, 0) url(../img/con2.png) no-repeat scroll left center / 28px auto;
}
.con3 {
background: rgba(0, 0, 0, 0) url(../img/con3.png) no-repeat scroll left center / 28px auto;
}
/* section0 */
.section0{
background-color: #ffffff;
background-position: center bottom;
background-repeat: no-repeat;
padding-top: 102px;
min-height: 108px;
}
/* section00 */
.section00{
padding-top: 20px;
padding-bottom: 20px;
}
/* section1 */
.section1{
background-color: #ffffff;
background-image: url("../img/heder.jpg");
/* background-image: linear-gradient(90deg, rgba(195, 15, 15, 0.2) 35%, rgba(8, 150, 30, 0.3) 85%), url("../img/sustavy.jpg");*/
background-position: center bottom; /* Положение фона */
background-repeat: no-repeat;
box-shadow: 0px 0px 7px 5px rgba(0,0,0,0.5);
/* padding-top: 112px;*/
min-height: 628px;
}
.main-title{
color: #058fc9;
font-size: 50px;
line-height: 60px;
text-align: center;
letter-spacing: -1px;
font-family: "Roboto-Bold",sans-serif;
}
.title-small{
color: #0e8404;
font-size: 33px;
line-height: 36px;
text-align: center;
padding-bottom: 15px;
font-family: "Roboto-Medium",sans-serif;
}
.title-s{
color: #ab524b;
font-size: 25px;
line-height: 30px;
padding-bottom: 15px;
font-family: "Roboto-Medium",sans-serif;
}
.section1-left{
float: left;
width: 300px;
margin-top: 30px;
margin-left: 10px;
padding-right: 10px;
background-color: rgba(255, 255, 255, 0.75);
border-radius: 15px;
padding-top: 5px;
}
.section1-left .do{
color: #000000;
font-size: 20px;
line-height: 39px;
padding-left: 70px;
margin-left: 30px;
min-height: 40px;
font-family: "SegoeUI-SemiBold",sans-serif;
position: relative;
margin-bottom: 7px;
margin-top: 7px;
}
.section1-left .do:before{
content: " ";
width: 40px;
height: 40px;
position: absolute;
top: 0;
left: 0;
}
.section1-left p{
text-align: center;
color: #000000;
font-size: 20px;
}
.section1-left .do--0.do:before{
background: url("../img/icon2/004-toolbox.png") no-repeat;
background-size: contain;
}
.section1-left .do--1.do:before{
background: url("../img/icon2/021-wiping-swipe-for-floors.png") no-repeat;
background-size: contain;
}
.section1-left .do--2.do:before{
background: url("../img/icon2/002-automobile-with-wrench.png") no-repeat ;
background-size: contain;
}
.section1-left .do--3.do:before{
background: url("../img/icon2/006-settings.png") no-repeat ;
background-size: contain;
}
.section1-left .do--4.do:before{
background: url("../img/icon2/012-air-conditioner-4.png") no-repeat ;
background-size: contain;
}
.section1-left .do--5.do:before{
background: url("../img/icon2/008-air-conditioner-7.png") no-repeat ;
background-size: contain;
}
.section1-center{
float: left;
width: 280px;
padding-top: 150px;
position: relative;
z-index: 2;
}
.section1-center:after{
content: " ";
clear: both;
display: block;
}
.sale-wrap{
background: url("../img/sale-bg.png") no-repeat right 0;
min-width: 123px;
min-height: 219px;
float: right;
padding-top: 48px;
}
.product_sale{
color: #CC2100;
font-size: 63px;
line-height: 58px;
text-align: center;
letter-spacing: -1px;
font-family: "Roboto-Bold",sans-serif;
text-shadow: 3px 0px 1px rgba(255, 255, 255, 1),0px 3px 1px rgba(255, 255, 255, 1), -3px 0px 1px rgba(255, 255, 255, 1),0px -3px 1px rgba(255, 255, 255, 1),2px 2px 1px rgba(255, 255, 255, 1), -2px 2px 1px rgba(255, 255, 255, 1),-2px -2px 1px rgba(255, 255, 255, 1), 2px -2px 1px rgba(255, 255, 255, 1);
}
.product_sale span{
font-family: "Roboto-Bold",sans-serif;
font-size: 48px;
}
.product_title{
color: #CC2100;
font-size: 18px;
line-height: 20px;
text-align: center;
letter-spacing: -1px;
text-transform: uppercase;
padding-top: 10px;
text-shadow: 3px 0px 1px rgba(255, 255, 255, 1),0px 3px 1px rgba(255, 255, 255, 1), -3px 0px 1px rgba(255, 255, 255, 1),0px -3px 1px rgba(255, 255, 255, 1),2px 2px 1px rgba(255, 255, 255, 1), -2px 2px 1px rgba(255, 255, 255, 1),-2px -2px 1px rgba(255, 255, 255, 1), 2px -2px 1px rgba(255, 255, 255, 1);
font-family: "Roboto-Bold",sans-serif;
}
.sale-gift{
color: #CC2100;
font-size: 18px;
line-height: 20px;
letter-spacing: -1px;
padding-top: 10px;
text-shadow: 3px 0px 1px rgba(255, 255, 255, 1),0px 3px 1px rgba(255, 255, 255, 1), -3px 0px 1px rgba(255, 255, 255, 1),0px -3px 1px rgba(255, 255, 255, 1),2px 2px 1px rgba(255, 255, 255, 1), -2px 2px 1px rgba(255, 255, 255, 1),-2px -2px 1px rgba(255, 255, 255, 1), 2px -2px 1px rgba(255, 255, 255, 1);
font-family: "Roboto-Medium",sans-serif;
float: right;
}
.sale-gift span{
font-family: "Roboto-Medium",sans-serif;
padding-left: 13px;
}
.sale-gift span>span{
padding-left: 3px;
}
.sale-product-img{
position: absolute;
top: 25px;
left: -15px;
z-index: -1;
}
.section1-right{
float: right;
width: 300px;
margin-top: 30px;
position: relative;
z-index: 10;
}
.form-bg_top{
background: rgba(104, 189, 97, 0.88);
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
padding-bottom: 16px;
}
.product_sh{
color: #112f57;
text-transform: uppercase;
text-align: center;
font-family: "Roboto-Bold",sans-serif;
font-size: 18px;
line-height: 17px;
padding: 9px 2px;
letter-spacing: -1px;
}
.wit{
color: #ffffff;
}
.wrap-price--top{
text-align: center;
background: #FFE84B;
padding-top: 8px;
}
.price-old--top,
.price-new--top{
display: inline-block;
vertical-align: top;
text-align: left;
padding: 0 10px;
}
.price-text--top{
font-size: 20px;
line-height: 15px;
padding-bottom: 6px;
font-family: "Roboto-Italic",sans-serif;
color: #0F2548;
}
.price-old--top .price-x--top{
font-size: 28px;
line-height: 28px;
position: relative;
color: #0F2548;
}
.price-old--top .price-x--top .currency-small--top{
font-size: 18px;
}
.price-new--top .price-x--top{
font-size: 44px;
line-height: 35px;
}
.price-new--top .price-x--top .currency-small--top{
font-size: 22px;
}
.price-old--top .price-x--top span,
.price-new--top .price-x--top span{
font-family: "Roboto-Italic",sans-serif;
font-weight: bold;
}
.price-new--top .price-text--top,
.price-new--top .price-x--top span{
color: #DF0101;
}
.price-old--top .price-x--top:after{
content: " ";
background: url("../img/for-old-price.png") no-repeat 0 0;
width: 100%;
height: 32px;
position: absolute;
top: -3px;
left: 0;
}
.form-main{
position: relative;
width: 280px;
margin: 0 auto;
}
.form-main:after{
content: ' ';
background: url("../img/arrow-form.png") no-repeat 0 0;
width: 42px;
height: 84px;
position: absolute;
bottom: 30px;
left: -50px;
}
.input-form{
width: 100%;
border: none;
padding: 0 8px 0 50px;
height: 38px;
color:#556d8f;
font-size: 15px;
background: #fff;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.input-name{
background: url("../img/input-name.png") no-repeat 7px center #fff;
}
.input-phone{
background: url("../img/input-phone.png") no-repeat 9px center #fff;
}
.input-address{
background: url("../img/input-address.png") no-repeat 7px center #fff;
}
.input-form::-webkit-input-placeholder {font-family:"Roboto-Italic",sans-serif;color:#556d8f;}
.input-form::-moz-placeholder {font-family:"Roboto-Italic",sans-serif;color:#556d8f;}/* Firefox 19+ */
.input-form:-moz-placeholder {font-family:"Roboto-Italic",sans-serif;color:#556d8f;}/* Firefox 18- */
.input-form:-ms-input-placeholder {font-family:"Roboto-Italic",sans-serif;color:#556d8f;}
.submit-form{
margin-top: 10px;
width: 100%;
border: 1px solid #fff;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
background: #E62500;
padding: 15px 3px;
color: #fff;
font-size: 21px;
text-transform: uppercase;
font-family: "SegoeUI-Bold","Roboto-Bold",sans-serif;
cursor: pointer;
letter-spacing: -1px;
}
.submit-form:hover{
background: #ce2400;
}
.protection{
color: #fff;
font-size: 12px;
line-height: 19px;
padding-left: 6px;
padding-top: 12px;
font-family: "Roboto-Italic",sans-serif;
}
.form-label{
font-size: 15px;
padding: 7px 0;
}
/*** section2 ***/
.section2{
padding: 20px 0 508px;
background: url(../img/infografika.png) no-repeat center;
background-size: contain;
}
/*** section20 ***/
.section20{
padding: 20px 0 508px;
background: url(../img/splitlogo.jpg) no-repeat center;
background-size: contain;
}
/*** section21 ***/
.section21{
padding: 20px 0 508px;
background: url(../img/map.jpg) no-repeat center;
background-size: contain;
}
.imgsec2{
text-align:center;
}
.title{
color: #fff;
font-family: "Roboto-Medium",sans-serif;
font-size: 38px;
line-height: 40px;
text-align: center;
letter-spacing: -1px;
}
.title.title--black{
color: #000;
}
.section2 .title{
padding: 0 50px 25px;
}
/*** section3 ***/
.section3{
background: url("../img/bg-sect3.jpg") repeat-y center top;
padding: 30px 0 38px;
}
.why-wrap{
padding: 35px 0 45px;
text-align: center;
}
.why-block{
display: inline-block;
vertical-align: top;
width: 32%;
text-align: center;
position: relative;
padding-top: 180px;
}
.why-block.qq{
display: inline-block;
vertical-align: top;
width: 32%;
text-align: center;
position: relative;
padding-top: 10px;
}
.why-block:before{
content: " ";
background: url("../img/") no-repeat;
width: 150px;
height: 150px;
position: absolute;
top: 0;
border-radius: 50%;
left: 50%;
margin-left: -80px;
}
.why-block--1.why-block:before{
background: url(../img/oput1.jpg) center no-repeat;
background-size: cover;
}
.why-block--2.why-block:before{
background: url(../img/komand11.jpg) center no-repeat;
background-size: cover;
}
.why-block--3.why-block:before{
background: url(../img/gar1.jpg) center no-repeat;
background-size: cover;
}
.why-number.qq{
position: absolute;
top: 0%;
/* left: 50%; */
margin-left: 90%;
margin-top: -36px;
}
.why-number{
position: absolute;
top: 40px;
left: 50%;
margin-left: -128px;
background: url("../img/why-bg.png") no-repeat 0 0;
width: 76px;
height: 75px;
text-align: center;
color: #0F2548;
font-size: 36px;
line-height: 36px;
font-family: "Roboto-Bold",sans-serif;
padding-top: 18px;
}
.why-text{
color: #fff;
font-family: "Trebuchet MS",sans-serif;
font-weight: bold;
font-size: 20px;
line-height: 26px;
text-align: center;
}
.under-why{
color: #79d6ff;
font-family: "Trebuchet MS",sans-serif;
font-size: 16px;
line-height: 19px;
text-align: center;
padding-bottom: 35px;
}
.table-wrap{
background: #0e92d1;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
}
.table-wrap .title{
padding: 20px 2px;
}
.table-td1{
width: 50%;
}
.table-td2{
width: 50%;
}
.table-td4{
width: 50%;
}
.table-header{
display: table;
width: 100%;
background: #007db4;
}
.table-header p{
display: table-cell;
vertical-align: top;
color: #fff;
font-family: "Trebuchet MS",sans-serif;
font-size: 16px;
line-height: 19px;
padding: 10px 10px 10px 15px;
}
.table-header .table-td1{
/* padding-left: 135px;*/
border-right: 1px solid #3397C3;
}
.table-header .table-td2{
padding-left: 10px;
}
.table-header .table-td2,
.table-header .table-td3{
border-right: 1px solid #3397C3;
}
.table-content{
display: table;
width: 100%;
position: relative;
z-index: 2;
}
.table-content--last{
background: #D86314;
-webkit-border-bottom-left-radius: 8px;
-moz-border-bottom-left-radius: 8px;
border-bottom-left-radius: 8px;
-webkit-border-bottom-right-radius: 8px;
-moz-border-bottom-right-radius: 8px;
border-bottom-right-radius: 8px;
}
.table-content p{
display: table-cell;
vertical-align: top;
color: #fff;
font-family: "Trebuchet MS",sans-serif;
padding: 20px 15px;
font-style: italic;
}
.table-content--last.table-content p{
padding-top: 30px;
}
.table-content .table-td1{
font-size: 18px;
line-height: 20px;
font-weight: bold;
/* padding-left: 135px;*/
padding-right: 5px;
border-bottom: 1px solid #3EA8DB;
border-right: 1px solid #3EA8DB;
}
.table-content .table-td2{
font-size: 16px;
line-height: 18px;
text-transform: uppercase;
padding-top: 70px;
background: url("../img/table-smile-1.png") no-repeat center 25px;
text-align: center;
border-bottom: 1px solid #3EA8DB;
border-right: 1px solid #3EA8DB;
}
.table-content--last.table-content .table-td2{
padding-top: 80px;
background: url("../img/table-smile-2.png") no-repeat center 35px;
color: #FFEA00;
}
.table-content .table-td3{
font-size: 16px;
line-height: 22px;
border-bottom: 1px solid #3EA8DB;
border-right: 1px solid #3EA8DB;
}
.table-content .table-td4{
font-size: 16px;
line-height: 22px;
padding-right: 8px;
border-bottom: 1px solid #3EA8DB;
}
.table-content.table-content--last .table-td1,
.table-content.table-content--last .table-td2,
.table-content.table-content--last .table-td3{
border-bottom: none;
border-right: 1px solid #E08243;
}
.table-content.table-content--last .table-td4{
border: none;
}
/*table2*/
.table-wrap{
background: #0e92d1;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
}
.table-wrap .title{
padding: 20px 2px;
}
.table2-td1{
width: 15%;
}
.table2-td2{
width: 35%;
}
.table2-td3{
width: 15%;
}
.table2-td4{
width: 35%;
}
.table2-header{
width: 100%;
background: #007db4;
}
.table2-header p{
display: table-cell;
vertical-align: top;
color: #fff;
font-family: "Trebuchet MS",sans-serif;
font-size: 16px;
line-height: 19px;
padding: 10px 10px 10px 15px;
}
.table2-header .table2-td1{
/* padding-left: 135px;*/
border-right: 1px solid #3397C3;
}
.table2-header .table2-td2{
padding-left: 10px;
}
.table2-header .table2-td2,
.table2-header .table2-td3{
border-right: 1px solid #3397C3;
}
.table2-content{
display: table;
width: 100%;
position: relative;
z-index: 2;
}
.table2-content--last{
background: #D86314;
-webkit-border-bottom-left-radius: 8px;
-moz-border-bottom-left-radius: 8px;
border-bottom-left-radius: 8px;
-webkit-border-bottom-right-radius: 8px;
-moz-border-bottom-right-radius: 8px;
border-bottom-right-radius: 8px;
}
.table2-content p{
color: #fff;
display: table-cell;
vertical-align: top;
font-family: "Trebuchet MS",sans-serif;
padding: 10px 3px;
font-style: italic;
}
.table2-content--last.table2-content p{
padding-top: 30px;
}
.table2-content .table2-td1{
font-size: 14px;
line-height: 20px;
padding-top: 70px;
background: url("../img/table-smile-1.png") no-repeat center 25px;
text-align: center;
border-bottom: 1px solid #3EA8DB;
border-right: 1px solid #3EA8DB;
}
.table2-content .table2-td2{
font-size: 14px;
line-height: 20px;
border-bottom: 1px solid #3EA8DB;
border-right: 1px solid #3EA8DB;
}
.table2-content--last.table2-content .table2-td2{
padding-top: 80px;
background: url("../img/table-smile-2.png") no-repeat center 35px;
color: #FFEA00;
}
.table2-content .table2-td3{
font-size: 14px;
line-height: 20px;
padding-top: 70px;
text-align: center;
background: url("../img/table-smile-2.png") no-repeat center 35px;
border-bottom: 1px solid #3EA8DB;
border-right: 1px solid #3EA8DB;
}
.table2-content .table2-td4{
font-size: 14px;
line-height: 20px;
padding-right: 8px;
border-bottom: 1px solid #3EA8DB;
}
.table2-content.table2-content--last .table2-td1,
.table2-content.table2-content--last .table2-td2,
.table2-content.table2-content--last .table2-td3{
border-bottom: none;
border-right: 1px solid #E08243;
}
.table2-content.table2-content--last .table2-td4{
border: none;
}
/*** section4 ***/
.section4{
background: #1f7ba0;
padding-top: 20px;
}
.innovation-wrap{
background: url("../img/map01.jpg") no-repeat -16px bottom;
min-height: 430px;
padding-left: 405px;
padding-top: 30px;
}
.innovation-wrap .title{
text-align: left;
padding-bottom: 0px;
}
.innovation-text{
padding-bottom: 10px;
color: #fff;
font-size: 19px;
line-height: 26px;
font-family: "Trebuchet MS",sans-serif;
}
.innovation-text span{
font-family: "Trebuchet MS",sans-serif;
font-weight: bold;
}
/*** section5 ***/
.section5{
background: url("../img/bg-calculator.jpg") repeat-y center top;
padding: 50px 0 40px;
}
.step-wrap{
text-align: center;
padding-top: 35px;
}
.step-block{
display: inline-block;
vertical-align: top;
width: 32%;
padding: 170px 9px 0;
text-align: left;
position: relative;
}
.step-block:before{
content: " ";
background: url("../img/step-img.png") no-repeat;
width: 160px;
height: 155px;
position: absolute;
top: 0;
left: 50%;
margin-left: -80px;
}
.step-block--1.step-block:before{
background-position: 0 0;
}
.step-block--2.step-block:before{
background-position: -160px 0;
}
.step-block--3.step-block:before{
background-position: -320px 0;
}
.step-block--2.step-block:after,
.step-block--3.step-block:after{
content: " ";
background: url("../img/arrow-step.png") no-repeat 0 0;
width: 68px;
height: 23px;
position: absolute;
top: 58px;
left: -35px;
}
.step-title{
padding-bottom: 15px;
font-size: 24px;
line-height: 24px;
color: #ffcc00;
text-transform: uppercase;
font-weight: bold;
font-family: "Trebuchet MS",sans-serif;
}
.step-title-2{
padding-bottom: 10px;
font-size: 20px;
line-height: 24px;
color: #ffcc00;
font-weight: bold;
font-family: "Trebuchet MS",sans-serif;
}
.step-text{
font-size:16px;
line-height: 22px;
color: #fff;
font-family: "Trebuchet MS",sans-serif;
}
/*** section6 ***/
.section6{
background: #e7ebf1;
padding: 00px 0 50px;
}
.section61{
/* background: #e7ebf1;*/
padding: 00px 0 50px;
}
.form-all-wrap{
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
background: #ff9c00; /* Old browsers */
background: -moz-linear-gradient(left, #ff9c00 0%, #ffe973 50%, #ff9c00 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #ff9c00 0%,#ffe973 50%,#ff9c00 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #ff9c00 0%,#ffe973 50%,#ff9c00 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9c00', endColorstr='#ff9c00',GradientType=1 ); /* IE6-9 */
padding: 0 23px;
}
.form-all-wrap:after{
content: " ";
clear: both;
display: block;
}
.form-all--left{
width: 310px;
float: left;
padding: 20px 0;
}
.all-text1{
font-family: "Roboto-Bold",sans-serif;
font-size: 34px;
line-height: 34px;
color: #0F2548;
padding-bottom: 12px;
}
.all-text2{
font-size: 20px;
line-height: 24px;
color: #ffffff;
padding-bottom: 5px;
}
.wrap-price{
background: #FFE84B;
padding: 12px 10px 8px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
margin-top: 8px;
}
.all-text3{
font-family: "Roboto-Italic",sans-serif;
font-weight: bold;
font-size: 20px;
line-height: 22px;
color: #0F2548;
padding-top: 5px;
}
.price-old,
.price-new {
display: inline-block;
vertical-align: top;
text-align: left;
padding: 0 1px 0 8px;
}
.price-text{
font-size: 15px;
line-height: 15px;
padding-bottom: 6px;
font-family: "Roboto-Italic",sans-serif;
color: #0F2548;
}
.price-old .price-x{
font-size: 28px;
line-height: 28px;
position: relative;
color: #0F2548;
}
.price-old .price-x .currency-small{
font-size: 18px;
}
.price-new .price-x{
font-size: 44px;
line-height: 35px;
}
.price-new .price-x .currency-small{
font-size: 22px;
}
.price-old .price-x span,
.price-new .price-x span{
font-family: "Roboto-Italic",sans-serif;
font-weight: bold;
}
.price-new .price-text,
.price-new .price-x span{
color: #DF0101;
}
.price-old .price-x:after{
content: " ";
background: url("../img/for-old-price.png") no-repeat 0 0;
width: 100%;
height: 32px;
position: absolute;
top: -3px;
left: 0;
}
.form-all--center{
width: 10px;
float: left;
position: relative;
z-index: 2;
}
.sale-wrap--all {
background: url("../img/sale-bg-2.png") no-repeat right 0;
width: 231px;
height: 269px;
padding-top: 48px;
position: absolute;
top: -18px;
left: 148px;
z-index: -1;
}
.sale-product-img--all{
position: absolute;
top: 30px;
left: 30px;
z-index: -2;
}
.form-all--right{
float: right;
padding-top: 15px;
position: relative;
z-index: 5;
}
.protection--black{
color: #14243a;
}
/**** calculator-section ***/
.calculator-section{
background: url("../img/bg-calculator.jpg") repeat-y center top;
padding: 30px 0;
}
.calculator-wrap{
background: #0D91D1;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
padding: 25px 30px 30px 40px;
}
.calculator-wrap:after{
display: block;
clear: both;
content: " ";
}
.calculator-section .title{
padding:0 80px 25px;
}
.calculator-dano{
width: 570px;
float: left;
}
.calculator-block{
padding-top: 8px;
}
.calc-item{
display: inline-block;
vertical-align: top;
}
.calc-border-two{
border-top: 1px solid #3da7da;
border-bottom: 1px solid #3da7da;
padding-bottom: 15px;
}
.calculator-title{
color: #ffcc00;
font-family: "Roboto-Medium",sans-serif;
font-size: 18px;
line-height: 18px;
text-transform: uppercase;
}
.calc-border-two .calculator-title{
padding: 20px 0 15px;
}
.calc-name{
width: 100px;
display: inline-block;
vertical-align: middle;
color: #fff;
font-family: "Roboto-Medium",sans-serif;
font-size: 16px;
line-height: 16px;
}
.calc-name span{
font-family: "Roboto-Light",sans-serif;
}
.calc-input-wrap{
display: inline-block;
vertical-align: middle;
color: #fff;
font-size: 16px;
line-height: 16px;
}
.gender-label{
display: inline-block;
cursor: pointer;
padding-right: 30px;
margin-right: 10px;
font-size: 16px;
line-height: 16px;
position: relative;
font-family: "Roboto-Light",sans-serif;
}
.gender-label:before {
content: "";
background: url("../img/radio-icon.png") no-repeat;
width: 24px;
height: 24px;
position: absolute;
right: 0;
top: -3px;
}
.gender-radio{
display: none;
}
.gender-radio:checked + .gender-label:before {
background-position: 0 -26px;
}
.calc-input{
height: 35px;
width: 140px;
border: 1px solid #0381ba;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
font-size: 16px;
background: #fff;
padding: 0 10px;
}
.calc-input::-webkit-input-placeholder {font-family:"Roboto-Italic",sans-serif;color:#CECECE;}
.calc-input::-moz-placeholder {font-family:"Roboto-Italic",sans-serif;color:#CECECE;}/* Firefox 19+ */
.calc-input:-moz-placeholder {font-family:"Roboto-Italic",sans-serif;color:#CECECE;}/* Firefox 18- */
.calc-input:-ms-input-placeholder {font-family:"Roboto-Italic",sans-serif;color:#CECECE;}
.calc-item_first{
padding-top: 7px;
}
.calculator-block:after{
content: " ";
clear: both;
display: block;
}
.calc-item_right{
float: right;
}
.calc-item_right .calc-name{
width: 150px;
}
.calc-item_right .calc-input{
width: 120px;
}
.calc-border{
border-bottom: 1px solid #3da7da;
padding: 7px 0 15px;
margin-bottom: 14px;
}
.calc-border .calculator-title{
padding-top: 8px;
}
.calc-button{
font-family: "SegoeUI-Bold","SegoeUI-SemiBold",sans-serif;
font-size: 28px;
color: #fff;
text-transform: uppercase;
background: #E62500;
border: 1px solid #fff;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
cursor: pointer;
width: 190px;
height: 70px;
padding-bottom: 5px;
float: left;
margin-right: 16px;
margin-top: 7px;
}
.calc-button:hover{
background: #d12500;
}
.calc-text{
font-family: "Roboto-Bold",sans-serif;
font-size: 20px;
line-height: 28px;
color: #fff;
}
.calc-text-small{
font-family: "Roboto-Italic",sans-serif;
font-size: 14px;
line-height: 16px;
color: #fff;
padding-top: 9px;
}
.calculator-result{
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
background: #0F2548;
width: 300px;
float: right;
padding: 35px 5px 50px;
}
.calculator-result .calculator-title{
text-align: center;
}
.result-block{
display: inline-block;
vertical-align: top;
padding-top: 38px;
padding-left: 25px;
}
.result-title{
font-size: 16px;
line-height: 16px;
color: #ffcc00;
padding-bottom: 10px;
font-family: "Roboto-Light",sans-serif;
}
.result-text,
.result-text span{
font-size: 40px;
line-height: 40px;
color: #fff;
font-family: "RodeoC-Bold",sans-serif;
}
.recomend-block p{font-size:18px; margin-bottom:0; padding-bottom:0; font-weight: bold; display:none;}
/*** section7 **/
.section7{
padding-top: 30px;
background: url("../img/bg-sect7.jpg") repeat-y center top;
}
.section7 .title{
padding-left: 50px;
}
.expert-wrap{
background: url("../img/expert.png") no-repeat -10px bottom;
min-height: 500px;
}
.expert-text{
padding-left: 436px;
padding-top: 33px;
color: #000;
font-family: "Trebuchet MS",sans-serif;
font-size: 18px;
line-height: 24px;
}
.expert-name{
font-size: 25px;
line-height: 30px;
color: #007db4;
font-family: "Roboto-Italic",sans-serif;
font-weight: bold;
padding-left: 436px;
padding-top: 33px;
}
.expert-prof{
font-size: 23px;
line-height: 23px;
color: #007db4;
font-family: "Roboto-Italic",sans-serif;
padding-left: 436px;
padding-top: 4px;
}
/*** section8 ***/
.section8{
background: url("../img/bg-calculator.jpg") repeat-y center top;
padding: 40px 0;
}
.slider-wrap{
padding-top: 35px;
}
.slider-wrap .bx-wrapper {
margin: 0 auto;
}
.slider-wrap .bx-wrapper .bx-viewport {
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
border: none;
left:0;
background: transparent;
}
.slide-one{
width: 980px !important;
}
.slide-img{
display: inline-block;
vertical-align: top;
width: 49%;
}
.slider-wrap-text{
display: inline-block;
vertical-align: top;
width: 49%;
}
.slide-name{
color: #40c2fb;
font-family: "Trebuchet MS",sans-serif;
font-weight: bold;
font-size: 20px;
line-height: 22px;
}
.slide-name span{
color: #40c2fb;
font-family: "Trebuchet MS",sans-serif;
font-weight: bold;
font-size: 17px;
display: block;
padding-top: 3px;
}
.slide-text{
font-family: "Trebuchet MS",sans-serif;
font-size: 16px;
line-height: 18px;
padding-top: 15px;
color: #fff;
}
.slider-wrap .bx-wrapper .bx-pager {
color: #666;
padding-top: 1px;
text-align: left;
bottom: 0;
width: 50%;
left: 49%;
}
.slider-wrap .bx-wrapper .bx-pager.bx-default-pager a {
background: transparent;
display: block;
width: 14px;
height: 14px;
margin: 0 3px;
border: 1px solid #fff;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border-radius: 50%;
}
.slider-wrap .bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active {
background: #fff;
}
/*** section9 ***/
.section9{
background: #E7EBF1;
padding: 25px 0 30px;
}
.use-wrap{
padding-top: 25px;
text-align: center;
}
.use-block{
display: inline-block;
vertical-align: top;
width: 32%;
padding: 85px 15px 0;
position: relative;
}
.use-number{
position: absolute;
top: 0px;
left: 50%;
margin-left: -128px;
background: url("../img/why-bg2.png") no-repeat 0 0;
width: 76px;
height: 75px;
text-align: center;
color: #0F2548;
font-size: 36px;
line-height: 36px;
font-family: "Roboto-Bold",sans-serif;
padding-top: 18px;
}
.use-text{
position: absolute;
top: 10px;
left: 85%;
margin-left: -128px;
float: right;
color: #0f2548;
font-family: "Trebuchet MS",sans-serif;
font-size: 18px;
line-height: 24px;
}
/**** section10 ***/
.section10{
background: url("../img/bg-sect3.jpg") repeat-y center top;
padding-bottom: 30px;
}
.medal-wrap{
background: url("../img/medal.png") no-repeat left top;
min-height: 355px;
padding-left: 450px;
padding-top: 48px;
margin-bottom: 36px;
}
.medal-wrap .title{
padding-bottom: 20px;
text-align: left;
}
.medal-wrap .medal-text{
padding-top: 20px;
color: #fff;
font-family: "Trebuchet MS",sans-serif;
font-size: 18px;
line-height:24px;
}
.proverka-wrap{
background: #0d91d1; /* Old browsers */
background: -moz-linear-gradient(left, #0d91d1 0%, #0d91d1 62%, #0d91d1 62%, #096693 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #0d91d1 0%,#0d91d1 62%,#0d91d1 62%,#096693 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #0d91d1 0%,#0d91d1 62%,#0d91d1 62%,#096693 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0d91d1', endColorstr='#096693',GradientType=1 ); /* IE6-9 */
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
padding: 25px 15px 0 25px;
position: relative;
}
.proverka-text1{
padding-top: 24px;
padding-right: 350px;
color: #fff;
font-family: "Trebuchet MS",sans-serif;
font-size: 20px;
line-height:26px;
}
.proverka-text2{
padding-top: 14px;
padding-right: 500px;
color: #fff;
font-family: "Trebuchet MS",sans-serif;
font-weight: bold;
font-size: 22px;
line-height:28px;
}
.proverka-img-wrap{
position: absolute;
bottom: 0;
right: 15px;
background: url("../img/product-proverka.png") no-repeat 0 0;
width: 375px;
height: 254px;
}
.proverka-img-wrap img{
position: absolute;
top: 117px;
left: -63px;
}
.fake_form{
padding: 22px 0;
}
.fake_input{
width: 304px;
height: 50px;
border: none;
background: #fff;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
color: #696969;
font-size: 18px;
text-align: center;
display: inline-block;
vertical-align: top;
margin-right: 7px;
}
.fake_input::-webkit-input-placeholder {font-family:"Roboto-Italic",sans-serif;color:#696969;}
.fake_input::-moz-placeholder {font-family:"Roboto-Italic",sans-serif;color:#696969;}/* Firefox 19+ */
.fake_input:-moz-placeholder {font-family:"Roboto-Italic",sans-serif;color:#696969;}/* Firefox 18- */
.fake_input:-ms-input-placeholder {font-family:"Roboto-Italic",sans-serif;color:#696969;}
.fake_button{
border: 1px solid #fff;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
background: #E62500;
padding: 2px 3px;
color: #fff;
font-size: 19px;
text-transform: uppercase;
font-family: "SegoeUI-Bold","Roboto-Bold",sans-serif;
cursor: pointer;
display: inline-block;
vertical-align: top;
height: 50px;
width: 240px;
}
.fake_button:hover {
background: #ce2400;
}
.js-message{
padding-top: 10px;
font-size: 15px;
line-height: 16px;
color: #fff;
}
/*** section11 ***/
.section11{
/* background: url("../img/bg-sect11.jpg") repeat-y center top;*/
padding: 25px 0 30px;
}
.work-wrap{
padding-top: 20px;
text-align: center;
}
.work-block{
display: inline-block;
vertical-align: top;
width: 32%;
padding-top: 220px;
position: relative;
}
.work-block:before{
content: " ";
background: url("../img/work-img.png") no-repeat;
width: 200px;
height: 192px;
position: absolute;
top: 0;
left: 50%;
margin-left: -100px;
}
.work-block--1.work-block:before{
background-position: 0 0;
}
.work-block--2.work-block:before{
background-position: -200px 0;
}
.work-block--3.work-block:before{
background-position: -400px 0;
}
.work-name{
color: #007db4;
font-size: 24px;
line-height: 25px;
text-transform: uppercase;
font-family: "Roboto-Bold",sans-serif;
}
.work-prof{
color: #007db4;
font-size: 20px;
line-height: 21px;
font-family: "Roboto-Bold",sans-serif;
}
.work-text{
color: #000;
font-size: 18px;
line-height: 22px;
padding-top: 10px;
}
/*** section12 ***/
.section12{
background: #10223C;
overflow: hidden;
}
.delivery-wrap{
padding-top: 50px;
background: url("../img/map.jpg") no-repeat center 45px;
height: 500px;
}
.form-wrap-bottom{
position: relative;
background: url("../img/bg2-sect11.png") no-repeat right top;
margin-top: -150px;
padding-top: 150px;
height: 815px;
}
.form-wrap-bottom .title{
color: #FFAE00;
text-align: left;
padding-left: 440px;
padding-bottom: 25px;
}
.bottom-form-title{
color: #FFAE00;
padding-left: 440px;
padding-bottom: 50px;
font-size: 26px;
line-height: 34px;
}
.form-all-wrap-bottom {
padding: 0 23px 0 0;
}
.form-all-wrap-bottom:after{
content: " ";
clear: both;
display: block;
}
.form-all-wrap-bottom .form-all--right {
padding-top: 6px;
}
.form-all-wrap-bottom .sale-wrap--all {
background: url("../img/sale-bg-3.png") no-repeat right 0;
top: 8px;
}
.form-all-wrap-bottom .sale-product-img--all {
top: 115px;
}
.sale-text-bottom{
font-size: 22px;
line-height: 24px;
font-family: "Roboto-Italic",sans-serif;
width: 220px;
padding-top: 26px;
font-weight: bold;
position: relative;
z-index: 10;
color: #0e2446;
}
.sale-text-bottom span{
display: block;
padding-left: 15px;
font-weight: bold;
font-family: "Roboto-Italic",sans-serif;
}
.form-all-wrap-bottom .wrap-price{
background: none;
}
.form-all-wrap-bottom .form-all--left {
padding: 1px 0;
}
.form-all-wrap-bottom .section1-left {
margin-top: 26px;
margin-left: 1px;
float: none;
width: auto;
}
.form-all-wrap-bottom .section1-left .do{
color: #0f2548;
}
.form-all-wrap-bottom .form-all--left {
width: 337px;
}
.protection.protection--bottom{
padding-top:34px;
}
/*** footer ***/
.footer{
background: #10223D;
padding: 30px 0;
}
.footer-left{
float: left;
color: #4AA6D2;
font-size: 14px;
line-height: 18px;
}
.footer-right{
float: right;
color: #4AA6D2;
font-size: 14px;
line-height: 18px;
text-align: right;
}
.footer-center{
text-align: center;
}
.footer-center a{
color: #4AA6D2;
font-size: 14px;
line-height: 18px;
text-decoration: none;
}
.footer-center a:hover{
color: #fff;
}
.protection-mob{display: none;}
.for-mob-1{display: none;}
.calc-text--for-m{display: none;}
.slide-name--for-m{display: none;}
.text3-for-m{display: none;}
.img-for-mob{display: none;}
@media screen and (max-width: 991px){
.wrapper {
width: 750px;
}
.ph_number2 {
background: #fff none repeat scroll 0 0;
border-left: 1px solid #c4c4c4;
color: #333;
font-size: 18px;
font-weight: bold;
padding: 0 10px 0 13px;
position: absolute;
right: 10px;
top: 35px;
}
.blocks-header{display: none;}
.section1 {
min-height: 10px;
padding-bottom: 30px;
}
.section20 {
padding: 20px 0 258px;
}
.section1-left {
float: none;
width: 420px;
margin-top: 60px;
margin-left: auto;
margin-right: auto;
padding:20px 30px 20px 1px;
/* background: rgba(255, 255, 255, 0.75);*/
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
}
.section1-left .do:before {
left: 20px;
}
.section1-left .do {
padding-left: 120px;
padding-top: 10px;
}
.section1-center {
float: none;
width: 410px;
margin: -180px auto 0;
height: 306px;
z-index: 11;
}
.sale-product-img {
top: 14px;
left: -33px;
}
.sale-product-img img{
width: 460px;
}
.sale-gift {
padding-top: 1px;
}
.section1-right {
float: none;
width: 430px;
margin: 0 auto;
}
.product_sh {
font-size: 25px;
line-height: 30px;
padding: 30px 2px 10px;
}
.wrap-price--top{
text-align: left;
padding-left: 28px;
margin-bottom: 10px;
}
.form-main {
width: 360px;
}
.submit-form {
font-size: 24px;
margin-top: 20px;
}
.form-main:after {
width: 50px;
height: 100px;
bottom: 36px;
left: -44px;
background-size: 50px;
}
.protection{display: none;}
.protection-mob{
display: block;
color: #000;
font-size: 19px;
line-height: 19px;
text-align: center;
padding-top: 12px;
font-family: "Roboto-Italic",sans-serif;
}
.wrap-video {
width: 740px;
height: 410px;
}
.why-text {
font-size: 17px;
line-height: 24px;
}
.under-why {
padding: 0 1px 20px;
}
.table-content--1.table-content:before {
top: 1px;
}
.section6 {
background: #e7ebf1;
padding: 30px 0 1px;
}
.form-all-wrap .form-all--center{display: none;}
.form-all-wrap{
width: 440px;
margin: 0 auto;
padding: 0px;
background: #ffae00;
}
.form-all--left {
width: 430px;
float: none;
padding: 10px 0 1px;
}
.wrap-price {
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
margin-right: 15px;
padding: 10px 112px 8px 25px;
}
.form-all--right {
float: none;
padding-bottom: 12px;
padding-top: 5px;
}
.form-all-wrap .form-main:after {
left: -55px;
}
.all-text1,.all-text2{
/* display: none;*/
font-size: 24px;
line-height: 24px;
padding: 15px;
}
.for-mob-1{
display: block;
position: relative;
}
.for-m-text1{
text-transform: uppercase;
font-family: "Roboto-Bold",sans-serif;
color: #112f57;
font-size: 24px;
line-height: 28px;
padding: 0 150px 0 20px;
letter-spacing: -1px;
}
.for-mob-1 .sale-wrap {
position: absolute;
top: -20px;
right: 16px;
float: none;
z-index: 6;
}
.product_sale {
font-size: 57px;
line-height: 52px;
}
.sale-wrap {
width: 123px;
}
.sale-wrap p{
margin-left: -9px;
}
.price-old--top .price-x--top span, .price-new--top .price-x--top span {
letter-spacing: -1px;
}
.price-old .price-x span, .price-new .price-x span {
letter-spacing: -1px;
}
.all-text3{
color: #CC2100;
font-family: "Roboto-Medium",sans-serif;
font-weight: normal;
font-size: 18px;
padding-top: 8px;
padding-left: 35px;
text-shadow: 3px 0px 1px rgba(255, 255, 255, 1),0px 3px 1px rgba(255, 255, 255, 1), -3px 0px 1px rgba(255, 255, 255, 1),0px -3px 1px rgba(255, 255, 255, 1),2px 2px 1px rgba(255, 255, 255, 1), -2px 2px 1px rgba(255, 255, 255, 1),-2px -2px 1px rgba(255, 255, 255, 1), 2px -2px 1px rgba(255, 255, 255, 1);
}
.calculator-section {
background-size: cover;
padding: 42px 0;
}
.calculator-dano {
width: 680px;
float: none;
}
.calc-button{
float: none;
display: block;
margin: 20px auto;
}
.calc-text--not-m{display: none;}
.calc-text--for-m{
display: block;
text-align: center;
}
.calc-text-small {
text-align: center;
font-size: 18px;
line-height: 19px;
padding: 1px 20px 20px;
}
.calculator-result {
width: 430px;
float: none;
margin: 0 auto;
padding: 22px 5px 25px;
}
.calculator-title {
font-size: 21px;
}
.result-title {
font-size: 21px;
line-height: 21px;
}
.result-block {
padding-top: 30px;
padding-left: 40px;
}
.section7 .title {
padding-left: 1px;
}
.expert-wrap {
background: url("../img/expert.png") no-repeat -10px bottom;
min-height: 5px;
padding-bottom: 408px;
}
.expert-text {
padding-left: 15px;
padding-right: 15px;
padding-top: 23px;
font-size: 20px;
line-height: 26px;
}
.slide-img,
.slider-wrap-text{
display: block;
width: auto;
text-align: center;
padding-bottom: 18px;
}
.slide-img img{
margin: 0 auto;
}
.slider-wrap-text{
padding-left: 5px;
padding-right: 5px;
}
.slider-wrap .bx-wrapper .bx-pager {
bottom: -20px;
width: 100%;
left: 1px;
text-align: center;
}
.slider-wrap .bx-wrapper .bx-pager.bx-default-pager a {
width: 20px;
height: 20px;
margin: 0 7px;
}
.slide-name--not-m{display: none;}
.slide-name--for-m{display: block;}
.slide-text {
font-family: "Trebuchet MS",sans-serif;
font-size: 20px;
line-height: 26px;
padding-top: 1px;
}
.slide-name {
font-size: 26px;
line-height: 26px;
padding-bottom: 20px;
}
.slide-name span {
font-size: 22px;
}
.slide-one {
width: 750px !important;
}
.section8 {
padding-bottom: 60px;
background-size: cover;
}
.use-block--2.use-block:after, .use-block--3.use-block:after {
top: 70px;
left: -46px;
background-size: 34px;
}
.medal-wrap {
background-position: center bottom;
min-height: 5px;
padding:35px 1px 378px;
margin-bottom: 1px;
position: relative;
z-index: 2;
}
.medal-wrap .title {
padding-bottom: 10px;
text-align: center;
}
.medal-wrap .medal-text {
text-align: center;
font-size: 20px;
line-height: 25px;
}
.proverka-wrap{
margin-top: -15px;
padding: 25px 15px 255px 15px;
background: #0d91d1;
}
.proverka-text1 {
padding-right: 1px;
text-align: center;
font-size: 21px;
}
.proverka-text2 {
padding-right: 1px;
text-align: center;
}
.proverka-img-wrap {
bottom: 0;
right: 140px;
}
.fake_form {
padding: 22px 0 15px;
text-align: center;
}
.proverka-img-wrap img{display: none;}
.proverka-img-wrap:before{
content: " ";
background: url("../img/arrov-proverka-2.png") no-repeat 0 0;
width: 45px;
height: 109px;
position: absolute;
top: -5px;
left: -14px;
}
.delivery-wrap {
background-position: center bottom;
height: 483px;
background-size: 750px;
}
.form-wrap-bottom {
background: none;
margin-top: 1px;
padding-top: 25px;
height: auto;
}
.form-wrap-bottom .title {
text-align: center;
padding-left: 1px;
padding-bottom: 10px;
}
.bottom-form-title {
padding: 1px 70px 820px;
text-align: center;
font-size: 28px;
line-height: 32px;
background: url("../img/girl.png") no-repeat center bottom;
position: relative;
z-index: 1;
}
.bottom-form-title:after{
content: " ";
background: url("../img/product-big-2.png") no-repeat 0 0;
width: 432px;
height: 417px;
position: absolute;
bottom: 60px;
right: 0;
}
.form-all-wrap-bottom .form-all--left{display: none;}
.form-all-wrap-bottom .form-all--center{display: none;}
.form-all-wrap-bottom{
width: 440px;
margin: -100px auto 0;
padding: 7px 0px 3px;
background: #ffae00;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
position: relative;
z-index: 3;
}
.form-all-wrap-bottom .wrap-price {
background: #FFE84B;
}
.form-all-wrap-bottom .form-all--right {
padding-top: 1px;
}
.form-all-wrap-bottom .form-main:after {
left: -55px;
}
.text3-for-m{display: block;}
.header-logo {
margin-left: 1px;
}
.header-call{
margin-right: 10px;
display: none;
}
.mod {
margin-left: -225px;
width: 450px;
}
.form-mod {
background: url("../img/for-modal.png") no-repeat center top;
padding-top: 830px;
}
.popup-close {
top: -300px;
}
.thanks-wrap{
height: 815px;
padding-top: 753px;
padding-left: 20px;
padding-right: 20px;
background: url("../img/for-modal.png") no-repeat center top;
}
.thanks-img{
display: none;
}
.thanks-text-wrap{
background: #ffae00;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
padding: 50px 50px 30px;
}
.js-message {
padding: 10px 83px 0;
text-align: left;
}
}
@media screen and (max-width: 767px) {
.wrapper {
width: 470px;
}
.lets_chat_inner {
background: rgb(31, 123, 160) none repeat scroll 0 0;
border-radius: 0px;
box-shadow: 6px 6px 10px rgba(0, 0, 0, 0.3);
color: #fff;
right: 0px;
padding: 20px;
position: initial;
top: 0px;
width: 100%;
z-index: 10;
}
div.scrollmenu{
display: none;
}
.main-title {
font-size: 53px;
line-height: 50px;
padding-bottom: 8px;
}
.title-small {
font-size: 35px;
line-height: 37px;
}
.section1-left {
margin-top: 1px;
padding: 16px 30px 17px 1px;
}
.title {
font-size: 36px;
line-height: 39px;
}
.js-message {
padding: 10px 1px 0;
text-align: center;
}
.section1{
overflow: hidden;
padding-top: 20px;
}
.section2 .title {
padding: 0 1px 30px;
}
.wrap-video {
width: 460px;
height: 255px;
}
.why-wrap {
padding: 28px 0 20px;
}
.why-block {
width: 48%;
padding-bottom: 25px;
}
.why-block--3 {
width: 64%;
}
.why-text {
font-size: 21px;
line-height: 25px;
padding: 0 3px;
}
.why-text br{display: none;}
.why-block--1.why-block:before,
.why-block--2.why-block:before {
margin-left: -60px;
}
.why-block--1 .why-number,
.why-block--2 .why-number {
margin-left: -104px;
}
.under-why {
font-size: 19px;
line-height: 24px;
}
.table-wrap{
margin: 0 5px;
}
.table-header.mom{display: none;}
/* .table-content .table-td4{display: none;}*/
.table-content .table-td1{
display: inline-block;
vertical-align: top;
/* border-bottom: none; */
min-height: 110px;
width: 100%;
font-size: 22px;
line-height: 24px;
/* padding-left: 140px; */
}
.table-content .table-td2{
display: inline-block;
vertical-align: top;
border: none;
}
.table-content .table-td3{
display: block;
border-top: 1px solid #3EA8DB;
}
.table-wrap .title {
padding: 18px 15px;
background: #007db4;
-webkit-border-top-right-radius: 8px;
-moz-border-top-right-radius: 8px;
border-top-right-radius: 8px;
-webkit-border-top-left-radius: 8px;
-moz-border-top-left-radius: 8px;
border-top-left-radius: 8px;
}
.table-content:before {
top: -20px;
}
.table-content--1.table-content:before {
top: -12px;
}
.table-content--last.table-content .table-td1{
min-height: 87px;
}
.table-content--last.table-content p {
padding-top: 30px;
}
.table-content--last.table-content .table-td2 {
padding-top: 54px;
padding-bottom: 5px;
background-position: center 12px;
border: none;
}
.table-content.table-content--last .table-td3 {
border-right: none;
border-top: 1px solid #E08243;
}
.table2-content .table2-td1{
display: none;
}
.table2-content .table2-td2{
display: none;
}
.table2-content .table2-td3{
width: 100%;
display: inline-block;
border-top: 1px solid #3EA8DB;
vertical-align: center;
}.table2-content .table2-td4{
width: 100%;
display: inline-block;
border-top: 1px solid #3EA8DB;
vertical-align: center;
}
.innovation-wrap {
background: none;
min-height: 4px;
padding-left: 1px;
padding-top: 5px;
}
.innovation-wrap .title {
text-align: center;
padding:0 1px 30px;
}
.innovation-text {
padding:0 10px 30px;
font-size: 21px;
text-align: center;
}
.section2{
padding: 20px 0 398px;
}
.section4{
background: #1f7ba0;
}
.innovation-wrap{
padding-bottom: 20px;
}
.section5 {
padding:140px 0 1px;
background-size: cover;
}
.section8{
background-size: cover;
}
.step-block {
display: block;
width: 94%;
padding: 145px 1px 30px;
margin: 0 auto;
}
.step-title {
padding-bottom: 5px;
font-size: 35px;
line-height: 35px;
}
.step-title-2 {
padding-bottom: 5px;
font-size: 28px;
line-height: 36px;
}
.step-text {
font-size: 20px;
line-height: 28px;
}
.step-block--2.step-block:after, .step-block--3.step-block:after {
background: url("../img/arrow-step-2.png") no-repeat 0 0;
width: 23px;
height: 68px;
top: 10px;
left: 14px;
}
.calculator-wrap {
padding: 25px 1px 30px;
}
.calculator-section .title {
padding: 0 1px 14px;
}
.calculator-title {
font-size: 24px;
line-height: 24px;
}
.calculator-dano {
width: 468px;
}
.calc-border-two{
padding: 0 2px 20px 25px;
}
.calc-name,
.calc-item_right .calc-name{
font-size: 21px;
line-height: 21px;
width: 195px;
}
.gender-label{
font-size: 21px;
line-height: 21px;
padding-right: 30px;
margin-right: 40px;
}
.calc-item {
display: block;
padding-bottom: 9px;
}
.calc-item_right {
float: none;
}
.calc-input,
.calc-item_right .calc-input{
width: 225px;
}
.calc-input {
font-size: 20px;
height: 40px;
}
.calculator-block {
padding-top: 0;
}
.calc-border-two .calculator-title {
padding: 25px 0 20px;
}
.calc-border {
padding: 20px 0 15px 11px;
}
.calc-border .calc-name {
width: 208px;
}
.calc-text--for-m {
padding: 0 10px;
font-size: 23px;
}
.calc-button {
font-size: 34px;
width:242px;
height: 90px;
}
.result-block {
padding-left: 35px;
padding-right: 10px;
}
.calculator-result .calculator-title {
text-align: left;
padding-left: 35px;
}
.expert-wrap {
background:none;
min-height: 5px;
padding-bottom: 360px;
position: relative;
}
.expert-wrap:before{
content: " ";
background: url("../img/expert.png") no-repeat 0 0;
width: 438px;
height: 499px;
position: absolute;
bottom: 0;
left: -108px;
}
.expert-name,
.expert-prof{
padding-left: 210px;
}
.expert-prof{
line-height: 28px;
}
.use-block {
display: block;
width: 100%;
padding: 50px;
}
.use-text {
text-align: left;
font-size: 21px;
line-height: 24px;
}
.proverka-img-wrap {
right: 47px;
}
.fake_input {
width: 410px;
display: block;
margin: 0 auto;
}
.fake_button{
width: 410px;
display: block;
font-size: 27px;
margin: 20px auto 0;
padding: 14px 3px;
height: auto;
}
.work-block {
display: block;
width: 90%;
margin: 0 auto;
padding-bottom: 25px;
}
.delivery-wrap {
height: 356px;
background-size: 470px;
}
.bottom-form-title{
background-position: left bottom;
padding: 1px 11px 820px 1px;
margin-left: 10px;
}
.bottom-form-title:after {
width: 390px;
bottom: 52px;
right: 0;
}
.footer .wrapper{
padding: 0 18px;
}
.footer-right{display: none;}
.footer-center{
float: right;
text-align: right;
}
.slide-one {
width: 470px !important;
}
.section3{
background-size: cover;
}
.section11{
background: #E7EBF1;
padding-bottom: 10px;
}
.section12 {
background: url("../img/bg-sect12-480.jpg") no-repeat center top #122747;
}
.innovation-wrap .title,
.form-wrap-bottom .title,
.section9 .title,
.medal-wrap .title,
.section11 .title,
.section7 .title{font-size: 44px;line-height: 46px;}
.img-not-mob{display: none;}
.img-for-mob{display: block;}
.section1-center {
height: 310px;
}
.sale-product-img img {
width: auto;
}
}
@media screen and (max-width: 484px){
.section5 {
background: url("../img/bg-sect5-480.jpg") no-repeat center top #122747;
}
}
@media screen and (max-width: 479px) {
.wrapper {
width: 310px;
}
.ph_number1 {
background: #fff none repeat scroll 0 0;
border-left: 1px solid #c4c4c4;
color: #333;
font-size: 18px;
font-weight: bold;
padding: 0 10px 0 13px;
position: fixed;
right: 33px;
top: 10px;
}
.ph_number2 {
background: #fff none repeat scroll 0 0;
border-left: 1px solid #c4c4c4;
color: #333;
font-size: 18px;
font-weight: bold;
padding: 0 10px 0 13px;
position: fixed;
right: 33px;
top: 40px;
}
.header-logo {
margin-left: auto;
float: none;
text-align: center;
margin-right: auto;
}
.header-logo img{
/* width: 130px;*/
display: none;
}
.header-call{display: none;}
.main-title {
font-size: 40px;
line-height: 40px;
padding-bottom: 15px;
}
.title-small {
font-size: 26px;
line-height: 34px;
}
.js-message {
padding: 10px 3px 4px;
}
.section1-left {
width: 290px;
padding: 20px 0px 20px 0px;
background: #ffffffe8;
}
.section1-left .do {
padding-left: 90px;
padding-top: 6px;
}
.section1-center {
width: 300px;
margin: -200px auto 0;
height: auto;
}
.sale-product-img {
top: 41px;
left: -53px;
}
.sale-gift{
float: none;
padding-top: 100px;
padding-bottom: 20px;
padding-left: 10px;
}
.section1-right {
width: 300px;
}
/* .product_sh{display: none;}*/
.wrap-price--top{
-webkit-border-top-right-radius: 10px;
-moz-border-top-right-radius: 10px;
border-top-right-radius: 10px;
-webkit-border-top-left-radius: 10px;
-moz-border-top-left-radius: 10px;
border-top-left-radius: 10px;
}
.price-old--top, .price-new--top {
display: block;
padding:10px 5px 5px;
}
.price-text--top {
font-size: 19px;
line-height: 20px;
}
.price-old--top .price-x--top {
font-size: 36px;
line-height: 34px;
}
.price-old--top .price-x--top .currency-small--top {
font-size: 24px;
}
.price-new--top .price-x--top {
font-size: 57px;
line-height: 50px;
}
.price-new--top .price-x--top .currency-small--top {
font-size: 29px;
}
.price-old--top .price-x--top:after{
background: url("../img/for-old-price-320.png") no-repeat 0 0;
width: 100%;
height: 42px;
top: -5px;
}
.form-main {
width: 270px;
}
.form-main:after{display: none;}
.submit-form {
font-size: 28px;
padding: 8px 3px;
}
.wrap-video{
width: 290px;
}
.title {
font-size: 31px;
line-height: 34px;
}
.why-block {
width: 98%;
margin: 0 auto;
display: block;
padding-top: 174px;
padding-bottom: 25px;
}
.why-block--1.why-block:before,
.why-block--2.why-block:before,
.why-block--3.why-block:before {
margin-left: -80px;
}
.why-block--1 .why-number,
.why-block--2 .why-number,
.why-block--3 .why-number{
margin-left: -128px;
}
.under-why {
padding: 0 1px 25px;
}
.table-wrap .title {
padding: 18px 2px;
}
.table-content .table-td2{display: none;}
.table-content .table-td1 {
display: block;
min-height: 94px;
/* width: 50%; */
font-size: 18px;
/* line-height: 20px; */
/* padding-left: 140px; */
/* border: none;*/
}
.table-content .table-td3 {
border-top: none;
}
.table-content--1.table-content .table-td3 {
border-top: 1px solid #3EA8DB;
}
.table-content.table-content--last .table-td1{
border: none;
}
.table-content.table-content--last .table-td3 {
border: none;
}
.innovation-wrap:after {
width: 310px;
height: 330px;
bottom: -150px;
left: 1px;
background-size: 310px;
}
/*
.innovation-wrap {
padding-bottom: 174px;
}
*/
.step-block {
padding: 170px 1px 30px;
}
.step-title {
font-size: 30px;
line-height: 32px;
}
.step-title-2 {
font-size: 22px;
line-height: 27px;
}
.step-text {
font-size: 19px;
line-height: 26px;
}
.for-mob-1{display: none;}
.form-all-wrap {
width: 300px;
}
.form-all--left{
width: 300px;
padding-top: 0px;
}
.price-old, .price-new {
display: block;
padding:10px 5px 5px;
}
.price-text {
font-size: 19px;
line-height: 20px;
}
.price-old .price-x {
font-size: 36px;
line-height: 34px;
}
.price-old .price-x .currency-small {
font-size: 24px;
}
.price-new .price-x {
font-size: 57px;
line-height: 50px;
}
.price-new .price-x .currency-small {
font-size: 29px;
}
.price-old .price-x:after{
background: url("../img/for-old-price-320.png") no-repeat 0 0;
width: 100%;
height: 42px;
top: -5px;
}
.wrap-price {
padding: 6px 1px 1px 25px;
margin-right: 0px;
margin-top: 0;
-webkit-border-top-right-radius: 10px;
-moz-border-top-right-radius: 10px;
border-top-right-radius: 10px;
-webkit-border-top-left-radius: 10px;
-moz-border-top-left-radius: 10px;
border-top-left-radius: 10px;
}
.section6 {
padding-bottom: 25px;
}
.all-text3{}
.calculator-section{display: none;}
.expert-wrap{
background: url("../img/expert.png") no-repeat -10px bottom;
background-size: 300px;
}
.expert-text {
padding-left: 1px;
padding-right: 1px;
padding-top: 18px;
font-size: 18px;
text-align: center;
line-height: 22px;
font-family: "Roboto-Regular",sans-serif;
}
.expert-wrap:before{display: none;}
.expert-name, .expert-prof {
padding-left: 5px;
}
.expert-name {
font-size: 24px;
line-height: 26px;
}
.expert-prof {
font-size: 21px;
line-height: 24px;
}
.slide-name {
font-size: 22px;
line-height: 24px;
}
.slide-name span {
font-size: 19px;
}
.slide-text {
font-size: 19px;
}
.slide-one {
width: 310px !important;
}
.section9 {
padding: 25px 0 5px;
}
.medal-wrap{
background-size: 310px;
padding-bottom: 286px;
}
.fake_input,
.fake_button{
width: 275px;
}
.fake_button{
font-size: 28px;
height: auto;
padding: 14px 2px;
}
.proverka-img-wrap{
right: 0;
width: 283px;
background-size: 324px;
height: 218px;
}
.proverka-wrap{
padding-bottom: 212px;
}
.work-block {
width: 100%;
}
.delivery-wrap{display: none;}
.form-wrap-bottom .title{
font-size: 45px;
line-height: 50px;
}
.bottom-form-title {
font-size: 25px;
line-height: 30px;
background-size: 240px;
background-position: right bottom;
padding: 1px 1px 690px;
z-index: 5;
margin-left: 1px;
}
.bottom-form-title:after {
width: 374px;
bottom: -252px;
right: 0;
height: 387px;
}
.form-all-wrap-bottom {
width: 300px;
margin: 185px auto 0;
padding: 0px 0px 3px;
}
.form-all-wrap-bottom .form-all--right {
padding-top: 0px;
}
.form-all-wrap-bottom .form-main{
padding-top: 8px;
}
.footer-left{display: none;}
.footer-center{
float: none;
text-align: center;
}
.popup1{display: none !important;}
.innovation-wrap .title, .form-wrap-bottom .title, .section9 .title, .medal-wrap .title, .section11 .title,.section7 .title {
font-size: 31px;
line-height: 36px;
}
}
@media screen and (max-width: 319px) {
.section2{
display: none;
}
.section20 {
padding: 0px 0 178px;
}
.ph_number1 {
font-size: 14px;
}
.ph_number2 {
font-size: 14px;
}
.wrapper {
width: 230px;
}
.header-logo img {
width: 100px;
}
.section1 {
background-size: 590px;
padding-top: 84px;
}
.main-title {
font-size: 38px;
line-height: 40px;
padding-bottom: 20px;
}
.title-small {
font-size: 24px;
line-height: 30px;
padding-bottom: 10px;
}
.section1-left {
width: 220px;
margin-left: 10px;
padding: 18px 8px 8px 1px;
}
.section1-left .do {
padding-top: 1px;
}
.section1-left .do {
min-height: 75px;
padding-bottom: 9px;
}
.sale-product-img img {
width: 394px;
}
.sale-product-img {
top: 58px;
left: -53px;
}
.section1-center {
width: 220px;
margin: -20px auto 0;
height: auto;
}
.sale-gift {
padding-top: 74px;
}
.section1-right {
width: 222px;
}
.wrap-price--top {
padding-left: 18px;
}
.form-main {
width: 204px;
}
.input-form {
font-size: 13px;
padding: 0 5px 0 41px;
}
.protection-mob {
font-size: 17px;
}
.section3 .title {
font-size: 30px;
line-height: 32px;
}
.why-block--1.why-block:before, .why-block--2.why-block:before, .why-block--3.why-block:before {
margin-left: -60px;
}
.why-block--1 .why-number, .why-block--2 .why-number, .why-block--3 .why-number {
margin-left: -109px;
}
.why-text {
font-size: 20px;
line-height: 24px;
}
.table-content--1.table-content:before,
.table-content--2.table-content:before,
.table-content--3.table-content:before,
.table-content--4.table-content:before,
.table-content--last.table-content:before{
background-size: 169px;
left: -38px;
}
.table-content--last.table-content p.table-td3 {
padding-top: 10px;
}
.innovation-wrap .title {
text-align: center;
padding: 0 1px 30px;
}
.innovation-text {
font-size: 19px;
line-height: 22px;
}
.innovation-wrap:after {
width: 230px;
height: 251px;
bottom: -67px;
background-size: 244px;
}
.section5 {
padding-top: 60px;
}
.title {
font-size: 29px;
line-height: 31px;
}
.step-block--2.step-block:after, .step-block--3.step-block:after {
top: -34px;
left: 183px;
}
.form-all-wrap,.form-all--left {
width: 222px;
}
.wrap-price {
padding: 6px 1px 1px 12px;
}
.section6{
padding-top: 5px;
}
.expert-wrap {
background-size: 298px;
padding-bottom: 350px;
background-position: -55px bottom;
}
.medal-wrap {
background-size: 230px;
padding-bottom: 217px;
}
.proverka-text1 {
font-size: 18px;
line-height: 22px;
}
.proverka-text2 {
font-size: 21px;
line-height: 26px;
}
.fake_input, .fake_button {
width: 202px;
}
.fake_input{
font-size: 17px;
}
.fake_button {
font-size: 30px;
height: auto;
padding: 10px 2px;
line-height: 32px;
}
.proverka-wrap {
padding: 25px 5px 220px;
}
.proverka-img-wrap {
right: 0;
width: 218px;
background-size: 270px;
height: 181px;
}
.proverka-img-wrap:before {
top: -49px;
left: -2px;
}
.bottom-form-title {
background-size: 180px;
padding: 1px 1px 512px;
background-position: 43px bottom;
}
.bottom-form-title:after {
bottom: -215px;
right: -6px;
background: url("../img/product-big-2-480.png") no-repeat 0 0;
width: 240px;
height: 326px;
}
.form-all-wrap-bottom {
width: 222px;
margin: 148px auto 0;
}
.expert-wrap .title {
font-size: 40px;
line-height: 40px;
}
.section8 .title {
font-size: 38px;
line-height: 42px;
}
.section9 .title {
font-size: 38px;
line-height: 40px;
}
.medal-wrap .title {
font-size: 38px;
line-height: 40px;
}
.proverka-wrap .title {
font-size: 38px;
line-height: 40px;
}
.section11 .title {
font-size: 40px;
line-height: 40px;
}
.form-wrap-bottom .title {
font-size: 46px;
line-height: 49px;
}
.slide-one {
width: 230px !important;
}
.img-for-mob{display: none;}
.img-not-mob{display: block;}
.section3 {
padding: 1px 0 20px;
}
.section4 {
background: #10203A;
padding: 1px 0;
}
.innovation-wrap{
/* background: #E1E6EC;*/
padding-top: 17px;
}
.form-label {
padding-left: 7px;
}
.submit-form{
background: url("../img/button.png") no-repeat 0 0;
width: 204px;
height: 89px;
border: none;
-webkit-border-radius: 1px;
-moz-border-radius: 1px;
border-radius: 1px;
color: transparent;
font-size: 10px;
}
.submit-form:hover {
background: url("../img/button.png") no-repeat 0 0;
opacity: 0.9;
}
.expert-name {
font-size: 22px;
line-height: 25px;
padding-top: 20px;
}
.expert-prof {
font-size: 20px;
line-height: 23px;
}
}
@media screen and (max-width: 250px){
.section1-left {
margin-left: -25px;
}
}
.itemsleft {
background-color: rgba(187, 101, 99, 0.65);
position: fixed;
/* width: 250px; */
border-radius: 10px 0 0 10px;
height: 50px;
top: 70px;
right: 0px;
z-index: 100;
}
.itemsleft-text {
font-family: 'Open Sans';
font-weight: 800;
font-size: 15.11px;
color: #FFFFFF;
letter-spacing: 0.45px;
line-height: 21px;
margin: 5px 0px 0px 14px;
float: left;
}
.count-t {
width: 50px;
float: left;
text-align: center;
margin-top: 10px;
padding-left: 15px;
margin-left: 15px;
margin-right: 15px;
border-left: 1px solid #d89f69;
height: 30px;
}
.items-count {
font-family: 'Open Sans';
font-weight: 800;
font-size: 27.71px;
color: #FFFFFF;
letter-spacing: 0.82px;
line-height: 18px;
margin: 0;
}
.items-count-text {
font-family: 'Open Sans';
font-weight: 800;
font-size: 10.91px;
color: #FFFFFF;
letter-spacing: 0.3px;
line-height: 20px;
padding-left: 4px;
margin: 0;
}
/***** popup ****/
.popup1 {
display: none;
position: fixed;
left: 0;
top: 0;
overflow: auto!important;
width: 100%;
height: 100%;
z-index: 100;
background-color: rgba(0, 0, 0, 0.8);
}
.modal {
/* position: fixed;*/
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 101;
cursor: pointer;
}
.mod {
position: absolute;
top: 1%;
left: 50%;
margin-left: -490px;
margin-bottom: 20px;
z-index: 102;
width: 980px;
}
.popup-close{
position: absolute;
top: -10px;
right: -11px;
z-index: 103;
cursor: pointer;
}
.form-mod{
background: url("../img/bg2-sect11.png") no-repeat right top;
padding-top: 334px;
}
.form-mod .form-all-wrap-bottom{
position: relative;
}
.popup-close{
position: absolute;
top: -44px;
right: 12px;
cursor: pointer;
}
.thanks-wrap{
display: none;
height: 815px;
padding-top: 435px;
padding-left: 430px;
background: url("../img/bg2-popup.png") no-repeat right top;
position: relative;
}
.thanks-text{
font-family: "Roboto-Italic",sans-serif;
color: #000;
font-size: 30px;
line-height: 32px;
padding-bottom: 25px;
text-align: center;
letter-spacing: -1px;
}
.thanks-img{
position: absolute;
bottom: 5px;
left: 16%;
}
/* Базовые стили слоя затемнения и модального окна */
.overlay {
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 10;
visibility: hidden;
/* фон затемнения background-color: rgba(0, 0, 0, 0.7);*/
background-color: rgba(0, 0, 0, 0.7);
opacity: 0;
position: fixed; /* фиксированное поцизионирование */
cursor: default; /* тип курсара */
-webkit-transition: opacity .5s;
-moz-transition: opacity .5s;
-ms-transition: opacity .5s;
-o-transition: opacity .5s;
transition: opacity .5s;
}
.overlay:target {
visibility: visible;
opacity: 1;
}
/* стили модального окна font-size: 14px;*/
.spopup {
top: 0;
right: 0;
left: 0;
z-index: 150;
display: block;
visibility: hidden;
margin: 0 auto;
width: 90%;
width: 460px;
border-radius: 10px;
/* фиксированное позиционирование, окно стабильно при прокрутке padding: 15px;*/
position: fixed;
padding: 0px;
background-color: #FFFFFF;
/* внешняя тень */
-webkit-box-shadow: 0 0 25px rgba(0, 0, 0, 0.8);
-moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.8);
-ms-box-shadow: 0 0 25px rgba(0, 0, 0, 0.8);
-o-box-shadow: 0 0 25px rgba(0, 0, 0, 0.8);
box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.8);
/* полная прозрачность окна, появление при клике */
opacity: 0;
/* эффект перехода (появление) */
-webkit-transition: all ease .5s;
-moz-transition: all ease .5s;
-ms-transition: all ease .5s;
-o-transition: all ease .5s;
transition: all ease .5s;
}
.spopup.non {
border: 1px solid rgba(56, 56, 56, 0);
background-color: rgba(124, 128, 129, 0);
/* внешняя тень */
-webkit-box-shadow: 0 0 25px rgba(0, 0, 0, 0);
-moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0);
-ms-box-shadow: 0 0 25px rgba(0, 0, 0, 0);
-o-box-shadow: 0 0 25px rgba(0, 0, 0, 0);
box-shadow: 0px 0px 25px rgba(0, 0, 0, 0);
/* полная прозрачность окна, появление при клике */
}
.overlay:target+.spopup {
top: 5%;
visibility: visible;
opacity: 1;
}
.spopup.sco{
overflow: auto;
min-width: 300px;
max-width: 800px;
min-height: 300px;
max-height: 500px;
}
.mfp-close {
width: 44px;
height: 44px;
line-height: 44px;
position: absolute;
right: 0;
top: 0;
text-decoration: none;
text-align: center;
opacity: 0.65;
filter: alpha(opacity=65);
padding: 0 0 18px 10px;
color: #09343E;
font-style: normal;
font-size: 28px;
font-family: Arial, Baskerville, monospace;
}
.mfp-close.vit {
color: #ffffff;
font-size: 35px;
}
.mfp-close:hover, .mfp-close:focus {
opacity: 1;
filter: alpha(opacity=100);
}
.mfp-close:active {
top: 1px;
}
/* формируем кнопку закрытия */
.cclose {
position: absolute;
top: -10px;
right: -10px;padding: 0;
width: 20px;
height: 20px;
border: 2px solid #ccc;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
-ms-border-radius: 15px;
-o-border-radius: 15px;
border-radius: 15px;
background-color: rgba(61, 61, 61, 0.8);
-webkit-box-shadow: 0px 0px 10px #000;
-moz-box-shadow: 0px 0px 10px #000;
box-shadow: 0px 0px 10px #000;
text-align: center;
text-decoration: none;
font-weight: bold;
line-height: 20px;
-webkit-transition: all ease .8s;
-moz-transition: all ease .8s;
-ms-transition: all ease .8s;
-o-transition: all ease .8s;
transition: all ease .8s;
}
.cclose:before {
color: rgba(255, 255, 255, 0.9);
content: "X";
text-shadow: 0 -1px rgba(0, 0, 0, 0.9);
font-size: 12px;
}