@charset "utf-8";



@import url(http://fonts.googleapis.com/css?family=Open+Sans:300,500,600,700,900,400);



@import url(http://fonts.googleapis.com/css?family=Dosis:400,200,300,500,600,700,800);



@import url(https://fonts.googleapis.com/css?family=Allura);







/* ================================================== */



/* body */



/* ================================================== */









body {





	font-family: "Open Sans",Arial, Helvetica, sans-serif;



	font-size: 13px;



	font-weight:500;



	color: #ddd;



	line-height: 1.8em;



	padding: 0;



	background:#606060;



}



.carousel-caption {

    top: 35%;

    font-size: 38px;

    line-height: 46px;

    text-transform: uppercase;

    letter-spacing: 6px;

    width: 100%;

    left: 2%;

}



.carousel-control .icon-prev,.carousel-control .icon-next,.carousel-control .fa-chevron-left,.carousel-control .fa-chevron-right {



position:absolute;



top:47%;



right:0;



z-index:5;



display:inline-block;





width:38px;



height:38px;



line-height:40px;



font-size:20px



}

.carousel-control.left .fa, .carousel-control.right .fa {

    top: 40%;

    position: relative;

    font-size: 60px;

    color: #fff;

}





.carousel-control .icon-prev,.carousel-control .fa-chevron-left {



left:0



}







.carousel-indicators li {



width:12px;



height:12px;



margin:0 3px;



border:2px solid #fff;



opacity:1



}







.carousel-indicators .active {



background:#fff;



margin:0 3px



}







.carousel-control .icon-prev,.carousel-control .fa-chevron-left,.carousel-control .icon-right,.carousel-control .fa-chevron-right {



border-radius:50px



}







.carousel-control .icon-prev,.carousel-control .fa-chevron-left {



left:30px



}



h1.hero {

    color: #fff!important;

}



.carousel-control .icon-right,.carousel-control .fa-chevron-right {



right:30px



}



body.de_light{



	color:#606060;



}







#wrapper{



overflow:hidden;



}







.de-navbar-left #wrapper{



overflow:visible;



}







/* ================================================== */



/*  header	*/ 



/* ================================================== */



	header {width: 100%;height: 90px;position: fixed;top: 0;left: 0;z-index: 999;-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:#18191b;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 .col{



	display:inline-block;



	padding:0 15px 0 15px;



	font-size:11px;



	letter-spacing:1px;



	}



	header .info .social.col{



	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);*/

	background:#fff;



	}



	



	header.transparent{



	background:rgba(0,0,0,0.0);



	}



	



	header.autoshow{



	top:-80px;



	height:70px !important;



	}	



	



	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: inline-block;



	height: 100%;



	float: left;



	font-family: "Oswald", sans-serif;



	font-size: 60px;



	color: white;



	font-weight: 400;



	line-height:70px;



	-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 div#logo .logo-2{



	display:none;



	}



	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;



	}



	header.smaller:not(.header-bottom):not(.side-header) #mainmenu li li a{



	padding-top: 2px;



	padding-bottom:2px;



	}



	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: 90px;background:#fff;border-bottom:solid 1px #fff;}



	header.smaller:not(.header-bottom):not(.side-header) div#logo {



	line-height:48px;



	}



	



	.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;



	}



	.de-navbar-left  #subheader{



	padding-bottom:120px;



	}



	#subheader h1 {



	color:#eceff3;



	margin-top:80px;



	font-size: 28px;



	letter-spacing: 5px;



	float: left;

	padding:10px 0;

	padding-left:10px;



	padding-right: 40px;



	margin-right: 40px;



	text-transform:uppercase;

	background:rgba(0, 0, 0, 0.5);



	}



	#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: 50px;



	color:#fff;



	text-transform:uppercase;

	background: rgba(0, 0, 0, 0.5);



	}



	.de-navbar-left.de_light #subheader h1{



	color:#222;



	}











/* ================================================== */



/* navigation */



/* ================================================== */



	#mainmenu {



	font-family:"Raleway", Arial, Helvetica, sans-serif;



	float: right;



	font-size:11px;



	font-weight:400;



	letter-spacing:1px;



	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 {



	display: inline-block;



	padding: 25px 0px 25px 20px;



	line-height: 35px;



	text-decoration: none;



	text-align:center;



	outline:none;



	}



	



	#mainmenu a,



	header.transparent.header-light #mainmenu a{



	color:#333;



	}



	



	#mainmenu li a:after {float:right;position:relative;font-family:"FontAwesome";content:"\f111";font-size:6px;margin-left: 6px;margin-top:0px;color:#FAB702;}



	



	#mainmenu li:last-child a:after{display:none;}



	



	#mainmenu.no-separator li a:after{



	font-size:0px;



	}	



	



	#mainmenu.line-separator li a:after{



	content:"/";



	font-size:14px;



	}	



	



	#mainmenu.circle-separator li a:after{



	content:"\f10c";



	font-size:9px;



	}	



	



	#mainmenu.strip-separator li a:after{



	content:"\f068";



	font-size:9px;



	}	



	



	#mainmenu.plus-separator li a:after{



	content:"\f067";



	font-size:11px;



	}	



	



	#mainmenu.square-separator li a:after{



	content:"\f096";



	font-size:11px;



	}		



	



	



	#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: 2px 15px 2px 15px;

	background: #222327;

	border-top: none;

	color: #ccc;

	width:260px;

	border-left:none;

	text-align:left;



	}



	



	#mainmenu li li a:hover{



	color:#111;



	}



	



	#mainmenu li li a:after {



	content:none !important;



	}



	



	#mainmenu li li li a {



	padding: 2px 15px 2px 15px;



	background: #222327;



	}



	



	#mainmenu li li a:hover {



	color:#111;



	background: #1a8b49;



	}



	



	#mainmenu li ul {



	width: 260px;



	height: auto;



	position: absolute;



	top: 80px;



	left: 0px;



	z-index: 10;



	visibility:hidden;



	opacity:0;



	margin-top:5px;



	}



	



	#mainmenu li li {



	display: block;



	float: none;



	}



	



	#mainmenu li:hover > ul {



	visibility: visible;



	opacity:1;



	margin-top:0px;



	}



	



	#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;



	}



	



	/* menu toggle for mobile */



	#menu-btn{



	display:none;



	float:right;



	margin-top:5px;



	width:36px;



	height:36px;



	background:#333;



	padding:6px;



	text-align:center;



	cursor:pointer;



	}



	



	#menu-btn:before{



	font-family:FontAwesome;



	content: "\f0c9";



	font-size:24px;



	color:#eceff3;



	}



	



	#menu-btn:hover{

/*background:#fff;*/

	background:#333;



	}



	



	#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;padding: 50px 0 50px 0;z-index:100;}



	



	.de_light #content{



	background:#fff;



	}



		



	



	#content{



	background:#18191b;



	}











/* ================================================== */



/* section */



/* ================================================== */



	section{padding:90px 0 90px 0;}



	section{background:#18191b;}



	



	.de-navbar-left .container-fluid .container{



	width:100% !important;



	}



	



	.de-navbar-left section{



	padding:70px;



	}



	



	.de_light section{



	background:#fff;



	}



	



	.section-fixed {



	position:fixed;



	width:100%;



	min-height:100%;



	height:auto;



	}



	



/* ================================================== */



/* footer */



/* ================================================== */



footer {



	background: #111;



	color: #ccc;



	padding: 80px 0 0 0;



	}



	



	footer h3, .de_light footer h3 {



	color:#fff;



	font-size: 20px;



	}



	



	footer a {



	color: #ccc;



	}



	

/*

	footer a:visited {



	color: #ccc;



	}

*/

	



	footer a:hover {



	color:#eceff3;



	}







	.de-navbar-left footer{



	padding:70px 70px 0 70px;



	}



	



	.subfooter{



	background:#0b0b0b;



	padding:30px 0 20px 0;



	}



	



	.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{



	background:#fff;



	}



	



	header.smaller.header-scroll:not(.autoshow){



	position:absolute;



	}



	



	.header-bottom .info{



	display:none !important;



	}



	



	#de-sidebar{



	padding:0px;



	}



	







/* ================================================== */



/* blog */



/* ================================================== */



	.blog-list {



	margin: 0;



	padding: 0;



	}



	/* blog list */



	.blog-list li {



	list-style: none;



	line-height: 1.7em;



	margin-bottom: 60px;



	margin-top:10px;



	padding-bottom:15px;



	border-bottom:solid 1px rgba(255,255,255,.1);



	}



	.de_light .blog-list li{



	border-bottom:solid 1px #ddd;



	}

.de_light .detils-not-b li{border-bottom:solid 0px #ddd !important;}

	.blog-list h3{



	margin-top:20px;



	}	



	.blog-list h3 a{



	color:#fff;



	}



	.de_light  .blog-list h3 a{



	color:#111;

	text-transform:capitalize;



	}



	.de_light  .text-light  .blog-list h3 a{



	color:#fff;



	}



	.blog-list .btn-more{



	padding:3px 25px 3px 25px;



	color:#111;



	text-transform:uppercase;



	text-decoration:none;



	font-weight:700;



	float:right;



	}



	.blog-list .btn-more:hover{



	background:#fff;



	}



	.de_light .blog-list .btn-more:hover{



	background:#222;



	color:#fff;



	}



	.blog-list .post-text{



/*	padding-left:80px;*/



	}



	.blog-list img{



	border-bottom:solid 4px;



	}



	.blog-list .blog-slider{



	margin-bottom:-60px;



	}



	.blog-list .date-box {



	width: 100px;



	position: absolute;







	text-shadow:none;

	margin-top:-55px;



	}



	.blog-list .date-box .day, .blog-list .date-box .month {



	display: block;



	color:#fff;



	text-align:center;



	width:100px;



	z-index:100;



	}



	



	.de_light .blog-list .date-box .day, .de_light .blog-list .date-box .month {



	color:#111;



	}



	



		



	.blog-list .date-box .month {



	font-size:14px;



	}



	



	



	.blog-list .date-box .day{



	color:#111;



	font-weight:600;



	font-size: 18px;



	padding-top:20px;



	padding-bottom:10px;

	display:inline-table;



	}



	



	.de_light .blog-list .date-box .day{



	color:#fff;



	}



	



	.blog-list .date-box .month {



	color:#fff;



	font-family:"Open Sans";



	font-weight:600;



	letter-spacing:16px;



	padding:7px 0 7px 0;



	border-bottom:solid 4px #333;



	}







	.de_light .blog-list .date-box .month {



	border-bottom-color:#ddd;



	}



	



	.de_light  .text-light  .blog-list .date-box .month{



	color:#fff;



	}



	



	.blog-snippet li{



	border-bottom:none !important;



	margin-bottom:0;



	}



	



	#blog-carousel .item{



	width:100%;



	}



	



	/* blog comment */



	#blog-comment {



	margin-top: 40px;



	margin-left: 80px;



	}



	



	#blog-comment h5 {



	margin-bottom: 10px;



	}



	



	#blog-comment ul, #blog-comment li {



	list-style: none;



	margin-left: -30px;



	padding-left: 0;



	}



	



	#blog-comment li {



	min-height: 70px;



	padding-bottom: 10px;



	margin-bottom: 10px;



	padding-bottom: 20px;



	border-bottom: solid 1px #eee;



	}



	



	#blog-comment li .avatar {



	position: absolute;



	margin-top: 5px;



	}



	



	#blog-comment .comment {



	margin-left: 85px;



	}



	



	#blog-comment li {



	min-height: 70px;



	font-size: 14px;



	line-height: 1.6em;



	}



	



	#blog-comment li li {



	margin-left: 55px;



	padding-bottom: 0px;



	margin-top: 20px;



	padding-top: 10px;



	border-top: solid 1px #eee;



	border-bottom: none;



	}



	



	#blog-comment li li .avatar {



	position: absolute;



	}



	



	#blog-comment li li .comment {



	}



	



	.comment-info {



	margin-left: 85px;



	margin-bottom: 5px;



	}



	



	.comment-info span {



	}



	



	.comment-info .c_name {



	display: block;



	font-weight: 700;



	color: #555555;



	}



	



	.comment-info .c_reply {



	padding-left: 20px;



	margin-left: 20px;



	border-left: solid 1px #ddd;



	font-size: 12px;



	}



	



	.comment-info .c_date {



	font-size: 12px;



	}



	



	.blog-list h3, .blog-read h3 {



	color: #333;



	letter-spacing:normal;



	font-size:24px;



	text-transform:none;



	}



	







	











	/* blog comment form */



	#commentform label {



	display: block;



	}



	#commentform input {



	width: 290px;



	}



	#commentform input:focus {



	border: solid 1px #999;



	background: #fff;



	}



	#commentform textarea {



	width: 97%;



	padding: 5px;



	height: 150px;



	color:#333;



	}



	#commentform textarea:focus {



	border: solid 1px #999;



	background: #fff;



	}



	#commentform input.btn {



	width: auto;



	}



	



	.post-meta {



	margin: 0px 0 10px 0px;



	border: solid 1px #eee;



	border-left:none;



	font-size:11px;



	display:table;



	width:100%;



	table-layout: fixed;



	}



	.post-meta a{



	color:#888 !important;



	}



	.post-meta span {



		display:table-cell;



		padding:10px 0 10px 0;



		text-align:center;



		border-left:solid 1px #eee;



	}



	.post-meta span i {



	float: none;



	}



	.post-image img {



	width:100%;



	margin-bottom: 0px;



	}



	.post-meta{



	border-color:#222;



	}



	.post-meta span{



	border-color:#222;



	}



	











	



	.blog-slide{



	padding:0;



	margin:0;



	}







