﻿.vt_moduletable_content >ul > li {width:100%;}
@media(min-width: 768px){	
.container {    width: 750px !important;max-width:750px !important;}	
.fancybox-navigation .fancybox-button--arrow_left {
    left: 25vw;
}
.fancybox-navigation .fancybox-button--arrow_right {
    right: 25vw;
}	
}
@media(min-width: 992px){	.container {    width: 970px !important;max-width:970px !important;}
}
@media(min-width: 1200px){	.container {    width: 1200px !important;max-width:1200px !important;}
}
.vt_main{width: unset !important; max-width: unset !important; padding: unset; margin: unset;}
body{font-size: 14px;font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;line-height: 1.42857143;}
.vt_block > a{ color: #ee6d4b !important;}
.btn-primary{
	padding: 6px 12px;
    font-size: 14px;
}
.sliderss .fa-angle-left{
position:absolute;
left: -5%;
top: 45%;
font-size: 22px;
font-family: FontAwesome !important;
padding:7px 15px 7px 13px;
border: 1px solid black;
color:black;
}
.sliderss .fa-angle-right{
position:absolute;
right: -5%;
top: 45%;
font-size: 22px;
font-family: FontAwesome !important;
padding:7px 13px 7px 15px;;
border: 1px solid black;
color:black;
cursor:pointer;
}
.sliderss .fa:hover{
	border: 1px solid #ee6d4b;
	color:white;
	background-color:#ee6d4b;
}
.btn-primary:hover{
	background-color:#333333;
	border: 1px solid #ee6d4b;
	border-radius:unset;
}
#carouselExample{
	margin: 0px 0px 0xp 0px !important;
}


