/* ================================================== */
@charset "utf-8";
@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i);
@import url(https://fonts.googleapis.com/css?family=Montserrat:400,200,300,500,600,700,800);
@import url(https://fonts.googleapis.com/css?family=Allura);

/* import icons */
@import url("../fonts/font-awesome/css/font-awesome.css");
@import url("../fonts/elegant_font/HTML_CSS/style.css");
@import url("../fonts/et-line-font/style.css");

/* ================================================== */
/* body */
/* ================================================== */
html{
	background:#000000 !important;
}

body {
	display:none;
	font-family: "Montserrat","Helvetica",Arial,sans-serif;
	font-size: 13px;
	font-weight:400;
	color: #aaaaaa;
	line-height: 1.8em;
	padding: 0;
	background:#606060;
}

/* ================================================== */
/*  header	*/ 
/* ================================================== */
header {
	width: 100%;
	height: 80px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1001;
	-webkit-transition: height 0.3s;
	-moz-transition: height 0.3s;
	-ms-transition: height 0.3s;
	-o-transition: height 0.3s;
	transition: height 0.3s;
	background:#101010;
	border-bottom:solid 1px rgba(0,0,0,0.0);
}

header .info{
	display:none;
	color:#fff;
	text-align:right;
	padding:10px 0 10px 0;
	width:100%;
	z-index:100;
	border-bottom:solid 1px rgba(255,255,255,.2);
}
header .info .column{
	display:inline-block;
	padding:0 15px 0 15px;
	font-size:11px;
	letter-spacing:1px;
}
header .info .social.column{
	border:none;
}
header .info .social i{
	color:#fff;
	font-size:14px;
	display:inline-block;
	float:none;
	padding:0 10px 0 10px;
}
header .info strong{
	font-size:12px;
}

header.header-light .info{
	color:#333;
}
header.header-light .info .social i{
	color:#333;
}
header.transparent.header-light .info,
header.transparent.header-light .info .social i{
	color:#fff;
}

header.header-bg{
	background:rgba(0,0,0,0.5);
}

header.transparent{
	background:rgba(0,0,0,0.0);
}

header.autoshow{
	top:-80px;
}	

header.autoshow.scrollOn,header.autoshow.scrollOff{
	-o-transition:.5s;
	-ms-transition:.5s;
	-moz-transition:.5s;
	-webkit-transition:.5s;
	transition:.5s;
	outline: none;	
}

header.autoshow.scrollOn{
	top:0;
}

header.autoshow.scrollOff{
	top:-80px;
}

header div#logo {
	display: table;
	height: 80px;
	float: left;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s; 
}
header .container-fluid div#logo{
	padding-left: 20px;
}
header div#logo .logo-2{
	display:none;
}
header div#logo a{
	display:table-cell;
	vertical-align:middle;
}
header nav {
	float:right;
}
header nav a {
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s; 
}
header nav a:hover {
	color: #555; 
}
header.smaller:not(.header-bottom):not(.side-header) #mainmenu a{
	padding-top: 18px;
	padding-bottom:18px;
	text-transform: capitalize;
	letter-spacing: 2px;
}
header.smaller:not(.header-bottom):not(.side-header) #mainmenu li li a{
	padding-top: 0px;
	padding-bottom: 0px;
}
header.smaller:not(.header-bottom):not(.side-header) #mainmenu ul{
	top:70px;
}
header.smaller:not(.header-bottom):not(.side-header) #mainmenu ul ul{
	top:0px;
}
header.smaller:not(.header-bottom):not(.side-header){
	height: 70px;
	/*background:#101010;*/
}
header.smaller.no-border:not(.header-bottom):not(.side-header){
	border:none;
}
header.smaller:not(.header-bottom):not(.side-header) div#logo,
header.smaller:not(.header-bottom):not(.side-header) .header-extra {
	height:70px;
}

.logo-smaller div#logo {
	width: 150px;
	height:30px;
	line-height: 65px;
	font-size: 30px;
}
.logo-smaller div#logo img{
	line-height: 75px;
	font-size: 30px;
}
.logo-smaller  div#logo .logo-1{
	display:none;
}
.logo-smaller  div#logo .logo-2{
	display:inline-block;
}
.logo-small{
	margin-bottom:20px;
}

header.de_header_2{
	height:125px;	
}

header.de_header_2.smaller {
	height:70px;
}

header.de_header_2.smaller .info{
	position:absolute;
	opacity:0;
	z-index:-1;
}

header.header-light{
	background:#fff;
}

header.header-light.transparent{
	background:none;
}

header.smaller:not(.header-bottom).header-light{
	background:#fff;
	border-bottom-color:#eee;
}

.de-navbar-left{
	background:#151618 ;
}

.de-navbar-left #logo{
	padding:40px;
	text-align:center;
	width:100%;
}

.de-navbar-left header{
	position:relative;
	display:block;
	width:100%;
	height:100%;
	left:0;
	background:none;
	padding:30px;
	padding-right:20px;
}

.de-navbar-left header #mainmenu{
	float:none;
	margin:0;
	padding:0;
}	

