*{padding: 0; margin: 0; color: #fff;}
@font-face {
  font-family: FontTitolo;
  src: url(../fonts/Lora.ttf);
}
@font-face {
  font-family: FontCorpo;
  src: url(../fonts/Metropolis-Light.otf);
}
@font-face {
  font-family: FontCorpoGrassetto;
  src: url(../fonts/Metropolis-Bold.otf);
}
body{background: #fff; overflow-x: hidden;}
h1,h2,h3,h4,h5{text-align: center;  font-weight: 300; font-family: "FontTitolo";}
p{font-weight: 300; font-family: "FontCorpo"; }
h1{font-size: 60px;}
h2{font-size: 52px; color: #fbbc15; margin-bottom: 40px; }
h3{color: #fbbc15; font-size: 38px;}
h5{text-align: left; margin-top: 30px; padding-bottom: 20px; border-bottom: 1px solid #28282d; font-size: 26px;}
.selection-text{color: #fbbc15; font-size: 72px; text-align: center;}
.small-text{color: #000; font-size: 18px; text-align: center;}
.main-text{font-size: 17px; text-align: left; margin-left: 20px; margin-right: 20px; }
.bold-text{font-weight: 300; font-family: "FontCorpoGrassetto";  font-size: 17px; text-align: left; margin-left: 20px; margin-right: 20px; }
.red-text{color: #ff8fa2;}
.slider-row{margin-top: 30px;}
a:focus, a:hover{text-decoration: none;}
.button-container{margin-top: 50px;}
button:hover{cursor: pointer;}
#politika-main{padding: 30px;}
/*-----------preloader---------------*/
#preloader{
	    z-index: 1000;
    background: #000;
    position: fixed;
    width: 100%;
}
#preloader, #preloader .container, #preloader .container .row{height: 100vh;}
/*#preloader{position: absolute; top: 0; left: 0;}*/
#preloader svg{width: 100%; height: 300px; display: block; margin: auto;}
#preloader #path14{fill: #0097d9; animation: preloader-anim 2s linear infinite;}
#preloader #text20{fill: #0097d9; animation: preloader-anim 2s linear infinite;}
@keyframes preloader-anim{
	0%{fill: #ffffff;}
	50%{fill: #0097d9;}
	100%{fill: #ffffff;}
}

/*#preloader-test-html img{ background: linear-gradient(to bottom, rgba(255,0,0,0) 0%,rgba(255,0,0,0.65) 100%);}*/
#preloader img{fill: green;}

/*----------------------styles for first block with images after/before----------------------------*/
#container1 img{width: 100%;}
.twentytwenty-horizontal .twentytwenty-handle:before, .twentytwenty-horizontal .twentytwenty-handle:after{
	height: 440%;
	opacity: 0.3;
}
.twentytwenty-handle:hover{
	background: rgba(251, 189, 26,0.4);
	transition: background .7s;
}

.twentytwenty-handle{

  animation: shine 2s linear infinite;
}

@keyframes shine {
  0% {background: rgba(0,0,0,0.4);transform: scale(1);}
  50% {background: rgba(251, 189, 26,1);transform: scale(1.1);}
  100% {background: rgba(0,0,0,0.4);transform: scale(1);}
}

.twentytwenty-horizontal .twentytwenty-handle:before, .twentytwenty-horizontal .twentytwenty-handle:after{
	width: 1px;
}
.twentytwenty-horizontal .twentytwenty-before-label:before{
	left: 30%;
}
.twentytwenty-horizontal .twentytwenty-after-label:before{
	right: 30%;
}

/*--------------------------styles for block with video BG---------------------------------------*/
.fullscreen-bg {
    overflow: hidden;
    z-index: 0;
    position: relative;
    height: 100%;
    width: 100%;
    padding-top:45%;
}
.fullscreen-bg__video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

.overlay {
    background: rgba(0,0,0,0.75);
    position: absolute;
    top:0;
    left:0;
    width: 100%;
    height: 100%;
    z-index: 4;
}


/*----First-block (menu)----*/
#first-block .wa_icon {
    margin-bottom: 3px;
    width: 20px;
}
#first-block{
	padding: 5px 0;
	position: fixed; 
	background: rgba(255,255,255,1);  /* rgba(251, 188, 21, 0.2); /* rgba(255,255,255,0.05); */
	width: 100%; 
	z-index: 20;
	transition: all 1s;
}
.first-block-scrolled{background: rgba(255, 255, 255, 1) !important;}
.logo img{max-width: 70px;}
.menu{display: inline; text-align: center;}
.menu-item{display: inline-block; padding: 10px; font-size: 16px;}
.top-tel{margin: 0; font-size: 16px;}
.top-contacts-item{margin: 0; font-size: 16px;}
/*----animation-menu-hover----*/
.menu a, .whatsapp_link {
    display: inline-block;
    color:#000;
    text-decoration:none;
    cursor: pointer;
    position:relative;
}
.menu a:after, .whatsapp_link:after {
    display: block;
    content: "";
    background-color: #000;
    height: 1px;
    width: 0%;
    left:50%;
    position:absolute;
    -webkit-transition: width .3s ease-in-out;
    -moz--transition: width .3s ease-in-out;
    transition: width .3s ease-in-out;
    -webkit-transform:translateX(-50%);
    -moz-transform:translateX(-50%);
    transform:translateX(-50%);
}
.whatsapp_link-big{
  display: block;
  position: fixed;
  top: 15px;
  right: 50px;
  height: 50px;
  width: 50px;
  z-index: 100;
}
.whatsapp_link-big img{
  width: 100%;
  object-fit: cover;
}
.menu a:hover:after,
.menu a:focus:after,
.whatsapp_link:hover:after,
.whatsapp_link:focus:after {
    width: 100%;
    background-color: #000;
    transition: all .2s;
}
.menu a:hover, .whatsapp_link:hover{
	color: #fbbc15;
	transition: all .5s;
}
.menu-item-active{
	color: #000;
	transition: all .5s;
}
.menu-item-active:focus:after {
    width: 100%;
    background-color: #000;
    transition: all .5s;
}

/*----animation-order-hover-----*/
a.main-btn, button.main-btn {
    font-size: 18px;
    text-decoration: none;
    position: relative;
    color: #4A4A4A;
    display: inline-block;
}
.main-btn {
	z-index: 2;
display: block;
margin: auto;
overflow: hidden;
  padding: 10px;
  border: 3px solid #0097d9;
  transition: all 300ms ease;
  box-shadow: 0px 4px 10px 2px rgba(0, 0, 0, 0.2);
}
.main-btn:before {
  position: absolute;
  content: '';
  width: 0%;
  height: 100%;
  background: #0097d9;
  top: 0;
  left: 50%;
  z-index: -1;
  transition: all 0ms ease;
}
.main-btn:hover {
  color: white;
  box-shadow: none;
}
.main-btn:hover:before {
  position: absolute;
  content: '';
  width: 100%;
  height: 100%;
  background: #0097d9;
  top: 0;
  left: 0%;
  z-index: -1;
  transition: all 300ms ease;
}
/*-----periodicheskoe-animation-button----*/
.btn-anim:before {
  content: "";
  background: linear-gradient(90deg, rgba(255,255,255,.03), rgba(255,255,255,.5));
  height: 100px;
  width: 50px;
  position: absolute;
  top: -8px;
  transform: skewX(-45deg);
  animation: shinev2 4s linear infinite;
}
@keyframes shinev2 {
  0% {left: -75px;}
  50% {left: 600px;}
  100% {left: 600px;}
}

/*------main-----*/
#main{
    background-image: url('../img/incipit.jpg'); /*	background-image: url('../img/new-test-divan.jpg');*/
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
  height: 100vh;
}
.main-header-desc{font-size: 26px; text-align: center;}
.adv-border-right{border-right: 1px solid rgba(255,255,255,0.4);}


/*-------numeri---------*/
#preimuschestva{margin-top: 50px; margin-bottom: 50px}

/*-----about us-----*/
#aboutus{
	height: auto;
    background: url('../img/chi_sono.jpg') no-repeat top; 
	padding: 100px 0 100px;
/*	background-image: url('../img/pic08.jpg');
	background-repeat: no-repeat;
	background-size: cover; */
	background-position: center;
    box-shadow: inset 1px 2000px rgba(0,1,1,0.6);
}


/*------------how we work--------------*/
/*#howwework{padding: 80px 0;background: url('../img/howweworks_bg.jpg') no-repeat top; background-size: cover; }*/
#howwework{
    padding: 100px 0;
    background: url('../img/come_lavoro.jpg') no-repeat top; 
    background-size: cover;
    box-shadow: inset 1px 2000px rgba(0,1,1,0.6);
}
#howwework ul{list-style: none;}
#howwework ul li{margin-bottom: 20px; text-align: left;}
#howwework ul li::before {content: "•"; color: #0097d9; padding-right: 20px;}
.howwework-item-container{margin-bottom: 30px;}
.howwework-counter, .howwework-header{display: inline-block;}
.howwework-desc{display: none; margin-top: 20px;}
.howwework-desc p{text-align: left;}
.howwework-counter{
	margin-right: 50px;
	color: #fff;
	transition: all .5s;
	font-size: 30px;
	vertical-align: middle;
	line-height: 77px;
	text-align: center;
	width: 80px;
	height: 80px;
	border: 3px solid #fbbc15;
}
.howwework-counter:hover{cursor: pointer;}
.howwework-header{font-size: 26px; color: #fff;}
.howwework-item:hover .howwework-counter{
	background: #fbbc15;
	color: #fff;
}
.howwework-header{
    display: inline-block;
    color:#fff;
    text-decoration:none;
    cursor: pointer;
    position:relative;
}
.howwework-header:after {
    display: block;
    content: "";
    background-color: #fbbc15;
    height: 1px;
    width: 0%;
    left:50%;
    position:absolute;
    -webkit-transition: width .3s ease-in-out;
    -moz--transition: width .3s ease-in-out;
    transition: width .3s ease-in-out;
    -webkit-transform:translateX(-50%);
    -moz-transform:translateX(-50%);
    transform:translateX(-50%);
}
.howwework-header:hover:after,
.howwework-header:focus:after {
    width: 100%;
    background-color: #fff;
    transition: all .5s;
}
.howwework-header:hover{
	color: #fff;
	transition: all .5s;
}
.howwework-header:focus:after {
    width: 100%;
    background-color: #fff;
    transition: all .5s;
}
.howwework-active .howwework-header:after{
	width: 100%;
    background-color: #fff;
    transition: all .5s;
}
.howwework-active .howwework-counter{
	background: #fbbc15;
	color: #fff;
}
/*-------materials--------*/
#materials{
	padding: 50px 0;
}

/*-------partners-------*/
#partners{
	padding: 50px 85px;
}

/*-------works-------*/
#works{
	padding: 100px 235px;
    padding-bottom: 50px;
}
#works .button-container{margin-top: 50px;}

/*-------contacts-------*/
#contacts{
    /* background-image: url('../img/card_background.png'); 
	background-repeat: no-repeat;
	background-size: cover; 
	background-position: top left; */
    /* background-image: url('../img/card_logo.png'); 
	background-repeat: no-repeat;
	background-position: 0px 80px;
    background-size: auto;  */
    background-color: white;
	padding-left: 0px;
    padding-top: 80px;
    height: 800px; 
    /* box-shadow: inset 1px 2000px rgba(0,1,1,0.6); */
}

.card-logo{
    max-width: 100%;
    height: auto;
}

.hr-contacts {
    width: 80%;
    border-top: 2px solid #fbbc15;
}

.left-result{
	display: none;
	position: absolute; 
	top: 50%; 
	left: 50%;
	height: 250px;
	width: 350px;
	margin-left: -175px;
	margin-top: -125px;
	background: rgba(0,0,0,0.7);
}
.left-result .button-container{margin: 0;}

.calc-block-none{display: none;}
.calc-block-none .checks-type .check label input + span{
	display: block;
	padding: 10px 20px;
	height: auto;
	font-size: 20px;
	width: 350px;
	text-align: center;
	color: #0097d9;
	border: 3px solid transparent;
}
.calc-block-none .checks-type .check label input:checked + span{
	border: 3px solid #0097d9;
}
.calc-block-none .checks-type .check{width: 100%;}
.calc-block-none .checks-type .check label span:hover{
	color: #fff !important;
}
.calc-select-container{text-align: center; margin-bottom: 20px;}

.calc-navigation-button{display: inline-block;}
.doc-button{
	display: inline-block; 
	padding: 10px 20px; 
	border: 3px solid transparent;
	transition: all .5s;
}
.doc-button:hover{
	border: 3px solid #0097d9;
	cursor: pointer;
}
.doc-button i{display: inline-block;}
.calc-button-right{position: absolute;right: 0;}
.btn-calc-next i{padding-left: 10px;}
.btn-calc-prev i{padding-right: 10px;}
.intermediate-result .small-text{font-size: 14px; float: left; text-align: left; margin-bottom: 50px;}
.intermediate-result .selection-text{font-size: 50px; display: block;}
#int-result-digit{color: #0097d9;}
.calc-block-none .button-container{margin-top: 50px;}

.calc-usloviya{
	text-align: left;
	font-size: 18px;
	margin-top: 20px;
}
.calc-usloviya i{margin-right: 10px; color: #0097d9;}
.dostavka label input + span{width: 260px !important; margin: 0 !important;}
.dostavka.calc-select-container{margin: 0;}

/*mapblock*/
.wa_icon {width: 30px; }

/*-------action-------*/
#action{
	height: 800px;
	padding: 50px 0;
	background-image: url('../img/action.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}
#action h3, #action .main-text{text-align: left;}
#action h3{margin-bottom: 50px; line-height: 1.3;}

/*------instagram------*/
#instagram{
    height: 100%; /* originale 600px */
    padding: 100px 0;
	background-color: black;
}
.insta-photo{margin-bottom: 30px;}
/*.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {padding-left: 0px !important; padding-right: 0px !important;}*/
.instagram-wrap {background: #eeeeee;}
#instagram .container .row{
	text-align: center;
    width: 100%;
    margin: auto;
}
/*.instagram-content .photo-box {margin: 0 0 30px 0;}*/
.instagram-content .photo-box .image-wrap img {width: 100%;height: 360px; object-fit: cover;}
@media(max-width: 1200px){
	.instagram-content .photo-box .image-wrap img {width: 100%;height: 300px; object-fit: cover;}
	}
@media(max-width: 990px){
	.instagram-content .photo-box .image-wrap img {width: 100%;height: 220px; object-fit: cover;}
	}
@media(max-width: 768px){
	#instafeed .col-4{padding: 0; margin: 0;}
	.instagram-content .photo-box .image-wrap img {width: 100%;height: 160px; object-fit: cover;}
	}
@media(max-width: 560px){
	.instagram-content .photo-box .image-wrap img {width: 100%;height: 200px; object-fit: cover;}
	}
@media(max-width: 460px){
	.instagram-content .photo-box .image-wrap img {width: 100%;height: 125px; object-fit: cover;}
	.instagram-content .photo-box .image-wrap .likes {bottom: 40px !important; left: auto !important; right: 15px !important;}
	.instagram-content .photo-box .image-wrap .comments {bottom: 10px !important;}

	}
@media(max-width: 360px){
                 .instagram-content .photo-box .image-wrap img {width: 100%; height: 94px; object-fit: cover;}
	}
.instagram-content .photo-box .image-wrap .likes {position: absolute;bottom: 105px;left: 15px;padding: 5px;background: black;background: rgba(0, 0, 0, 0.4);color: white;}
.instagram-content .photo-box .description {font-size: 12px;background: white;color: #9b9b9b;letter-spacing: 1px;padding: 15px;height: 75px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}                                         
.instagram-content .photo-box .image-wrap .comments {position: absolute;bottom: 105px;right: 15px;padding: 5px;background: black;background: rgba(0, 0, 0, 0.4);color: white;}



/*---------contacts---------*/
#map{width: 100%; height: 100px; position: absolute; z-index: 5;}
#map-block .col-12{padding: 0; }
.biglietto{font-size: 30px; text-align: left;  font-weight: 300; font-family: "FontTitolo"; color: black;}
.dati-biglietto{font-size: 20px; text-align: left; font-family: "FontCorpo"; color: black;}
.map-text-container-main, .map-text{
    padding-left: 30px;
    height: 150px; }
.map-text-container{padding-left: 0px; padding-top: 20px;}
.map-desc{font-size: 18px; line-height: 32px; color: #fff; margin-bottom: 0;}
.map-front-text-block{z-index: 10;}
#map-block .top-tel{margin: 0; font-size: 18px; color: #fff;}
/*#map-block .top-tel a{color: #fff;}*/
#map-block .button-container{margin-top: 10px;}

/*------------footer------------*/
footer{padding: 50px; background: #fff;}
.copywright{margin: 0; color: #000; text-align: center;}
.license-block{text-align: right;}

/*---------------------Carousel styles-------------------------*/
#materials .owl-stage .container_image_exm {
    transition: all 0.5s linear 0s;
    transform: scale(0.8) !important;
}
#materials .owl-item.center .container_image_exm {
    transition: all 0.5s linear 0s;
    transform: scale(1) !important;
    margin: 0 !important;
}
.owl-nav{
	margin-bottom: 30px;
	top: 50%;
	position: absolute;
    width: 100%;
    margin-top: 0 !important;
}
.owl-carousel .owl-stage{
	display: flex;
  	align-items: center;
}
#materials .owl-nav .owl-prev{position: absolute; left: 100px; margin-top: -39px;}
#materials .owl-nav .owl-next{position: absolute; right: 100px; margin-top: -39px;} 

#partners .owl-nav .owl-prev{position: absolute; left: -70px; margin-top: -39px;}
#partners .owl-nav .owl-next{position: absolute; right: -70px; margin-top: -39px;} 

#works .owl-nav .owl-prev{position: absolute; left: -100px; margin-top: -39px;}
#works .owl-nav .owl-next{position: absolute; right: -100px; margin-top: -39px;} 

.owl-theme .owl-nav [class*=owl-]{
	background-color: transparent !important;
}
.owl-theme .owl-nav [class*=owl-] i{
	transition: all .5s;
	font-size: 70px;
	color: #fbbc15;
}
.owl-theme .owl-nav [class*=owl-]:hover i{
	color: #fff;
}









.jq-selectbox select {display:none;}
.checks-type {   margin: 19px -4% 20px 0;}
.checks-type:after {content:'';display:block;clear:both;}
.checks-type .check {float:left;width:50%;    margin: 12px 0 13px;}
.checks-type .check:nth-child(odd) {clear:both;}
.checks-type .check label {cursor:pointer; position:relative;}
.checks-type .check label input {opacity:0;position:absolute;}
.checks-type .check label input + span {font-size:13px;    line-height: 1.3; color:#acacac; font-weight:400;display:table-cell; height:50px; vertical-align:middle; padding-left:90px;}
.checks-type .check label input:checked + span {color:#0097d9;}
.checks-type .check label:hover span {color:#0097d9;}
.checks-type  .check label input + span {position:relative; }
.checks-type  .check label input + span:after { content:''; position:absolute; top:0; left:0;}
.checks-type  .t1 label input + span:after{background:url("../img/icons_for_calculator.png") no-repeat 0 0;  width:71px; height:51px; }
.checks-type  .t1 label input:checked + span:after{    background-position:-80px 0px;}
.checks-type  .t1 label:hover input + span:after{     background-position:-80px 0px; }
.checks-type  .t2 label input + span:after{background: url("../img/icons_for_calculator.png") no-repeat -2px -310px;     left: 10%;width:29px; height:55px; }
.checks-type  .t2 label input:checked + span:after{     background-position:-82px -310px;}
.checks-type  .t2 label:hover input + span:after{    background-position:-82px -310px;}
.checks-type  .t3 label input + span:after{background: url("../img/icons_for_calculator.png") no-repeat 0px -63px ;  width:75px; height:42px; }
.checks-type  .t3 label input:checked + span:after{    background-position:-80px -63px;}
.checks-type  .t3 label:hover input+ span:after{    background-position:-80px -63px; }
.checks-type  .t4 label input + span:after{background: url("../img/icons_for_calculator.png") no-repeat -1px -372px ;     left: 9%;width:32px; height:58px; }
.checks-type  .t4 label input:checked + span:after{    background-position:-81px -372px;}
.checks-type  .t4 label:hover input + span:after{    background-position:-81px -372px; }
.checks-type  .t5 label input + span:after{background: url("../img/icons_for_calculator.png") no-repeat 0px -112px ;  width:60px; height:55px;     left: 3%;}
.checks-type  .t5 label input:checked + span:after{background-position:-80px -112px ; }
.checks-type  .t5 label:hover input + span:after{background-position:-80px -112px ; }
.checks-type  .t6 label input + span:after{background: url("../img/icons_for_calculator.png") no-repeat 0px -448px ;     left: 8%;width:48px; height:41px; }
.checks-type  .t6 label input:checked + span:after{background-position:-80px -448px ;}
.checks-type  .t6 label:hover input + span:after{background-position:-80px -448px ; }
.checks-type  .t7 label input + span:after{background: url("../img/icons_for_calculator.png") no-repeat -1px -178px ;     left: 5%;width:46px; height:50px; }
.checks-type  .t7 label input:checked + span:after{background-position:-81px -178px ;}
.checks-type  .t7 label:hover input + span:after{background-position:-81px -178px ; }
.checks-type  .t8 label input + span:after{    background: url("../img/icons_for_calculator.png") no-repeat -198px -10px;    left: 7%; width:65px; height:43px; }
.checks-type  .t8 label input:checked + span:after{ background-position:-283px -10px; }
.checks-type  .t8 label:hover input + span:after{   background-position:-283px -10px; }
.checks-type  .t9 label input + span:after{    background:url("../img/icons_for_calculator.png") no-repeat 0px -250px;     left: 2%; width:66px; height:52px; }
.checks-type  .t9 label input:checked + span:after{     background-position:-80px -250px;}
.checks-type  .t9 label:hover input + span:after{      background-position:-80px -250px; }
.checks-type  .t10 label input + span:after{      background: url("../img/icons_for_calculator.png") no-repeat -196px -61px;  width:78px; height:70px;top: -6px; }
.checks-type  .t10 label input:checked + span:after{     background-position:-281px -61px;}
.checks-type  .t10 label:hover input + span:after{       background-position:-281px -61px; }


/*-----------------------------------STYLES FOR FORMS (CALC FORM TOO)----------------------------------------*/
.login-page {
  width: 360px;
  margin: auto;
}
.form {
  position: relative;
  z-index: 1;
  max-width: 360px;
  text-align: center;
}
.form input {
	color:#000;
  outline: 0;
  background: #f2f2f2;
  width: 100%;
  border: 0;
  margin: 0 0 15px;
  padding: 15px;
  box-sizing: border-box;
  font-size: 14px;
}
.form .message {
  margin: 15px 0 0;
  color: #0097d9;
  font-size: 12px;
}
.form .message a {
  color: #0097d9;
  text-decoration: none;
}
.form .register-form {
  display: none;
}
.calc-submit-btn{
	margin-top: 0;
	width: 100%;
	background: transparent;
}
.login-form .button-container{margin-top: 0;}
/*--------------------popup form---------------------*/
.close {
    z-index: 9999;
    float: right;
    width: 30px;
    height: 30px;
    color: black;
    text-align: center;
    text-decoration: none;
    line-height: 26px;
    cursor: pointer;
}
.close:after {
    font-weight: 300;
    display: block;
    border: 2px solid black;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    content: 'X';
    -webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
    transition: all 0.6s;
    -webkit-transform: scale(0.85);
    -moz-transform: scale(0.85);
    -ms-transform: scale(0.85);
    transform: scale(0.85);
}
/* кнопка закрытия при наведении */
 
.close:hover:after {
    border-color: lightgray;
    color: lightgray;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}
/* варианты фонвой заливки модального блока */
 
.green {
    background: #388e3c!important;
}
.cyan {
    background: #0097a7!important;
}
.teal {
    background: #00796b!important;
}
/* движуха при появлении блоков с содержанием */
 
@-moz-keyframes fade {
    from {
        opacity: 0;
    }
    to {
        opacity: 1
    }
}
@-webkit-keyframes fade {
    from {
        opacity: 0;
    }
    to {
        opacity: 1
    }
}
@keyframes fade {
    from {
        opacity: 0;
    }
    to {
        opacity: 1
    }
}


/* Стили для затемнения фона */
.popup-overlay{
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: rgba(255, 255, 255, 0.7);
  z-index: 100;
}
 
/* Основные стили для всплывающего окна */
.popWindow{
  display: none;
  background-color: #000;
  color: #000;
  width: 90%;
  max-width: 720px;
  padding: 40px 30px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -360px;
  margin-top: -185px;
  text-align: center;
  box-shadow: 0 0 30px rgba(18, 17, 12, 0.5);
}
.lead-catcher-block{
  display: block;
  top: 0;
  margin-top: 0;
}
.lead-catcher a{
  margin-left: 30px;
}
.lead-catcher a img{
  margin-right: 15px;
}
/* Стили для адаптивности всплывающего окна */
@media only screen and (max-width : 800px) {
  .popWindow, .popWindow-lovec, .popWindow-jogedj {
    margin-left: -45%;
  }
}
/* Кнопка закрыть всплывающее окно */
.close-btn {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 40px;
  line-height: 20px;
  cursor: pointer;
  color: #999;
  padding: 10px;
}
/* Просто текст */
.subscribe_window .subcsribe-text {
  font-size: 18px;
  text-align: center;
  color: #000;
  margin: 0 0 40px;
  position: relative;
  padding: 0 50px;
  z-index: 10;
}

/* Стили формы */
.subscribe-form {

  width: 100%;
  max-width: 350px;
  margin: 0 auto;
  margin-top: 50px;
}
.subscribe-form div {
  position: relative;
}

@media only screen and (max-width : 480px) {
  .subscribe_window{
    top: 5%;
    margin-top: 0;
  }
  .subscribe_window .subcsribe-text{
    padding: 0;
  }
}
 
/* Стили для текста внутри благодарственного окна после успешной отправки */
.thank_you_window .thank_you_title {
  color: #000;
  font-size: 32px;
  line-height: 50px;
  font-weight: 300;
  margin-bottom: 10px;
}
.thank_you_window .thank_you_body {
  color: #000;
  font-size: 16px;
  font-weight: 300;
}
.thank_you_window{
    font-size: 26px;
}
.subscribe-form .button-container{margin-top: 0;}
.calc-thank-you-container{display: none;}


/*-----animated arrow-----*/
.animated-arrow{
    position: absolute;
    width: 120px;
    text-align: center;
    left: 50%;
    margin-left: -60px;
    bottom: 100px;
  }
  .chevron { 
  position: absolute; 
  width: 28px; 
  height: 8px; 
  margin-left: -14px;
  opacity: 0; 
  transform: scale3d(0.5, 0.5, 0.5); 
  animation: move 3s ease-out infinite; 
  } 
   
  .chevron:first-child { 
  animation: move 3s ease-out 1s infinite; 
  } 
   
  .chevron:nth-child(2) { 
  animation: move 3s ease-out 2s infinite; 
  } 
   
  .chevron:before, 
  .chevron:after { 
  content: ' '; 
  position: absolute; 
  top: 0; 
  height: 100%; 
  width: 51%; 
  background: #fff; 
  } 
   
  .chevron:before { 
  left: 0; 
  transform: skew(0deg, 30deg); 
  } 
   
  .chevron:after { 
  right: 0; 
  width: 50%; 
  transform: skew(0deg, -30deg); 
  } 
   
  @keyframes move { 
  25% { 
  opacity: 1; 
  } 
  33% { 
  opacity: 1; 
  transform: translateY(30px); 
  } 
  67% { 
  opacity: 1; 
  transform: translateY(40px); 
  } 
  100% { 
  opacity: 0; 
  transform: translateY(55px) scale3d(0.5, 0.5, 0.5); 
  } 
  } 
   
  .text-arrow { 
  display: block; 
  font-size: 12px; 
  color: #fff; 
  text-transform: uppercase; 
  white-space: nowrap; 
  opacity: .25; 
  animation: pulse 2s linear alternate infinite; 
  } 
   
  @keyframes pulse { 
  to { 
  opacity: 1; 
  } 
  } 

/* slider */
  .slide-bgimg.alcantra-main{
    background: url('../slider/slider-img/alcantra/1.jpg') center no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
  }
    .slide-bgimg.ecoskin-main{
    background: url('../slider/slider-img/ecoskin/1.jpg') center no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
  }
    .slide-bgimg.flock-main{
    background: url('../slider/slider-img/flock/1.jpg') center no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
  }
    .slide-bgimg.jackard-main{
    background: url('../slider/slider-img/jackard/1.jpg') center no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
  }
    .slide-bgimg.skin-main{
    background: url('../slider/slider-img/skin/1.jpg') center no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
  }
    .slide-bgimg.velure-main{
    background: url('../slider/slider-img/velure/1.jpg') center no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
  }
/*  .slide-image-item{
    background: url('../slider/slider-img/alcantra/1.jpg') center no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
  }*/
  .slide-bgimg img{
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

/*---------------------------------------------ADAPTIFFKA-------------------------------------------------------*/
@media(max-width: 1367px){
	#aboutus{
		height: 800px;
	}
	.fullscreen-bg__video{height: 800px; width: auto;}
	.dostavka label input + span{width: 280px !important;}
}
@media(max-width: 1200px){
	h1{font-size: 40px;}
	h2{font-size: 32px;}
	h3{font-size: 26px;}
	h5{font-size: 16px;}
	.selection-text{font-size: 32px;}
	.main-header-desc{font-size: 18px;}
	.main-text{font-size: 11px;} /* 14 */
    .bold-text{font-size: 11px;} /* new */
	.small-text{font-size: 14px;}
	.menu-item{
		padding: 5px;
	}
	.top-contacts-item, .top-contacts-item a{
		font-size: 14px;
	}
	a.main-btn, button.main-btn{
		font-size: 14px;
	}
	.twentytwenty-horizontal .twentytwenty-handle:before, .twentytwenty-horizontal .twentytwenty-handle:after{height: 250%}
	#aboutus{
		height: 600px;
	}
	#works{padding: 50px 100px;}
	.left-result{
		height: 170px;
	    width: 300px;
	    margin-left: -155px;
	    margin-top: -85px;
	}
	.checks-type .check{margin: 0;}
	.calc-select-container{margin: 0;}
	.calc-block-none .checks-type .check label input + span{font-size: 16px; width: 300px;}
	.intermediate-result .selection-text{font-size: 32px;}
	.intermediate-result .small-text{font-size: 12px;}
	#action{height: 450px;}
	#map{height: 450px;}
	#map .ymaps-2-1-71-map{height: 450px;}
	.map-text-container-main, .map-text{height: 450px;}

	#howwework{padding-top: 50px;}
	.howwework-counter{margin-right: 30px; 
		font-size: 16px;     
		line-height: 55px;
    	width: 60px;
    	height: 60px; 
    	vertical-align: middle;}
	.howwework-header{font-size: 20px; max-width: 1000px;}
	.dostavka label input + span{width: 220px !important;}
}
@media(max-width: 991px){
	h1{font-size: 32px;}
	h3{font-size: 19px;}
	.main-header-desc{font-size: 14px;}
	.selection-text{font-size: 50px;}
	#first-block{display: none;}
	#aboutus{height: 600px;}
	#materials{padding-top: 0;}
	.fullscreen-bg{padding-top: 80%;}
	.fullscreen-bg__video{width: auto;}
	.checks-type .check label input + span:after{transform: scale(0.6); margin-left: -15px;}
	.checks-type .check label input + span{padding-left: 70px; height: 40px;}
	.login-page{width: auto;}
	.map-desc {
    	font-size: 11px;
    	line-height: 20px;
    }
    .map-text-container{padding: 30px;}
    .copywright, .license-block{font-size: 12px;}

    #howwework{padding-top: 50px;}
	.howwework-counter{margin-right: 10px; font-size: 16px; line-height: 24px; width: 30px; height: 30px; vertical-align: bottom;}
	.howwework-header{font-size: 20px; max-width: 1000px;}

	.dostavka.calc-select-container{margin: 20px 0;}
	.calc-usloviya{text-align: center;}
	.calc-block-none .button-container{margin-top: 0;}



	@keyframes shine {
	  0% {background: rgba(0,0,0,0.4);transform: scale(0.6);}
	  50% {background: rgba(251,189,26,1);transform: scale(0.8);}
	  100% {background: rgba(0,0,0,0.4);transform: scale(0.6);}
	}
}
@media(max-width: 768px){
  #main{height: 50vh;}
  .animated-arrow{display: none;}
	h1{font-size: 28px;}
	.main-header{margin-bottom: 20px;}
	.adv-border-right-mobile-none{border-right: none;}
	.adv-item-container{margin-bottom: 20px;}
	.fullscreen-bg{padding-top: 105%;}
	.fullscreen-bg__video{width: auto;}
	#aboutus{height: 600px;}
	#works{padding: 50px 80px;}
	.form{display: block; margin: auto;}
	#action h3{margin-bottom: 20px;}
	#map{height: 600px;}
	#map .ymaps-2-1-71-map{height: 600px;}
	.map-text-container-main, .map-text{height: 600px;}
	.map-desc{font-size: 20px; line-height: 30px;}
	#map-block .top-tel a{font-size: 20px;}
	.map-front-text-block{margin-bottom: 330px;}

	#howwework{padding-top: 50px;}
	.howwework-counter{margin-right: 10px; font-size: 16px; line-height: 24px; width: 30px; height: 30px; vertical-align: bottom;}
	.howwework-header{font-size: 20px; max-width: 270px;}
	.dostavka.calc-select-container{margin: 20px 0;}
	.calc-usloviya{text-align: center;}
/*  #aboutus, #materials, #partners, #works{display: none;}*/

}
@media screen and (orientation:landscape) and (max-width: 768px){
  #main{height: 100vh;}
  .animated-arrow{display: block;}
  #aboutus{height: 570px}
  #main{margin-bottom: -20px;}
  .fullscreen-bg{padding: 0;}
  .text-content-video-block{margin-top: 0;}
  #works .button-container{margin-top:30px;}
  .fullscreen-bg__video{height: 100%}
  #map{height: 450px;}
  #map .ymaps-2-1-71-map{height: 450px;}
  .map-text-container-main, .map-text{height: 450px;}
  .map-front-text-block{margin-bottom: 250px;}
  .map-text-container{padding: 10px 30px;}
  h1{font-size: 24px;}
  .animated-arrow {bottom: 50px;}
}
.countdown{display: none;}
.secret-ending{display: none;}
.secret-ending .popup-overlay{
  background: rgba(255,255,255,1);
}
.secret-ending .popWindow{
  background: #fff;
  box-shadow: none;
}
@media(max-width: 576px){
	h1{font-size: 19px;}
	h2{font-size: 28px;}
	h3{font-size: 21px; margin-bottom: 10px;}
	.main-text{font-size: 10px;} /* 13 */
    .bold-text{font-size: 10px;} /* new */
	.main-header{margin-bottom: 0;}
	.main-header-desc{font-size: 14px;}
	.selection-text{font-size: 30px;}
	.small-text{font-size: 13px;}
	.adv-item-header{margin-bottom: 5px;}
	.fullscreen-bg{padding-top:500px;}
	.text-content-video-block{margin-top: 80px;}
	#materials{padding-top: 0px;}
	#partners{padding: 50px 0;}
	#partners .owl-nav .owl-prev{left:0;}
	#partners .owl-nav .owl-next{right: 0;}
	#partners h3{margin-bottom: 10px;}
	#works{padding: 10px 80px;}
	.twentytwenty-overlay:hover{background: none;}
	.twentytwenty-horizontal .twentytwenty-after-label:before, .twentytwenty-horizontal .twentytwenty-before-label:before{display: none;}
	.checks-type .check label input + span{padding-left: 55px;}
	.checks-type .check label input + span{font-size: 11px;}
	.calc-block-none .checks-type .check label input + span{font-size: 12px; width: 200px;}
	.doc-button{font-size: 14px; padding:  5px 20px;}
	.intermediate-result .small-text{font-size: 10px; margin-bottom: 10px;}
	.calc-block-none .button-container{margin-top: 0px;}
	.checks-type{width: 100%;}
	.fullscreen-bg__video{height: 100%}
	#aboutus{height: 900px}
	#main{margin-bottom: -20px;}
	.fullscreen-bg{padding: 0;}
	.text-content-video-block{margin-top: 0;}
	#works .button-container{margin-top:30px;}
	#aboutus .main-text{text-align: left;}
	.howwework-counter{margin-right: 10px; font-size: 16px; line-height: 24px; width: 30px; height: 30px; vertical-align: bottom;}
	.howwework-header{font-size: 20px; max-width: 240px;}
	.dostavka.calc-select-container{margin: 20px 0;}
	.calc-usloviya{text-align: center;}
	@keyframes shine {
	  0% {background: rgba(0,0,0,0.4);transform: scale(0.6);}
	  50% {background: rgba(251,189,26,1);transform: scale(0.8);}
	  100% {background: rgba(0,0,0,0.4);transform: scale(0.6);}
  }
  #materials .col-12{
    padding-top: 30px;
  }
       
}

.fa-whatsapp {
  /*color:#fff;*/
  color: #25d366;
  /*
      background:
  linear-gradient(#25d366,#25d366)10px 84%/15px 15px no-repeat,
  radial-gradient(#25d366 59%,transparent 100); */
}

.fa-facebook-square {
  color: #3b5998;
  background-image: linear-gradient( to bottom, transparent 20%, white 20%, white 93%, transparent 93% );
  background-size: 55%;
  background-position: 70% 0;
  background-repeat: no-repeat;
}

.fa-instagram {
  color: transparent;
  background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
  background: -webkit-radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
  background-clip: text;
  -webkit-background-clip: text;
}