.background-order{background-color: #8c7a6c ;height: 550px;background-image: url(/templates/vt_consult/images/k2/rndoors/PIANCA-armadio-CORNICE.jpg);background-position: center;background-repeat: no-repeat;background-size: cover;}
.text-order{max-width: 500px !important;background-color:rgba(238, 109, 75, 0.7);font-size: 35px;color: white;height: auto;border-bottom: 1px solid white;margin:0 auto;margin-top: 50px;text-align: center;padding: 30px 20px;;}
.btn-order{line-height: 46px;cursor: pointer;position: absolute;z-index: 99;color: white;
background-color: #ee6d4b;font-size: 22px;width: 255px;height: 45px;text-align: center;margin-top:210px;
left:calc(50% - 127px);

	}
.btn-order:hover{background-color: white;cursor: pointer;color: #ee6d4b;}
.btn-order::after {
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
	opacity:1;
	pointer-events: none;
	position: absolute;
	width: 100%;
	height: 100%;
	content: '';
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	top:0px;
	left:0px;
	z-index:98;
	 -moz-box-sizing: border-box; /* Для Firefox */
      -webkit-box-sizing: border-box; /* Для Safari и Chrome */
      box-sizing: border-box; /* Для IE и Opera */

}
.btn-order:hover::after{background-color:white;width:130%;height:180%;opacity:0;top:-40%;left:-15%;}
.about-order{min-height: 170px;border-bottom: 1px solid lightgray ;}
.contact-order{background-color: #333333;height: 120px ;width: 235px !important;float: left;color: white;;padding-top: 10px;font-size: 16px;text-align:center}
.contact-order>p{border-bottom: 1px solid;height: 70px;margin-bottom: 10px;line-height: 20px;}
.contact-text{padding-top: 10px;font-size: 17px;}

.dignity{border-bottom: 1px solid lightgray ;padding-bottom: 30px;}
.dignity p{text-align: justify;padding-left: 5%;}
.dignity>h3{max-width: 550px;margin:0 auto;margin-top: 40px;text-align: center;border-bottom: 5px solid #ee6d4b;padding-bottom: 10px;margin-bottom: 70px;}
.dignity li{padding-left: 13px;font-size: 13px;font-weight: bold;}
.dignity-items div{text-align: center;overflow: hidden;margin-bottom: 10px;}
.dignity-items div img{width: 100%;}

.exp{border-bottom: 1px solid lightgray ;padding-bottom: 40px;}
.exp p{text-align: justify;padding: 0 30px;}
.exp-items{margin-top: 20px;}
.exp-title{text-align: center;margin-top: 20px;}
.exp-item{overflow: hidden;margin-bottom: 10px;height: 12vw;max-height: 170px;}
.exp-item img{height: 100%;width: 100%;max-width: 160px;}

.profile{border-bottom: 1px solid lightgray ;padding-bottom: 30px;margin-top: 30px;}
.profile p{text-align: justify;padding: 0 30px;}
.profile-title{text-align: center;}
.profile-items{}
.profile-item{overflow: hidden;margin-bottom: 10px;height: 9vw;max-height:140px; text-align: center;margin-right: 0px !important;margin-left: 0px !important;padding:0px;}
.profile-item img{width: 90%;height: 100%;margin-left:5%;}

.materials{border-bottom: 1px solid lightgray ;margin-top: 30px;padding-bottom: 40px;}
.materials p{text-align: justify;padding: 0 30px;}
.materials-title{text-align: center;margin-top: 0px;}
.materials-items{margin-top: 0px;}
.materials-item{overflow: hidden;margin-bottom: 20px;text-align: center;}
.materials-item img{width: 110%;border-radius: 100%;margin-left: -10%;border: 1px solid #ee6d4b;}

.solutions{margin-top: 30px;padding-bottom: 40px;}
.solutions p{text-align: justify;}
.solutions-title{text-align: center;}
.solutions-items{margin-top: 10px;}
.solutions-item{overflow: hidden;margin-bottom: 20px;height: 20vw;max-height: 280px;}
.solutions-item img{height: 100%;min-width: 100%;}

.feedback{font-size: 16px;background-color: #ee6d4b;color:white;padding-top: 30px;text-align: center;border-top: 1px solid lightgray ;margin-top: 40px;padding-bottom: 20px;}
.feedback>p{ max-width: 65%;margin-left: 17.5%;margin-bottom: 30px;font-style: italic;}
.feedback-div{width: calc(50% + 100px);background-color: #555555;margin: 0 auto;margin-bottom: 20px;}
.feedback-div button{position:relative;background-color: #ee6d4b;border:1px solid #ee6d4b;color:white; padding: 5px 15px;font-size: 15px;cursor: pointer;box-shadow:unset;}
.feedback-div button:hover{background-color: #333333;border:1px solid #ee6d4b;color:#ee6d4b;}
.feedback-div button::after {
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
	opacity:1;
	pointer-events: none;
	position: absolute;
	width: 100%;
	height: 100%;
	content: '';
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	top:0px;
	left:0px;
	z-index:98;
	 -moz-box-sizing: border-box; /* Для Firefox */
      -webkit-box-sizing: border-box; /* Для Safari и Chrome */
      box-sizing: border-box; /* Для IE и Opera */

}
.feedback-div button:hover::after{background-color:#ee6d4b;width:150%;height:180%;opacity:0;top:-40%;left:-25%;}
.feedback-div p{padding: 10px 0px 12px 0px;margin-bottom: 0px;text-align: center;}
.feedback-div a{color:white;}

.works{text-align: center;margin-bottom: 40px;}
.works h3{margin-bottom: 40px;margin-top: 20px;}


.background-order::before {
	z-index: 1;
    content: "";
    height: 100%;
    left: 0px;
    position: absolute;
    right: auto;
    top: 0px;
    width: 100%;
    border-top: 5px solid #ee6d4b;
    border-left: 5px solid #ee6d4b;
    position: absolute;
 }
 .background-order::after {
 	z-index: 1;
    content: "";
    border-style: solid;
    border-width: 10px;
    border-color: #222 transparent transparent #222;
    height: 70px;
    left: -5px;
    position: absolute;
    right: auto;
    top: -5px;
    width: 70px;
    position: absolute;
}
:focus::-webkit-input-placeholder {color: transparent}
:focus::-moz-placeholder          {color: transparent}
:focus:-moz-placeholder           {color: transparent}
:focus:-ms-input-placeholder      {color: transparent}
.form_fb{
	padding-top: 20px;
	z-index: 299;
	position: absolute;
	background-color:white;
	width: 330px;
	height: 230px;
	border:1px solid #ee6d4b;
	left: calc(50% - 165px);
	top: calc(13%);
	text-align:left;
}
.form_fb .fa-times{position: absolute;top: 5px;right: 5px;font-size: 15px;color: ;cursor: pointer;}
.form_fb .fa-times:hover{color: #ee6d4b;}
.fb-wrap{position: fixed;width: 100%;height: 100%;top: 0%;left: 0%;background-color: rgba(0,0,0,0.8);z-index: 200;display: none;}
.add-info{width: 80%;margin:2px 10% 8px 10%;border:1px solid #ee6d4b;height:30px;}
.add-info-text{margin-left: 10%; color:  ;padding: 5px;width: 80%;font-weight: 100;}
.btn-fb{border: 1px solid #ee6d4b;background-color: gray;color: white;height: 35px;font-size: 16px;width: 180px;margin-left: calc(50% - 90px);position: absolute;bottom: 30px;}
.btn-fb-hover:hover{border: 1px solid #ee6d4b;background-color: white !important;color : #ee6d4b}
h3{font-size: 30px;font-weight: 100;font-family: 'Open Sans', sans-serif;}
@media(max-width: 990px){
	#vtemdefaultmenu{display:none;}
.materials-item img{width: 100%;margin-left: 0%;}
.exp-item{height: 40vw;}
.solutions-item {height: 45vw;}
.profile-item{height: 19vw;}
.dignity p {padding: 0 0;}
.exp p {padding: 0 0;}
.profile p {padding: 0 0;}
.materials p {padding: 0 0;}
.solutions p {padding: 0 0;}
.row{margin-left: 0px !important;margin-right: 0px !important;}
.feedback > p {max-width: 90%;margin-left: 5%;}
.contact-order{margin: 10px 0px;}
.exp-item {max-height: unset;}
.exp-item img{max-width: unset;}
}
@media(max-width: 767px){
.vt_component{padding:0px;}
.door-order{padding:0px;}

.contact-order{text-align: center;}
h3{font-size: 25px;font-weight: 100;}
.works{width: 95% !important;}
.carousel-item {height: 90vw !important;}
.carousel-control-next{right: -3% !important;}
.carousel-control-prev{left: -3% !important;}
.text-order{margin-top: 150px;}
.btn-order {margin-top: 110px;}
.contact-order > p { height: auto;padding-bottom: 10px;}
.contact-order { height: auto;padding-bottom: 10px;}
.contact-text{text-align: justify;}
.contact-text { font-size: 15px;}
@media(max-width: 540px){
h3{font-size: 20px;font-weight: 100;}
.text-order{font-size: 31px;}
}
