* {
	margin:0;
	padding:0;
	font-family:font-medium;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  }
@font-face{
	  font-family: myfont;
	  src: url('fonts/Brandon_thin.woff')format('woff');
  }
  @font-face{
	  font-family: font-medium;
	  src: url('fonts//Brandon_med.woff')format('woff');
  }
  @font-face{
	  font-family: font-regular;
	  src: url('fonts/Brandon_reg.woff')format('woff');
  }  

  html, body{
	height: 100%;
	margin:0;
	width:100%;
	overflow: hidden !important;
  }
  
   
    
  .logo-img{
	width:26%;
  }
  .logo img{
	width:12vw;
  }
.body-wrapper{
    margin-left:auto;
    margin-right:auto;
	width:95%;
	height:95%;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  .popup{
	  display:none;
	  position:absolute;
	  top:0;
	  bottom:0;
	  right:0;
	  left:0;
	  width:58%;
	  margin: auto;
      height: 10%;
	  z-index:1000;
	  align-items: center;
      justify-content: center;
	  border-radius:5px;
  }
  .popup-wrapper{
	background: rgba(255,255,255,0.8);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    position: relative;
    padding: 10px;
    border-radius: 5px;
  }
  .popup-close{
	  position:absolute;
	  top:0;
	  right:10px;
  }
  .popup-text{
	  width:auto;
	  margin:0;
	  padding:0px 10px 0 5px;
  }
  /* menu */
  #menu a {
	  text-decoration: none;
	  color: black;
	  /* font-weight:bold; */
  }
  #menu a:target{
	  text-decoration: underline;
  }
  #menuToggle
  {
	display: block;
	z-index: 1;
	-webkit-user-select: none;
	user-select: none;
	padding-left:5px;
  }
  #menu{
	display:flex;
	flex-direction:column;
	justify-content: space-between;
	position: fixed;
	height: 80%;
	width: 24%;
	padding-top: 7px;
	padding-left:0px;
	list-style-type: none;
	-webkit-font-smoothing: antialiased;
	transform-origin: 0% 0%;
	transform: translate(-110%, 0);
	transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);
  }
  /*hamburger*/
  .nav-menu span
  {
	display: block;
	width: 21px;
	height: 1px;
	margin-bottom: 4px;
	position: relative;
	background: #000;
	border-radius: 25px;
	z-index: 1;
  }
  .nav-menu{
	  padding-top:5px;
	  cursor:pointer;
  }
  .active_links{
	margin-top:0px;
	margin-bottom:1.6vh;
	padding-right:0vw;
	width: 94%;
	margin-left: auto;
      height: 100%;
	overflow-x:hidden;
}
.bottom-links{
	padding-bottom:0.5vw;
	text-align: right;
	position:absolute;
	bottom:0;
	right:0;
	margin:auto;
	width:94%;
}
  .active_links a{
	  font-size: 16px;
	  font-family: "font-medium";
  }
  .bottom-links a{
	  font-size: 16px;
  }
  .open-menu{
	transform: none !important;
  }
  /* content container */
  .home_content {
	position: relative;
	width: 23%;
	height:88vh;
	margin-top:auto;
	margin-bottom:auto;
  }
  .scroll{
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index:10;
  }
  .wrapper{
	display:flex;
	height:86%;
}
.active_links.desktop li{
	width:98.5%;
}
.active_links p{
	text-indent:50px;
}
.active_links::-webkit-scrollbar {
	width: .3em;
	height:10px;
}
.active_links::-webkit-scrollbar,
.para_text::-webkit-scrollbar-thumb {
	overflow:visible;
	border-radius: 4px;
}
.active_links::-webkit-scrollbar-thumb {
	background: rgba(0,0,0,0);
	transition: all .5s;
	height: 10px;
}
.scroll-width-thin {
	scrollbar-width: thin;
}
  .os-scrollbar-vertical > .os-scrollbar-track > .os-scrollbar-handle {
	  min-height: 10px;
	  max-height: 10px;
  }
 .nav{
	  padding-bottom:20px;
	  position:relative;
	  transition:all 500ms ease;
  }
  .cover-bar {
	  position: absolute;
	  background: #fff;;
	  height: 100%;  
	  top: 0;
	  right: 0px;
	  width: .5em;
	  transition: all .5s;
	  opacity: 1;
  }
  .nav:hover .cover-bar {
	  opacity: 0;
	  transition: all .5s;
  }
  .nav:hover .active_links::-webkit-scrollbar-thumb {
	  background:grey;
	  transition: all .5s;
  }
  .scroll{
	max-height: 100%;
  }
  .link-wrapper{
	  display:flex;
	  align-items: center;
	  justify-content: space-between;
  }
  .firm_content{
	text-align: justify;
	font-size: 15px;
	line-height: 1.3;
	width: 100%;
	height:96%;
	margin: 0px auto 0px auto;
	padding-bottom:10px;
	letter-spacing:1px;
	color:black;
  }
  .scroll a{
	  color:black;
	  text-decoration: none;
	  line-height: 1;
	  font-size:15px;
  }
  .ch{
	  font-size:14px;
  }
  .close-text {
	display: none;
}
.open{
	display:none;
}
  .open-btn{
	  visibility: hidden;
  }
