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

/* ------- STYLES ------- */

/* GENERAL */
.guide-1{width:calc((100% - 60px)/2);background-color:rgba(255, 0, 0, 0.2);position:absolute;height:100%;top:0;left:20px;z-index:100}
.guide-2{width:calc((100% - 60px)/2);background-color:rgba(255, 0, 0, 0.2);position:absolute;height:100%;top:0;left:calc((100% - 60px)/4*2 + 40px);z-index:100}

*{outline:none;margin:0;padding:0;font-family:'Open Sans',sans-serif;box-sizing:border-box}
body{font-weight:400;-webkit-font-smoothing:antialiased!important;font-smoothing:antialiased!important;overflow-x:hidden;font-size:14px;line-height:18px;background-color:#eecb32;position:relative;margin:0 auto;font-family:'nra'}
body.scroll-disabled{overflow:hidden!important;overflow-x:hidden;-webkit-overflow-scrolling:touch;}

h1,h2,h3,h4,h5{font-weight:inherit;font-size:inherit}
p{font-size:inherit}

a{cursor:pointer;text-decoration:none;color:inherit;font-size:inherit}
a.underline{border-bottom:1px solid}
li{list-style:none;}
img{width:100%;display:block}

/* form */
::-webkit-input-placeholder{color:#dc4911}
:-moz-placeholder{color:#dc4911;opacity:1}
::-moz-placeholder{color:#dc4911;opacity:1}
:-ms-input-placeholder{color:#dc4911}
::-ms-input-placeholder{color:#dc4911}
input[type="submit"]{border:0;appearance:none;webkit-appearance:none;border-radius:0;}
input[type="text"], input[type="number"], input[type="email"], input[type="tel"], input[type="password"]{border:0;font-size:inherit;background:#eecb32;font-weight:500;appearance:none;webkit-appearance:none;border-radius:0;line-height:inherit;width:100%;padding:10px 5px;margin-bottom:5px}
input[type="text"].ghost{border:none}
input[type="radio"]{display:none}
.wrong input{background-color:#FFF}
input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill{background-color:transparent;}
textarea{border:none;border-radius:0;height:200px;resize:none;width:100%;font-size:inherit;background:transparent;font-weight:500;padding:5px 5px 10px 5px;margin-bottom:5px;display:block;background:#eecb32}
.wrong textarea{background-color:#FFF}
label span.condition{margin-left:5px;display:inline-block;color:#777}

.left{float:left}
.right{float:right}
.fs-xs{font-size:10px;line-height:14px}
.fs-s{font-size:12px;line-height:16px}
.fs-m{font-size:26px;line-height:30px}
.fs-l{font-size:36px;line-height:40px}
.fs-xl{font-size:50px;line-height:52px}
.fs-xxl{font-size:65px;line-height:70px}
.c-light{color:#999999}
.c-orange{color:#dc4911}
.c-yellow{color:#eecb32}
.italic{font-style:italic}
.c-grey{color:#999}
.quote{color:#cc1524}
.fw-light{font-weight:300}
.fw-regular{font-weight:400}
.fw-bold{font-weight:700}
.fw-xbold{font-weight:800}
.title{margin-bottom:30px}
.underline{border-bottom:1px solid;display:table}
.ta-center{text-align:center}

.btn{padding:8px 15px 10px;display:table;text-decoration:none;position:relative;min-width:100px;text-align:center;cursor:pointer}
.btn.yellow{background:#eecb32;color:#000}
.btn:hover{opacity:.7}
.btn.w-full{width:100%}
.btn-submit{margin:40px 0 30px}

.notification{display:none;color:#FFF}
.notification.on{display:inline-block;width:100%}

.dim-square{position:relative}
.height-sizer{display:block;width:100%;padding-top:100%}

/* .lazy-img */
.thumb{background-color:transparent;position:relative}
.aspect{opacity:0;visibility:hidden}
.lazy-img-wrapper{position:relative;overflow:hidden}
.lazy-img-wrapper .img{position:absolute;top:0;left:0;bottom:0;width:100%;opacity:0;transition:opacity .2s ease;background-position:center;background-size:cover;background-repeat:no-repeat}
.lazy-img-wrapper img{position:absolute;top:0;left:0;width:100%;opacity:0;transition:opacity .2s ease}
.lazy-img-wrapper.loaded .img{opacity:1}
.lazy-img-wrapper.loaded img{opacity:1}
.img.thumb a{position:absolute;top:0;left:0;right:0;bottom:0;z-index:2}
.img.thumb a .overlay{position:absolute;top:0;left:0;right:0;bottom:0;z-index:2;background-color:rgba(45, 45, 45, 0.6);opacity:0;padding:20px;color:#FFF}
.img.thumb a:hover .overlay{opacity:1}

/* .loader */
.loader{position:fixed;top:46%;left:calc(50% - 18px);font-size:20px;z-index:10;line-height:20px;width:36px;text-align:center;overflow:hidden;animation:loader 1s steps(6, end) infinite alternate;-webkit-animation:loader 1s steps(6, end) infinite alternate;-moz-animation:loader 1s steps(6, end) infinite alternate;-ms-animation:loader 1s steps(6, end) infinite alternate;display:none}
.loading .loader{display:block}
@keyframes loader{0%{width:12px}100%{width:36px}}
@-webkit-keyframes loader{0%{width:12px}100%{width:36px}}
@-moz-keyframes loader{0%{width:12px}100%{width:36px}}
@-ms-keyframes loader{0%{width:12px}100%{width:36px}}

/* .btn-swipe */
.btn-swipe{width:50px;height:50px;position:fixed;cursor:pointer;top:32px;right:8px;z-index:13;background-color:transparent;display:none;}
.btn-swipe span{display:block;position:absolute;height:2px;width:24px;background:#FFF;opacity:1;left:13px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);transition:.25s ease-in-out}
.btn-swipe span:nth-child(1){top:15px;-webkit-transform-origin:left center;-moz-transform-origin:left center;-o-transform-origin:left center;transform-origin:left center}
.btn-swipe span:nth-child(2){top:23px;-webkit-transform-origin:left center;-moz-transform-origin:left center;-o-transform-origin:left center;transform-origin:left center}
.btn-swipe span:nth-child(3){top:31px;-webkit-transform-origin:left center;-moz-transform-origin:left center;-o-transform-origin:left center;transform-origin:left center}
.swipe-opened .btn-swipe span:nth-child(1){-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);top:15px;left:17px}
.swipe-opened .btn-swipe span:nth-child(2){width:0%;opacity:0}
.swipe-opened .btn-swipe span:nth-child(3){-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);top:32px;left:17px}

.swipe{position:fixed;top:26px;left:100vw;width:100vw;bottom:0;padding:20px;overflow:auto;z-index:12;text-align:left;background-color:#dc4911;transition:left .6s cubic-bezier(.7, 0, .3, 1);color:#FFF}
.swipe-opened .swipe{left:0}
.swipe ul li{margin-bottom:10px}
.swipe ul li a:hover{color:#404040}
.swipe ul li.selected a{color:#404040}

body[modal-opened="professional-modal"] .modal.professional-modal{top:0}
body[modal-opened="subscribe-modal"] .modal.subscribe-modal{top:0}

.modal{background-color:#323332;width:100vw;height:100vh;overflow:auto;position:fixed;top:0;left:0;padding:100px 70px;z-index:11;top:100vh;transition:top .6s cubic-bezier(.7, 0, .3, 1)}
.modal .content{width:100%;position:relative}
.modal .content .btn-modal{position:absolute;width:20px;right:0;top:-60px;cursor:pointer}
.modal .content > header{margin-bottom:100px;display:table;width:100%}
.modal .content > header.top{position:absolute;top:-65px;margin-bottom:0;width:auto}
.modal .content > header.top ~ section{margin-top:60px}
.modal .content > header > div{position:relative}
.modal .content > header > div .contact-info{position:absolute;left:0;bottom:0}
.modal .content > header > div header{position:absolute;left:0;top:0}

ul.cc{width:100%;display:table}
ul.cc > li{width:50%;padding:60px;float:left}
ul.cc > li.wide{width:100%}

.w-cc{display:table;width:calc(50% - 10px);float:left}
.w-cc:nth-child(odd){margin-right:10px}
.w-cc:nth-child(even){margin-left:10px}
.w-cccc{display:table;width:25%;float:left}
.w-cccc{display:table;width:25%;float:left}

.master-wrapper{margin:0 auto;width:100%}

header.master{position:fixed;width:100%;top:0;z-index:10;left:0;background:-moz-linear-gradient(top, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%);background:-webkit-linear-gradient(top, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%);background:linear-gradient(to bottom, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 )}
header.master a.logo{display:inline-block;width:180px;height:22px;background-image:url('../imgs/logo.svg');background-position:center;background-size:contain;margin:20px 60px 0 20px;background-repeat:no-repeat}
header.master nav{display:table;width:100%}
header.master nav.master > ul{display:inline-table;padding:20px;width:calc(100% - 260px)}
header.master nav.master > ul > li{float:left;margin-right:50px;line-height:28px;position:relative}
header.master nav.master > ul > li.right{float:right;margin-right:0;color:#FFF;line-height:32px}
header.master nav.master > ul > li > a{line-height:32px;display:block;color:#FFF}
header.master nav.master ul li > a:hover{text-decoration:underline}
header.master nav.master ul li.selected > a{text-decoration:underline}
header.master nav.master .submenu{color:#FFF;display:none;position:absolute;left:0;white-space:nowrap}
header.master nav.master li.btn-submenu:hover .submenu{display:block}
header.master nav.slave{background-color:#eecb32;color:#dc4911}
header.master nav.slave ul{width:100%;display:table;padding:5px 20px}
header.master nav.slave ul li{float:right;margin-left:10px}

.h-full{min-height:100vh}

.slider{width:100%;height:70vh}
.slider div.slide{position:relative;background-position:center;background-size:cover;background-repeat:no-repeat;height:100%}

main{width:100%;min-height:70vh;position:relative}
main .slider-content{position:absolute;left:50%;top:50%;z-index:1;padding:20px;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);max-width:60vw;background:#dc4911;color:#FFF;text-align:center}
main .slider-content a{display:table;margin:20px auto 0}
main .slide.text .slider-content{transform:none;-webkit-transform:none;-ms-transform:none;-moz-transform:none;width:100%;height:100%;left:0;top:0;max-width:none}
main .slide.text .slider-content h2{position:absolute;left:50%;top:50%;max-width:80vw;width:100%;padding:20px;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%)}

section.info ul li:first-child{background-color:#FFF}
section.info h2{border-bottom:1px solid;display:inline-block;margin-bottom:40px}
section.info h4{border-bottom:1px solid;display:table}
section.info li:first-child.b-orange{background-color:#dc4911;color:#FFF}

.page-contact{background-color:#dc4911;color:#FFF}
.page-contact header.master{background:transparent}
.page-contact main{margin-top:160px}
.page-contact main h2{margin:0 auto 40px}
.page-contact main .contact{margin:0 auto 40px;display:table;text-align:center}
.page-contact main .contact a:hover{border-bottom:1px solid}
.page-contact main form{margin:0 auto 40px;display:table;width:100%;max-width:800px;padding:0 80px}




@media (max-width: 1024px){
	header.master .right{display:none}
}

@media (max-width: 960px){
	.fs-xxl{font-size:40px;line-height:42px}
	
	ul.cc > li{width:100%;float:none}
}

@media (max-width: 780px){
	.btn-swipe{display:block}
	header.master nav.master ul{display:none}
}

@media (max-width: 500px){
	.fs-s{font-size:10px;line-height:14px}
	.fs-m{font-size:18px;line-height:21px}
	.fs-l{font-size:26px;line-height:30px}
	.fs-xl{font-size:30px;line-height:32px}
	.fs-xxl{font-size:30px;line-height:32px}

	ul.cc > li{padding:20px 20px}
	
	main{min-height:40vh}
	.slider{height:40vh}
	main .slider-content{max-width:80vw}
	
	header.master nav{line-height:16px}
	
	.page-index main .slider .slide.s-first{background-image:url(../imgs/home/slider/1@mobile.jpg)!important}
	
	.page-contact main form{padding:0 20px}
}











/* SLICK PLUG IN */
.slick-slider { position: relative; display: block; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }

.slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; height: 100%;}
.slick-list:focus { outline: none; }
.slick-loading .slick-list { background: #fff url("./ajax-loader.gif") center center no-repeat; }
.slick-list.dragging { cursor: pointer; cursor: hand; }

.slick-slider .slick-track { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

.slick-track { position: relative; left: 0; top: 0; display: block; height: 100%;}
.slick-track:before, .slick-track:after { content: ""; display: table; }
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }

.slick-slide { float: left; height: 100%; min-height: 1px; display: none; background-position: center center;background-size: cover;}
[dir="rtl"] .slick-slide { float: right; }
.slick-slide img { display: block; }
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; }
.slick-loading .slick-slide { visibility: hidden; }
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }

/* Icons */
@font-face { font-family: "slick"; src: url("./fonts/slick.eot"); src: url("./fonts/slick.eot?#iefix") format("embedded-opentype"), url("./fonts/slick.woff") format("woff"), url("./fonts/slick.ttf") format("truetype"), url("./fonts/slick.svg#slick") format("svg"); font-weight: normal; font-style: normal; }
/* Arrows */
.slick-prev,.slick-next{position:absolute;display:block;line-height:30px;cursor:pointer;background:transparent;color:transparent;padding:0;border:none;outline:none;z-index:1;font-family:'Work Sans';font-size:50px;font-weight:500;overflow:hidden;width:50%;height:100%;bottom:0;}
.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: 0.25; }

.slick-prev:before, .slick-next:before {font-size: 40px; line-height: 1; color: white; opacity: 0.75; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.slick-prev{left:0;cursor:url('../imgs/nav_prev.svg'), auto}
.levels .slick-prev{left:0;cursor:url('../imgs/nav_prev.svg'), auto}
[dir="rtl"] .slick-prev { left: auto; right: 0; }

.slick-next{right:0;cursor:url('../imgs/nav_next.svg'), auto}
.levels .slick-next{right:0;cursor:url('../imgs/nav_next.svg'), auto}
[dir="rtl"] .slick-next { left: 0; right: auto; }

/* Dots */
.slick-dots { position: absolute; bottom: 30px; left:50%; transform:translateX(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%); list-style: none; display: block; text-align: left; padding: 0; z-index: 2 }
.slick-dots li { position: relative; display: inline-block; height: 20px; width: 20px; margin: 0 2px; padding: 0; cursor: pointer; }
.slick-dots li button { border: 0; background: transparent; display: block; height: 20px; width: 20px; outline: none; line-height: 0; font-size: 0; color: transparent; padding: 5px; cursor: pointer; }
.slick-dots li button:hover, .slick-dots li button:focus { outline: none; }
.slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity: 1;}
.slick-dots li button:before { position: absolute; top: 0; left: 0;  font-family:"Arial"; content: "•"; width: 20px; height: 20px;font-size: 36px; line-height: 20px; text-align: center; color: #FFF; opacity: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; opacity: .3}
.slick-dots li.slick-active button:before { color: #FFF; opacity: 1;}