* {margin:0;padding:0;box-sizing:border-box;font-family:'Roboto', sans-serif;}
nav {position:relative;z-index:99;width:100%;}
nav .wrapper{position:relative;padding:0px;line-height:50px;margin:auto;display:flex;align-items:center;float:right;}

.wrapper .nav-links{display:inline-flex;}

.nav-links li {list-style:none;}
.nav-links li a {color:#fff;text-decoration:none;font-size:15px;font-weight:400;padding:0 15px;transition:all 0.3s ease;}
.nav-links li a:hover {color:#FF6600;text-shadow: 0 0.015em #FF6600,0 -0.015em #FF6600,0.01em 0 #FF6600,-0.01em 0 #FF6600;}
.nav-links .mobile-item {display:none;}
.nav-links .drop-menu {position:absolute;color:#242526;width:auto;line-height:1.6;top:0;opacity:0;visibility:hidden;}
.nav-links li:hover .drop-menu, .nav-links li:hover .mega-box {transition:all 0.3s ease;top:inherit;opacity:1;visibility:visible;}

.drop-menu li a {width:100%;display:block;padding:0;font-weight:400;border-radius:0px;}

.mega-box {position:absolute;left:0;width:100%;padding:0;top:0;opacity:0;visibility:hidden;}
.mega-box .content {color:#fff;padding:10px 15px;display:flex;width:100%;}
.mega-box .content .row {width:50%;line-height:1.6;}
.mega-box .content .row:last-child {width:50%;line-height:1.6;}

.content {color:#fff;padding:10px 15px;display:flex;width:100%;}
.content .row img {width:100%;height:100%;object-fit:cover;}
.content .row header {color:#fff;font-size:15px;font-weight:700;}
.content .row .mega-links {margin-left:0;}

.row .mega-links li {padding:0;}
.row .mega-links li a {padding:0px;padding:0 20px;color:#fff;font-weight:400;font-size:15px;display:block;}
.row .mega-links li a:hover {color:#FF6600;text-shadow: 0 0.015em #FF6600,0 -0.015em #FF6600,0.01em 0 #FF6600,-0.01em 0 #FF6600;}

.wrapper .btn {color:#fff;font-size:15px;cursor:pointer;display:none;}
.wrapper .btn.close-btn {position:absolute;right:30px;top:10px;}

nav input{display:none;}

.body-text{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:100%;text-align:center;padding:0 30px;}
.body-text div{font-size:45px;font-weight:600;}

/*
@media screen and (max-width:970px) {
	* {margin:0;padding:0;box-sizing:border-box;font-family:'Roboto', sans-serif;}
	nav {position:relative;z-index:99;width:100%;}
	nav .wrapper{position:relative;padding:0px;line-height:50px;margin:auto;display:flex;align-items:center;float:left;}
	.wrapper .btn{
		display:block;
	}
	.wrapper .nav-links{
		position:fixed;
		height:auto;
		width:100%;
		max-width:350px;
		top:0;
		left:-100%;
		background:#242526;
		display:block;
		padding:50px 10px;
		line-height:50px;
		overflow-y:auto;
		box-shadow:0px 15px 15px rgba(0,0,0,0.18);
		transition:all 0.3s ease;
	}
	
	/* custom scroll bar 
	::-webkit-scrollbar {
		width:10px;
	}
  ::-webkit-scrollbar-track {
	background:#242526;
  }
  ::-webkit-scrollbar-thumb {
	background:#3A3B3C;
  }
  #menu-btn:checked ~ .nav-links{
	left:0%;
  }
  #menu-btn:checked ~ .btn.menu-btn{
	display:none;
  }
  #close-btn:checked ~ .btn.menu-btn{
	display:block;
  }
  .nav-links li{
	margin:15px 10px;
  }
  .nav-links li a{
	padding:0 20px;
	display:block;
	font-size:20px;
  }
  .nav-links .drop-menu{
	position:static;
	opacity:1;
	top:65px;
	visibility:visible;
	padding-left:20px;
	width:100%;
	max-height:0px;
	overflow:hidden;
	box-shadow:none;
	transition:all 0.3s ease;
  }
  #showDrop:checked ~ .drop-menu,
  #showMega:checked ~ .mega-box{
	max-height:100%;
  }
  .nav-links .desktop-item{
	display:none;
  }
  .nav-links .mobile-item{
	display:block;
	color:#f2f2f2;
	font-size:20px;
	font-weight:500;
	padding-left:20px;
	cursor:pointer;
	border-radius:5px;
	transition:all 0.3s ease;
  }
  .nav-links .mobile-item:hover{
	background:#3A3B3C;
  }
  .drop-menu li{
	margin:0;
  }
  .drop-menu li a{
	border-radius:5px;
	font-size:18px;
  }
  .mega-box{
	position:static;
	top:65px;
	opacity:1;
	visibility:visible;
	padding:0 20px;
	max-height:0px;
	overflow:hidden;
	transition:all 0.3s ease;
  }
  .mega-box .content{
	box-shadow:none;
	flex-direction:column;
	padding:20px 20px 0 20px;
  }
  .mega-box .content .row{
	width:100%;
	margin-bottom:15px;
	border-top:1px solid rgba(255,255,255,0.08);
  }
  .mega-box .content .row:nth-child(1),
  .mega-box .content .row:nth-child(2){
	border-top:0px;
  }
  .content .row .mega-links{
	border-left:0px;
	padding-left:15px;
  }
  .row .mega-links li{
	margin:0;
  }
  .content .row header{
	font-size:19px;
  }
}
*/