@import url(http://fonts.googleapis.com/css?family=Exo+2:700,600,800,400,500|Roboto:400,500,700,300|Roboto+Condensed:400,700&subset=cyrillic,latin);

html, body, div, span, h1, h2, h3, h4, h5, h6, p, img, sub, sup, ol, ul, li, form, label, input, select, button, textarea, table, tbody, tfoot, thead, tr, th, td, a { margin: 0; padding: 0;}
html { height: 100%;}
body { height: 100%; min-width: 1000px; font: 300 18px/22px 'Roboto', sans-serif; color: #202020; background: #ffffff; position: relative;}
img { border: none;}
a { color: #0097d5; cursor: pointer; text-decoration: underline;}
a:hover { text-decoration: none;}
p { margin-bottom: 17px;}
h1, h2, h3, h4, h5, h6 { margin-bottom: 16px; font-family: 'Roboto', sans-serif; font-weight: 500; color: #202020; line-height: normal; text-transform: uppercase;}
h1 { font-size: 40px;}
h2 { font-size: 32px;}
h3 { font-size: 26px;}
h4 { font-size: 20px;}
h5 { font-size: 16px;}
h6 { font-size: 14px;}
input[type='submit'], input[type='button'] { cursor: pointer;}
ol, ul { margin-bottom: 20px; padding-left: 20px;}

.header:after, .characteristics_list:after, .steps:after, .panel:after, .case_slider:after, .clients_slider:after, .n_cont:after, .luck_btn:after, .detail_cont:after { content: ''; display: table; clear: both;}

.main { padding-top: 79px;}

.header_wr { width: 100%; background: url("../images/bg_1.jpg") 50% 0 no-repeat; background-size: cover; position: fixed; top: 0; z-index: 1000;}
.header { width: 740px; margin: 0 auto; padding: 12px 0 6px 220px; position: relative; text-align: right;}

.nav { margin-bottom: 7px; float: right; position: relative;}
.nav ul { display: inline-block; margin: 0; padding: 0; font-size: 0; border-bottom: 2px solid #2dcbdb;}
.nav li { margin-left: 23px; padding-bottom: 7px; display: inline-block; list-style: none; font: 17px/21px 'Exo 2', sans-serif; vertical-align: top; position: relative;}
.nav li:first-child { margin: 0;}
.nav li a { color: #91f5ff; text-decoration: none;}
.nav .active a { color: #ffffff;}
.blocks { width: 45px; height: 5px; background: #ffffff; position: absolute; bottom: -2px; left: 0;}

.header_info { margin-bottom: 8px; font: 12px/15px 'Exo 2', sans-serf; color: #d0d0d0; clear: both;}
.header_info span { margin-left: 20px;}
.header_info span:first-child { margin: 0;}
.h_tel { font-weight: bold; color: #ffffff;}
.r_call { font-size: 14px; color: #feffa8; border-bottom: 1px dashed #feffa8; text-decoration: none;}
.r_call:hover { border: none;}

.logo { position: absolute; top: 15px; left: 0;}
.logo a { display: block; width: 197px; height: 53px; background: url("../images/logo.png") no-repeat;}

.header_light .header_info { display: none;}
.header_light .logo a { height: 34px;}

.section1_wr { background: url("../images/bg_2.jpg") 50% 0 no-repeat; background-size: cover; position: relative; z-index: 10;}

.section1, .section2, .section3, .section4, .section5, .section6, .section8, .section9, .section10, .section11 { width: 960px; margin: 0 auto;}
.section1, .section2, .section4, .section8 { text-align: center;}
.section1 { padding: 68px 0 43px;}

.g_title { padding-bottom: 12px; background: #ffffff; font: 700 36px 'Exo 2', sans-serif; color: #323232; text-align: center;}
.g_title strong { display: block; margin-bottom: 1px; font-size: 62px; font-weight: 800; color: #d9001a; line-height: 70px;}

.subtitle { margin-bottom: 30px; font: 800 36px 'Exo 2', sans-seirf; color: #ffffff;}

.subjects { padding-top: 63px; background: url("../images/d_arrow.png") 50% 0 no-repeat;}
.subjects_cont1 { padding-top: 10px;}
.subjects_tx { margin-bottom: 1px; font: 800 16px 'Exo 2', sans-seirf; color: #ffffff; text-transform: uppercase;}
.subjects_title { margin-bottom: 22px; font: 800 36px 'Exo 2', sans-serif; color: #feffa8; text-align: center;}

.direction { padding: 0 363px 26px 0; position: relative; text-align: center;}

input[type='text'] { border: 2px solid transparent; -webkit-box-shadow: inset 0 3px #e5e5e5; -moz-box-shadow: inset 0 3px #e5e5e5; box-shadow: inset 0 3px #e5e5e5; background: #ffffff;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#ffffff), to(#f2f2f2));
    background: -webkit-linear-gradient(#ffffff, #f2f2f2);
    background: -moz-linear-gradient(#ffffff, #f2f2f2);
    background: -ms-linear-gradient(#ffffff, #f2f2f2);
    background: -o-linear-gradient(#ffffff, #f2f2f2);
    background: linear-gradient(#ffffff, #f2f2f2);}
input[type='text'].error { border-color: #d9001a;}
input[type='text'].error::-webkit-input-placeholder {color:#ed8b8b;}
input[type='text'].error::-moz-placeholder          {color:#ed8b8b;}/* Firefox 19+ */
input[type='text'].error:-moz-placeholder           {color:#ed8b8b;}/* Firefox 18- */
input[type='text'].error:-ms-input-placeholder      {color:#ed8b8b;}

.direction input { width: 100%; height: 54px; padding: 0 17px; font: 300 24px/50px 'Roboto', sans-serif; box-sizing: border-box; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px;}
.btn { display: block; height: 54px; font-size: 18px; font-weight: 500; color: #202020; line-height: 54px; text-align: center; text-decoration: none; text-transform: uppercase; text-shadow: 0 1px 0 #fff; -webkit-border-radius: 5px/6px; -moz-border-radius: 5px/6px; border-radius: 5px/6px; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .45); -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, .45); box-shadow: 0 1px 1px rgba(0, 0, 0, .45); background: url("../images/sprite_1.png") 0 -754px repeat-x;}
.btn:hover { color: #606060;}
.find { width: 353px; position: absolute; top: 0; right: 0;}

.subjects_cont2 { display: none;}

.contact_form { width: 100%; padding-top: 20px; overflow: hidden; text-align: left;}
.form_line { width: 110%; font-size: 0;}
.form_el { display: inline-block; vertical-align: top;  width: 315px; margin: 0 7px 6px 0; text-align: center;}
.form_line input, .form_line textarea { box-sizing: border-box; font: 300 19px 'Roboto', sans-serif; vertical-align: top; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px;  }
.form_line input { width: 100%; height: 48px; padding: 0 12px; line-height: 44px;}
.form_line textarea { width: 637px; height: 84px; margin-right: 7px; padding: 9px 12px; line-height: 22px; resize: none; overflow: auto; background: #ffffff;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#ffffff), to(#f2f2f2));
    background: -webkit-linear-gradient(#ffffff, #f2f2f2);
    background: -moz-linear-gradient(#ffffff, #f2f2f2);
    background: -ms-linear-gradient(#ffffff, #f2f2f2);
    background: -o-linear-gradient(#ffffff, #f2f2f2);
    background: linear-gradient(#ffffff, #f2f2f2);}
.send { display: inline-block; width: 315px; height: 84px; background: url("../images/sprite_1.png") 0 -1123px repeat-x; font-size: 24px; font-weight: 500; color: #202020; line-height: 84px; text-align: center; text-decoration: none; text-transform: uppercase; vertical-align: top; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;}
.send:hover { color: #606060;}

.will { padding-top: 33px;}
.will a { display: block; width: 486px; height: 43px; margin: 0 auto; font-size: 22px; font-weight: 500; color: #d2fffc; line-height: 43px; text-align: center; border: 2px solid #d2fffc; text-transform: uppercase; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px;}

.section2 { padding: 49px 0 72px;}
.section2 h2 { margin-bottom: 14px; font-size: 30px;}
.color { color: #008d8d;}

.hot_tx { padding: 0 100px 35px;}

.characteristics h3 { margin-bottom: 35px; font-size: 24px; font-weight: 300; text-transform: none;}

.characteristics_list { min-height: 144px; margin-bottom: 36px; background: url("../images/step.png") 50% 100% no-repeat;}
.characteristics_list ul { width: 110%; margin: 0; padding: 0;}
.characteristics_list li { width: 184px; height: 182px; margin: 0 75px 86px 0; padding: 14px 5px 20px; box-sizing: border-box; background: url("../images/char.png") no-repeat; list-style: none; float: left;}
.characteristics_list li img { margin-bottom: 5px;}
.characteristics_list li span { display: block;}

.portion { width: 960px; height: 81px; margin: 0 auto; background: url("../images/portion.png") no-repeat; font-size: 30px; color: #683905; line-height: 81px; text-transform: uppercase;}

.section3_wr { background: url("../images/bg_3.jpg") 50% 0 no-repeat; background-size: cover;}
.section3 { padding: 56px 0 73px;}
.section3 h2 { margin-bottom: 61px; font-size: 30px; color: #ffffff; text-align: center;}
.section3 h2 span { color: #96f6f6;}

.advantage { position: relative;}

.advantage_list { position: relative; z-index: 20;}
.advantage_list ul { margin: 0; padding: 0;}
.advantage_list li { margin-bottom: 13px; list-style: none; position: relative;}
.adv1, .adv5 { width: 609px;}
.adv2, .adv4 { width: 639px;}
.adv3 { width: 669px;}
.adv_ar { height: 66px; margin: 0 40px 0 3px; box-sizing: border-box; background: url("../images/sprite_1.png") repeat-x; position: relative; z-index: 20;}
.adv1 .adv_ar { background-position: 0 -69px;}
.adv2 .adv_ar{ background-position: 0 -207px;}
.adv3 .adv_ar { background-position: 0 -344px;}
.adv4 .adv_ar { background-position: 0 -480px;}
.adv5 .adv_ar { background-position: 0 -617px;}
.adv_ar:before, .adv_ar:after { content: ''; display: block; height: 66px; position: absolute; top: 0; z-index: 10;}
.adv_ar:before { width: 2px; left: -2px; background: url("../images/sprite_1.png") no-repeat;}
.adv_ar:after{ width: 40px; right: -40px; background: url("../images/sprite_2.png") 0 0 no-repeat;}
.adv2 .adv_ar:before { background-position: 0 -138px;}
.adv3 .adv_ar:before { background-position: 0 -276px;}
.adv4 .adv_ar:before { background-position: 0 -412px;}
.adv5 .adv_ar:before { background-position: 0 -548px;}
.adv2 .adv_ar:after { background-position: 0 -68px;}
.adv3 .adv_ar:after { background-position: 0 -136px;}
.adv4 .adv_ar:after { background-position: 0 -204px;}
.adv5 .adv_ar:after { background-position: 0 -272px;}

.adv_cont { height: 66px; padding-left: 64px; line-height: 66px; background: url("../images/marker.png") 11px 12px no-repeat; font-weight: 500; color: #ffffff; text-transform: uppercase; position: relative; z-index: 20;}
.adv_cont:before, .adv_cont:after { content: ''; display: block; height: 66px; position: absolute; top: 0; opacity: 0;
    -moz-transition: opacity .8s;
    -ms-transition: opacity .8s;
    -webkit-transition: opacity .8s;
    -o-transition: opacity .8s;
    transition: opacity .8s;}
.adv_cont:before { background: #ffffff; left: -1px; right: 0;}
.adv2 .adv_cont:before,  .adv4 .adv_cont:before { right: -1px;}
.adv_cont:after { width: 27px; right: -27px; background: url("../images/sprite_2.png") 0 -408px no-repeat;}
.adv2 .adv_cont:after, .adv4 .adv_cont:after { width: 28px; right: -29px; background-position: 0 -476px;}
.adv3 .adv_cont:after { width: 30px; right: -30px; background-position: 0 -544px;}
.arrow_hover .adv_cont:before, .arrow_hover .adv_cont:after { opacity: .55;
    -moz-transition: opacity .1s;
    -ms-transition: opacity .1s;
    -webkit-transition: opacity .1s;
    -o-transition: opacity .1s;
    transition: opacity .1s;}

.hidden { width: 0; height: 66px; margin-right: 27px; position: absolute; top: 0; left: 570px; z-index: 10; background: url("../images/sprite_1.png") 0 -686px repeat-x; display: none;}
/*.hidden:before { content: ''; display: block; width: 27px; height: 66px; background: url("../images/sprite_2.png") 0 -345px no-repeat; position: absolute; top: 0; right: -27px;}*/
/*.advantage_list li:hover .hidden { display: block;}*/

.advantage_list li .hidden {
    -webkit-transition: width 0.1s linear 0.3s;
    -moz-transition: width 0.1s linear 0.3s;
    transition: width 0.1s linear 0.3s;
    display: block !important;
    z-index: -10;
}
.advantage_list li .hidden .hidden_more {
    -webkit-transition: opacity 0.3s linear;
    -moz-transition: opacity 0.3s linear;
    transition: opacity 0.3s linear;
    display: block;
    opacity: 0;
}
.advantage_list li:hover .hidden {
    z-index: 10;
    -webkit-transition: width 0.1s;
    -moz-transition: width 0.1s;
    transition: width 0.1s;
    width: 117px;
}
.advantage_list li:hover .hidden .hidden_more {
    opacity: 1;
    -webkit-transition: opacity 0.3s linear 0.1s;
    -moz-transition: opacity 0.3s linear 0.1s;
    transition: opacity 0.3s linear 0.1s;
}


.advantage_list .hidden_more{ display:none;}
.hidden_more { width: 281px; height: 382px; padding-top: 20px; background: #12181f; box-sizing: border-box; position: absolute; left: 100%; border-right: 10px solid #f8d488; text-align: center;}
.hidden_more:after { content: ''; display: inline-block; height: 362px; vertical-align: middle;}
.adv1 .hidden_more { top: 0;}
.adv2 .hidden_more { top: -79px; border-color: #a4d3ff;}
.adv3 .hidden_more { top: -158px; border-color: #ff8e9e;}
.adv4 .hidden_more { top: -237px; border-color: #85f1c2;}
.adv5 .hidden_more { top: -316px; border-color: #89f1f2;}
.hidden_cont { display: inline-block; width: 260px; vertical-align: middle; font-size: 17px; font-weight: bold; line-height: 20px; color: #ffffff; text-transform: uppercase;}
.hidden_cont p { margin-bottom: 28px;}
.hidden_cont p span { font-size: 24px; color: #89f1f2;}

.more { font-size: 34px; font-weight: bold; color: #ffffff; line-height: 34px; text-align: center; text-transform: uppercase; position: absolute; top: 66px; right: -3px; z-index: 10;}
.more span { display: block;}
.m1 { font-size: 50px; font-weight: 300; color: #b6d8fe; line-height: 38px;}
.m2 { font-size: 36px; line-height: 38px;}
.m3 { font-size: 43px; font-weight: 300; color: #b6d8fe; line-height: 42px;}
.m4 { font-size: 31px;}
.m5 { font-size: 76px; color: #89f1f2; line-height: 68px;}

.section4_wr { background: url("../images/bg_4.jpg") 50% 0 no-repeat; background-size: cover;}
.section4 { padding: 49px 0 42px;}
.price_title { margin-bottom: 41px; font-size: 30px; color: #314055;}

.standard { margin-bottom: 46px; color: #000; line-height: 21px;}
.standard strong { display: block; font-weight: 500;}

.price { margin-bottom: 44px; padding-bottom: 28px; border-bottom: 1px solid #45d0cb; position: relative; -webkit-box-shadow: 0 1px #61e9e1 ; -moz-box-shadow: 0 1px #61e9e1 ; box-shadow: 0 1px #61e9e1 ;}
.n_cont { margin-bottom: 45px;}
.start, .next_packet { width: 470px; height: 211px; padding: 21px 18px 18px; box-sizing: border-box;}
.start { float: left; background: url("../images/start.png") no-repeat;}
.next_packet { float: right; background: url("../images/next_packet.png") no-repeat;}
.start h3, .next_packet h3 { margin-bottom: 10px; font-size: 26px; font-weight: bold; color: #ffffd8; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.26);}
.n_price, .price_tx { font-weight: 500; color: #fff; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4);}
.n_price { margin-bottom: 5px; font-size: 72px; line-height: 72px;}
.price_tx { margin-bottom: 6px; font-size: 15px; line-height: 18px;}
.next_packet .price_tx { padding-top: 10px;}
.know { height: 30px; background: #ffffff; font-size: 15px; color: #0084c8; line-height: 30px; text-decoration: underline; cursor: pointer; position: relative; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;}
.know a { color: #0084c8;}


.free h3 { margin-bottom: 45px; font-size: 30px; color: #314055;}
.service_list { width: 100%; overflow: hidden; text-align: left;}
.service_list ul { width: 110%; margin: 0; padding: 0;}
.service_list li { height: 34px; list-style: none; width: 244px; margin: 0 10px 25px 0; padding-left: 43px; float: left; position: relative;}
.service_list .second { width: 294px;}
.service_list .third { width: 280px;}
.service_list li h4 { margin-bottom: 0; font-size: 18px; color: #314055; line-height: 20px;}
.free_tx { font-size: 12px; line-height: 12px;}
.free_icon { width: 34px; height: 33px; line-height: 33px; position: absolute; top: 0; left: 0; text-align: center;}
.free_icon img { vertical-align: middle;}


.liked { margin-bottom: 15px; font-size: 28px; color: #314055; line-height: 30px; text-transform: uppercase;}
.liked strong { font-weight: 500;}
.call { display: block; padding-top: 1px; font-size: 25px; font-weight: 500; color: #ffffff;}

.section4 .subjects_title { margin-bottom: 17px;}

.section5_wr { background: url("../images/bg_5.jpg") 50% 0 no-repeat; background-size: cover;}

.section5 { padding: 49px 0 44px;}
.section5 h2, .deal { font-size: 30px; text-align: center;}
.section5 h2 { margin-bottom: 4px;}
.deal { margin-bottom: 56px; font-weight: 300; text-transform: none;}
.deal span { font-size: 18px; font-weight: 500; color: #008d8d; display: block; }

.departments { height: 450px; margin-bottom: 24px; background: url("../images/departments.png") 234px 0 no-repeat; position: relative;}
.manager { width: 150px; position: absolute; top: 158px; left: 409px; font: bold 20px/20px 'Roboto Condensed', sans-serif; color: #70950c; text-align: center; text-transform: uppercase;}
.manager span { display: block; padding-top: 2px; font-size: 29px;}
.market, .develop, .design { position: absolute; font: 21px/22px 'Roboto Condensed', sans-serif;}
.market { top: 13px; left: 670px; color: #1a72be;}
.develop { top: 291px; left: 36px; color: #4d8308;}
.design { top: 332px; left: 700px; color: #1d1d1d;}
.name_dep { margin-bottom: 2px; font: bold 30px/32px 'Roboto Condensed', sans-seif; color: #717171;}
.market ul, .develop ul, .design ul { margin: 0; padding: 0;}
.market li, .develop li, .design li { margin-bottom: 3px; list-style: none;}

.steps { width: 100%; margin-bottom: 24px; overflow: hidden; background: url("../images/direction.png") 188px 57px no-repeat;}
.steps ul { width: 110%; padding: 0;}
.steps li { width: 180px; margin: 0 70px 10px 0; float: left; list-style: none; text-align: center;}
.steps li:first-child { margin: 0 72px 30px 13px;}

.time { margin: 0 8px 6px 0; font-size: 12px; font-weight: 500; color: #b12848;}
.clock , .flag { display: inline-block; vertical-align: middle; position: relative;}
.clock { width: 11px; height: 16px; margin-right: 5px; background: url("../images/clock.png") no-repeat; top: -2px;}
.flag { width: 16px; height: 16px; margin-right: 9px; background: url("../images/flag.png") no-repeat; top: -1px;}
.clock {
    -moz-transition: all 0s;
    -ms-transition: all 0s;
    -webkit-transition: all 0s;
    -o-transition: all 0s;
    transition: all 0s;
}
.r180 .clock {

    -moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-webkit-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
    -moz-transition: all .2s;
    -ms-transition: all .2s;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;

}
.r360 .clock {
    -moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
    -moz-transition: all .2s;
    -ms-transition: all .2s;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
}

.step_1, .step_2, .step_3, .step_4 { height: 158px; margin-bottom: 17px; position: relative; background: url("../images/hexagon.png") no-repeat;}
.step_1 img, .step_2 img, .step_3 img, .step_4 img { position: absolute;}
.step_1 img { top: 31px; left: 54px;}
.step_2 img { top: 30px; left: 47px;}
.step_3 img { top: 30px; left: 35px;}
.step_4 img { top: 31px; left: 58px;}

.step_hover { opacity: 0; -moz-transition: opacity .2s;
    -ms-transition: opacity .2s;
    -webkit-transition: opacity .2s;
    -o-transition: opacity .2s;
    transition: opacity .2s;}
.steps li:hover .step_hover { opacity: 1;}

.number { display: block; width: 10px; height: 20px; font-size: 14px; font-weight: 500; color: #8472a6; line-height: 20px; text-align: center; position: absolute; top: 18px; left: 21px;}

.step_tx { padding-right: 6px; font-size: 14px; color: #1c1d1e; line-height: 17px; text-align: center;}

.process_btn {}
.pr_btn { width: 403px; margin: 0 auto;}
.pr_btn.active { color: #e5e5e5; background: url("../images/sprite_1.png") 0 -894px repeat-x; -webkit-box-shadow: 0 1px #fbfbfb ; -moz-box-shadow: 0 1px #fbfbfb ; box-shadow: 0 1px #fbfbfb ;}

.section6 { padding: 34px 0 40px;}
.section6 h2 { margin-bottom: 44px; font-size: 30px; text-align: center;}

.case_slider_wr { padding: 0 34px; position: relative;}
.case_slider { width: 100%; overflow: hidden;}
.case_slider ul { margin: 0; padding: 0;}
.case_slider li { width: 892px; height: 536px; padding: 0 1px; float: left; box-sizing: border-box;}

.case_slider_wr .bx-wrapper { margin-bottom: 52px;}
.case_slider_wr .bx-wrapper .bx-viewport, .clients_slider .bx-wrapper .bx-viewport { border: none; left: 0; box-shadow: none;}
.case_slider_wr .bx-wrapper .bx-pager,.case_slider_wr  .bx-wrapper .bx-controls-auto { bottom: -59px;}
.case_slider_wr .bx-wrapper .bx-pager.bx-default-pager a { width: 14px; height: 14px; margin: 0 3px; background: #dce7eb; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px;}
.case_slider_wr .bx-wrapper .bx-pager.bx-default-pager a:hover, .case_slider_wr  .bx-wrapper .bx-pager.bx-default-pager a.active { background: #99d6ea;}
.bx-wrapper .page_img img { display: inline-block;}

.col_1 { width: 436px; padding: 4px 0 5px; background: #f6f6f6; float: left; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .4); -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, .4); box-shadow: 0 1px 1px rgba(0, 0, 0, .4);}
.page_img { height: 471px; margin-bottom: 10px; text-align: center; overflow: hidden;}
.page_img img { max-width: 428px; vertical-align: top;}
.panel { padding: 0 13px;}
.panel_c1, .panel_c2 { width: 184px;}
.panel_c1 { float: left;}
.panel_c2 { float: right;}
.panel_info { margin-bottom: 6px; font-size: 13px; color: #474749; line-height: 14px; white-space: nowrap;}
.panel_info span { display: inline-block; color: #db4a37; font-weight: 500; position: relative;}

.tooltip1, .tooltip2 { display: block; width: 365px; padding: 15px 19px 12px; background: #ffffff; font-size: 12px; line-height: 15px; color: #000; position: absolute; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: 0 0 3px #000; -moz-box-shadow: 0 0 3px #000; box-shadow: 0 0 3px #000;}
.tooltip1:before, .tooltip2:before { content: ''; display: block; background: url("../images/tooltip.png") no-repeat; position: absolute;}
.tooltip1:before { width: 50px; height: 26px; background-position: 0 0; top: 19px; left: -50px;}
.tooltip2:before { width: 23px; height: 51px; background-position: 0 -28px; top: 68px; left: -23px;}
.tooltip1 span, .tooltip2 span { display: block; margin-bottom: 14px;}

.col_2 { width: 433px; height: 100% ; padding-top: 6px; float: right; box-sizing: border-box; position: relative;}
.theme { margin-bottom: 2px; font-size: 11px; color: #8d8d8d; line-height: 12px;}
.case_tx { margin-bottom: 15px; padding-right: 10px; font-size: 14px; line-height: 17px;}
.case_tx h3 { margin-bottom: 19px; font-size: 24px; font-weight: 300; color: #000; text-transform: none;}
.case_adr { margin-bottom: 7px; font-size: 13px;}
.location { margin-right: 16px; font-size: 12px; color: #000;}
.location:before { content: ''; display: inline-block; vertical-align: middle; width: 23px; height: 29px; margin-right: 5px; background: url("../images/loc.png") no-repeat; position: relative; top: -4px;}

.see { margin-top: -5px; font-size: 13px;}

.origin { width: 100%; position: absolute; bottom: 0;}
.origin h3 { margin-bottom: 21px; font-size: 24px; font-weight: 300; color: #000; text-transform: none;}
.origin_list span { display: inline-block; height: 50px; margin: 0 5px 5px 0; -webkit-box-shadow: inset 0 1px rgba(0, 0, 0, .06); -moz-box-shadow: inset 0 1px rgba(0, 0, 0, .06); box-shadow: inset 0 1px rgba(0, 0, 0, .06);}
.origin_list a { display: inline-block; position: relative;}
.origin_list img { width: 130px; height: 50px; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .4); -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, .4); box-shadow: 0 1px 1px rgba(0, 0, 0, .4); position: relative; z-index: -1;}

.prev, .next { position: absolute; top: 238px;}
.prev { left: 0;}
.next { right: 0;}
.prev a, .next a { display: block; width: 21px; height: 55px; background: url("../images/arrow.png") no-repeat;}
.next a { background-position: -23px 0;}

.section7 { width: 890px; margin: 0 auto; padding: 31px 0 53px;}
.section7 h2 { margin-bottom: 28px; font-size: 30px; text-align: center;}

.clients_slider { width: 100%; overflow: hidden; position: relative;}
.clients_slider ul { margin: 0; padding: 0;}
.clients_slider li { width: 890px; height: 74px; list-style: none; float: left; overflow: hidden;}

.client_list { width: 110%; font-size: 0;}
.client_list img { display: inline-block; width: 138px; height: 73px; margin-right: 12px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}

.section8_wr { background: url("../images/bg_2.jpg") 50% 0 no-repeat; background-size: cover;}
.section8 { padding: 48px 0 30px;}
.section8 .liked { margin-bottom: 31px;}
.section8 .call{ color: #b4fffe;}
.section8 .subjects_title { color: #ffffff; font-size: 30px;}

.section9_wr { background: url("../images/bg_6.jpg") repeat;}
.section9 { padding: 55px 0 46px;}
.section9 h2 { margin-bottom: 33px; font-size: 30px; color: #ffffff; text-align: center;}
.section9 h2 span { color: #96f6f6;}

.question_list ul { margin: 0; padding: 0;}
.question_list li { margin-bottom: 13px; padding: 17px 80px 18px 85px; list-style: none; background: #324866 url("../images/q_icon.png") 15px 12px no-repeat; cursor: pointer; font-weight: 500; position: relative;  -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 3px #141f2d ; -moz-box-shadow: 0 3px #141f2d ; box-shadow: 0 3px #141f2d ;}
.question { min-height: 40px; font-size: 18px; color: #fef8c6; line-height: 20px; text-transform: uppercase;}
.question_cont { display: inline-block; width: 790px; vertical-align: middle;}
.question:after { content: ''; display: inline-block; height: 40px; vertical-align: middle;}
.question_list .active .question { color: #96f6f6;}
.reply { display: none; padding: 21px 0 8px; font-size: 15px; color: #ffffff; line-height: 15px;}
.question_list .active .reply { display: block;}
.q_arrow { width: 17px; height: 16px; background: url("../images/arrow.png") -46px 0 no-repeat; position: absolute; right: 18px; bottom: 28px;}
.question_list .active .q_arrow { background-position: -46px -18px;}

.section10 { padding: 31px 0 22px; text-align: center;}
.section10 h2 { margin-bottom: 6px; font-size: 28px; color: #96f6f6;}
.section10 h2 span { font-weight: 300;}
.section10 .subjects_title { font-size: 30px; color: #ffffff;}

.maps { width: 100%; height: 545px; overflow: hidden; position: relative; z-index: 20; -webkit-box-shadow: 0 -1px 1px rgba(0, 0, 0, .23); -moz-box-shadow: 0 -1px 1px rgba(0, 0, 0, .23); box-shadow: 0 -1px 1px rgba(0, 0, 0, .23);}
/*.maps img { display: block; margin: 0 auto;}*/

.popup_wr { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 999; display: none;}
.popup_cover { position: fixed; width: 100%; top: 0; bottom: 0; background: #000000; opacity: .5;}
.popup { width: 527px; padding: 33px 42px 47px; position: fixed; top: 50%; left: 50%; text-align: center; margin: -157px 0 0 -305px; background: #ffffff;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#ffffff), to(#ececec));
    background: -webkit-linear-gradient(#ffffff, #ececec);
    background: -moz-linear-gradient(#ffffff, #ececec);
    background: -ms-linear-gradient(#ffffff, #ececec);
    background: -o-linear-gradient(#ffffff, #ececec);
    background: linear-gradient(#ffffff, #ececec);}
.popup h2 { margin-bottom: 1px; font: 800 30px/32px 'Exo 2', sans-serif; color: #d9001a;}
.pupup_tx { margin-bottom: 28px; padding: 0 52px; font: 400 18px/21px 'Exo 2', sans-seirf; color: #323232;}
.popup_form input { width: 100%; height: 54px; margin-bottom: 24px; padding: 0 17px; font: 300 24px/48px 'Roboto', sans-serif; box-sizing: border-box; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: 0 1px 1px rgba(115, 115, 115, .75); -moz-box-shadow: 0 1px 1px rgba(115, 115, 115, .75); box-shadow: 0 1px 1px rgba(115, 115, 115, .75);}
.popup_form .btn { width: 353px; margin: 0 auto 24px;}
.close { width: 11px; height: 13px; background: url("../images/arrow.png") -46px -36px no-repeat; position: absolute; top: 10px; right: 10px; font-size: 18px; font-weight: 500; color: #202020; cursor: pointer;}
.error_send { font: 400 18px/21px 'Exo 2', sans-seirf; color: #d9001a; display: none;}
.contact_form .error_send { padding-top: 20px; text-align: center;}

.luck { background: url("../images/luck.jpg") 50% 0 no-repeat fixed; background-size: cover; color: #ffffff;}

.luck_main { width: 960px; height: auto; min-height: 100%; margin: 0 auto; text-align: center; position: relative;}

.luck_cont { padding: 77px 0 185px;}
.luck_cont h1 { margin-bottom: 29px; font: 800 36px 'Exo 2', sans-serif; color: #ffffff; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.75);}

.wait { margin-bottom: 60px;}
.wait h2 { margin-bottom: 51px; font: 600 24px 'Exo 2', sans-serif; color: #ffffff; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.75);}
.wait h2 strong { font-size: 28px; font-weight: 800;}

.timer { margin-bottom: 67px;}

.wait_date { padding: 66px 0 56px; font-size: 48px; font-weight: bold; line-height: 50px; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.75);}

.bonus { margin-bottom: 44px; font-size: 22px; font-weight: 500; line-height: 26px; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.75);}
.bonus strong { display: block; padding: 3px 0; font-size: 26px; text-transform: uppercase;}

.luck_btn { padding: 84px 182px 0; background: url("../images/down.png") 50% 0 no-repeat;}
.contacted, .n_contacted { display: block; width: 288px; height: 68px; background: url("../images/btn.png") no-repeat; font: 500 21px/68px 'Exo 2', sans-serif; color: #ffffff; text-decoration: none; text-transform: uppercase;}
.false { opacity: .5;}
.contacted:hover, .n_contacted:hover { color: #f4f4f4;}
.contacted { float: left;}
.n_contacted { background-position: 0 -70px; float: right;}

.code_cont {}
.code_cont h2 { margin-bottom: 54px; padding: 0 120px; font: 600 24px/29px 'Exo 2', sans-serif; color: #ffffff; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.75);}
.code_cont h2 span { font-size: 30px; font-weight: 800;}
.code { width: 408px; height: 114px; margin: 0 auto; font-size: 60px; font-weight: 500; color: #242424; line-height: 114px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .75); -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .75); box-shadow: 0 1px 2px rgba(0, 0, 0, .75); background: #FFFFFF;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#FFFFFF), to(#f2f2f2));
    background: -webkit-linear-gradient(#FFFFFF, #f2f2f2);
    background: -moz-linear-gradient(#FFFFFF, #f2f2f2);
    background: -ms-linear-gradient(#FFFFFF, #f2f2f2);
    background: -o-linear-gradient(#FFFFFF, #f2f2f2);
    background: linear-gradient(#FFFFFF, #f2f2f2);}

.luck_foot { width: 960px; height: 160px; margin: -160px auto 0; text-align: center; position: relative;}
.foot_info { margin-bottom: 28px; font: 500 21px 'Exo 2', sans-serif;}
.foot_info span { display: block;}

.soc a { margin: 0 12px;}

.success_message { font-size: 22px; font-weight: 500; line-height: 26px; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.75);}

.section11_wr { display: none; width: 100%; overflow: hidden; background: url("../images/bg_7.jpg") repeat; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .52), 0 -1px rgba(242, 242, 242, .75); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .52), 0 -1px rgba(242, 242, 242, .75); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .52), 0 -1px rgba(242, 242, 242, .75);}
.section11 { padding: 48px 0 116px;}
.section11 h2 { margin-bottom: 56px; font-size: 30px; text-align: center;}

.scheme { margin-bottom: 47px;}
.scheme ul { margin: 0; padding: 0;}
.scheme li { margin: 0 41px 5px; list-style: none; position: relative; background: #ffffff url("../images/sprite_1.png") 0 -950px repeat-x; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .17); -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, .17); box-shadow: 0 1px 1px rgba(0, 0, 0, .17); visibility: hidden;}
.scheme .visible { visibility: visible;}

.scheme_cont { margin-bottom: 27px; padding: 23px 35px 0 51px; font-size: 16px; color: #000; line-height: 19px;}
.scheme_cont h3 { margin-bottom: 12px; font: 300 24px 'Roboto', sans-serif; color: #0462a0; text-transform: none;}
.scheme_foot { padding: 10px 52px; background: #dbf1ff; font-size: 12px; font-weight: 500;}
.term { display: inline-block; width: 126px; margin-right: 10px; color: #b12848;}
.term .clock { margin-right: 7px;}
.result span { color: #b12848;}

.ear { width: 73px; height: 82px; background: url("../images/ear.png") no-repeat; position: absolute; top: 0; left: -42px;}
.hole { width: 62px; height: 62px; background: url("../images/ear.png") -150px 0 no-repeat; position: absolute; top: 8px; left: 11px; font-size: 36px; font-weight: 500; color: #1a6161; line-height: 62px; text-align: center; -webkit-border-radius: 31px; -moz-border-radius: 31px; border-radius: 31px;}
.right .ear { left: auto; right: -42px; background-position: -75px 0;}
.right .hole { left: auto; right: 11px;}

.order h2 { margin-bottom: 34px; font-size: 30px; font-weight: 300; color: #1d1e1e; line-height: 36px; text-transform: none;}
.order h2 span { display: block; font-weight: 500; text-transform: uppercase; color: #008d8d;}
.order_btn .btn { width: 353px; margin: 0 auto;}

.error_span { font: 400 16px/21px 'Exo 2', sans-seirf; color: #fff; display: none;}
.popup .error_span { margin-bottom: 20px; color: #c10808;}
.direction .error_span { width: 598px; position: absolute; top: 60px; left: 0;}
.block_new { padding-top: 5px;}

.contact_title, .detail_wr { position: absolute; z-index: 10; left: 50%;}
.contact_title { color: #1d1e1e; top: 48px; margin-left: -188px;}
.detail_wr { width: 420px; top: 144px; margin-left: -478px;}
.detail { margin-bottom: 13px; padding: 22px 26px; background: #ffffff; color: #000; -webkit-border-radius: 9px; -moz-border-radius: 9px; border-radius: 9px; -webkit-box-shadow: 0 0 24px rgba(0, 0, 0, .26); -moz-box-shadow: 0 0 24px rgba(0, 0, 0, .26); box-shadow: 0 0 24px rgba(0, 0, 0, .26);}
.detail.mod { padding: 20px 26px 3px;}
.detail h3 { margin-bottom: 4px; font-size: 21px; font-weight: 300; color: #0b7777;}
.detail h3 span { text-transform: none;}
.opetation { margin-bottom: 10px; font-size: 12px;}
.opetation span { font-weight: 500;}
.relations, .detail_adr, .follow { font-size: 14px; line-height: 16px;}
.relations { margin-bottom: 14px;}
.relations a { color: #1e73d2;}
.relations span { display: block; margin-bottom: 1px;}
.relations span b { font-weight: 500;}
.detail_adr { margin-bottom: 13px;}
.follow { margin-bottom: 1px;}
.follow a { margin-left: 19px; display: inline-block; vertical-align: middle; position: relative;}
.follow img { display: inline-block;}
.fol_hover { position: absolute; top: 0; left: 0; opacity: 0; -moz-transition: opacity .2s;
    -ms-transition: opacity .2s;
    -webkit-transition: opacity .2s;
    -o-transition: opacity .2s;
    transition: opacity .2s;}
.follow a:hover .fol_hover { opacity: 1;}
.detail_cont { font-size: 12px; line-height: 14px;}
.detail_cont span { display: block; margin-bottom: 2px;}
.img_cert { display: inline-block; float: right; margin: -9px -2px 10px;}