/* ================================================== */



/* products */



/* ================================================== */







.products{



padding:0;



list-style:none;



}



.products li{



margin-bottom:40px;



}



.product .price{



margin-bottom:10px;



font-size:16px;



}



.product img{



padding:2px;



background:#333;



border:solid 1px #fff;



}



.de_light .product img{



padding:0;



border:solid 1px #ddd;



}	



	



/* ================================================== */



/* contact form */



/* ================================================== */



	/*.error {



	padding:20px;



	border:none;



	display: none;



	color: #d9534f;



	border:solid 1px #d9534f;



	font-size: 12px;



	}



	.success {



	padding:20px;



	display: none;



	color: #5cb85c;



	border:solid 1px #5cb85c;



	margin-bottom: 20px;



	}



	.error img {



	vertical-align: top;



	}*/



	.full {



	width: 98%;



	}







	#contact-form{



	margin-top:20px;



	}



	



	#contact-form input[type=text], #contact-form select, #contact-form textarea,#contact-form input[type=email],#search{



	padding:10px;



	margin-bottom:20px;



	color:#fff;



	border:solid 1px rgba(0,0,0,.3);



	background:rgba(0,0,0,.2);



	border-radius:0 !important;



	height:auto;



	}







	.de_light #contact-form input[type=text],.de_light #contact-form input[type=number], .de_light #contact-form select, .de_light #contact-form textarea,.de_light #contact-form input[type=email], .de_light #search



		{



		border:solid 1px #ddd;



		background:#f5f5f5;	



		color:#333 !important;



		}







	



	



	



	#contact-form input[placeholder],#contact-form textarea[placeholder]{



	color:#eee;



	}



	#contact-form input[type=submit]{



	background:none;



	}



	



	#contact-form input[type=submit]:hover{



	color:#fff !important;



	background:#111;



	border-color:#111;



	}



	



	#contact-form textarea{



	height:120px;



	}



	



	.error_input{



	border-color:#D31E2B !important;



	}







/* ================================================== */



/* coming soon page */



/* ================================================== */



	



	.coming-soon .logo{



	margin:0;



	padding:0;



	}



	



	.coming-soon h2{



	margin-top:0;



	color:rgba(255,255,255,.8);



	font-weight:400;



	}



	



	.coming-soon  .social-icons i{



	font-size:20px;



	margin-left:10px;



	margin-right:10px;



	}



	



	.coming-soon .social-icons i:hover{



	background:none;



	color:rgba(255,255,255,.2) !important;



	}



	



	



	.arrow-up, .arrow-down {



	width: 0; 



	height: 0; 



	border-left: 40px solid transparent;



	border-right: 40px solid transparent;



	border-bottom: 40px solid #fff;



	position:fixed;



	margin-left: auto;



	margin-right: auto;



	left: 0;



	right: 0;



	bottom:0;



	cursor:pointer;



	z-index:101;



	}



	



	.arrow-down {



	border-top: 40px solid #fff;



	border-bottom:none;



	position:fixed;



	z-index:102;



	top:-40px;



	}



	



	.arrow-up:before{



	font-family:"FontAwesome";



	font-size:20px;



	content:"\f067";



	color:#222;



	position:relative;



	top:12px;



	margin:0 0 0 -8px !important;



	}



	



	.arrow-down:before{



	font-family:"FontAwesome";



	font-size:20px;



	content:"\f068";



	color:#222;



	position:relative;



	top:-35px;



	margin:0 0 0 -8px !important;



	}



	







/* ================================================== */



/* elements */



/* ================================================== */



	



	/* address */



	/* ------------------------------ */



	address{



	margin:0;



	margin-top:20px;



	}



	address span {



	display: block;



	border-bottom:solid 1px #222;



	padding-bottom:5px;



	margin-bottom:5px;



	font-weight:300;



	}



	



	.de_light .widget_text address span {



	border-bottom:solid 1px #ddd;



	}



	



	address span strong {



        display: inline-block;



        width: 60px;



    }



	



	address span{



	border-bottom-color:#222;



	}



	



	address span i{



	margin-top:5px;



	margin-right:20px;



	float:none;



	}



	



	address span strong {



	display: inline-block;



	}



	



	address span a{



	color:#eceff3;



	}



	



	.de_light #sidebar .widget address span{



	border-bottom:solid 1px #ddd;



	}



	



	.de_light #sidebar .widget address a{



	color:#333;



	}



	



	



	/* border */



	/* ------------------------------ */



	.small-border{



	height:1px;



	width:120px;



	background:#ccc;



	display:block;



	margin:0 auto;



	margin-top:20px;



	margin-bottom:30px;



	}



	



	/* breadcrumb */



	/* ------------------------------ */



	.crumb {



	color:#777;



	float: right;



	font-size: 12px;



	}



	.de-navbar-left.de_light #subheader .crumb{



	color:#333;



	}



	.crumb li {



	display: inline;



	text-decoration: none;



	padding: 0 2px 0 2px;



	}



	



	.crumb a{



	text-decoration:none;



	}



	



	.de_light .crumb a:hover{



	color:#fff;



	}







	



	/* button */



	/* ------------------------------ */



	.btn-line, a.btn-line{



	border:solid 1px #222;



	color:#fff;



	font-weight:500;



	font-size:12px;



	border-radius:0;



	-moz-border-radius:0;



	-webkit-border-radius:0;



	padding:10px 20px;



	text-transform:uppercase;



	display:inline-block;



	text-align:center;



	letter-spacing:2px;



	text-decoration:none;



	



	}	



	







	.btn-line, a.btn-line{



	border:solid 1px rgba(255,255,255,.2) !important;



	color:#fff;



	}



	



	.de_light .btn-line, .de_light a.btn-line{



	border:solid 1px rgba(1,1,1,.2) !important;



	color:#333;



	}



	



	.text-light .btn-line, .text-light  a.btn-line{



	border:solid 1px rgba(255,255,255,.2) !important;



	color:#fff;



	}



	







	.btn-line:hover, a.btn-line:hover{



	background:#fff;



	color:#111 !important;



	border-color:#fff;



	}



	



	.btn-line:after,  a.btn-line:after{



	color:#fff;



	}



	



	.btn-line:hover:after, a.btn-line:hover:after, a.btn-line.hover:after{



	color:#fff;



	}



	



	.btn-line:hover:after, a.btn-line:hover:after, a.btn-line.hover:after{



	color:#111 !important;



	}



	



	a.btn-text{



	text-decoration:none;



	display:inline-block;



	color:#111 !important;



	font-weight:600;



	padding:0;



	}



	



	a.btn-text:after{



	font-family:FontAwesome;



	content: "\f054";



	padding-left:10px;



	}



	



	a.btn-text{



	color:#fff !important;



	}



	



	a.btn-big{



	font-size:14px;



	color:#eceff3;



	letter-spacing:1px;



	line-height:normal;



	font-weight:bold;



	text-transform:uppercase;



	border:solid 1px #fff;



	padding:10px 30px 10px 30px;



	}



	a.btn-big:after{



	font-family:FontAwesome;



	content: "\f054";



	margin-left:20px;



	}



	



	



	



	.btn-line, a.btn-line{



	color:#eceff3;



	}



	



	.btn-line:after, a.btn-line:after{



	font-family:FontAwesome;



	content: "\f054";



	margin-left:10px;



	}



	



	a.btn-line-black, .de_light a.btn-line-black{



	border:solid 1px #111;



	color:#111;



	border-radius:0;



	-moz-border-radius:0;



	-webkit-border-radius:0;



	font-weight:normal;



	}



	



	a.btn-line-black:hover{



	background:#111;



	color:#fff;



	}



	



	.de_light a.btn-line-black:hover{



	background:#111;



	color:#fff;



	}



	



	.btn-fullwidth{



	width:100%;



	}



	



	a.btn-slider{



	font-size:13px;



	font-weight:bold;



	color:#fff;



	letter-spacing:3px;



	line-height:normal;



	text-decoration:none;



	text-transform:uppercase;



	border:solid 2px #fff;



	padding:10px 30px 10px 30px;



	}



	a.btn-slider:hover{



	color:#222;



	background:#fff;



	border-color:#000;



	border:solid 2px #fff;



	}



	a.btn-slider:hover:after{



	color:#222 ;



	}



	



	a.btn-custom{



	font-size:13px;



	color:#222;



	letter-spacing:3px;



	line-height:normal;



	text-decoration:none;



	text-transform:uppercase;



	padding:7px 25px 7px 25px;



	background:#fff;



	display:inline-block;



	}



	a.btn-custom:hover{



	color:#222;



	opacity:.8;



	}



	



	/* columns */



	/* ------------------------------ */







	



	/* counter */



	/* ------------------------------ */



	.de_count{



	text-align:center;



	padding:30px 0 30px 0;



	background:none;



	}



	.de_count h3{



	font-family:"Dosis", Arial, Helvetica, sans-serif;



	font-size:40px;



	font-weight:600;



	}



	.de_count span{



	text-transform:uppercase;



	}



	.de_count i{



		display:block;



		font-size:60px;



		margin:0 auto;



		margin-bottom:20px;



		width:100%;



		font-weight:lighter !important;



	}



		



	/* 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;



	}











	



	/* dropcap */



	/* ------------------------------ */



	.dropcap {



	display: inline-block;



	font-size: 48px;



	float: left;



	margin: 10px 15px 15px 0;



	color:#eceff3;



	padding: 20px 10px 20px 10px;



	}



	



	



	/* form style */



	/* ------------------------------ */











	.de_form input[type="radio"], 



	.de_form input[type="checkbox"] {



	/* hide the inputs */



	display:none;



	}



	



	.de_form input[type="radio"] + label:before{



	content:"\f111";



	font-family:"FontAwesome";



	margin-right:10px;



	}



	



	.de_form input[type="checkbox"] + label:before{



	content:"\f00c";



	font-family:"FontAwesome";



	margin-right:10px;



	}







	/* style your lables/button */



	.de_form input[type="radio"] + label, 



	.de_form input[type="checkbox"] + label {



		/* keep pointer so that you get the little hand showing when you are on a button */



		cursor: pointer;



		/* the following are the styles */



		padding: 4px 10px;



		border: none;



		background: #222;



		color: #606060;



		border-radius: 3px;



	}



	



	.de_light .de_form input[type="radio"] + label, 



	.de_light .de_form input[type="checkbox"] + label {



		background: #eee;



		color:#999;



	}



	



	.de_form.no-bg input[type="radio"] + label, 



	.de_form.no-bg input[type="checkbox"] + label {



		padding: 4px 0px;



		border: none;



		background:none;



	}







	.de_form input[type="radio"]:checked + label,



	.de_form input[type="checkbox"]:checked + label{



		/* style for the checked/selected state */



		border: none;



		color: white;



	}



	



	.de_light .de_form input[type="radio"]:checked + label,



	.de_light .de_form input[type="checkbox"]:checked + label{



		/* style for the checked/selected state */



		color: #333;



	}



	



	/* heading */



	/* ------------------------------ */



	.form-transparent input[type=text], .form-transparent textarea, .form-transparent input[type=email]{



	padding:10px;



	margin-bottom:20px;



	color:#fff;



	border:none;



	background:rgba(0,0,0,.2);



	border-radius:0 !important;



	height:auto;



	}



	



	/* heading */



	/* ------------------------------ */



	h1, h2, h3, h4, h5, h6 {



	color: #000;



	font-family: 'Dosis',Arial, Helvetica, sans-serif;



	font-weight:400;



	}



	



	h1 {



	font-size:32px;



	margin:0;



	text-align:center;



	letter-spacing:2px;



	text-transform:uppercase;



	font-weight:300;



	}



	



	h1 .small-border{



		margin-top:30px;



	}



	



	h2 {



	display:inline-block;



	font-weight:500;



	margin-bottom:30px;



	line-height:1.2em;



	}



	h2 .small-border{



	margin-left:0;



	margin-bottom:15px;



	width:40px;



	}



	h2{



	}



	h3 {margin-top: 0;font-size:18px;/* letter-spacing:3px; *//* text-transform:uppercase; */}



	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{



	font-family:"Allura";



	text-transform:none;



	letter-spacing:0;



	font-weight:normal;



	}



	h1.title-2{



	letter-spacing:20px;



	text-transform:uppercase;



	line-height:50px;



	}



	h1.title-3{



	font-size:72px;



	}



	h1.title-3 strong{



	font-family:"Allura";



	text-transform:none;



	letter-spacing:0;



	font-weight:normal;



	}



	h2.subtitle{



	margin-top:0;



	}