.slider-wrapper{
    width:72%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-left: 1vw;
	overflow-x:hidden;
	height: 82vh;
	margin-top: auto;
	margin-bottom: auto;
  }
  .slider{
	  width:100%;
	  height:100%;
  }
  .slider img{
	   width:auto;
	  display: inline-block !important;
		height: 85vh;
	  object-fit: contain;
  }
  .img-container{
	  width:100%;
	  height:100%;
	  background:#fff;
	  text-align:right;
  }
  .slick-list{
	width:100%;
	height:100%;
  }
  .focus {
	  border-bottom:1px solid black;
	  margin-bottom:15px;
  }
  .overlay{
	  position:fixed;
	  bottom:50px;
	  height:140px;
	  background:linear-gradient(to top, white, rgba(255,255,255,0));
	  display:flex !important;
	  width:22%;
  }
  /*preloader*/
  #preloader {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #fff;
	z-index: 99;
	display: flex;
	justify-content: center;
	align-items: center;
  }
  
  #status {
	width: 100%;
	height: 5px;
	position: absolute;
	display: flex;
	justify-content: center;
	align-items: center;
	background-image: url(images/Loading5-Bar.gif);
	background-repeat: no-repeat;
	background-position: center;
  }
  .mobile{display:none;}
  .ha{
	position:relative !important;
	bottom:auto !important;
  }
  @media screen and (min-width:1200px) and (max-width:1380px){
	  .slider{
		height:77.5vh;
	  }
	  .wrapper{
		  height:84%;
	  }
	  #menu{
		  height:77vh;
	  }
	}
  @media screen and (min-width:1381px) and (max-width:1500px){
	  .slider{
		height:81vh;
	  }
    #menu{
		  height:78%;
	  }
  }
  
  @media (max-width:767px) {
  
  #status {
  
  background-image: url(images/preloader-mobile.gif);
  
  }
  
  }
  
@media (max-width:991px){
	html, body{
		padding:0px;
	}
	.desktop{
		display:none !important;
	}
	.mobile{
		display:block;
	}
	.body-wrapper{
		height:100%;
		width:100%;
		margin:0;
	}
	.wrapper{
		display: flex;
		height: 95%;
		flex-direction: column;
		width: 93%;
		margin: auto;
		justify-content: space-between;
	}
	.close{
		float: left !important;
		margin-left: 4vw;
	}
	#menu1 a {
		text-decoration: none;
		color: black;
		/* font-weight:bold; */
	}
	#menu1 a:target{
		text-decoration: underline;
	}
	#menuToggle
	{
		display: block;
		z-index: 1;
		-webkit-user-select: none;
		user-select: none;
		padding-left:5px;
	}
	#menu1{
		display:flex;
		flex-direction:column;
		justify-content: space-between;
		position: absolute;
		height: 100%;
		width: 100%;
		margin: 0 0 0 0;
		padding: 0px;
		background: rgba(255, 255, 255, 0.8);
		left:0;
		top:0;
		right:0;
		bottom:0;
		list-style-type: none;
		-webkit-font-smoothing: antialiased;
		transform-origin: 0% 0%;
		transform: translate(110%, 0);
		transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);
		z-index:100;
	}
	#menuToggle{
		display: block;
		position: relative;
		z-index: 1;
		-webkit-user-select: none;
		user-select: none;
	}
	.nav-menu span{
		width: 22px;
		height: 1px;
		margin-bottom: 5px;
	}
	#menu1 li{
		padding-right:0vw;
		width: 100%;
		margin: auto;
	}
	.focus {
		border-bottom: 1px solid black !important;
		margin-bottom: 15px !important;
	}
	.active_links{
		margin-top:10px;
		margin-bottom:1.6vh;
		padding-right:0vw;
		overflow-y:scroll;
		width: 94%;
		margin-left: auto;
		margin-right: auto;
	}
	  .active_links a{
		  font-size: 3.5vw;
	  }
	  .bottom-links{
		  padding-bottom:3.5vw;
		  text-align: right;
		  position:absolute;
		  bottom:0;
		  left:0;
		  right:0;
		  margin:auto;
		  width:94%;
	  }
	  .bottom-links li{
		  line-height:1.3;
	  }
	  .mobile .close-text {
		  display: none;
	  }
	  #menuToggle .close{
		  opacity: 1;
	  }
	  .open{
		  display:none;
	  }
	.logo-img{
		  width:100% !important;
		  display:flex;
		  justify-content:space-between;
		  margin-top:17px;
		}
		.logo-img img{
		  width: 30vw !important;
		}
		.home_content{
			 width:0 !important;
		  height: auto !important;
		  margin-top:0;
		  position:static;
		}
		.slider-wrapper{
			width:100%;
			height:87%;
			display:flex;
			position:relative;
			margin-left:0;
		}
		.slider{
		  width: 100% !important;
		  margin-left:0;
		  margin-top:0px;
		  height:100%;
		  display:flex !important;
		}
	.slider img{
		  /* height: 100vh !important; */
		  width: 100%;
		  object-fit:contain;
	  }
	.slick-list{
		height:100%;
	}
	.slick-slide.slick-current {
		margin-left: 0px;
		padding-right: 0px;
	}
	a{
		  text-decoration: none;
		  transition: color 0.3s ease;
		}
	  .link-wrapper{
		  display: flex;
		  justify-content:flex-end;
		  margin-bottom: 0;
		  border-bottom: none;
	  }
	  .scroll{
		  top: 20vw;
		  z-index: 1;
		  width: 100VW !important;
	  }
	  .close-text a{
		  font-size:15px !important;
	  }
	  .overlay {
		  position: fixed;
		  bottom: 35px;
		  height: 150px;
		  background: linear-gradient(to top, white, rgba(255,255,255,0));
		  display: flex !important;
		  width: 100%;
		  left: 0;
	  }
	  .firm_content{
		color:black;
		  /* font-weight:600; */
		  width:100%;
	}
	.scroll a{
		color:black;
	}
  }
    @media screen and (max-width: 768px) and (orientation: portrait) {
   	.slider img {
	    /*height:100%;*/
	  		  object-fit:contain;
	}
  }
  @media only screen and (min-width:768px) and (max-width:1200px){
	  .slider{
		margin-top:0px;
	}

  }


  @media only screen and (min-width:640px) and (max-width:660px) and (orientation: landscape){
	#menu{
		top:19.7vh !important;
	}
  }
  @media only screen and (min-width:1020px) and (max-width:1280px) and (orientation: landscape){	  
	  .slider{
		  height:82vh;
	  }
	  .home_content{
		  height:90vh;
	  }
	  .wrapper{
		  height:90vh;
	  }
	.body-wrapper{
		display:flex;
		flex-direction:column;
		margin-left:auto;
		margin-right:auto;
		margin-top: 1.953vw;
	}
	  .slick-list{
		  height:94%;
		  display:flex !important;
		  flex-direction:column;
		  justify-content:center;
	  }
	  .slider img{
		height:61vh;
	  }
	  .firm_content{		
		  height:90%;
	  }
  }