.de-navbar-left header #mainmenu > li{
	display:block !important;
	margin:0;
	float:none;
	text-align:center;
	font-family:"Dosis";
	letter-spacing:5px;
	font-size:14px;
	padding:0;
	padding-top:10px;
	padding-bottom:10px;
	border-bottom:solid 1px rgba(255,255,255,.1);
}	
.de_light.de-navbar-left header #mainmenu > li{
	border-bottom:solid 1px rgba(0,0,0,.05);
}
.de-navbar-left header #mainmenu > li > a{
	padding:0;
	opacity:.5;
}	
.de_light.de-navbar-left header #mainmenu > li > a{
	color:#222;
}	
.de-navbar-left header #mainmenu > li a:hover{
	opacity:1;
}
.de-navbar-left header #mainmenu > li >a:after{
	content:none;
}
.de-navbar-left header nav{
	float:none !important;
}


/* subheader */
#subheader{
	padding-bottom:70px;
	background:#222;
}
#subheader{
	-webkit-background-size: 100% auto !important;
	-moz-background-size: 100% auto !important;
	-o-background-size: 100% auto !important;
	background-size: 100% auto !important;
}
.de-navbar-left  #subheader{
	padding-bottom:120px;
}
#subheader h1 {
	color:#eceff3;
	margin-top:80px;
	font-size: 32px;
	letter-spacing: 5px;
	float: left;
	padding-right: 40px;
	margin-right: 40px;
	text-transform:uppercase;
}
#subheader span {
	letter-spacing:2px;
	display: inline-block;
	font-size: 15px;
	margin-top:88px;
	color:#fff;
}
#subheader .crumb{
	font-size:10px;
	letter-spacing:3px;
	margin-top: 90px;
	color:#fff;
	text-transform:uppercase;
}
.de-navbar-left.de_light #subheader h1{
	color:#222;
}

#subheader.style-2 .title-wrap{
	float:left;
	margin-top:60px;
}
#subheader.style-2{
	padding:150px 0 150px 0;
}
#subheader.style-2 h1{
	font-size:56px;
	text-align:left;
	margin:0;
	float:none;
	font-weight:bold;
	letter-spacing:1px;
}
#subheader.style-2 h4{
	color:#fff;
	margin-top:10px;
	font-weight:500;
	text-transform:none;
}


/* ================================================== */
/* navigation */
/* ================================================== */
.header-custom:not(.header-mobile){
	height:auto;
	position:relative;
	width:100%;
	left:0;
}
.header-custom:not(.header-mobile) nav{
	display:block;
	width:100%;
	text-align:center;
	margin-bottom:-1px;
	float:none;
}
.header-custom:not(.header-mobile).s2 nav{
	text-align:left;
	background:none;
	margin:0;
	padding:0;
	float:left;
}	
.header-custom:not(.header-mobile) nav #mainmenu{
	display:inline-block !important;
	margin:0;
	float:none;
	padding:0;
}
.header-custom:not(.header-mobile) #mainmenu > li > a{
	padding: 20px 0px 20px 20px;
	line-height:20px;
}
.header-custom:not(.header-mobile) #mainmenu > li:first-child > a{
	padding-left:0;
}
.header-custom:not(.header-mobile) div#logo{
	width:100%;
}
.header-custom:not(.header-mobile) div#logo img{
	text-align:center;
}
.header-custom:not(.header-mobile) #mainmenu li > ul,
.header-custom:not(.header-mobile) #mainmenu li:hover > ul{
	margin-top:-20px;
}

.header-custom:not(.header-mobile) #mainmenu li ul ul,
.header-custom:not(.header-mobile) #mainmenu li:hover ul ul {
	top:20px;
}
.header-custom:not(.header-mobile) #mainmenu li ul.mega,
.header-custom:not(.header-mobile) #mainmenu li:hover ul.mega{
	margin-top:60px;
}
.header-custom:not(.header-mobile) .menu-group{
	background:rgba(255,255,255,.02);
	margin-bottom:-1px;
	height:60px;
	padding-top:-1
}
.header-custom:not(.header-mobile) .form-default{
	margin-top:-5px;
}
.header-custom.header-light:not(.header-mobile) .menu-group{
	background:rgba(0,0,0,.05);
}

#mainmenu {
	font-family:"Open Sans", Arial, Helvetica, sans-serif;
	float: right;
	font-size:11px;
	font-weight:400;
	letter-spacing:3px;
	text-transform:uppercase;
}	

#mainmenu ul {
	float: right;
	margin: 0px 0px;
	padding: 0px 0px;
	height: 30px;
}

#mainmenu li {
	margin: 0px 0px;
	padding: 0px 0px;
	float: left;
	display: inline;
	list-style: none;
	position: relative;
}

#mainmenu a{
	line-height:30px;
}

#mainmenu > li > a {
	line-height: 35px;
	text-transform: capitalize;
	letter-spacing: 1px;
	font-size: 13px;
}

#mainmenu a {
	display: inline-block;
	padding: 25px 0px 25px 35px;
	text-decoration: none;
	text-align:center;
	outline:none;
}

#mainmenu a,
header.transparent.header-light #mainmenu a{
	color:#fff;
}

#mainmenu li li {
	font-size: 10px;
	font-weight: normal; 
	border-bottom: solid 1px #333;
}

#mainmenu li li:last-child {
	border-bottom: none;
}


#mainmenu li li a {
	padding: 0px 12px 0px 12px;
	border-top: none;
	color: #ccc;
	width:201px;
	border-left:none;
	text-align:left;
	text-transform: capitalize;
	letter-spacing: 1px;
	font-size: 13px;
}

#mainmenu li li a:hover{
	color:#fff;
}

#mainmenu li li a:after {
	content:none !important;
}

#mainmenu li li li a {
	background: #222327;
	text-transform: capitalize;
	letter-spacing: 1px;
}

