html, body{ background: #ffffff;margin:0;padding:0; /* width:100%; */height:100%;color:#7c7c7c;font-size:17px;font-family: 'robotolight'; min-width: 990px;}
.empty{height:269px;}
.wrapper{position:relative; min-height:100%;height:auto !important;height:100%;}
.inline{display:inline-block; vertical-align:top;}

.container{max-width: none !important;width: 955px;margin:0 auto;}

a{color:#1d84c5;text-decoration:none;}
a:hover{text-decoration:none;}

a[href^=tel]{color:#ffffff}
img{border:none;}

h1, h2, h3, h4 {padding:0;line-height: normal;color:#0098df;font-family: 'robotolight';font-weight:normal;}
h1{font-size:42px;margin:0 0 5px 0;}
h2{font-size:30px;margin:0;}
h3{font-size:24px;margin:0;}

::selection { background: #0098df; color:#ffffff; text-shadow: 1px 1px 0 #838383; }
::-moz-selection { background: #0098df; color:#ffffff; text-shadow: 1px 1px 0 #838383; }
svg:not(:root) { overflow: hidden; } 
.chromeframe { margin: 0.2em 0; background: #0098df; color: black; padding: 0.2em 0; }


#header-top{width:100%;min-width:942px;max-height: 61px; overflow: hidden;background: url(images/menu-bg.png) repeat-x;padding: 14px 0 14px 0; box-sizing:border-box; position: fixed;top: 0;z-index: 19;
-webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.2);
    box-shadow: 0px 1x 2px rgba(0,0,0,0.2);
}
#header-bottom{width:100%;min-width:942px;height: 610px; background: url(images/header-bg.png);margin-top: 50px;}
/* с учетом битриксовой панели */
.bx_panel #header-bottom{margin-top: 0px;}
#header-bottom h1{font-size: 33px;color:#FFFFFF;display:block;width:100%; text-align:center;font-family: 'open_sanssemibold'; text-transform:uppercase;text-shadow: 1px 2px 2px rgba(0,128,159,.75);padding:32px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.header-bottom-img{background: url(images/index_clouds_bg.jpg?) 50% -2px no-repeat;height: 580px;}


/* LOGO */
.logo{width: 131px;height:32px;float:left;margin-left: 5px;}
.logo a{display:block;width: 34px;height:32px;background: url(images/logo.png) no-repeat;color: white;padding-left: 35px;white-space: nowrap;line-height: 36px;font-size: 16px;font-weight: bold;font-size: 22px;  font-weight: bold;font-family: helvetica;}


/* NAVIGATION */
nav{/* width:510px; */height:34px;float:left;margin: 0 0 0 60px;}
ul.nav{padding:0px;margin:0px;font-size:0px;}
ul.nav li{ list-style:none;display:inline-block; vertical-align:top;font-size:13px;font-family: 'open_sansregular'; background:url(images/menu-line.png) top left no-repeat;padding: 0 12px 0 12px;height:34px; line-height:34px;}
ul.nav li:last-child:after{ position:relative;content:"";width:2px;height:34px;display:inline-block; vertical-align:top;background: url(images/menu-line.png);margin:0 0 0 12px;}

ul.nav li a{color:#ffffff;}
ul.nav li a:hover, ul.nav li.current a{}

.top-button{float:right;height:34px;/* width:310px; */}
.top-button a{font-size:15px;font-family: 'open_sansitalic';display:inline-block;vertical-align:top; text-align:center; line-height:31px;}
a.login-button{text-shadow: 1px 1px rgba(0,0,0,.75);color:#fff;
    width: 96px;
    height: 34px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background-color: #01aad5;
    -webkit-box-shadow: 0 1px 1px rgba(0,1,1,.46), inset 0 0 0 1px rgba(255,255,255,.44);
    -moz-box-shadow: 0 1px 1px rgba(0,1,1,.46), inset 0 0 0 1px rgba(255,255,255,.44);
    box-shadow: 0 1px 1px rgba(0,1,1,.46), inset 0 0 0 1px rgba(255,255,255,.44);
    border: solid 1px #007699;
    background-image: -webkit-linear-gradient(bottom, #0291b4, #00c0f4);
    background-image: -moz-linear-gradient(bottom, #0291b4, #00c0f4);
    background-image: -o-linear-gradient(bottom, #0291b4, #00c0f4);
    background-image: linear-gradient(to top, #0291b4, #00c0f4);
    background: url(images/login-button-ie.png) 0 0 no-repeat\0/;border:0px;
    }
a.reg-button{text-shadow: 1px 1px rgba(255,255,255,.75);color:#000000;margin:0 0 0 11px;
    width: 185px;
    height: 34px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background-color: #efc608;
    -webkit-box-shadow: 0 1px 1px rgba(0,1,1,.46), inset 0 0 0 1px rgba(255,255,255,.44);
    -moz-box-shadow: 0 1px 1px rgba(0,1,1,.46), inset 0 0 0 1px rgba(255,255,255,.44);
    box-shadow: 0 1px 1px rgba(0,1,1,.46), inset 0 0 0 1px rgba(255,255,255,.44);
    border: solid 1px #e19e01;
    background-image: -webkit-linear-gradient(top, #f7e01d, #e19e01);
    background-image: -moz-linear-gradient(top, #f7e01d, #e19e01);
    background-image: -o-linear-gradient(top, #f7e01d, #e19e01);
    background-image: linear-gradient(to bottom, #f7e01d, #e19e01);
    background: url(images/reg-button-ie.png) 0 0 no-repeat\0/;border:0px;
    }   
    


/* CONTENT */
.content-box{width:100%;min-width:942px;border-bottom:1px solid #e3e3e3;margin:0 0 55px 0;padding:0 0 35px 0;}
.content h2{font-size:42px;margin:0 0 5px 0;}
.content.left{float:left;width:457px}
.image.right{float:right;width:470px}

.content.right{float:right;width:470px;}
    .content-box.box4 .content{width: 435px;}
    .content-box.box6 .content{width: 435px;}
.image.left{float:left;width:457px}

/* .content p:last-of-type {font-family: 'robotoregular';color:#000000;} */
.image{margin:58px 0 0 0; position:relative;}
.image img{border: 3px solid transparent;
transition: all 0.3s;
-moz-transition: all 0.3s;
-webkit-transition: all 0.3s;
border-radius:5px;
border: 3px solid transparent\0/;
}
.image img:hover{border:3px solid #0098df;} 

a.img-hover{background: none\0/;width:230px;height:230px;position: absolute; top:50%;left:50%;margin:-115px 0 0 -115px;border-radius:50%; background:rgba(0,152,233,0.5) url(images/ico-img-hover.png) 50% 50% no-repeat;opacity: 0;z-index: 10;opacity: none\0/;
transition: all 0.6s;
-moz-transition: all 0.6s;
-webkit-transition: all 0.6s;
 }
 .image:hover a.img-hover{opacity: 1;background: url(images/ico-img-ie.png) 0 0 no-repeat\0/;}  
 .image:hover img {border:3px solid #0098df;} 

.box1{ background:url(images/img1-bg.png) 50% 0 no-repeat;padding:0 0 60px 0;}
.box1 i{ background:url(images/ico-img-1.png);width:176px;height:179px; position:absolute;bottom:-61px;right:-16px; z-index: 9;display:block;}

.box2{ background:url(images/img2-bg.png) 50% 0 no-repeat;padding:0 0 35px 0;}
.box2 i{ background:url(images/ico-img-2.png);width:182px;height:174px; position:absolute;bottom:-55px;left:-28px;z-index: 9;display:block;}
.box2 .add-ico{background:url(images/ico-img-2-2.png);width:72px;height:73px;position:absolute;top:-22px;right:-13px;left:auto; z-index: 9;display:block;}
.box2 .image.left img{width:457px;max-width:451px;}

.box3{ background:url(images/img3-bg.png) 50% 0 no-repeat;padding:0 0 60px 0;}
.box3 i{ background:url(images/ico-img-3.png);width:207px;height:169px; position:absolute;bottom:-61px;right:-16px;z-index: 9;display:block;}

.box4{ background:url(images/img4-bg.png) 50% 0 no-repeat;padding:0 0 60px 0;}
.box4 i{ background:url(images/ico-img-4.png);width:193px;height:169px; position:absolute;bottom:-40px;left:-12px;z-index: 9;display:block;}
.box4 .image{margin:35px 0 0 0;}

.box5{ background:url(images/img1-bg.png) 50% 0 no-repeat;padding:0 0 60px 0;}
.box5 i{ background:url(images/ico-img-5.png);width:183px;height:177px; position:absolute;bottom:-47px;right:-18px;z-index: 9;display:block;}

.box6{ background:url(images/img6-bg.png) 50% 0 no-repeat;padding:0 0 25px 0;}
.box6 i{ background:url(images/ico-img-6.png);width:185px;height:174px; position:absolute;bottom:-36px;left:-31px;z-index: 9;display:block;}

.box7{ background:url(images/img7-bg.png) 50% 0 no-repeat;padding:0 0 20px 0;}
.box7 i{ background:url(images/ico-img-7.png);width:208px;height:170px; position:absolute;bottom:-55px;right:-18px;z-index: 9;display:block;}

.content-box.box7{border:none;}

/* WHY IT BOX */
.why-it-box{width:100%;min-width:942px;margin:0 0 45px 0}
.why-it-box h4{color:#000000;font-size:52px; text-transform:uppercase;font-family: 'robotolight'; font-weight:normal;width:100%; text-align:center;margin:0 0 55px 0;}

.for-business{width:100%;height:357px; background:#1aa0d3 url(images/for-business-bg.jpg) top center no-repeat;}
.for-business-inner{width:942px;margin:0 auto; position:relative;height:357px;padding:25px 0 0 0;
box-sizing:border-box;
}
.for-business-inner i{ position:absolute;width:307px;height:395px;right:26px;bottom:0px; background:url(images/img-man.png);}

p.why-it-title{margin:0 0 25px 0;padding:0px; color:#FFFFFF;font-size:46px;text-shadow: 1px 1px 1px rgba(1,66,90,.75);}
ul.ok-list{margin:0px;padding:0px}
ul.ok-list li{color:#ffffff;font-size:18px;text-shadow: 1px 1px 1px rgba(1,66,90,.75); background:url(images/ico-ok.png) 0 4px no-repeat;padding:0 0 0 27px; list-style-position:inside;margin:5px 0; list-style:none;}


.for-admin{width:100%;height:357px; background:#d8903b url(images/for-admin-bg.jpg) top center no-repeat;}
.for-admin-inner{width:942px;margin:0 auto; position:relative;height:357px;padding:25px 0 0 0;
box-sizing:border-box;
}
.for-admin-inner i{ position:absolute;width:308px;height:374px;left:40px;bottom:0px; background:url(images/img-woman.png);}

.for-admin-inner ul.ok-list{margin:0 0 0 395px;}
.for-admin-inner p.why-it-title{margin-left:335px;}
p.why-it-title span{font-size:30px;}

/* TEST-DRIVE */
.test-drive{width:100%;min-width:942px; background:url(images/test-drive-bg.jpg) bottom center no-repeat;height:770px;border-bottom:1px solid #e3e3e3;margin:0 0 30px 0;}
.test-drive h4{color:#000000;font-size:52px; text-transform:uppercase;font-family: 'robotolight'; font-weight:normal;width:100%; text-align:center;margin:0 0 55px 0;}
.test-drive .container{ position:relative;}
a.test-button{display:block;width:410px;height:84px; position:absolute;top:262px;left:50%;margin-left:-208px;z-index:999;}

.test-text {font-size:21px; text-align: center;width:100%;padding-top:438px;color:#000000; position:relative;z-index:9;box-sizing:border-box;}

.test-text p:first-of-type{font-family:Myriad Pro, Arial, sans-serif}

/* PRICE-BOX */
.price-box{width:100%;min-width:942px;border-bottom:1px solid #e3e3e3;margin:0 0 50px 0;}
.price-box h4{color:#000000;font-size:52px; text-transform:uppercase;font-family: 'robotolight'; font-weight:normal;width:100%; text-align:center;margin:0 0 22px 0;}

.price-box p{font-family:Myriad Pro, Arial, sans-serif;color:#000000; text-align:center;font-size:24px;margin:10px 0;}
.price-box p:nth-child(2){font-size:18px;font-family: 'roboto_condensedregular';}
.price-box p:last-of-type{font-size:18px;font-family: 'roboto_condensedregular';margin-top: 40px;margin-bottom: 50px;}

.price-table{width:100%;border:2px solid #0098df;font-size:23px;margin: 40px 0 20px 0;border-radius:6px;-moz-border-radius:6px;-webkit-sborder-radius:6px;display:block;border-collapse: collapse;padding:0px;border-spacing:0px;}

.price-table td{ text-align:center; color:#000000; border: 1px #0098df solid;}
.price-table tr{height:50px;}
.price-table tr.top{ background:#0098df;height:83px;font-family: 'open_sansregular';font-weight:normal;text-shadow: 1px 1px rgba(0,95,140,.75); line-height:83px;}

.price-table tr.top td.period{width: 323px;}
.price-table tr.top td.mounth{width:205px;}
.price-table tr.top td.price{width: 200px;border-right: 1px #0098df solid!important;}
.price-table tr.top td.diskount{width:235px;}

.price-table tr.top td{color:#FFFFFF;border-left:1px solid #FFFFFF;border-right:1px solid #FFFFFF;border-top:none;border-bottom:none;}
.price-table tr.top td:first-child{border:none;}
.price-table tr.top td:last-child{border:none;}
.price-table th{color:#0098df;font-family: 'open_sansregular';font-weight:normal;border: 1px #0098df solid;}

/* REVIEWS-BOX */
.reviews-box{width:100%;min-width:942px;margin:0 0 70px 0;}
.reviews-box h4{color:#000000;font-size:52px; text-transform:uppercase;font-family: 'robotolight'; font-weight:normal;width:100%; text-align:center;margin:0 0 34px 0;}
.rev-slider-box{position:relative;}
ul.rev-slider{margin:0px;padding:0 55px; }
ul.rev-slider li{ list-style:none;display:inline-block; vertical-align:top;}
.avatar-img{float:left;width:105px;height:105px;/* border-radius:50%; *//* border:3px solid #c9c9c9; */border:none\0/;line-height: 105px;}
.avatar-img img{width:105px;/* height:105px; */line-height: 105px;vertical-align: middle;border-radius: 50%;border: 3px solid #c9c9c9;}
.rev-conteiner{width:698px;float:left;margin:0 0 0 20px;font-size:14px;color:#464646;font-family: 'open_sansregular';}
.rev-info{width:100%;color:#0098df;font-size:24px;font-family: 'open_sanssemibold';font-weight:normal;}
.rev-info p{margin:0px;}
.rev-info .name{float:left;}
.rev-info .city{float:right;}

.rev-content p{margin:6px 0px; }
a.rev-nav{display:block;width:37px;height:37px; position: absolute;text-indent:-9999px; background:url(images/ico-arrows.png);top:36px;}
a.rev-nav.prev{ background-position: 0 0;left:0px;}
a.rev-nav.next{ background-position: -37px 0;right:0px;}

.reg-button-bottom{ margin:0 auto 65px auto;
    width: 590px;font-size: 36px;display:block; text-align:center; line-height:65px;
    color: #000;font-family: Calibri;
    text-shadow: 1px 1px rgba(255,255,255,.75);
    height: 65px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background-color: #ffb400;
    -webkit-box-shadow: inset 0 -2px #bd8d09, inset 0 0 0 1px rgba(255,255,255,.59);
    -moz-box-shadow: inset 0 -2px #bd8d09, inset 0 0 0 1px rgba(255,255,255,.59);
    box-shadow: inset 0 -2px #bd8d09, inset 0 0 0 1px rgba(255,255,255,.59);
    border: solid 4px #e8e8e8;
    background-image: -webkit-linear-gradient(bottom, #ff8300, #ffd400);
    background-image: -moz-linear-gradient(bottom, #ff8300, #ffd400);
    background-image: -o-linear-gradient(bottom, #ff8300, #ffd400);
    background-image: linear-gradient(to top, #ff8300, #ffd400);
    }

/* FOOTER */
#footer{height:269px;margin-top:-269px; position:relative; background: url(images/footer-bg.png);/* width:100%; *//* min-width: 1001px; */font-size:14px;font-family: 'open_sansregular';text-shadow: 1px 1px rgba(0,0,0,.5);color:#FFFFFF;overflow:hidden}
#footer .container{ position:relative;}
#footer h4{font-family: 'open_sanssemibold';font-size: 16px;color: #fff;text-shadow: 1px 1px rgba(0,0,0,.5);margin:20px 0 15px 0;}
/* с учетом битриксовой панели */
.bx_panel #footer{margin-top: -189px;}

.footer-left{width:290px;float:left;}
.footer-left ul{margin:0px;padding:0px;}
.footer-left li{ list-style:none;margin:10px 0;}
.footer-left li a{color:#FFFFFF; text-decoration:none;}
.footer-left li a:hover{text-decoration:underline;}

.footer-center{width:350px;float:left; text-align:center;margin:0 0 0 10px;}
.footer-center h4{ text-align:center;margin:20px 0 35px 0 !important;}
.footer-center img{margin:0 20px 40px 20px;display:inline-block; vertical-align:top;}

.footer-right{width:190px;float:right; z-index: 2; position:relative;}
.footer-right .phone{color:#FFFFFF; background:url(images/ico-phone.png) 0 4px no-repeat; padding:0 0 0 26px;margin:0 0 10px 0;}
.footer-right .mail{color:#FFFFFF; background:url(images/ico-mail.png) 0 4px no-repeat; padding:0 0 0 26px;margin:0 0 20px 0;}
.footer-right a{color:#FFFFFF; text-decoration:none;}
.footer-right a:hover{text-decoration:underline;}


.footer-ico{width:311px;height:252px; background:url(images/footer-ico.png); position:absolute;top:9px;right: 8px;z-index:1;}


.clearfix {*zoom: 1;}
.clearfix:before, .clearfix:after {display: table;line-height: 0;content: "";}
.clearfix:after {clear: both;}

input::-moz-placeholder { color: #5b98c2;}
input::-webkit-input-placeholder { color: #5b98c2;}
textarea::-webkit-input-placeholder { color: #5b98c2;}
textarea::-moz-placeholder { color: #5b98c2;}