h1.hero{



	font-size:32px;



	font-weight:400;



	text-transform:uppercase;



	letter-spacing:32px;

	line-height:45px;

	text-align:center;



	}

	h1.hero span{ color:#fab702;}

	

	

	h2.hero{



	font-size:32px;



	font-weight:400;



	text-transform:uppercase;



	letter-spacing:32px;

	line-height:45px;

	text-align:center;



	}

	h2.heros span{ color:#fab702;}

	

	h2.heros{



	font-size:32px;



	font-weight:400;



	text-transform:uppercase;



	letter-spacing:32px;

	line-height:45px;

	text-align:center;

	color:#fff!important;

	text-shadow:2px 2px 2px #000;



	}

	h2.hero span{ color:#fab702;}



	h2.style-2{



	font-size:12px;



	font-weight:bold;



	text-transform:uppercase;



	letter-spacing:10px;



	}



	.de_light .text-light h2{



	color:#fff;



	}



	h3.title {border-bottom: navajowhite;margin-bottom: 20px;}



	h4.title {



	border-bottom: solid 1px #ddd;



	padding-bottom: 10px;



	margin-bottom: 20px;



	}



	h5 {



	font-weight: bold;



	}



	h1,



	h2,



	h3,



	h4,



	h5{



	color:#eceff3;



	}



	



	.typing-wrap{



	font-family:"Dosis";



	font-size:30px;



	margin:0;



	line-height:60px;



	}



	



	span.teaser{



	font-family:"Georgia";



	font-style:italic;



	font-size:18px;



	}



	



	.text-light{



	color:#ddd;



	}



	



	.text-dark{



	color:#333;



	}



	



	.text-dark, .text-dark h1, .text-dark h2, .text-dark h3{



	color:#222;



	}



	



	.text-light h1{



	color:#fff !important;



	}	



	



	.de_light h1,.de_light h2,.de_light h3,.de_light h4,.de_light h5,.de_light h6{color: #000000;text-align: center;font-weight: 700;}



	



	.text-light h1, .text-light h2, .text-light h3, .text-light h4, .text-light h5{



	color:#fff;



	}



	



	/* feature box style 1 */



	.feature-box i {



	border:solid 1px;



	}



	



	.feature-box-small-icon {



	margin-bottom: 30px;



	}



	



	.feature-box-small-icon.center{



	text-align:center;



	}



	



	.feature-box-small-icon .inner:hover > i {



	color:#fff;



	}



	



	.feature-box-small-icon .text {



	padding-left: 70px;



	}



	



	.feature-box-small-icon.center .text{



	padding-left:0;



	display:block;



	}



	



	.feature-box-small-icon i {



	text-shadow:none;



	color: #333;



	font-size: 32px;



	width: 68px;



	height: 68px;



	text-align: center;



	position: absolute;



	border-radius:60px;



	}



	



	.feature-box-small-icon i.hover {



	color:#333 !important;



	}



	



	.feature-box-small-icon i.hover {



	color:#fff !important;



	}



	



	.feature-box-small-icon .border{



	height:2px;



	width:30px;



	background:#ccc;



	display:block;



	margin-top:20px;



	margin-left:85px;



	}



	



	



	.feature-box-small-icon .btn{



	margin-top:10px;



	}



	



	.feature-box-small-icon.center i{



	position:inherit;



	float:none;



	display:inline-block;



	margin-bottom:20px;



	border:none;



	font-size:60px;



	background:none;



	padding:0px;



	}



	



	.feature-box-small-icon.center .fs1{



	position:inherit;



	float:none;



	display:inline-block;



	margin-bottom:20px;



	border:none;



	font-size:60px;



	background:none;



	padding:0px;



	}



	







	.feature-box-small-icon i{



	background-color: #333333;



	}



	



	.feature-box-small-icon h3 {



	line-height: normal;



	margin-bottom: 5px;



	}



	



	.feature-box-small-icon.no-bg h2 {



	padding-top:12px;



	}



	



	.feature-box-small-icon.no-bg .inner, .feature-box-small-icon.no-bg .inner:hover{



	padding:0;



	background:none;



	}



	



	.f-hover{



	-o-transition:.5s;



	-ms-transition:.5s;



	-moz-transition:.5s;



	-webkit-transition:.5s;



	transition:.5s;



	 outline: none;



	}



	



	/* feature-box style 2 */



	.feature-box i {



	border:solid 1px;



	}



	



	.feature-box-small-icon-2 {



	margin-bottom: 30px;



	}



	



	.feature-box-small-icon-2 .text {



	padding-left: 48px;



	}



	



	.feature-box-small-icon-2 i {



	text-shadow:none;



	color:#eceff3;



	font-size: 24px;



	text-align: center;



	position: absolute;



	}



	



	.feature-box-small-icon-2 i{



	background-color: #333333;



	}



	



	.feature-box-small-icon-2 h3 {



	line-height: normal;



	margin-bottom: 5px;



	}



	



	.feature-box-small-icon-2.no-bg h2 {



	padding-top:12px;



	}



	



	.feature-box-small-icon-2.no-bg .inner, .feature-box-small-icon-2.no-bg .inner:hover{



	padding:0;



	background:none;



	}



	



	



	/* feature-box image style 3 */



	.feature-box i {



	border:solid 1px;



	}



	.feature-box-image-2 {



	margin-bottom: 30px;



	}



	.feature-box-image-2 .text {



	padding-left: 100px;



	}



	.feature-box-image-2 img {



	position: absolute;



	}



	.feature-box-image-2 i{



	background-color: #333333;



	}



	.feature-box-image-2 h3 {



	line-height: normal;



	margin-bottom: 5px;



	}



	.feature-box-image-2.no-bg h2 {



	padding-top:12px;



	}



	.feature-box-image-2.no-bg{



	}



	.feature-box-image-2.no-bg .inner, .feature-box-image-2.no-bg .inner:hover{



	padding:0;



	background:none;



	}



	



	/* with image */



	.feature-box-image img{



	width:100%;



	margin-bottom:10px;



	height:auto;



	}



	.feature-box-image h3 {



	line-height: normal;



	margin-bottom: 5px;



	font-size:20px;



	font-weight:bold;



	}



	



	/* feature-box image style 4 */



	.feature-box-big-icon{



	text-align:center;



	}



	.feature-box-big-icon .text{



	}



	.feature-box-big-icon i {



	float:none;



	display:inline-block;



	text-shadow:none;



	color:#eceff3;



	font-size: 40px;



	padding: 40px;



	width: 120x;



	height: 120x;



	text-align: center;



	border:none;



	border-radius:10px;



	-moz-border-radius:10px;



	-web-kit-border-radius:10px;



	background:#333;



	margin-bottom:40px;



	



	cursor:default;



	



	



	}



	.feature-box-big-icon i:after {



	content: "";



	position:absolute;



	margin:75px 0 0 -40px;



	border-width: 20px 20px 0 20px; /*size of the triangle*/



	border-style: solid;



	}



	



	.feature-box-big-icon:hover i,



	.feature-box-big-icon:hover i:after{



	-o-transition:.5s;



	-ms-transition:.5s;



	-moz-transition:.5s;



	 -webkit-transition:.5s;



	 transition:.5s;



	}



	.feature-box-big-icon:hover i{



	background:#333;



	}



	.feature-box-big-icon:hover i:after{



	border-color:#333 transparent;



	}



	



	



	.box-fx .inner{



	position:relative;



 	overflow:hidden;



	border-bottom:solid 2px;



	}



	



	.box-fx .inner{



	border-bottom:solid 2px;



	}



	



	.box-fx .front{



	padding:60px 0 60px 0;



	}



	



	.box-fx .front span{



	font-size:14px;



	}



	



	.box-fx .info{



	position:absolute;



	padding:60px 30px 60px 30px;



	background:#fff;



	color:#fff;



	}



	



	.box-fx i{



	font-size:72px !important;



	margin-bottom:20px;



	}



	



	.box-fx .btn-line, .box-fx .btn-line a.btn-line{



	border:solid 1px rgba(255,255,255,0.5);



	color:#fff !important;



	}



	



	.box-fx .btn-line:hover, .box-fx a.btn-line:hover{



	background:#fff;



	color:#111 !important;



	border-color:#fff;



	}



	



	.box-fx .btn-line:after, .box-fx a.btn-line:after{



	color:#fff !important;



	}



	



	.box-fx .btn-line:hover:after, .box-fx a.btn-line:hover:after, .box-fx a.btn-line.hover:after{



	color:#111 !important;



	}



	



	.box-fx .bg-icon{



		left:50%;



		bottom:50px;



		color:#f5f5f5 !important;



		position:absolute !important;



		font-size:190px !important;



		z-index:-1;



	}



	



	.box-icon-simple.right{



	margin-right:70px;



	text-align:right;	



	}



	



	.box-icon-simple.right i{



	font-size:42px;



	right:0;



	position:absolute;



	}



	



	.box-icon-simple.left{



	margin-left:70px;



	}



	



	.box-icon-simple.left i{



	font-size:42px;



	left:0;



	position:absolute;



	}



	



	



	.box-number .number{



	display:block;



	font-size:48px;



	color:#222;



	width:80px;



	height:80px;



	text-align:center;



	padding:25px;



	border-radius:60px;



	position:absolute;



	}



	



	.box-number.square .number{



	border-radius:0;



	}



	



	.box-number .text{



	margin-left:100px;



	}



	



	.box-icon .icon{



	display:block;



	font-size:48px;



	color:#222;



	text-align:center;



	border-radius:60px;



	position:absolute;



	cursor:default;



	}



	



	.box-icon .text{



	margin-left:80px;



	}



	



	/* list */



	.ul-style-2{



	padding:0;



	list-style:none;



	}



	



	.ul-style-2 li{



	margin:5px 0 5px 0;



	}



	



	.ul-style-2 li:before{



	font-family:"FontAwesome";



	content:"\f00c";



	margin-right:15px;



	}



	



	/* pagination */



	/* ======================================== */



	



	.pagination li a:hover{



	color:#fff;



	background:none;	



	}



	



	.de_light .pagination li a:hover{



	color:#111;



	background:none;	



	}



	



	.pagination li a{



	color:#888;



	border:solid 1px #404040;



	background:none;



	margin:3px;



	padding:15px 20px 15px 20px;	



	border-radius:0;



	-moz-border-radius:0;



	-webkit-border-radius:0;



	}



	



	.de_light .pagination li a{



	border-color:#ccc;



	}



	



	/* pricing table */



	/* ================================================== */



	.pricing-box{color:#888;}



	



	.pricing-2-col {



	border-right: solid 1px #eee;



	}



	



	.pricing-2-col .pricing-box {



	width: 49%;



	}



	



	.pricing-3-col {



	}



	



	.pricing-3-col .pricing-box {



	width: 32.33%;



	}



	



	.pricing-4-col {



	}



	



	.pricing-4-col .pricing-box {



	width: 24%;



	}



	



	.pricing-5-col {



	}



	



	.pricing-5-col .pricing-box {



	width: 19%;



	}



	



	.pricing-2-col,



	.pricing-3-col,



	.pricing-4-col,



	.pricing-5-col{



	}



	



	



	.pricing-box {



	float: left;



	text-align: center;



	margin:5px;



	padding: 0;



	opacity:.8;



	}



	



	.pricing-box ul {



	margin: 0;



	padding: 0;



	}



	



	.pricing-box li {



	list-style: none;



	margin: 0;



	padding: 15px 0 15px 0;



	background:#eee;



	}



	



	.pricing-box li h4 {



	font-size: 22px;



	margin: 0;



	padding: 0;



	font-weight: 400;



	color:#888;



	}



	



	.pricing-box li h1 {



	font-size: 48px;



	margin: 0;



	margin-bottom: 5px;



	color: #1a8b49;



	letter-spacing:0px;



	}



	



	.pricing-box li.title-row {



	padding: 15px 0 15px 0;



	}



	



	.pricing-box li.title-row h4{



	}



	



	.pricing-box li.price-row {



	padding: 15px 0 15px 0;



	background:#F8F8F8;



	



	}



	.pricing-box li.deco{



	background:#f5f5f5;



	}



	



	.pricing-box a.btn{



	color:#eceff3;



	}



	



	.pricing-box li.price-row span {



	display: block;



	font-weight: 600;



	}



	



	.pricing-box li.btn-row {



	background: #ddd;



	}



	.pricing.pricing-box{



	}



	.pricing.pricing-box ul {



	margin: 0;



	padding: 0;



	}



	



	.pricing.pricing-box li {



	background: #3b3b3b;



	color: #bbb;



	list-style: none;



	margin: 0;



	padding: 15px 0 15px 0;



	}



	



	.pricing.pricing-box li.deco{



	background:#333;



	}



	



	



	



	.pricing.pricing-box li h4 {



	font-size: 22px;



	margin: 0;



	padding: 0;



	font-weight: 400;



	color:#eceff3;



	}



	



	.pricing.pricing-box li h1 {



	font-size: 48px;



	margin: 0;



	margin-bottom: 5px;



	font-weight: 600;



	color:#eceff3;



	}



	



	.pricing.pricing-box li.title-row {



	background:#323232;



	padding: 15px 0 15px 0;



	}



	



	.pricing.pricing-box li.price-row {



	background: #2b2b2b;



	padding: 15px 0 15px 0;



	}



	



	.pricing.pricing-box li.price-row h1{



	font-weight: 300;



	}



	



	.pricing.pricing-box li.price-row h1 span {



	display:inline-block;



	font-weight: 600;



	}



	



	.pricing.pricing-box li.price-row span {



	display: block;



	font-weight: 600;



	}



	



	.pricing.pricing-box li.btn-row {



	background: #404040;



	}



	



	



	.pricing-featured {



	position: relative;



	}



	



	.pricing-featured li{



	padding-top:17px;



	padding-bottom:17px;



	}



	



	



	/* progress bar */



	/* ================================================== */



	



	.de-progress{



	width:100%;



	height:8px;



	background:#ddd;



	margin-top:20px;



	margin-bottom:20px;



	border-radius:40px;



	-moz-border-radius:40px;



	-webkit-border-radius:40px;



	



	}



	



	.de-progress .progress-bar{



	background:#333;



	height:8px;



	border-radius:40px;



	-moz-border-radius:40px;



	-webkit-border-radius:40px;



	}



	



	.de-progress{



	background:#000;



	}



	



	



	/* social-icons */



	/* ================================================== */



	.social-icons{



	display:inline-block;



	}



	.social-icons i{



	text-shadow:none;



	color: #fff;



	padding: 8px;



	width: 28px;



	height: 28px;



	text-align: center;



	font-size:16px;



	border-radius:1px;



	-moz-border-radius:1px;



	-webkit-border-radius:1px;



	}



	.social-icons i:hover{



	background:#fff;



	border-color:#eceff3;



	color:#333;



	}



	



	/*



	.social-icons .fa-facebook{	background:#305fb3;	}



	.social-icons .fa-twitter{	background:#00d7d5;	}



	.social-icons .fa-rss{ background:#fca600;	}



	.social-icons .fa-google-plus{ background:#d7482a;	}



	.social-icons .fa-skype{ background:#12c7ef;	}



	.social-icons .fa-dribbble{ background:#f06eaa;	}



	*/



	



	/* tabs */



	/* ================================================== */



	.de_tab {



	opacity:.8;



	}



	



	.de_tab .de_nav {



	overflow: hidden;



	padding-left: 0;



	margin: 0;



	padding: 0;



	font-weight:bold;



	}



	



	.accordion-inner img.full-size{



	margin-top:5px;



	margin-bottom:10px;



	}



	



	a.accordion-toggle,a:visited.accordion-toggle{



	font-weight:bold;



	color:#222;



	}



	



	.de_tab .de_nav li {



	float: left;



	list-style: none;



	background: #EEE;



	margin-right: 5px;



	}



	



	



	.de_tab .de_nav li span {



	padding: 8px 16px 8px 16px;



	border-top: 1px solid #ddd;



	border-bottom: 1px solid #ddd;



	border-left: 1px solid #ddd;



	border-right: 1px solid #ddd;



	display: block;



	background: #f5f5f5;



	text-decoration: none;



	color: #646464;



	font-size: 13px;



	cursor: pointer;



	}



	



	.de_tab.tab_steps .de_nav{



	text-align:center;	



	}



	.de_tab.tab_steps .de_nav li{



	background:none;



	display:inline-block;



	float:none;



	margin:0 30px 0px 30px;



	}



	



	.de_tab.tab_steps .de_nav li span {



	padding:30px 0 30px 0;



	border-radius:120px;



	color:#222;



	font-family:"Dosis";



	font-size:16px;



	-moz-border-radius:120px;



	-webkit-border-radius:120px;



	line-height:120px;



	width:180px;



	height:180px;



	text-align:center;



	text-transform:uppercase;



	}



	



	.de_tab.tab_steps .de_nav li span:hover{



	background:#000;



	border:none;



	color:#fff;



	}



	



	.de_tab.tab_steps .de_nav li .v-border{



	height:60px;



	border-left:solid 1px rgba(255,255,255,.3);



	display:inline-block;



	margin-bottom:-5px;	



	}



	



	.de_tab.tab_steps.dark .de_nav li .v-border{



	border-left:solid 1px rgba(0,0,0,.3);



	}



	



	.de_tab .de_nav li span {



	border:none;



	background:#222;



	}



	



	.de_tab .de_nav li:first-child span {



	border-left: 1px solid #ddd;



	}



	



	.de_tab .de_nav li:first-child span {



	border-left: 1px solid #404040;



	}



	



	



	.de_tab .de_tab_content {



	border: 1px solid #ddd;



	padding: 15px 20px 20px 20px;



	margin-top: -1px;



	background: #fff;



	}



	



	.de_tab .de_tab_content {



	border: 1px solid #404040;



	background: #27282b;



	}



	



	.de_tab.tab_steps .de_tab_content {



	background:0;



	padding:0;



	border:none;



	padding-top:30px;



	border-top:solid 1px rgba(255,255,255,.4);



	}



	



	.de_tab.tab_steps.dark .de_tab_content {



	border-top:solid 1px rgba(0,0,0,.4);



	}



	



	.de_tab .de_nav li.active span {



	background: #FFF;



	border-bottom: 1px solid #fff;



	color: #222;



	margin-bottom: -3px;



	}



	



	.de_tab .de_nav li.active span .v-border{



	display:none !important;



	}



	



	.de_tab .de_nav li.active span {



	background: #27282b;



	border-bottom: 1px solid #27282b;



	color: #ccc;



	}



	



	.de_tab.tab_steps .de_nav li.active span {



	background:none;



	color: #ffffff;



	border:solid 2px rgba(255,255,255,.8);



	}



	



	.de_tab.tab_steps.dark .de_nav li.active span {



	background:none;



	color: #333;



	border:solid 1px rgba(0,0,0,.8);



	}



	



	/* new added */



	.de_tab.tab_steps.tab_6 .de_nav li span{



	padding:20px 0 20px 0;



	font-size:14px;



	line-height:70px;



	width:120px;



	height:120px;



	}



	







	.tab-small-post ul {



	list-style: none;



	margin: 0;



	padding: 0;



	}



	



	.tab-small-post ul li {



	min-height: 60px;



	margin-bottom: 15px;



	padding-bottom: 10px;



	border-bottom: solid 1px #eeeeee;



	}



	



	.tab-small-post ul li{



	border-bottom: solid 1px #404040;



	}



	



	.tab-small-post ul li:last-child {



	border-bottom: none;



	margin-bottom: 0;



	padding-bottom: 0;



	}



	



	.tab-small-post ul li img {



	position: absolute;



	}



	



	.tab-small-post ul li span {



	display: block;



	padding-left: 64px;



	}



	



	.tab-small-post ul li span.post-date {



	font-size: 11px;



	}



	



	.de_tab.timeline.nav_4 li{



	display:inline-block;



	text-align:center;



	background:none;



	width:24%;



	}	



	



	.de_tab.timeline.nav_4 li span{



	background:none;



	border:none;



	margin-top:20px;



	font-family:"Dosis";



	font-size:14px;



	text-transform:uppercase;



	letter-spacing:2px;



	}



	



	.de_tab.timeline.nav_4 .dot{



	display:block;



	width:8px;



	height:8px;



	background:#fff;



	opacity:1;



	margin:0 auto;



	border-radius:8px;



	margin-top:1px;



	}



	



	.de_tab.timeline.nav_4 .dot:before,



	.de_tab.timeline.nav_4 .dot:after {



	  content: "";



	  position: absolute;



	  height: 5px;



	  border-bottom: 1px solid rgba(255,255,255,.1);



	  top: 0;



	  width:24%;



	}



	



	.de_tab.timeline.nav_4  li:last-child .dot:before,



	.de_tab.timeline.nav_4 li:last-child .dot:after {



	 border-bottom: none;



	}



	



	.de_tab.timeline li .num{



	font-size:20px;



	}



	



	.de_tab.timeline .de_tab_content{



	background:none;



	border:none;



	padding-top:30px;



	}



	



	.de_tab .navigation_arrow{



	text-align:center;



	}







	.btn-left,



	.btn-right{



	background:none;



	border:solid 1px rgba(255,255,255,.2);



	padding:10px 20px 10px 20px;



	margin:5px;



	font-family:"Dosis";



	text-transform:uppercase;



	letter-spacing:5px;



	}



	



	.btn-right:after{



	font-family:FontAwesome;



	content: "\f054";



	padding-left:10px;



	}



	



	.btn-left:before{



	font-family:FontAwesome;



	content: "\f053";



	padding-right:10px;



	}



	



	a.btn-left,



	a.btn-right{



	text-decoration:none;



	}







	



	/* team



	/* ================================================== */



	.team {



	margin-bottom: 30px;



	text-align:center;



	}



	



	.team h5 {



	margin-bottom: 0;



	}



	



	.team_photo {



	margin-bottom: 10px;



	}



	



	.team img.team-pic {



	width: 100%;



	height: auto;



	}



	



	.pic-team img{



	width: 100%;



	height: auto;



	width:150px;



	height:150px;



	position:absolute;



	}



	



	.pic-team img.pic-hover{



	z-index:100;



	display:none;



	}



	



	.team .team_desc {



	font-style: italic;



	margin-bottom: 10px;



	}



	



	.team .sb-icons {



	padding: 10px 0 0 0;



	}



	



	.team .sb-icons img {



	margin-right: 5px;



	}



	



	.team .columns {



	margin-bottom: 30px;



	}



	



	.team-list{



	min-height:180px;



	margin-bottom:40px;



	}



	



	.team-list .team-pic{



	width:150px;



	height:150px;



	position:absolute;



	}



	



	.team-list h5{



	margin-top:0;



	margin-bottom:10px;



	font-size:14px;



	}



	



	.team-list.team_desc{



	font-style:italic;



	margin-bottom:10px;



	}



	



	.team-list .small-border{



	float:none;



	margin:15px 0 15px 0;



	background:#ddd;



	width:50px;



	}



	



	.team-list .social{



	width:150px;



	margin-top:170px;



	text-align:center;



	position:absolute;



	}



	



	



	.team-list .social a{



	display:inline-block;



	}



	



	.team-list .info{



	padding-left:170px;



	}



	



	.de-team-list{



		overflow:hidden;



	}



	



	.de-team-list .team-desc{



		padding:20px;



		padding-bottom:0;



		position:absolute;



		z-index:100;



		top:0;



		background:#111;



		color:#ccc;



	}



	



	.de-team-list .team-desc h3{



		color:#fff;



	}



	



	.de-team-list .social{



	}



	



	.de-team-list .social a{



	display:inline-block;



	padding:0 5px 0 5px;



	}



	



	.de-team-list p.lead{



		font-size:14px;



	}



	



	.de-team-list .small-border{



	float:none;



	margin:15px 0 15px 0;



	background:#ddd;



	width:50px;



	}



	



	.de-team-list .social a:hover{



	color:#fff;



	}



	











	/* 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,0.5);



	font-style:normal;



	line-height:1.6em;



	font-weight:500;



	}



	



	.de_testi blockquote  p{



	margin-top:10px;



	}



	



	.de_testi blockquote:before{



	font-family:FontAwesome;



	content: "\f10d";



	color:#111;



	padding-bottom:10px;



	font-size:20px;



	display:inline-block;



	padding:10px 20px 10px 20px;



	font-style:normal;



	background:#000;



	position:absolute;



	left:15px;



	}



	



	.de_testi blockquote {



	color:#eceff3;



	}



	



	.de_testi blockquote, .de_testi blockquote p {



	font-size:16px;



	line-height: 1.6em;



	font-weight: 500;



	}



	



	.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;



	}



	



	#testimonial-masonry .item{



	margin-bottom:30px;



	}







		















/* ================================================== */



/* 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,



header.smaller:not(.header-bottom),



#contact-form input[type=submit],



#contact-form input[type=submit]:hover,



.product img,



.product img:hover,



.mfp-close,.mfp-close:hover,



header.de_header_2 .info,



header.de_header_2.smaller .info,



.de_form input[type="radio"] + label,



.de_form input[type="checkbox"] + label,



.de-gallery.hover-1 span.overlay-1,



.de-gallery.hover-1 span.overlay-1 .project-name,



.carousel-item .overlay-v,



#mainmenu li,



#mainmenu li ul



{



-o-transition:.5s;



-ms-transition:.5s;



-moz-transition:.5s;



-webkit-transition:.5s;



transition:.5s;



 outline: none;



}











/* ================================================== */



/* 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:url(../images/dot-70.png);



}







.de-video-overlay.dotted{



background:url(../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%;





}







.map iframe {



width: 100%;



height: 320px;



border: solid 1px #ccc;



padding: 2px;



background: #fff;



}







.map-container{



height: 500px;



overflow:hidden;



}



































/* ================================================== */



/* call to action */



/* ================================================== */



.call-to-action-box {



background: #f5f5f5;



border: solid 1px #ddd;



background: rgb(255,255,255); /* Old browsers */



background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(242,242,242,1) 100%); /* FF3.6+ */



background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(242,242,242,1))); /* Chrome,Safari4+ */



background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(242,242,242,1) 100%); /* Chrome10+,Safari5.1+ */



background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(242,242,242,1) 100%); /* Opera 11.10+ */



background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(242,242,242,1) 100%); /* IE10+ */



