@charset "UTF-8";
/* CSS Document */

@media (max-width: 1180px) {

.wrapper { margin:0 20px; }
.work .elemConatainer { max-width:870px; height:500px; margin:-175px auto 0; position:relative; }
.work div[class*=icon]:before { font-size:50px; margin:0 0 20px; }
.step5:before { font-size:80px !important; }

.step1, .step2, .step3, .step4, .step5 { position:absolute; width:170px; }
.step1 { top:206px; left:0; }
.step2 { top:118px; left:304px; }
.step3 { top:322px; left:364px; }
.step4 { top:161px; left:611px; }
.step5 { top:368px; left:678px; }

.path1 { top:142px; left:131px; width:212px; }
.path3 { top:147px; left:430px; width:120px; }
.path2 { top:117px; left:431px; width:228px; }
.path4 { top:180px; left:734px; width:125px; }
.path5 { bottom:102px; left:486px; width:211px; }

ul.tabsHolder { padding:50px 0 0; max-width:1150px; margin:0 20px 50px; }
ul.tabsHolder li { margin:0 10px; }
ul.tabsHolder li a { font-size:20px; font-weight:700; border-bottom:4px solid #5cceee;  }
ul.tabsHolder li:first-child { margin:0 10px 0 0; }
ul.tabsHolder li:last-child { margin:0 0 0 10px; }

.formContainer { padding:0 20px; }
.other { padding:20px 20px 0; }


}



@media (max-width: 890px) {

header { height:540px; }
.logo { top:15px; left:0; width:150px; }
.logo img { width:100%; }

.tel { top:15px; right:0; } 
.tel a { font-size:22px; }

.callBack { height:30px; line-height:30px; font-size:12px; }
.callBack a { font-size:12px; }


.offer { position:absolute; top:120px; width:333px; }
.offer h2 { font-size:38px; line-height:38px; }
.offer h2 span { display:block; }
.offer p { margin:0 0 20px 0; }

ul.platforms li { margin:0 51px 0 0; }


.optionsList { top:110px; right:0; width:333px;  }
.optionsList ul { font-size:18px; }
.optionsList ul li { position:relative; padding:0 0 0 30px; margin:0 0 25px 0; }
.optionsList ul li:before { top:50%; left:0; margin:-17px 0 0 0; font-size:25px; width:25px; height:25px; }




ul.scene { height:470px; }


h2.headline { font-size:26px; margin:0 0 20px; }

.features { font-size:18px; padding:50px 0 0 0; }
.features .headline { margin:0 0 50px 0; }
.features ul li { font-size:14px; height:188px; }
.features ul li:before { font-size:60px; margin:0 0 15px; }




.work .wrapper { padding:50px 0 50px; height:385px }
.work .elemConatainer { max-width:625px; margin:-145px auto 0; font-size:14px; }
.work div a[class*=icon]:before { font-size:45px; margin:0 0 10px; }
.step1, .step2, .step3, .step4, .step5 { position:absolute; width:170px; }
.step5:before { font-size:59px !important; }
.step1 { top:206px; left:0; }
.step2 { top:143px; left:199px; }
.step3 { top:290px; left:243px; }
.step4 { top:161px; left:393px; }
.step5 { top:318px; left:465px; }

.path1 { top:162px; left:115px; width:139px; }
.path3 { top:162px; left:315px; width:82px; }
.path2 { top:142px; left:313px; width:141px; }
.path4 { top:189px; left:509px; width:79px; }
.path5 { top:318px; left:364px; width:148px; }


.rates .wrapper { padding:50px 0 20px;  }

.feedBacks .wrapper { padding:50px 0; }

.forms .wrapper { padding:0 0 70px; }
.forms .textBlock { float:left; width:51%; margin:0 40px 0 0; }
ul.tabsHolder { padding:30px 0 0; margin:0 10px 30px; }
ul.tabsHolder li { margin:0 10px; }
ul.tabsHolder li a { font-size:13px; border-bottom:2px solid #5cceee; }
ul.tabsHolder li:first-child { margin:0 10px 0 0; }
ul.tabsHolder li:last-child { margin:0 0 0 10px; }
.map { height:500px; }




.rateBlock h3 { font-size:20px; }
.rateBlock h3:before { font-size:50px; }
.ratesRow { font-size:14px; }

.rateBlock .price { font-size:20px; }
.icon-rub { font-size:17px; }
.perMonth { font-size:14px; }

.button { margin:0 auto; width:100%; padding:25px 0 25px; border-radius:0 0 5px 5px; font-size:20px; font-weight:100; color:#000; transition: all 0.2s ease; -webkit-transition: all 0.2s ease; cursor:pointer; }

.single .textBlock { overflow:hidden; width:auto; }




/*---------------------------PopUps----------------------------------------------------------------*/
.popWindow { top:5%; left:5%; width:90%; height:auto; background-color:#ffffff; z-index:1000; padding:10px 0;  display:none; border-radius:7px; border:1px solid #000; box-shadow:0 5px 30px -5px #000;
	transition: all 0.3s ease; -webkit-transition: all 0.3s ease; }
	
.popWindow h2 { text-align:center; margin:0 0 20px; }
.popWindow form { margin:0 20px; }
.popWindow .row { margin:0 0 10px 0; }
.popWindow .row label { font-size:12px; }
.popWindow .row input, .popWindow .row textarea { height:35px; border-color:#ccc; }
.popWindow .row textarea { height:101px; margin:0; }
.popWindow .row select { height:35px; width:100%; border:1px solid #ccc; }
.col { float:left; width:48%; margin: 0 2% 0 0; }
.col2 { overflow:hidden; }

.termsPop { width:50%; left:25%; }


}

@media (max-width: 690px) {

header { height:auto; padding:0 0 50px; color:#fff; }


h2.headline { text-align:center; }

.offer { position:static; padding-top:90px; width:auto; margin:0 20px 30px; text-align:center; }
.offer h2 { font-size:34px; line-height:34px; margin:0 0 20px 0; text-align:center; }
.offer p { margin:0 0 20px 0; }

ul.platforms { margin:0; padding:0; list-style:none; overflow:hidden; text-align:center; }
ul.platforms li { float:none; margin:0 20px; display:inline-block; }
ul.platforms li:before { font-size:34px; }

.optionsList { position:static; width:100%; padding:0; margin:0;  }
.optionsList ul { font-size:16px; padding:0; margin:0; -webkit-column-count:2; column-count:2; }
.optionsList ul li { position:relative; margin:0 0 25px; width:auto; display:inline-block; vertical-align:top; }
.optionsList ul li:before { position:absolute; top:50%; left:0; margin:-11px 0 0 0; font-size:25px; width:25px; height:25px; }

ul.scene { height:610px; }



.features { font-size:18px; }
.features .headline { margin:0 0 50px 0; }
.features ul { overflow:hidden; text-align:center; }
.features ul li { width:40%; display:inline-block; height:200px; margin:0 4% 30px }
.features ul li:before { font-size:50px; color:#b5a68f; margin:0 0 20px; }
.features ul li:nth-child(3n-1) { margin:0 4% 30px; }


.work .wrapper { padding:50px 0 30px; height:auto; text-align:center; }
.work .elemConatainer { max-width:none; margin:0; font-size:14px; height:auto; }
.work div[class*=icon]:before { font-size:45px; margin:0 0 10px; }
.step1, .step2, .step3, .step4, .step5 { position:static; display:inline-block; width:45%; margin:0 2% 20px; }
.step5:before { font-size:59px !important; }

.step2 { animation-delay:0.2s; }
.step3 { animation-delay:0.4s; }
.step4 { animation-delay:0.6s; }
.step5 { animation-delay:0.8s; }

.work object { display:none; }




/* Forms rules -------------------------*/

.forms .textBlock { float:none; width:auto; margin:0 0 0 0; font-size:14px; text-align:justify; }

ul.tabsHolder { padding:20px 20px 0; max-width:none; margin:0 auto 20px; }
ul.tabsHolder li { float:left; margin:0 20px 10px 0; }
ul.tabsHolder li br { display:inline-block; }
ul.tabsHolder li a { font-size:13px; border-bottom:2px solid #5cceee; }
ul.tabsHolder li:first-child { margin:0 20px 10px 0; }
ul.tabsHolder li:last-child { margin:0 20px 10px 0; }

ul.aspects li { width:45%; margin:0 2% 20px; font-size:14px; }
ul.aspects li:before { font-size:38px; margin:0 0 20px; }

.formContainer { padding:0 20px; }
.other { padding:20px 20px 0; }

.formContainer .tabs { margin:0 -20px 20px; }
.have { font-size:15px; margin:10px -20px 0; padding:10px 0 10px 0; }
.have:hover { text-decoration:underline; }

.map { height:350px; }
.map h2 { font-size:20px; }
.contactsBlock { position: absolute;
    top: 80px;
    right: 5%;
    width: 250px;
    color: #000;
    background-color: #fff;
    border-radius: 10px;
    z-index: 10000;
    box-shadow: 0 10px 32px -7px rgba(0,0,0,.8);
    padding: 20px;
}




.ratesRow { display:block; width:100%; margin:0 0 40px 0; font-size:16px; vertical-align:top; }
.rateBlock { display:block; width:50%; text-align:center; float:left; margin:0 0 40px 0; }
.rateBlock:last-child { float:none; margin:0 auto; clear:both; }

.rateBlock .container.light { position:relative; top:0; }


.sliderContainer { margin:0 64px 50px; }

.feeds { text-align:center; }
.feeds .feedBlock { width:45%; display:inline-block; margin:0 2% 20px; }
.feeds .feedBlock:nth-child(2) { margin:0 2%; }
.photo { width:70%; margin:0 auto; }
.photo img { display:block; margin:0 auto 10px; border-radius:200px; width:100%; }
.name { text-transform:uppercase; text-align:center; }
.company { text-align:center; font-size:16px; font-style:italic; margin:0 0 15px; }


ymaps.ymaps-2-1-38-copyrights-pane { height: 0px; bottom: 74px !important; right: 3px; top: auto !important; left:10px !important; width:175px !important; }

}





@media (max-width: 545px) {

header { height:auto; color:#fff; overflow:hidden; position:relative; }
header .wrapper { padding:0 0 30px 0; }
.work .wrapper { background:none; }
ul.scene { position:absolute; top:0; left:0; width:100%; height:110%; }
ul.scene li:nth-child(3) { display:none !important; }


.feeds .feedBlock { width:90%; display:inline-block; margin:0 5% 50px; }
.feeds .feedBlock:nth-child(2) { margin:0 5% 50px; }
.photo { width:50%; margin:0 auto; }



.sliderContainer { margin:0 47px 30px; }
.sliderContainer .bx-wrapper .bx-viewport { padding:0 0; }


.rates .wrapper { padding:30px 0 30px;  }

.ratesRow { display:block; width:100%; margin:0 0 40px 0; font-size:16px; vertical-align:top; }
.rateBlock { display:block; width:100%; text-align:center; float:none; margin:0 0 40px 0; }

.single ul { margin:0 0 20px; padding:0; width:auto; float:none; }

.single .textBlock { overflow:hidden; width:auto; }
.single .textBlock p { margin:0 0 15px; padding:5px 0 0;  }


footer { padding:40px 0 30px 0; font-style:italic; font-size:15px; text-align:center; }
.copy { float:none; margin:0; }
.footCOntacts { float:none; width:50%; text-align:center; margin:0 auto 30px; }


.map { height:370px; }
.map h3 { font-size:16px; margin:0; }
.map p { margin:0; text-align:center; }
.map p br { display:none; }
.contactsBlock { position: absolute;
    top: auto;
	bottom:10px;
	left:5%;
    right: 5%;
    width: auto;
    color: #000;
    background-color: #fff;
    border-radius: 10px;
    z-index: 10000;
    box-shadow: 0 10px 32px -7px rgba(0,0,0,.8);
    padding: 10px;
}

.termsPop { width:80%; left:10%; }

.serviceList ul {padding:0 20px; font-size:13px; -webkit-column-count:1; -moz-column-count:1; column-count:1; }
.serviceList ul li { margin:0 0 5px 0; }

ymaps.ymaps-2-1-38-copyrights-pane { height: 0px; bottom: auto !important; right: 3px; top: 99px !important; left:auto !important; width:175px !important; }

}



@media (max-width: 445px) {
header .wrapper { margin:0; padding:0 0 50px 0; }

.logo { position:static; width:150px; margin:0 auto 10px; text-align:center; }
.logo img { width:100%; }

.tel { position:static; width:195px; margin:0 auto 10px; } 
.offer { position:static; padding-top:10px; width:auto; margin:0 0 20px; }
ul.platforms { margin:0 0 30px 0; }
ul.platforms li:before { font-size:28px; }

.optionsList { position:static; width:auto; margin:0 0 0 15%; }
.optionsList ul { font-size:14px; position:static; width:100%; padding:0; -webkit-column-count:auto; column-count:auto; }
.optionsList ul li { display:block; }

.features .wrapper { margin:10px; }
.features ul li { width:45%; display:inline-block; height:200px; margin:0 0 30px }

.rates .wrapper { margin:0 10px; }

}