@import url(animate.css);
@import url(jquery.fancybox.min.css);
@import url(slick.min.css);
@import url('https://use.fontawesome.com/releases/v5.8.2/css/all.css');
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video{margin:0;padding:0;border:0;font:inherit;font-size:100%;vertical-align:baseline;}
html{line-height:1;}
ol, ul{list-style:none;}
table{border-collapse:collapse;border-spacing:0;}
caption, th, td{text-align:left;font-weight:normal;vertical-align:middle;}
q, blockquote{quotes:none;}
q:before, q:after, blockquote:before, blockquote:after{content:"";content:none;}
a img{border:none;}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary{display:block;}
*,button:focus{outline:0 !important;}
textarea,
input[type="text"],
input[type="button"],
input[type="submit"]{-webkit-appearance:none;border-radius:0;}
[class^="col-"], [class*="col-"]{height:100%;}
a{text-decoration:none;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
.wrap{min-height:1000px;}
b{font:800 16px/1.5em 'Gilroy';}
html,body{font:300 18px/1.3em 'Gilroy';color:#4F535F;min-height:50vw;height:100%;}
input:not([type="submit"]),
textarea{font:300 18px/1.3em 'Gilroy';background:transparent;border-left:0;border-right:0;border-top:0;border-bottom:1px solid #C5C5C5;padding-bottom: 15px;padding-top: 20px;}
button,
input[type="submit"]{background:transparent;font:500 18px/1.3em 'Gilroy';color:#0D51FF;border:2px solid #0D51FF;border-radius:40px;cursor:pointer;padding:20px 0;}
input:required:valid{border-color:#C5C5C5;}
input:required:invalid:not(:placeholder-shown){border-color:#C5C5C5;}
input:invalid,textarea:invalid{box-shadow:none;}
input:-moz-submit-invalid,textarea:-moz-submit-invalid{box-shadow:none;}
input:-moz-ui-invalid,textarea:-moz-ui-invalid{box-shadow:none;}
.col-1{width:8.33333333%;float:left;}
.col-2{width:16.66666667%;float:left;}
.col-3{width:25%;float:left;}
.col-4{width:33.33333333%;float:left;}
.col-5{width:41.66666667%;float:left;}
.col-6{width:50%;float:left;}
.col-7{width:58.33333333%;float:left;}
.col-8{width:66.66666667%;float:left;}
.col-9{width:75%;float:left;}
.col-12{width:100%;float:left;}
.line-through {text-decoration: line-through;}
  .call-to-action-section {
  	display: none !important;
  }
@font-face{font-family:'Gilroy';src:url('../fonts/Gilroy-Black.eot');src:url('../fonts/Gilroy-Black.eot?#iefix') format('embedded-opentype'),
url('../fonts/Gilroy-Black.woff2') format('woff2'),
url('../fonts/Gilroy-Black.woff') format('woff'),
url('../fonts/Gilroy-Black.ttf') format('truetype');font-weight:900;font-style:normal;}
@font-face{font-family:'Gilroy';src:url('../fonts/Gilroy-Light.eot');src:url('../fonts/Gilroy-Light.eot?#iefix') format('embedded-opentype'),
url('../fonts/Gilroy-Light.woff2') format('woff2'),
url('../fonts/Gilroy-Light.woff') format('woff'),
url('../fonts/Gilroy-Light.ttf') format('truetype');font-weight:300;font-style:normal;}
@font-face{font-family:'Gilroy';src:url('../fonts/Gilroy-Medium.eot');src:url('../fonts/Gilroy-Medium.eot?#iefix') format('embedded-opentype'),
url('../fonts/Gilroy-Medium.woff2') format('woff2'),
url('../fonts/Gilroy-Medium.woff') format('woff'),
url('../fonts/Gilroy-Medium.ttf') format('truetype');font-weight:500;font-style:normal;}
@font-face{font-family:'Gilroy';src:url('../fonts/Gilroy-Regular.eot');src:url('../fonts/Gilroy-Regular.eot?#iefix') format('embedded-opentype'),
url('../fonts/Gilroy-Regular.woff2') format('woff2'),
url('../fonts/Gilroy-Regular.woff') format('woff'),
url('../fonts/Gilroy-Regular.ttf') format('truetype');font-weight:400;font-style:normal;}
@font-face{font-family:'Gilroy';src:url('../fonts/Gilroy-Bold.eot');src:url('../fonts/Gilroy-Bold.eot?#iefix') format('embedded-opentype'),
url('../fonts/Gilroy-Bold.woff2') format('woff2'),
url('../fonts/Gilroy-Bold.woff') format('woff'),
url('../fonts/Gilroy-Bold.ttf') format('truetype');font-weight:800;font-style:normal;}
@font-face{font-family:'Gilroy';src:url('../fonts/Gilroy-Thin.eot');src:url('../fonts/Gilroy-Thin.eot?#iefix') format('embedded-opentype'),
url('../fonts/Gilroy-Thin.woff2') format('woff2'),
url('../fonts/Gilroy-Thin.woff') format('woff'),
url('../fonts/Gilroy-Thin.ttf') format('truetype');font-weight:100;font-style:normal;}
@font-face{font-family:'icomoon';src:url('../fonts/icomoon.eot?u8je8l');src:url('../fonts/icomoon.eot?u8je8l#iefix') format('embedded-opentype'),
url('../fonts/icomoon.ttf?u8je8l') format('truetype'),
url('../fonts/icomoon.woff?u8je8l') format('woff'),
url('../fonts/icomoon.svg?u8je8l#icomoon') format('svg');font-weight:normal;font-style:normal;}
[class^="icon-"], [class*=" icon-"]{font-family:'icomoon' !important;speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
.arrow-down-button {display: none !important;}
.icon-at:before{content:"\e901";color:#a7a7a7;}
.icon-balloons:before{content:"\e903";color:#3486ff;}
.icon-checkmark:before{content:"\e904";color:#0d51ff;}
.icon-drone:before{content:"\e905";color:#3486ff;}
.icon-rocket-launch:before{content:"\e907";color:#3486ff;}
.icon-ruble:before{content:"\e908";color:#99a7cb;}
.icon-telegram-lg:before{content:"\e909";color:#3486ff;}
.icon-telegram:before{content:"\e90a";color:#a7a7a7;}
.icon-vk:before{content:"\e90b";color:#a7a7a7;}
.icon-whatsapp-logo:before{content:"\e90c";color:#a7a7a7;}
.icon-next:before{content:"\e906";color:#e9e9e9;}
.icon-back:before{content:"\e902";color:#e9e9e9;}
.icon-down-arrow:before{content:"\e900";color:#48a0dc;}
.f-left{float:left;}
.f-right{float:right;}
.t-center{text-align:center;}
.container{width:90%;height:100%;margin:auto;}
.section:before,
.section:after,
.container:after,
.container:before{content:'';display:table;clear:both;}
#header{position:relative;width:100%;height:auto;}
.float-header{position:fixed;}
.top-section{position:relative;z-index:99;margin:3vw 0 0;min-height:135px;}
.d-iblock{display:inline-block;vertical-align:middle;}
.body-overflow{overflow:hidden;}
#open-menu{width:45px;height:35px;position:relative;margin:50px auto;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:.5s ease-in-out;-moz-transition:.5s ease-in-out;-o-transition:.5s ease-in-out;transition:.5s ease-in-out;cursor:pointer;}
#open-menu span{display:block;position:absolute;height:5px;width:100%;background:#676F8A;border-radius:9px;opacity:1;top:14px;left:0;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:.25s ease-in-out;-moz-transition:.25s ease-in-out;-o-transition:.25s ease-in-out;transition:.25s ease-in-out;}
#open-menu span:nth-child(1){top:0px;}
#open-menu span:nth-child(2),#nav-icon3 span:nth-child(3){top:14px;}
#open-menu span:nth-child(4){top:28px;}
#open-menu.open span:nth-child(1){top:10px;width:0%;left:50%;}
#open-menu.open span:nth-child(2){-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);}
#open-menu.open span:nth-child(3){-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);}
#open-menu.open span:nth-child(4){top:18px;width:0%;left:50%;}
.bar{display:block;height:5px;background:#676F8A;margin:4px 0;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
.bar-icon{width:45px;}
.top-bar,
.bottom-bar{width:30px;}
.middle-bar{width:40px;}
.logotype{margin-left:25px;}
#open-menu span:nth-child(1),
#open-menu span:nth-child(4){width:35px;}
#open-menu:hover span{width:45px;}
.bar-icon:hover .middle-bar{width:45px;}
.logotype-icon{display:block;width:59px;height:66px;background:url(../images/geek-logo.png) no-repeat;}
.introduce-section{margin-top:75px;}
.introduce-title{font:900 78px/1em 'Gilroy';color:#0D51FF;margin-bottom:15px;}
.introduce-section-inner{max-width: 890px;}
.introduce-caption{font-size:30px;line-height:1.5em;color:#A4AABC;}
.layer img{width:100%;}
#scene{position:absolute;top:0;left:0;right:0;width:100%;height:100%;}
.rw-wrapper{width:80%;position:relative;margin-top:30px; margin-bottom:50px;}
.rw-sentence{margin:0;font-weight:500;text-align:left;}
.rw-sentence span{color:#000;}
.rw-words{display:inline;text-indent:10px;}
.rw-words-1 span{position:absolute;opacity:0;overflow:hidden;color:#0D51FF;-webkit-animation:rotateWord 18s linear infinite 0s;-ms-animation:rotateWord 18s linear infinite 0s;animation:rotateWord 18s linear infinite 0s;width:350px;font-weight:bold;}
.rw-words-1 span:nth-child(2){-webkit-animation-delay:3s;-ms-animation-delay:3s;animation-delay:3s;}
.rw-words-1 span:nth-child(3){-webkit-animation-delay:6s;-ms-animation-delay:6s;animation-delay:6s;}
.rw-words-1 span:nth-child(4){-webkit-animation-delay:9s;-ms-animation-delay:9s;animation-delay:9s;}
.rw-words-1 span:nth-child(5){-webkit-animation-delay:12s;-ms-animation-delay:12s;animation-delay:12s;}
.rw-words-1 span:nth-child(6){-webkit-animation-delay:15s;-ms-animation-delay:15s;animation-delay:15s;}
@-webkit-keyframes rotateWord{0%{opacity:0;}
2%{opacity:0;-webkit-transform:translateY(-30px);}
5%{opacity:1;-webkit-transform:translateY(0px);}
17%{opacity:1;-webkit-transform:translateY(0px);}
20%{opacity:0;-webkit-transform:translateY(30px);}
80%{opacity:0;}
100%{opacity:0;}
}
@-ms-keyframes rotateWord{0%{opacity:0;}
2%{opacity:0;-ms-transform:translateY(-30px);}
5%{opacity:1;-ms-transform:translateY(0px);}
17%{opacity:1;-ms-transform:translateY(0px);}
20%{opacity:0;-ms-transform:translateY(30px);}
80%{opacity:0;}
100%{opacity:0;}
}
@keyframes rotateWord{0%{opacity:0;}
2%{opacity:0;-webkit-transform:translateY(-30px);transform:translateY(-30px);}
5%{opacity:1;-webkit-transform:translateY(0px);transform:translateY(0px);}
17%{opacity:1;-webkit-transform:translateY(0px);transform:translateY(0px);}
20%{opacity:0;-webkit-transform:translateY(30px);transform:translateY(30px);}
80%{opacity:0;}
100%{opacity:0;}
}
.builder-calc-icon {
	position: relative;
}
.builder-calc-icon {
	width: 100%;
}
.modal-wb {
	position: absolute !important;
	top: -5px;
	right: -5px;
	cursor: pointer;
}
.animated {
/*CSS transitions*/
-o-transition-property: none !important;
-moz-transition-property: none !important;
-ms-transition-property: none !important;
-webkit-transition-property: none !important;
transition-property: none !important;
/*CSS transforms*/
/*CSS animations*/
-webkit-animation: none !important;
-moz-animation: none !important;
-o-animation: none !important;
-ms-animation: none !important;
animation: none !important;
visibility: visible !important; opacity: 1 !important;}
.wow{visibility:hidden;}
.section{margin-bottom:0;}
.section:after{content:'';display:table;clear:both;}
.v-middle-wrap{display:table;width:100%;height:100%;}
.v-middle-inner{display:table-cell;vertical-align:middle;}
.img-center{text-align:center;}
.section_title{font:900 4vw/1em 'Gilroy';color:#0D51FF;}
.section_text{font:400 20px/1.5em 'Gilroy';color:#8D8D8D;margin:25px 0;}
.section-text-inner{width:100%;max-width:80%;}
@-webkit-keyframes fadeInRight{from{opacity:0;-webkit-transform:translate3d(20%, 0, 0);transform:translate3d(20%, 0, 0);}
to{opacity:1;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);}
}
@keyframes fadeInRight{from{opacity:0;-webkit-transform:translate3d(20%, 0, 0);transform:translate3d(20%, 0, 0);}
to{opacity:1;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);}
}
.exp-image{width:100%;}
.horizontal-overflow{position:relative;overflow:hidden;}
.push-left{margin-left:10%;}
.support-image{width:60%;}
.rocket-image{background:url(../images/svg-images/rocket.svg) 100% center no-repeat; background-size: 50%;}
.md-title{font-size:52px;}
.advantage-list-section,
.advantage-section{height:100%;}
.advantage-list li{font:400 16px/1.5em 'Gilroy';color: #595959;margin:20px 0;}
.advantage-list li b{font-size:18px;color:#0D51FF;}
.advantage-list li{position:relative; background: #fff; box-shadow: 10px 10px 10px rgba(0,0,0, 0.05); -webkit-box-shadow: 10px 10px 10px rgba(0,0,0, 0.05); -o-box-shadow: 10px 10px 10px rgba(0,0,0, 0.05); -moz-box-shadow: 10px 10px 10px rgba(0,0,0, 0.05); padding: 25px 40px;} 
/* .advantage-list li:before{position:absolute;top:12px;left:0;font-family:'icomoon' !important;content:"\e904";color:#0d51ff;display:inline-block;vertical-align:middle;} */
.advantage-list li:first-child {border-left: 3px solid #0d51ff;}
.advantage-list li:nth-child(2n) {border-left: 3px solid #ffd475;}
.advantage-list li:nth-child(3n) {border-left: 3px solid #84b4fe;}
.section-head{font:900 60px/1.5em 'Gilroy';text-align:center;color:#0D51FF;margin:100px 0 50px;}
.button.consult-btn {padding: 25px 67px; border-width: 2px; font-weight: 500;}
.button.consult-btn:hover {background: #0D51FF; border-color: #0D51FF; color: #ffffff; }
.plan-row{max-width:1270px;margin-left:auto;margin-right:auto;}
.plan-special{position: absolute; top: 0; left: 0; right: 0; border-radius: 10px 10px 0 0; background:#0D51FF;color: #ffffff;padding: 8px 0;}
.plan-row:after{content:'';display:table;clear:both;}
.plan-col{width:33.333333%;float:left;padding-left:15px;padding-right:15px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;}
.plan-block,.plan-block_list{-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
.plan-block{position:relative;width:100%;border:1px solid #B4D2FF;border-radius:10px;text-align:center;padding:65px 0;}
.plan-block:hover{border-color:#3486FF;}
.plan-block:hover .plan-block_list{border-color:#3486FF;}
.plan-block .button {border: 3px solid #3486FF; color: #3486FF; font-weight: 500;}
.plan-block .button:hover {border-color: #0D51FF; color: #0D51FF; }
.plan-block_icon i{font-size:80px;}
.plan-block_name{font-size:29px;color:#8EA3C1;margin:40px 0 20px;}
.plan-block_price{display:inline-block;position:relative;font:900 55px/1.5em 'Gilroy';color:#0D51FF;}
.plan-block_price:after{font-family:'icomoon' !important;content:"\e908";color:#0d51ff;font-size:23px;position:absolute;top:5px;right:-22px;}
.plan-block_list{padding:15px 0;border-top:1px solid #B4D2FF;}
.plan-block_list ul li{font-size:17px;margin-top:25px;color:#557AD8;font-weight: 400;}
.plan-block_order{margin-top:25px;}
.button{padding:15px 60px;border-radius:10px;display:inline-block;color:#8EA3C1;border:1px solid #E2E2E2;}
.button:hover{color:#3486FF;border-color:#3486FF;}
.plan-block_icon i{-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
.plan-block:hover i{-webkit-animation-name:animatedhover;animation-name:animatedhover;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-fill-mode:both;animation-fill-mode:both;}
@-webkit-keyframes animatedhover{0%{position:relative;top:-15px;}
50%{position:relative;top:0;}
100%{position:relative;top:-15px;}
}
@-moz-keyframes animatedhover{0%{position:relative;top:-15px;}
50%{position:relative;top:0;}
100%{position:relative;top:-15px;}
}
@-o-keyframes animatedhover{0%{position:relative;top:-15px;}
50%{position:relative;top:0;}
100%{position:relative;top:-15px;}
}
@keyframes animatedhover{0%{position:relative;top:0px;}
50%{position:relative;top:-15px;}
100%{position:relative;top:0;}
}
.section-head-caption{font-size:30px;color:#6F7791;font-weight:300;}
.portfolio-container{width:100%;max-width:1600px;margin:0 auto 0;text-align:center;}
.work-item{display:none;}
.portfolio-section,.portfolio_work-block{width:100%;max-width:550px;margin:60px 2.8vw;text-align:center;vertical-align:top;}
.portfolio_work-block-image{display:inline-block;-webkit-transition:all 750ms;-moz-transition:all 750ms;-ms-transition:all 750ms;-o-transition:all 750ms;transition:all 750ms;}
.portfolio_work-block-image-wrap{width:100%;max-width:550px;}
.portfolio_work-block:hover .portfolio_work-block-image{-webkit-transform:scale(0.97);-moz-transform:scale(0.97);-ms-transform:scale(0.97);-o-transform:scale(0.97);transform:scale(0.97);}
.portfolio_work-block-image img{width:100%;height:100%;border-radius: 20px;}
.portfolio_work-block-name{font:900 40px/1.5em 'Gilroy';color:#0D51FF;margin:25px 0;}
.portfolio_work-block-description{font-size:20px;color:#000;}
.push-top{margin-top:110px;}
.feedback-slider{text-align:center;}
.feedback-user-avatar{display:inline-block;width:115px;height:115px;margin:60px 0 30px;}
.feedback-user-avatar img{width:100%;height:96%;border-radius:100%;}
.feedback-slider{width:100%;max-width:1000px;margin:auto;}
.feedback-slider-inner{}
.feedback-user-message{font:500 24px/1.5em 'Gilroy';}
.feedback-user-name{font:800 33px/1.5em 'Gilroy';color:#343434;}
.slick-dots li{display:inline-block;margin:0 10px;}
.slick-dots li button{width:15px;height:15px;border:0;font-size:0;background:rgb(34, 34, 34, 0.40);border-radius:100%;cursor:pointer;padding:0 !important;}
.slick-dots li.slick-active button{background:#222222;}
.slick-dots li:hover button{background:rgb(34, 34, 34, 0.60);}
.slick-arrow{position:absolute;height:60px;top:0;bottom:0;z-index:9999;margin:auto;font-size:0;border:0;background:transparent;cursor:pointer;}
.slick-arrow:before{font-family:'icomoon' !important;font-size:45px;color:#D4D4D4;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
.slick-arrow:hover:before{color:#B1B1B1;}
.slick-next{left:-80px;}
.slick-next:before{content:"\e902";}
.slick-prev{right:-80px;}
.slick-prev:before{content:"\e906";}
.plan-timeline{margin-top:100px;margin-bottom:100px;position:relative;overflow:hidden;}
.plan-timeline:before{content:'';position:absolute;top:35px;left:0;right:0;margin:auto;height:90%;width:3px;background:rgba(13, 81, 255,0.42);}
.plan-timeline .plan-timeline-element:first-child{padding-top:2px;}
.plan-timeline .plan-timeline-element:last-child{padding-bottom:0;}
.plan-timeline-element{width:100%;padding:60px 0;}
.plan-timeline-element:after{content:'';display:table;clear:both;}
.plan-timeline-inner{position:relative;width:50%;}
.plan-timeline-num{position:absolute;top:0;bottom:0;margin:auto;width:77px;height:77px;background:#0D51FF;border-radius:100%;text-align:center;font:800 50px/77px 'Gilroy';color:#ffffff;}
.plan-timeline-left .plan-timeline-inner{float:left;text-align:right;}
.plan-timeline-left .plan-timeline-content{padding-right:70px;}
.plan-timeline-left .plan-timeline-num{right:-38px;}
.plan-timeline-right .plan-timeline-inner{float:right;text-align:left;}
.plan-timeline-right .plan-timeline-content{padding-left:70px;}
.plan-timeline-right .plan-timeline-num{left:-38px;}
.plan-timeline-content{padding-left:50px;}
.plan-timeline-title{font:800 30px/1.7em 'Gilroy';color:#0D51FF;}
.plan-timeline-content{font-size:21px;}
.contact-form-col{max-width:50%;float:right;}
.contact-section{height:100%;}
.moving-hand-bg{-webkit-animation:moving-hand 1.7s;-moz-animation:moving-hand 1.7s;-o-animation:moving-hand 1.7s;animation:moving-hand 1.7s;animation-iteration-count:1;}
.phone-hand-object{content:'';display:block;position:absolute;top:-40%;bottom:0;margin:auto;left:-1300px;width:1145px;height:670px;background:url(../images/phone-hand.png) center no-repeat;}
.contact-form .social-links{text-align:center;}
.contact-form{position:relative;max-width:500px;margin:auto;}
.contact-form input{width:100%;}
.input-element{position: relative; margin-bottom:25px;}
.input-element .button{width:100%;position:relative;color:#0D51FF;padding:20px 0;border:0;}
.modal-success{overflow:initial;max-width:360px;padding:60px 15px 25px 15px;text-align:center;display:inline-block !important;}
.modal-success .fancybox-close-small{display:none !important;}
.modal-success:before{content:'';position:absolute;top:-50px;left:0;right:0;margin:auto;display:block;width:100px;height:100px;line-height:100px;font-size:50px;border-radius:100%;background:url(../images/checkmark-icon.png) center no-repeat #82ce34;color:#ffffff;}
.modal-text{padding:15px 0 0;}
.contact-modal.modal-success-status{background:url(../images/smartphone-hand-success.png) -15% bottom no-repeat #ffffff;}
.modal-title{font-size:33px;color:#636363;}
.modal .input-element .button:before{z-index:0;}
.input-element .button:before{content:'';position:absolute;left:0;top:0;z-index:-1;width:100%;height:100%;background:transparent;border:2px solid #0D51FF;border-radius:50px;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
.input-element .button:hover{color:#ffffff;border-color:transparent;}
.input-element .button:hover:before{color:#ffffff;background:#0D51FF;}
.input-element .button span{position:relative;z-index:1;}
.contact-form-col .section-head{font-size: 40px; margin-top:0;}
.footer-col{width:33.333333%;float:left;}
.center-content{text-align:center;}
footer{margin-top:50px;line-height:80px;}
.social-links{text-align:right;}
.social-links li{display:inline-block;margin-left:10px;}
.social-links li a{font-size:25px;}
.icon-at:hover:before{color:#f14336;}
.icon-vk:hover:before{color:#4872a3;}
.icon-telegram:hover:before{color:#2ca5e0;}
.icon-at-cl:before{color:#f14336;}
.icon-vk-cl:before{color:#4872a3;}
.icon-telegram-cl:before{color:#2ca5e0;}
.modal{display:none;}
.modal .section-head{margin-top:100px;}
.contact-modal{width:1170px;height:680px;border-radius:35px;background:url(../images/smartphone-hand.png) -15% bottom no-repeat #ffffff;}
.contact-modal .contact-form{width:450px;margin-right:40px;float:right;}
.contact-modal .contact-form .section-head{font-size:40px;text-align:left;line-height: 1em;}
.contact-modal .contact-form .section-head-caption{margin-top: 15px;font-size:18px;line-height:1em;text-align:left;line-height: 1.5em;}
.fancybox-close-small{margin-top:10px;margin-right:15px;}
.popup-menu-contact-block .social-links{margin-top:20px;}
.popup-menu.open-popup-menu{width:100%;}
.popup-menu{position:fixed;top:0;left:0;width:0;overflow:hidden;height:100%;background:#ffffff;z-index:99999;-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;-ms-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out;}
.popup-menu-navigation{padding-left:15%;}
.popup-menu-navigation li a{font:900 45px/1.5em 'Gilroy';color:rgb(79, 83, 95);}
.contact-link{font:900 25px/1.5em 'Gilroy';color:rgb(79, 83, 95);}
.popup-menu-navigation li a:hover,.contact-link:hover{color:#0D51FF;padding-left:10px;}
.popup-menu-contacts{position:absolute;top:0;right:0;width:370px;height:100%;background:rgb(250, 250, 250);padding-left:45px;}
.popup-menu-contact-block-title{font:800 20px/1.5em 'Gilroy';color:#0D51FF;letter-spacing:5px;margin-top:45px;margin-bottom:5px;}
.t-left{text-align:left;}
.top-section {position: relative; z-index:99999;}
.float-menu-button{position:fixed;right:5%;bottom: 40px;width:80px;height:80px;line-height:80px;border-radius:100%;background:rgb(13, 81, 255) none repeat scroll 0% 0%;cursor:pointer;z-index:999999;box-shadow:rgba(13, 81, 255, 0.5) 0px 5px 30px;text-align:center;}
.float-menu-button #open-menu{margin-top:0;margin-bottom:0;}
.float-menu-button #open-menu span{background:#ffffff;}
.float-menu-button .logotype{display:none;}
.show-more{width:100%;float:left;text-align:center;}
#loadMore{margin-top:55px;margin-bottom:0;}
.show-more .button{padding:25px 100px;}
.show-more .button:hover{background:#0D51FF;color:#ffffff;}
.blue-button{color:#3486FF;border-color:#3486FF;}
.section-image{width:85%;max-width:650px;}
.arrow-down-button{position:absolute;left:0;right:0;bottom:30px;margin:auto;display:block;width:64px;height:64px;line-height:90px;background:#0D51FF;border-radius:100%;text-align:center;border:1px solid #0D51FF;}
.arrow-down-button i:before{font-size:35px;color:#ffffff;}
.arrow-down-button:hover{background:transparent;border:1px solid #0D51FF;}
.arrow-down-button:hover i:before{color:#0D51FF;}
.img-responsive{width:100%;}
#scene img{width:100%;}
#feedback {padding: 90px 0;}
.phone_box {
    position: absolute;
    right: 100px;
    top: 0;
    display: none;
    bottom: 0;
    right: 0;
    margin: auto;
    height: 22px;
}
.btn-style-mq {
	padding: 24px 63px !important;
}
.w100 {
	width: 100% !important;
	max-width: 100% !important;
}
.marquiz__container {
	margin-top: 50px !important;
}
.phone_box a {
    font: 900 25px/1em 'Gilroy';
    color: #0D51FF;
}
.phone_box svg {
    vertical-align: bottom;
}
#hidden-content6 .plan-modal-content {
    padding-left: 120px;
}
#hidden-content6 .section-head, #hidden-content7 .section-head {
    font-size: 44px;
    line-height: 1.3em;
    margin-bottom: 25px;
}
#hidden-content6 {
    min-height: 430px;
    background: url(../images/visual_gif.gif) #ffffff left top no-repeat;
        background-size: auto;
    background-size: 685px 100%;
}
#hidden-content7 {
    min-height: 578px;
    background: url(../images/modal-banner-uniqe.jpg) #ffffff left top no-repeat;
        background-size: auto;
    background-size: 570px 100%;
}
#hidden-content6 .plan-modal__list, #hidden-content7 .plan-modal__list {
    display: none !important;
}
@media (min-width:1400px) and (max-width:1750px){
.introduce-title{font-size:85px;}
.introduce-caption{font-size:27px;}
#header .figures-canvas{width: 640px;}
#header .figure-element-pos-1 { top: 0px; left: 35%; }
#header .figure-element-pos-2 { top: 180px; left: 150px; }
}
@media (min-width:992px) and (max-width:1900px){.f-right .section-text-inner{padding-left:80px;}
}
@media (min-width:1170px) and (max-width:1400px){.popup-menu-navigation li a{font-size:37px;}
.introduce-section-inner{width:780px;}
.introduce-title{font-size:80px;}
.rw-sentence{font-size:27px;line-height:1.5em;}
.md-title{font-size:39px;}
.section-text-inner{max-width:80%;}
.rocket-image{background-position:right;}
.portfolio_work-block{margin:60px 3vw;max-width:400px;}
#header .figures-canvas{width: 300px;}
#header .figure-element-pos-1 { top: 0px; left: 5%; }
#header .figure-element-pos-2 { top: 160px; left: 0; display: none; }
#header .figure-element-pos-3 { top: 80px; right: 0; }
#header .figure-element-pos-4 { bottom: 100px; right: 0; }
}
@media (max-width: 1170px) {
	.figures-canvas {display: none;}
}
@media (min-width:992px) and (max-width:1170px){footer {margin-top: 200px;}.tech-support{background-size: 45%;}.introduce-section-inner{width:650px;}
.introduce-title{font-size:60px;}
.rw-sentence{font-size:23px;line-height:1.5em;}
.popup-menu-navigation li a{font-size:32px;}
.section-text-inner{max-width:80%;}
.section_text{font-size:18px;}
.plan-block_price{font-size:48px;}
.plan-block_name{font-size:25px;}
.plan-block_list ul li{font-size:15px;}
.advantage-list li,
.advantage-list li b{font-size:15px;}
.md-title{font-size:35px;}
.advantage-section{height:600px;}
.section-image{width:70%;}
.rocket-image{background-position: right;}
.contact-modal{background-position:-170px bottom;}
.phone-hand-object{left:-1230px;}
.portfolio_work-block{margin:60px 3vw;max-width:370px;}
.portfolio_work-block-name{font-size:35px;}
.portfolio_work-block-description{font-size:19px;}
.slick-prev{right:0;}
.slick-next{left:0;}
#scene{top:4vw;}
}
@media (min-width: 992px) {.float-menu-button{left: 5%;top: 40px;right:initial;bottom: initial;}.swipe-icon{display: none;} .swipe-icon:before{-webkit-animation: none !important; -moz-animation: none !important; -ms-animation: none !important; -o-animation: none !important; animation: none !important;}}
@media (max-width:992px){
#hidden-content6 .plan-modal-content,
#hidden-content7 .plan-modal-content {
	padding-left: 0;
	padding-right: 0;
}
.modal {
	height: auto;
	min-height: auto !important;
}
.wh-box-title {
	font-size: 40px !important;
}
.rubble-fz {
	font-size: 20px !important;
}
.section_title {
	text-align: center;
}
.floating_phone {
	top: auto;
	bottom: 0;
}
.floating_phone .phone-toggle-click {
	width: 70px;
	height: 70px;
}

.float-menu-button {
	display: none;
}

.floating_phone .phone-toggle-click .phone_icon {
	width: 32px;
	height: 32px;
}

.floating_phone {
	z-index: 999999 !important;
	height: 169px !important;
}

.phone-toggle-click:after,
.phone-toggle-click:before {
	top: -18px !important;
	left: -17px !important;
}

.partner-box-element img {width: 60%;}
.section.about-section {padding-top: 0;}
.section.about-section,
.section.about_section {position: relative; z-index: 999;}
.adv-md-class {margin-top: 70px; width: 100% !important;}
.rocket-image {background: none;}
#header{min-height:670px;overflow: initial; height: initial;}
.section{margin:50px 0;float:left;width:100%;}
.section_title{font-size:45px;}
.section-head{margin-top:0;}
.popup-menu-navigation{padding-top:50px;}
.advantage-section.section{margin-top:40px;padding-bottom:80px;}
.popup-menu-navigation li a,
.contact-link{font-size:24px;}
.popup-menu .v-middle-wrap{display:block;height:auto;}
.popup-menu .v-middle-inner{display:block;}
.popup-menu-contacts,
.popup-menu-navigation{padding-left:70px;}
.popup-menu-navigation{width:350px;}
.popup-menu-contacts{position:relative;width:100%;margin-top:10px;padding-top:1px;}
.popup-menu-contact-block-title{font-size:14px;margin-top:15px;}
.popup-menu-contact-block{width:210px;}
.popup-menu-contact-block .social-links{text-align:left;}
.social-links li a{font-size:20px;}
.body-overflow .top-section{width:30px;}
.body-overflow #sticky-nav{width:45px;height:45px;line-height:40px;}
.body-overflow #open-menu{width:27px;height:27px;}
.body-overflow #open-menu:hover span:nth-child(2),
.body-overflow #open-menu:hover span:nth-child(3){width:27px;}
.body-overflow #open-menu span{height:3px;}
.header-open .logotype{display:none;}
.advantage-section{text-align:center;}
.advantage-section .col-6{width:100%;height:auto;}
.section-text-inner{max-width:100%;}
.section-image{width:100%;max-width:400px;}
.v-middle-inner,
.v-middle-wrap,
.advantage-list-section,
.advantage-section{display:block;height:auto;}
.push-left{margin-left:0;}
.advantage-section{width:100%;float:left;}
.exp-image{width:80%;}
.section-image,
.support-image{width:75%;max-width:400px;}
.plan-col{position:relative;width:100%;max-width:500px;float:none;margin:0 auto 60px;display: block !important;}
.portfolio_work-block{width:100%;margin-top:100px;margin:60px 0;max-width:460px;}
.portfolio_work-block-name{font-size:32px;}
.portfolio_work-block-description{font-size:18px;}
.moving-hand-bg{background:transparent;-webkit-animation:none !important;-moz-animation:none !important;-o-animation:none !important;-ms-animation:none !important;animation:none !important;}
.contact-section{height:auto;}
.contact-form-col{width:100%;max-width:100%;}
.contact-form{width:90%;max-width:500px;}
.copyright{font-size:16px;}
.plan-block_name{font-size:24px;margin-top:30px;margin-bottom:15px;}
.plan-block_price{font-size:48px;}
.plan-block_list ul li{margin-top:15px;}
.md-hidden{display:none;}
.advantage-list-section .col-6{width:100%;}
.show-more{margin-bottom:50px;}
.contact-modal .contact-form{width:100%;margin:auto;float:none;}
.modal .contact-form .section-head{font-size:28px;line-height:1em;}
.modal .contact-form .section-head-caption{font-size:18px;line-height:1.3em;margin:10px 0 30px;}
.tech-list li,.modal .contact-form .section-head-caption{font-size: 16px;}
.contact-form .section-head,
.modal .section-head-caption{text-align:center !important;}
.modal .section-head-caption br{display:none;}
.contact-modal{background:#ffffff !important;}
.phone-hand-object{display:none;}
.slick-prev{right:0;}
.slick-next{left:0;}
.plan-modal-content {
	width: 100% !important;
	text-align: center;
	margin-right: auto !important;
	margin-left: auto !important;
}
.plan-modal-content .section-head {
	text-align: center !important;
}
.plan-modal__list .tech-list li {
	width: 100%;
	margin-left: 15px;
	margin-right: 15px;
}
.plan-modal__list .tech-list li span {
	display: inline-block;
}
.plan-modal {
	background: #ffffff !important;
	background-position: -14vw center !important;
}
.plan-modal__list .tech-list li {
	padding-left: 0;
}
}
@media (min-width:767px) and (max-width:992px){
.introduce-section-inner{width:650px;}
#header {
	padding-bottom: 150px;
}
.introduce-title{font-size:65px;}
.rw-sentence{font-size:20px;line-height:1.5em;}
.feedback-user-message{padding-left:35px;padding-right:35px;font-size:23px;}
.plan-timeline-text{font-size:17px;}
#scene{top:9vw;}
}
@media (min-width:480px) and (max-width:767px){
.section-list .section_title{font-size:30px;}
.introduce-section-inner{max-width:630px;width:90%;}
.introduce-title{font-size:45px;}
.button.consult-btn {padding: 20px 25px; font-size: 17px;}
.rw-sentence{font-size:18px;line-height:1.5em;}
.portfolio-section{width:100%;margin-top:0;}
.portfolio_work-block-name{font-size:35px;}
.section-head{font-size:44px;}
.section-head-caption{font-size:27px;}
.feedback-user-message{padding-left:35px;padding-right:35px;font-size:20px;}
.plan-timeline-title{font-size:26px;}
.plan-timeline-text{font-size:16px;}
.plan-timeline-text *{display:inline;}
.plan-timeline-content{padding-left:0;padding-top:15px;padding-bottom:15px;}
.footer-col{width:100%;text-align:center;}
.social-links{text-align:center;}
.social-links li{margin-left:10px;margin-right:10px;}
.rw-wrapper{max-width:360px;width:100%;}
.rw-words-1 span{width:205px;}
.copyright{display:none;}
footer img{margin-top:15px;margin-bottom:15px;vertical-align:middle;}
#scene{top:10vw;}.tab-nav li {margin: 10px 0 !important; width: 100%;}
.tab-nav li a {width: 100%;display: block;padding-left: 0;padding-right: 0;}
.wh-box-title {font-size: 45px !important;}
.wh-box-caption {font-size: 14px !important;padding-left: 10px;padding-right: 10px;}
}
@media (max-width:600px){
#scene{display:none;}
.adv-md-class {width: 100% !important;}
.advantage-list li {font-size: 15px;}
}
@media (max-width:480px){
body .section-head-caption {
	font-size: 15px;
	line-height: 1.5em;
}
.phone_box {
    top: 50px !important;
    bottom: initial !important;
}
.phone_box a {
    font-size: 16px !important;
}
.phone_box * {
    vertical-align: middle !important;
}
.phone_box svg {
    width: 20px;
    margin-right: 6px;
}
.logotype {
    margin-left: 5px;
}
.logotype .logotype-icon {
    width: 40px;
    height: 45px;
    background-size: cover;
}
.advantage-list li {font-size: 14px !important;}
.advantage-list li {padding-left: 25px;}
#header {min-height: auto; height: auto; margin-bottom: 25vh; }
.section-list .section_title{font-size:26px;}
.advantage-list li,
.advantage-list li b{font-size:15px;}
.introduce-section-inner{max-width:600px;width:90%;}
.introduce-title{font-size:30px;}
.rw-sentence{font-size:16px;line-height:1.5em;}
.rw-sentence br{display:none;}
.section-head{font-size:35px !important;}
.section-head-caption{font-size:22px;line-height:1.5em;}
.section_title{font-size:40px;}
.section_text{font-size:18px;}
.portfolio-section{width:100%;margin-top:0;}
.portfolio_work-block{width:90%;margin-top:0px;}
.portfolio_work-block-name{font-size:35px;}
.show-more .button{padding-left:50px;padding-right:50px;}
.feedback-user-avatar{width:125px;height:125px;}
.feedback-user-name{font-size:30px;}
.feedback-user-message{padding-left:20px;padding-right:20px;font-size:19px;}
.plan-timeline-element{margin-top:6%;margin-bottom:6%;padding-top:0;padding-bottom:0;}
.plan-timeline{padding-top:0;padding-bottom:0;}
.plan-timeline .plan-timeline-content{text-align:left;padding-left:100px;padding-right:0;}
.plan-timeline-left .plan-timeline-num{left:0;right:initial;}
.plan-timeline-right .plan-timeline-num{left:0;}
.plan-timeline-inner{width:100%;}
.plan-timeline-content{padding-left:0;padding-top:15px;padding-bottom:15px;}
.plan-timeline:before{display:none;}
.plan-timeline-title{font-size:24px;line-height: 1em;}
.plan-timeline-text{font-size:17px;}
.rw-wrapper{max-width:300px;width:100%;}
.rw-words-1 span{width:205px;}
.footer-col{width:100%;text-align:center;}
.social-links li{margin-left:10px;margin-right:10px;}
.social-links{text-align:center;}
.plan-block_list ul li{font-size:15px;}
.button.consult-btn {padding: 16px 22px; font-size: 15px;}
.tab-nav li {margin: 10px 0 !important; width: 100%;}.tab-nav li a {width: 100%;display: block;padding-left: 0;padding-right: 0;}
}
@media (min-width: 992px) and (max-height: 900px) {.introduce-title{font-size: 76px;}.introduce-section{margin-top: 15px;}.introduce-caption{font-size: 27px;}.button.consult-btn{padding: 26px 45px; font-size: 19px;}}
@media (min-width: 992px) and (max-height: 800px) {.introduce-section-inner{width: 845px;}.introduce-title{font-size: 68px;}.introduce-section{margin-top: 15px;}.introduce-caption{font-size: 22px;}.button.consult-btn{padding: 20px 35px; font-size: 16px;}}
@media (min-width: 992px) and (max-height: 750px) {.introduce-section-inner{width: 730px;}.introduce-title{font-size: 58px;}.introduce-section{margin-top: 15px;}.introduce-caption{font-size: 20px;}.button.consult-btn{padding: 20px 35px; font-size: 16px;}}
@media (max-height: 750px) {.introduce-section{margin-top: 25px;}}
@media (max-height: 690px) {.arrow-down-button{display: none;}}
@-webkit-keyframes swipe-anim {
  0%   { opacity: 0; }
  100% { opacity: 1; }
}
@-moz-keyframes swipe-anim {
  0%   { opacity: 0; }
  100% { opacity: 1; }
}
@-o-keyframes swipe-anim {
  0%   { opacity: 0; }
  100% { opacity: 1; }
}
@keyframes swipe-anim {
  0%   {margin-left: 0; }
  30%  {opacity: 1;}
  100% {margin-left: 100%; opacity: 0; }
}

#calculator {
	position: relative;
	z-index: 5;
}

.mg-top-20 {
	margin-top: 50px;
}

.section-head-caption {
	font-size: 20px;
	line-height: 30px;
}

.send__form {
	margin-top: 35px;
}

.phone-mask {
	text-align: center;
}

.swipe-icon {position:absolute;left:0;right:0;top:0;bottom:0;margin: auto;width: 100%;height:40px;padding:20px 0;z-index: 50;}
.swipe-icon:before {content: '';width: 40px;height: 40px;border-radius: 100%;display: block;background: url(../images/tap.svg) rgba(255,255,255,0.65) no-repeat;background-size: cover;  
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
  -webkit-animation: swipe-anim 2s infinite; /* Safari 4+ */
  -moz-animation:    swipe-anim 2s infinite; /* Fx 5+ */
  -o-animation:      swipe-anim 2s infinite; /* Opera 12+ */
  animation:         swipe-anim 2s infinite; /* IE 10+, Fx 29+ */}

  .tech-support {background: url(../images/headset.png) left center no-repeat #ffffff; background-size: 49%;}
  .tech-list li {
  	position: relative;
  	margin: 23px 0;
  	padding-left: 45px;
  	color: #557AD8;
  }
  .tech-list li span {
  	position: relative;
  	display: inline-block;
  }
  .tech-list li span:after {
  	content: '';
  	position: absolute;
  	top: 3px;
  	left: -28px;
  	width: 20px;
  	height: 20px;
  	background: url(../images/check_blue.svg);
  	background-size: cover;
  }
  .i-icon {
	display: block;
	width: 18px;
	height: 18px;
	line-height: 18px;
	font-size: 14px;
	border-radius: 100%;
	background: rgba(13, 81, 255,0.6);
	color: #ffffff;
	position: absolute;
	right: -20px;
	top: 2px;
  }
  .i-modal {
  	position: relative;
  	color: #557AD8;
  }

  .i-modal:hover .i-icon {
  	background: rgba(13, 81, 255,0.9);
  }

  .tab-nav {
  	text-align: center;
  	margin-bottom: 50px;
  }
  .tab-nav li {
  	display: inline-block;
  	margin: 0 15px;
  }
  .ui-tabs-active a {
  	color: #ffffff;
  	background: #0D51FF;
  	border-color: #0D51FF;
  }
  .plan-block_name-cl {
    font-size: 15px;
    margin-top: 10px;
  }

  .about-row {
  	margin-top: 100px;
  	margin-bottom: 100px;
  	display: flex;
  	flex-direction: row;
  	align-items: center;
  	justify-content: space-between;
  }

  .m-container {
  	max-width: 1200px;
  	margin: auto;
  }

  .about-element {
  	position: relative;
  	text-align: center;
  }

  .plus-button {
  	position: relative;
  	display: inline-block;
  	width: 65px;
  	height: 65px;
  	line-height: 65px;
  	border-radius: 100%;
  	background: #ffffff;
  	-webkit-box-shadow: 0px 10px 15px rgba(0,0,0, 0.15);
  	box-shadow: 0px 10px 15px rgba(0,0,0, 0.15);
  	-webkit-transition: all 0.1s ease-in;
  	-moz-transition: all 0.1s ease-in;
  	-ms-transition: all 0.1s ease-in;
  	-o-transition: all 0.1s ease-in;
  	transition: all 0.1s ease-in;
  }

  .plus-button:hover {
  	-webkit-transform: scale(1.2,1.2);
  	-moz-transform: scale(1.2,1.2);
  	-ms-transform: scale(1.2,1.2);
  	-o-transform: scale(1.2,1.2);
  	transform: scale(1.2,1.2);
  }

  .plus-button:after {
  	content: '+';
  	position: absolute;
  	left: 0;
  	right: 0;
  	margin: auto;
  	text-align: center;
  	font-size: 75px;
  	font-weight: 300;
  	color: #0D51FF;
  }

  .abs-element {
  	display: block;
  	position: absolute;
  	top: 0;
  	left: 0;
  	right: 0;
  	bottom: 0;
  	margin: auto;
  	height: 65px;
  	text-align: center;
  }

  .plus-button-1 {
  	right: 100px;
  }

  .mini-popup {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    height: 65px;
    text-align: center;
  	width: 65px;
  	height: 65px;
  	border-radius: 100%;
  }

  .plus-button-popup {
  	display: none;
  	position: absolute;
  	left: -175px;
  	right: -175px;
  	bottom: 170%;
  	width: 350px;
  	background: #ffffff;
  	border-radius: 20px;
  	padding: 30px;
  	color: #8D8D8D;
  	font-weight: 400;
  	line-height: 30px;
  	text-align: left;
  	-webkit-box-shadow: 0px 10px 15px rgba(0,0,0, 0.1);
  	box-shadow: 0px 10px 15px rgba(0,0,0, 0.1);
  }

  .plus-button-popup:after {
  	content: '';
  	display: block;
  	position: absolute;
  	bottom: -40px;
  	right: 0;
  	left: 0;
  	margin: auto;
  	width: 0;
	height: 0;
	border-left: 25px solid transparent;
	border-right: 25px solid transparent;
	border-top: 40px solid #ffffff;
  }

  .rubble-fz {
  	font-size: 50px;
  }

  .wh-box-element {
  	display: flex;
  	flex-direction: column;
  	justify-content: center;
  	width: 31%;
  	height: 150px;
  	background: #ffffff;
  	margin-top: 20px;
  	margin-bottom: 20px;
  	text-align: center;
  	-webkit-box-shadow: 0px 0px 15px rgba(0,0,0, 0.05);
  	box-shadow: 0px 0px 15px rgba(0,0,0, 0.05);
  }

  .wh-box-row {
  	display: flex;
  	flex-direction: row;
  	justify-content: space-between;
  	flex-wrap: wrap;
  }

  .wh-box-caption {
  	font-size: 17px;
  	font-weight: 500;
  	color: rgba(13, 81, 255, 0.57);
  }

  .wh-box-title {
  	font-size: 70px;
  	line-height: 1.3em;
  	font-weight: 900;
  	color: #0D51FF;
  }

  .section-head-title {
  	font: 900 60px/1.5em 'Gilroy';
  	text-align: center;
  	color: #0D51FF;
  }

  .md-title {
  	font-size: 44px;
  }

  .t-left {
  	text-align: left;
  }

  .bold {
  	font-weight: 700;
  }

  .about-text {
  	font-size: 16px;
  	line-height: 28px;
  	color: #8D8D8D;
  	padding-right: 80px;
  }

  .about-text p {
  	margin-top: 15px;
  }

  .partners-row {
  	display: flex;
  	flex-direction: row;
  	justify-content: space-between;
  	flex-wrap: wrap;
  }

  .partner-box-element {
  	display: flex;
  	justify-content: center;
  	align-items: center;
  	width: 32%;
  	height: 145px;
  	margin-top: 10px;
  	margin-bottom: 10px;
  	float: left;
  	background: #ffffff;
  	-webkit-box-shadow: 0px 0px 25px rgba(0,0,0, 0.05);
  	box-shadow: 0px 0px 25px rgba(0,0,0, 0.05);
  }

  .call-to-action-section {
  	position: relative;
  	margin-top: 5%;
  	background: #306BFF;
  	overflow: hidden;
  }

  .call-to-action-section:before {
  	content: '';
  	opacity: 0;
  	position: absolute;
  	top: -255px;
  	display: block;
  	width: 100%;
  	height: 264px;
  	background: url(../images/tilt-svg.svg) bottom no-repeat;
  	background-size: 115% 100%;
  }

  .svg-tilt {
	display: block;
	width: calc(100% + 1.3px);
	top: -2px;
	height: 250px;
	position: relative;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
  }

  .svg-tilt path {
  	fill: #fff;
  	-webkit-transform-origin: center;
  	-ms-transform-origin: center;
  	transform-origin: center;
  	-webkit-transform: rotateY(0deg);
  	transform: rotateY(0deg);
  }

  .cta-box-col {
  	height: 620px;
  }

  .call-to-action-title {
  	color: #ffffff;
  	margin-bottom: 0px;
  }

  .call-to-action-title * {
  	line-height: 1em;
  }

  .text-large {
  	font-size: 90px;
  	font-weight: bold;
  }

  .text-medium {
  	font-size: 33px;
  	font-weight: 400;
  }

  .text-small {
  	margin-top: 10px;
  	font-size: 20px;
  	font-weight: 300;
  }

  .box-flex {
  	display: flex;
  	flex-direction: column;
  	justify-content: center;
  	align-items: flex-start;
  	height: 100%;
  }

  .call-to-action-input {
  	width: 350px;
  	float: left;
  	text-align: left;
  	background: #ffffff !important;
  	padding: 0 20px !important;
  	font-size: 19px;
  	color: rgba(112, 112, 112, 1);
  	border-radius: 10px !important;
  }

  .submit-cta {
  	width: 65px;
  	background: url(../images/send-icon.svg) #ffffff center center no-repeat !important;
  	border-radius: 10px !important;
  	font-size: 0 !important;
  	border: 0 !important;
  	margin-left: 10px;
  }

  .submit-cta,
  .call-to-action-input {
  	-webkit-box-shadow: 0px 15px 20px rgba(0,0,0, 0.03);
  	box-shadow: 0px 15px 20px rgba(0,0,0, 0.03);
  	height: 60px !important;
  }

  .fluid-img {
  	width: 100%;
  }

  .flex-end {
  	justify-content: flex-end;
  }

  .buffer-phone-number {
  	opacity: 0;
  	visibility: hidden;
  }

  .input {
  	position: relative;
  }

  .input input {
  	padding-left: 85px !important;
  }

  .cta-box .input_prepend {
  	padding-left: 5px;
  }

  .abs-pos {
  	position: absolute;
  	left: 0;
  	top: 0;
  	bottom: 0;
  	margin: auto;
  	height: 40px;
  }

  * {
  	-webkit-box-sizing: border-box;
  	-moz-box-sizing: border-box;
  	-ms-box-sizing: border-box;
  	-o-box-sizing: border-box;
  	box-sizing: border-box;
  }

  @media (min-width: 767px) and (max-width: 1170px) {
  	.quiz-callback-form input {
  		font-size: 15px !important;
  		padding-left: 60px;
  		padding-bottom: 12px;
  	}
  	.quiz-callback-form .section-head {
  		font-size: 22px !important;
  	}
  	.quiz-callback-form .accept-button {
  		width: 100% !important;
  	}
  	.send__form.calc__form {
  		padding-right: 20px;
  	}
  	.quiz-body .builder-calc-box {
  		width: 47% !important;
  	}
  	.time-inner-box {
  		padding-left: 10px;
  		padding-right: 10px;
  	}
  	.sm-size-icon {
  		font-size: 25px !important;
  	}
  	.days-class {
  		font-size: 36px !important;
  	}
  }

  @media (max-width: 1170px) {
  	.section-head {
  		font-size: 50px;
  	}
  	.about-section {
  		margin-top: 0;
  	}
  	.mb-full-width {
  		width: 95%;
  		float: none;
  		margin: auto;
  	}
  	.svg-tilt {
  		height: 150px;
  	}
  	.cta-box-col {
  		padding-bottom: 80px;
  		height: auto;
  	}
  	.call-to-action-section,
  	.call-to-action-section .m-container {
  		height: auto;
  	}
  	.mob-hidden {
  		display: none;
  	}
  	.text-large {
  		font-size: 73px;
  	}
  	.text-medium {
  		font-size: 28px;
  	}
  	.text-small {
  		font-size: 18px;
  		line-height: 1.5em;
  	}
  	.about-text {
  		margin-bottom: 30px;
  	}
  	.cta-box {
  		width: 100%;
  	}
  	.call-to-action-section {
  		background: url(../images/Figures.svg) 90% bottom #306bff  no-repeat;
  		background-size: 30%;
  	}
  	.about_section {
  		margin-top: 0;
  		margin-bottom: 0;
  	}
  	.plus-button-1 {
  		right: 0;
  	}
  }

  @media (max-width: 1300px) {
  	.svg-element {
  	  width: 85%;
  	}
  	.m-container {
  		padding-left: 15px;
  		padding-right: 15px;
  		-webkit-box-sizing: border-box;
  		-moz-box-sizing: border-box;
  		-ms-box-sizing: border-box;
  		-o-box-sizing: border-box;
  		box-sizing: border-box;
  	}
  	.call-to-action-input {
  		max-width: 280px;
  	}

  }

  @media (max-width: 700px) {
  	.quiz-body .builder-calc-box {
  		width: 47% !important;
  	}
  	.builder-body {
  		justify-content: center;
  		-webkit-justify-content: center;
  	}
  }

  @media (max-width: 767px) {
  	.modal-wb {
  		right: 0;
  	}
  	.about-row {
  		margin-top: 0;
  		margin-bottom: 0;
  	}
  	.wh-box-title {
  		font-size: 60px;
  	}
  	.wh-box-caption {
  		font-size: 16px;
  	}
  	.toggle-phone-form .floating_phone-form {
  		width: 250px !important;
  		border-radius: 20px;
  		padding-left: 5px !important;
  		padding-right: 5px !important;
  	}
  	.floating_phone-form {
  		bottom: 10px;
  	}
  	.floating_phone .send__form {
  		flex-direction: column;
  	}
  	.floating_phone .send__form .phone-mask {
  		width: 75% !important;
  		text-align: center !important;
  		margin: 15px 0;
  		padding-left: 0 !important;
  		font-size: 14px !important;
  	}
  	.floating_phone .phone__input {
  		margin: 10px 0 !important;
  	}
  	.plan-modal__list .tech-list li {
  		margin-left: 0;
  		margin-right: 0;
  	}
  	.quiz-body .section-head-caption {
  		margin-top: 15px;
  	}
  }

  @media (min-width: 600px) and (max-width: 767px) {
  	.text-large {
  		font-size: 55px;
  	}
  	.text-medium {
  		font-size: 25px;
  	}
  	.text-small {
  		font-size: 16px;
  		line-height: 1.5em;
  	}
  	.call-to-action-section {
  		background: url(../images/Figures.svg) right bottom #306bff  no-repeat;
  		background-size: 35%;
  	}
  	.call-to-action-input {
  		font-size: 15px;
  		max-width: 220px;
  	}
  }

  @media (max-width: 600px) {
  	.days-class,
  	.time-inner-box .date-input,
  	.fa-stopwatch.sm-size-icon {
  		font-size: 32px !important;
  	}
  	.call-to-action-section {
  		background: #306bff;
  	}
  	.about-row {
  		flex-direction: column;
  	}
  	.wh-box-title {
  		font-size: 54px;
  	}
  	.wh-box-caption {
  		font-size: 15px;
  	}
  	.partner-box-element,
  	.wh-box-element {
  		width: 45%;
  		margin: 10px auto;
  	}
  	.partner-box-element {
  		padding: 30px;
  		-webkit-box-sizing: border-box;
  		-moz-box-sizing: border-box;
  		-ms-box-sizing: border-box;
  		-o-box-sizing: border-box;
  		box-sizing: border-box;
  	}
  	.partner-box-element img {
  		width: 100%;
  	}
  	.about-element {
  		margin: 30px 0;
  	}
  	.svg-element {
  		width: 65%;
  	}
  	.plus-button-1 {
  		right: 55px;
  	}
  	.abs-element {
  		width: 100%;
  	}
  	.plus-button-popup {
  		width: 290px;
  		margin: auto;
  		font-size: 15px;
  		-webkit-box-sizing: border-box;
  		-moz-box-sizing: border-box;
  		-ms-box-sizing: border-box;
  		-o-box-sizing: border-box;
  		box-sizing: border-box;
  	}
  	.text-large {
  		font-size: 70px;
  	}
  	.text-medium {
  		font-size: 37px;
  	}
  	.text-small {
  		font-size: 17px;
  	}
  	.call-to-action-input {
  		max-width: 222px;
  	}
  }

  @media (max-width: 480px) {
	.btn-style-mq {
	    padding: 20px 31px !important;
	    font-size: 18px !important;
	}
  	.submit-cta {
  		width: 48px;
  		background-size: 50% !important;
  	}
  	.call-to-action-input {
  		width: 95%;
  	}
  	.text-large {
  		font-size: 51px;
  	}
  	.text-medium {
  		font-size: 26px;
  	}
  	.text-small {
  		font-size: 16px;
  		line-height: 1.5em;
  	}
  	.call-to-action-input {
  		font-size: 13px !important;
  		max-width: 48%;
  	}
  	.rubble-fz {
  		font-size: 25px;
  	}
    	.quiz-body .builder-calc-box {
  		width: 100% !important;
  	}
  	.builder-body {
  		justify-content: center;
  		-webkit-justify-content: center;
  	}

  }

  	.opened-menu .phone_box {
  		display: none;
  	}
.tabactive{
  display: block;
}
.tabhide{
  display: none;
}
.activelink {
  color: #3486FF;
  border-color: #3486FF;        
}
.switch {
   display: inline-block;
   height: 34px;
   position: relative;
   width: 60px;
}

.switch input {
  display:none;
}

.slider {
  background-color: #d5d5d5; /* #4d7cf2 */
  bottom: 0;
  cursor: pointer;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  transition: .4s;
}

.slider:before {
  background-color: #fff;
  bottom: 4px;
  content: "";
  height: 26px;
  left: 4px;
  position: absolute;
  transition: .4s;
  width: 26px;
}

input:checked + .slider {
  background-color: #66bb6a;
}

input:checked + .slider:before {
  transform: translateX(26px);
}

.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}

.builder-body {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
  	flex-direction: row;
  	-webkit-flex-direction: row;
  	justify-content: flex-start;
  	-webkit-justify-content: flex-start;
  	align-items: center;
  	-webkit-align-items: center;
  	flex-wrap: wrap;
  	-webkit-flex-wrap: wrap;
}

.builder-calc-box {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	align-items: center;
	-webkit-align-items: center;
	flex-direction: column;
	-webkit-flex-direction: column;
	justify-content: space-around;
	-webkit-justify-content: space-around;
	width: 20%;
	height: 180px;
	margin-left: 15px;
	margin-right: 15px;
	margin-bottom: 15px;
	background: #ffffff;
	border-radius: 8px;
  	-webkit-box-shadow: 0px 10px 20px rgba(0,0,0, 0.05);
  	box-shadow: 0px 10px 20px rgba(0,0,0, 0.05);
  	-webkit-transition: all 0.2s ease-in-out;
  	-moz-transition: all 0.2s ease-in-out;
  	-ms-transition: all 0.2s ease-in-out;
  	-o-transition: all 0.2s ease-in-out;
  	transition: all 0.2s ease-in-out;
}


.quiz-body .builder-calc-box {
	width: 31%;
	margin-left: 1%;
	margin-right: 1%;
}

.builder-calc-icon {
	font-size: 45px;
	color: #4d7cf2;
	text-align: center;
}

.builder-calc-name {
	font-size: 17px;
	font-weight: 400;
}

.builder-calc-icon_icon {
	margin-top: 15px;
}

.total-price-box {
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 30px 0;
	border-radius: 10px;
	background: #ffffff;
	text-align: center;
}

.time-inner-box .date-input {
	margin: 0 8px;
	display: inline-block;
}

.time-inner-box .date-input {
	font-size: 50px !important;
}

.days-class {
	font-size: 45px;
}

.date-input {
	user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	-webkit-user-select: none;
}

.date-input,
.calc-input-total-num,
.total-calc-price {
	font: 900 63px/1em 'Gilroy' !important;
	text-align: center;
	color: #0D51FF;	
	border: 0 !important;
	-webkit-pointer-events: none;
	pointer-events: none;
	display: inline-block;
}

.input-buffer{
    position: absolute;
    top: -1000px;
    left: -1000px;
    visibility: hidden;
    white-space: nowrap;
}

.total-price-box-title {
	font: 300 25px/1em 'Gilroy';
	color: #0D51FF;
	margin-bottom: 15px;
}

.inner-title {
	font: 600 25px/1em 'Gilroy';
	color: #0D51FF;
	text-align: center;
	margin-bottom: 30px;
}

.bar-wrap {
	position: relative;
	height: 80px;
	margin-top: 50px;
	margin-bottom: 50px;
}

.bar-wrap:after {
	content: '';
	display: block;
	position: absolute;
	top: -50%;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	max-width: 40rem;
	height: 1px;
	background: rgb(13, 81, 255, 0.5);
}

.bar-row {
display: flex;
display: -webkit-flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
flex-wrap: wrap;
flex-wrap: -webkit-wrap;
height: 100%;
}

.bar-cell {
	width: 43%;
	text-align: center;
	padding: 0;
	margin-bottom: 20px;
	margin-right: 20px;
	border-radius: 10px;
}

.bar-input {
	width: 200px;
	height: 200px;
	background: red;
}

.bar-circle-radion {
  display: block;
  position: relative;
  padding-top: 50px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 20px;
  font-weight: 900;
  color: #0D51FF;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: inline-block;
}

.bar-circle-radion input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
  height: 40px;
  width: 40px;
  z-index: 10;
  border: 1px solid rgba(13, 81, 255, 0.5);
  border-radius: 50%;
}

.bar-circle-radion input:checked ~ .checkmark,
.bar-circle-radion input ~ .checkmark {
  background-color: #ffffff;
}

/*.bar-circle-radion:hover input ~ .checkmark {
  background-color: transparent;
}*/

.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

.bar-circle-radion input:checked ~ .checkmark:after {
  display: block;
}

.bar-circle-radion .checkmark:after {
 	position: absolute;
 	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	z-index: 0;
	width: 70%;
	height: 70%;
	border-radius: 50%;
	background: #0D51FF;
}

.bar-name {
	display: block;
}

body frame,
.ym-viewport,.ym-zoom {
	visibility: hidden;
}

.m-bottom-0 {
	margin-top: 0;
	margin-bottom: 0;
}

.time-price-title {
	font-size: 20px;
}

.calc-price-small {
	font-size: 38px;
}

.sm-size-icon {
	margin-top: 25px;
	font-size: 30px;
}

.font-sm,
.font-sm * {
	font-size: 50px !important;
}

.time-box {
	margin-top: 10px;
}

.time-inner-box {
	padding-top: 20px;
}

.top-pseudo-line:before {
	content: '';
	display: block;
	margin: 0 auto -10px;
	max-width: 400px;
	height: 1px;
    background: rgb(255,255,255);
    background: -moz-linear-gradient(left,  rgba(255,255,255,1) 0%, rgba(252,252,255,1) 15%, rgba(13,81,255,1) 34%, rgba(32,124,202,1) 62%, rgba(32,124,202,1) 62%, rgba(255,255,255,1) 85%, rgba(255,255,255,1) 100%);
    background: -webkit-linear-gradient(left,  rgba(255,255,255,1) 0%,rgba(252,252,255,1) 15%,rgba(13,81,255,1) 34%,rgba(32,124,202,1) 62%,rgba(32,124,202,1) 62%,rgba(255,255,255,1) 85%,rgba(255,255,255,1) 100%);
    background: linear-gradient(to right,  rgba(255,255,255,1) 0%,rgba(252,252,255,1) 15%,rgba(13,81,255,1) 34%,rgba(32,124,202,1) 62%,rgba(32,124,202,1) 62%,rgba(255,255,255,1) 85%,rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=1 );
}

.fixed-price-box {
	position: fixed;
	padding: 15px 0;
	max-width: 400px;
	bottom: 20px;
	left: 0;
	right: 0;
	margin: auto;
	z-index: 40;
	background: #ffffff;
	-webkit-box-shadow: 0 0px 30px rgba(0,0,0, 0.1);
	-moz-box-shadow: 0 0px 30px rgba(0,0,0, 0.1);
	-ms-box-shadow: 0 0px 30px rgba(0,0,0, 0.1);
	-o-box-shadow: 0 0px 30px rgba(0,0,0, 0.1);
	box-shadow: 0 0px 30px rgba(0,0,0, 0.1);
	border-radius: 15px;
}

.fixed-price-box .total-price-box-title {
	font-size: 20px;
}

body .fixed-price-box .time-inner-box {
	font-size: 0 !important;
	padding-top: 0;
}

.fixed-price-box .total-calc-price,
.fixed-price-box .total-calc-price  * {
	font-size: 50px !important;
}

.flex-middle {
	display: flex;
	justify-content: center;
	flex-direction: column;
	height: 100%;
}

.hg-100 {
	height: 100%;
}

.builder-calc-caption {
	display: block;
	height: 15px;
	color: #66bb6a;
	font-size: 16px;
}

.partners-section {
	padding: 100px 0 150px;
}

.about-section {
	padding-top: 150px;
}

.figures-canvas {
	position: absolute;
	right: 65px;
	top: 150px;
	width: 830px;
	height: 560px;
}

.figure-element-abs {
	position: absolute;
}

.figure-element-pos-2 {
	top: 120px;
	left: 280px;
	-webkit-transform: rotate(-198deg);
	-moz-transform: rotate(-198deg);
	-ms-transform: rotate(-198deg);
	-o-transform: rotate(-198deg);
	transform: rotate(-198deg);
}

.figure-element-pos-3 {
	top: 130px;
	right: 45px;
	-webkit-transform: rotate(-50deg);
	-moz-transform: rotate(-50deg);
	-ms-transform: rotate(-50deg);
	-o-transform: rotate(-50deg);
	transform: rotate(-50deg);
}

.figure-element-pos-4 {
	bottom: 40px;
	right: 42%;
	-webkit-transform: rotate(-50deg);
	-moz-transform: rotate(-50deg);
	-ms-transform: rotate(-50deg);
	-o-transform: rotate(-50deg);
	transform: rotate(-50deg);
}

#square {
	width: 135px;
	height: 135px;
	background: #27dde0;
	border-radius: 7px;
}

#circle {
	width: 110px;
	height: 110px;
	border-radius: 100%;
	background: #0e52ff;
}

#hexagon {
	width: 100px;
	height: 55px;
	background: #0d51ff;
	position: relative;
}
#hexagon:before {
	content: "";
	position: absolute;
	top: -25px; 
	left: 0;
	width: 0;
	height: 0;
	border-left: 50px solid transparent;
	border-right: 50px solid transparent;
	border-bottom: 25px solid #0d51ff;
}
#hexagon:after {
	content: "";
	position: absolute;
	bottom: -25px; 
	left: 0;
	width: 0;
	height: 0;
	border-left: 50px solid transparent;
	border-right: 50px solid transparent;
	border-top: 25px solid #0d51ff;
}
#triangle {
	width: 0;
	height: 0;
	border-left: 85px solid transparent;
	border-right: 85px solid transparent;
	border-bottom: 150px solid #27dde0;
	border-radius: 0px;
}

.calc-modal {
	max-width: 480px;
	border-radius: 35px;
}

.calc-modal .section-head {
	font-size: 30px;
	margin-top: 0;
	margin-bottom: 0;
}

.calc-modal .section-head-caption {
	font-size: 18px;
	line-height: 1.5em;
	text-align: center;
	margin-bottom: 50px;
}

.calc-modal .accept-button {
	width: 100%;
}

.calc-modal .accept-button:hover {
	color: #ffffff;
	background: #0D51FF;
}

 .floating_phone {
 	display: block;
 	position: fixed;
 	z-index: 30;
 	bottom: 15%;
 	right: 3%;
 	width: 90.8px;
 	height: 90.8px;
 	border-radius: 100%;
 }

 .phone_icon {
 	display: block;
 	position: absolute;
 	top: 0;
 	left: 0;
 	right: 0;
 	bottom: 0;
 	margin: auto;
 	width: 40px;
 	height: 40px;
 	background: url(../images/telephone.svg) no-repeat;
 	background-size: cover;

 }

 .phone-toggle-click {
 	width: 90.8px;
 	height: 90.8px;
 	background: #0d51ff;
 	border-radius: 100%;
 	position: absolute;
 	z-index: 999;
 	top: 0;
 	left: 0;
 	right: 0;
 	bottom: 0;
 	margin: auto;
 	-webkit-transition: all 0.3s ease-in;
 	-moz-transition: all 0.3s ease-in;
 	-ms-transition: all 0.3s ease-in;
 	-o-transition: all 0.3s ease-in;
 	transition: all 0.3s ease-in;
 }

 .toggle_callback.toggle-phone-form .phone-toggle-click {
 	visibility: hidden;
 }

 .toggle_callback .floating_phone-form {
 	opacity: 0;
 }

 .toggle_callback .floating_phone-form form {
 	opacity: 0;
 }

 .toggle_callback.toggle-phone-form .floating_phone-form {
 	opacity: 1;
 }

 .toggle_callback.toggle-phone-form .floating_phone-form  form {
 	opacity: 1;
 }

 .toggle-phone-form .phone-toggle-click {
 	opacity: 0;
 }

 .floating_phone-form {
 	position: absolute;
 	z-index: 99;
 	right: 0;
 	width: 0;
 	padding: 15px 0;
 	border-radius: 40px;
 	background: #ffffff;
 	-webkit-box-shadow: 0 0 20px rgba(0,0,0, 0.3);
 	-moz-box-shadow: 0 0 20px rgba(0,0,0, 0.3);
 	-ms-box-shadow: 0 0 20px rgba(0,0,0, 0.3);
 	-o-box-shadow: 0 0 20px rgba(0,0,0, 0.3);
 	box-shadow: 0 0 20px rgba(0,0,0, 0.3);
 	-webkit-transition: all 0.3s ease-in;
 	-moz-transition: all 0.3s ease-in;
 	-ms-transition: all 0.3s ease-in;
 	-o-transition: all 0.3s ease-in;
 	transition: all 0.3s ease-in;
 }

 .toggle-phone-form .floating_phone-form {
 	width: 595px;
 }


 .floating_phone .send__form {
 	color: #444;
 	margin-top: 0;
 	padding: 0 20px;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-justify-content: space-between;
	-moz-justify-content: space-between;
	-ms-justify-content: space-between;
	-o-justify-content: space-between;
	-khtml-justify-content: space-between;
	justify-content: space-between;
	align-items: center;
	-webkit-align-items: center;
}

 .floating_phone .send__form .phone-mask {
 	font-size: 16px;
 	padding-bottom: 8px;
 	width: 168px;
 	text-align: left;
 }

 .o-element-hidden {
 	overflow: hidden;
 }

 .form-toggle-btn {
 	position: absolute;
 	left: -40px;
 	top: 0;
 	bottom: 0;
 	margin: auto;
 	font-size: 16px;
 	line-height: 20px;
 	border: 2px solid #0D51FF;
 	border-radius: 100%;
 	width: 25px;
 	height: 25px;
 	text-align: center;
 	color: #0D51FF;
 	font-weight: 700;
 }

 .form-toggle-btn:hover {
 	background: #0D51FF;
 	color: #ffffff;
 }

 .floating_phone .send__form .accept-button {
 	font-size: 16px;
 	width: 150px;
 	padding-top: 13px;
 	padding-bottom: 13px;
 	-webkit-transition: all 0.2s ease-in;
 	-moz-transition: all 0.2s ease-in;
 	-ms-transition: all 0.2s ease-in;
 	-o-transition: all 0.2s ease-in;
 	transition: all 0.2s ease-in;
 }

 .floating_phone .send__form .accept-button:hover {
 	background: #0D51FF;
 	color: #ffffff;
 }

 .float-form-text {
 	font-size: 15px;
 }

 .phone-icon-anim {
  animation-name: shake;
  transform: translate3d(0, 0, 0);
  animation-duration: 2s;
  animation-delay: 3s;
  animation-iteration-count: infinite;
  backface-visibility: hidden;
 }

  @keyframes shake {
  1%, 2% {
    transform: rotate3d(0, 0, 1, 9deg);
    opacity: 1; }
  3%, 5%, 7% {
    transform: rotate3d(0, 0, 1, -9deg); }
  4%, 6%, 8% {
    transform: rotate3d(0, 0, 1, 9deg); }
  9% {
    transform: rotate3d(0, 0, 1, 0); } }
  }
}

.phone-toggle-click:after {
  opacity: 0;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: -20px;
  left: -20px;
  right: 0;
  bottom: 0;
  content: '';
  height: 125%;
  width: 125%;
  border: 8px solid rgba(0, 0, 0, 0.2);
  border-radius: 100%;
  animation-name: ripple;
  animation-duration: 3s;
  animation-delay: 0s;
  animation-iteration-count: infinite;
  animation-timing-function: cubic-bezier(0.65, 0, 0.34, 1);
  z-index: -1;
}
.phone-toggle-click:before {
  opacity: 0;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: -20px;
  left: -20px;
  right: 0;
  bottom: 0;
  content: '';
  height: 125%;
  width: 125%;
  border: 8px solid rgba(0, 0, 0, 0.2);
  border-radius: 100%;
  animation-name: ripple;
  animation-duration: 3s;
  animation-delay: 0.5s;
  animation-iteration-count: infinite;
  animation-timing-function: cubic-bezier(0.65, 0, 0.34, 1);
  z-index: -1;
}
@keyframes ripple {
  from {
    opacity: 1;
    transform: scale3d(0.75, 0.75, 1);
  }
  to {
    opacity: 0;
    transform: scale3d(1.5, 1.5, 1);
  }
}


.quiz-body {
padding: 50px 50px;
border-radius: 17px;
margin-top: 50px;
/*
background-image: -webkit-linear-gradient(47deg, #fffcf7 0%, #fff9ef 100%);
background-image: -o-linear-gradient(47deg, #fffcf7 0%, #fff9ef 100%);
background-image: linear-gradient(137deg, #fffcf7 0%, #fff9ef 100%);
box-shadow: 0 8px 24px rgba(254, 165, 61, 0.23);
*/
 box-shadow: 0px 0px 100px rgba(0,0,0, 0.095);
 -webkit-box-shadow: 0px 0px 100px rgba(0,0,0, 0.095); 
}

.quiz-body:after {
	content: '';
	display: table;
	clear: both;
}

.progress {
  display: block;
  width: 95%;
  height: 21px;
  border-radius: 11px;
  border: 1px solid rgba(170, 170, 169, 0.33);
  overflow: hidden;
  background-image: -webkit-linear-gradient(352deg, #0D51FF 0%, #467AFF 100%);
  background-image: -o-linear-gradient(352deg, #0D51FF 0%, #467AFF 100%);
  background-image: linear-gradient(82deg, #0D51FF 0%, #467AFF 100%);
  background-repeat: no-repeat;
  background-size: 33.333% 100%;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0,0,0,0);
  border: 0;
}


.quiz-text {
    font: 300 17px/1em 'Gilroy',sans-serif;
    color: #4f4f4f;
    margin-bottom: 15px;
}

.quiz-text b {
    font: 600 18px/1em 'Gilroy',sans-serif;
}

.quiz-col {
	width: 60%;
	float: left;
}

.quiz-col-right {
	position: relative;
	width: 40%;
	float: left;
}

.quiz-col-left {
	position: relative;
}

/*
.quiz-col-left:after {
	content: '';
	position: absolute;
	display: block;
	right: -20px;
	top: 0;
	bottom: 0;
	width: 1px;
	height: 100%;
	background: rgba(13, 81, 255, 0.7);
}
*/

.push-left_fx {
	padding-left: 35px;
}

.quiz-qst-title {
	font: 600 30px/1.5em 'Gilroy',sans-serif;
	color: #0D51FF;
	margin-top: 50px;
	margin-bottom: 24px;
	padding-left: 0;
	padding-right: 0;
}

.qz-radio {
	padding-left: 60px;
	display: block;
}

.qz-radio .checkmark {
	left: 0;
	bottom: -10px;
	top: auto;
	right: auto;
}

.quiz-body .bar-cell {
	margin-left: 0;
	text-align: left;
}

.quiz-body .bar-circle-radion {
	padding-top: 25px;
}

.border-line-right {
	border-right: 1px solid rgba(13, 81, 255,0.4);
}

.webtype-body {
	width: 100%;
	float: left;
	margin-bottom: 50px;
}

.qz-button {
    font: 400 20px/1em 'Gilroy',sans-serif;
    color: #0D51FF;
    border-color: #0D51FF;
    padding-left: 25px;
    padding-right: 25px;
}

.qz-button {
	margin-right: 25px;
}

.quiz-callback-form .section-head {
	font-size: 26px;
	margin-top: 0;
	margin-bottom: 0;
}

.quiz-body .section-head-caption {
	font-size: 17px;
	line-height: 28px;
	color: #1657FF;
	margin-bottom: 25px;
}

.quiz-callback-form .section-head-caption {
	text-align: center;
}

.quick-call-block {
    float: right;
    max-width: 375px;
    width: 100%;
    border-radius: 12px;
    background: #ffffff;
    padding: 10px;
    text-align: center;
}

.quick-call-block-inner {
    padding: 20px 20px;
    border-radius: 12px;
    border: 1px solid rgba(13, 81, 255,0.3);
}

.quiz-callback-form .accept-button {
	width: 240px;
}

.qz-button,
.accept-button {
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.qz-button:hover,
.quiz-callback-form .accept-button:hover {
	color: #ffffff;
	background: #0D51FF;
}

.quick-call-block-wrap {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: flex-end;
	-moz-justify-content: flex-end;
	-ms-justify-content: flex-end;
	-o-justify-content: flex-end;
	-khtml-justify-content: flex-end;
	justify-content: flex-end;
	min-height: 570px;
}


.quiz-body .builder-calc-name {
	font-size: 16px;
}

.plan-modal-content {
	width: 500px;
	margin-right: 40px;
	float: right;
}

.plan-modal-content .section-head {
	font-size: 54px;
	text-align: left;
	margin-top: 0;
	margin-bottom: 0;
}

.plan-modal-content .section-head-caption {
	font-size: 17px;
	line-height: 1.5em;
	color: #6F7791;
}

.plan-modal {
	width: 1170px;
	height: auto;
	padding: 50px 20px !important;
	border-radius: 35px;
}

.bar-name {
	display: inline-block;
	position: relative;
}

.i-modal-wb {
	position: relative;
	z-index: 1;
	display: inline-block;
	margin-left: 7px;
}

.i-modal-wb .i-icon {
	position: relative;
	top: 0;
	right: 0;
	font-size: 18px;
	font-weight: 600;
	width: 25px;
	height: 25px;
	line-height: 25px;
	text-align: center;
	background: rgba(13, 81, 255, 0.8);
}

.i-modal-wb .i-icon:hover {
	background: rgba(13, 81, 255, 1);
}

.plan-modal__list {
	margin-top: 45px;
}

.plan-modal__list .tech-list li {
	color: #0047FF;
}

.plan-modal-list-title {
	font: 900 22px/1.5em 'Gilroy',sans-serif;
	color: #0D51FF;
}

.price-box-wrap {
	width: 85%;
	margin: auto;
	margin-bottom: 24px;
}

.price-box-wrap .time-inner-box {
	padding-top: 0;
}

.price-box-wrap .total-calc-price {
	margin-top: 0;
}

.price-box-wrap .total-price-box {
	margin: 0;
	padding: 0;
}

.price-box-wrap .total-price-box:after {
	content: '';
	clear: both;
	display: table;
}

.price-box-col {
	position: relative;
	width: 50%;
	float: left;
}

.date-input,
.calc-input-total-num,
.total-calc-price {
	text-align: center;
}

.qz-slide-03 .contact-form {
	margin-top: 40px;
	margin-bottom: 60px;
}

.qz-slide-03 .quiz-qst-title,
.qz-slide-03 .section-head-caption {
	text-align: center;
}

.price-box-wrap .total-calc-price .fa-ruble-sign {
	font-size: 50px;
}

.price-slash:after {
	content: '/';
	color: #0D51FF;
	font: 900 72px/1.5em 'Gilroy',sans-serif;
	position: absolute;
	right: -25px;
	top: -20px;
}

#hidden-content {
	background: url(../images/modal_img/modal-img-01.jpg)  #ffffff left top  no-repeat;
	background-size: 500px;
}

#hidden-content2 {
	background: url(../images/modal_img/modal-img-02.jpg)  #ffffff left top  no-repeat;
	background-size: 500px;
}

#hidden-content3 {
	background: url(../images/modal_img/modal-img-03.jpg)  #ffffff left top  no-repeat;
	background-size: 500px;
}

#hidden-content4 {
	background: url(../images/modal_img/modal-img-04.jpg)  #ffffff left top  no-repeat;
	background-size: 500px;
}

#hidden-content5 {
	background: url(../images/modal_img/modal-img-05.jpg)  #ffffff left top  no-repeat;
	background-size: 500px;
}

.callback2 {
	display: none;
	color: #0D51FF;
	font-weight: bold;
	float: right;
	text-decoration: underline;
}

.quiz-text {
	float: left;
}

.quick-call-block-inner .social-links {
	text-align: center;
}

.social-title-text {
	text-align: center;
	font-size: 600;
	margin-bottom: 15px;
}

small {
	font-size: 13px;
}

.social-title-text {
	margin-top: 25px;
}

.input_prepend {
	position: absolute;
	left: 0;
	bottom: 0px;
}

.drop-down{
  position: relative;
  z-index: 99;
}

.floating_phone {
	cursor: pointer;
}

.floating_phone input {
	padding-left: 15px !important;
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}

.drop-down:hover .selected svg {
	opacity: 0.8;
}

.drop-down .selected a {
  display:block; 
  width: 53px;
  border-radius:2px;
  text-decoration:none;
  color:#3179ac;
  text-align: left;
}


.drop-down .selected a:after {
	position: absolute;
	z-index: 99;
	right: -6px;
	bottom: 15px;
	font-family: 'icomoon' !important;
	font-size: 17px;
	content: "\e900";
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
}

.arrow__up:after {
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
}

.drop-down .selected a {
  cursor:pointer; 
  display:block; 
  padding:5px;
}

.drop-down .option{
  position:relative; 
}

.drop-down .options ul {
  background: #ffffff;
  display:none;
  list-style:none; 
  padding:0px 0px; 
  position:absolute; 
  left:0px; 
  top: -100%;
  z-index: 99;
  width:auto;
  width: 40px;
  text-align: center;
  overflow: hidden;
  -webkit-box-shadow: 0 0 10px rgba(0,0,0, 0.15);
  -moz-box-shadow: 0 0 10px rgba(0,0,0, 0.15);
  -ms-box-shadow: 0 0 10px rgba(0,0,0, 0.15);
  -o-box-shadow: 0 0 10px rgba(0,0,0, 0.15);
  box-shadow: 0 0 10px rgba(0,0,0, 0.15);
}

.drop-down .selected span.value, .drop-down .options span.value{
  display: none;
}

.drop-down .selected a,
.drop-down .options ul {
  border-radius: 30px;
}

.drop-down .options ul li a{
  padding:5px; 
  display:block;
  text-decoration:none;
  color:#3179ac;
}

.drop-down .options ul li a:hover{
  background: rgba(49, 121, 172, 0.15);
  color:#fff;
  -webkit-transition: all 0.2s ease-in;
  -moz-transition: all 0.2s ease-in;
  -ms-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
}

.phone__input {
	position: relative;
	margin-bottom: 25px;
	display: flex;
	-webkit-display: flex;
	-ms-display: flex;
	justify-content: flex-start;
	-webkit-justify-content: flex-start;
	-ms-justify-content: flex-start;
	align-items: center;
	-webkit-align-items: center;
	-ms-align-items: center;
	border-bottom: 1px solid #C5C5C5;
}


.phone__input input {
	padding-bottom: 12px;
	border-bottom: 0;
}

.floating_phone .phone__input {
	margin-bottom: 0;
}

.boxes-img {
	width: 86%;
}


@media (min-width: 992px) and (max-width: 1430px) {
 	.right-popup .plus-button-popup::after {
 		right: -215px;
 	}
 	.right-popup .plus-button-popup {
 		left: initial;
 		right: -65px !important;
 	}
}

@media (min-width: 992px) and (max-width: 1170px) {
  	.builder-calc-box {
  		width: 28%;
  	}
  	.quick-call-block {
  		max-width: 100%;
  	}
  	.quiz-callback-form input {
  		padding-left: 30px !important;
  	}
  	.quiz-body .section-head-caption {
  		font-size: 16px !important;
  	}
  	.quiz-callback-form .section-head-caption {
  		margin-top: 15px;
  	}
  	.progress {
  		width: 95%;
  	}
 	.price-slash::after {
 		font-size: 55px;
 		right: -15px;
 	}
  	.sm-size-icon {
  		margin-top: 0;
  	}
 	.time-inner-box .date-input {
 		font-size: 40px  !important;
 	}
 	.date-input, .calc-input-total-num, .total-calc-price {
 		font-size: 40px !important;
 	}
 	.total-calc-price .fa-ruble-sign {
 		font-size: 30px !important;
 	}
 	.price-box-wrap {
 		width: 100%;
 	}
 	.quiz-qst-title {
 		padding-right: 0;
 	}
 	.plan-modal {
 		background-position: -14vw center !important;
 	}
 }
 @media (min-width: 767px) and (max-width: 992px) {
 	.bar-wrap:after {
		max-width: 34.5rem;
		left: -20px;
	}
  	.builder-calc-box {
  		width: 28%;
  	}
  	.bar-row {
  		align-items: flex-start;
  	}
  	.bar-name {
  		font-size: 17px;
  	}
  	.rw-words span {
  		width: 230px;
  	}
 	.plus-button-popup {
		left: -85px;
		right: -85px;
		bottom: 170%;
		width: 170px;
		font-size: 14px;
		line-height: 1.7em;
 	}
 	.right-popup .plus-button-popup::after {
 		right: -25px;
 	}
 	.right-popup .plus-button-popup {
 		left: initial;
 		right: -65px !important;
 	}

 	.quiz-body {
 		padding: 30px;
 	}
 	.price-slash::after {
 		font-size: 55px;
 		right: -15px;
 	}
 	.date-input, .calc-input-total-num, .total-calc-price {
 		font-size: 50px !important;
 	}
 	.total-calc-price .fa-ruble-sign {
 		font-size: 30px !important;
 	}
 	.builder-calc-icon_icon {
 		font-size: 40px;
 	}
 	.quick-call-block-inner {
 		padding-left: 5px;
 		padding-right: 5px;
 	}
 	.quiz-body .builder-calc-name {
 		font-size: 14px;
 	}
 	.quiz-qst-title {
 		font-size: 23px;
 	}
 	.quiz-body .section-head-caption {
 		font-size: 16px;
 	}
 	.quiz-callback-form .section-head {
 		font-size: 19px;
 	}
 	.quiz-callback-form .section-head-caption {
 		font-size: 14px;
 	}
  	.quick-call-block {
  		max-width: 295px;
  	}
  	.quiz-callback-form .accept-button {
  		width: 100%;
  	}
  	.callback2 {
  		display: none;
  	}
  	.sm-size-icon {
  		margin-top: 0;
  	}
 	.time-inner-box .date-input {
 		font-size: 40px  !important;
 	}
 	.date-input, .calc-input-total-num, .total-calc-price {
 		font-size: 40px !important;
 	}
 	.total-calc-price .fa-ruble-sign {
 		font-size: 30px !important;
 	}
 	.price-box-wrap {
 		width: 100%;
 	}
 	.quiz-qst-title {
 		padding-right: 0;
 	}
 }
  @media (min-width: 480px) and (max-width: 767px) {
  	.section-head {
  		font-size: 37px;
  	}
  	.md-title {
  		font-size: 35px;
  	}
  }
 @media (min-width: 300px) and (max-width: 767px) {
 	.arrow-down-button {
 		display: none;
 	}
 	.plus-button-popup {
		left: -90px;
		right: -90px;
		bottom: 170%;
		width: 180px;
		font-size: 15px;
		line-height: 1.7em;
 	}
 	.right-popup .plus-button-popup {
 		left: initial;
 		right: -40px !important;
 	}
 	.right-popup .plus-button-popup::after {
 		right: -95px;
 	}
  	.builder-calc-box {
  		width: 43%;
  		margin-left: 10px;
  		margin-right: 10px;
  	}
 	.bar-wrap {
 		height: auto;
 	}
 	.bar-wrap:after {
		max-width: 85%;
	}
 	.bar-row {
 		flex-direction: row;
 		justify-content: center;
 		align-items: flex-start;
 	}
 	.bar-row .bar-cell {
 		-ms-flex-preferred-size: 0;
		flex-basis: 0;
		-webkit-box-flex: 1;
		-ms-flex-positive: 1;
		flex-grow: 1;
 	}
 	.bar-row .bar-cell {
 		margin-right: 0;
 		margin-left: 0;
 	}
  	.bar-row {
  		align-items: flex-start;
  	}
  	.builder-calc-name {
  		font-size: 15px;
  	}
  	.bar-name {
  		font-size: 17px;
  	}

  	.price-box-wrap {
  		width: 100%;
  		margin-bottom: 0;
  	}
  	.quiz-col {
  		width: 100%;
  	}
  	.quiz-body  {
  		padding: 25px;
  	}
  	.progress {
  		width: 100%;
  	}
  	.quiz-col-right {
  		display: none;
  	}
 	.price-slash::after {
 		font-size: 55px;
 		right: -5px;
 	}
 	.calc-input-total-num {
 		width: 108px;
 	}
 	.sm-size-icon {
 		margin-top: 0;
 	}
 	.fa-stopwatch.sm-size-icon {
 		margin-right: 15px;
 	}
 	.time-inner-box .date-input {
 		font-size: 47px  !important;
 	}
 	.date-input, .calc-input-total-num, .total-calc-price {
 		font-size: 40px !important;
 	}
 	.total-calc-price .fa-ruble-sign {
 		font-size: 30px !important;
 	}
 	.builder-calc-icon_icon {
 		font-size: 40px;
 	}
 	.quick-call-block-inner {
 		padding-left: 5px;
 		padding-right: 5px;
 	}
 	.quiz-body .builder-calc-name {
 		font-size: 14px;
 	}
 	.quiz-qst-title {
 		font-size: 22px;
 	}
 	.quiz-callback-form .section-head {
 		font-size: 17px;
 	}
 	.quiz-callback-form .section-head-caption {
 		font-size: 15px;
 	}
  	.quick-call-block {
  		max-width: 285px;
  	}
  	.quiz-callback-form .accept-button {
  		width: 100%;
  	}
  	.callback2 {
  		display: block;
  	}
 }
 @media (max-width: 480px) {
 	#feedback {
 		margin-top: 0;
 	}
 	#advantage {
 		margin-bottom: 0;
 	}
 	.section {
 		padding-top: 0 !important;
 		padding-bottom: 0 !important;
 	}
 	.plus-button-popup {
 		width: 285px;
 		bottom: 0;
 	}
 	.plus-button-popup {
 		right: -120px !important;
 		left: -120px !important;
 	}
 	.call-to-action-section .m-container {
 		padding: 50px 0;
 	}
 	.section-head {
 		font-size: 27px !important;
 	}
 	.time-box {
 		font-size: 35px !important;
 	}
 	.inner-title {
 		font-size: 20px;
 	}
 	.total-price-box-title {
 		font-size: 18px;
 	}
 	.total-calc-price {
 		font-size: 45px;
 	}
 	.about-section .section-head-title {
 		font-size: 35px;
 	}
 	.about-text {
 		padding-right: 0;
 		font-size: 14px;
 	}
 	.wh-box-title {
 		font-size: 40px;
 	}
 	.wh-box-caption {
 		font-size: 13px;
 	}
 	.builder-calc-icon {
 		font-size: 45px;
 	}
 	.builder-calc-name {
 		font-size: 14px;
 	}
 	.bar-name {
 		font-size: 14px;
 		line-height: 1.4em;
 		padding-left: 5px;
 		padding-right: 5px;
 	}
 	.fixed-price-box {
 		top: 10px;
 		bottom: auto;
 	}
 	.fixed-price-box .total-price-box-title {
 		font-size: 18px;
 		margin-bottom: 10px;
 	}
 	.total-calc-price,
 	.total-calc-price * {
 		font-size: 50px !important;
 	}
 	.time-inner-box {
 		font-size: 0px !important;
 	}
 	.time-inner-box * {
 		font-size: 35px !important;
 	}
 	.time-inner-box input.date-input {
 		font-size: 50px !important;
 	}
 	.fixed-price-box .total-calc-price,
 	.fixed-price-box .total-calc-price * {
 		font-size: 33px !important;
 	}
 	.fixed-price-box input {
 		padding-bottom: 0;
 	}
	.builder-calc-box:hover {
		-webkit-transform: none;
		-moz-transform: none;
		-ms-transform: none;
		-o-transform: none;
		transform: none;
	}
	.plan-timeline {
		margin-top: 0;
	}
	.calc-input-total-num {
		width: 120px;
	}
 	.portfolio_work-block-name {
 		font-size: 28px;
 		margin-bottom: 10px;
 	}
 	.portfolio_work-block-description {
 		font-size: 16px;
 	}
 	#contact {
 		margin-top: 0;
 	}
 	.drop-down .selected a {
 		width: 49px;
 	}
 	.phone__input input {
 		padding-left: 50px;
 		font-size: 16px;
 	}
 	.plan-timeline-num {
 		font-size: 40px;
 		line-height: 65px;
 		width: 65px;
 		height: 65px;
 	}

 	.plan-timeline .plan-timeline-content {
 		padding-left: 85px;
 	}

	.feedback-slider-inner {
		 display: flex;
	    flex-direction: column;
	    align-items: center;
	}

	.plan-timeline-title {
		font-size: 21px;
	}

	.plan-timeline-text {
		font-size: 15px;
	}

	.feedback-user-message {order: 3; font-size: 16px;}
	.feedback-user-name {order: 2; margin-bottom: 25px; font-size: 22px;}
	.feedback-user-avatar {order: 1; margin-top: 0;}


	.quiz-body {
		padding: 25px;
	}
  	.quiz-col {
  		width: 100%;
  	}
  	.progress {
  		width: 100%;
  	}
  	.quiz-col-right {
  		display: none;
  	}
 	.price-slash::after {
 		right: -15px;
 	}
 	.date-input, .calc-input-total-num, .total-calc-price {
 		font-size: 50px !important;
 	}
 	.total-calc-price .fa-ruble-sign {
 		font-size: 30px !important;
 	}
 	.builder-calc-icon_icon {
 		font-size: 40px;
 	}
 	.quick-call-block-inner {
 		padding-left: 5px;
 		padding-right: 5px;
 	}
 	.quiz-body .builder-calc-name {
 		font-size: 14px;
 	}
 	.quiz-qst-title {
 		font-size: 20px;
 		margin-top: 25px;
 		margin-bottom: 0px;
 		padding-right: 0;
 	}
 	.price-box-wrap {
 		width: 100%;
 		margin-bottom: 0;
 	}
 	.quiz-qst-title {
 		margin-top: 20px;
 		margin-bottom: 20px;
 	}
 	.quiz-callback-form .section-head {
 		font-size: 17px;
 	}
 	.quiz-body .section-head-caption {
 		font-size: 15px;
 	}
 	.quiz-callback-form .section-head-caption {
 		font-size: 12px;
 	}
  	.quick-call-block {
  		max-width: 285px;
  	}
  	.quiz-callback-form .accept-button {
  		width: 100%;
  	}
  	.quiz-body .bar-circle-radion {
  		width: 100%;
  		padding-left: 34px;
  	}
  	.qz-radio .checkmark {
  		width: 25px;
  		height: 25px;
  		bottom: -2px;
  	}
  	.bar-name {
  		font-size: 15px;
  	}
  	.quiz-text,
  	.callback2 {
  		width: 100%;
  		text-align: left;
  	}
  	.callback2 {
  		margin-bottom: 20px;
  	}
  	.webtype-body {
  		margin-bottom: 30px;
  	}
  	.floating_phone {
  		bottom: 0;
  	}
  	.quiz-body .builder-calc-box {
  		width: 100%;
  		margin-left: auto;
  		margin-right: auto;
  	}
  	.qz-button {
  		font-size: 17px;
  		padding-left: 18px;
  		padding-right: 18px;
  		margin-right: 10px;
  	}
  	.price-box-col {
  		width: 100%;
  	}
  	.price-slash:after {
  		display: none;
  	}
  	.total-calc-price.time-box {
  		margin-top: 15px;
  	}
  	.plan-modal-content .section-head-caption {
  		font-size: 15px;
  	}
  	.plan-modal {
  		padding: 15px;
  	}
 }


 @media (max-width: 400px) {
  	.builder-calc-box {
  		width: 100%;
  		margin-left: 10px;
  		margin-right: 10px;
  	}
  	.modal .contact-form .section-head {
  		font-size: 24px !important;
  	}
  	 .modal .contact-form .section-head-caption {
  	 	font-size: 15px;
  	 }
  	 .calc-modal.fancybox-content {
  	 	padding-left: 15px;
  	 	padding-right: 15px;
  	 }
  	 .call-to-action-input {
  	 	max-width: 76%;
  	 }
  	 .input input {
  	 	font-size: 14px !important;
  	 	padding-left: 75px !important;
  	 }
  	 .phones {
  	 	font-size: 14px !important;
  	 	padding-left: 10px !important;
  	 }
 }


 .top-section.opened-menu {
 	z-index: 99999999 !important;
 }

 @media (max-width: 992px) {
 	#header {
 		min-height: initial;
 	}
 	.section.about-section {
 		padding-top: 25px;
 	}
 }
 @media (min-width: 992px) and (max-width: 1200px) {
 	.introduce-title {
 		font-size: 5vw !important;
 	}
 	.section.about-section {
 		padding-top: 25px;
 	}
 }
 @media (min-width: 576px) and (max-width: 992px) {
 	.introduce-title {
 		font-size: 6vw !important;
 	}
 }
 @media (max-width: 767px) {
 	.introduce-section {
 		margin-top: 0;
 	}
 	#header {
 		margin-bottom: 80px;
 	}
 }
 @media (max-width: 576px) {
 	.introduce-title {
 		font-size: 8vw;
 	}
 	.top-section {
 		margin: 0 !important;
 		min-height: 120px !important;
 	}
 	.marquiz__button-calc,
 	.marquiz__button-sale {
 		width: 100% !important;
 		max-width: 100% !important;
 	}
 	.rw-wrapper {
 		width: 265px !important;
 	}
 }



 #hidden-content10 {
    min-height: 578px;
    background: url(../images/lid-website.jpg) #ffffff left top no-repeat;
    background-size: 570px 125%;
}

#hidden-content10 .section-head {
	font-size: 35px;
	line-height: 1em;
	margin-bottom: 25px;
}

#hidden-content10 .phones {
	width: 100% !important;
}

#hidden-content10 .button.accept-button:hover {
	color: #fff !important;
}

.section-head-caption {
	font-weight: 400 !important;
}

.fancybox-container {
	z-index: 9999999999 !important;
}

.marquiz__button-calc {
	margin-bottom: 15px;
}

@media (min-width: 992px) {

.marquiz__button-sale {
	margin-left: 25px;
}

}