#mainmenu li li a:hover {
	background: #1678d5;
	width: 150px;
	text-transform: capitalize;
	letter-spacing: 1px;
}

/* new added menu */

#mainmenu li > ul {
	width: 150px;
	height: 0;
	position: absolute;
	top: 80px;
	left: 0px;
	z-index: 10;
	opacity:0;
	margin-top:5px;
	overflow:hidden;
}	

#mainmenu li:hover > ul {
	opacity:1;
	height:auto;
	margin-top:0px;
	overflow:visible;
}	

#mainmenu li ul.mega ul {
	width: 150px;
	height: auto;
	position: absolute;
	top: 80px;
	left: 0px;
	z-index: 10;
	visibility:hidden;
	opacity:0;
	margin-top:5px;
}

/* close new added menu */

#mainmenu li li {
	display: block;
	float: none;
}


#mainmenu ul li:hover > a{
	color:#222;
}

header.header-mobile #mainmenu li ul {
	visibility: visible;
	opacity:1;
	margin-top:0px;
}

#mainmenu li ul{		
	background: #222327;
}

#mainmenu li ul ul {
	left: 100%;
	top: 0px;
}

#mainmenu li:hover > ul {
	color: #1a8b49;
}

#mainmenu select {
	padding: 10px;
	height: 36px;
	font-size: 14px;
	border: none;
	background: #ff4200;
	color:#eceff3;
}

#mainmenu select option {
	padding: 10px;
}

header.header-light #mainmenu > li > a,
header.transparent.smaller.header-light #mainmenu > li > a{
	color:#333;
}

#mainmenu > li ul.mega{
	position:fixed;
	left:0;
	height:0%;
	width:100%;
	visibility: hidden;
	opacity: 0;
	overflow:hidden;
}
#mainmenu li:hover ul.mega{
	visibility: visible;
	opacity: 1;
}
#mainmenu li ul.mega > li,
#mainmenu li ul.mega > li a{
	width:100%;
}
#mainmenu li ul.mega li.title{
	padding:0px 10px 10px 15px;
	text-align:left;
	color:#fff;
	font-weight:bold;
}
#mainmenu li ul.mega > li ul{
	position:static;
	visibility: visible;
	opacity: 1;
	left:0;
	float:none;		
	width:100%;
}
#mainmenu ul.mega > li ul li{
	margin:0;
	padding:0;
}

#mainmenu ul.mega > li ul li a{
	margin:0;
}

#mainmenu ul.mega > li ul li:last-child{
	border-bottom:solid 1px #333333;
}

#mainmenu li ul.mega .menu-content{
	background:#222327;
	padding:30px;
}
header.header-mobile #mainmenu > li ul.mega{
	visibility: visible;
	opacity: 1;
}
header:not(.header-mobile) #mainmenu > li:hover ul.mega{
	height:auto;
}

#menu-overlay{
	position:fixed;
	width:100%;
	height:100%;
	background:rgba(0,0,0,.9);
	color:#ffffff;
	z-index:10000;
	overflow-y:auto;
	display:none;
}
#menu-overlay.slideDown{
	top:-100%;
}

#mo-button-open{
	position:absolute;
	display:block;
	width:36px;
	right:20px;
	margin-top:22px;
	overflow:hidden;
}

#mo-button-open div{
	width:100%;
	height:4px;
	background:#ffffff;
	margin-bottom:7px;
}

#mo-button-open:hover div:nth-child(1){
	margin-left:50%;
}

#mo-button-open:hover div:nth-child(2){
	margin-left:25%;
}

#mo-button-close {
	position:absolute;
	margin-top:32px;
	right:20px;
	display: block;
	width: 40px;
	height: 40px;
	cursor: pointer;
}

#mo-button-close .line-1,
#mo-button-close .line-2 {
	width: 40px;
	height: 4px;
	background: #ffffff;
	position: absolute;
	border-radius: 10px;
	right:0px;
}

#mo-button-close .line-1 {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

#mo-button-close .line-2 {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}

#mo-button-close:hover .line-1,
#mo-button-close:hover .line-2 {
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
}



#mo-menu ul, #mo-menu li{
	padding:0;
	margin:0;
	list-style:none;
}

#mo-menu{
	font-size:16px;
	margin-left:-30px;
}

#mo-menu a{
	text-decoration:none;
	color:#ffffff;
}

#mo-menu li ul a{
	color:#888888;
}

#mo-menu li ul a:hover{
	color:#ffffff;
}

#mo-menu > li > a{
	font-size:40px;
	padding:15px 0;
	display:inline-block;
}

#mo-menu > li{
	display:block;
	width:100%;
	opacity:0;
}

#mo-menu > li > ul{
	overflow: hidden;
	max-height: 0;
	transition: max-height 0.5s cubic-bezier(0, 1, 0, 1);
}

#mo-menu:not(.mo-center) > li > ul{
	width:100%;
}

#mo-menu > li > ul.full {
	max-height: 2000px;
	transition: max-height 1s ease-in-out;
}

#mo-menu.mo-center{
	text-align:center;
}

#mo-menu.mo-center > li > ul{
	margin-left:15px;
}

#mo-menu .menu-content ul li{
	padding:0;
	margin:0;
	list-style:none;
}

#mo-menu li ul.mega .menu-content{
	padding:0px;
}

/* menu toggle for mobile */
#menu-btn{
	display:none;
	float:right;
	margin-top:5px;
	width:36px;
	height:36px;
	padding:6px;
	text-align:center;
	cursor:pointer;
}