background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(242,242,242,1) 100%); /* W3C */



filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2',GradientType=0 ); /* IE6-9 */



}







.call-to-action-box {



background: #27282B;



border: solid 1px #404040;



}







.call-to-action-box .inner {



padding: 20px 20px 20px 20px;



}







.call-to-action-box .text {



margin-right: 20px;



float: left;



}







.call-to-action-box .act {



float: right;



}







.call-to-action-box h3 {



margin: 0;



margin-top:10px;



}







.call-to-action-box .btn{



color:#eceff3;



}







.call-to-action-box{



background: #404040;



color:#eceff3;



}







.call-to-action-boxh3 {



color:#eceff3;



}











































/* ================================================== */



/* overide bootstrap */



/* ================================================== */



.container-fluid {



    padding:0px;



	margin:0px;



}











.btn-primary{



text-shadow: none;



border: none !important;



}







.btn.btn-primary:hover{



background:#555;



}







.img-responsive {



  display: inline-block;



}







.label {



font-family: "Roboto",Arial, Helvetica, sans-serif;



}







table thead {



font-weight: bold;



}







.accordion-heading a {



text-decoration: none;



border: none;



outline: none;



}







p.lead,



p.intro{



	font-size:16px;



	font-weight:500;



	line-height:1.7em;



}







