@import url('https://fonts.googleapis.com/css?family=Dosis:300,300i,400,400i,600,600i,700,700i,800,800i,900,900i|Source+Sans+Pro:300,300i,400,400i,600,600i,700,700i');
/* body */
html{overflow-x:hidden;padding:0;margin:0;background:#fff}
body{font-family:"Source Sans Pro",Arial,Helvetica,sans-serif;font-size:15px;font-weight:400;background:#555;color:#b0b3ba;line-height:1.7em;padding:0;display:none}
body .owl-stage .owl-item{display:inline-block}#wrapper{overflow:hidden;background:#f2f2f2}
/*  header	*/
header{width:100%;height:70px;position:absolute;top:30px;left:0;z-index:1000;background:#404146;padding:0;margin:0}
header.header-bg{background:rgba(0,0,0,.5)}
header.transparent{background:rgba(0,0,0,0)}
header.autoshow{top:-120px;height:70px!important}
header.autoshow.scrollOff,header.autoshow.scrollOn{-o-transition:.5s;-ms-transition:.5s;-moz-transition:.5s;-webkit-transition:.5s;transition:.5s;outline:0}
header.autoshow.scrollOn{top:0}
header.autoshow.scrollOff{top:-120px}header div#logo{display:inline-block;height:100%;float:left;font-family:Oswald,sans-serif;color:#fff;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s}
header .logo-2{display:none}
header .logo-scroll{display:none}
header .logo,header .logo-2{font-family:Dosis;color:#fff;font-size:40px;font-weight:300;}
header .logo-2{color:#333}
header nav{float:right}
header.header-full nav{float:left}
header nav a{-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s}
header nav a:hover{color:#555}
header.smaller #mainmenu a{padding-top:18px;padding-bottom:18px}
header.smaller #mainmenu a:hover{color:#e8823e;}
header.smaller #mainmenu a.active, header.smaller #mainmenu a.this{color:#e8823e;}
header.smaller #mainmenu a{padding-top:18px;padding-bottom:18px}
header.smaller #mainmenu ul{top: 70px;}
header.smaller #mainmenu li ul.mega{top: 40px;}
header.smaller #mainmenu ul ul{top: 0px;}
header.smaller{height:70px;background:rgba(64, 65, 70, .95);position:fixed;top:0px;}
header.smaller.bg-scroll-black{background:rgba(0, 0, 0, .6);}
header.smaller #mainmenu li li a{padding-top:2px;padding-bottom:2px}
header.smaller div#logo,header.s2 div#logo {}
header.smaller.scroll-light{background: #fff;}
.boxed header.smaller.scroll-light{background:#f2f2f2;}
header:not(.header-light).smaller.scroll-light div#logo .logo{display: none;}
header.smaller.scroll-light div#logo .logo-2{display: inline-block;}
header.smaller.scroll-light div#logo .logo-scroll{display: inline-block;}
header.smaller.scroll-light #mainmenu a, header.header-mobile.header-light #mainmenu a{color: #333;}
header.smaller.scroll-light #mainmenu li li a{color: #fff;}
header.smaller.header-light div#logo .logo{display: none;}
.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-full{padding-left:40px;padding-right:40px}
/* subheader */
#subheader{text-align:center;overflow:hidden;padding:100px 0 100px 0}#subheader h1{margin-top:80px;font-size:42px;font-weight:600}#subheader.dark{background-color:#f09d36}#subheader.dark h1{color:#fff}.de-navbar-left #subheader{padding-bottom:120px}#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:20px}#subheader.dark .crumb{color:#fff}#subheader.dark h2,#subheader.dark h3{color:#fff}#subheader.dark h2{font-size:48px}#subheader.s2{background:#f8f8f8;text-align:left;padding:120px 0 60px 0;border:solid 1px #eee;border-left:none;border-right:none}#subheader.s2 .crumb,#subheader.s2 h1{margin:0;padding:0}#subheader.s2 .crumb{float:right;margin-top:15px}.de-navbar-left.de_light #subheader h1{color:#222}
/* navigation */
#mainmenu {
	font-family: "Source Sans Pro";
	float: right;
	font-size: 14px;
	font-weight: 500;
}
#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.active,#mainmenu a.this{color:#404146;}
#mainmenu a:hover{color:#404146;}
#mainmenu a {
	display: inline-block;
	padding: 25px 15px 25px 15px;
	line-height: 35px;
	text-decoration: none;
	color: #fff;
	text-align: center;
	outline: none;
}
#mainmenu a span{
	height:2px;
	display:block;
	background:#fff;
	margin-top:-5px;
	width:0;
	margin-left:50%;
}
#mainmenu a.active span{
	width:100%;
	margin-left:0%;
}
.header-light #mainmenu>li>a {
	color: #222;
}
#mainmenu li a:after {
	float: right;
	position: relative;
	font-family: "Font Awesome\ 5 Free";
	content: "\f111";
	font-size: 6px;
	margin-left: 20px;
	margin-top: 0px;
	color: #f7c51e;
}
#mainmenu li:last-child a:after {
	display: none;
}
#mainmenu.no-separator li a:after {
	font-size: 0px;
}
#mainmenu select {
	padding: 10px;
	height: 36px;
	font-size: 14px;
	border: none;
	background: #ff4200;
	color: #eceff3;
}
#mainmenu select option {
	padding: 10px;
}
/* menu toggle for mobile */
#menu-btn{display:none;float:right;margin-top:0;width:36px;height:36px;padding:6px;text-align:center;cursor:pointer}#menu-btn:before{font-size:24px}#menu-btn:hover{background:#fff;color:#222}#menu-btn:hover:before{color:#222}header.header-mobile.header-light,header.header-mobile.header-light #menu-btn,header.header-mobile.header-light #menu-btn:hover{background:0 0;}header.header-mobile.header-light #menu-btn{color:#222}
/* content */
#content{width:100%;background:#fff;padding:90px 0 90px 0;z-index:100}#content{background:#18191b}
/* section */
section{padding:80px 0 80px 0;overflow:hidden;position:relative}section{background:#18191b}#content.no-bg,section.no-bg{background:0 0!important}.de_light section.bg-dark,section.bg-dark{background:#393a3e}
.de_light section {background: #ffffff;}
.section-fixed {position: fixed;width: 100%;min-height: 100%;height: auto;}
.full-height {overflow: hidden;}
/* footer */
footer{background:#404146;color:#ccc;padding:80px 0 0 0}.de_light footer h5,footer h5{color:#fff;font-size:16px;text-transform:none}footer a{color:#e8823e}footer a:visited{color:#e8823e}footer a:hover{color:#eceff3}.de-navbar-left footer{padding:70px 70px 0 70px}.subfooter{font-size:13px;border-top:solid 1px #404146;background:#4c4d52;margin-top:80px;padding:20px 0 20px 0}
header.header-mobile{position:fixed;height:85px;background:#fff;top:0}header.header-mobile nav{float:none}header.header-mobile .logo{display:none}header.header-mobile .logo-2{display:inline-block}header.header-mobile.header-light{background:#fff}header.header-solid.header-light{background:#fff}header.header-light .logo{display:none}header.header-light .logo-2{display:inline-block}
/* border */
.small-border{height: 2px;width: 120px;background: #ccc;display: block;margin: 0 auto;margin-top: 30px;margin-bottom: 40px;}
.small-border.left{margin-left:0;}
.tiny-border {height: 1px;background: #333;width: 40px;margin: 20px 0 20px 0;display: block;}
/* breadcrumb */
.crumb {color: #777;font-size: 12px;margin: 0;padding: 0;}
.crumb li {display: inline;text-decoration: none;padding: 0 2px 0 2px;letter-spacing: 0;font-size: 12px;}
.crumb a {text-decoration: none;}
/* button and link */
a {color: #fff;text-decoration: none;}
a:hover {color: #fff;}
.btn,a.btn{position:relative;z-index:1;overflow:hidden}a.btn:before{content:"";background:rgba(0,0,0,0);width:0;height:100%;position:absolute;z-index:-1}.btn-custom:hover,a.btn-custom:hover{color:#fff;opacity:.8;-webkit-box-shadow:8px 8px 40px 0 rgba(0,0,0,.3);-moz-box-shadow:8px 8px 40px 0 rgba(0,0,0,.3);box-shadow:8px 8px 40px 0 rgba(0,0,0,.3)}.btn-custom,form input[type=submit]{background-color:#e8823e;padding:8px 10px 8px 10px;font-weight:700}.btn-custom.btn-small{padding:5px 20px 5px 20px;font-weight:700;text-transform:uppercase}.btn-fx.btn-custom{text-transform:normal}.btn-custom,.btn-slider,a.btn-custom,a.btn-slider{font-size:18px;letter-spacing:1.4px;min-width:120px}.btn-custom,a.btn-custom,a.btn-custom:active,a.btn-custom:focus,a.btn-custom:visited{color:#fff;border-radius:3px;padding:15px 30px 15px 30px;min-width:120px;outline:0}
/* divider */
.spacer-single {
	width: 100%;
	height: 30px;
	display: block;
	clear: both;
}
.spacer-double {
	width: 100%;
	height: 60px;
	display: block;
	clear: both;
}
.spacer-half {
	width: 100%;
	height: 15px;
	display: block;
	clear: both;
}
hr {
	display: block;
	clear: both;
	border-top: solid 1px #ddd;
	margin: 40px 0 40px 0;
}
/* heading */
h1, h2, h3, h4, h5, h6,
.h1_big {
	font-family: "Dosis";
	font-weight: 500;
	color: #404146;
}
footer h1, footer h2, footer h3, footer h4, footer h5, footer h6 {
	color: #fff;
}
h1, h2.text-light, footer h3, footer h4, footer h5, footer h6 {
	color: #fff;
}
h1 {
	font-size: 40px;
	margin: 0;
}
h1.s1{
	letter-spacing:30px;
	font-size:26px;
}
h1 .small-border {
	margin-top: 30px;
}
h2, .h2_title {
	font-size: 28px;
	display: block;
	margin-top: 0;
	margin-bottom: 30px;
	line-height: 1.2em;
	letter-spacing: -1px;
}
h2 .small-border {
	margin-left: 0;
	margin-bottom: 15px;
	width: 40px;
}
h2 {
	font-weight:500;
	letter-spacing: normal;
	margin-bottom: 40px;
	font-size: 40px;
}
h2.s1,.h2_s1{
	font-size:24px;
}
h4 {
	font-size: 18px;
	margin-top: 0;
	margin-bottom: 20px;
	font-weight:bold;
}
h3 i{
	margin-right:20px;
	font-size:32px;
	position:absolute;
	margin-top:-5px;
}
h3.s1{
	letter-spacing:10px;
	font-weight:400;
	font-size:16px;
}
h3.s2{
	font-family: "Source Sans Pro", Arial, Helvetica, sans-serif;
	font-weight:200;
	line-height:1.8em;
}
h4.s3 {
	font-family: "Dosis";
	font-weight: 300;
	font-size: 12px;
	letter-spacing: 15px;
}
h1.slogan_big {
	font-weight: 300;
	font-size: 64px;
	line-height: 64px;
	letter-spacing: -2px;
	padding: 0;
	margin: 0px 0 30px 0;
}
h1.title {
	font-size: 64px;
	letter-spacing: 10px;
}
h1.title strong {
	text-transform: none;
	letter-spacing: 0;
	font-weight: normal;
}
h2.subtitle {
	margin-top: 0;
}
h2.name {
	font-family: "Dosis";
	color: #fff;
	font-size: 84px;
	line-height: 50px;
}
h2.name span {
	display: block;
	font-size: 32px;
}
h2.name-s1 {
	font-family: "Dosis";
	color: #fff;
	font-size: 84px;
	font-weight: 700;
	line-height: 50px;
}
h2.name-s1 span {
	display: block;
	font-size: 32px;
}
h2.hs1 {
	font-family: "Dosis";
	font-size: 40px;
}
h2.hs1 i {
	font-size: 48px;
	position: relative;
	top: 10px;
	color: #ff0042;
	margin: 0 10px 0 10px;
}
h2 .de_light .text-light h2 {
	color: #fff;
}

h2.s2 {
	font-family: "Dosis";
	font-weight: 400;
}
h2.s3{
	font-size:32px;
	margin-bottom:20px;
}
h3.title {
	border-bottom: solid 1px #ddd;
	margin-bottom: 20px;
}
h3.style-2 {
	font-size: 18px;
}
h4.title {
	border-bottom: solid 1px #ddd;
	padding-bottom: 10px;
	margin-bottom: 20px;
}
h5 {
	font-weight: bold;
}
h1, h2, h3, h4, h5 {
	color: #eceff3;
}
h4 {
	margin: 10px 0 10px 0;
	font-size: 18px;
	line-height: 2em;
	font-weight: 700;
}
h4.s1 {
	font-size:12px;
	letter-spacing:20px;
	text-transform:uppercase;
	font-weight:500;
}
#subheader .wm {
	top: 60px;
}
.text-light {
	color: #bdc2c7;
}
.text-white,.de_light .text-white {
	color: #fff;
}
.text-light h1, .text-light h2, .text-light h3, .text-light h4, .text-light h5, .text-light h6 {
	color: #fff;
}
.de_light .text-light h1, .de_light .text-light h2, .de_light .text-light h3, .de_light .text-light h4, .de_light .text-light h5, .de_light .text-light h6 {
	color: #fff;
}
.text-white h1, .text-white h2, .text-white h3, .text-white h4, .text-white h5, .text-white h6 {
	color: #fff;
}
.de_light .text-white h1, .de_light .text-white h2, .de_light .text-white h3, .de_light .text-white h4, .de_light .text-white h5, .de_light .text-white h6 {
	color: #fff;
}
.de_light h1, .de_light h2, .de_light h3, .de_light h4, .de_light h5, .de_light h6 {
	color: #404146;
}
/* pagination */
.pagination li a{font-size:12px;color:#888;border:solid 1px #eee;border-right:none;background:0 0;padding:15px 20px 15px 20px;border-radius:0;-moz-border-radius:0;-webkit-border-radius:0}.pagination li:last-child a{border-right:solid 1px #eee}
/* pricing table */
.pricing-featured{position: relative}
.pricing-s1 .top{padding:40px 0 0 0;text-align:center}
/* preloader */
#preloader{display:table;position:fixed;z-index:20000;top:0;left:0;width:100%;height:100%;background:#222;text-align:center}.preloader1{width:60px;height:60px;display:inline-block;padding:0;border-radius:100%;border:2px solid;border-top-color:rgba(0,0,0,.65);border-bottom-color:rgba(0,0,0,.1);border-left-color:rgba(0,0,0,.1);border-right-color:rgba(0,0,0,.1);-webkit-animation:preloader1 1s ease-in infinite;animation:preloader1 1s ease-in infinite;position:absolute;margin-left:-30px;top:45%}
@keyframes preloader1 {
	from {
		transform: rotate(0deg);
	}
	to {
		transform: rotate(360deg);
	}
}
@-webkit-keyframes preloader1 {
	from {
		-webkit-transform: rotate(0deg);
	}
	to {
		-webkit-transform: rotate(360deg);
	}
}
/* testimonial */
.de_testi {
	display: block;
	margin-bottom: 10px;
}
.de_testi blockquote{margin:0;border:none;padding:20px 30px 30px 80px;background:rgba(0,0,0,.5);font-style:normal;line-height:1.6em;font-weight:500}
.de_testi blockquote p {
	margin-top: 10px;
}
.de_testi blockquote:before{padding-bottom:10px;font-size:20px;display:inline-block;padding:10px 20px 10px 20px;font-style:normal;background:#000;position:absolute;left:15px;font-weight:400}
.de_testi blockquote {color:#eceff3}
.de_testi blockquote i {color:#e8823e}
.de_testi blockquote, .de_testi blockquote p {
	font-size: 20px;
	line-height: 1.7em;
	font-weight: normal;
}
.de_testi_by {
	margin-top: -10px;
	font-style: normal;
	font-size: 12px;
}
.de_testi_pic {
	float: left;
	padding-right: 15px;
}
.de_testi_pic img {
	width: 50px;
	height: 50px;
}
.de_testi_company {
	padding-top: 20px;
}
.de_testi.opt-2 blockquote{font-family:"Source Sans Pro";border:none;color:#86888c;font-weight:300;padding:40px;border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px;background:#fff}

.de_testi.opt-2 blockquote:before{display:block;color:#e8823e;z-index:100;font-size:20px;background:0 0;left:20px}

.text-light .de_testi.opt-2 blockquote{color:#fff;background:rgba(0,0,0,.1)}
.de_testi.opt-2 blockquote p{font-size:15px;padding:10px 0 0 0}
.de_testi.opt-2 .de_testi_by{font-size:14px;font-weight:400;text-align:center}
#testimonial-masonry .item {margin-bottom: 30px}
/* css attributes */
.mt-30{margin-top:-30px;}
.mb30{margin-bottom:30px;}
.absolute {
	position: absolute;
	z-index: 1;
}
.relative {
	position: relative;
	z-index: 1;
}
.overflow-hidden {
	overflow: hidden;
}
.width100 {
	width: 100%;
}
.border1 {
	border-width: 1px;
}
.bordertop {
	border-top: solid 1px #eee;
}
.borderbottom {
	border-bottom: solid 1px #eee;
}
.z-index1000 {
	z-index: 1000;
	position: relative;
}
/* anim */
de_tab .de_nav li span, .feature-box-small-icon i, a.btn-line:after, .de_count, .social-icons a i, .de_tab.tab_steps .de_nav li span, .de_tab.tab_steps .de_nav li span:hover, .de-gallery .overlay .icon i, .de-gallery .overlay .icon i:hover, .product img, .product img:hover, .mfp-close, .mfp-close:hover, .pic-hover .bg-overlay, .pic-hover:hover>.bg-overlay, i.btn-action-hide, .pic-hover.hover-scale img, .text-rotate-wrap, .text-rotate-wrap .text-item, .overlay-v, .carousel-item .pf_text .title, .carousel-item:hover .pf_text .title, .carousel-item .pf_text .title .type, .carousel-item:hover .pf_text .title .type, header, .owl-slider-nav .next, .owl-slider-nav .prev, #back-to-top.show, #back-to-top.hide, .social-icons-sm i, .social-icons-sm i:hover, .overlay-v i, .overlay-v i:hover, .de_tab .de_nav li span, #popup-box.popup-show, #popup-box.popup-hide, .form-underline input[type=text], .form-underline textarea, .form-underline input[type=email], .form-underline select, .btn-rsvp, .btn-close, .btn-custom, .overlay-v span, .de_tab.tab_style_4 .de_nav li,.form-subscribe input[type=text], #mainmenu a span, #mainmenu a.active span,.feature-box .inner,.feature-box:hover .inner,.feature-box .inner i,.feature-box:hover .inner i,.error_input,.de_tab.tab_steps.style-2 .de_nav li.active .arrow,.owl-item.active.center > div blockquote,.mask,.mask .cover,.mask:hover .cover,.mask img,.mask:hover img,.accordion .content, #mainmenu li, #mainmenu li ul{
	-o-transition: .5s;
	-ms-transition: .5s;
	-moz-transition: .5s;
	-webkit-transition: .5s;
	transition: .5s;
	outline: none;
}
/* overide bootstrap */
.container-fluid {
	padding: 0px;
	margin: 0px;
}
.btn-primary {
	text-shadow: none;
	border: none;
}
.btn.btn-primary:hover {
	background: #555;
}
.img-responsive {
	display: inline-block;
}
.img-shadow {
	-webkit-box-shadow: 8px 8px 40px 0px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 8px 8px 40px 0px rgba(0, 0, 0, 0.3);
	box-shadow: 8px 8px 40px 0px rgba(0, 0, 0, 0.3);
}
img.img-auto {
	width: auto;
	height: auto;
}
.label {font-family: "Dosis", Arial, Helvetica, sans-serif;}
p.lead{font-size:16px;margin:4px 0 4px;font-weight:400;color:#505050}h2.lead{margin:6px 0 6px;font-weight:400;color:#505050}
h2.lead-b {font-weight:400;font-size:1.3rem;margin:8px 0 8px;}
h2.lead-b-title {font-weight:500;font-size:1.4rem;margin:8px 0 8px;}
h3.lead-b {font-weight:500;font-size:1.4rem;margin:8px 0 8px;}
.text-light p.lead {color: rgba(255, 255, 255, .5);}
blockquote{font-family:Dosis;font-size:32px;font-style:normal;font-weight:500;line-height:1.4em;color:#404146;border:none}
blockquote span{font-family:Dosis;display:block;font-size:14px;font-style:normal;font-weight:400;margin-top:20px}
blockquote.s2{border:none;text-align:left;background:#f2f2f2;padding:30px 30px 30px 60px;margin-top:20px;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px}
blockquote.s2:before{font-style:normal;position:absolute;margin-left:-30px}
blockquote.s1{
	padding:0px;
}
blockquote.s1:before{display:block;color:rgba(0,0,0,.1);z-index:-1;font-size:40px;top:0;left:0}
.col-md-3 {
	margin-right: -1px;
}
/* image position */
.img-left {
	float: left;
	margin: 5px 15px 15px 0;
}
.img-right {
	float: right;
	margin: 5px 0 15px 15px;
}
/* transition */
.test-column,.test-column:hover,a,a:hover{-o-transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;transition:.3s}
.de_contact_info {
	font-size: 40px;
	font-weight: bold;
}
.de_contact_info i {
	float: none;
	margin-right: 20px;
}
.center-div {
	margin: 0 auto;
}
/* gallery */
#gallery-carousel .item{text-align:center;font-size:12px;width:100%;cursor:e-resize}
.de_carousel .item {
	width: 100%;
	display: block;
}
#gallery-carousel .item img {
	width: 100%;
	height: auto;
}
#gallery-carousel .item h4 {
	margin-bottom: 0;
	font-size: 14px;
}
.carousel-item {
	width: 100%;
}
.carousel-item img {
	width: 100%;
	height: auto;
}
.sq-item{
	overflow:hidden;
}
.overlay-v{text-align:center;width:100px;position:absolute;width:100%;height:100%;overflow:hidden}
.overlay-v i{background:#333;padding:10px;width:48px;height:48px;font-weight:400;font-size:32px;border-radius:60px;-moz-border-radius:60px;-webkit-border-radius:60px;margin-top:100%;color:#222;opacity:0}
.overlay-v:hover i {
	margin-top: 25%;
	opacity: 1;
}
.overlay-v span{background:#404146;padding:40px;width:100%;height:100%;font-weight:400;margin-top:100%;color:#222;opacity:0;position:absolute;left:0}
.overlay-v:hover span {
	margin-top: 0px;
	opacity: .9;
}
.carousel-item .pf_text .title{display:block;position:absolute;width:100%;top:80%;font-size:20px;font-weight:700;height:0;color:rgba(255,255,255,0);letter-spacing:0}
.overlay-v:hover {
	background: rgba(30, 30, 30, .5);
}
.carousel-item:hover .pf_text .title {
	color: rgba(255, 255, 255, 1);
	top: 75%;
}
.carousel-item .pf_text .title .type {
	display: block;
	color: rgba(255, 255, 255, 0);
	font-size: 12px;
	font-weight: 300;
}
.carousel-item:hover .pf_text .title .type {
	color: rgba(255, 255, 255, 1);
}
.pf_text {
	color: #eceff3;
	letter-spacing: 5px;
}
.pf_text h4 {
	color: #eceff3;
	margin-bottom: 0;
	font-size: 14px;
}
.project-info {
	color: #ccc;
	margin-left: 20px;
}
.de_light .project-info {
	color: #606060;
}
.project-info h2 {
	margin-top: 0;
	font-size: 18px;
	letter-spacing: 3px;
	text-transform: uppercase;
}
.project-info h4 {
	font-weight: bold;
}
.project-info .details{padding:20px;border:solid 1px rgba(255,255,255,.2);background:rgba(0,0,0,.5);margin-bottom:30px}
.de_light .project-info .details {
	background: #eee;
	border-color: #ddd;
}
.project-infoproject-info span {
	display: block;
}
.project-info span.title {
	display: inline-block;
	min-width: 80px;
}
.project-info span.val {
	margin-bottom: 15px;
	font-weight: bold;
}
.project-view {
	padding: 120px 0 80px 0;
}
.project-images img {
	width: 100%;
}
.picframe {
	position: relative;
	overflow: hidden;
}
.picframe img{width:100%;}
.project-name {font-size: 12px;font-weight: bold;display: block;}
.info-details .info-text {
	margin-bottom: 20px;
}
.info-details .title {
	display: block;
	font-weight: bold;
}
span.overlay{font-family:Dosis;text-align:center;display:block;width:100px;background:rgba(64,65,70,.8);position:absolute;opacity:.75;z-index:500}
span.icon {
	cursor: pointer;
}
.overlay .info-area {
	display: block;
	margin-top: 10%;
}
.overlay .sb-icons {
	display: block;
	margin-top: 200px;
}
.de-gallery .overlay {
	text-align: center;
}
.de-gallery .overlay .pf_text {
	display: inline-block;
	opacity: 0;
}
.de-gallery .project-name {
	font-size: 16px;
	letter-spacing:0;
}
.de-gallery .overlay .icon {
	display: inline-block;
	margin-top: 200px;
	text-align: center;
}
.de-gallery .overlay .icon i {
	text-shadow: none;
	color: #fff;
	border: solid 1px rgba(255, 255, 255, .1);
	font-size: 22px;
	padding: 20px;
	width: 60px;
	height: 60px;
	text-align: center;
	margin-left: 10px;
}
.de-gallery .overlay .icon i.icon-info {
	margin-left: 0px;
}
.de-gallery .overlay .icon i:hover {
	color: #222;
	background: #fff;
}
.grid_gallery .item {
	margin-bottom: 30px;
}
.pf_full_width {
	width: 100%;
}
.pf_full_width .item {
	float: left;
	width: 24.99%;
}
.pf_4_cols {
	width: 101%;
}
.pf_full_width.pf_3_cols .item {
	width: 33.3%;
}
.pf_full_width.pf_2_cols .item {
	width: 49.9%;
}
.gallery_border {}
.pf_full_width.gallery_border .item, .pf_full_width.gallery_border.pf_2_cols .item, .pf_full_width.gallery_border.pf_3_cols .item {
	float: left;
	width: 23.9%;
	margin-right: 1%;
	margin-bottom: 1%;
}
.pf_full_width.gallery_border.pf_3_cols .item {
	width: 32.3%;
}
.pf_full_width.gallery_border.pf_2_cols .item {
	width: 48.9%;
}
.pf_full_width img {
	float: left;
	width: 100%;
}
.pf_full_width.grid{
	padding:.75%;
	padding-bottom:0;
}
.pf_full_width.grid .item{
	margin:0 .75% .75% 0;
	width: 32%;
}
.pf_full_width.grid.pf_4_cols .item{
	margin:0 .75% .75% 0;
	width: 23.9%;
}
.pf_full_width.grid.pf_2_cols .item{
	margin:0 .75% .75% 0;
	width: 48.5%;
}
.gallery-cols .item {
	margin-bottom: 30px;
}
/* widget */
.widget {
	margin-bottom: 30px;
	padding-bottom: 30px;
	border-bottom: solid 1px #eee;
}
.widget h4{
	text-transform: uppercase;
	font-size: 14px;
	letter-spacing: normal;
	letter-spacing: 1px;
}
.widget ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.widget .small-border {
	height: 2px;
	width: 30px;
	background: #fff;
	margin: 10px 0 20px 0;
	display: block;
}
.widget .tiny-border{
	width:100%;
	background:rgba(255,255,255,.2);
}
footer .widget {
	border: none;
	margin-bottom: 0;
}
footer .widget h3 {
	margin-bottom: 20px;
}
footer .widget_list li {
	padding: 0 0 10px 0;
	margin: 0;
	margin-bottom: 10px;
	background: none;
	border-bottom-color: rgba(255, 255, 255, .1);
}
footer .widget_list li a {color: #ccc;}
footer .tiny-border span{
	display:block;
	height:1px;
	width:30px;
}
/* misc */
.border-top {border-top: solid 1px #e5e5e5;}
.border-bottom {border-bottom: solid 1px #e5e5e5;}
.color-overlay {background: rgba(157, 130, 235, .3);}
section .color-overlay {padding: 60px 0 60px 0;}
.color-overlay-2 {background: rgba(26, 37, 48, .85)}
.overlay50 {background: rgba(0, 0, 0, .5)}
.overlay60 {background: rgba(0, 0, 0, .6)}
.overlay70 {background: rgba(0, 0, 0, .7)}
.overlay80 {background: rgba(0, 0, 0, .8)}
.hidden-xy {overflow: hidden;}
.border-box {border: solid 1px #dddddd;}
.overlay-s1 {background: rgba(217, 42, 224, .5);}
.overlay-s2 {background: rgba(255, 135, 140, .5);}
.overlay-s3 {background: rgba(91, 35, 108, .5);}
.circle{background:#333;display:inline-block;padding:20px;font-size:40px;color:#fff;margin-top:140px;width:70px;height:70px;border-radius:60px;-moz-border-radius:60px;-webkit-border-radius:60px;-webkit-box-shadow:8px 8px 40px 0 rgba(0,0,0,.6);-moz-box-shadow:8px 8px 40px 0 rgba(0,0,0,.6);box-shadow:8px 8px 40px 0 rgba(0,0,0,.6)}
.nav-prev:before, .nav-next:before, .nav-exit:before {
	font-family: "Font Awesome\ 5 Free";
	content: '\f177';
	color: #fff;
	padding: 20px;
	font-size: 24px;
	cursor: pointer;
}
.nav-exit:before {
	width: 100%;
	display: block;
}
.nav-next:before {
	content: '\f178';
	width: 100%;
	background: #555;
}
.nav-exit:before {content: '\f00d';}
.de_light .nav-exit:before {color: #222;}

.no-bottom {margin-bottom: 0;padding-bottom: 0;}
p {margin-bottom: 20px;}
p.intro {
	color: #555;
	font-size: 16px;
	line-height: 1.5em;
}
.no-bottom .col-md-12 {}
.no-bottom {
	padding-bottom: 0 !important;
}
.no-top {padding-top: 0 !important;}
.no-margin {
	margin: 0 !important;
}
.nopadding {
	padding: 0;
	margin: 0;
}
#filters i {margin-right: 10px;}
.bg-side {
	position: relative;
	overflow: hidden;
}
.image-container {
	position: absolute;
	padding: 0;
	margin: 0;
	background-size: cover;
}
.image-slider {cursor: move;}
.inner-padding {padding: 90px;}
.no-padding, section.no-padding {
	padding: 0 !important;
}
.owl-arrow {
	position: absolute;
	z-index: 100;
	background: #fff;
	margin-top: 48%;
	display: none;
	cursor: pointer;
}
.owl-arrow span {
	display: block;
	background: #555;
	position: absolute;
}
.owl-arrow .prev {left: 0;}
.owl-arrow .next {right: 0;}
.owl-arrow .prev:before, .owl-arrow .next:before {
	font-family: "Font Awesome\ 5 Free";
	content: '\f177';
	/*color: #2;*/
	padding: 20px;
	font-size: 32px;
	display: block;
}
.owl-arrow .next:before {content: '\f178';}
.owl-pagination {
	margin-top: 0px;
	height: 40px;
}
.owl-theme .owl-controls .owl-page span {
	display: block;
	margin-top: 20px;
	margin-left: 10px;
	margin-right: 10px;
	width: 6px;
	height: 6px;
	background-color: #555;
	opacity: 1;
}
.owl-theme .owl-controls .owl-page.active span {background: none;}
.owl-theme .owl-controls .owl-page.active span:before{content:'';display:inline-block;width:12px;height:12px;-moz-border-radius:15px;-webkit-border-radius:15px;border-radius:15px;position:relative;border:solid 2px #555;top:-2px;left:-2px}
.bg-overlay {
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 1;
}
.center-y {position: relative;}
.overlay-bg{width:100%;height:100%;z-index:100;top:0;padding:80px 0 80px 0}
.overlay-bg{width:100%;height:100%;z-index:100;top:0;padding:80px 0 80px 0}
.overlay-gradient {
	width: 100%;
	height: 100%;
	z-index: 100;
	top: 0;
}
.overlay-solid {
	width: 100%;
	height: 100%;
	z-index: 100;
	top: 0;
}
.wow{visibility:hidden}
#back-to-top.to-top{position:fixed;bottom:-40px;right:40px;z-index:1020;width:32px;height:32px;text-align:center;line-height:30px;background:#e8823e;cursor:pointer;border:0;border-radius:2px;text-decoration:none;transition:opacity .2s ease-out;outline:0;opacity:0}
#back-to-top.to-top:hover{background:#111}
#back-to-top.to-top.to-top.show{bottom:40px;opacity:1}
#back-to-top.to-top.hide{bottom:-40px;}
#back-to-top.to-top:before{/*font-family:"Font Awesome\ 5 Free";*/font-size:14px;/*content:"\f077";*/color:#fff;position:relative;margin:5px}
/* mouse scroll icon begin */
.mouse{position:absolute;width:22px;height:42px;bottom:40px;left:50%;margin-left:-12px;border-radius:15px;border:2px 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}
.boxed .mouse{margin-top:60px;}
@-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 */
@-moz-keyframes bounce {
	0%, 20%, 50%, 80%, 100% {
		-moz-transform: translateY(0);
		transform: translateY(0);
	}
	40% {
		-moz-transform: translateY(-30px);
		transform: translateY(-30px);
	}
	60% {
		-moz-transform: translateY(-15px);
		transform: translateY(-15px);
	}
}
@-webkit-keyframes bounce {
	0%, 20%, 50%, 80%, 100% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
	40% {
		-webkit-transform: translateY(-30px);
		transform: translateY(-30px);
	}
	60% {
		-webkit-transform: translateY(-15px);
		transform: translateY(-15px);
	}
}
@keyframes bounce {
	0%, 20%, 50%, 80%, 100% {
		-moz-transform: translateY(0);
		-ms-transform: translateY(0);
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
	40% {
		-moz-transform: translateY(-30px);
		-ms-transform: translateY(-30px);
		-webkit-transform: translateY(-30px);
		transform: translateY(-30px);
	}
	60% {
		-moz-transform: translateY(-15px);
		-ms-transform: translateY(-15px);
		-webkit-transform: translateY(-15px);
		transform: translateY(-15px);
	}
}
.bounce {
	-moz-animation: bounce 2s infinite;
	-webkit-animation: bounce 2s infinite;
	animation: bounce 2s infinite;
}
.owl-custom-nav {
	position: absolute;
	z-index: 100;
	right: 4px;
	margin-top: 80px;
	width: 100%;
}
.owl-custom-nav .btn-next, .owl-custom-nav .btn-prev {opacity: 0;}
.owl-custom-nav .btn-next {
	right: -50px;
	position: absolute;
}
.owl-custom-nav .btn-prev {
	left: -50px;
	position: absolute;
}
.pf-hover:hover .btn-next {
	right: 30px;
	opacity: 1;
}
.pf-hover:hover .btn-prev {
	left: 30px;
	opacity: 1;
}
.owl-custom-nav .btn-next:before, .owl-custom-nav .btn-prev:before {font-size: 18px;}
.owl-custom-nav .btn-next:before {
	font-family: "Font Awesome\ 5 Free";
	content: "\f178";
	color: #fff;
	padding: 12px;
}
.owl-custom-nav .btn-prev:before {
	font-family: "Font Awesome\ 5 Free";
	content: "\f177";
	color: #fff;
	padding: 12px;
}
.owl-custom-nav a {
	text-decoration: none;
}
.owl-custom-nav .btn-prev:hover:before, .owl-custom-nav .btn-next:hover:before {
	cursor: pointer;
}
#custom-owl-slider {
	display: block;
	overflow: hidden;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	z-index: -1;
	background: #fff;
}
#custom-owl-slider .items {
	width: 100%;
	height: 100%;
	overflow: hidden;
	z-index: 20;
	visibility: inherit;
	opacity: 1;
}
#custom-owl-slider .item img {
	display: block;
	width: 100%;
	height: 100%;
}
.owl-slider-nav {
	position: absolute;
	width: 100%;
}
.owl-slider-nav, .owl-slider-nav div {
	position: absolute;
	z-index: 10;
	cursor: pointer;
}
.owl-slider-nav .next {
	right: -50px;
	width: 0;
	height: 0;
	border-top: 50px solid transparent;
	border-bottom: 50px solid transparent;
	border-right: 50px solid transparent;
}
.owl-slider-nav .prev {
	left: -50px;
	width: 0;
	height: 0;
	border-top: 50px solid transparent;
	border-bottom: 50px solid transparent;
	border-left: 50px solid transparent;
}
.owl-slider-nav .next:before {
	font-family: "Font Awesome\ 5 Free";
	font-size: 24px;
	content: "\f0da";
	color: #fff;
	position: absolute;
	right: -40px;
	top: -13px;
}
.owl-slider-nav .prev:before {
	font-family: "Font Awesome\ 5 Free";
	font-size: 24px;
	content: "\f0d9";
	color: #fff;
	position: absolute;
	left: -40px;
	top: -13px;
}

.owl-dots{
	text-align:center;
}
.owl-dot{
	background:#ccc;
	border:none;
	margin:5px;
	width:5px;
	height:5px;
	padding:0;
	border-radius:60px;
	-moz-border-radius:60px;
	-webkit-border-radius:60px;
}
.owl-dot.active{
	background:#404146;
}
.owl-item.active.center>div blockquote{transform:scale(1.08);color:#fff;background:#404146;z-index:1000;position:absolute;top:-5px}
.owl-stage{
	overflow:none;
	padding:40px 0 40px 0;
}

.table {
	display: table;
	margin-bottom: 0;
}
.table [class*="col-"] {
	float: none;
	display: table-cell;
	vertical-align: top;
	padding:0;
	height:100%;
}
.table-custom-1{
	position:absolute;
	height:100%;
}
.table .table {
	background: none;
}
.text-middle, .table [class*="col-"].text-middle {
	vertical-align: middle;
}

.typed,.typed-strings{display:inline-block;}
.typed-strings p{position:absolute;}
.typed-cursor{
opacity: 1;
-webkit-animation: blink 0.7s infinite;
-moz-animation: blink 0.7s infinite;
animation: blink 0.7s infinite;
}
@keyframes blink{
0% { opacity:1; }
50% { opacity:0; }
100% { opacity:1; }
}
@-webkit-keyframes blink{
0% { opacity:1; }
50% { opacity:0; }
100% { opacity:1; }
}
@-moz-keyframes blink{
0% { opacity:1; }
50% { opacity:0; }
100% { opacity:1; }
}
.mask{
	position:relative;
	overflow:hidden;
}
.mask img{
	width:100%;
}
.mask .cover{
	position:absolute;
	z-index:100;
	width:100%;
	height:80px;
	padding:30px;
	background:rgba(64, 65, 70, .9);
	bottom:0;
}
.mask .cover h3{
	font-size:18px;
	color:#fff;
	margin-bottom:0px;
}
.mask .cover p{
	position:absolute;
	color:#fff;
	padding-top:25px;
	padding-right:25px;
}
.mask:hover .cover{
	height:100%;
}
.mask:hover .cover p{
	opacity:1;
}
.mask .cover h3 span{
	margin-left:50px;
}
.sitemap{
	margin:0;
	padding:0;
}
.sitemap.s1 li{
	list-style:none;
}
.sitemap.s1 li:before{
	font-family:"Font Awesome\ 5 Free";
	content: "\f016";
	margin-right:10px;
}
.list{
	margin:0;
	padding:0;
}
.list li{
	list-style:none;
}
.list.s1 li:before{
	font-family:"Font Awesome\ 5 Free";
	content: "\f00c";
	margin-right:10px;
}
.list.s2 li:before{
	font-family:"Font Awesome\ 5 Free";
	content: "\f055";
	margin-right:10px;
}
.list.s3{
	display: inline;
	margin:0;
	padding:0;
}
.list.s3 li{
	display: inline;
	margin-right:20px;
}
.list.s3 a{
	font-weight:bold;
}
.de_light h1 span.underline{
	display:inline-block;
	border-bottom:solid 2px rgba(255,255,255,.5);
}
/* isotope */
.isotope, .isotope .isotope-item {
	/* change duration value to whatever you like */
	-webkit-transition-duration: 1s;
	-moz-transition-duration: 1s;
	-ms-transition-duration: 1s;
	-o-transition-duration: 1s;
	transition-duration: 1s;
}
.isotope {
	-webkit-transition-property: height, width;
	-moz-transition-property: height, width;
	-ms-transition-property: height, width;
	-o-transition-property: height, width;
	transition-property: height, width;
}
.isotope .isotope-item {
	-webkit-transition-property: -webkit-transform, opacity;
	-moz-transition-property: -moz-transform, opacity;
	-ms-transition-property: -ms-transform, opacity;
	-o-transition-property: -o-transform, opacity;
	transition-property: transform, opacity;
}
/**** disabling Isotope CSS3 transitions ****/
.isotope .isotope-item.no-transition,.isotope.no-transition,.isotope.no-transition .isotope-item{-webkit-transition-duration:0s;-moz-transition-duration:0s;-ms-transition-duration:0s;-o-transition-duration:0s;transition-duration:0s}#filters{padding:0;margin:0;margin-bottom:20px;font-weight:400}#filters li{display:inline-block;margin-right:5px;margin-bottom:10px}#filters a{background:0 0;outline:0;color:#888;text-decoration:none;color:#888;padding:5px 20px 5px 20px;border-radius:5px;-moz-border-radius:3px;-webkit-border-radius:3px}.text-light #filters a{color:rgba(255,255,255,.5)}#filters a:hover{color:#111}#filters a.selected{color:#fff;background-color:#e8823e}.text-light #filters a:hover{color:#fff}.text-light #filters a.selected{color:#fff}.text-light #filters a.selected{color:#fff}.isotope-item{z-index:2}.isotope-hidden.isotope-item{pointer-events:none;z-index:1}.arrowup{width:0;height:0;border-left:30px solid transparent;border-right:30px solid transparent;border-bottom:30px solid #fff;margin:0 auto;left:0;right:0;position:absolute;margin-top:-30px}.arrowdown{width:0;height:0;border-left:30px solid transparent;border-right:30px solid transparent;border-top:30px solid #fff;margin:0 auto;left:0;right:0;position:absolute}.arrowright{width:0;height:0;border-top:60px solid transparent;border-bottom:60px solid transparent;border-left:60px solid green}.arrowleft{width:0;height:0;border-top:10px solid transparent;border-bottom:10px solid transparent;border-right:10px solid #00f}a,img{outline:0}.z1{z-index:1}.z10{z-index:10}.rtl-content{text-align:right}
/* R E S P O N S I V E */
@media(min-width:980px) and (max-width: 1199px) {
	#mainmenu li a:after {
		margin-left: 15px;
	}
	.pf_full_width.gallery_border .item, .pf_full_width.gallery_border.pf_2_cols .item, .pf_full_width.gallery_border.pf_3_cols .item {
		float: left;
		width: 23.95%;
	}
}
@media(min-width:980px){
	.lg-text-white,
	.lg-text-white h1,.lg-text-white h2,.lg-text-white h3,.lg-text-white h4, .lg-text-white h5,
	.lg-text-white address span a,
	.lg-text-white address span a:hover{
		color:#fff;
	}
}
/* design for 768px */
@media (min-width: 768px) and (max-width: 979px) {
	.slider_text {
		padding-top: 0px;
	}
}
@media only screen and (max-width: 992px) {
	.text-center-sm {
		text-align: center;
	}
	#menu-btn {
		display: block;
		position: relative;
		float: right;
	}
	header {
		display: none;
	}
	header .info {
		display: none;
	}
	header.header-bg {
		background: rgba(0, 0, 0, 1);
	}
	header,header.fixed{display:block;position:inherit;margin:0;padding:0;margin-top:0;height:auto;background:#000;padding:15px 0 15px 0}
	#de-sidebar {
		position: absolute;
		width: 100%;
		right: 1px;
	}
	header.side-header, .de_light header.side-header {
		position: absolute;
		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;
	}
	.de_light.de-navbar-left header #mainmenu>li {
		border-bottom: solid 1px rgba(255, 255, 255, .1);
	}
	header.side-header #mainmenu a:hover {
		background: none;
	}
	header.side-header #mainmenu a:hover {
		background: none;
	}
	header.side-header .social-icons-2 {
		display: none;
	}
	header.autoshow {
		height: auto;
		top: 0;
	}
	header.autoshow #mainmenu li a {
		background: none;
	}
	header.header-mobile-sticky {
		position: fixed;
	}
	#subheader {
		padding: 0 0 0 0;
	}
	.de-navbar-left #subheader {
		padding: 0;
		margin: 0;
	}
	#subheader h1 {
		margin: 45px 0 45px 0;
	}
	#subheader span {
		display: none;
	}
	#subheader .crumb {
		display: none;
	}
	.de-navbar-left #subheader {
		padding-top: 70px;
	}
	.slider_text h1 {
		font-size: 32px;
	}
	.slider_text .description {
		display: none;
	}
	div#logo{margin-top: -5px;}
	#logo, #logo .inner {
		vertical-align: middle;
		height: auto;
	}
	#domain-check .text, #domain-check .button {
		width: 100%;
	}
	.container-4 .de-team-list {
		width: 49.9%;
		float: left;
		position: relative;
	}
	#testimonial-full blockquote {
		padding: 20px;
	}
	#revolution-slider {}
	nav {
		height:0;
	}
	#mainmenu {
		float: none;
		z-index: 200;
		width: 100%;
		margin: 0;
		padding: 0;
	}
	#mainmenu a {
		text-align: left;
		padding-left: 0;
		padding-top: 10px;
		padding-bottom: 10px;
	}
	#mainmenu li li a, #mainmenu li li li a {
		padding-left: 0;
	}
	#mainmenu a:hover {
		background: #111;
	}
	#mainmenu a:hover {
		background: #111;
	}
	#mainmenu li ul {
		display: block;
		position: inherit;
		margin: 0;
		width: 100%;
	}
	#mainmenu li {
		border-bottom: solid 1px #eee;
		margin: 0;
		width: 100%;
		display: block;
	}
	#mainmenu li a:after {
		display: none;
	}
	#mainmenu li:last-child {
		margin-bottom: 30px;
	}
	#mainmenu li ul {
		border-top: solid 1px #eee;
		top: auto;
		width: auto;
		height: auto;
		position: inherit;
		visibility: visible;
		opacity: 1;
	}
	#mainmenu li ul a {
		width: 100%;
		background: none;
		border: none;
	}
	#mainmenu li ul li {
		border: none;
		padding-left: 40px;
	}
	#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{
		overflow:hidden;
		position:relative;
	}
	header.header-mobile #mainmenu {
		float: none;
		z-index: 200;
		width: 100%;
		margin: 0;
		padding: 0;
	}
	header.header-mobile #mainmenu a {
		text-align: left;
		padding-top: 10px;
		padding-bottom: 10px;
	}
	header.header-mobile #mainmenu a:hover {
		background: none;
	}
	header.header-mobile #mainmenu li ul {
		display: block;
		position: inherit;
		margin: 0;
		width: 100%;
	}
	header.header-mobile #mainmenu li{border-bottom:solid 1px #eee;margin:0;width:100%;display:block}
	header.header-light.header-mobile #mainmenu li, header.header-light.header-mobile #mainmenu li ul li a {
		border-color: #eee;
	}
	header.header-dark.header-mobile{
		background:#222;
	}
	header.header-dark.header-mobile #mainmenu li{
		border-color: #333;
	}
	header.header-dark.header-mobile #mainmenu li a{
		color:#fff;
	}
	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;
	}
	header #mainmenu li ul li:first-child {
		border-top: solid 1px #eee;
	}
	header.header-mobile #mainmenu li ul li a {
		display: block;
		border-bottom: solid 1px #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: #888;
	}
	header.header-mobile #mainmenu li a:hover {
		color: #333;
	}
	header.header-mobile #mainmenu li li a {
		font-size: 12px;
	}
	header.header-mobile #mainmenu li li a:hover {
		color: #888;
	}
	header.header-mobile #mainmenu li ul {
		height: 0;
		overflow: hidden;
		position: relative;
		left: 0;
	}	
	header.header-mobile #mainmenu li ul li ul li:last-child {
		border-bottom: solid 1px #eee;
	}
	header.header-mobile #mainmenu li ul li ul {
		margin-bottom: 10px;
	}
