*{margin: 0; padding: 0; box-sizing: border-box;}
input:focus, a:focus, button:focus, textarea:focus, select:focus{outline: none !important; border:none; box-shadow: none !important;}
a, img, button, input[type="submit"]{transition: all 0.5s ease;}
img{max-width: 100%;}
.container{position: relative;}
.fa.fa-twitter{font-family:sans-serif;}
.fa.fa-twitter::before{content:"𝕏"; font-size:1.2em;}

body{background:#000 !important; font-size: 18px !important; color:#fff !important; font-family:"Hanken Grotesk", sans-serif !important; font-weight: 400;}
html,
body {
	height: 100%;
	scrollbar-width: none; /* For Firefox */
	-ms-overflow-style: none; /* For IE */

	/* For WebKit-based browsers */
	&::-webkit-scrollbar {
		display: none;
	}
}
.main-wrapper{ position:relative; width:100%;}
.main-wrapper section, .main-wrapper footer{height: 100vh; position:sticky !important; top:0; display: flex; align-items: center;}
header.site-header{margin:0; padding:30px 0; position: relative; width:100%; background: #000;}
header.site-header .row{align-items:center}
header.site-header .header-menu{text-align:right}
header.site-header .header-menu .menu-text{text-transform:uppercase; position:relative; display:inline-flex; cursor: pointer;}
header.site-header .header-menu .menu-text:before{position:absolute; left:50%; height:80vh; width:1px; content:""; background:#fff; top:45px; z-index:9}
header.site-header .header-menu .menu-text:after{position:absolute; left:50%; height:50vh; width:32px; content:""; background:url("../images/menu-bg.png") no-repeat center center; top:45px; z-index:9; background-size: contain; margin-left: -16px;}


.popup-menu{color:#000 !important}
.popup-menu .modal-content{background-color: rgba(0, 0, 0, 0.9);  position:relative; margin:0; padding:0 }
.popup-menu .modal-dialog {max-width:1140px}
.popup-menu .modal-dialog .modal-header{border:none}
.popup-menu .modal-body{padding: 30px; border: 1px solid #fff; border-radius: 15px; margin: 30px 60px;}
.popup-menu .main-menu{display: flex; flex-wrap: wrap; margin: 0; padding:15% 0; width: 100%}
.popup-menu .main-menu li {display: flex; width: 100%; justify-content: center; margin: 0; padding: 5px 0; font-size: 24px;}
.popup-menu .main-menu li a {color: #fff; text-decoration: none; margin:0; padding:0}
.popup-menu .main-menu li a:hover{color: #F46F2E;}
.popup-menu .main-menu li:last-child{position:absolute; right:15px; justify-content:flex-end; bottom:15px; font-size:18px}
.popup-menu .social-list{display:flex; margin:0; padding:0; list-style-type:none}
.popup-menu .social-list li{margin:0 15px 0 0; padding:0; font-size:18px}
.popup-menu .social-list li a{color:#fff; text-decoration:none; margin:0; padding:0}
.popup-menu .modal-dialog .modal-header button{padding:0; margin:0; color:#fff; opacity:1; font-weight:300; text-transform:uppercase; font-size:18px}
.popup-menu .modal-dialog .modal-header .site-brand img{width:100%; max-width:150px}
.popup-menu .modal.show .modal-dialog{left:50%; top:50%; transform: translate(-50%, -50%);}

.impact-result{margin:0; padding:0; position: relative; width:100%; background: #000; z-index: 1;}
.impact-result:before{background: url("../images/impact-result-right.png") no-repeat left center; content: ""; position: absolute; left: 0; top: 0; height: 100%; width: 100%; background-size:18%; z-index: -1;}
.impact-result::after{background: url("../images/impact-result-left.png") no-repeat right center; content: ""; position: absolute; left: 0; top: 0; height: 100%; width: 100%; background-size:18%; z-index: -1;}

.impact-result h3{text-align:center; font-size:60px; margin:0 0 45px 0; font-weight:300; background: -webkit-linear-gradient(#fff, #F68F5D); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.impact-result h3 span{font-family: "EB Garamond", serif; font-style:italic; color:#fff !important; font-weight:500; -webkit-text-fill-color: #fff }
.impact-result .list-items{position:relative; width:100%; width:100%; list-style-type:none; display:flex; flex-wrap:wrap}
.impact-result  .row{margin:0 -10px}
.impact-result .list-items li{width:20%; padding:0 10px; display:flex;  min-width: 20%; transition: all 0.5s ease;}
.impact-result .list-items li .img-box{display:flex; position:relative; width: 100%; cursor:pointer;}
.impact-result .list-items li .img-box:before{position:absolute; width:100%; height:100%; background-color:rgba(0, 0, 0, 0.5); content:""}
.impact-result .list-items li.active{width:40%; }
.impact-result .list-items li.active .img-box:before{display:none}
.impact-result .list-items li img{border:1px solid rgba(255, 255, 255, 0.6); border-radius:15px; object-fit:none; height:100%; height: 400px; width: 100%;}

.big-difference{margin:0; padding:0; position: relative; width:100%; background: #000; z-index: 1; position: relative;}
.big-difference:before{background: url("../images/big-difference-blur.png") no-repeat center top; content: ""; position: absolute; left: 0; top: 150px; height: 100%; width: 100%; background-size: 50%;}
.big-difference .bg{background: url("../images/big-difference-01.png") no-repeat center top; background-size: cover; padding: 0 290px 60px 290px; text-align: center;}
.big-difference h3{text-align:center; font-size:42px; margin:0 0 45px 0; font-weight:400; }
.big-difference h3 span{font-family: "EB Garamond", serif; font-style:italic; color:#fff;  font-weight:500; display:block}
.big-difference h3 small{background: -webkit-linear-gradient(#fff, #F68F5D); -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-weight:300; font-family:"Hanken Grotesk", sans-serif; font-style:normal; font-size:48px}
.big-difference .bg .title{color:#F46F2E; font-size:30px; margin:0 0 30px 0}
.big-difference .bg p{font-size:18px; font-weight:300}

.brand-partner {margin: 0; padding:0; position: relative; width: 100%; background: #000; z-index: 1;}
.brand-partner:after{background: url("../images/brand-partner-left.png") no-repeat left center; content: ""; position: absolute; left: 0; top: 0; height: 100%; width: 100%; background-size:15%; z-index: -1;}

.brand-partner h3 {text-align: center; font-size: 48px; margin: 0 0 45px 0; font-weight: 300; background: -webkit-linear-gradient(#fff, #F68F5D); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.brand-partner h3 span {font-family: "EB Garamond", serif; font-style: italic; color: #fff !important; font-weight: 500; -webkit-text-fill-color: #fff}
.brand-partner .brand-list {
	width: 100%; width: 100%; list-style-type: none; display: flex; align-items: center; justify-content: space-between; 
}
.brand-partner .brand-list li {width: 20%; margin: 0; padding: 0; display: flex; align-items: center; justify-content: center;}
.brand-partner .brand-list li img {display: block; margin: 0; padding: 0; max-height:75px; object-fit:contain; width:auto}

.banner-video {margin: 0; padding:0; position: relative; width: 100%; background: #000; z-index: 1;}
 .banner-video video{object-fit:cover; /*border-radius:0 60px;*/ width:100%; } 


.company-info{margin:0; padding:0; position: relative; width:100%; background: #000; z-index: 1;}
.company-info:after{background: url("../images/company-info-right.png") no-repeat right center; content: ""; position: absolute; left: 0; top: 0; height: 100%; width: 100%; background-size:15%; z-index: -1;}
.company-info h3{font-size:42px; margin:0 0 45px 0;   color:#fff !important; font-weight:500;  font-family: "EB Garamond", serif; font-style:italic }
.company-info h3 span{display:block; -webkit-text-fill-color: #fff; font-style:normal; font-family:"Hanken Grotesk", sans-serif; font-weight:300; background: -webkit-linear-gradient(#fff, #F68F5D); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.company-info .list-items{position:relative; width:100%; width:100%; list-style-type:none; display:flex; flex-wrap:wrap}
.company-info #counter{display:flex; margin:30px 0 0 0; padding:0; flex-wrap:wrap; list-style-type:none; width:100%}
.company-info #counter li{display:flex; margin:0 0 15px 0; padding:0; width:50%; flex-direction:column}
.company-info #counter li .count{font-size:42px; }
.company-info #counter li .title{font-size:18px; }
.company-info .custom-btn{margin: 0; padding: 0;}
.company-info .custom-btn a {background: -webkit-linear-gradient(#fff, #F68F5D); padding: 10x; display: inline-flex; border-radius: 30px; color:#fff; position:relative; overflow:hidden;  text-decoration:none}
.company-info .custom-btn a span{display:flex; padding:8px 30px; background:#000; margin:1px; border-radius: 30px;}
.company-info .custom-btn a:hover{background: -webkit-linear-gradient(#F68F5D, #fff); color:#000}
.company-info .custom-btn a:hover span{background: -webkit-linear-gradient(#fff, #F68F5D)}

.home-banner{margin: 0; padding: 90px 0 120px 0; position: relative; width: 100%; background: #000; text-align:center; z-index: 1;}
.home-banner:after{background: url("../images/home-banner-bg.png") no-repeat center 100px; content: ""; position: absolute; left: 0; top: 0; height: 100%; width: 100%; background-size:60%; z-index: -1;}
.home-banner h1 {text-align: center; font-family: "EB Garamond", serif; font-style: italic;  font-size: 72px; margin: 0 0 30px 0; font-weight: 500; }
.home-banner h1 span { color: #fff !important; font-weight: 300; font-style:normal; font-family:"Hanken Grotesk", sans-serif;  background: -webkit-linear-gradient(#fff, #F68F5D); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.home-banner .custom-btn{margin: 0; padding: 0;}
.home-banner .custom-btn a {background: -webkit-linear-gradient(#fff, #F68F5D); padding: 10x; display: inline-flex; border-radius: 30px; color:#fff; position:relative; overflow:hidden;  text-decoration:none}
.home-banner .custom-btn a span{display:flex; padding:8px 30px; background:#000; margin:1px; border-radius: 30px;}
.home-banner .custom-btn a:hover{background: -webkit-linear-gradient(#F68F5D, #fff); color:#000}
.home-banner .custom-btn a:hover span{background: -webkit-linear-gradient(#fff, #F68F5D)}


footer.site-footer{padding:60px 0 15px 0; margin:0; position:relative; background:#000; color:#fff; font-size:21px; z-index: 1; }
footer.site-footer .container{position: relative; z-index: 9;}
footer.site-footer .site-brand img{max-width:100%; width:auto; margin:0}
footer.site-footer .nav-list{margin:0; padding:0; list-style-type:none; width:100%}
footer.site-footer .nav-list li{margin:0; padding:0 0 10px 0; display:block}
footer.site-footer .nav-list li a{color:#fff; text-decoration:none; font-size:21px}
footer.site-footer .nav-list li a:hover{color:#F46F2E}
footer.site-footer .copy-right{text-align:right; margin:30px 0 0 0; font-size: 18px;}
footer.site-footer .copy-right a{color:#fff; text-decoration:none}
footer.site-footer .copy-right a:hover{color:#F46F2E}
footer.site-footer [class*=col-]{border-left:1px solid rgba(255, 255, 255, 0.3); padding:0 30px}
footer.site-footer .row{margin:0 -30px}
footer.site-footer [class*=col-]:first-child, footer.site-footer [class*=col-]:nth-child(2){border-left:none}