.panel-group{



opacity:.8;



}







.panel-heading,.panel-body{



background:#27282B;



border:solid 1px #404040 !important;



border-radius:0 !important;



}







.panel-body{



border-top:none !important;



}







.progress{



background:#27282B;



}







.panel-heading h4 a{



display:block;



}







.panel-heading h4 a:hover{



color:#eceff3;



}







.panel-default, .panel-collapse, .panel-collapse, .panel-group .panel {



border:none !important;



border-radius:0 !important;



}







.panel-heading{



background:#222 !important;



}







.table-bordered, .table-bordered td{



border:solid 1px #404040;



}







blockquote {



font-size: 24px;



font-style: italic;



line-height: 1.5em;



font-weight: 300;



}







blockquote span {



display: block;



font-size: 14px;



font-style: normal;



font-weight: normal;



}











.col-md-3{



margin-right:-1px;



}















/* ======================================== */



/* toggle */



/* ======================================== */



.toggle-list{list-style:none; margin:0; padding:0;}



.toggle-list li{ margin-bottom:10px; background:#fff; border:solid 1px #ddd;border-bottom:solid 3px #ddd;}



.toggle-list li h2{-moz-user-select: none; -html-user-select: none; user-select: none; color:#555;font-size:16px; line-height:20px; font-family:"Roboto",Arial, Helvetica, sans-serifr; padding:10px 20px 0px 60px; font-weight:700; display:block; letter-spacing:normal;}



.toggle-list li .acc_active:hover{ color:#777;



background:url(../images/icon-slide-plus.html) 20px center no-repeat; 



padding-left:80px; 



-o-transition:.5s;



-ms-transition:.5s;



-moz-transition:.5s;



-webkit-transition:.5s;



transition:.5s;}



 



.toggle-list li .acc_noactive:hover{ color:#777;



background:url(../images/icon-slide-min.html) 20px center no-repeat;



-o-transition:.5s;



-ms-transition:.5s;



-moz-transition:.5s;



-webkit-transition:.5s;



transition:.5s;}



.toggle-list .ac-content{display:none; padding:20px; border-top:solid 1px #e5e5e5;}



.acc_active{background:url(../images/icon-slide-plus.html) 20px center no-repeat;



-o-transition:.5s;



-ms-transition:.5s;



-moz-transition:.5s;



-webkit-transition:.5s;



transition:.5s;



 height:32px;



 



 }



.acc_noactive{background:url(../images/icon-slide-min.html) 20px center no-repeat;}











/* ================================================== */



/* image position */



/* ================================================== */



.img-left {



float: left;



margin: 5px 15px 15px 0;



}







.img-right {



float: right;



margin: 5px 0 15px 15px;



}















/* ================================================== */



/* flickr */



/* ================================================== */



#flickr-photo-stream img {



width: 48px;



height: auto;



margin: 0 12px 12px 0;



float: left;



}







#flickr-photo-stream a img {



border: solid 2px #fff;



}







#flickr-photo-stream a:hover img {



border: solid 2px #777777;



}