header.header-mobile #mainmenu>li>span{width:36px;height:36px;background:url(../images/ui/arrow-down.png) center no-repeat;position:absolute;right:0;margin-top:10px;z-index:1000;cursor:pointer}
	header.header-mobile #mainmenu li span.active {
		background: url(../images/ui/arrow-up.png) center no-repeat;
	}
	header.header-mobile #mainmenu li>ul>li>span {
		width: 36px;
		height: 36px;
		background: url(../images/ui/arrow-down.png) center no-repeat;
		position: absolute;
		right: 0;
		margin-top: -45px;
		z-index: 1000;
		cursor: pointer;
	}
	header.header-mobile #mainmenu>li>ul>li>span.active {
		background: url(../images/ui/arrow-up.png) center no-repeat;
	}
	header.header-mobile #mainmenu li ul li a {
		border-bottom: solid 1px #eee;
	}
	header.header-mobile #mainmenu li ul li:last-child>a {
		border-bottom: none;
	}
	header.header-light.header-mobile #mainmenu>li>span, header.header-light.header-mobile #mainmenu li>ul>li>span {
		background: url(../images/ui/arrow-down.png) center no-repeat;
	}
	header.header-light.header-mobile #mainmenu>li>span.active, header.header-light.header-mobile #mainmenu li>ul>li>span.active {
		background: url(../images/ui/arrow-up.png) center no-repeat;
	}
	/* header light */
	.header-light #mainmenu ul li a, .header-light #mainmenu ul li a:hover {
		color: #333;
	}
	
	header.header-mobile #mainmenu li ul.mega ul {
		height: auto;
	}
	.de_tab.tab_steps .de_nav {
		text-align: center;
	}
	.de_tab.tab_steps .de_nav li {
		display: block;
		margin: 0;
		padding: 0;
	}
	.de_tab.tab_steps .de_nav li span {
		margin: 0;
		margin-bottom: 40px;
		display: inline-block;
	}
	.de_tab.tab_steps .de_nav li .v-border {
		border: none;
	}
	.hidden-phone {
		display: none;
	}
	.grid_gallery .item {
		width: 100%;
	}
	.table {
		display: block;
	}
	.table [class*="col-"] {
		float: none;
		display: block;
		vertical-align: top;
	}
	.sm-hide {
		display: none;
	}
	/*.btn-rsvp {
		position: absolute;
	}*/
	.de_tab.tab_style_4 .de_nav li {
		min-width:100px;
	}
	
	#mainmenu a span{
		display:none;
	}
	
	.pf_full_width.grid{
		margin-left:1.5%;
	}
	
	.de_tab.tab_steps.style-2 .de_nav li.active .arrow{
		margin-top:-40px;
		margin-bottom:40px;

	}
	.boxed header{
		margin-top:0;
	}
	
	.boxed #content{
		padding:0 !important;
	}
	#subheader.s2{
		padding:40px 0 40px 0;
	}
	#subheader{padding:10px 0 10px 0}
	.inner-padding {
	padding: 40px;
	}
	.xs-text-dark{
		color:#333333;
	}
}
/* custom for 320px & 480px */
@media only screen and (max-width: 767px) {
	.pricing-2-col .pricing-box, .pricing-3-col .pricing-box, .pricing-4-col .pricing-box, .pricing-5-col .pricing-box {
		width: 100%;
	}	
#subheader .overlay-bg{padding:10px 0 10px 0}
	#subheader h1{
		font-size: 36px;
	}
	.container-4 .de-team-list {
		width: 100%;
		float: left;
		position: relative;
	}
	.countdown-section {
		font-size: 12px;
	}
	.countdown-amount {
		font-size: 36px;
	}
	.container {
		padding-left: 30px;
		padding-right: 30px;
	}
	.feature-box-image, .pricing-box {
		margin-bottom: 30px;
	}
	#filters li.pull-right {
		float: none;
	}
	.de_tab .de_nav li {
		display: block;
		width: 100%;
	}
	.pf_full_width .item {
		float: left;
		width: 49.9%;
	}
	#de-sidebar {
		width: 100%;
		display: block;
		position: relative;
	}
	.gallery_border {
		margin-left: 0px;
	}
	.pf_full_width.gallery_border .item {
		width: 48.9%;
	}
	body.boxed {
		margin: 0px;
	}
}
/* design for 480px */
@media only screen and (min-width: 480px) and (max-width: 767px) {
	.container {
		padding-left: 30px;
		padding-right: 30px;
	}
	.feature-box-image, .pricing-box {
		margin-bottom: 30px;
	}
	header div#logo img {
		max-width: 200px;
		height: auto;
	}
}
/* design for 320px */
@media only screen and (max-width: 480px) {
	.pf_full_width .item {
		float: left;
		width: 100%;
	}
	header div#logo img {
		max-width: 200px;
		height: auto;
	}
	.pf_full_width.gallery_border .item {
		width: 100%;
	}
	h3.s2 span {
		display: block;
		margin: 0;
		padding: 0;
	}
}