@media only screen and (device-aspect-ratio: 1366/1024) and (orientation : landscape) {	
	.ipad{
		top:8vh !important;
		height:79vh !important;
	}
	.slider{
		height:82vh;
	}
	.home_content{
		height:90vh;
	}
	.wrapper{
		height:90vh;
	}
	.body-wrapper{
		display:flex;
		flex-direction:column;
		margin-left:auto;
		margin-right:auto;
		margin-top: 1.953vw;
	}
	.slick-list{
		height:94%;
		display:flex !important;
		flex-direction:column;
		justify-content:center;
	}
	.slider img{
	  height:61vh;
	}
	.firm_content{		
		height:90%;
	}	
  }
@media only screen and (device-aspect-ratio: 2048/2732) and (orientation : landscape) {	
	.ipad{
		top:8vh !important;
		height:79vh !important;
	}
	.slider{
		height:82vh;
	}
	.home_content{
		height:90vh;
	}
	.wrapper{
		height:90vh;
	}
	.body-wrapper{
		display:flex;
		flex-direction:column;
		margin-left:auto;
		margin-right:auto;
		margin-top: 1.953vw;
	}
	.slick-list{
		height:94%;
		display:flex !important;
		flex-direction:column;
		justify-content:center;
	}
	.slider img{
	  height:61vh;
	}
	.firm_content{		
		height:90%;
	}	
  }
  @media only screen and (min-width:380px) and (max-width:991px) and (orientation: landscape){
	  .active_links{
		  margin-top:0;
	  }
	  .bottom-links{
		  padding-top:0vw;
		  width:100%;
		  padding-bottom:1vw;
	  }
	  .active_links a{
		  font-size:14px;
	  }
	  .bottom-links.mobile{
		width:94%;
		}
	  .slick-list{
		  height:100%;
	  }
	  .slider-wrapper{
		  height:76%;
	  }
	  .slider{
		margin-top:0;
	  }
	  .logo-img img{
		  width:18vw !important;
	  } 
  }
  @media only screen and (min-width:480px) and (max-width:991px) and (orientation: landscape){
	  .popup{
		  display:flex;
	  }
  }
  
   /*Arrow */
   
   .arrow-left {
     box-sizing: border-box;
     position: relative;
     display: block;
     transform: scale(var(--ggs,1));
     width: 22px;
     height: 22px
    }
    .arrow-left span {
        display: none;
    }

    .arrow-left::after,
    .arrow-left::before {
     content: "";
     display: block;
     box-sizing: border-box;
     position: absolute;
     left: 3px
    }

    .arrow-left::after {
     width: 8px;
     height: 8px;
     border-bottom: 2px solid;
     border-left: 2px solid;
     transform: rotate(45deg);
     bottom: 7px
    }

    .arrow-left::before {
     width: 16px;
     height: 2px;
     bottom: 10px;
     background: currentColor
    } 
     @media only screen and (min-width:992px) and (orientation: landscape) {
         .nav-menu{
             display: none;
         }
     }