hr{



border-top: solid 1px #555;



}







hr.blank {



border: none;



margin: 20px 0 20px 0;



}







/* ================================================== */



/* 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;



}











/* ================================================== */



/* transition */



/* ================================================== */



a,



a:hover,



.test-column,



.test-column: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 !important;



}























/* ================================================== */



/* gallery */



/* ================================================== */



.de_carousel .item {



width:100%;



display:block;



}











.item img {



width:100%;



height:auto;



}







.item h4 {



margin-bottom: 0;



font-size: 14px;



}







#gallery .item{



overflow:hidden;



}







.carousel-item{



	width:100%;



}



.carousel-item img{



	width:100%;



	height:auto;



}



.carousel-item .overlay-v{



	text-align: center;



	width: 100px;



	background: rgba(0,0,0,.7);



	position:absolute;



	width:100%;



	height:100%;



}



.carousel-item .pf_text .project-name{



	display:block;



	position:absolute;



	width:100%;



	top:80%;



	font-size:14px;



	font-weight:bold;



}



.carousel-item:hover .overlay-v{



	background: rgba(0,0,0,.5);



}







.pf_text {



color:#eceff3;



}







.pf_text h4 {



color:#eceff3;



margin-bottom: 0;



font-size: 14px;



font-weight: 600;



}







.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{



overflow:hidden !important;



}







#btn-close-x{



width:100px;



height:100px;



display:block;



background:url(../images/close.html) center no-repeat;



margin:0 auto;



margin-bottom:80px;



cursor:pointer;



padding:20px;



}







#btn-close-x{



background:url(../images/close-2.html) center no-repeat;



}











.project-name{



font-size:12px;



font-weight:bold;



display:block;



}







span.overlay {



text-align: center;



display: block;



width: 100px;



background: #111;



position: absolute;



}







.de_light span.overlay {



background: #fff;



}











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;



}







.de-gallery .project-name{



font-size:11px;



text-transform:uppercase;



letter-spacing:5px;



}







.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;



}







.de-gallery.hover-1 span.overlay-1 {



text-align: center;



display: block;



background:rgba(0,0,0,.7);



position: absolute;



}



.de-gallery.hover-1 span.overlay-1:hover{



background:rgba(0,0,0,0);



}



.de-gallery.hover-1 span.overlay-1 .project-name{



	top:10%;



	letter-spacing:4px;



	position:relative;



}



.de-gallery.hover-1 span.overlay-1:hover .project-name{



	top:-10%;



}















.grid_gallery .item{



margin-bottom:30px;



}







a.img-icon-url, a.img-icon-zoom {



display: inline-block;



width: 36px;



height: 36px;



background: url(../images/icon-url.html) center no-repeat;



margin: 0 auto;



margin: 0 2px 0 2px;



}







a.img-icon-zoom {



background: url(../images/icon-zoom.html) center no-repeat;



}







.pf_full_width .item{



float:left;



width:24.95%;



}







.pf_full_width.pf_3_cols .item{



width:33.3%;



}







.pf_full_width.pf_2_cols .item{



width:49.9%;



}







.pf_full_width img{



float:left;



width:100%;



}



















/* ================================================== */



/* widget */



/* ================================================== */



#sidebar{



padding-left:20px;



}



 



.widget {



margin-bottom: 15px;



padding-bottom:15px;



border-bottom:solid 1px #333;



}







.de_light .widget{ float:left; width:100%;



border-bottom:solid 0px #ddd;



}







.widget h4 {



text-transform:uppercase;



padding-bottom: 20px;



font-size: 16px;



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_category li {



padding: 8px 20px 8px 20px;



margin-bottom: 8px;



background:#111;



text-transform:uppercase;



}







.de_light .widget_category li {



background:#eee;



}







.widget_category li a {



color:#606060;



}







.widget_recent_post li {



padding-left: 20px;



background: url(../images/list-arrow.html) left 2px no-repeat;



border-bottom: solid 1px #222;



padding-bottom: 7px;



margin-bottom: 5px;



}







.widget_recent_post li a {



color: #555;



}







.widget .comments li {



padding-left: 20px;



background: url(../images/list-arrow.html) left 2px no-repeat;



border-bottom: solid 1px #eee;



padding-bottom: 7px;



margin-bottom: 5px;



}







.widget_tags li { float:left; width:100%;



text-shadow:none;



display: inline-block;



margin-right: 2px;



margin-bottom: 5px;



}







.widget_tags li a { float:left; width:100%;



font-size:12px;



text-decoration: none;



margin-bottom: 5px;



border-radius: 1px;



-moz-border-radius: 1px;



-webkit-border-radius: 1px;



border:solid 1px rgba(255,255,255,.1);



color: #888;



padding: 5px 8px 5px 8px;



}







.de_light .widget_tags li a {



color:#606060;



border:solid 1px #ddd;



}







.widget_tags li a:hover {



color:#555;



border-color: #555;



}







.de_light .widget_tags li a:hover {



color:#111;



border-color: #111;



}











.widget_top_rated_product ul{ float:left; width:100%;



padding:0;



}







.widget_top_rated_product li {



min-height:80px;



}







.widget_top_rated_product li .text{



padding-top:5px;



padding-left:75px;



}

.widget_top_rated_product li .text p{ padding-bottom:0; margin-bottom:0;}





.widget_top_rated_product li a img{



position:absolute;



width:60px;



height:60px;

margin-top:5px;



}







.widget_tags li a{



border-color:#555;



}







.widget_tags li a:hover {



color:#eceff3;



border-color:#eceff3;



}







footer .widget{



border:none !important;



margin-bottom:0;



}







.widget_tags ul{ float:left;

width:100%;



margin-top:5px;



}







footer .widget.widget_tags li a{



border-color:#222;



}







footer .widget_recent_post li {



padding: 0 0 5px 0;



margin:0;



background: none;



border-bottom-color:#222;



}







footer .widget_recent_post li a {



color: #ccc;



}







footer .widget h3{



margin-bottom:20px;



}



















/* ================================================== */



/* misc */



/* ================================================== */



a{



color:#fff;



text-decoration:none;



}







a:hover{



color:#fff;



}







.fontsize24{font-size:24px !important;}



.fontsize32{font-size:32px !important;}



.fontsize36{font-size:36px !important;}



.fontsize40{font-size:40px !important;}



.fontsize48{font-size:48px !important;}







.padding10{padding:10px !important;}



.padding20{padding:20px !important;}



.padding30{padding:30px !important;}



.padding40{padding:40px !important;}



.padding40{padding:50px !important;}



.padding50{padding:60px !important;}



.padding60{padding:70px !important;}







.de_light a{



color:#888;



}







.de_light a:hover{



color:#555;



}







#services-list{



padding:0;



margin:0;



}







#services-list li a{



color:#fff;



}







.de_light #services-list li a{



color:#999;



}







#services-list li{



font-weight:bold;



list-style:none;



margin:0;



background:rgba(0,0,0,.3);



margin-bottom:10px;



}







.de_light #services-list li{



background:#ddd;







}







#services-list li a{



display:block;



padding:20px;



text-decoration:none;



}







#services-list li a:hover{



color:#111;



}







.pic-services img{



margin-bottom:30px;



}







#services-list li.active a{



color:#111;



}







.project-images img{



margin-bottom:60px;



}







.teaser-text{



font-family:"Dosis";



font-size:14px;



color:rgba(255,255,255,.5);



line-height:normal;



font-weight:300;



text-transform:uppercase;



letter-spacing:6px;



}







.teaser-text h2{



}







#navigation{



position:fixed;



width:100%;



height:60px;



top:0;



right:20px;



text-align:center;



margin-bottom:60px;



z-index:1000;



}







.mfp-close{



color:#fff !important;



position:absolute;



width:100%;



font-size:48px;



margin-top:40px;



z-index:1000;



}







.de_light .mfp-close{



color:rgba(0,0,0,.5) !important;



}







.de_light .mfp-close:hover{



color:rgba(0,0,0,1) !important;



}







.nav-prev:before,.nav-next:before, .nav-exit:before{



	font-family:"FontAwesome";



	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;



}







.container-4 .de-team-list{



width:24.9%;



float:left;



position:relative;



}







.container-3 .de-team-list{



width:33.3%;



float:left;



position:relative;



}







.no-bottom{



margin-bottom:0;



padding-bottom:0;



}







p{



	margin-bottom:20px;



}











.bg-grey{



	background:#f5f5f5;



}







.no-bottom .col-md-12 {



}







.no-bottom {



padding-bottom: 0 !important;



}



.no-top {



padding-top: 0 !important;



}







.nopadding {



   padding: 0 !important;



   margin: 0 !important;



}











#filters a{



	background:none;



}







.side-bg .image-container {



    height:100%;



    overflow:hidden;



    padding:0;



    position:absolute;



	background-size:cover !important;



}







.side-bg .background-image {



    background-position:50% 50%!important;



    background-size:cover!important;



    width:100%;



    height:100%;



    left:0;



    position:absolute;



    z-index:0



}







.image-slider{



	cursor:move;



}







.inner-padding{



	padding:140px 0 140px 0;



}







.no-padding,section.no-padding{



padding:0;



}







.float-left {



float: left;



}







#loader-area{



display:none;



background:#fff;



}







#loader-area{



display:none;



background:#111;



}







.loader {



position: fixed;



left: 0px;



top: 0px;



width: 100%;



height: 100%;



z-index: 99999;



background: url('../images/page-loader.html') 50% 50% no-repeat rgb(249,249,249);



}







.page-overlay {



display:none;



width: 120px;



height: 120px;



background:url(../images/page-loader.html) center no-repeat #fff;



border-radius:10px;



position: fixed;



top:0;



bottom: 0;



left: 0;



right: 0;



z-index:10000;



margin: auto;



}







.teaser{



font-family:"Raleway",Arial;



font-size:15px;



font-weight:300;



}







.form-control:focus{



box-shadow:none;



-moz-box-shadow:none;



-webkit-box-shadow:none;



}







.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:"FontAwesome";



	content:'\f177';



	color:#fff;



	padding:20px;



	font-size:32px;



	display:block;



}



.owl-arrow .next:before{



	content:'\f178';



}







.owl-theme .owl-controls .owl-page span{



width:5px !important;



height:5px !important;



}







.owl-pagination{



	margin-top:0px;



}







.owl-custom-nav{



	position:absolute;



	z-index:1000;



	width:100%;



}



.owl-custom-nav .btn-next{



position:absolute;



right:0;



}



.owl-custom-nav .btn-prev{



position:absolute;



left:0;



}



.owl-custom-nav .btn-next:before{



font-family:"FontAwesome";



content:"\f105";



color:#111;



background:#333;



padding:5px 12px 5px 12px;



font-size:20px;



}



.owl-custom-nav .btn-prev:before{



font-family:"FontAwesome";



content:"\f104";



color:#111;



background:#333;



padding:5px 12px 5px 12px;



font-size:20px;



}







.owl-custom-nav a{



	text-decoration:none;



}







