body{background-color: white;  color: #000000; line-height: 1.3; font-family: arial, serif; background-color: #f5f5f5;}
ul{margin:0;  padding:0; list-style: none;}
p{margin:0; }

input.error{background-color: #ffd7d7;  }
input.error::-webkit-input-placeholder{}
label.error{    font-size: 13px;
    color: #ed2d2d;
    width: 195px;
    display: inline-block;
    vertical-align: middle;
    margin: 0px 0 0 20px;
    position: absolute;
    right: 33px;
    bottom: 8px;
    background: #f5f5f5;}
.input-name label.error{z-index: 3;}
.input-email label.error{z-index: 2;}
.input-phone label.error{z-index: 1;}
/*.pop-up label.error{display: none;}*/


.page-overflow{min-width: 1070px; overflow: hidden;}
.video-form{display: none;height: 195px;}
input, textarea{ outline: none; font-family: arial, serif; font-size: 14px; background-color: white;  box-shadow: inset 1px 1px 3px 0 rgba(0,0,0, 0.15); border:1px solid #e3e3e3; border-radius: 5px; height: 44px; width: 100%; padding: 18px;}
input:focus, textarea:focus{border:1px solid #c4c4c4;}

button{  border:0;  font-family: arial, sans-serif; outline: none;}
button:hover{-webkit-filter: brightness(1.1); -moz-filter: brightness(1.1); text-decoration: none;}
button:active{-webkit-filter: brightness(0.9); -moz-filter: brightness(0.9);}

@font-face {
      font-family: "HeuristicaBold";
      src: url("/HeuristicaBold/HeuristicaBold.eot");
      src: url("/HeuristicaBold/HeuristicaBold.eot?#iefix")format("embedded-opentype"),
      url("/HeuristicaBold/HeuristicaBold.woff") format("woff"),
      url("/HeuristicaBold/HeuristicaBold.ttf") format("truetype");
      font-style: normal;
      font-weight: normal;
  }


.mfp-bg, .mfp-wrap{min-width:1070px;}

.clr{clear: both;}

/*.title{ font-size: 46px; font-weight: bold; line-height: 1.48;}*/

.inline-list{text-align: center;}
.inline-list li{display: inline-block; vertical-align: top; text-align: left;}

.container{width: 1010px; padding: 0 30px; }

header{padding: 15px 0; border-bottom: 1px solid #bdc4ca; background-color: white;}
header .logo{ float:left; width: 150px; font-family: "HeuristicaBold"; text-decoration: none;}
header .logo:hover{text-decoration: none;}
header .logo p{font-size: 24px; font-weight: bold; color: #497a38; line-height: 26px;}
header .caption{font-size: 13px; border-left: 1px solid #e5e5e5; float:left; margin:10px 0 0 50px; padding:0 0 0 35px; width: 280px; }
header .call-back{font-size: 12px; color: #539238; text-transform: uppercase; font-weight: bold; float:right;  width:180px; height:38px;  border:2px solid #539238; border-radius: 19px; background-color: white; margin:5px 0 0px 0;}
header .phone{ float:right;  margin:2px 37px 0 0;}
header .phone a{font-size: 20px; color: black;}
header .phone p{font-size: 13px;}

.main-screen{padding: 200px 0 200px 0; background: url(../img/main.jpg) center center no-repeat; background-size: cover;}
.main-screen .left{color: white;  border-radius: 5px; float:left; margin:0px 0 0 -30px; padding: 30px 0px 45px 30px; width: 780px;}
.main-screen .left .caption{font-size: 44px; font-weight: bold; font-family: "HeuristicaBold"; line-height: 40px;}
.main-screen .left p{font-size: 14px; margin:10px 0 25px 0;}
button.btn-orange{width:300px; height:54px; color: white; font-size: 14px; font-weight: bold; text-transform: uppercase; background-color: #f28046;  box-shadow:  5px 5px 20px 0 rgba(242,128,70, 0.40);  border-radius: 27px;}
button.btn-orange:hover{background-color: #f26f2e; }
.main-screen .left .go-test{display: inline-block; vertical-align: middle; margin-right: 25px;}
.main-screen .left a.show-modal{ font-size: 14px; font-weight: bold; color: white; display: inline-block; vertical-align: middle; text-decoration: none; border-bottom: 1px dashed white;}
.main-screen .left a.show-modal:hover{color: #f26f2e;  text-decoration: none; border-bottom-color: #f26f2e; } 
.cicle{width:220px; height:220px;display: table;  border-radius: 110px; color: white; background-color: rgba(83,146,56, 0.95); padding: 0 35px; box-shadow:  20px 20px 40px 0 rgba(0,0,0, 0.35); float:right; margin-right: -35px; text-align: center;}
.cicle .text{ display: table-cell; vertical-align: middle; }
.cicle span{font-size: 31px; font-family: "HeuristicaBold"; font-weight: bold;}
.cicle p{font-size: 14px;}

.content-wrap{overflow: hidden; padding-top: 40px;}
.progressbar{width: 100%; height: 6px; background-color: white; box-shadow: inset  1px 1px 2px 0 rgba(0,0,0, 0.15); border-radius: 3px; margin:0 0 50px 0; overflow: hidden;}
.progressbar .orange{height: 100%; float:left; background-color: #f26f2e;}
.left-wrap{width: 630px; float:left; }
.right-wrap{width: 310px; float:right; }

.question{height: 377px;}
.question .name{font-size: 36px; margin:0 0 20px 0; font-weight: bold; font-family: "HeuristicaBold"; line-height: 40px;}

.question ul li{ position: relative; float:left;  width: 100%; margin:0 0 20px 0; padding-right: 20px;} 
.question ul.two-columns li{width: 50%;}
.question ul li p{padding:0px 0 0 40px;}
.question ul li input[type=radio]{   position: absolute;   visibility: hidden; }
.question ul li label{  display: inline-block;  position: relative;  font-weight: bold;  font-size: 14px;  line-height: 18px;  padding: 7px 0 0 40px;  height: 30px;  z-index: 9;  cursor: pointer; }
.question ul li label.recommend:after{position: absolute; left: 100%; top: 50%; margin:-9px 0 0 15px; content: 'Рекомендуем'; font-size: 12px; line-height: 12px; text-transform: uppercase; font-weight: bold; color: white; background-color: #539238; padding: 3px 5px;  height: 18px;}
.question ul li label:hover{  color: #f26f2e;}
.question ul li .check{  display: block;  position: absolute;  border: 2px solid #539238;  border-radius: 100%;  height: 30px;  width: 30px;  top: 0px;  left: 0px;  z-index: 5; }
.question ul li label:hover + .check {  border: 2px solid #f26f2e;}
.question input[type=radio]:checked ~ .check {  border: 2px solid #539238;   background: url('../img/radio-active.png') center center no-repeat;}
.question input[type=radio]:checked ~ label{  color: #539238;}
.question button{clear:both; margin:40px 0 0 0; float:left;   }
button[disabled], button[disabled]:hover{background-color: #c4c4c4; box-shadow: none;}
.prev-question{display: inline-block; vertical-align: middle;border-bottom: 1px dashed #127cbf;color: #127cbf; margin:0 0 0 30px; display: none;}
.prev-question:hover{color: red; border-bottom-color: red; text-decoration: none;}

.test-finish{display: none;}

.discount{background-color: white; position: relative;}
.discount .head{padding: 11px 20px; overflow: hidden;}
.discount .head p{font-size: 14px; font-weight: bold; float:left; line-height: 24px;}
.discount .head .hint{width:24px; height:24px; border:1px solid #497a38; border-radius: 12px; font-size: 14px; color: #539238; text-align: center; line-height: 22px;  float:right; cursor: pointer; font-weight: bold; }
.discount .head .hint:hover{color: white; background-color: #539238;}
.discount .count{background-color: #497a38; padding: 11px 20px;}
.discount .count p{font-size: 36px; font-weight: bold; color: white; font-family: "HeuristicaBold";}
.discount .info{padding: 30px 20px;}
.discount .info .desc{height: 210px; overflow: auto;}
.discount .info .desc span{font-size: 14px; color: #497a38; font-weight: bold; display: block; margin:0 0 6px 0;}
.discount .info p{font-size: 13px;}
.discount .info img{}
.discount .qpager{font-size: 14px; color: #909090; font-weight: bold; margin:40px 0 0 0;}
.discount .card{bottom: 20px; left: 20px; position: absolute; display: none;}

.contacts{}
.contacts .title{font-family: "HeuristicaBold"; font-size: 36px; font-weight: bold; margin:0 0 30px 0;} 
.contacts form{width: 550px; position: relative;}
.contacts dl{}
.contacts dt{font-size: 13px; font-weight: bold;}
.contacts dd{margin:0 0 13px 0;}
.contacts dd .hint{font-size: 13px;}
.contacts input{margin:5px 0 5px 0;}
.contacts button{margin:20px 0 0 0; display: inline-block; vertical-align: middle;}
.contacts .error-bottom{}

.discount-contacts{background-color: transparent;}
.discount-contacts .head .hint:hover{color: #539238; background-color: white;}
.discount-contacts .card{bottom: -53px;}
.discount-contacts .wrap-green{background-color: #539238; border-radius: 5px; box-shadow: 10px 10px 20px 0 rgba(0,0,0, 0.15); padding: 10px 0;}
.discount-contacts .head{color: white; background-color: transparent;}
.discount-contacts .head .hint{border-color: white; color: white;}
.discount-contacts .count{ background-color: transparent;}

.confidence{font-family: "HeuristicaBold"; font-size: 18px; font-weight: bold;padding:0px 0 0 20px;}
.confidence.test-finish{margin:-45px 20px 0 0;}

.video-top{overflow: hidden;}
.video-top .title{float:left; font-family: "HeuristicaBold"; font-weight: bold; font-size: 36px;}
.video-top .counter{font-size: 36px; color: #539238;font-family: "HeuristicaBold"; font-weight: bold; float:right; margin:0 0 15px 0; }

.video{width:630px; height:410px; background-color: grey; border-radius: 5px;}

.right-info{width: 290px; float:right; }
.right-info span{font-family: "HeuristicaBold"; font-weight: bold; font-size: 18px; display: block; margin:0 0 15px 0;}
.right-info p{font-size: 14px; margin:0 0 11px 0; font-size: 13px;}

.right-wrap .cicle{margin:30px -30px -120px 0; position: relative; z-index: 1;}
.right-wrap .cicle span{font-size: 70px;}

.calculation{}
.calculation .title{font-family: "HeuristicaBold"; font-weight: bold; font-size: 36px;}
.calculation .hint{font-size: 13px; background-color: #f5e9e3; display: inline-block; padding: 5px 10px; margin:10px 0 30px -10px;}
.calculation .hint span{color: #127cbf; display: inline-block; }
.calculation .description{float:left; width: 360px;  clear: left;}
.calculation .description .caption{font-size: 14px; font-weight: bold;}
.calculation .description ul{}
.calculation .description li{font-size: 13px; margin:5px 0 0 20px;}
.calculation .cost{clear: left;}
.calculation .cost ul{margin:0 0 50px 0;}
.calculation .cost li{display: inline-block; width: 260px; margin:30px 0 0 0; padding-right: 20px;}
.calculation .cost li p{font-weight: bold; font-size: 14px; line-height: 14px;}
.calculation .cost li span{font-family: "HeuristicaBold"; font-weight: bold; font-size: 30px;}
.calculation .cost li .green{color: #539238;}
.calculation button{ display: inline-block; vertical-align: middle; margin-right: 20px;}
.calculation .pdf-hint{font-size: 13px; display: inline-block; vertical-align: middle;}
.calculation{}

.discount-thanks{background-color: transparent; margin:45px 0 0 0;}
.discount-thanks .card{bottom: -53px; z-index: 2;}
.discount-thanks .wrap-green{border:1px solid #539238; border-radius: 5px; padding: 10px 0px;}
.discount-thanks .wrap-green .count{background-color: transparent; }
.discount-thanks .wrap-green .count p{color: #539238;}
.discount-thanks a, .typical-projects a{border-bottom: 0.5px solid #127cbf;color: #127cbf; margin-top: 10px; display: inline-block;}
.discount-thanks a:hover, .typical-projects a:hover{color: red; border-bottom-color: red; text-decoration: none;} 
.discount-thanks a:focus, .typical-projects a:focus{text-decoration: none;}

.typical-projects{padding: 0 0px;  float:right; width: 250px;}
.typical-projects span{font-size: 14px; font-weight: bold;}
.typical-projects a{font-size: 16px; color: #127cbf;}
.typical-projects .red-hint{font-size: 11px; color: #ed2d2d; margin:20px 0 0 0;}

.footer{padding: 25px 0 50px 0; clear:both; border-top: 1px solid #c4c4c4; padding-top: 30px;  margin:80px 0 0 0; float:left;  width: 100%;}
.footer p{font-size: 14px;}



.show-mobile{display: none;}
.hide-mobile{display: inline-block;}


.close.green-close{width:90px; height:90px; border-radius: 0 0 3px 3px; background: #539238 url(../img/close-2.png) center 25px no-repeat; box-shadow: 0 5px 20px 0 rgba(83,146,56, 0.4); position: absolute; top: 0; right: 30px; opacity: 1;}



.ct-header{padding: 15px 0; border-bottom: 1px solid #bdc4ca; background-color: white; box-sizing: border-box;}
.ct-header .logo, .ct-top-panel .logo, .pop-menu .logo{ float:left; width: 150px; font-family: "HeuristicaBold"; text-decoration: none;}
.ct-header .logo:hover, .ct-top-panel .logo:hover, .pop-menu .logo:hover{text-decoration: none;}
.ct-header .logo p, .ct-top-panel .logo p, .pop-menu .logo p{font-size: 24px; font-weight: bold; color: #497a38; line-height: 26px;}
.ct-header .caption{font-size: 13px; border-left: 1px solid #e5e5e5; float:left; margin:10px 0 0 50px; padding:0 0 0 35px; width: 280px; }
.ct-header .call-back, .ct-top-panel .call-back{font-size: 12px; color: #539238; text-transform: uppercase; font-weight: bold; float:right;  width:180px; height:38px;  border:2px solid #539238; border-radius: 19px; background-color: white; margin:5px 0 0px 0;}
.ct-header .call-back:hover, .ct-top-panel .call-back:hover{background-color: #539238; color: white;}
.ct-header .phone, .ct-top-panel .phone{ float:right;  margin:2px 37px 0 0;}
.ct-header .phone a, .ct-top-panel .phone a{font-size: 20px; color: black;}
.ct-header .phone p{font-size: 13px;}

.ct-top-panel{position: fixed; top: 0; left: 0; right: 0; height: 60px; padding-top: 13px; background-color: white; box-shadow: 0 5px 10px 0 rgba(0,0,0, 0.1); z-index: 5; display: none;}
.ct-top-panel .logo{width: auto; margin:5px 0 0 0;}
.ct-top-panel .call-back{margin:0px 0 0 0; height: 34px; width: auto; padding: 0 30px;}

.ct-menu{background-color: white;  box-sizing: border-box;}
.ct-menu .container{ position: relative;}
.ct-menu ul{float:left; margin:0;  }
.ct-menu  li{display: inline-block; margin-right: 30px; padding-top: 11px; padding-bottom: 13px;}
.ct-menu  li a{font-size: 13px;    border-bottom: 1px solid #b0d0e5; display: inline-block;}
.ct-menu  li a:hover{text-decoration: none;}
.ct-menu .link-calc{float:right; font-size: 13px; position: relative; margin:12px 7px 0 0;border-bottom: 1px solid #b0d0e5;}
.ct-menu .link-calc:hover{ border-bottom-color: #ed2d2d; color: #ed2d2d; text-decoration: none;}
.ct-menu .link-calc:before{width:56px; height:36px; background: url(../img/ico-calc.png) no-repeat; content: ''; left: -70px; top: -5px;position: absolute; }
.ct-menu .sub-menu{position: absolute; top: 100%; left: 33px; height: 44px; background-color: #539238; width: 100%; display: none;z-index:1000;}
.ct-menu .sub-menu:before, .ct-menu .sub-menu:after{position: absolute; top: 0; bottom: 0; width: 1000px;background-color: #539238; content: ''; }
.ct-menu .sub-menu:before{right: 100%;}
.ct-menu .sub-menu:after{left: 100%;}
.ct-menu .sub-menu li a{ border-bottom: 1px solid #87b374; color: white;}
.ct-menu .sub-menu li a:hover{text-decoration: none; border-bottom: 1px solid white; }
.ct-menu  .container > ul > li:hover{cursor: pointer;}
.ct-menu  .container > ul > li.is-sub:hover > a:after{position: absolute; content: '';  display: block; bottom: -14px; left: 50%; margin:0 0 0 -7px; width:0px; height:0px; border-bottom: 7px solid #539238;  border-left: 7px solid transparent;border-right: 7px solid transparent;border-top: 7px solid transparent;}
.ct-menu  .container > ul > li:hover .sub-menu{display: block;}
.ct-menu  .container > ul > li:hover > a{border-bottom-color: #ed2d2d; color: #ed2d2d;position: relative; }



.ct-footer{margin:100px 0 0 0; box-sizing: border-box;}
.ct-footer .container{padding: 60px 0px !important; border-top: 1px solid #d6d6d6; width: 950px !important;}
.ct-footer .column{ display: inline-block; width: 234px; vertical-align: top;}
.ct-footer .logo{ float:left; width: 150px; font-family: "HeuristicaBold"; text-decoration: none;}
.ct-footer .logo p {    font-size: 24px;font-weight: bold;color: #497a38;line-height: 26px;}
.ct-footer .logo:hover{text-decoration: none;}
.ct-footer button{margin:15px 0 30px -15px; width: 178px; width:180px; height:40px; }
.ct-footer p{font-size: 14px; color: #7f7f7f;}
.ct-footer .dev{margin:80px 0 0 0;}
.ct-footer .dev a{width:143px; height:20px; display: block; background: url(../img/reload.png) no-repeat; margin:10px 0 0 0;}
.ct-footer span{display: block; font-size: 18px; font-family: "HeuristicaBold"; font-weight: bold;}
.ct-footer ul{margin:0 0 20px 0;}
.ct-footer li{margin:10px 0 0 0;}
.ct-footer li a{border-bottom: 1px solid #b0d0e5; padding:0 0 1px 0;}
.ct-footer p.last{margin:50px 0 0 0;}


.separator{background-color: #cecece; width:100%; height:1px; margin:30px 0 0 0; }

.pop-menu.show-mobile{display: none;}
.pop-menu{position: absolute; top: 0; left: 0; right: 0;   z-index: 25; padding-bottom: 0px; box-shadow: 0 10px 20px 0 rgba(0,0,0, 0.15); background-color: white; box-sizing: border-box;}
.pop-menu .logo{margin:25px 0 28px 0;}
.pop-menu > .mob-container{background:  url(../img/calc.png) right 108% no-repeat; background-size:  110px 130px; }
.pop-menu > .mob-container:last-of-type{padding-bottom: 40px;}
.pop-menu .green-close{right: 0;}
.pop-menu .phone-block{clear:both; background-color: #fff3ed; padding: 20px 0px; }
.pop-menu .phone-block a{font-size: 30px; color: black;}
.pop-menu .phone-block p{font-size: 15px;}
.pop-menu .phone-block button{width: 100%; margin:15px 0 0 0;}
.pop-menu .mob-container > ul{margin:40px 0 20px 0;}
.pop-menu .mob-container > ul > li{margin:20px 0 0 0;}
.pop-menu .mob-container > ul > li > a{font-family: "HeuristicaBold"; font-weight: bold; font-size: 20px; }
.pop-menu ul .sub-menu li a{border-bottom: 1px solid #b0d0e5;font-size: 16px;}
.pop-menu ul .sub-menu li a:hover{border-bottom-color: #ed2d2d;text-decoration: none; color: #ed2d2d;}
.pop-menu ul .sub-menu li{display: inline-block; margin:5px 10px 0 0;}
.pop-menu ul .sub-menu li a{}
.pop-menu .link-calc{font-family: "HeuristicaBold"; font-weight: bold; font-size: 20px; margin:25px 30px 0px 0;}



.pop-call-back{width:620px; height:400px; margin:-200px 0 0 -310px; background-color: #f5f5f5; padding: 25px 30px 20px 30px; box-shadow: 20px 20px 40px 0 rgba(0,0,0, 0.35);border-radius: 5px; text-align: left;}
.pop-call-back:after{width: 100%; height: 120px; position: absolute; left: 0; bottom: 0; content: ''; background-color: #e9e8e8; z-index: -1;}
.pop-call-back .title{font-size: 36px; line-height: 36px;}
.pop-call-back form{}
.pop-call-back input{margin: 5px 0; padding: 0 15px;  box-sizing: border-box;}
.pop-call-back .input-field span{font-size: 13px; font-weight: bold; display: block; margin:20px 0 0 0;}
.pop-call-back p{font-size: 13px; margin:0 0 40px 0;}
.pop-call-back button{width: 257px;display: inline-block; vertical-align: middle; margin-right: 20px;}
.pop-call-back .hint{display: inline-block; vertical-align: middle; width: 220px;}
.pop-call-back .hint a{    border-bottom: 1px solid #b0d0e5;}

.main-screen .left a.show-modal.show-mobile{display: none;}












.md-overlay{width:100%;  background-color: rgba(0,0,0, 0.8);background-size: cover; position: fixed; left: 0; top: 0; z-index: 100; height: 100%;visibility: hidden; /*cursor: url(../img/close.png), pointer;*/}
.md-show{visibility: visible !important;}
.md-show ~ .md-overlay {
opacity: 1;
visibility: visible;
}


.pop-up.md-show {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
opacity: 1;
}

a.close{width:34px; height:34px; background: url(../img/close.png) no-repeat; position: absolute; right: 40px; top: 25px;}
a.close:hover{opacity: 0.95;    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);}

.pop-up{position: fixed; z-index: 101;  visibility: hidden;
-webkit-transform: translateY(-30%);
-moz-transform: translateY(-30%);
-ms-transform: translateY(-30%);
transform: translateY(-30%);
opacity: 0;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
    left: 50%;
    top: 50%; text-align: center; background-color: white;}


.pop-order{width:1020px; height:560px; margin:-280px 0 0 -510px; background-color: #f5f5f5; padding: 15px 40px 40px 40px; box-shadow: 20px 20px 40px 0 rgba(0,0,0, 0.35); text-align: left !important; border-radius: 5px;}
.pop-order .title{font-family: "HeuristicaBold"; font-weight: bold; font-size: 32px; border-bottom: 1px solid #c4c4c4; padding-bottom: 10px; margin:0 0 30px 0;}
.pop-order .title span{color: #539238;}
.pop-order .close{opacity: 0.9;}
.pop-order .left{width: 550px; float:left;  }
.pop-order .right{width: 260px; float:right; }
.pop-order form{}
.pop-order .card{}
.card img{border-radius: 10px; box-shadow: 10px 10px 20px 0 rgba(0,0,0, 0.15); margin:0 0 10px 0; }
.pop-order .card p{font-size: 13px;}
.pop-order .confidence{ font-size: 17px;   padding: 94px 0 0 0px;}



input::-webkit-input-placeholder, 
textarea::-webkit-input-placeholder {
  color: #9b9b9b;
    -webkit-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out
}
input:-moz-placeholder,
input::-moz-placeholder,
textarea:-moz-placeholder,
textarea::-moz-placeholder {
    transition: all .1s ease-in-out
}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    transition: all .1s ease-in-out
}
input:focus::-webkit-input-placeholder {
    font-size: 10px;
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
    visibility: visible !important;
}
textarea:focus::-webkit-input-placeholder {
    font-size: 10px;
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
    visibility: visible !important;
}


@media (max-width: 768px) {
  .mob-container{width: 270px; margin: 0 auto; position: relative;}
  div[class^='ct-'] .container{width: 320px !important; padding: 0 25px !important; }  
  .page-overflow{ min-width: auto; }
  .ct-menu{display: none;}
  .show-mobile{display: inline-block;}
  .hide-mobile{display: none;}
  .ct-top-panel{display: none !important;}

  

  .ct-header{padding-top: 0;}
  .ct-header .logo{font-size: 24px; padding:25px 0 0 20px;}
  .ct-header .caption{display: none;}
  .ct-header .call-back{display: none;}
  .ct-header .phone{display: none;}
  .mob-menu{float:left; width:100px; height:90px; background: url(../img/mob-menu.png) no-repeat; padding-top: 40px; text-align: center; cursor: pointer; box-shadow: 0 5px 20px 0 rgba(242,128,70, 0.4); box-sizing: border-box;}
  .mob-menu p{font-size: 18px; color: white; text-transform: uppercase;}

   div.ct-footer .container{width: 270px !important; padding: 40px  0 !important; /*margin: 0 25px;*/}
  /*.ct-footer{margin-top: 40px;}*/
  .ct-footer .column{width: 100%;}
  .ct-footer button, .ct-footer .logo{width: 100%;}
  .ct-footer button{margin-left: 0; height: 60px; border-radius: 30px;}
  .ct-footer .logo{text-align: center;}
  .ct-footer .dev{margin: 40px 0;}
  .ct-footer li{display: inline-block; margin-right: 15px;}

  .pop-call-back{width: 100%; margin:0 0 0 0px; top: 0; left: 0; border-radius: 0; height: auto; padding: 25px 0px 20px 0px; position: absolute; text-align: left;  }
    .pop-call-back .green-close{top: -30px; right: 0;}
  .pop-call-back .title{font-size: 26px; width: 150px; }
  .pop-call-back button{margin:10px 0 20px 0;}
  .pop-call-back:after{height: 190px;}
  .pop-call-back .hint{width: 100%;}
  .pop-call-back .hint span{display: inline;}
  .pop-call-back label.error{display: none !important;}

  .pop-video{width: 100%; margin:0 0 0 0px; top: 0; left: 0; border-radius: 0; height: auto; padding: 0; position: absolute;}
  .pop-video .show-mobile{margin:4px 0 0 -15px;}
  .pop-video .close{top: 0; right: 0;}

  .container{       width: 320px !important;
    padding: 0 25px !important;}

  .main-screen{padding-top: 40px; padding-bottom: 40px;}
  .main-screen .left{margin-top: 0; width: 100%; margin-left: 0; padding: 10px 20px;  margin-bottom: 30px}
  .main-screen .left .caption{font-size: 20px;  line-height: 25px;}
  .main-screen .left .go-test{display: block; margin:0;}
  .main-screen .left button{width: 100%;  }
  .main-screen .left a.show-modal{margin:20px 0 20px 20px;}
  .main-screen .cicle{float: none; margin-right: 0; margin: 0 auto;}

  .right-wrap{display: none;}
  .ct-footer .container{border-top: 0;}
  .ct-footer{    border-top: 1px solid #d6d6d6; background-color: white;}
  .left-wrap{width: 100%;}
  .question ul.two-columns li{width: 100%;}
  .question .name{font-size: 27px;}
  .question{height: auto;}
  .prev-question{margin-left: 58px;}
  .test-inprocess button{margin: 20px 0 20px 0;}

  .contacts form{width: 100%;}
  .contacts form label.error{display: none !important;}
  .contacts form button{width: 100%;}
  .video{width: 100%; height: auto; background-color: transparent;}
  .video-top .title{font-size: 32px;}
  .video-form button{width: 100%;}
  .video-form{height: auto;}

  .footer{margin-top: 50px; padding-bottom: 10px;}

  .calculation .title{font-size: 30px; }

  .calculation .description{width: 100%;}

  .calculation .description li{margin-left: 0;}
  .typical-projects{float: left; margin:60px 0 30px 0;}

  .calculation button{width: 100%;}
  .calculation .pdf-hint{display: block; text-align: center; margin:7px 0 0 0;}

  .main-screen .left a.show-modal.hide-mobile{display: none;}

 }


@media (max-width: 1000px) {
  .ct-header .caption{display: none;}
}