*,*::after,*::before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}

html{font-size:62.5%}

.hanken-grotesk-font{font-family:"Hanken Grotesk",sans-serif;font-optical-sizing:auto;font-weight:500;font-style:normal}

body{font-size:1.6rem;font-family:"Hanken Grotesk",sans-serif;color:#000;background-color:#fff}

a{color:#000;text-decoration:none}

.clear{clear:both}

.disable-long-press{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}

.divider{position:relative;border-bottom:1px dashed #b7b1b1;margin-bottom:30px;margin-top:30px}

header{position:fixed;z-index:1;height:110px;width:100%;top:0;left:0;background-color:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-transform:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0);-o-transform:translateZ(0);transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition:-webkit-transform 0.3s;-moz-transition:-moz-transform 0.3s;transition:transform 0.3s}

header.nav-is-visible{-webkit-transform:translateX(-260px);-moz-transform:translateX(-260px);-ms-transform:translateX(-260px);-o-transform:translateX(-260px);transform:translateX(-260px)}

header::before{display:none;content:'mobile'}

@media only screen and (min-width:576px){
	header{height:140px}

	header.nav-is-visible{-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0)}
	
	header::before{content:'desktop'}
}

.cd-logo{display:inline-block;height:100%;margin-left:15px;-webkit-transform:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0);-o-transform:translateZ(0);transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}

.cd-logo img{display:block;max-width:100%;margin-top:14px}

@media only screen and (min-width:576px){
	.cd-logo{position:absolute;z-index:2;margin-left:5%}

	.cd-logo img{margin-top:10px}
}

@media only screen and (min-width:768px) and (max-width:991px){
	header{height:80px}

	.cd-logo img{display:block;max-width:80%;margin-top:0}
}

@media only screen and (min-width:576px) and (max-width:767px){
	header{height:80px}

	.cd-logo img{display:block;max-width:80%;margin-top:0}
}

@media only screen and (max-width:575px){
	header{height:80px}

	.cd-logo img{display:block;max-width:80%;margin-top:0}
}