.owl-custom-nav .btn-prev:hover:before,



.owl-custom-nav .btn-next:hover:before{



	cursor:pointer;



	background:#111;



	color:#fff;



}







.text-slider{



	line-height:72px;



	color:#fff;



	font-family:"Dosis";



	font-size:72px;



	text-transform:uppercase;



	font-weight:300;



	display:inline-block;



	letter-spacing:20px;



}







.text-slider.big-text{



	font-size:120px;



	line-height:120px;



	font-weight:bold;



}







.border-deco .text-item{



	display:inline-block;



}







.text-slider.dark{



	color:#222;



}















.text-item i{



	font-size:60px;



	margin-top:5px;



}







.text-slider.big-text i{



	font-size:90px;



	margin-top:15px;



}











.red{color:#ff0000 !important;}



.teal{color:#009999 !important;}



.purple{color:#663366 !important;}



.green{color:#009900 !important;}











.wow{visibility: hidden;}











#back-to-top {



    position: fixed;



    bottom: 40px;



    right: 40px;



    z-index: 9999;



    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: #111;



}



#back-to-top.show {



    opacity: 1;



}



#back-to-top:before{



	font-family:"FontAwesome";



	font-size:22px;



	content:"\f106";



	color:#222;



	position:relative;



	margin:5px;



}



#back-to-top:hover:before{



	color:#fff;



}







/* mouse scroll icon begin */



.mouse {



  position: absolute;



  width: 22px;



  height: 42px;



  bottom: 40px;



  left: 50%;



  margin-left: -12px;



  border-radius: 15px;



  border: 2px solid #888;



  -webkit-animation: intro 1s;



  animation: intro 1s;



}



.scroll {



  display: block;



  width: 3px;



  height: 3px;



  margin: 6px auto;



  border-radius: 4px;



  background: #888;



  -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 */







.bgimage{



background-size:cover;



}







/* ================================================== */



/* quick-search */



/* ================================================== */



.quick-search {



display: inline-block;



float: right;



margin-left: 10px;



padding: 10px 0 0 0;



}







.quick-search input {



width: 120px;



border-radius: 40px;



} 







#search{



float:left;



width:70%;



margin-bottom:0;



}







#btn-search{



border:none;



padding:7px;



background:#222;



float:left;



width:30%;



height:42px;



}







#btn-search:before{



	font-family:FontAwesome;



	content: "\f002";



	font-size:24px;



	color:#111;



}







#btn-search:hover{



background:#fff;



}







/* ================================================== */



/* review */



/* ================================================== */



.de_review {



text-align:center;



min-height:260px;



}







.de_review .de_nav {



overflow: hidden;



padding-left: 0;



margin: 0;



padding: 0;



font-weight:bold;



text-align:center;



}







.de_review .de_nav li {



list-style: none;



background: #EEE;



margin: 0 10px 0 10px;



margin-bottom:20px;



}







.de_review .de_nav li{



display:inline-block;



}







.de_review .de_nav li img{



width:100px;



height:auto;



}







.de_review .de_nav li span {



padding: 8px 16px 8px 16px;



border-top: 1px solid #ddd;



border-bottom: 1px solid #ddd;



border-left: 1px solid #ddd;



border-right: 1px solid #ddd;



display: block;



background: #f5f5f5;



text-decoration: none;



color: #646464;



font-size: 13px;



cursor: pointer;



}







.de_review blockquote{



border:none;



font-family:"Roboto Slab", Georgia, "Times New Roman", Times, serif;



}







.de_review .de_nav li span {



border: 1px solid #404040;



background:#222;



}







.de_review .de_nav li:first-child span {



border-left: 1px solid #ddd;



}







.de_review .de_nav li:first-child span {



border-left: 1px solid #404040;



}







.de_review .de_review_content {



border: 1px solid #ddd;



padding: 15px 20px 20px 20px;



margin-top: -1px;



background: #fff;



}







.de_review .de_review_content {



border: 1px solid #404040;



background: #27282b;



}







.de_review .de_nav li.active span {



background: #FFF;



border-bottom: 1px solid #fff;



color: #222;



margin-bottom: -3px;



}











.separator {



  line-height: 0.5;



  text-align: center;



  margin:30px 0 30px 0;



}



.separator span {



  display: inline-block;



  position: relative;



 



}



.separator span:before,



.separator span:after {



  content: "";



  position: absolute;



  border-bottom: 1px solid rgba(255,255,255,.1);



  top: 5px;



  width: 300px;



}



.separator span:before {



  right: 100%;



  margin-right: 15px;



}



.separator span:after {



  left: 100%;



  margin-left: 15px;



}







.separator span  i{



font-size:6px;



padding:0;



margin:0;



float:none;



}







.de_light .separator span:before,



.de_light .separator span:after {



  border-bottom: 1px solid rgba(0,0,0,.2);



}







.text-light .separator span:before,



.text-light .separator span:after {



  border-bottom: 1px solid rgba(255,255,255,.1);



}











/* css attributes */







/* margin top */



.mt0{margin-top:0;}.mt10{margin-top:10px;}.mt20{margin-top:20px;}.mt30{margin-top:30px;}.mt40{margin-top:40px;}.mt50{margin-top:50px;}.mt60{margin-top:60px;}.mt70{margin-top:70px;}.mt80{margin-top:80px;}.mt90{margin-top:90px;}.mt100{margin-top:100px;}







/* margin bottom */



.mb0{margin-bottom:0;}.mb10{margin-bottom:10px;}.mb20{margin-bottom:20px;}.mb30{margin-bottom:30px;}.mb40{margin-bottom:40px;}.mb50{margin-bottom:50px;}.mb60{margin-bottom:60px;}.mb70{margin-bottom:70px;}.mb80{margin-bottom:80px;}.mb90{margin-bottom:90px;}.mb100{margin-bottom:100px;}







.pt0{padding-top:0;} .pt10{padding-top:10px;} .pt20{padding-top:20px;} .pt30{padding-top:30px;} .pt40{padding-top:40px;} .pt80{padding-top:80px;}



.pb0{padding-bottom:0;} .pb10{padding-bottom:10px;} .pb20{padding-bottom:20px;} .pb30{padding-bottom:30px;} .pb40{padding-bottom:40px;} .pb80{padding-bottom:80px;}











/* margin top */



.mt-10{margin-top:-10px;}.mt-20{margin-top:-20px;}.mt-30{margin-top:-30px;}.mt-40{margin-top:-40px;}.mt-50{margin-top:-50px;}.mt-60{margin-top:-60px;}.mt-70{margin-top:-70px;}.mt-80{margin-top:-80px;}.mt-90{margin-top:-90px;}.mt-100{margin-top:-100px;}



	



.mr10{margin-right:10px;}.mr20{margin-right:20px;}.mr30{margin-right:30px;}



	



.absolute{position:absolute; z-index:1;}



.overflow-hidden{overflow:hidden;}



.width100{width:100%;}







.border1{



border-width:1px !important;



}







.display-table{



display:table;



}







.display-table [class*="col-"] {



    float: none;



    display: table-cell;



    vertical-align: top;



	margin:0;



	padding:0;







}







.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)}







.shadow-soft{



	-webkit-box-shadow: 2px 2px 20px 0px rgba(0,0,0,0.4);



	-moz-box-shadow: 2px 2px 20px 0px rgba(0,0,0,0.4);



	box-shadow: 2px 2px 20px 0px rgba(0,0,0,0.4);



}







.overflow-hidden{



	overflow:hidden;



}







/* ================================================== */



/* R E S P O N S I V E */



/* ================================================== */



	@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);*/

	background:#fff;



	}



	



	header,header.fixed {



	display:block;



	position:inherit;



	margin:0;



	padding:0;



	margin-top:0;



	height:auto;



	background:#000000;



	padding:15px 0 15px 0;



	}



	



	#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;



	}



	



	.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 !important;



	}



	



	header.side-header #mainmenu a:hover{



	background:none !important;



	}



	



	header.side-header .social-icons-2{



	display:none;



	}



	



	header.autoshow{



	height:auto !important;



	top:0 !important;



	}



	



	header.autoshow #mainmenu li a{



	background:none !important;



	}



	



	header.header-mobile-sticky{



	position:fixed;



	}



	



	#subheader,.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:-15px;



	}



	#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{



	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{



	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:0;



	}



	



	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 #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 #mainmenu li ul li:first-child{



	border-top:solid 1px #333;



	}



	



	header.header-mobile #mainmenu li ul li a{



	display:block;



	border-bottom:solid 1px #333;



	}



	



	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:#333;



	}



	



	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:0;



	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 #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 #333 !important;



	}



	header.header-mobile #mainmenu li ul li:last-child > a{



		border-bottom:none !important;



	}



	



	.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;



	}



	



	.container .col-md-3{ margin-bottom:30px; }



	.container .col-md-4{ margin-bottom:30px; }



	.container .col-md-5{ margin-bottom:30px; }



	.container .col-md-6{ margin-bottom:30px; }



	.container .col-md-7{ margin-bottom:30px; }



	.container .col-md-8{ margin-bottom:30px; }



	.container .col-md-9{ margin-bottom:30px; }



	.container .col-md-10{ margin-bottom:30px; }



	.container .col-md-11{ margin-bottom:30px; }



	.container .col-md-12{ margin-bottom:30px; }



	



	.hidden-phone{



		display:none;



	}







	.grid_gallery .item{



	width:100%;



	}



	



	.de-navbar-left #wrapper{



	overflow:hidden;



	width:100%;



	}



	



	.de-navbar-left .inner-padding{



	padding:30px;



	}



	



	.de-navbar-left header #mainmenu > li > a {



	padding-left:40px;



	}



	



	.side-bg .image-container{ 



	position:relative; 



	width:100%; 



	height:400px !important; 



	top:0;



	margin-bottom:60px;



	}



	



	.mobile-hide{



	display:none;



	}



	



	.display-table{



	display:block;



	}







	.display-table [class*="col-"] {



	float: none;



	display: block;



	vertical-align: top;



	}



	



	h2.hero{



	font-size:28px;



	letter-spacing:5px;



	}







	#filters li.pull-right{



	float:none !important;



	}



	



	.sm-hide{



	display:none;



	}



	



	}











	/* -------------------------------------------------- 



	custom for 320px & 480px 



	/* -------------------------------------------------- */



	@media only screen and (max-width: 767px) {



	.container{padding-left:30px; padding-right:30px;}



	.feature-box-image,.pricing-box{margin-bottom:30px;}



	



	.de_tab .de_nav li {



	display: block;



	width: 100%;



	}



	



	.pf_full_width .item{



	float:left;



	width:49.9% !important;



	}







	.text-item{



	font-size:48px;



	line-height:48px;



	}



	



	.text-item i{



	font-size:36px;



	}



	



	#de-sidebar{



	width:100%;



	display:block;



	position:relative;	



	}	



		



	.pricing-2-col .pricing-box, .pricing-3-col .pricing-box, .pricing-4-col .pricing-box, .pricing-5-col .pricing-box {



	width: 100%;



	}



	



	.container-4 .de-team-list{



	width:100%;



	float:left;



	position:relative;



	}



	



	.countdown-section {



	font-size: 12px;



	}



	.countdown-amount {



		font-size: 36px;



	}



	



	.de-navbar-left section,



	.de-navbar-left footer{



	padding-left:20px;



	padding-right:20px;



	}



	



	.de-navbar-left header #mainmenu > li > a {



	padding-left:40px;



	}



	



	.de-navbar-left .inner-padding{



	padding:0px;



	}



	



	h1.title-2{



	font-size:16px;



	letter-spacing:10px;



	line-height:2em;



	}



	



	



	header.de_header_2{



		height:auto;	



	}



	



	}



	



	



	/* -------------------------------------------------- 



	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;}



	



	}



	



	



	/* -------------------------------------------------- 



	design for 320px



	/* -------------------------------------------------- */



	@media only screen and (max-width: 480px) {



	.pf_full_width .item{



	float:left;



	width:100% !important;



	}



	



	.text-item{



	font-size:32px;



	line-height:32px;



	}



	



	.text-item i{



	font-size:24px;



	}



	}



