/* Main Slider =========================================================================== */
.main-slider-block {height:auto; overflow:hidden; background-color: transparent; position:relative; margin:0;}
.main-slider {overflow:hidden; position:relative; height:auto; margin:0 auto; opacity: 0; visibility: hidden; transition: opacity 1s ease; -webkit-transition: opacity 1s ease;}
.main-slider:not(.slick-initialized){display:flex; max-width:100%; overflow:hidden;}
.main-slider.slick-initialized {visibility: visible; opacity: 1;}
.main-slider-item:not(.slick-slide){flex:0 0 auto; width:100%;}
.main-slider-item > div {position:absolute; z-index:2; top:0; left:0; right:0; bottom:0; width:100%; height:100%; /*background:rgba(0,0,0,0.5);*/}
.main-slider-item > div > div.wrapper {display: flex; flex-wrap: nowrap; flex-direction: row; justify-content: start; align-items: center; height:100%; padding:0 100px;}
.main-slider-item > div > div > div {width:50%;}
.main-slider-item > div > div > div .main-slider-title {padding:0; margin:0 0 20px; display:block; font:600 36px/1.2em 'Montserrat', sans-serif; color:#fff; text-shadow:1px 1px 3px rgba(0,0,0,0.7);}
.main-slider-item > div > div > div .main-slider-description {font:300 16px/1.3em 'Montserrat', sans-serif; color:#fff; margin:0; text-shadow:1px 1px 3px rgba(0,0,0,0.7);}
.main-slider-item > div > div > div a.button, .main-slider-item > div > div > div a.button:focus {width:180px; padding:20px; font:400 12px/1em 'Montserrat', sans-serif; margin:50px 0 0;}
.main-slider-item img {width:100%; height:auto; display:block; z-index:1;}

.main-slider-arrows {position:absolute; top:50%; left:0; right:0;}
.main-slider-arrows .main-slider-arrow {display:block; height:40px; width:40px; position:absolute; top:50%; margin-top:-20px; text-indent: 100%; white-space: nowrap; overflow: hidden; border:none; cursor:pointer; background-color:#fff; 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; z-index:993; opacity:0.25; border-radius:3px;}
.main-slider-arrows .main-slider-arrow:hover {background-color:#b96c51; opacity:1;}
.main-slider-arrows .main-slider-arrow:active {background-color:#875847;}
.main-slider-arrows .main-slider-arrow svg {fill:#000; width:20px; height:20px; position:absolute; top:10px; opacity:1; 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;}
.main-slider-arrows .main-slider-arrow:active svg {opacity:0.5;}
.main-slider-arrows .main-slider-arrow.prev svg	{transform: scaleX(-1);}
.main-slider-arrows .main-slider-arrow.prev {left:-40px;}
.main-slider-arrows .main-slider-arrow.prev svg {left:9px;}
.main-slider-arrows .main-slider-arrow.next {right:-40px;}
.main-slider-arrows .main-slider-arrow.next svg {right:9px;}
.main-slider-block:hover .main-slider-arrow.prev {left:20px;}
.main-slider-block:hover .main-slider-arrow.next {right:20px;}
/* ======================================================================================= */

/* Main Avantages ======================================================================== */
.main-avantages {padding:0; background-color:#323232; margin:-30px auto 0; position:relative; overflow:hidden; width:90%; box-shadow: 0 0 50px 0 rgba(0,0,0,0.8);}
.avantages {display: flex; flex-wrap: nowrap; flex-direction: row; justify-content: center; align-items: stretch; align-content: stretch;}
.avantages > li {flex: 1 0 auto; width:25%; display: flex; flex-wrap: nowrap; flex-direction: column; justify-content: start; align-items: center; align-content: center; padding:30px; cursor:default;}
.avantages > li * {cursor:default;}
.avantages > li svg {fill:#d36b46; display:block; width:50px; height: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;}
.avantages > li span {text-align:center; display:block;}
.avantages > li span.avantage-title {font:400 16px/1.3em 'Montserrat', sans-serif; text-transform:uppercase; color:#d36b46; margin:0;}
.avantages > li span.avantage-subtitle {font:200 14px/1.3em 'Montserrat', sans-serif; color:#fff; margin:7px 0 0;}
/* ======================================================================================= */

/* Main Brands ========================================================================== */
.main-brands-slider-block {padding:0 80px; background-color:transparent; margin:0; position:relative; overflow:hidden; margin:50px 0 0;}
.main-brands-slider {opacity: 0; visibility: hidden; transition: opacity 1s ease; -webkit-transition: opacity 1s ease;}
.main-brands-slider:not(.slick-initialized) {display:flex; max-width:100%; overflow:hidden;}
.main-brands-slider.slick-initialized {visibility: visible; opacity: 1;}
.main-brands-slider .main-brand-item {background-color:transparent;  width:100%; height:80px; display: flex; flex-wrap: wrap; flex-direction: row; justify-content: center; align-items: stretch; align-content: stretch;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; margin:10px;}
.main-brands-slider .main-brand-item a {width:100%; display: flex; flex-wrap: wrap; flex-direction: row; justify-content: center; align-items: center; align-content: center;}
.main-brands-slider .main-brand-item:hover {box-shadow:0 0 10px 0 rgba(157,92,70,0.35);}
.main-brands-slider .main-brand-item img {display:block; width:auto; max-height:50px; max-width:150px;}

.main-brands-slider-arrows {position:absolute; top:50%; left:0; right:0;}
.main-brands-slider-arrows .main-brands-slider-arrow {display:block; height:40px; width:40px; position:absolute; top:50%; margin-top:-20px; text-indent: 100%; white-space: nowrap; overflow: hidden; border:none; cursor:pointer; background-color:#fff; 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; z-index:993; opacity:0.25; border-radius:3px;}
.main-brands-slider-arrows .main-brands-slider-arrow:hover {background-color:#d36b46; opacity:1;}
.main-brands-slider-arrows .main-brands-slider-arrow:active {background-color:#875847;}
.main-brands-slider-arrows .main-brands-slider-arrow svg {fill:#000; width:20px; height:20px; position:absolute; top:10px; opacity:1; 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;}
.main-brands-slider-arrows .main-brands-slider-arrow:active svg {opacity:0.5;}
.main-brands-slider-arrows .main-brands-slider-arrow.prev svg	{transform: scaleX(-1);}
.main-brands-slider-arrows .main-brands-slider-arrow.prev {left:20px;}
.main-brands-slider-arrows .main-brands-slider-arrow.prev svg {left:9px;}
.main-brands-slider-arrows .main-brands-slider-arrow.next {right:20px;}
.main-brands-slider-arrows .main-brands-slider-arrow.next svg {right:9px;}
/* ======================================================================================= */

/* Main Catalog ========================================================================== */
.main-block {margin:0 auto; background-color:transparent;}
.main-block {width:100%;}
.main-block .main-content {padding:0; position:relative; box-sizing:border-box; width:100%;}

.main-block .main-menu {padding:0; margin:50px 0;}
.main-block .main-menu > ul {padding:0; margin:0; display: flex; flex-wrap: wrap; flex-direction: row; justify-content: start; align-items: stretch; align-content: start;}
.main-block .main-menu > ul > li {padding:0; margin:10px; width:calc(25% - 20px); display: flex; flex-wrap: nowrap; flex-direction: row; justify-content: center; align-items: stretch;}
.main-block .main-menu > ul > li > a {font:500 16px/1.3em 'Montserrat', sans-serif; text-transform: uppercase; color:#fff; display: flex; flex-wrap: nowrap; flex-direction: row; justify-content: start; align-items: center; background:rgba(50,50,50,0.3); padding:30px 40px; margin:0 auto; width:100%;}
.main-block .main-menu > ul > li > a > span:first-child {display: block; flex-wrap: nowrap; flex-direction: row; justify-content: center; align-items: center; width:40px; height:40px; margin:0 20px 0 0;}
.main-block .main-menu > ul > li > a > span:first-child > img {width:40px; height:40px; display:block;}
.main-block .main-menu > ul > li ul li span:first-child {display:none;}
.main-block .main-menu a:hover {color: #d36b46; background:rgba(50,50,50,0.9); box-shadow:inset 0 0 0 1px #d36b46, 0 0 20px 0 rgba(157,92,70,0.30);}
.main-block .main-menu > ul > li a.wowbutton:hover:after {opacity:0.2; -webkit-animation-duration: 3s; animation-duration: 3s; left: -100%; -webkit-animation-name: slidememain; animation-name: slidememain;}
@-webkit-keyframes slidememain { 
	0% { left: -100%; top: -150px;}
	30% { left: 100%; top: -100px;}
	100% { left: 200%; top: -100px;} 
}

.main-block .main-content .content {padding:0 30px; margin:50px 0;}
.main-block .main-content .content span {font:300 11px/1.3em 'Montserrat', sans-serif; letter-spacing:2px; margin:0 0 10px; text-transform: uppercase; opacity:0.5; display:block;}
.main-block .main-content .content h1 {font:500 27px/1.3em 'Montserrat', sans-serif; text-transform: uppercase; margin:0 0 20px;}
.main-block .main-content .content p {font:300 16px/1.3em 'Montserrat', sans-serif; margin:0 0 15px;}
/* ======================================================================================= */

/* ======================================================================================= */
/* ==================================== MOBILE VERSION =================================== */
/* ======================================================================================= */

@media only screen and (max-width : 1800px) {
	.main-avantages {margin: -20px auto 0;}
}

@media only screen and (max-width : 1600px) {
	.main-slider-item > div > div > div .main-slider-title {margin:0 0 15px; font:600 30px/1.2em 'Montserrat', sans-serif;}
	.main-slider-item > div > div > div .main-slider-description {font:300 14px/1.3em 'Montserrat', sans-serif;}
	.main-slider-item > div > div > div a.button, .main-slider-item > div > div > div a.button:focus {padding:15px; font:400 12px/1em 'Montserrat', sans-serif; margin:20px 0 0;}
	.main-avantages {margin:0; width:100%; box-shadow: none;}
	.avantages > li span.avantage-title {font:400 14px/1.3em 'Montserrat', sans-serif;}
	.avantages > li span.avantage-subtitle {font:200 13px/1.3em 'Montserrat', sans-serif;}
	.main-block .main-menu > ul > li > a {font:500 14px/1.3em 'Montserrat', sans-serif;}
}

@media only screen and (max-width : 1300px) {
	.main-slider-item > div > div > div {width:70%;}
	.main-slider-item > div > div > div .main-slider-title {margin:0 0 15px; font:600 24px/1.2em 'Montserrat', sans-serif;}
	.main-slider-item > div > div > div .main-slider-description {max-height:73px; overflow:hidden;}
	.main-block .main-menu > ul > li {width:calc(33.33% - 20px);}
}

@media only screen and (max-width : 1100px) {
	.main-slider-item > div > div > div {width:100%;}	
}

@media only screen and (max-width : 960px) {
	.main-slider-item > div {position:absolute; z-index:2; top:0; left:0; right:0; bottom:0; width:100%; height:100%; background:rgba(0,0,0,0.3);}
	.main-slider-item > div > div.wrapper {padding:0 70px;}
	.main-slider-item img {width:auto; height:300px; display:block;}
	.main-avantages {margin:0; width:100%; box-shadow: none;}
	.avantages {display: block;}
	.avantages > li {padding:15px; width:100%; display: flex; flex-wrap: nowrap; flex-direction: row; justify-content: start; align-items: center;}
	.avantages > li svg {flex: 1 0 auto;}
	.avantages > li div {margin: 0 0 0 15px; flex: 1 0 auto; width:calc(100% - 85px);}
	.avantages > li span {text-align:left; display:block;}
	.avantages > li span.avantage-subtitle {margin:5px 0 0;}	
}

@media only screen and (max-width : 900px) {
	.main-slider-item > div > div > div .main-slider-title {margin:0 0 10px; font:600 18px/1.2em 'Montserrat', sans-serif; text-align:center;}
	.main-slider-item > div > div > div .main-slider-description {max-height:78px; overflow:hidden; font:300 12px/1.3em 'Montserrat', sans-serif; text-align:center;}
	.main-slider-item > div > div > div a.button, .main-slider-item > div > div > div a.button:focus {padding:10px; font:400 12px/1em 'Montserrat', sans-serif; margin:15px auto 0;}
}

@media only screen and (max-width : 850px) {	
	.main-block .main-menu > ul > li {width:calc(50% - 20px);}
}

@media only screen and (max-width : 800px) {
	.main-slider-item img {float:right; margin-right:-300px;}
}

@media only screen and (max-width : 550px) {	
	.main-block .main-menu > ul > li {width:100%; margin:5px 0;}
	.main-block .main-menu > ul > li a {padding: 20px 30px;}
}

@media only screen and (max-width : 400px) {
	.main-brands-slider-block {padding:0 50px;}
	.main-brands-slider-arrows .main-brands-slider-arrow.prev {left:0;}
	.main-brands-slider-arrows .main-brands-slider-arrow.next {right:0;}
}