.cd-nav-trigger{display:block;position:absolute;right:0;top:0;height:100%;width:50px;overflow:hidden;white-space:nowrap;color:#fff0}

.cd-nav-trigger span{position:absolute;height:2px;width:20px;top:50%;margin-top:-1px;left:50%;margin-left:-10px;-webkit-transition:background-color 0.3s 0.3s;-moz-transition:background-color 0.3s 0.3s;transition:background-color 0.3s 0.3s;background-color:#000}

.cd-nav-trigger span::before,.cd-nav-trigger span::after{content:'';position:absolute;width:100%;height:100%;background-color:#000;-webkit-transform:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0);-o-transform:translateZ(0);transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition:-webkit-transform 0.3s 0.3s;-moz-transition:-moz-transform 0.3s 0.3s;transition:transform 0.3s 0.3s}

.cd-nav-trigger span::before{-webkit-transform:translateY(-6px);-moz-transform:translateY(-6px);-ms-transform:translateY(-6px);-o-transform:translateY(-6px);transform:translateY(-6px)}

.cd-nav-trigger span::after{-webkit-transform:translateY(6px);-moz-transform:translateY(6px);-ms-transform:translateY(6px);-o-transform:translateY(6px);transform:translateY(6px)}

.nav-is-visible .cd-nav-trigger span{background-color:#fff0}

.nav-is-visible .cd-nav-trigger span::before{-webkit-transform:translateY(0) rotate(-45deg);-moz-transform:translateY(0) rotate(-45deg);-ms-transform:translateY(0) rotate(-45deg);-o-transform:translateY(0) rotate(-45deg);transform:translateY(0) rotate(-45deg)}

.nav-is-visible .cd-nav-trigger span::after{-webkit-transform:translateY(0) rotate(45deg);-moz-transform:translateY(0) rotate(45deg);-ms-transform:translateY(0) rotate(45deg);-o-transform:translateY(0) rotate(45deg);transform:translateY(0) rotate(45deg)}

@media only screen and (min-width:576px){.cd-nav-trigger{display:none}}

.cd-main-nav{position:fixed;z-index:1;top:0;right:0;width:260px;height:100vh;overflow:auto;-webkit-overflow-scrolling:touch;visibility:hidden;background:#fff;-webkit-transition:visibility 0s 0.3s;-moz-transition:visibility 0s 0.3s;transition:visibility 0s 0.3s}

.cd-main-nav a{text-transform:uppercase;display:block;font-size:2rem;padding:.9em 2em .9em 1em;border-bottom:1px solid #bababa;color:#000;-webkit-transition:-webkit-transform 0.3s,opacity 0.3s;-moz-transition:-moz-transform 0.3s,opacity 0.3s;transition:transform 0.3s,opacity 0.3s}

.cd-main-nav li ul{position:absolute;top:0;left:0;width:100%;-webkit-transition:-webkit-transform 0.3s;-moz-transition:-moz-transform 0.3s;transition:transform 0.3s;-webkit-transform:translateX(260px);-moz-transform:translateX(260px);-ms-transform:translateX(260px);-o-transform:translateX(260px);transform:translateX(260px)}

.cd-main-nav.nav-is-visible{visibility:visible;-webkit-transition:visibility 0s 0s;-moz-transition:visibility 0s 0s;transition:visibility 0s 0s;list-style:none!important}

.cd-main-nav.moves-out>li>a{-webkit-transform:translateX(-100%);-moz-transform:translateX(-100%);-ms-transform:translateX(-100%);-o-transform:translateX(-100%);transform:translateX(-100%);opacity:0}

.cd-main-nav.moves-out>li>ul{-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0)}

.cd-main-nav .cd-subnav-trigger,.cd-main-nav .go-back a{position:relative}

.cd-main-nav .cd-subnav-trigger::before,.cd-main-nav .cd-subnav-trigger::after,.cd-main-nav .go-back a::before,.cd-main-nav .go-back a::after{content:'';position:absolute;top:50%;margin-top:-1px;display:inline-block;height:2px;width:10px;background:#485c68;-webkit-backface-visibility:hidden;backface-visibility:hidden}

.cd-main-nav .cd-subnav-trigger::before,.cd-main-nav .go-back a::before{-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}

.cd-main-nav .cd-subnav-trigger::after,.cd-main-nav .go-back a::after{-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}

.cd-main-nav .cd-subnav-trigger::before,.cd-main-nav .cd-subnav-trigger::after{right:20px;-webkit-transform-origin:9px 50%;-moz-transform-origin:9px 50%;-ms-transform-origin:9px 50%;-o-transform-origin:9px 50%;transform-origin:9px 50%}

.cd-main-nav .go-back a{padding-left:2em}

.cd-main-nav .go-back a::before,.cd-main-nav .go-back a::after{left:20px;-webkit-transform-origin:1px 50%;-moz-transform-origin:1px 50%;-ms-transform-origin:1px 50%;-o-transform-origin:1px 50%;transform-origin:1px 50%}

.cd-main-nav .placeholder{display:none}

@media only screen and (min-width:576px){
	.cd-main-nav{position:static;visibility:visible;width:100%;height:110px;line-height:110px;padding:0 5% 0 calc(5% + 124px);background:#fff0;text-align:right}

	.cd-main-nav li{display:inline-block;height:100%;padding:0 .4em}
	
	.cd-main-nav li a{text-transform:uppercase;display:inline-block;padding:.5em;line-height:1;font-size:2rem;border-bottom:none;-webkit-transform:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0);-o-transform:translateZ(0);transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition:opacity 0.2s;-moz-transition:opacity 0.2s;transition:opacity 0.2s}
	
	.cd-main-nav li a:not(.cd-subnav-trigger):hover{-webkit-backface-visibility:hidden;backface-visibility:hidden;opacity:.6;text-decoration:none;color:inherit!important}
	
	.active{-webkit-backface-visibility:hidden;backface-visibility:hidden;opacity:.6}
	
	.cd-main-nav .go-back{display:none}
	
	.cd-main-nav .cd-subnav-trigger{z-index:1;border:1px solid rgb(255 255 255 / .2);border-radius:5em;-webkit-transition:border 0.3s;-moz-transition:border 0.3s;transition:border 0.3s}
	
	.cd-main-nav .cd-subnav-trigger:hover{border-color:rgb(255 255 255 / .4)}
	
	.cd-main-nav .cd-subnav-trigger::before,.cd-main-nav .cd-subnav-trigger::after{top:22px;right:17px;background-color:#fff;-webkit-transform-origin:50% 50%;-moz-transform-origin:50% 50%;-ms-transform-origin:50% 50%;-o-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transition:-webkit-transform 0.3s,width 0.3s,right 0.3s;-moz-transition:-moz-transform 0.3s,width 0.3s,right 0.3s;transition:transform 0.3s,width 0.3s,right 0.3s}
	
	.cd-main-nav .cd-subnav-trigger::before{right:23px}
	
	.cd-main-nav .cd-subnav-trigger,.cd-main-nav .placeholder{padding-right:2.4em;padding-left:1.1em}
	
	.cd-main-nav li ul{height:80px;background-color:#7e4d7e;padding:0 5% 0 calc(5% + 124px);-webkit-transform:translateY(-80px);-moz-transform:translateY(-80px);-ms-transform:translateY(-80px);-o-transform:translateY(-80px);transform:translateY(-80px);-webkit-transition:-webkit-transform 0.3s 0.2s;-moz-transition:-moz-transform 0.3s 0.2s;transition:transform 0.3s 0.2s}
	
	.cd-main-nav li ul li{opacity:0;-webkit-transform:translateY(-20px);-moz-transform:translateY(-20px);-ms-transform:translateY(-20px);-o-transform:translateY(-20px);transform:translateY(-20px);-webkit-transition:-webkit-transform 0.3s 0s,opacity 0.3s 0s;-moz-transition:-moz-transform 0.3s 0s,opacity 0.3s 0s;transition:transform 0.3s 0s,opacity 0.3s 0s}
	
	.cd-main-nav .placeholder{display:block;visibility:hidden;opacity:0;pointer-event:none}
	
	.cd-main-nav.moves-out>li>a{-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0);opacity:1}

	.cd-main-nav.moves-out>li>ul{-webkit-transition:-webkit-transform 0.3s;-moz-transition:-moz-transform 0.3s;transition:transform 0.3s;-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}

	.cd-main-nav.moves-out>li ul li{opacity:1;-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0);-webkit-transition:-webkit-transform 0.3s 0.2s,opacity 0.3s 0.2s;-moz-transition:-moz-transform 0.3s 0.2s,opacity 0.3s 0.2s;transition:transform 0.3s 0.2s,opacity 0.3s 0.2s}

	.cd-main-nav.moves-out .cd-subnav-trigger::before,.cd-main-nav.moves-out .cd-subnav-trigger::after{width:14px;right:17px}

	.cd-main-nav.moves-out .cd-subnav-trigger::before{-webkit-transform:rotate(225deg);-moz-transform:rotate(225deg);-ms-transform:rotate(225deg);-o-transform:rotate(225deg);transform:rotate(225deg)}

	.cd-main-nav.moves-out .cd-subnav-trigger::after{-webkit-transform:rotate(135deg);-moz-transform:rotate(135deg);-ms-transform:rotate(135deg);-o-transform:rotate(135deg);transform:rotate(135deg)}
}

@media only screen and (min-width:768px) and (max-width:991px){.cd-main-nav{height:80px;line-height:90px;padding:0 5% 0 calc(5% + 90px);background:#fff0;text-align:right}}

@media only screen and (min-width:576px) and (max-width:767px){.cd-main-nav{height:80px;line-height:90px;padding:0 5% 0 calc(5% + 90px);background:#fff0;text-align:right}}

.cd-main-content::before{display:none;content:'mobile'}

@media only screen and (min-width:576px){.cd-main-content::before{content:'desktop'}}

.cd-main-content{position:relative;min-height:100vh;padding-top:100px;background-color:#fff;-webkit-transition:-webkit-transform 0.3s;-moz-transition:-moz-transform 0.3s;transition:transform 0.3s;width:90%;margin:0 auto}

.cd-main-content.nav-is-visible{-webkit-transform:translateX(-260px);-moz-transform:translateX(-260px);-ms-transform:translateX(-260px);-o-transform:translateX(-260px);transform:translateX(-260px)}

@media only screen and (min-width:576px) and (max-width:767px){.cd-main-content{padding-top:80px!important}}

@media only screen and (max-width:575px){.cd-main-content{padding-top:80px!important}}

@media only screen and (min-width:576px){.cd-main-content.nav-is-visible{-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0)}}

.no-js .cd-nav-trigger,.no-js .cd-subnav-trigger{display:none}

.no-js header{position:relative;height:auto}

.no-js .cd-logo img{margin-bottom:14px}

.no-js .cd-main-nav{position:static;width:100%;height:auto;visibility:visible;overflow:visible}

.no-js .cd-main-nav li{display:inline-block}

.no-js .cd-main-nav li:last-child{display:block}

.no-js .cd-main-nav .go-back{display:none}

.no-js .cd-main-nav li ul{position:static;width:100%;-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0)}

@media only screen and (min-width:576px){
	.no-js .cd-main-nav{height:80px}

	.no-js .cd-main-nav li ul{position:absolute;top:80px}

	.no-js .cd-main-nav li ul li{-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0);opacity:1}

	.no-js .cd-main-nav li ul li:last-child{display:none}
}

.no-js .cd-main-content{padding-top:0}

@media only screen and (min-width:576px){.no-js .cd-main-content{padding-top:80px}}

.grid{width:90%;margin:0% 5%;float:left}

.main-thumbnail {width:31.333%;margin:1%;display:inline-block;float:left;overflow:hidden;position:relative}

.thumbnail{width:100%;margin-bottom:2%;display:inline-block;float:left;overflow:hidden;position:relative}

.thumbnail img{width:100%;height:auto}

.title{font-size:1.7rem;text-align:left;padding:2% 0;border-top:1px solid #bababa;color:#000!important;margin:4% 0 2%;text-transform:capitalize;text-decoration:none; clear:both; height:35px;}

@media only screen and (min-width:768px) and (max-width:993px){
	.title{font-size:1.6rem;text-align:left;padding:2% 0;border-top:1px solid #bababa;color:#000!important;margin:4% 0 2%;text-transform:capitalize;text-decoration:none; clear:both;}
}

@media only screen and (min-width:576px) and (max-width:767px){
	.main-thumbnail{width:46%;margin:2%;display:inline-block;float:left}
	
	.thumbnail{width:100%;margin:0%;display:inline-block;float:left}
	
	.title{font-size:1.6rem;text-align:left;padding:2% 0;border-top:1px solid #bababa;color:#000!important;margin:4% 0 2%;text-transform:capitalize;text-decoration:none; clear:both;}
}

@media only screen and (max-width:575px){
	.main-thumbnail{width:90%;margin:2% 5%;display:inline-block;float:left}
	
	.thumbnail{width:100%;margin:0%;display:inline-block;float:left}
	
	.title{font-size:1.7rem;text-align:left;padding:2% 0;border-top:1px solid #bababa;color:#000!important;margin:4% 0 2%;text-transform:capitalize;text-decoration:none; clear:both;}
}

.footer{width:100%;border-top:1px solid #bababa;margin:5% 0}

.footer_left{text-align:left;padding:2%;width:50%;float:left}

.footer_right{text-align:right;padding:2%;width:50%;float:left}

.social{padding:0 1%;color:#999;cursor:pointer}

.social:hover{padding:0 1%;color:#000}

@media only screen and (max-width:767px){
	.footer_left{text-align:center;padding:2% 2%;width:100%;float:left;font-size:1.3rem}

	.footer_right{text-align:center;padding:2% 2%;width:100%;float:left;font-size:1.3rem}
}

.thumbnail .content-overlay{background:rgb(0 0 0 / .5);position:absolute;height:100%;width:100%;left:0;top:0;bottom:0;right:0;opacity:0;-webkit-transition:all 0.4s ease-in-out 0s;-moz-transition:all 0.4s ease-in-out 0s;transition:all 0.4s ease-in-out 0s}

.thumbnail:hover .content-overlay{opacity:1}

.content-image{width:100%}

.content-details{position:absolute;text-align:left;padding-left:1em;padding-right:1em;width:100%;top:80%;left:50%;opacity:0;-webkit-transform:translate(-50%,-20%);-moz-transform:translate(-50%,-20%);transform:translate(-50%,-20%);-webkit-transition:all 0.3s ease-in-out 0s;-moz-transition:all 0.3s ease-in-out 0s;transition:all 0.3s ease-in-out 0s}

.thumbnail:hover .content-details{top:90%;left:50%;opacity:1}

.content-details h3{color:#fff;font-weight:500;letter-spacing:0em;margin-bottom:.5em;text-transform:uppercase;text-align:center}

.fadeIn-bottom{top:90%}

.main-slider{margin-top:4%}

@media only screen and (min-width:576px) and (max-width:767px){.main-slider{margin-top:10%}}

@media only screen and (max-width:575px){.main-slider{margin-top:18%}}

.breadcrumbs{list-style:none;margin:0;padding:2px 0 10px;position:fixed;z-index:2;background:#fff;width:100%;top:110px}

.breadcrumbs li{list-style:none;margin:0;padding:0;display:block;float:left;font-size:13px;text-transform:uppercase;font-weight:700;letter-spacing:.05em;line-height:20px;color:hsl(0 0% 30%)}

.breadcrumbs li a{display:block;padding:0 20px 0 0;color:#878686;text-decoration:none;height:20px;position:relative;perspective:700px}

.breadcrumbs li a:after{content:'';width:15px;height:20px;border-color:#333;border-style:solid;border-width:1px 0 0 0;-webkit-backface-visibility:hidden;outline:1px solid #fff0;position:absolute;right:10px;-webkit-transition:all .15s ease;-moz-transition:all .15s ease;-ms-transition:all .15s ease;transition:all .15s ease;-webkit-transform:rotateZ(90deg) skew(0deg,0deg);-moz-transform:rotateZ(90deg) skew(0deg,0deg);-ms-transform:rotateZ(90deg) skew(0deg,0deg);transform:rotateZ(90deg) skew(0deg,0deg)}

.breadcrumbs li:last-child a:after{content:'';width:15px;height:20px;border-color:#333;border-style:solid;border-width:0 0 0 0;-webkit-backface-visibility:hidden;outline:1px solid #fff0;position:absolute;right:10px;-webkit-transition:all .15s ease;-moz-transition:all .15s ease;-ms-transition:all .15s ease;transition:all .15s ease;-webkit-transform:rotateZ(90deg) skew(0deg,0deg);-moz-transform:rotateZ(90deg) skew(0deg,0deg);-ms-transform:rotateZ(90deg) skew(0deg,0deg);transform:rotateZ(90deg) skew(0deg,0deg)}

.breadcrumbs li a:hover{font-weight:700;color:#000}

@media only screen and (min-width:768px) and (max-width:991px){.breadcrumbs{top:80px}}

@media only screen and (min-width:576px) and (max-width:767px){.breadcrumbs{top:80px}}

@media only screen and (max-width:575px){.breadcrumbs{top:80px}}

h4{scroll-margin-top:200px}

.main-slider .thumbnail .content-image{object-fit:cover;max-width:100%;height:100%;width:100%}

.main-slider .thumbnail .overlay-image{position:absolute;top:0;left:0;min-width:100%;min-height:100%;width:auto;height:100%;visibility:hidden;opacity:0;transition:visibility 0s,opacity 350ms linear;background:#000}

.main-slider .thumbnail:hover .overlay-image{visibility:visible;opacity:100%}

.main-slider .thumbnail:hover .content-overlay{background-color:#fff0}