.id-color a{ text-decoration:none; color: #FAB702;}

#section-about p{ text-align:justify;}

/*#section-service-1 h3{ color:#fff;}

#section-service-1 p{ color:#fff;}

#section-service-1 .btn-line{ border:1px solid #fff !important; color:#fff;}*/

#section-service-1 a.btn-line::after{color:#333;}

.cate_heading{float: left;width: 100%;margin: 0px 0 20px;padding: 0;font-weight: 700;text-align: left;text-transform: capitalize;font-size: 20px;background: #ef2e33;padding: 10px 5px;color: #ffffff;}

.shally-heading{ float:left; width:100%;    padding: 10px;

    margin: 0;

    line-height: 20px;

    background: #212121;

    color: #FFF;

    font-size: 18px !important;

    text-transform: uppercase;

    font-weight: bold;

	text-align:left;}

.left-title { float:left; width:100%; 

	padding:0; 

	margin:0;    

    background-color: #FAB702;

    border-bottom: 1px solid #D39F30;

}

.left-title a{ float:left; width:100%;

	padding: 10px;

    margin: 0;

    line-height: 20px;

	color: #000;

    font-size: 15px !important;

    font-weight: bold;

	text-decoration:none;}

.left-list{ float:left; width:100%; margin:0; padding:0; margin-bottom:15px;}

.left-list li {

    border-bottom: 1px dashed #CCC;

    list-style-type: none;

    background: transparent; url(../images/arrow.png) no-repeat scroll 10px 12px;

    padding-left: 8px;

    line-height: 20px;

}

.submenu {

    position: relative;

}

.left-list li a {

    display: block;

    font-weight: bold;

    color: #000;

    text-align: left;

    font-size: 12px;

    padding: 4px;

    text-decoration: none;

    text-transform:capitalize;

    line-height: 24px;

}

.submenu-list {

    display: none;

    transition: all 2s;

    position: absolute;

    left: -150px;

    top: 0px;

    z-index: 200;

    background: #fff;

    width: 150px;

    -webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.75);

    -moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.75);

    box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.75);

}

.projects-grid{padding: 0;

list-style: none;}

.projects-grid li {margin-bottom: 20px;}

.de_light .projet-item img {padding: 0;border: solid 1px #ddd;width:100%;height: auto;}

.projet-item img:hover{border-color: #FAB702;}

.projet-item h4 a{  text-decoration:none;}

.projet-item h4 a:hover{color:#FAB702; text-decoration:none;}

.left-list li a:hover{color:#FAB702;}

.widget_top_rated_product li .text strong a{color:#111;}

.widget_top_rated_product li .text strong a:hover{color:#FAB702; text-decoration:none;}

.ht-300 a img{width: 100%;height: auto;}

.de_light .blog-list h3 a:hover{color:#FAB702; text-decoration:none;}





.market-list {

    background:  #FCFCFC none repeat scroll 0% 0%;

    height: auto;

    overflow: hidden;

    padding: 10px;

    border: 1px solid #DEDEDE;

}

.market-list li {

    

    list-style-type: none;

    background: transparent url("../images/arrow-market.png") no-repeat scroll 10px 12px;

    padding-left: 20px;

    line-height: 20px;

    width: 25%;

    float: left;

}

.market-list li a:hover {

    color: #FFF;

}

.market-list li a {

    display: block;

    font-weight: bold;

    

    text-align: left;

    font-size: 12px;

    padding: 4px;

    text-decoration: none;

    text-transform: uppercase;

    line-height: 24px;

    font-family: "Segoe UI",Tahoma,Arial,Helvetica,sans-serif;

}

.market-list li:hover {

    background:#fab702  url("../images/arrow-market.png") no-repeat scroll 10px 12px !important;

    color: #FFF;

}

.sub-category-box{

width:100%;

	border:1px solid #cec4f2;

	margin-bottom:18px;

	background:#fcfcfc;

	height:auto;

	overflow:hidden;

	padding-bottom:10px;



}



.sub-category-box h2.heading{ float:left; width:100%;

	margin: 0px;

	padding-left:10px;

	font-size:16px;

	color:#f6821f;

	padding:5px 10px;

	

}

.sub-category-box h2.heading a{ color:#111; text-decoration:none;}

.sub-category-box h2.heading a:hover{ color:#f6821f;}

.sub-category-box .line{

	background:#f2efeb;

	border-top:1px solid #cec4f2;

	border-bottom:1px solid #cec4f2;

	height:6px;

	clear:both;

}



.sub-category-box .content-area{padding:10px;}

.content-area img{border:1px solid #999999;	width:100%;}

.content-area .des{	text-align:justify;	color: #000; padding-bottom:10px;}





.content-area .des a:hover{	text-decoration:underline;}

.des ul{ float:left; width:100%; margin:0; padding:0;}

.des ul li{  

    padding-left:10px;

    line-height: 25px;

    color: #333;

	margin:0;

	margin-left:12px;}

.sub-category-box .content-area .des h2 {

    font-size: 18px;

    color: #f6821f;

    padding: 5px 10px;

	text-transform:capitalize;

    margin: 0px;

    padding: 0px;

}

.mb-p h2{margin-bottom: 10px;margin-top: 0px;font-weight: 700;font-size: 20px;}





.whatsapp-fixed a{

	  width: 45px !important;

	height: 45px !important;

	/* left: 22px !important; */

	transition: all 300ms ease-in-out;

	 text-align: center;

	   padding: 12px;

	  color: #fff;

	  font-size: 20px;

	  position: fixed;

	  bottom: 55px;

	  cursor: pointer;

	  z-index: 9999;

	  border-radius: 100%;

	  align-items: center;

	  justify-content: center;

	  transition: all 300ms ease-in-out;

	/* box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.16), 0px 3px 10px rgba(0, 0, 0, 0.16); */

	/* background: #3fa732 */

  }

  

  #whatsapp .modal-body {

	  padding: 0;

	  min-height: 230px;

	  overflow: hidden;

  }

  #whatsapp .modal-dialog {margin: 10% auto;}

  

  #whatsapp .close {

	  float: right;

	  font-size: 21px;

	  font-weight: normal;

	  line-height: 2;

	  color: #fff;

	  text-shadow: 0 1px 0 #fff;

	  opacity: 1;

	  position: absolute;

	  right: -15px;

	  z-index: 999;

	  top: -13px;

	  background: #e6aa1e;

	  width: 30px;

	  height: 30px;

	  border-radius: 75%;

	  line-height: 30px;

  }

  

  #whatsapp .close:hover {

	  background: #c72125;

  }

  #whatsapp .modal-content {

	  border-radius: 0;

  }

  #whatsapp .modal-body {

	  padding: 0;

	  min-height: 230px;

	  overflow: hidden;

  }

 

  #whatsapp  .modal-body .modal_left {

	  float: left;

	  width: 40%;

	  background: #187728;

	  color: #fff;

	  padding: 30px 25px;

	  font-size: 15px;

  }

  

  #whatsapp  .modal-body .modal_left i.fa.fa-whatsapp {

	  font-size: 150px;

	

  }

  

  #whatsapp .modal-body .modal_left p {

	  font-size: 16px;

	  line-height: 24px;

	  color: #fff;

	  margin-bottom: 40px;

  }

  #whatsapp .modal-body .modal_left{height: 100%; min-height: 353px;  display: flex;

	  align-items: center;

	  justify-content: center;}

  #whatsapp .modal-body .modal_left p{ margin-bottom: 0;}

  #whatsapp .modal-body .modal_right {

	  float: left;

	  width: 60%;

	  padding:44px 35px 16px;

	  position: relative;

	  background: #fff;

  }

  .bmd-form-group {

    position: relative;

    padding-top: 27px;

}

.form-group.bmd-form-group .form-control{    border: none;

    box-shadow: none;

    border-bottom: 1px solid #ccc;

	border-radius: 0px;}

	.Submit_btn {

		padding: 7px 25px;

		background: #333;

		color: #fff;

		border: 0;

	}

	.carousel-control{
		z-index: 10;
	}
	.product-grid7{font-family:'Roboto Slab',serif;position:relative;z-index:1;box-shadow: 0 0 7px rgb(209 206 206);margin-top: 20px;}
.product-grid7 .product-image7{border: 1px solid rgb(0 0 0 / 0%);overflow:hidden;perspective:1500px;position:relative;box-shadow: 0 0 35px rgba(0, 0, 0, 0.12);transition:all .3s ease 0s}
.product-grid7 .product-image7 a{display:block}
.product-grid7 .product-image7 img{width:100%;height:auto}
.product-grid7 .pic-1{opacity:1;transition:all .5s ease-out 0s}
.product-grid7 .pic-2{opacity:0;transform:rotateY(-90deg);position:absolute;top:0;left:0;transition:all .5s ease-out 0s}
.product-grid7:hover .pic-2{opacity:1;transform:rotateY(0)}
.product-grid7 .social{padding:0;margin:0;list-style:none;position:absolute;bottom:3px;left:-20%;z-index:1;transition:all .5s ease 0s}
.product-grid7:hover .social{left:17px}
.product-grid7 .social li a{color:#fff;background-color:#333;font-size:16px;line-height:40px;text-align:center;height:40px;width:40px;margin:15px 0;border-radius:50%;display:block;transition:all .5s ease-in-out}
.product-grid7 .social li a:hover{color:#fff;background-color:#78e08f}
.product-grid7 .product-new-label{color:#fff;background-color:#333;padding:5px 10px;border-radius:5px;display:block;position:absolute;top:10px;left:10px}
.product-grid7 .product-content{text-align:center;padding: 10px 0 10px;}
.product-grid7 .title{color: #000;font-size: 14px;font-weight:600;text-transform:capitalize;margin: 0 0 4px;transition:all .3s ease 0s}
.product-grid7 .title a{color:#333}
.product-grid7 .title a:hover{color:#78e08f}
.product-grid7 .rating{color:#78e08f;font-size:12px;padding:0;margin:0 0 10px;list-style:none}
.product-grid7 .price{color: #6c6c6c;font-size: 15px;font-family: sans-serif;font-weight: 600;margin-bottom: 0px;text-align:center;transition:all .3s}
.product-grid7 .price span{color:#999;font-size:14px;font-weight:700;text-decoration:line-through;margin-left:7px;display:inline-block}
@media only screen and (max-width:990px){.product-grid7{margin-bottom:30px}
}
section#section-about-us-2 {
    padding: 40px 0px;
}

section.blog-section {
    padding: 20px;
    text-align: center;
}
.post-text.service-t h3 {
    background: #ef2e33;
    padding: 10px 0px;
}