.header-extra{
	float: right;
	padding-left: 50px;
	height: 80px;
	display: table;
}

.v-center{
	display: table-cell;
	vertical-align: middle;
}

#b-menu,
#b-menu-close {
	display: block;
	cursor: pointer;
	height: 20px;
	margin-top: 32px;
}
#b-menu > span{
	display: block;
	width: 20px;
	height: 2px;
	margin:3px 0 3px 0;
	background:#fff;
}

#b-menu-close > span{
	display: block;
	width: 20px;
	height: 2px;
	background:#fff;
	position: absolute;
}

#b-menu-close{
	position:absolute;
	padding-top:10px;
	right:40px;
	top:20px;
	width:20px;
	height:20px;
}

#b-menu-close span:nth-child(1){
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}

#b-menu-close span:nth-child(2){
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.header-light #menu-btn{
	background:none;
}

#menu-btn:before{
	font-family:FontAwesome;
	content: "\f0c9";
	font-size:24px;
	color:#eceff3;
}

.header-light #menu-btn:before{
	color:#333;
}

#menu-btn.unclick:before{
	content: "\f0c9";
}

#menu-btn.clicked:before{
	content: "\f00d";
}

/*#menu-btn:hover{
	background:#fff;
	}*/

	#menu-btn:hover:before{
		color:#fff;
	}

	/* menu toggle animated */

	#nav-toggle {
		float:right;
		width: 60px;
		height: 20px;
		position: relative;
		margin: 15px auto;
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
		-webkit-transition: .5s ease-in-out;
		-moz-transition: .5s ease-in-out;
		-o-transition: .5s ease-in-out;
		transition: .5s ease-in-out;
		cursor: pointer;
		padding:10px;
		z-index:100;
	}

	#nav-toggle span{
		display: block;
		position: absolute;
		height: 2px;
		width: 50%;
		background: #fff;
		border-radius: 9px;
		opacity: 1;
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
		-webkit-transition: .25s ease-in-out;
		-moz-transition: .25s ease-in-out;
		-o-transition: .25s ease-in-out;
		transition: .25s ease-in-out;
	}

	#nav-toggle span:nth-child(1) {
		top: 10px;
	}

	#nav-toggle span:nth-child(2) {
		top: 18px;
	}

	#nav-toggle span:nth-child(3) {
		top: 26px;
	}

	#nav-toggle.open span:nth-child(1) {
		top: 18px;
		-webkit-transform: rotate(135deg);
		-moz-transform: rotate(135deg);
		-o-transform: rotate(135deg);
		transform: rotate(135deg);
	}

	#nav-toggle.open span:nth-child(2) {
		opacity: 0;
	}

	#nav-toggle.open span:nth-child(3) {
		top: 18px;
		-webkit-transform: rotate(-135deg);
		-moz-transform: rotate(-135deg);
		-o-transform: rotate(-135deg);
		transform: rotate(-135deg);
	}

	#menu-wrapper{
		width:100%;
		height:100%;
		background:rgba(0,0,0,.95);
		position:fixed;
		top:0;
		left:0;	
		text-align:center;
		height:0;
		overflow-y:auto;
	}

	#menu-wrapper  nav{
		display:inline-block;
		margin:20px auto 80px auto;
		padding:0;
		float:none;
		font-size:26px;
		opacity:0;
	}


	/* ================================================== */
	/* content */
	/* ================================================== */
	#content {
		width:100%;
		background:#fff;
		z-index:100;
	}

	.de-navbar-left footer.light .subfooter{
		background:none;
	}

	.de-navbar-left .subfooter{
		background:none;
	}

	header.side-header{
		border-bottom:none !important;
		margin:0;
	}

	header.side-header .social-icons-2{
		margin:0 auto;
		margin-top:50px !important;
		float:none;
		text-align:center;
	}

	header.side-header .social-icons-2 a{
		display:inline-block;
		margin:0 2px 0 2px;
		background:#555;
		width:36px;
		height:36px;
		padding-top:5px;
		display:inline-block;
		text-align:center;
		border-radius:20px;
		-moz-border-radius:20px;
		-webkit-border-radius:20px;
		opacity:.2;	
	}

	.de_light header.side-header .social-icons-2 a{
		background:#fff;
		color:#333;
	}

	header.side-header .social-icons-2 a:hover{
		opacity:1;
	}	

	.de-navbar-left.de_light header, .de-navbar-left.de_light{background:#f9f9f9;}

	/*header.header-mobile{
		position:relative;
		background:#111;
		z-index:1000;
		}*/

		header.header-mobile.header-light{
			background:#fff;
		}

		header.smaller.header-scroll:not(.autoshow){
			position:absolute;
		}

		header.smaller #b-menu,
		header #b-menu-close{
			margin-top: 27px;
		}


		.header-bottom .info{
			display:none !important;
		}

		#de-sidebar{
			position:absolute;
		}

		/* ================================================== */
		/* video */
		/* ================================================== */
		video, object {
			display:inline-block;
			vertical-align:baseline;
			min-width:100%;
			min-height:100%;
		}

		.de-video-container{
			top:0%;
			left:0%;
			height:500px;
			width:100%;
			overflow: hidden;
		}

		.de-video-content{
			width:100%;
			position:absolute;
			z-index:10;
		}


		.de-video-overlay{
			position:absolute;
			width:100%;
			min-height:100%;
			background:rgba(0,0,0,.7);
		}

		.de-video-overlay.t30{
			background:rgba(0,0,0,.3);
		}

		.de-video-overlay.t50{
			background:rgba(0,0,0,.5);
		}

		.de-video-overlay.dotted{
			background:url(../assets/images/dotted.png);
		}

		.video-fixed{
			width:100%;
			position:fixed;
			top:0;
		}

		/* youtube, vimeo */

		.video-container {
			position:relative;
			padding-bottom:56.25%;
			padding-top:30px;
			height:0;
			overflow:hidden;
		}

		.video-container iframe, .video-container object, .video-container embed {
			position:absolute;
			top:0;
			left:0;
			width:100%;
			height:100%;
		}

		.de-video-container .btn-line:hover:after, .de-video-container a.btn-line:hover:after, .de-video-container a.btn-line.hover:after{
			color:#eceff3;
		}

		/* ================================================== */
		/* map */
		/* ================================================== */
		/* --------------- map --------------- */
		#map {
			width: 100%;
			height: 500px;
		}

		.map iframe {
			width: 100%;
			height: 320px;
			border: solid 1px #ccc;
			padding: 2px;
			background: #fff;
		}

		.map-container{
			height: 500px;
			overflow:hidden;
		}

		.map-container.map-fullwidth iframe{
			width:100%;
			height: 500px;
		}

		/* ================================================== */
		/* font awesome icons */
		/* ================================================== */
		i {
			display: inline-block !important;
		}

		i.large {
			font-size: 72px;
			text-align: center;
			display:inline-block;
			float:none;
		}

		i.medium {
			font-size: 20px;
			padding: 10px;
			text-align: center;
			display:inline-block;
			float:none;
		}

		i.small {
			font-size: 12px;
			padding: 4px;
			text-align: center;
			display:inline-block;
			float:none;
		}

		i.circle-icon {
			border-radius: 75px;
			-moz-border-radius: 75px;
			-webkit-border-radius: 75px;
		}

		.fa-android{
			color:#469159;
		}

		.fa-apple{
			color:#0EC3F7;
		}

		/* extra ^ */
		.de_center p {
			width: 100%;
		}

		.de_center .de_icon {
			float: none;
			margin: 0 auto;
		}

		/* ================================================== */
		/* misc */
		/* ================================================== */

		.v-center {
			display: flex;
			align-items: center;
			justify-content: center;
		}

		#de-overlay{
			display: none;
			position: fixed;
			width:100%;
			height: 100%;
			background: rgba(0, 0, 0, .5);
			top:0;
			left:0;
			z-index: 2000;
		}

		#de-extra-wrap{
			position: fixed;
			z-index: 2001;
			background: #111111;
			max-width:400px;
			height: 100%;
			top:0;
			right:-400px;
		}

		#de-extra-wrap .de-extra-content{
			padding:60px;
		}


		#de-extra-wrap.open{
			right:0;
		}

		.de-flex-wrap{
			background: 
			display: flex;
			justify-content: space-between;
		}

		.de-flex-wrap > .div{
			display: flex;
			justify-content: center;
			align-items: center;
		}

		i.i_h3{
			margin-right: 10px;
			font-size: 20px;
		}

		.bg-black{
			background:#101010;
		}

		.de_light a, .de_light a:hover{
			color:#606060;
		}

		.wm{
			width:100%;
			position:relative;
			font-size:200px;
			text-align:center;
			font-weight:bold;
			top:33px;
			-webkit-user-select:none;-moz-user-select:-moz-none;
			-ms-user-select:none;user-select:none;
		}

		.wm.dark{
			color:rgba(255,255,255,.1);
		}

		.wm.dark.wm-border{
			font-size:280px;
			color:rgba(0,0,0,0);
			-webkit-text-stroke-width: 1px;
			-webkit-text-stroke-color: rgba(255,255,255,.2);
		}

		.wm.light.wm-border{
			font-size:280px;
			color:rgba(0,0,0,0);
			-webkit-text-stroke-width: 1px;
			-webkit-text-stroke-color: rgba(0,0,0,.1);
		}

		.de_light .wm{
			color:rgba(0,0,0,.05);
		}
		.text-light .wm{
			color:rgba(255,255,255,.05);
		}
		.demo-icon-wrap{
			margin-bottom:30px;
		}
		.demo-icon-wrap i{
			font-size:28px;
			margin-right:20px;
			position:relative;
			top:5px;
		}

		.demo-icon-wrap-s2{
			margin-bottom:30px;
		}
		.demo-icon-wrap-s2 span{
			font-size:28px;
			margin-right:20px;
			position:relative;
			top:5px;
		}

		/* video button begin */

		.video-play-button {
			position: absolute;
			z-index: 10;
			top: 50%;
			left: 50%;
			transform: translateX(-50%) translateY(-50%);
			box-sizing: content-box;
			display: block;
			width: 32px;
			height: 44px;
			/* background: #eb3349; */
			border-radius: 50%;
			padding: 18px 20px 18px 28px;
		}

		.video-play-button:before {
			content: "";
			position: absolute;
			z-index: 0;
			left: 50%;
			top: 50%;
			transform: translateX(-50%) translateY(-50%);
			display: block;
			width: 80px;
			height: 80px;
			background: #ba1f24;
			border-radius: 50%;
			animation: pulse-border 1500ms ease-out infinite;
		}

		.video-play-button:after {
			content: "";
			position: absolute;
			z-index: 1;
			left: 50%;
			top: 50%;
			transform: translateX(-50%) translateY(-50%);
			display: block;
			width: 80px;
			height: 80px;
			background: #eb3349;
			border-radius: 50%;
			transition: all 200ms;
		}

		.video-play-button:hover:after {
			background-color: darken(#eb3349, 10%);
		}

		.video-play-button img {
			position: relative;
			z-index: 3;
			max-width: 100%;
			width: auto;
			height: auto;
		}

		.video-play-button span {
			display: block;
			position: relative;
			z-index: 3;
			width: 0;
			height: 0;
			border-left: 32px solid #fff;
			border-top: 22px solid transparent;
			border-bottom: 22px solid transparent;
		}
		#back-to-top {
			position: fixed;
			bottom: 40px;
			right: 40px;
			z-index: 999;
			width: 32px;
			height: 32px;
			text-align: center;
			line-height: 30px;
			background: #f5f5f5;
			cursor: pointer;
			border: 0;
			border-radius: 2px;
			text-decoration: none;
			transition: opacity 0.2s ease-out;
			opacity: 0;
			outline:none;
		}
		#back-to-top:hover {
			background: #1678d5;
			color: #fff;
		}
		#back-to-top.show {
			opacity: 1;
		}
		#back-to-top:before{
			font-family:"FontAwesome";
			font-size:22px;
			content:"\f106";
			color:#fff;
			position:relative;
			margin:5px;
		}
		#back-to-top:hover:before{
			color:#fff;
		}

		#back-to-top.custom-1:before{
			color:#111;
		}

		/* mouse scroll icon begin */
		.mouse {
			position: absolute;
			width: 22px;
			height: 42px;
			bottom: 30px;
			left: 50%;
			margin-left: -12px;
			border-radius: 15px;
			border: 1px solid #fff;
			-webkit-animation: intro 1s;
			animation: intro 1s;
		}
		.scroll {
			display: block;
			width: 3px;
			height: 3px;
			margin: 6px auto;
			border-radius: 4px;
			background: #fff;
			-webkit-animation: finger 1s infinite;
			animation: finger 1s infinite;
		}
		@-webkit-keyframes intro {
			0% {
				opacity: 0;
				-webkit-transform: translateY(40px);
				transform: translateY(40px);
			}
			100% {
				opacity: 1;
				-webkit-transform: translateY(0);
				transform: translateY(0);
			}
		}
		@keyframes intro {
			0% {
				opacity: 0;
				-webkit-transform: translateY(40px);
				transform: translateY(40px);
			}
			100% {
				opacity: 1;
				-webkit-transform: translateY(0);
				transform: translateY(0);
			}
		}
		@-webkit-keyframes finger {
			0% {
				opacity: 1;
			}
			100% {
				opacity: 0;
				-webkit-transform: translateY(20px);
				transform: translateY(20px);
			}
		}
		@keyframes finger {
			0% {
				opacity: 1;
			}
			100% {
				opacity: 0;
				-webkit-transform: translateY(20px);
				transform: translateY(20px);
			}
		}
		/* mouse scroll icon close */
		.header-light .info-box .info-box_text,
		.header-light .info-box i{
			color:#333;
		}

		.text-right .info-box{
			position:relative;
			right:60px;
		}

		.text-right .info-box i{
			right:-60px;
		}

		.text-right .info-box .info-box_text{
			padding:0px;
		}


		.header-custom .info-box i{
			margin-top:-3px;
		}

		#info-box{
			height:90px;
			position:absolute;
			z-index:500;
			width:100%; 
			background:rgba(0,0,0,.3);
		}


		.height-auto{
			height:auto;
		}

		/* ================================================== */
		/* R E S P O N S I V E */
		/* ================================================== */
		@media only screen and (min-width: 1280px) {
			.container{
				min-width:1200px;
			}
		}

		@media only screen and (min-width: 1400px) {
			.container{
				min-width:1240px;
			}
		}

		@media(min-width:980px) and (max-width: 1199px) {

			header #mainmenu a{
				padding-left:5px;
				padding-right:5px;
			}

			#mainmenu li a:after{
				margin-left:15px;
			}
		}

	/* -------------------------------------------------- 
	design for 768px
	/* ================================================== */

	@media (min-width: 768px) and (max-width: 979px) {
		.slider_text {
			padding-top: 0px;
		}
	}
	
	@media only screen and (max-width: 992px) {
		
		#menu-btn{
			display:block;
			position:relative;
			float:right;
		}

		header{
			display:none;
		}

		header .info{
			display:none !important;
		}

		header.header-bg{
			background:rgba(0,0,0,1);
		}

		header,header.fixed {
			display:block;
			/*position:inherit;*/
			margin:0;
			padding:0;
			margin-top:0;	
			background:#000000;
			padding:15px 0 15px 0;
		}
		header.transparent.header-mobile.height-auto {
			background: #111;
		}

		#de-sidebar{
			position:absolute !important;
			width:100%;
			right:1px;
		}

		header.side-header,
		.de_light header.side-header{
			position:absolute !important;
			display:block;
			height:60px;
			top:0;
			background:#000;
		}

		header.side-header #mainmenu{
			position:absolute;
			background:#000;
			margin:0;
			top:60px;
			left:0;
			width:100%;
		}

		header.side-header #logo .logo{
			display:none;
		}

		header.side-header #logo .logo-2{
			display:inline-block;
			position:absolute;
			height:30px;
			top:15px;
			left:40px;
		}

		header.side-header #menu-btn{
			position:absolute;
			top:8px;
			right:30px;
			height:0;
			z-index:2000;
			height:35px;
		}

		header.side-header #mainmenu li{
			display:block;
		}

		header.side-header #mainmenu a,
		.de_light.de-navbar-left header #mainmenu > li > a{
			display:block;
			text-align:center;
			color:#fff;
		}


		header.side-header #mainmenu a:hover{
			background:none !important;
		}

		header.side-header #mainmenu a:hover{
			background:none !important;
		}

		header.side-header .social-icons-2{
			display:none;
		}

		header.autoshow{
			top:0 !important;
		}

		header.autoshow #mainmenu li a{
			background:none !important;
		}

		header.header-mobile-sticky{
			position:fixed;
		}

		header.de_header_2{
			height:auto;
			padding-bottom:0;
		}

		#subheader,.de-navbar-left  #subheader{
			padding:0;
			margin:0;
		}
		#subheader h1{
			margin:60px 0 30px 0;
		}
		#subheader span{
			display:none;
		}
		#subheader .crumb{
			display:none;
		}

		div#logo{
			margin-top:-15px;
		}
		#logo, #logo .inner {
			vertical-align:middle;
			height:auto;
		}

		nav{
			width:100%;
		}

		#mainmenu{
			display:none;
			float:none;
			z-index:200;
			width:100%;
			margin:0;
			padding:0;
		}

		#mainmenu a{
			text-align:left;
			padding-left:0;
			padding-top:10px !important;
			padding-bottom:10px !important;
		}

		#mainmenu li li a,
		#mainmenu li li li a{
			padding-left:0;
		}

		#mainmenu a:hover{
			background:#111 !important;
		}

		#mainmenu li ul{
			background:none;
			display:block;
			position:inherit;
			margin:0;
			width:100%;
		}

		#mainmenu li{
			border-bottom:solid 1px #333;
			margin:0;
			width:100%;
			display:block;
			letter-spacing:3px;
		}

		#mainmenu li a:after{
			display:none;
		}

		#mainmenu li:last-child{
			margin-bottom:30px;
		}

		#mainmenu li ul{
			border-top:solid 1px #333;
			top:auto;
		}

		#mainmenu li ul a{
			width:100%;
			background:none;
			border:none;
		}

		#mainmenu li ul li{
			border:none;
			padding-left: 40px !important;
		}

		#mainmenu li ul li a{
			display:block;
		}

		#mainmenu li ul li:last-child{
			border-bottom:none;
			margin:0;
		}

		#mainmenu li ul li:last-child a{
			border-bottom:none;
		}
		#mainmenu li a{
			color:#eceff3;
		}

		#mainmenu  li li a{
			font-size:10px;
		}

		#mainmenu  li li a:hover{
			color:#fff;
		}

		header.header-mobile #mainmenu{
			display:none;
			float:none;
			z-index:200;
			width:100%;
			margin:0;
			padding:10px;
		}

		header.header-mobile.header-custom #mainmenu{
			padding:0 40px 0 40px;
		}

		header.header-mobile #mainmenu a{
			text-align:left;
			padding-top:10px !important;
			padding-bottom:10px !important;
		}

		header.header-mobile #mainmenu a:hover{
			background:none !important;
		}

		header.header-mobile #mainmenu li ul{
			display:block;
			position:inherit;
			margin:0;
			width:100%;
		}

		header.header-mobile #mainmenu li{
			border-bottom:solid 1px #333;
			margin:0;
			width:100%;
			display:block;
			letter-spacing:3px;
		}

		header.header-mobile.header-light #mainmenu li{
			border-bottom-color:#eee;
		}

		header.header-mobile #mainmenu li a:after{
			display:none;
		}

		header.header-mobile #mainmenu li:last-child{
			margin-bottom:30px;
		}

		header.header-mobile #mainmenu li ul{
			border-top:none;
			top:auto;
		}

		header.header-mobile #mainmenu li ul a{
			width:100%;
			background:none;
			border:none;
		}

		header.header-mobile #mainmenu li ul li{
			border:none;
			padding-left: 40px !important;
		}

		header.header-mobile #mainmenu li ul li:first-child{
			border-top:solid 1px #333;
		}
		header.header-mobile.header-light #mainmenu li ul li:first-child{
			border-top-color:#eee;
		}

		header.header-mobile #mainmenu li ul li a{
			display:block;
			border-bottom:solid 1px #333;
		}
		header.header-mobile.header-light #mainmenu li ul li a{
			border-bottom-color:#eee;
		}

		header.header-mobile #mainmenu li ul li:last-child{
			border-bottom:none;
			margin:0;
		}

		header.header-mobile #mainmenu li ul li:last-child a{
			border-bottom:none;
		}

		header.header-mobile #mainmenu li a{
			color:#eceff3;
		}

		header.header-mobile.header-light #mainmenu li a{
			color:#404040;
		}

		header.header-mobile #mainmenu  li li a{
			font-size:10px;
		}

		header.header-mobile #mainmenu  li li a:hover{
			color:#fff;
		}

		header.header-mobile #mainmenu li ul{
			height:auto;
			overflow:hidden;
			position:relative;
			left:0;
		}

		header.header-mobile #mainmenu li ul li ul li:last-child{
			border-bottom:solid 1px #333;	
		}
		header.header-mobile.header-light #mainmenu li ul li ul li:last-child{
			border-bottom-color: #eee;	
		}

		header.header-mobile #mainmenu li ul li ul{
			margin-bottom:10px;
		}

		header.header-mobile #mainmenu > li > span{
			width:36px;
			height:36px;
			background:url(../assets/images/ui/arrow-down.png) center no-repeat;
			position:absolute;
			right:0;
			margin-top:10px;
			z-index:1000;
			cursor:pointer;
		}
		header.header-mobile.header-light #mainmenu > li > span{
			background:url(../assets/images/ui/arrow-down-invert.png) center no-repeat;
		}

		header.header-mobile #mainmenu li span.active{
			background:url(../assets/images/ui/arrow-up.png) center no-repeat;
		}
		header.header-mobile.header-light #mainmenu li span.active{
			background:url(../assets/images/ui/arrow-up-invert.png) center no-repeat;
		}

		header.header-mobile #mainmenu li > ul > li > span{
			width:36px;
			height:36px;
			background:url(../assets/images/ui/arrow-down.png) center no-repeat;
			position:absolute;
			right:0;
			margin-top:-45px;
			z-index:1000;
			cursor:pointer;
		}
		header.header-mobile.header-light #mainmenu li > ul > li > span{
			background:url(../assets/images/ui/arrow-down-invert.png) center no-repeat;
		}

		header.header-mobile #mainmenu > li > ul > li > span.active{
			background:url(../assets/images/ui/arrow-up.png) center no-repeat;
		}
		header.header-mobile.header-light #mainmenu > li > ul > li > span.active{
			background:url(../assets/images/ui/arrow-up-invert.png) center no-repeat;
		}

		header.header-mobile #mainmenu li ul li a{
			border-bottom:solid 1px #333;
		}
		header.header-mobile.header-light #mainmenu li ul li a{
			border-bottom-color:#eee;
		}
		header.header-mobile #mainmenu li ul li:last-child > a{
			border-bottom:none !important;
		}

		header.header-mobile #mainmenu li ul.mega ul {
			height: auto;
		}

		#mainmenu li ul.mega{
			position:fixed;
			left:0;
			width:100%;
			margin-top:30px;
			display:block;
			padding:0;
		}
		#mainmenu li ul.mega > li{
			width:100%;
		}
		#mainmenu li ul.mega > li ul{
			position:static;
			visibility: visible;
			opacity: 1;
			left:0;
			float:none;		
			width:100%;
		}
		#mainmenu ul.mega > li ul li{
			margin:0;
			padding:0;
		}

		#mainmenu li ul.mega .menu-content{
			background:none;
			padding:30px;
		}

		header.header-mobile #mainmenu ul.mega li{
			border-bottom:solid 1px #333;
			padding-left:0 !important;
		}

		header.header-mobile #mainmenu ul.mega li.title{
			border-bottom:solid 1px #777 !important;
		}

		header.header-mobile #mainmenu ul.mega li:first-child{
			border:none;
		}
	}

	/*----------------------/Button/--------------------*/
	a.btn-custom {
		padding: 10px 20px;
		border: 1px solid #fff;
		border-radius: 15px;
		text-decoration: none;
		color: #fff;
		font-size: 15px;
	}
	a.btn-custom:hover{
		transition: .4s;
		background: #000;
		border: 1px solid #000;
	}
	a.btn-custom2 {
		background: #1678d5;
		padding: 10px 28px;
		border-radius: 18px;
		text-decoration: none;
		font-size: 13px;
		font-weight: 600;
		line-height: 20px;
		color: #fff;
	}
	a.btn-custom2:hover {
		transition: .4s;
		background: #000;
	}
	/*--------------/Contact Form/--------------*/
	input.form-control {
		border: none;
		border-bottom: 1px solid #c1c1c1;
		border-radius: 0;
		padding: 10px 0;
	}
	input.form-control {
		font-size: 13px;
		line-height: 28px;
		color: #717171;
		font-weight: normal;
	}
	label{
		font-size: 15px;
		color: #171717;
		font-weight: 600;
		line-height: 28px;
	}
	input.btn.form-control {
		background: #1678d5;
		border: none;
		border-radius: 22px;
		color: #fff;
		margin-top: 30px;
	}
	input.btn.form-control:hover{
		color: #b51414;
		transition: .4s;
	}
	/*--------------/Contact Form/--------------*/

	footer#footer {
		background: #1678d5;
		padding: 20px 0 0 0;
	}
	ul#footermenu {
		padding: 0;
	}
	ul#footermenu li {
		display: inline;
		list-style: none;
	}
	ul#footermenu li {
		padding: 0 25px 0 0;
	}
	ul#footermenu li a{
		text-decoration: none;
		color: #fff;
		font-size: 13px;
		line-height: 18px;
		font-weight: 500;
	}
	ul#footermenu li a:hover{
		color: #b51414;
		transition: .4s;
	}
	.footer-bottom {
		padding: 8px 10px 0 10px;
		background: #fff;
		font-size: 13px;
		color: #777777;
		font-weight: normal;
	}
	@media only screen and (min-width: 768px) {
		.footer-bottom {
			height: 40px;
		}
		footer#footer {
			height: 65px;
		}
	}
	@media only screen and (max-width: 568px) {
		ul#footermenu {
			padding: 10px;
		}
		footer#footer {
			text-align: center;
			line-height: 28px;
		}
		.footer-bottom {
			padding: 0px 10px 1px 10px;
			text-align: center;
			line-height: 23px;
		}
	}