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























/* UHOST







/* created by designesia















* body







* header







	* subheader







* navigation







* content







* section







* footer







* sidebar







* blog







* products







* contact







* coming soon page







* elements







	* address







	* border







	* box icon







	* breadcrumb







	* button and link







	* columns







	* counter







	* divider







	* dropcap







	* heading







	* icon font







	* list







	* map







	* package







	* page heading







	* pagination







	* pricing







	* preloader







	* progress bar







	* social icons







	* spacer







	* tabs







	* team







	* testimonial







* plugin







* media query







*/















@charset "utf-8";























/* body */























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











html {







	overflow-x: hidden;







	padding: 0;







	margin: 0;







	background: #fff;







}







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



    #topbar{



        display: none;



    }



}







body {







	font-family:"proxima-nova", Helvetica, Arial, sans-serif;







	font-size: 16px;







	font-weight: 300;







	color: #606060;







	line-height: 1.7em;







	padding: 0;







	display: none;







}







body.boxed {







	margin: 30px;







	overflow: hidden;







	border:solid 1px #eee;







}







body .owl-stage .owl-item {







    display: inline-block;







}







#wrapper {







	overflow: hidden;







}







.de-navbar-left #wrapper {







	overflow: visible;







}















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























/*  header	*/























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















header {







	width: 100%;







	position: absolute;







	top:30px;







	left: 0;







	z-index: 1001;







	background: #2b313f;







	margin:0;







}







header.smaller.has-topbar{







	height:100px;







}







header.smaller #topbar{







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







}







header.header-s1{







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







	top:0;







}







header .info {







	display: none;







	color: #fff;







	padding: 10px 0 10px 0;







	width: 100%;







	z-index: 100;







	background: #242424;







}







header .info .col {







	display: inline-block;







	font-size: 12px;







}







header .info .col {







	padding-right: 30px;







}







header .info .col:last-child {







	padding-right: 0px;







}







header .info i {







	font-size: 14px;







	margin-right: 15px;







}







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;







	margin: 0;







}







header .info strong {







	font-size: 12px;







}







header.header-bg {







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







}







header.transparent {







	background: none;







}







body:not(.side-layout) header:not(.smaller):not(.header-mobile).header-light.transparent {







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







}







header.autoshow {







	top: -120px;







	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: -120px;







}







header div#logo {







	display: inline-block;







	height: 100%;







	float: left;







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







	color: white;







	line-height:62px;







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







	display: none;







}







header .logo-scroll {







	display: none;







}







header .logo, header .logo-2{







	font-family:"proxima-nova";







	color:#fff;



	max-block-size: 50px;



	font-size:40px;







	font-weight:300;







}







header .logo-2{







	color:#333;







}







header.header-full nav{







	float: left;







}







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







	padding-top: 18px;







	padding-bottom: 18px;







}







header.smaller #mainmenu a {







	padding-top: 18px;







	padding-bottom: 18px;







}







header.smaller #mainmenu li li a {







	padding-top: 2px;







	padding-bottom: 2px;







}







header.smaller #mainmenu ul {







	top: 70px;







}







header.smaller #mainmenu ul ul {







	top: 0px;







}







header.smaller #mainmenu > li > a span{







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







}







header.smaller {







	height: 70px;







	background: rgba(63 38 135);







	position: fixed;







	top: 0px;







	padding:0;







	border:none;







	-webkit-box-shadow: 8px 8px 40px 0px rgba(0, 0, 0, 0.3);







	-moz-box-shadow: 8px 8px 40px 0px rgba(0, 0, 0, 0.3);







	box-shadow: 8px 8px 40px 0px rgba(0, 0, 0, 0.3);







}







header.smaller .btn-rsvp {







	height: 100px;







	padding-top: 55px;







}







.boxed header.smaller {







	margin-top: 0px;







}







header.smaller div#logo,







header.s2 div#logo {







	







}







header.smaller.scroll-light {







	background: #ffffff;







	border-bottom:solid 1px #eeeeee;







}







header:not(.header-light).smaller.scroll-light div#logo .logo {







	display: none;







}







header.smaller.scroll-light div#logo .logo-2 {







	display: inline-block;







}







header.smaller.scroll-light div#logo .logo-scroll {







	display: inline-block;







}







header.smaller.scroll-light #mainmenu a, header.header-mobile.header-light #mainmenu a {







	color: #333;







}







header.smaller.scroll-light #mainmenu li li a {







	color: #fff;







}







header.smaller.header-light div#logo .logo {







	display: none;







}







header.smaller.scroll-light .social-icons i{







	color:#333;







}







.logo-smaller div#logo {







	width: 150px;







	height: 30px;







	line-height: 65px;







	font-size: 30px;







}







.logo-smaller div#logo img {







	font-size: 30px;







}







.logo-smaller div#logo .logo-1 {







	display: none;







}







.logo-smaller div#logo .logo-2 {







	display: inline-block;







}







.logo-small {







	margin-bottom: 20px;







}







header.de_header_2 {







	height: 125px;







}







header.de_header_2.smaller {







	height: 70px;







}







header.de_header_2.smaller .info {







	position: absolute;







	opacity: 0;







	z-index: -1;







}







header.header-full{







	padding-left:40px;







	padding-right:40px;







}















header .header-row{







	text-align:center;







}















header .header-col{







	position: relative;







	height:100%;







}















/* left col header */







header .header-col.left{







	float:left;







	padding:0 30px 0 0;







	/* border-right:solid 1px rgba(255,255,255,.2); */







}







/* middle col header */







header .header-col.mid{







	float:right;







}















header .header-col.mid .social-icons{







	float:right;







	/* border-left:solid 1px rgba(255,255,255,.2); */







	padding:0 30px 0 30px;







}







































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







	margin: 0;







	float: none;







	text-align: center;







	font-family: "proxima-nova";







	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;







}















/* subheader */















#subheader {







	text-align: center;







	overflow: hidden;







	padding: 100px 0 100px 0;







}







#subheader h1 {







	margin-top: 50px;







	font-size: 42px;







}







#subheader.dark{







	background-color:#1A1C26;







}







#subheader.dark h1{







	color:#fff;







}







.de-navbar-left #subheader {







	padding-bottom: 120px;







}







#subheader span {







	letter-spacing: 2px;







	display: inline-block;







	font-size: 15px;







	margin-top: 88px;







	color: #fff;







}







#subheader .crumb {







	font-size: 10px;







	letter-spacing: 3px;







	margin-top: 20px;







}







#subheader.dark .crumb {







	color: #fff;







}







#subheader .small-border-deco {







	display: block;







	margin: 0 auto;







	margin-top: 20px;







	width: 100%;







	height: 1px;







	background: rgba(255, 255, 255, .1);







}







#subheader .small-border-deco span {







	display: block;







	margin: 0 auto;







	height: 2px;







	width: 100px;







}







#subheader.dark h2, #subheader.dark h3 {







	color: #fff;







}







#subheader.dark h2 {







	font-size: 48px;







}







#subheader.s2{







	background:#f8f8f8;







	text-align:left;







	padding:120px 0 60px;







	border:solid 1px #eee;







	border-left:none;







	border-right:none;







}















#subheader.s2 h1,#subheader.s2 .crumb{







	margin:0;







	padding:0;







}















#subheader.s2 .crumb{







	float:right;







	margin-top:15px;







}















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







	color: #222;







}















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























/* navigation */























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















#mainmenu {







	display:inline-block;







	font-family: "proxima-nova";







	font-size: 15px;







	margin:0 auto;







	float:none;







	padding-right:20px;







	height:70px;







}







#mainmenu ul {







	margin: 0px 0px;







	padding: 0px 0px;







	height: 30px;	







	background: #171A21;







}







#mainmenu li {







	margin: 0px 0px;







	padding: 0px 0px;







	float: left;







	display: inline;







	list-style: none;







	position: relative;







}







#mainmenu > li{







	font-weight:500;







}







#mainmenu a {







	display: inline-block;







	padding: 18px;







	line-height: 35px;







	text-decoration: none;







	color: #fff;







	text-align: center;







	outline: none;







}







#mainmenu a span{







	color:#ffffff;







	display:inline-block;







	margin-left:10px;







	padding:3px 5px 1px 5px;







	font-size:10px;







	text-transform:uppercase;







	line-height:14px;







	border-radius:3px;







}







#mainmenu li li a span{







	float:right;







	margin-top:9px;







}







#mainmenu a.active span{







	width:100%;







	margin-left:0%;







}







.header-light #mainmenu>li>a {







	color: #222;







}







#mainmenu li li{







	font-size:14px;







}







#mainmenu li li:last-child {







	border-bottom: none;







}







#mainmenu li li a {







	padding: 2px 15px 2px 15px;







	border-top: none;







	color: #ccc;







	width: 100%;







	border-left: none;







	text-align: left;







	font-weight: normal;







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







}







#mainmenu li li a:hover {







	color: #111;







}







#mainmenu li li a:after {







	content: none;







}







#mainmenu li li li a {







	padding: 2px 15px 2px 15px;







	background: #171A21;







}







#mainmenu li li a:hover, #mainmenu ul li:hover>a {







	color: #fff;







	background: #1a8b49;







}







#mainmenu li ul {







	width: 210px;







	height: auto;







	position: absolute;







	top: 70px;







	left: 0px;







	z-index: 10;







	visibility: hidden;







	opacity: 0;







}







#mainmenu li li {







	display: block;







	float: none;







	text-transform: none;







}







#mainmenu li:hover>ul {







	visibility: visible;







	opacity: 1;







	margin-top: 0px;







}







#mainmenu li ul ul {







	left: 100%;







	top: 0px;







}







#mainmenu li ul ul li a {







	background: #202020;







}







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







}







#mainmenu .btn-type {







	padding: 0;







	margin: 0;







}







#mainmenu .btn-type a {







	background: #eee;







	padding: 0;







	margin: 0;







}















#mainmenu > li ul.mega{







	position:fixed;







	left:0;







	height:0%;







	width:100%;







	visibility: hidden;







	opacity: 0;







	overflow:hidden;







	padding-left:40px;







	padding-right:40px;







	}







	#mainmenu li:hover ul.mega{







	visibility: visible;







	opacity: 1;







	}







	#mainmenu li ul.mega > li,







	#mainmenu li ul.mega > li a{







		width:100%;







	}







	#mainmenu li ul.mega li.title{







		padding:0px 10px 15px 10px;







		text-align:left;







		color:#fff;







		font-weight:bold;







	}







	#mainmenu li ul.mega > li ul{







		position:static;







		visibility: visible;







		opacity: 1;







		left:0;







		float:none;		







		width:100%;







	}







	#mainmenu ul.mega > li ul li{







		margin:0;







		padding:0;







	}







	







	#mainmenu ul.mega > li ul li:last-child{







		border-bottom:solid 1px #333333;







	}















	#mainmenu li ul.mega .menu-content{







		background:#171A21;







		padding:30px;







	}







	header.header-mobile #mainmenu > li ul.mega{







	visibility: visible;







	opacity: 1;







}







	header:not(.header-mobile) #mainmenu > li:hover ul.mega{







		height:auto;







	}















/* menu toggle for mobile */















#menu-btn {







	display: none;







	float: right;







	margin-top: 6px;







	width: 32px;







	height: 32px;



	



	border-radius: 15%;







	padding: 4px;







	text-align: center;







	cursor: pointer;







	color:#fff;







}







#menu-btn:before {







	font-family: FontAwesome;







	content: "\f0c9";







	font-size: 25px;







}







#menu-btn:hover {







	background: #fff;







}







#menu-btn:hover:before {







	color: #222;







}







header.header-mobile.header-light, header.header-mobile.header-light #menu-btn, header.header-mobile.header-light #menu-btn:hover {







	background: none;







}







header.header-mobile.header-light #menu-btn {







	color: #222;







}















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























/* content */























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















#content {







	width: 100%;







	background: #fff;







	padding: 90px 0 90px 0;







	z-index: 100;







}







.de_light #content {







	background: #ffffff;







}







#content {







	background: #ffffff;







}















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























/* section */























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















section {







	padding: 90px 0 50px 0;







	position: relative;







	background: #ffffff;







}







section:not(.relative){







	overflow:hidden;







}







section.no-bg, #content.no-bg{







	background:none !important;







}







.bgcolor-variation{







	background:#f6f6f6;







}







.overlay-gradient {







	width: 100%;







	height: 100%;







	z-index: 100;







	top: 0;







	padding: 90px 0 90px 0;







}















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







	width: 100%;







}







.de-navbar-left section {







	padding: 70px;







}







.de_light section {







	background: #ffffff;







}







.section-fixed {







	position: fixed;







	width: 100%;







	min-height: 100%;







	height: auto;







}







.full-height {







	overflow: hidden;







}







#particles-js{







	width:100%;







	height:100%;







	position:absolute;







	z-index:0;







}















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























/* footer */























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















footer {







	background: #071C26;







	color:#ffffff;







	padding: 80px 0 40px 0;







}















footer.footer-black{







	background:#222222;







}















footer h5, .de_light footer h5 {







	color: #fff;







	font-size: 16px;







	text-transform: none;







}







footer a {







	color: #ffffff;







	text-decoration:none !important;







}







footer a:visited {







	color: #ffffff;







}







.de-navbar-left footer {







	padding: 70px 70px 0 70px;







}







.subfooter {







	font-size:13px;







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







	background: #202020;







	margin-top: 80px;







	padding: 20px 0 20px 0;







}







.de-navbar-left .subfooter {







	background: none;







}







header.side-header {







	border-bottom: none;







	margin: 0;







}







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







	margin: 0 auto;







	margin-top: 50px;







	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-light-transparent {







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







}







header.header-solid.header-light #mainmenu>li>a {







	color: #555;







}







header.header-solid.header-light .info {







	background: #eee;







	color: #555;







}







header.header-solid.header-light .info .social i {







	color: #222;







}







header.header-solid {







	background: #fff;







}







header.header-light {







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







}







header.smaller.header-dark {







	background:#222222;







	border:none;







}







header.smaller.header-light {







	background:#ffffff;







	-webkit-box-shadow: 8px 8px 40px 0px rgba(0, 0, 0, 0.1);







	-moz-box-shadow: 8px 8px 40px 0px rgba(0, 0, 0, 0.1);







	box-shadow: 8px 8px 40px 0px rgba(0, 0, 0, 0.1);







}







header.smaller.header-dark #mainmenu a {







	color:#fff;







}







header.s2{







	background:#ffffff !important;







	border-bottom:solid 1px #eee;







	top:0;







}







header.s2 #mainmenu > li > a{







	padding-top:18px;







	padding-bottom:18px;







}







.side-layout header.smaller.header-dark #mainmenu > li {







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







}







.side-layout header.smaller.header-dark #mainmenu > li:last-child {







	border-bottom: none;







}







header.header-mobile {







	position:absolute;







	background:#fff;







	top:0;







}







header.header-mobile.has-topbar{







	height:80px;






}







header.header-mobile.has-topbar .header-row,







header.header-mobile.has-topbar .header-col{







	margin-top:2px;







}







header.header-mobile.has-topbar #topbar{







	margin-top:-15px;







	padding:0;







}







header.header-mobile nav{







	float:none;







}







header.header-mobile #logo{







	margin-top:2px;







}







header.header-mobile .logo {







	display: none;







}







header.header-mobile .btn-rsvp {







	padding-top: 40px;







	height: 90px;







}







header.header-mobile .logo-2 {







	display: inline-block;







}







header.header-mobile.header-light {







	background: #fff;







}







header.header-solid.header-light {







	background: #fff;







}







header.header-light .logo{







	display:none;







}







header.header-light .logo-2{







	display:inline-block;







}















/* topbar start here */















#topbar{







	z-index:1000;	







	width:100%;







	padding:0 30px;







	overflow:hidden;







	top:0;







}







#topbar.topbar-dark{







	background:#202020;







}







#topbar a{







	color:#fff;







	text-decoration:none;







}







.topbar-left,.topbar-right{







	display:flex;







}







.topbar-right{







	float:right;







}







.topbar-solid{







	background:#ffffff;







}















.tb-light{







	background:#ffffff;







}







#topbar:not(.topbar-noborder) .topbar-right .topbar-widget{border-left:solid 1px rgba(255,255,255,.1);}







#topbar:not(.topbar-noborder) .topbar-right span:last-child{border-right:solid 1px rgba(255,255,255,.1);}







#topbar:not(.topbar-noborder) .topbar-light .topbar-right .topbar-widget{border-left:solid 1px #eee;}







#topbar:not(.topbar-noborder) .topbar-light .topbar-right span:last-child{border-right:solid 1px #eee;}







#topbar:not(.topbar-noborder) .tb-light .topbar-right .topbar-widget{border-left:solid 1px #eeeeee;}







#topbar:not(.topbar-noborder) .tb-light  .topbar-right span:last-child{border-right:solid 1px #eeeeee;}















/* topbar left content */







.topbar-left{







	float:left;







}







#topbar:not(.topbar-noborder) .topbar-left .topbar-widget{border-right:solid 1px rgba(255,255,255,.1);}







#topbar:not(.topbar-noborder) .topbar-light .topbar-left .topbar-widget{border-right:solid 1px #eee;}







#topbar:not(.topbar-noborder) .topbar-left span:first-child{border-left:solid 1px rgba(255,255,255,.1);}







#topbar:not(.topbar-noborder) .tb-light .topbar-left .topbar-widget{border-right:solid 1px #eeeeee;}







#topbar:not(.topbar-noborder) .tb-light .topbar-left span:first-child{border-left:solid 1px #eeeeee;}















/* topbar widget */







.topbar-widget{







	font-size:13px;







	display:flex;







	padding:4px 15px;







	font-weight:300;







}







.topbar-widget i{







	font-size:12px;







	margin-top:4px;







	margin-right:10px;







}







.h-sub .topbar-widget{







	padding:12px;







}







.topbar-widget:before{







	float: left;







	position: relative;







	font-family: "FontAwesome";







	font-size: 18px;







	margin-right:10px;







}







.topbar-widget.tb-phone:before{	







	content: "\f095";







}







.topbar-widget.tb-email:before{	







	content: "\f003";







}







.topbar-widget.tb-opening-hours:before{	







	content: "\f017";







}







.topbar-widget.tb-social{







	padding:0;







}







.topbar-widget.tb-social a{







	font-size:14px;







	display:flex;







	padding:4px 0;







	display:inline-block;







	width:40px;







	text-align:center;







	color:#ffffff;







}







#topbar:not(.topbar-noborder) .topbar-light .topbar-widget.tb-social a,







#topbar:not(.topbar-noborder) .topbar-light .topbar-widget.tb-social a:first-child







{border-left:solid 1px #eeeeee;}















#topbar:not(.topbar-noborder) .topbar-widget.tb-social a{	







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







}















.tb-light .topbar-widget.tb-social a{border-left:solid 1px #eeeeee;}







.topbar-widget.tb-social a:first-child{







	border:none;







}















/* topbar end here */















#de-sidebar {







	padding: 0px;







}















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























/* blog */























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















.blog-list {







	margin: 0;







	padding: 0;







}















/* blog list */















.blog-list>div {







	list-style: none;







	line-height: 1.7em;







	margin-top: 0px;







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







	margin-bottom: 20px;







}







.blog-list img {







	margin-bottom: 20px;







}







.de_light .blog-list li {







	border-bottom: solid 1px #ddd;







}







.blog-list h3 {







	margin-top: 20px;







}







.blog-list h3 a {







	color: #fff;







}







.de_light .blog-list h3 a {







	color: #222222;







}







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







	margin-bottom: -60px;







}







.blog-list .date-box {







	position: absolute;







	text-align: center;







	text-shadow: none;







}







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







	display: block;







	color: #fff;







	text-align: center;







	width: 40px;







	z-index: 100;







}







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







	color: #222222;







}







.blog-list .date-box {







	text-align: center;







	background: #f6f6f6;







	padding: 10px;







}







.blog-list .date-box .month {







	font-size: 14px;







}







.blog-list .date-box .day {







	font-family: "proxima-nova";







	color: #222222;







	font-weight: bold;







	font-size: 28px;







}







.blog-list .date-box .month {







	font-family: "proxima-nova";







	color: #fff;







	font-size: 13px;







	letter-spacing: 3px;







}







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







	margin-bottom: 0;







}







#blog-carousel .item.item {







	width: 100%;







}















/* blog comment */















#blog-comment {







	margin-top: 40px;







}







#blog-comment h5 {







	margin-bottom: 10px;







}







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







	list-style: none;







	margin-left: -40px;







	padding-left: 0;







}







#blog-comment li {







	min-height: 70px;







	margin-bottom: 20px;







	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 {







	color: #333;







}







.blog-list .post-wrapper {}







.blog-read h3 {







	color: #333;







	letter-spacing: normal;







	font-size: 24px;







	text-transform: none;







}







.blog-carousel ul, .blog-carousel li {







	margin: 0;







	list-style: none;







}







.blog-carousel h4 {







	margin-bottom: 0px;







}







.blog-carousel p {







	margin-bottom: 10px;







}







.blog-carousel .post-date {







	text-transform: uppercase;







	letter-spacing: 3px;







	font-size: 11px;







	color: #888;







}















.post-content{







	







}







.post-text{







	padding:10px 20px 0 30px;







}







.post-text h3{







	margin-top:10px;







}















.post-text h3 a{







	color:#1A1C26;







	text-decoration:none;







	font-size:18px;







}















.post-text .tags{







	font-size:10px;







	text-transform:uppercase;







}







.post-info{







	border-top:solid 1px #eeeeee;







	padding-top:15px;







}







.blog-read img{







	margin-bottom:20px;







}















.blog-read .post-text{







	padding:0;







}















.post-date,.post-comment,.post-like,.post-by,.post-author{







	margin-right:20px;







	font-size: 13px;







	color:#999;







	font-family:"proxima-nova";







}







.post-author{







	color:#777;







}







.post-date:before,.post-comment:before,.post-like:before,.post-by:before{







	font-family: FontAwesome;







	padding-right: 10px;







	font-size: 11px;







}















/*.post-date:before{







	content: "\f133";







}*/







.post-comment:before{







	content: "\f0e5";







}







.post-like:before{







	content: "\f08a";







}







.post-author:before{







	content: "By: ";







}















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







	border-right:none;







	border-left: none;







	font-size: 11px;







	display: table;







	width: 100%;







	table-layout: fixed;







}







.post-meta a {







	color: #888;







}







.post-meta span {







	display: table-cell;







	padding: 10px 0 10px 0;







	text-align: center;







}







.post-meta span i {







	float: none;







}







.post-image img {







	width: 100%;







	margin-bottom: 0px;







	border-radius:3px;







	-moz-border-radius:3px;







	-webkit-border-radius:3px;







	







}







.blog-slide {







	padding: 0;







	margin: 0;







}







.blog-item{







	margin-bottom:60px;







}







.blog-item img.preview{







	width:100%;







	margin-bottom:30px;







}















.post-image{







	position:relative;







}







.post-image .post-info{







	position:absolute;







	bottom:0;







	padding:0;







	border:none;







	width:100%;







}







.post-image .post-info .inner{







	margin:0 30px 0 30px;







	padding:3px 20px;







	border-radius:5px 5px 0 0;







}















.post-image .post-date, .post-image .post-author{







	color:#ffffff;







}















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























/* products */























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















.products {







	padding: 0;







	list-style: none;







	text-align: center;







}







.products li {







	margin-bottom: 40px;







}







.product .price {







	margin-bottom: 10px;







	font-size: 20px;







	color: #222;







}







.de_light .product h4 {







	font-size: 16px;







	margin: 0;







	margin-top: 20px;







}







.product img {







	padding: 2px;







	background: #333;







	border: solid 1px #fff;







}







.de_light .product img {







	padding: 0;







	border: solid 1px #eee;







}







.ratings {







	color: #F86E4E;







}







.product .ratings {







	margin: 5px 0 5px 0;







}















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























/* contact form */























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















.error {







	clear:both;







	display: none;







	color: #e7505a;







	padding-top:20px;







}







.success {







	clear:both;







	display: none;







	color: #96c346;







	padding-top:20px;







}







.error img {







	vertical-align: top;







}







.full {







	width: 98%;







}







#contact_form textarea {







	height: 195px;







}







#contact_form.s2 textarea {







	height: 180px;







}























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







	padding: 10px 0 10px 0;







	margin-bottom: 20px;







	border: none;







	border-bottom: solid 2px #bbbbbb;







	background: none;







	border-radius: 0;







	height: auto;







	box-shadow: none;







	-moz-box-shadow: none;







	-webkit-box-shadow: none;







}







.form-underline select {







	-webkit-appearance: none;







	-webkit-border-radius: 0px;







	-moz-appearance: none;







	appearance: none;







	background: url('../images/ui/arrow-down-form.png') no-repeat 98% 60%;







}







.form-underline select:focus {







	background: url('../images/ui/arrow-down-form-hover.png') no-repeat 98% 60%;







}







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







	color: #333;







	border-bottom: solid 1px #bbb;







}















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







	padding: 10px;







	margin-bottom: 20px;







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







	border-radius: 60px;







	-moz-border-radius: 60px;







	-webkit-border-radius: 60px;







	height: auto;







	box-shadow: none;







	-moz-box-shadow: none;







	-webkit-box-shadow: none;







	font-weight:400;







	font-size:14px;







	border:none;







}















#contact_form.form-s1 textarea{







	padding: 10px;







	height:170px;







	border-radius: 25px;







	-moz-border-radius: 25px;







	-webkit-border-radius: 25px;







}















#form_sb {







}







#form_sb input[type=text]{







	padding:20px 12px 20px 12px;







	width:85%;







	float:left;







	display:table-cell;







	border-radius:60px 0 0 60px;







	-moz-border-radius:60px 0 0 60px;







	-webkit-border-radius:60px 0 0 60px;







	border:none;







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







}















#form_sb input[type=text]:focus{







	background:#ffffff;







}















#form_sb #btn-submit i{







	text-align:center;







	font-size:30px;







	float:left;







	width:15%;







	background:#171A21;







	color:#ffffff;







	display:table-cell;







	padding:5px 0 6px 0;







	border-radius:0 60px 60px 0 ;







	-moz-border-radius:0 60px 60px 0 ;







	-webkit-border-radius:0 60px 60px 0 ;







}















.form-s1 input[type=text]:focus, .form-s1 textarea:focus, .form-s1 input[type=email]:focus, .form-s1 select:focus{







	background:#f6f6f6;	







} 















.error_input{







	border-bottom:solid 1px #ff0000 !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);







}







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







}







.arrow-down:before {







	font-family: "FontAwesome";







	font-size: 20px;







	content: "\f068";







	color: #222;







	position: relative;







	top: -35px;







	margin: 0 0 0 -8px;







}















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























/* elements */























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























/* address */























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







address{







	margin-top:20px;







}















address span {







display: block;







margin-bottom:10px;







font-size:18px;







padding:14.5px;







background:#f5f5f5;







border-radius:300px;







}















address span i{







margin-top:5px;







margin-left:5px;







margin-right:15px;







}















address span a{







	color: #707070;







}















.text-light address span a{







	color:#ffffff;







}















.text-white address span a,







.text-white address span a:hover{







	color:#fff;







}























address.s1 span{







	background:none;







	margin:0;







	padding:0;







	font-size:15px;







	line-height:1.7em;







}







address.s1 span i{







	font-size:15px;







}















address span strong {







display: inline-block;







}















.de_light #sidebar .widget address span {







	border-bottom: solid 1px #ddd;







}







.de_light #sidebar .widget address a {







	color: #333;







}















/* border */























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















.small-border {







	height: 2px;







	width: 100px;







	background: #ccc;







	display: block;







	margin: 0 auto;







	margin-top: 30px;







	margin-bottom: 30px;







}







.tiny-border {







	height: 1px;







	background: #333;







	width: 40px;







	margin: 20px 0 20px 0;







	display: block;







}







.tiny-border.center {







	margin-left: auto;







	margin-right: auto;







}















/* breadcrumb */























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















.crumb {







	color: #777;







	font-size: 12px;







	margin: 0;







	padding: 0;







}







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







	color: #333;







}







.crumb li {







	display: inline;







	text-decoration: none;







	padding: 0 2px 0 2px;







	letter-spacing: 0;







	font-size: 12px;







}







.crumb li.sep:after {







	font-family: "FontAwesome";







	content: "\f105";







}







.crumb a {







	text-decoration: none;







}







.de_light .crumb a:hover {







	color: #fff;







}















/* box icon */















.icon_box .icon_wrapper {







	margin-bottom: 20px;







}







.icon_box .icon_wrapper i {







	font-size: 60px;







}







.icon_box.icon_left .icon_wrapper {







	position: absolute;







	width: 80px;







}







.icon_box.icon_left .desc_wrapper {







	margin-left: 80px;







}







.icon_box.icon_right .icon_wrapper {







	position: absolute;







	right: 0;







	width: 80px;







}







.icon_box.icon_right .desc_wrapper {







	margin-right: 80px;







	text-align: right;







}















/* button and link */























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















a {







	text-decoration: none;







}







.text-light a{







	color:#ffffff;







}







.de_light a {







	color: #888;







}







.de_light a:hover {







	color: #555;







}







.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: 3px;







	padding-left: 30px;







	padding-right: 30px;







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







	color: #fff;







}







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







	border: solid 1px rgba(var(--primary-color-1-rgb), .2);







	color: #333;







}







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







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







	color: #fff;







}







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







	background: #fff;







	color: #111;







	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;







}







a.btn-text {







	text-decoration: none;







	display: inline-block;







	color: #111;







	font-weight: 600;







	padding: 0;







}







a.btn-text:after {







	font-family: FontAwesome;







	content: "\f054";







	padding-left: 10px;







}







a.btn-text {







	color: #fff;







}







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;







}







a.btn, .btn {







	position: relative;







	z-index: 1;







	overflow: hidden;







}







a.btn:before {







	content: "";







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







	width: 0;







	height: 100%;







	position: absolute;







	z-index: -1;







}







a.btn-fx:after {







	font-family: FontAwesome;







	content: "\f178";







	margin-left: 15px;







	position: absolute;







	right: -20px;







	margin-top: 0px;







}







a.btn-fx {







	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-fx:hover {







	padding-left: 20px;







	padding-right: 40px;







}







a.btn-fx:before {







	width: 0;







	height: 100%;







	left: 0;







	top: 0;







	position: absolute;







}







a.btn-fx:hover:after {







	right: 15px;







}







a.btn-fx:hover:before {







	width: 100%;







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







}







a.btn-fx.light:hover:before {







	width: 100%;







	background: rgba(255, 255, 255, 1);







}







.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-white, .de_light a.btn-line-white {







	background: none;







	border: solid 2px #fff;







	color: #fff;







	border-radius: 0;







	-moz-border-radius: 0;







	-webkit-border-radius: 0;







}







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







	background: none;







	border: solid 2px #111;







	color: #111;







	border-radius: 0;







	-moz-border-radius: 0;







	-webkit-border-radius: 0;







}







a.btn-line-black:hover {







	color: #fff;







}







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







	color: #fff;







}







a.btn-line-white:hover {







	color: #000;







}







a.btn-line-white:hover:before {







	background: #fff;







}







.btn-fullwidth {







	width: 100%;







}







a.btn-slider {







	font-size: 14px;







	font-weight: bold;







	color: #fff;







	line-height: normal;







	text-decoration: none;







	text-transform: uppercase;







	border: solid 2px #fff;







	padding: 10px 30px 10px 30px;







	border-radius: 60px;







}







a.btn-slider:hover {







	color: #222;







	background: #fff;







	border-color: #000;







	border: solid 2px #fff;







}







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







	color: #fff;







	opacity: .8;







	-webkit-box-shadow: 8px 8px 40px 0px rgba(0, 0, 0, 0.3);







	-moz-box-shadow: 8px 8px 40px 0px rgba(0, 0, 0, 0.3);







	box-shadow: 8px 8px 40px 0px rgba(0, 0, 0, 0.3);







}







a.btn-slider:hover:after {







	color: #222;







}







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







	border: none;







}







a.btn-light.btn-id {







	color: #222;







}







a.btn-dark.btn-id {







	color: #fff;







}







.btn-custom.btn-small {







	padding: 5px 20px 5px 20px;







	font-weight: bold;







	text-transform: uppercase;







}







.btn-fx.btn-custom {







	text-transform: normal;







}







a.btn-bg-dark {







	background: #222;







}







a.btn-text-light {







	color: #fff;







}







.btn-icon-left i {







	margin-right: 12px;







	color: #fff;







}







.btn-add_to_cart, a.btn-add_to_cart {







	border: solid 1px #bbb;







	font-size: 12px;







	border-radius: 0;







	-moz-border-radius: 0;







	-webkit-border-radius: 0;







	padding: 3px;







	padding-left: 40px;







	padding-right: 20px;







	display: inline-block;







	text-align: center;







	text-decoration: none;







	color: #555;







}







.btn-add_to_cart:before, a.btn-add_to_cart:before {







	font-family: "FontAwesome";







	content: "\f07a";







	position: absolute;







	left: 20px;







}







a.btn-custom, .btn-custom, a.btn-slider, .btn-slider {







	font-family: "proxima-nova";







	font-size: 12px;







	min-width: 120px;







}







a.btn-custom,a.btn-custom:active,a.btn-custom:focus,a.btn-custom:visited,







.btn-custom {







	color: #fff;







	border-radius: 3px;







	-moz-border-radius: 3px;







	-webkit-border-radius: 3px;







	padding: 10px 20px;







	min-width: 120px;







	outline:0;







	font-weight:bold;







	text-decoration:none;







	text-transform:none;







	font-size:14px;







}







header a.btn-custom{







	padding:6px 20px;







}







.col-right a.btn-custom{







	font-size:14px;







	text-transform:none;







}







a.btn-border {







	border: solid 1px #1A1C26;







	background: none;







	border-radius: 5px;







	-moz-border-radius: 5px;







	-webkit-border-radius: 5px;







	padding: 10px 20px;







	font-family: "proxima-nova";







	font-weight: 500;







	font-size: 13px;







	text-transform: uppercase;







	letter-spacing:1px;







	color: #1A1C26;







	text-decoration:none;







	}







	







a.btn-border:hover {







	background: #ffffff;







	border-color:rgba(255, 255, 255, 0);







	margin-top:-2px;







	margin-bottom:2px;	







	box-sizing: border-box







}















a.btn-border.light{







	border: solid 1px #ffffff;







	color:#ffffff;







}















a.btn-border.light:hover{







	color:#222222;







}















.btn-close {







	color: #ffffff;







	cursor: pointer;







	text-align: center;







	display: block;







	text-align: center;







	width: 60px;







	height: 60px;







	background: #333;







	font-size: 32px;







	font-weight: bold;







	text-decoration: none;







	margin: 0 auto;







	padding-top: 12px;







	position: absolute;







	left: 0;







	right: 0;







}















a.btn-link{







	display:block;







	text-decoration:none;







	margin-top:10px;







}















.cover a.btn-link:hover{







	color:#fff;







}















/*







	a.btn-rsvp:before{







	font-size:32px;







	font-family:"FontAwesome";







	content:"\f073";







	margin-right:15px;







	display:block;







	margin:0 auto;







	margin-bottom:10px;







	}







	*/















.play-button {







	border-radius: 60px;







	-moz-border-radius: 60px;







	-webkit-border-radius: 60px;







	color: #fff;







	text-decoration: none;







	border: solid 5px rgba(255, 255, 255, .3);







	display: inline-block;







	text-align: center;







	width: 80px;







	height: 80px;







	padding-top: 22px;







	padding-left: 5px;







}







.play-button:before {







	font-family: "FontAwesome";







	font-size: 20px;







	content: "\f04b";







	position: relative;







	color: #fff;







}







.play-button:hover {







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







}







.play-button.dark {







	color: #222;







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







}







.play-button.dark:before {







	color: #222;







}







.play-button.dark:hover {







	border: solid 5px rgba(0, 0, 0, .5);







}







.text-light .play-button {







	border-radius: 60px;







	-moz-border-radius: 60px;







	-webkit-border-radius: 60px;







	color: #fff;







	text-decoration: none;







	border: solid 5px rgba(255, 255, 255, .3);







	display: inline-block;







	text-align: center;







	width: 80px;







	height: 80px;







	padding-top: 22px;







	padding-left: 5px;







}







.text-light .play-button:before {







	font-family: "FontAwesome";







	font-size: 20px;







	content: "\f04b";







	position: relative;







	color: #fff;







}







.text-light .play-button.dark {







	color: #fff;







	border: solid 5px rgba(255, 255, 255, .3);







}







.text-light .play-button.dark:before {







	color: #fff;







}







.text-light .play-button.dark:hover {







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







}















/* columns */























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























/* counter */























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















.de_count {







	text-align: center;







	padding: 20px 0 10px 0;







	background: none;







}







.de_count h3 {







	font-size: 40px;







	letter-spacing: 0px;







	margin:0;







	padding:0;







	margin-bottom:15px;







	line-height:.5em;







}







.de_count span {







	font-size: 12px;







	text-transform:uppercase;







}







.de_count i {







	display: block;







	font-size: 30px;







	margin: 0 auto;







	margin-bottom: 0px;







	width: 100%;







	font-weight: lighter;







}







.de_count.small h3{







	font-size:28px;







	margin-bottom:0;







	







}















/* divider */























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















.spacer-single {







	width: 100%;







	height: 30px;







	display: block;







	clear: both;







}







.spacer-double {







	width: 100%;







	height: 60px;







	display: block;







	clear: both;







}







.spacer-half {







	width: 100%;







	height: 15px;







	display: block;







	clear: both;







}















.spacer-10 {







	width: 100%;







	height: 10px;







	display: block;







	clear: both;







}















.spacer-20 {







	width: 100%;







	height: 20px;







	display: block;







	clear: both;







}















.spacer-30 {







	width: 100%;







	height: 30px;







	display: block;







	clear: both;







}















.spacer-40 {







	width: 100%;







	height: 40px;







	display: block;







	clear: both;







}















.spacer-50 {







	width: 100%;







	height: 50px;







	display: block;







	clear: both;







}















.spacer-60 {







	width: 100%;







	height: 60px;







	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;







}















/* heading */























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















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







	padding: 10px;







	margin-bottom: 20px;







	color: #fff;







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







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







	border-radius: 0;







	height: auto;







}















.form-border input[type=text], .form-border textarea, .form-underline input[type=email], .form-border select {







	padding: 8px;







	margin-bottom: 20px;







	border: none;







	border: solid 1px #dddddd;







	background: none;







	border-radius: 0;







	height: auto;







	box-shadow: none;







	-moz-box-shadow: none;







	-webkit-box-shadow: none;







	color:#333;







}















.form-subscribe{







	display:table;







	margin:0 auto;







}















.form-subscribe input[type=text]{







	display:table-cell;







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







	border-right:none;







	background: rgba(255, 255, 255, .1);







	padding:6px 20px 6px 20px;







	border-radius:60px 0 0 60px;







	height:40px;







	vertical-align:middle;







}







.form-subscribe .btn-custom{







	display:table-cell;







	border-radius:0 60px 60px 0;







	height:40px;







	vertical-align:middle;







}







.form-subscribe input[type=text]:hover{







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







}















/* heading */























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















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







.h1_big {







	margin-top:0;







	font-family: "montserrat";







	font-weight: bold;







	color: #1A1C26;







}







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







	color: #fff;







}







h2.text-light, footer h3, footer h4, footer h5, footer h6 {







	color: #fff;







}







h1 {







	font-size: 45px;







	font-weight:500;







	margin-bottom:20px;







}







h1 .label{







	display:inline-block;







	font-size:36px;







	padding:0 6px;







	margin-left:10px;







	border-radius:5px;







	-moz-border-radius:5px;







	-webkit-border-radius:5px;







}







h1.s1{







	letter-spacing:30px;







	font-size:26px;







}







h1 .small-border {







	margin-top: 30px;







}







h1.big, .h1_big {







	font-size: 84px;







	margin: 0;







	line-height: 70px;







}







h1.very-big {







	font-size: 120px;







	letter-spacing:-5px;







}







h1.ultra-big {







	font-size: 140px;







	line-height:120px;







	letter-spacing:-6px;







	font-weight:700;







	margin-bottom:0;







}







h1.ultra-big span{







	display:inline-block;







}







h1.ultra-big span.underline span{







	display:block;







	border-bottom:solid 12px #fff;







	position:relative;







	margin-top:-5px;







}







h1.very-big-2 {







	font-size: 90px;







	letter-spacing:25px;







	text-transform:uppercase;







	font-weight:bold;







}







.h2_title {







	font-size: 28px;







	display: block;







	margin-top: 0;







	line-height: 1.2em;







}







h2 .small-border {







	margin-left: 0;







	margin-bottom: 15px;







	width: 40px;







}







h2 {







	margin-top:0;







	margin-bottom:10px;







	font-size: 43px;







	line-height:48px;







	letter-spacing:-1px;







}







h2.big{







	font-size:48px;







	line-height:1.3em;







	margin-bottom:0;







}







h2 .uptitle{







	display:block;







	font-size:18px;







	line-height:28px;







	letter-spacing:0;







}







h2.s1,.h2_s1{







	font-size:24px;







}







h2.deco-text span {







	font-family: "Parisienne";







	display: block;







	line-height: .85em;







	font-weight: lighter;







	-webkit-transform: rotate(-5deg);







	-moz-transform: rotate(-5deg);







	-o-transform: rotate(-5deg);







	transform: rotate(-5deg);







}







h2.deco-text .md {







	font-size: 80px;







}







h2.deco-text .lg {







	font-size: 120px;







}







h2.deco-text .xl {







	font-size: 150px;







}







h3 {







	font-size: 20px;







	margin-top: 0;







	margin-bottom:10px;







}







h4 {







	font-size: 20px;







	margin-top: 0;







	margin-bottom: 20px;







}







h4.teaser{







	font-weight:300;







	font-size:22px;







}







.subtitle.s2 {







	font-size: 20px;







	font-weight: 500;







	line-height: 32px;







}







.subtitle.s2 span {







	margin-right: 20px;







	padding-left: 20px;







}







.subtitle.s2 i {







	margin-right: 10px;







}







.subtitle.s2 span:first-child {







	padding-left: 0;







}







h3.s1{







	letter-spacing:10px;







	font-weight:400;







	font-size:16px;







}







h3.s2{







	font-family: "proxima-nova", Arial, Helvetica, sans-serif;







	font-weight:200;







	line-height:1.8em;







}







h3.s3 {







	font-family: "Parisienne";







	font-size: 60px;







	font-weight: lighter;







}







h4.s3 {







	font-family: "proxima-nova";







	font-weight: 300;







	font-size: 12px;







	letter-spacing: 15px;







}







.1A1C26-to-action h3 {







	text-transform: none;







	font-size: 20px;







}







h1.slogan_big {







	font-weight: 300;







	font-size: 64px;







	line-height: 64px;







	letter-spacing: -2px;







	padding: 0;







	margin: 0px 0 30px 0;







}







h1.title {







	font-size: 64px;







	letter-spacing: 10px;







}







h1.title strong {







	text-transform: none;







	letter-spacing: 0;







	font-weight: normal;







}







h1.hs1 {







	font-family: "Parisienne";







	font-size: 96px;







	display: inline-block;







	-webkit-transform: rotate(-5deg);







	-moz-transform: rotate(-5deg);







	-o-transform: rotate(-5deg);







	transform: rotate(-5deg);







}







h1.hs2 {







	font-family: "Parisienne";







	font-size: 72px;







	display: inline-block;







	font-weight: lighter;







}







h2.subtitle {







	margin-top: 0;







}







h2.name {







	font-family: "proxima-nova";







	color: #fff;







	font-size: 84px;







	line-height: 50px;







}







h2.name span {







	display: block;







	font-size: 32px;







}







h2.name-s1 {







	font-family: "proxima-nova";







	color: #fff;







	font-size: 84px;







	font-weight: 700;







	line-height: 50px;







}







h2.name-s1 span {







	display: block;







	font-size: 32px;







}







h2.hw {







	display: block;







	font-family: "Parisienne";







	font-size: 48px;







	text-transform: none;







	font-weight: lighter;







}







h2.deco {







	font-family: "proxima-nova";







	text-align: center;







	font-weight: 600;







	font-size: 20px;







}







h2.deco span {







	display: inline-block;







	position: relative;







}







h2.deco span:before, h2.deco span:after {







	content: "";







	position: absolute;







	border-top: 1px solid #bbb;







	top: 10px;







	width: 100px;







}







h2.deco span:before {







	right: 100%;







	margin-right: 15px;







}







h2.deco span:after {







	left: 100%;







	margin-left: 15px;







}







h2.hs1 {







	font-family: "proxima-nova";







	font-size: 40px;







}







h2.hs1 i {







	font-size: 48px;







	position: relative;







	top: 10px;







	color: #ff0042;







	margin: 0 10px 0 10px;







}







h2.hs1 span {







	font-size: 48px;







	position: relative;







	top: 10px;







	font-family: "Miama";







	margin: 0 15px 0 10px;







	font-weight: normal;







}







h2 .de_light .text-light h2 {







	color: #fff;







}







.text-light h2.deco span:before, .text-light h2.deco span:after {







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







}







h2.s2 {







	font-family: "proxima-nova";







	font-weight: 400;







}







h2.s3{







	font-size:36px;







	margin-bottom:20px;







}







h3.title {







	border-bottom: solid 1px #ddd;







	margin-bottom: 20px;







}







h3.style-2 {







	font-size: 18px;







}







h4.title {







	border-bottom: solid 1px #ddd;







	padding-bottom: 10px;







	margin-bottom: 20px;







}







h5.s2 {







	font-family: "proxima-nova";







	letter-spacing: 1px;







	font-size: 14px;







}







h5 {







	font-size:13px;







}







h4.s1 {







	font-size:12px;







	letter-spacing:20px;







	text-transform:uppercase;







	font-weight:500;







}







span.teaser {







	font-family: "Georgia";







	font-style: italic;







	font-size: 18px;







}







.text-light {







	color: #ffffff;







}















.pricing-s2.bg.text-light .top p{







	color:#fff;







}















.text-white,.de_light .text-white {







	color: #fff;







}







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







	color: #fff;







}







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







	color: #fff;







}







.text-white h1, .text-white h2, .text-white h3, .text-white h4, .text-white h5, .text-white h6 {







	color: #fff;







}







.de_light .text-white h1, .de_light .text-white h2, .de_light .text-white h3, .de_light .text-white h4, .de_light .text-white h5, .de_light .text-white h6 {







	color: #fff;







}







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







	color: #202020;







}















/* feature box style 1 */























.feature-box .inner{







	position:relative;







	overflow:hidden;







	padding:40px;







	border-radius:8px;







	-moz-border-radius:8px;







	-webkit-border-radius:8px;







}















.feature-box.s1 .inner{







	background:#ffffff;







}















.feature-box.s1:hover .inner i{







	background:none;







	color:#303030;







}























.text-light .feature-box .inner{







	color:#fff;







}















.feature-box i{







	font-size:40px;







	margin-bottom:20px;







}















.feature-box.left i{







	position:absolute;







}















.feature-box.left .text{







	padding-left:70px;







}















.feature-box.center{







	text-align:center;







}















.feature-box i.circle,







.feature-box i.square{







	display: inline-block;







	padding: 20px;







	font-size: 40px;







	font-weight: 500;







	color: #fff;







	width: 80px;







	height: 80px;







	border-radius: 60px;







	-moz-border-radius: 60px;







	-webkit-border-radius: 60px;







	position:relative;







	z-index:2;







}















.feature-box i.square{







	border-radius: 0px;







	-moz-border-radius: 0px;







	-webkit-border-radius: 0px;







}















.feature-box i.circle{







	display: inline-block;







	padding: 20px;







	font-size: 40px;







	font-weight: 500;







	color: #fff;







	width: 80px;







	height: 80px;







	border-radius: 60px;







	-moz-border-radius: 60px;







	-webkit-border-radius: 60px;







	position:relative;







	z-index:2;







}















i.font60{







	font-size:60px;







}























.feature-box i.wm{







	font-size:800px;







	position:absolute;







	top:0%;







	width:100%;







	left:50%;







	color:rgba(0,0,0,0);







}







.feature-box:hover .inner i.wm{







	transform: scale(1.2);







	color:rgba(0,0,0,.05);







	z-index:0;







}







.feature-box:hover .inner i.circle{







	-webkit-box-shadow: 5px 5px 40px 0px rgba(0, 0, 0, 0.3);







	-moz-box-shadow: 5px 5px 40px 0px rgba(0, 0, 0, 0.3);







	box-shadow: 5px 5px 40px 0px rgba(0, 0, 0, 0.3);







}







.feature-box-small-icon.center {







	text-align: center;







}







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







	color: #fff;







}







.feature-box-small-icon .text {







	padding-left: 80px;







}







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







	padding-left: 0;







	display: block;







}







.feature-box-small-icon i {







	text-shadow: none;







	font-size: 40px;







	width: 68px;







	height: 68px;







	text-align: center;







	position: absolute;







	text-align: center;







}







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







	color: #333;







}







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







	background-color: #1A1C26;







}







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







	font-size: 40px;







	text-align: center;







	position: absolute;







	width: 70px;







	margin-top: -5px;







}







.feature-box-small-icon .number.circle {







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







	padding: 20px;







	width: 70px;







	height: 70px;







}







.feature-box-small-icon.style-2 .number {







	font-size: 32px;







	color: #fff;







	padding-top: 22px;







	background: #253545;







	width: 70px;







	height: 70px;







}







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







	background-color: #1A1C26;







}







.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-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: #1A1C26;







}







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







}















.feature-box-type-1{







	position:relative;







	background:#ffffff;







	border-radius:7px;







	overflow:hidden;







	-webkit-box-shadow: 8px 8px 40px 0px rgba(0, 0, 0, 0.1);







	-moz-box-shadow: 8px 8px 40px 0px rgba(0, 0, 0, 0.1);







	box-shadow: 8px 8px 40px 0px rgba(0, 0, 0, 0.1);







}







.feature-box-type-1.s2{







	border:solid 1px #eeeeee;







	-webkit-box-shadow: 2px 2px 10px 0px rgba(0, 0, 0, 0.05);







	-moz-box-shadow: 2px 2px 10px 0px rgba(0, 0, 0, 0.05);







	box-shadow: 2px 2px 10px 0px rgba(0, 0, 0, 0.05);







}







.feature-box-type-1 i{







	text-align:center;







	position:absolute;







	font-size:36px;







	color:#ffffff;







	padding:12px;







	border-radius:0 0 7px 0;







}







.feature-box-type-1.s2 i,







.feature-box-type-1.s2:hover i{







	background:#f8f8f8;







	color:#111111;







}







.feature-box-type-1 .text{







	padding:30px;







	padding-left:80px;







}















.feature-box-type-2{







	text-align:center;







	padding:40px 20px 20px 20px;







	border-radius:5px;







	background:#ffffff;







	







	-webkit-box-shadow: 5px 5px 40px 0px rgba(0, 0, 0, 0.1);







	-moz-box-shadow: 5px 5px 40px 0px rgba(0, 0, 0, 0.1);







	box-shadow: 5px 5px 40px 0px rgba(0, 0, 0, 0.1);







}







.feature-box-type-2 i{







	font-size:60px;







	margin-bottom:20px;







}







.feature-box-type-2:hover i{







	text-shadow: 0px 0px 0px #ffffff;







}























.feature-box-type-2 i{







	text-shadow: 5px 5px 5px #999999;







}















.exp-box{







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







	margin-bottom:30px;







	padding-bottom:10px;







}







.exp-box h5{







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







	display:inline-block;







	padding:6px 10px 5px 10px;







	margin-bottom:20px;







	border-radius: 3px;







	-moz-border-radius: 3px;







	-webkit-border-radius: 3px;







}







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







	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;







}







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







	background: #fff;







	color: #111;







	border-color: #fff;







}







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







	color: #fff;







}







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







	color: #111;







}







.box-fx .bg-icon {







	left: 50%;







	bottom: 50px;







	color: #f6f6f6;







	position: absolute;







	font-size: 190px;







	z-index: -1;







}















.box-icon-simple i {







    color: #222;







}















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







	display:block;







	font-size:20px;







	color:#ffffff;







	background:#333333;







	width:48px;







	height:48px;







	padding:12px 12px;







	position:absolute;







	text-align:center;







	font-weight:bold;







	border-radius:30px;







}















.box-icon-simple.right .num{







	right:10px;







}















.box-icon-simple.left .text {







    margin-left: 70px;







}















.box-icon-simple.left i {







    font-size: 42px;







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







	margin-left: 100px;







}







.box-border {







	border: solid 2px #333;







}















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







	font-size: 12px;







	color: #888;







	border: solid 1px #eee;







	border-right: none;







	background: none;







	padding: 15px 20px 15px 20px;







	border-radius: 0;







	-moz-border-radius: 0;







	-webkit-border-radius: 0;







}







.pagination li:last-child a {







	border-right: solid 1px #eee;







}















/* pricing table */























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















.pricing-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: #f6f6f6;







}







.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: #202220;







}







.pricing-featured {







	position: relative;







}







.pricing-featured li {







	padding-top: 17px;







	padding-bottom: 17px;







}







.pricing-s1 {







	overflow: hidden;







	position: relative;







	border-radius: 5px;







	-webkit-border-radius: 5px;







	-moz-border-radius: 5px;







	







	-webkit-box-shadow: 2px 2px 40px 0px rgba(0, 0, 0, 0.15);







	-moz-box-shadow: 2px 2px 40px 0px rgba(0, 0, 0, 0.15);







	box-shadow: 2px 2px 40px 0px rgba(0, 0, 0, 0.15);







}







.pricing-s1 .top {







	padding: 40px;







	padding-bottom:10px;







	color: #fff;







	text-align: center;







}







.pricing-s1 .top h2 {







	color:#fff;







	font-size: 22px;







	margin-bottom: 5px;







	letter-spacing:normal;







	background:#333333;







	padding:8px 15px;







	border-radius:60px;







	-moz-border-radius:60px;







	-webkit-border-radius:60px;







	line-height:1em;







}







.top .num {







	font-size:40px;







	font-weight:500;







}







.opt-2{







	display:none;







}







.pricing-s1 .top>* {







	margin: 0px;







}







.pricing-s1 .top .price{







	margin-bottom:30px;







}







.pricing-s1 .top .price .currency {







	font-size: 24px;







	vertical-align: top;







	display: inline-block;







}







.pricing-s1 .top .price b {







	font-size: 40px;







	color: #fff;







	font-family:"proxima-nova";







	font-weight:500;







}







.pricing-s1 .top .price .month {







	color: #fff;







	font-size:14px;







}







.pricing-s1 .top .price .txt{







	display:block;







	margin-bottom:10px;







	font-size:13px;







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







}







.pricing-s1 .top .m,







.pricing-s1 .top .y{







	font-size:40px;







	font-weight:500;







}







.pricing-s1 .top .y{







	display:none;







}







.pricing-s1 .bottom {







	border-top: 0px;







	text-align: center;







}







.pricing-s1 .bottom ul {







	display:block;







	list-style: none;







	list-style-type: none;







	margin:  0;







	padding: 0px;







	text-align: left;







	overflow:hidden;







}







.pricing-s1 .bottom ul li {







	padding: 15px 30px;







	color:#505050;







}







.pricing-s1 .bottom ul li>span {







	color: #16A085;







	font-size: 20px;







	margin-right: 20px;







}







.pricing-s1 .bottom ul li:nth-child(odd) {







	background: #ffffff;







}







.pricing-s1 .bottom ul li:nth-child(even) {







	background: #f8f8f8;







}







.pricing-s1 .bottom>a {







	margin: 40px;







	width: auto;







}







.pricing-s1 .bottom i {







	margin-right: 10px;







}







.pricing-s1 .ribbon {







	width: 200px;







	position: absolute;







	top: 25px;







	left: -55px;







	text-align: center;







	line-height: 40px;







	letter-spacing: 1px;







	color: #ffffff;







	font-weight: bold;







	transform: rotate(-45deg);







	-webkit-transform: rotate(-45deg);







	-moz-transform: rotate(-45deg);







}















.pricing-s1.light {







	color:#222;







}







.pricing-s1.light .top {







	background: #f9f9f9;







	color: #222;







}







.pricing-s1.light .top h2 {







	color: #222;







}







.pricing-s1.light .top .price b,







.pricing-s1.light .top .price .txt {







	color: #222;







}















.pricing-s1.light .top .price .txt {







	color: #555;







}







.pricing-s1.light .top .price .month {







	color: #555;







}







.pricing-s1.light .top .price .currency {







	color: #555;







}







.pricing-s1.light .bottom {







	background: #eee;







}







.pricing-s1.light .bottom ul li>span {







	color: #16A085;







}







.pricing-s1.light .bottom ul li:nth-child(odd) {







	background: #ffffff;







}







.pricing-s1.light .bottom ul li:nth-child(even) {







	background: #f9f9f9;







}







.pricing-s1 .ribbon {







	color: #fff;







}







.pricing-s1.rec{







	-webkit-box-shadow: 8px 8px 40px 0px rgba(0, 0, 0, 0.2);







	-moz-box-shadow: 8px 8px 40px 0px rgba(0, 0, 0, 0.2);







	box-shadow: 0px 0px 60px 0px rgba(0, 0, 0, 0.2);







}















.pricing-s1 .action{







	text-align:center;







	padding:30px;







}















.pricing-s1 a.btn-custom{







	display:inline-block;







}















.pricing-s2 {







	background:#ffffff;







	overflow: hidden;







	position: relative;







	border-radius: 5px;







	-webkit-border-radius: 5px;







	-moz-border-radius: 5px;







	-webkit-box-shadow: 5px 5px 40px 0px rgba(0, 0, 0, 0.1);







	-moz-box-shadow: 5px 5px 40px 0px rgba(0, 0, 0, 0.1);







	box-shadow: 5px 5px 40px 0px rgba(0, 0, 0, 0.1);







}







.pricing-s2 .top {







	padding: 30px;







	padding-bottom:20px;







	text-align: center;







}







.pricing-s2 .top h2 {







	font-size: 22px;







	margin-bottom: 5px;







	letter-spacing:normal;







}







.pricing-s2 .top p{







	margin-bottom:30px;







}







.pricing-s2 .top>* {







	margin: 0px;







}







.pricing-s2 .top .price{







	margin-bottom:30px;







	color:#111111;







}







.pricing-s2.text-light  .top .price,







.pricing-s2.text-white .top .price{







	color:#ffffff;







}







.pricing-s2 .top .price .currency {







	font-size: 24px;







	vertical-align: top;







	display: inline-block;







}







.pricing-s2 .top .price b {







	font-size: 40px;







	font-family:"proxima-nova";







	font-weight:500;







}







.pricing-s2 .top .price .month {







	font-size:14px;







}







.pricing-s2 .top .price .txt{







	display:block;







	margin-bottom:10px;







	font-size:13px;







}







.pricing-s2 .top a.btn-custom{







	display:block;







	width:100%;







	padding:6px 10px;







}







.pricing-s2 .bottom {







	border-top: 0px;







	text-align: center;







}







.pricing-s2 .bottom ul {







	display:block;







	list-style: none;







	list-style-type: none;







	margin:  0;







	padding: 0px;







	text-align: left;







	overflow:hidden;







}







.pricing-s2 .bottom ul li {







	padding: 15px 30px;







	color:#505050;







}







.pricing-s2 .bottom ul li>span {







	color: #16A085;







	font-size: 20px;







	margin-right: 20px;







}







.pricing-s2 .bottom ul li:nth-child(odd) {







	background: #ffffff;







}







.pricing-s2 .bottom ul li:nth-child(even) {







	background: #f8f8f8;







}







.pricing-s2 .bottom>a {







	margin: 40px;







	width: auto;







}







.pricing-s2 .bottom i {







	margin-right: 10px;







}







.pricing-s2 .ribbon {







	width: 200px;







	position: absolute;







	top: 25px;







	left: -55px;







	text-align: center;







	line-height: 40px;







	letter-spacing: 1px;







	color: #ffffff;







	font-weight: bold;







	transform: rotate(-45deg);







	-webkit-transform: rotate(-45deg);







	-moz-transform: rotate(-45deg);







}















.pricing-s2 .inner{







	padding-bottom:10px;







}















.pricing-s2.bg .inner{







	background: rgba(var(--primary-color-1-rgb), .8);







}















.pricing-s2.bg-2 .inner{







	background: rgba(255, 88, 55, .8);







}















.pricing-s2.bg .top p{







	color:#cccccc;







}















.pricing-s2.bg .top h2,







.pricing-s2.bg .top .price,







.pricing-s2.bg .top .price .currency,







.pricing-s2.bg .top .month,















.pricing-s2.bg-2 .top h2,







.pricing-s2.bg-2 .top .price,







.pricing-s2.bg-2 .top .price .currency,







.pricing-s2.bg-2 .top .month







{







	color:#ffffff;







}































.spinner {







	display:table-cell;







	vertical-align:middle;







  margin: 100px auto 0;







  width: 70px;







  text-align: center;







}















.spinner > div {







  width: 18px;







  height: 18px;







  background-color: #fff;















  border-radius: 100%;







  display: inline-block;







  -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;







  animation: sk-bouncedelay 1.4s infinite ease-in-out both;







}















.spinner .bounce1 {







  -webkit-animation-delay: -0.32s;







  animation-delay: -0.32s;







}















.spinner .bounce2 {







  -webkit-animation-delay: -0.16s;







  animation-delay: -0.16s;







}















@-webkit-keyframes sk-bouncedelay {







  0%, 80%, 100% { -webkit-transform: scale(0) }







  40% { -webkit-transform: scale(1.0) }







}















@keyframes sk-bouncedelay {







  0%, 80%, 100% { 







    -webkit-transform: scale(0);







    transform: scale(0);







  } 40% { 







    -webkit-transform: scale(1.0);







    transform: scale(1.0);







  }







}















/* preloader */























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















#preloader {







	display:table;







	position: fixed;







	z-index: 20000;







	top: 0;







	left: 0;







	width: 100%;







	height: 100%;







	background: #222222;







	text-align: center;







}







.preloader1 {







	width: 60px;







	height: 60px;







	display: inline-block;







	padding: 0px;







	border-radius: 100%;







	border: 2px solid;







	border-top-color: rgba(0, 0, 0, 0.65);







	border-bottom-color: rgba(0, 0, 0, 0.1);







	border-left-color: rgba(0, 0, 0, 0.1);







	border-right-color: rgba(0, 0, 0, 0.1);







	-webkit-animation: preloader1 1s ease-in infinite;







	animation: preloader1 1s ease-in infinite;







	position:absolute;







	margin-left:-30px;







	top:45%;







}







@keyframes preloader1 {







	from {







		transform: rotate(0deg);







	}







	to {







		transform: rotate(360deg);







	}







}







@-webkit-keyframes preloader1 {







	from {







		-webkit-transform: rotate(0deg);







	}







	to {







		-webkit-transform: rotate(360deg);







	}







}















/* progress bar */























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















.de-progress {







	width: 100%;







	height: 4px;







	background: #ddd;







	margin-top: 20px;







	margin-bottom: 20px;







}







.de-progress .progress-bar {







	background: #333;







	height: 4px;







	box-shadow: none;







}







.de-progress {







	background:#f5f5f5;







}







.skill-bar {







	margin-bottom: 40px;







}







.skill-bar.style-2 .de-progress{







	background: rgba(var(--primary-color-1-rgb), .1);







}















.skill-bar .value{







	color:#ccc;







	font-size:12px;







	font-weight:bold;







	float:right;







	margin-top:-40px;







}















.skill-bar h4{







	font-size:16px;







}























/* social-icons */























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















.social-icons {







	display: inline-block;







}







.social-icons i {







	text-shadow: none;







	color: #fff;







	padding: 12px 10px 8px 10px;







	width: 34px;







	height: 34px;







	text-align: center;







	font-size: 16px;







	border-radius: 60px;







	-moz-border-radius: 60px;







	-webkit-border-radius: 60px;







	margin:0 5px 0 5px;







}







.social-icons i.fa-google-plus{







}







.social-icons i:hover {







	background: #fff;







	border-color: #eceff3;







	color: #333;







}







.social-icons.big i {







	font-size: 26px;







	width: auto;







	height: auto;







	margin: 0 15px 0 15px;







}







.social-icons.big i:hover {







	background: none;







}















.social-icons .fa-facebook{background:#3e5a9b;}







.social-icons .fa-twitter{background:#55aded;}







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







.social-icons .fa-linkedin{background:#0075ad;}







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







.social-icons .fa-skype{background:#28A8EA;}















.social-icons.big i {







	margin: 0 15px 0 15px;







}







.social-icons.big i:hover {







	background: none;







}







.social-icons.s1 i{







	border:none;







	font-size:16px;







	margin:3px;







} 







.social-icons.s1:hover i{







	background:none;







} 















.social-icons.s1 {







  line-height: 0.5;







  text-align: center;







}







.social-icons.s1 .inner {







  display: inline-block;







  position: relative; 







}







.social-icons.s1 .inner:before,







.social-icons.s1 .inner:after {







  content: "";







  position: absolute;







  height: 5px;







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







  top: 0;







  width: 100%;







}







.social-icons.s1 .inner:before {







  right: 100%;







  margin-right: 15px;







  margin-top:20px;







}







.social-icons.s1 .inner:after {







  left: 100%;







  margin-left: 15px;







  margin-top:20px;







}















.col-right{







	display:inline-block;







	float:right;







	margin-top:22px;







}















/*







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























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















/* accordion







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















.accordion







{







    overflow:hidden;







    







}







.accordion-section-title







{







    width:100%;







    padding:15px;







    border-radius:4px;







	cursor:pointer;







}







.accordion-section-title







{







		font-family:"proxima-nova";







	    color:#111111;







        width: 100%;







        padding: 15px;







        display: inline-block;







        font-size: 16px;







        transition: all linear 0.5s;







        text-decoration:none;







		margin-bottom:10px;







		border:solid 1px #EFEFEF;







		font-weight:600;







}







.accordion-section-title:before{







	font-family:"FontAwesome";







	content: "\f107";







	float:right;







	color:#fff;







	text-align:center;







	padding:0 8px 0 8px;







	font-size:15px;







	border-radius:3px;







	-moz-border-radius:3px;







	-webkit-border-radius:3px;







}







.accordion-section-title.active:before{







	content: "\f106";







	float:right;







}







.accordion-section-title.active







{







	margin-bottom:0px;







    text-decoration:none;







	color:#fff !important;







    }







    .accordion-section-title:hover







    {







    text-decoration:none;







}







.accordion-section-content







{







    padding:15px;







	padding-bottom:5px;







    display:none;







	margin-bottom:10px;







}















.expand-list .expand-custom:nth-child(even){







	background:#f9f9f9;







}















.expand-custom{







	background:#f1f1f1;







	padding:30px;







	margin-bottom:30px;







}















.expand-custom h3{







	margin:0;







	margin-bottom:5px;







}















.expand-custom p{







	margin:0;







}















.expand-custom .table{







	display:table;







}















.expand-custom .toggle{







	display:block;







	margin-top:10px;







	float:right;







	cursor:pointer;







}







.expand-custom .toggle:before{







	font-family:"FontAwesome";







	content: "\f055";







	font-size:32px;







}















.expand-custom .toggle.clicked:before{







	content: "\f056";







}















.expand-custom .c1, .expand-custom .c2, .expand-custom .c3{







	display:table-cell;







	vertical-align:middle;







}







.expand-custom .c1,







.expand-custom .c2{







	padding-right:30px;







}







.expand-custom .c1 img{







	width:100px;







}















.expand-custom .c1{







	width:10%;







}	







.expand-custom .c2{







	width:80%;







}	







.expand-custom .c3{







	width:10%;







}















.expand-custom .details{







	display:none;







}















.de_tab .de_nav {







	overflow: hidden;







	padding-left: 0;







	margin: 0;







	padding: 0;







	font-weight: bold;







}







.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: #f6f6f6;







	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 20px 0px 20px;







}







.de_tab.tab_steps .de_nav li span {







	padding: 30px 0 30px 0;







	border-radius: 120px;







	color: #222;







	font-family: "proxima-nova";







	font-size: 16px;







	-moz-border-radius: 120px;







	-webkit-border-radius: 120px;







	line-height: 20px;







	width: 180px;







	height: 180px;







	text-align: center;







	display: table-cell;







	vertical-align: middle;







}







.de_tab.tab_steps.style-2 .de_nav li span {







	background: none;







	border-radius: 0px;







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







	font-size: 17px;







	color: #fff;







}







.de_tab.tab_steps.style-2.light .de_nav li span {







	background: #eee;







	color:#707070;







}







.de_tab.tab_steps.style-2 .de_nav li.active span {







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







	color: #222;







}







.de_tab.tab_steps .de_nav li span:hover {







	background: none;







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







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







}







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







	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;







}







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







}















.de_tab.tab_steps.style-2 .de_nav li .arrow {







	  width: 0; 







	  height: 0; 







	  border-left: 0px solid transparent;







	  border-right: 0px solid transparent;







	  border-top: 0px solid transparent;







	  margin:0 auto;







	  margin-bottom:20px;







	}







	







	.de_tab.tab_steps.style-2 .de_nav li.active .arrow {







	  width: 0; 







	  height: 0; 







	  border-left: 20px solid transparent;







	  border-right: 20px solid transparent;







	  border-top: 20px solid;







	  margin:0 auto;







	}







	







	.de_tab.tab_steps.style-2 .de_nav li {







		margin:5px;







		display:inline-block;







	}







	.de_tab.tab_steps.style-2 .de_nav li span {







	font-family:"proxima-nova";







	background:rgba(255,255,255,.1);







	border-radius:0px;







	font-size:16px;







	font-weight:lighter;







	color:#fff;







	opacity:.8;







	width:120px;







	height:100px;







	border:none;







	padding:20px;







	border-radius:300px;







	-moz-border-radius:300px;







	-webkit-border-radius:300px;







	-webkit-border-radius:300px;







	}







	







	.de_tab.tab_steps.style-2 .de_nav li i{







		display:block;







		font-size:36px;







		margin-bottom:10px;







	}







	







	.de_tab.tab_steps.style-2.sub-style-2 .de_nav li span {







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







	color:#000;







	opacity:.8;







	}















	.de_tab.tab_steps.style-2 .de_nav li.active span{







	color:#222;







	opacity:1;







	border:none;







	}







	







	.de_tab.tab_steps.style-2 .de_nav li span:hover{







	border:none;







	}







	







	.de_tab.tab_steps.style-2 .de_tab_content{







	border:none;







	}















/* tab de_light */















.de_light .de_tab.tab_style_2 .de_tab_content {







	border: none;







	background: none;







	padding: 40px 0 0 0;







	border-top: solid 1px #ddd;







}







.text-light .de_tab.tab_style_2 .de_tab_content {







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







}







.de_light .de_tab.tab_style_2 .de_nav {







}







.de_light .de_tab.tab_style_2 .de_nav li {







	float: none;







	list-style: none;







	background: none;







	margin: 0 5px 0 5px;







	text-align: center;







	display: inline-block;







}







.de_light .de_tab.tab_style_2 .de_nav li img {







	width: auto;







	-webkit-filter: grayscale(100%);







	-moz-filter: grayscale(100%);







	-o-filter: grayscale(100%);







	-ms-filter: grayscale(100%);







	filter: grayscale(100%);







	opacity: .7;







}







.de_light .de_tab.tab_style_2 .de_nav li.active img {







	width: auto;







	-webkit-filter: grayscale(0%);







	-moz-filter: grayscale(0%);







	-o-filter: grayscale(0%);







	-ms-filter: grayscale(0%);







	filter: grayscale(0%);







	opacity: 1;







}







.de_light .de_tab.tab_style_2 .de_nav li span {







	background: none;







	display: block;







	text-decoration: none;







	font-size: 14px;







	cursor: pointer;







	border: none;







}







.de_light .de_tab.tab_style_2 .de_nav li.active span {







	border-bottom: solid 6px;







	color: #333;







	background: none;







}







.text-light .de_tab.tab_style_2 .de_nav li.active span {







	color: #fff;







}















/* tab de_light */















.de_light .de_tab.tab_style_3 .de_tab_content {







	border: none;







	background: none;







	padding: 40px 0 0 0;







	border-top: solid 1px #ddd;







}







.text-light .de_tab.tab_style_3 .de_tab_content {







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







}







.de_light .de_tab.tab_style_3 .de_nav {







	text-align: center;







	background: #eee;







	display: inline-block;







	border-radius: 60px;







	margin-bottom: 30px;







	padding: 0;







}







.de_light .de_tab.tab_style_3 .de_nav li {







	float: none;







	list-style: none;







	background: none;







	text-align: center;







	display: inline-block;







	margin: 0;







	padding: 0;







}







.de_light .de_tab.tab_style_3 .de_nav li img {







	width: auto;







	-webkit-filter: grayscale(100%);







	-moz-filter: grayscale(100%);







	-o-filter: grayscale(100%);







	-ms-filter: grayscale(100%);







	filter: grayscale(100%);







	opacity: .7;







}







.de_light .de_tab.tab_style_3 .de_nav li.active img {







	width: auto;







	-webkit-filter: grayscale(0%);







	-moz-filter: grayscale(0%);







	-o-filter: grayscale(0%);







	-ms-filter: grayscale(0%);







	filter: grayscale(0%);







	opacity: 1;







}







.de_light .de_tab.tab_style_3 .de_nav li span {







	background: none;







	display: block;







	text-decoration: none;







	font-size: 14px;







	cursor: pointer;







	border: none;







	padding: 5px 30px 5px 30px;







	min-width: 150px;







}







.de_light .de_tab.tab_style_3 .de_nav li:last-child span {







	border-radius: 0 60px 60px 0;







}







.de_light .de_tab.tab_style_3 .de_nav li:first-child span {







	border-radius: 60px 0 0 60px;







}







.de_light .de_tab.tab_style_3 .de_nav li span:hover {







	background: #ddd;







}







.de_light .de_tab.tab_style_3 .de_nav li.active span {







	background: #eee;







	color: #fff;







}







.text-light .de_tab.tab_style_3 .de_nav li.active span {







	color: #fff;







}















/* tab de_light */















.de_tab.tab_style_4 .de_tab_content {







	border: none;







	background: none;







	padding: 0;







	border-top: none;







}







.text-light .de_tab.tab_style_4 .de_tab_content {







	border-top: none;







}







.de_tab.tab_style_4 .de_nav {







	text-align: center;







	background: #eee;







	display: inline-block;







	border-radius: 60px;







	margin-bottom: 30px;







	padding: 0;







	border: solid 2px #333;







}







.de_tab.tab_style_4 .de_nav li img {







	width: auto;







	-webkit-filter: grayscale(100%);







	-moz-filter: grayscale(100%);







	-o-filter: grayscale(100%);







	-ms-filter: grayscale(100%);







	filter: grayscale(100%);







	opacity: .7;







}







.de_tab.tab_style_4 .de_nav li.active img {







	width: auto;







	-webkit-filter: grayscale(0%);







	-moz-filter: grayscale(0%);







	-o-filter: grayscale(0%);







	-ms-filter: grayscale(0%);







	filter: grayscale(0%);







	opacity: 1;







}







.de_tab.tab_style_4 .de_nav li {







	display: inline-block;







	text-decoration: none;







	font-size: 14px;







	cursor: pointer;







	border: none;







	padding: 15px 30px 15px 30px;







	min-width: 150px;







	margin: 0;







	border-right: solid 2px #333;







}







.de_tab.tab_style_4 .de_nav li span {







	margin: 0;







	padding: 0;







	background: none;







	border: none;







	width: auto;







	display: inline-block;







}







.de_tab.tab_style_4 .de_nav li:last-child {







	border-radius: 0 60px 60px 0;







	border-right: none;







}







.de_tab.tab_style_4 .de_nav li:first-child {







	border-radius: 60px 0 0 60px;







}







.de_tab.tab_style_4 .de_nav li:hover {







	background: #ddd;







}







.de_tab.tab_style_4 .de_nav li.active, .de_tab.tab_style_4 .de_nav li.active span {







	background: #333;







	color: #fff;







}







.text-light .de_tab.tab_style_4 .de_nav li.active {







	color: #fff;







}







.de_tab.tab_style_4 .de_nav li.active h3, .de_tab.tab_style_4 .de_nav li.active h4, .de_tab.tab_style_4 .de_nav li.active h4 span {







	color: #fff;







}







.tab_style_4 h3, .de_tab.tab_style_4 .de_nav li span {







	margin: 0;







	font-size: 22px;







	font-weight: 600;







}







.tab_style_4 h4 {







	margin: 0;







	font-size: 12px;







}







.de_tab .de_tab_content.tc_style-1 {







	background: none;







	padding: 0;







	padding-top: 30px;







}







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







}







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







	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: "proxima-nova";







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







	padding-bottom: 10px;







	font-size: 20px;







	display: inline-block;







	padding: 10px 20px 10px 20px;







	font-style: normal;







	background: #000;







	position: absolute;







	left: 15px;







	font-weight: normal;







}







.de_testi blockquote {







	color: #eceff3;







}







.de_testi blockquote, .de_testi blockquote p {







	font-size: 20px;







	line-height: 1.7em;







	font-weight: normal;







}







.de_testi_by {







	margin-top: -10px;







	font-style: normal;







	font-size: 12px;







}







.de_testi_pic {







	float: left;







	padding-right: 15px;







}







.de_testi_pic img {







	width: 50px;







	height: 50px;







}







.de_testi_company {







	padding-top: 20px;







}







.de_testi.opt-2 blockquote {







	font-family:"proxima-nova";







	border:none;







	color: #86888c;







	font-weight:300;







	padding:30px 40px 30px 40px;







	background:#eeeeee;







	opacity:.4;







	border-radius:5px;







	-moz-border-radius:5px;







	-webkit-border-radius:5px;







}















.de_testi.opt-2 blockquote:before{







	font-family: "FontAwesome";







	content: "\f10d";







	display:block;







	color:rgba(0,0,0,.1);







	z-index:100;







	font-size:20px;







	background:none;







	left:20px;







}















.text-light .de_testi.opt-2 blockquote{







	color:#fff;







	background:#000;



	 







}







.de_testi.opt-2 blockquote p{







	font-family:"proxima-nova";







	font-size:16px;







	padding:40px 0 0 0;







}







.de_testi.opt-2 .de_testi_by {







	font-size: 14px;







	font-weight:normal;







	text-align:center;







}







.de_testi.opt-2 .de_testi_by img{







	width:60px;







	height:auto;







	margin:0 auto;







	margin-top:40px;



	border-radius: 50%;







}







.de_testi.opt-3 blockquote {







	background: none;







	color: #555;







	padding-top: 0;







	font-weight: 300;







}







.de_testi.opt-3 blockquote p {







	font-size: 16px;







}







.de_testi.opt-3 blockquote:before {







	color: #fff;







}







.de_testi.opt-3 .de_testi_by {







	font-size: 14px;







	color: #000;







}







#testimonial-masonry .item {







	margin-bottom: 30px;







}







.testimonial-list p {







	font-style: italic;







}







.testimonial-list, .testimonial-list li {







	list-style: none;







	padding: 0px;







	font-size: 16px;







	line-height: 1.7em;







	padding-left: 30px;







}







.testimonial-list span {







	font-weight: bold;







	display: block;







	margin-top: 20px;







	font-size: 14px;







}







.testimonial-list.big-font li {







	font-size: 28px;







}







.testimonial-list:before {







	font-family: FontAwesome;







	content: "\f10d";







	font-size: 40px;







	color: rgba(0, 0, 0, .1);







	position: absolute;







	margin-left: -30px;







}







.testimonial-list.style-2, .testimonial-list.style-2 li {







	padding-left: 0px;







}







.testimonial-list.style-2 {







	text-align: center;







}







.testimonial-list.style-2:before {







	margin: 0;







	position: static;







}







.testimonial-list.style-2 span {







	margin-top: 10px;







	font-weight: 600;







	font-size: 14px;







}























/* timeline */















/* timeline */















.timeline{ position: relative; padding: 10px}







.timeline:before{ 







    content: '';







    position: absolute;







    top: 0;







    left: 127px;







    height: 100%;







    width: 1px;







    background: #eee;







}







.text-light .timeline:before{ 







    background:rgba(255,255,255,.1);







}







.timeline .tl-block{ position: relative; margin-top: 10px; }







.timeline .tl-block:after{ content: ' '; clear: both; display: block;}







.timeline .tl-block .tl-time{ float: left; padding:10px 20px 0px 20px; margin-top:-15px; border:solid 1px #ddd; }







.timeline .tl-block .tl-time:after{width:50px; height:1px; background:#ddd;}







.timeline .tl-block .tl-bar{float: left; width: 5%; position: absolute; margin-left:114px; }















.timeline .tl-block .tl-line{background: #333; margin-right: 10px;  border-radius: 10px; width: 8px; height: 8px; font-size: 10px; text-align: center; line-height: 15px; }























.timeline .tl-message{ border-radius: 3px; float: left; margin-left:150px; top:0; margin-top:-50px; margin-bottom:30px; }







.timeline .tl-block .tl-message:after{ display: block; content: ' '; clear:both; }







.timeline .tl-block .tl-message .tl-icon{float: left; left:100px; }







.timeline .tl-block .tl-message .tl-main{ float: left; }







.timeline .tl-block .tl-message .tl-main .tl-title {}







.timeline .tl-block .tl-message .tl-main .tl-content{}







.timeline .tl-block .tl-message .tl-main .tl-content label{ font-weight: bold; display: inline-block; width: 80px;}







.timeline .tl-block .tl-message .tl-main .tl-content span{}







.timeline .tl-block .tl-message h3{text-transform:none;}







.timeline .tl-block .tl-time h4{margin:0 0 10px 0;}







.timeline .tl-block .tl-main h4{margin-top:-24px;}















.timeline.exp:before{ 







    left: 214px;







}







.timeline.exp .tl-message{margin-left:250px;}







.timeline.exp .tl-block .tl-bar{margin-left:200px; }















/* timeline */







	







	.timeline {







  list-style: none;







  padding: 20px 0 20px;







  position: relative;







}







.timeline:before {







  top: 0;







  bottom: 0;







  position: absolute;







  content: " ";







  width: 1px;







  background-color:#ddd;







  left: 50%;







}







.timeline>li {







	position: relative;







	margin-top: -50px;







}







.timeline>li:first-child {







	position: relative;







	margin-top: 0px;







}







.timeline > li:before,







.timeline > li:after {







  content: " ";







  display: table;







}







.timeline > li:after {







  clear: both;







}







.timeline > li:before,







.timeline > li:after {







  content: " ";







  display: table;







}







.timeline > li:after {







  clear: both;







}







.timeline > li > .timeline-panel {







  width: 46%;







  float: left;







  /* border: 1px solid #d4d4d4; */







  border-radius: 2px;







  padding: 30px;







  position: relative;







  background: #f5f5f5;







}







.timeline > li > .timeline-panel:before {







  position: absolute;







  top: 26px;







  right: -14px;







  display: inline-block;







  border-top: 15px solid transparent;







  /* border-left: 15px solid #ccc;







  border-right: 0 solid #ccc; */







  border-bottom: 15px solid transparent;







  content: " ";







}







.timeline > li > .timeline-panel:after {







  position: absolute;







  top: 43%;







  right: -14px;







  display: inline-block;







  border-top: 14px solid transparent;







  border-left: 14px solid #f5f5f5;







  border-right: 0 solid #f5f5f5;







  border-bottom: 14px solid transparent;







  content: " ";







}







.timeline > li > .timeline-badge {







  color: #fff;







  width: 16px;







  height: 16px;







  line-height: 40px;







  font-size: 1.4em;







  text-align: center;







  position: absolute;







  top: 45%;







  left: 50%;







  margin-left: -7px;







 background-color: #fff;







  z-index: 100;







  border-top-right-radius: 50%;







  border-top-left-radius: 50%;







  border-bottom-right-radius: 50%;







  border-bottom-left-radius: 50%;







}







.timeline > li.timeline-inverted > .timeline-panel {







  float: right;







}







.timeline > li.timeline-inverted > .timeline-panel:before {







  border-left-width: 0;







  border-right-width: 15px;







  left: -15px;







  right: auto;







}







.timeline > li.timeline-inverted > .timeline-panel:after {







  border-left-width: 0;







  border-right-width: 15px;







  left: -14px;







  right: auto;







}







.timeline-badge.primary {







  background-color: #2e6da4 !important;







}







.timeline-badge.success {







  background-color: #3f903f !important;







}







.timeline-badge.warning {







  background-color: #f0ad4e !important;







}







.timeline-badge.danger {







  background-color: #d9534f !important;







}







.timeline-badge.info {







  background-color: #5bc0de !important;







}







.timeline-title {







  margin-top: 0;







  color: inherit;







}







.timeline-body > p,







.timeline-body > ul {







  margin-bottom: 0;







}







.timeline-body > p + p {







  margin-top: 5px;







}







.timeline-heading img{







	float:right;







	position:absolute;







	top:30px;







	right:30px;







}















.timeline.s1 h5{







	font-size:30px;







	margin-top:0;







}















.timeline.s1 img{







	border-radius:300px;







	-moz-border-radius:300px;







	-webkit-border-radius:300px;







}































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







}







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







}







.ml0 {







	margin-left: 0;







}







.ml10 {







	margin-left: 10px;







}







.ml20 {







	margin-left: 20px;







}







.ml30 {







	margin-left: 30px;







}







.ml40 {







	margin-left: 40px;







}







.ml50 {







	margin-left: 50px;







}







.ml60 {







	margin-left: 60px;







}







.ml70 {







	margin-left: 70px;







}







.ml80 {







	margin-left: 80px;







}







.ml90 {







	margin-left: 90px;







}







.ml100 {







	margin-left: 100px;







}







.mr0 {







	margin-right: 0;







}







.mr10 {







	margin-right: 10px;







}







.mr20 {







	margin-right: 20px;







}







.mr30 {







	margin-right: 30px;







}







.mr40 {







	margin-right: 40px;







}







.mr50 {







	margin-right: 50px;







}







.mr60 {







	margin-right: 60px;







}







.mr70 {







	margin-right: 70px;







}







.mr80 {







	margin-right: 80px;







}







.mr90 {







	margin-right: 90px;







}







.mr100 {







	margin-right: 100px;







}















.padding10 {







	padding: 10px;







}







.padding20 {







	padding: 20px;







}







.padding30 {







	padding: 30px;







}







.padding40 {







	padding: 40px;







}







.padding50 {







	padding: 50px;







}







.padding60 {







	padding: 60px;







}







.padding70 {







	padding: 70px;







}







.padding80 {







	padding: 80px;







}







.padding100 {







	padding: 100px;







}







.pt0 {







	padding-top: 0;







}







.pt10 {







	padding-top: 10px;







}







.pt20 {







	padding-top: 20px;







}







.pt30 {







	padding-top: 30px;







}







.pt40 {







	padding-top: 40px;







}







.pt50 {







	padding-top: 50px;







}







.pt60 {







	padding-top: 60px;







}







.pt70 {







	padding-top: 70px;







}







.pt80 {







	padding-top: 80px;







}







.pb0 {







	padding-bottom: 0;







}







.pb10 {







	padding-bottom: 10px;







}







.pb20 {







	padding-bottom: 20px;







}







.pb30 {







	padding-bottom: 30px;







}







.pb40 {







	padding-bottom: 40px;







}







.pb50 {







	padding-bottom: 50px;







}







.pb60 {







	padding-bottom: 60px;







}







.pb80 {







	padding-bottom: 80px;







}







.pl130 {







	padding-left: 130px;







}















.pr20{







	padding-right:20px;







}















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







}







.absolute {







	position: absolute;







	z-index: 1;







}







.relative {







	position: relative;







	z-index: 1;







}







.overflow-hidden {







	overflow: hidden;







}







.width100 {







	width: 100%;







}







.border1 {







	border-width: 1px;







}







.bordertop {







	border-top: solid 1px #eee;







}







.borderbottom {







	border-bottom: solid 1px #eee;







}







.pos-top {







	position: relative;







	z-index: 1000;







}















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























/* anim */























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















de_tab .de_nav li span, .feature-box-small-icon i, a.btn-line:after, .de_count, .social-icons a i, .de_tab.tab_steps .de_nav li span, .de_tab.tab_steps .de_nav li span:hover, .de-gallery .overlay .icon i, .de-gallery .overlay .icon i:hover, .product img, .product img:hover, .mfp-close, .mfp-close:hover, .pic-hover .bg-overlay, .pic-hover:hover>.bg-overlay, i.btn-action-hide, .pic-hover.hover-scale img, .text-rotate-wrap, .text-rotate-wrap .text-item, .overlay-v, .carousel-item .pf_text .title, .carousel-item:hover .pf_text .title, .carousel-item .pf_text .title .type, .carousel-item:hover .pf_text .title .type, .owl-slider-nav .next, .owl-slider-nav .prev, #back-to-top.show, #back-to-top.hide, .social-icons-sm i, .social-icons-sm i:hover, .overlay-v i, .overlay-v i:hover, .de_tab .de_nav li span, #popup-box.popup-show, #popup-box.popup-hide, .form-underline input[type=text], .form-underline textarea, .form-underline input[type=email], .form-underline select, .btn-rsvp, .btn-close, .btn-custom, .overlay-v span, .de_tab.tab_style_4 .de_nav li,.form-subscribe input[type=text], #mainmenu a span, #mainmenu a.active span,.feature-box .inner,.feature-box:hover .inner,.feature-box .inner i,.feature-box:hover .inner i,.error_input,.de_tab.tab_steps.style-2 .de_nav li.active .arrow,.owl-item.active.center > div blockquote,.mask,.mask .cover,.mask:hover .cover,.mask img,.mask:hover img,.accordion .content,a.btn-border,.f_box span,.f_box img,.f_box.s2:hover img,.mask .cover p,.feature-box-type-1:hover i,.feature-box-type-2 i,#contact_form input,#form_sb input[type=text],.table-pricing tbody tr,#selector #dark-mode,#selector #dark-mode:hover,#selector #related-items,#selector #related-items:hover,#theme-select,#theme-select img,#de_topbar{







	-o-transition: .7s;







	-ms-transition: .7s;







	-moz-transition: .7s;







	-webkit-transition: .7s;







	transition: .7s;







	outline: none;







}







a.btn-fx:after, a.btn-fx:hover:after, a.btn-fx:before, a.btn-fx:hover:before, #mainmenu li, #mainmenu li ul, .widget-post li .post-date {







	-o-transition: .2s ease;







	-ms-transition: .2s ease;







	-moz-transition: .2s ease;







	-webkit-transition: .2s ease;







	transition: .2s ease;







	outline: none;







}















.feature-box:hover i.wm{







	-o-transition: 2s ease;







	-ms-transition: 2s ease;







	-moz-transition: 2s ease;







	-webkit-transition: 2s ease;







	transition: 2s ease;







	outline: none;







}























@-webkit-keyframes scaleIn {







  from {







    opacity: 1;







	-webkit-transform: scale3d(1.5, 1.5, 1.5);







    transform: scale3d(1.5, 1.5, 1.5);







  }















  100% {







    opacity: 1;







    -webkit-transform: scale3d(var(--primary-color-1-rgb));







    transform: scale3d(var(--primary-color-1-rgb));







  }







}















@keyframes scaleIn {







  from {







    opacity: 1;







	-webkit-transform: scale3d(1.5, 1.5, 1.5);







    transform: scale3d(1.5, 1.5, 1.5);







  }















  100% {







    opacity: 1;







    -webkit-transform: scale3d(var(--primary-color-1-rgb));







    transform: scale3d(var(--primary-color-1-rgb));







  }







}















.scaleIn {







  -webkit-animation-name: scaleIn;







  animation-name: scaleIn;







}















@-webkit-keyframes scaleInFade {







  from {







    opacity: 0;







	-webkit-transform: scale3d(1.5, 1.5, 1.5);







    transform: scale3d(1.5, 1.5, 1.5);







  }















  100% {







    opacity: 1;







    -webkit-transform: scale3d(var(--primary-color-1-rgb));







    transform: scale3d(var(--primary-color-1-rgb));







  }







}















@keyframes scaleInFade {







  from {







    opacity: 0;







	-webkit-transform: scale3d(1.5, 1.5, 1.5);







    transform: scale3d(1.5, 1.5, 1.5);







  }















  100% {







    opacity: 1;







    -webkit-transform: scale3d(var(--primary-color-1-rgb));







    transform: scale3d(var(--primary-color-1-rgb));







  }







}















.scaleInFade {







  -webkit-animation-name: scaleInFade;







  animation-name: scaleInFade;







}















@-webkit-keyframes scaleOutFade {







  from {







    opacity: 0;







	-webkit-transform: scale3d(.75, .75, .75);







    transform: scale3d(.75, .75, .75);







  }















  100% {







    opacity: 1;







    -webkit-transform: scale3d(var(--primary-color-1-rgb));







    transform: scale3d(var(--primary-color-1-rgb));







  }







}















@keyframes scaleOutFade {







  from {







    opacity: 0;







	-webkit-transform: scale3d(.75, .75, .75);







    transform: scale3d(.75, .75, .75);







  }















  100% {







    opacity: 1;







    -webkit-transform: scale3d(var(--primary-color-1-rgb));







    transform: scale3d(var(--primary-color-1-rgb));







  }







}















.scaleOutFade {







  -webkit-animation-name: scaleOutFade;







  animation-name: scaleOutFade;







}















@-webkit-keyframes widthInFade {







  from {







    opacity: 0;







	width:1px;







  }















  100% {







    opacity: 1;







	width:100px;







  }







}















@keyframes widthInFade {







  from {







    opacity: 0;







	width:1px;







  }















  100% {







    opacity: 1;







	width:100px;







  }







}















.widthInFade {







  -webkit-animation-name: widthInFade;







  animation-name: widthInFade;







}















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























/* video */























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















video, object {







	display: inline-block;







	vertical-align: baseline;







	min-width: 100%;







	min-height: 100%;







}







.de-video-container {







	top: 0%;







	left: 0%;







	height: 500px;







	width: 100%;







	overflow: hidden;







}







.de-video-content {







	width: 100%;







	position: absolute;







	z-index: 10;







}







.de-video-overlay {







	position: absolute;







	width: 100%;







	min-height: 100%;







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







}







.de-video-overlay.dotted {







	background: url(../images_02/dotted.png);







}







.video-fixed {







	width: 100%;







	position: fixed;







	top: 0;







}















/* youtube, vimeo */















.video-container {







	position: relative;







	padding-bottom: 56.25%;







	padding-top: 30px;







	height: 0;







	overflow: hidden;







}







.video-container iframe, .video-container object, .video-container embed {







	position: absolute;







	top: 0;







	left: 0;







	width: 100%;







	height: 100%;







}







.de-video-container .btn-line:hover:after, .de-video-container a.btn-line:hover:after, .de-video-container a.btn-line.hover:after {







	color: #eceff3;







}















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























/* map */























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























/* --------------- map --------------- */















#map {







	width: 100%;







	height: 500px;







}







.map iframe {







	width: 100%;







	border: solid 1px #ccc;







	padding: 2px;







	background: #fff;







}







.map-container {







	width: 100%;







	height: 380px;







	overflow: hidden;







}







.map-container iframe {







	width: 100%;







}















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























/* 1A1C26 to action */























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















.1A1C26-to-action-box {







	background: #f6f6f6;







	border: solid 1px #ddd;







	background: rgb(255, 255, 255);







	/* Old browsers */







	background: -moz-Infinyr-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(242, 242, 242, 1) 100%);







	/* FF3.6+ */







	background: -webkit-gradient(Infinyr, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 1)), color-stop(100%, rgba(242, 242, 242, 1)));







	/* Chrome,Safari4+ */







	background: -webkit-Infinyr-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(242, 242, 242, 1) 100%);







	/* Chrome10+,Safari5.1+ */







	background: -o-Infinyr-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(242, 242, 242, 1) 100%);







	/* Opera 11.10+ */







	background: -ms-Infinyr-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(242, 242, 242, 1) 100%);







	/* IE10+ */







	background: Infinyr-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 */







}







.1A1C26-to-action-box {







	background: #27282B;







	border: solid 1px #202220;







}







.1A1C26-to-action-box .inner {







	padding: 20px 20px 20px 20px;







}







.1A1C26-to-action-box .text {







	margin-right: 20px;







	float: left;







}







.1A1C26-to-action-box .act {







	float: right;







}







.1A1C26-to-action-box h3 {







	margin: 0;







	margin-top: 10px;







}







.1A1C26-to-action-box .btn {







	color: #eceff3;







}







.1A1C26-to-action-box {







	background: #202220;







	color: #eceff3;







}







.1A1C26-to-action-boxh3 {







	color: #eceff3;







}















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























/* overide bootstrap */























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















.container-fluid {







	padding: 0px;







	margin: 0px;







}







.btn-primary {







	text-shadow: none;







	border: none;







}







.btn.btn-primary:hover {







	background: #555;







}







.img-responsive {







	display: inline-block;







}







.img-shadow {







	-webkit-box-shadow: 8px 8px 40px 0px rgba(0, 0, 0, 0.05);







	-moz-box-shadow: 8px 8px 40px 0px rgba(0, 0, 0, 0.05);







	box-shadow: 8px 8px 40px 0px rgba(0, 0, 0, 0.05);







}







img.img-auto {







	width: auto;







	height: auto;







}















img.img-rounded {







	border-radius:5px;







	-moz-border-radius:5px;







	-webkit-border-radius:5px;







}















.img-profile{







	border:solid 3px #fff;







}















.label {







	font-family: "proxima-nova", Arial, Helvetica, sans-serif;







}







table thead {







	font-weight: bold;







}







p.lead {







	font-size: 18px;







	line-height:1.7em;







	margin-top: 0;







	font-weight: 400;







}







.panel-group {







	opacity: .8;







}







.panel-heading, .panel-body {







	background: #27282B;







	border: solid 1px #202220;







	border-radius: 0;







}







.panel-body {







	border-top: none;







}







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







	border-radius: 0;







}







.panel-heading {







	background: #222;







}







.table-bordered, .table-bordered td {







	border: solid 1px #202220;







}







blockquote {







	font-family:"proxima-nova";







	font-size: 24px;







	font-style: normal;







	font-weight: 500;







	line-height: 1.4em;







	color: #1A1C26;







	border:none;







	border-left:solid 3px #333333;







	padding-left:30px;







}







blockquote span {







	font-family:"proxima-nova";







	display: block;







	font-size: 14px;







	font-style: normal;







	font-weight: normal;







	margin-top:20px;







}







blockquote.s2 {







	border: none;







	text-align: left;







	background: #f2f2f2;







	padding: 30px 30px 30px 60px;







	margin-top: 20px;







	border-radius: 5px;







	-moz-border-radius: 5px;







	-webkit-border-radius: 5px;







}







blockquote.s2:before {







	font-family: "FontAwesome";







	content: "\f10e";







	font-style: normal;







	position: absolute;







	margin-left: -30px;







}







blockquote.s1{







	padding:0px;







}







blockquote.s1:before{







	font-family: "FontAwesome";







	content: "\f10d";







	display:block;







	color:rgba(0,0,0,.1);







	z-index:-1;







	font-size:40px;







	top:0;







	left:0;







}















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























/* 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: "proxima-nova", 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_02/icon-slide-plus.png) 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_02/icon-slide-min.png) 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_02/icon-slide-plus.png) 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_02/icon-slide-min.png) 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;







}







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;







}















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























/* gallery */























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















#gallery-carousel .item {







	text-align: center;







	font-size: 12px;







	width: 100%;







	cursor: e-resize;







}







.de_carousel .item {







	width: 100%;







	display: block;







}







#gallery-carousel .item img {







	width: 100%;







	height: auto;







}







#gallery-carousel .item h4 {







	margin-bottom: 0;







	font-size: 14px;







}







.carousel-item {







	width: 100%;







}







.carousel-item img {







	width: 100%;







	height: auto;







}







.sq-item{







	overflow:hidden;







}







.overlay-v {







	text-align: center;







	width: 100px;







	position: absolute;







	width: 100%;







	height: 100%;







	overflow: hidden;







}







.overlay-v i {







	background: #333;







	padding: 10px;







	width: 48px;







	height: 48px;







	font-weight: normal;







	font-size: 32px;







	border-radius: 60px;







	-moz-border-radius: 60px;







	-webkit-border-radius: 60px;







	margin-top: 100%;







	color: #222;







	opacity: 0;







}







.overlay-v:hover i {







	margin-top: 25%;







	opacity: 1;







}







.overlay-v span {







	background: #1A1C26;







	padding: 40px;







	width: 100%;







	height: 100%;







	font-weight: normal;







	margin-top: 100%;







	color: #222;







	opacity: 0;







	position: absolute;







	left: 0;







}







.overlay-v:hover span {







	margin-top: 0px;







	opacity: .9;







}







.carousel-item .pf_text .title {







	display: block;







	position: absolute;







	width: 100%;







	top: 80%;







	font-size: 20px;







	font-weight: 700;







	height: 0;







	color: rgba(255, 255, 255, 0);







	letter-spacing:0;







}







.overlay-v:hover {







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







}







.carousel-item:hover .pf_text .title {







	color: rgba(255, 255, 255, 1);







	top: 75%;







}







.carousel-item .pf_text .title .type {







	display: block;







	color: rgba(255, 255, 255, 0);







	font-size: 12px;







	font-weight: 300;







}







.carousel-item:hover .pf_text .title .type {







	color: rgba(255, 255, 255, 1);







}







.pf_text {







	color: #eceff3;







	letter-spacing: 5px;







}







.pf_text h4 {







	color: #eceff3;







	margin-bottom: 0;







	font-size: 14px;







}







.project-info {







	color: #ccc;







	margin-left: 20px;







}







.de_light .project-info {







	color: #606060;







}







.project-info h2 {







	margin-top: 0;







	font-size: 18px;







	letter-spacing: 3px;







	text-transform: uppercase;







}







.project-info h4 {







	font-weight: bold;







}







.project-info .details {







	padding: 20px;







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







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







	margin-bottom: 30px;







}







.de_light .project-info .details {







	background: #eee;







	border-color: #ddd;







}







.project-infoproject-info span {







	display: block;







}







.project-info span.title {







	display: inline-block;







	min-width: 80px;







}







.project-info span.val {







	margin-bottom: 15px;







	font-weight: bold;







}







.project-view {







	padding: 120px 0 80px 0;







}







.project-images img {







	width: 100%;







}







.picframe {







	position: relative;







	overflow: hidden;







}







.picframe img{







	width:100%;







}







#btn-close-x {







	width: 100px;







	height: 100px;







	display: block;







	background: url(../images_02/close.png) center no-repeat;







	margin: 0 auto;







	margin-bottom: 80px;







	cursor: pointer;







	padding: 20px;







}







#btn-close-x {







	background: url(../images_02/close-2.png) center no-repeat;







}







.project-name {







	font-size: 12px;







	font-weight: bold;







	display: block;







}







.info-details .info-text {







	margin-bottom: 20px;







}







.info-details .title {







	display: block;







	font-weight: bold;







}







span.overlay {







	 font-family: 'FontAwesome' !important; 







	text-align: center;







	display: block;







	width: 100px;







	background: rgba(var(--primary-color-1-rgb), .8);







	position: absolute;







	opacity: .75;







	z-index:500;







}







span.icon {







	cursor: pointer;







}















.f_box{	







	display:block;







	position:relative;







	float:left;







	font-size:16px;







	overflow:hidden;







	z-index:1;







}







.f_box:hover .f_bg{







	opacity:.3;







}















.grid-item .f_box img{







	 -webkit-filter: grayscale(100%);







	-moz-filter: grayscale(100%);







	-o-filter: grayscale(100%);







	-ms-filter: grayscale(100%);







	filter: grayscale(100%);







	opacity:.8;







}







.f_box:hover img{







	-webkit-filter: grayscale(0%);







	-moz-filter: grayscale(0%);







	-o-filter: grayscale(0%);







	-ms-filter: grayscale(0%);







	filter: grayscale(0%);







	 transform: scale(1.2);







	 opacity:1;







}















.f_box .f_bg{







	background:#111111;







	display:block;







	position:absolute;







	z-index:1;







	width:100%;







	height:100%;







	opacity:.5;







}







.f_box .f_bg.s1{







	opacity:0;







}







.f_box:hover .f_bg.s1{







	opacity:.2;







}







.f_box .f_cap_wrap{







	display:table;







	width:100%;







	height:100%;







	position:absolute;







	color:#fff;







	z-index:2;







	text-align:center;







	font-weight:bold;	







}







.f_box .f_cap_wrap .f_cap{







	vertical-align:middle;







	display:table-cell;







}















.f_box:hover .f_cap{







	transform: scale(1.05);







}























.f_box .f_text{







	height:0;







	overflow:hidden;







	font-family:Helvetica,Arial;







	font-weight:normal;







	display:inline-block;







	width:70%;







	font-size:14px;







}







.f_box:hover .f_text{







	height:auto;







}







.f_box img{







	width:100%;







}















.f_box.s2:hover .f_bg{







	opacity:.4;







}







.f_box.s2 .f_bg{







	opacity:0;







}







.f_box.s2:hover img{







	 transform: scale(1.2);







}







.f_box.s2{	







	position:static;







}







.f_box.s2 .f_cap_wrap{







	opacity:0;







}







.f_box.s2:hover .f_cap_wrap{







	opacity:1;







	margin-top:0;







}







.f_box .f_cap h1,







.f_box .f_cap h4{







	color:#ffffff;







}







.f_box.s2 .f_cap{







	font-size:20px;







	transform: scale(1.2);







}







.f_box.s2:hover .f_cap{







	transform: scale(1);







}















h2{







	display:inline-block;







	overflow:hidden;







	position:relative;







	left: 0;







	right: 0







}















h2 span.underline{







	display:block;







	width:0;







	height:2px;







	background:#ffffff;







	position:relative;







	left:0;







}















.f_box:hover h2 span.underline{







	width:100%;







}















.overlay .info-area {







	display: block;







	margin-top: 10%;







}







.overlay .sb-icons {







	display: block;







	margin-top: 200px;







}







.de-gallery .overlay {







	text-align: center;







}







.de-gallery .overlay .pf_text {







	display: inline-block;







	opacity: 0;







}







.de-gallery .project-name {







	font-size: 16px;







	letter-spacing:0;







}







.de-gallery .overlay .icon {







	display: inline-block;







	margin-top: 200px;







	text-align: center;







}







.de-gallery .overlay .icon i {







	text-shadow: none;







	color: #fff;







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







	font-size: 22px;







	padding: 20px;







	width: 60px;







	height: 60px;







	text-align: center;







	margin-left: 10px;







}







.de-gallery .overlay .icon i.icon-info {







	margin-left: 0px;







}







.de-gallery .overlay .icon i:hover {







	color: #222;







	background: #fff;







}







.grid_gallery .item {







	margin-bottom: 30px;







}







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







	display: inline-block;







	width: 36px;







	height: 36px;







	background: url(../images_02/icon-url.png) center no-repeat;







	margin: 0 auto;







	margin: 0 2px 0 2px;







}







a.img-icon-zoom {







	background: url(../images_02/icon-zoom.png) center no-repeat;







}







.pf_full_width {







	width: 100%;







}







.pf_full_width .item {







	float: left;







	width: 24.99%;







}







.pf_4_cols {







	width: 101%;







}







.pf_full_width.pf_3_cols .item {







	width: 33.3%;







}







.pf_full_width.pf_2_cols .item {







	width: 49.9%;







}







.gallery_border {}







.pf_full_width.gallery_border .item, .pf_full_width.gallery_border.pf_2_cols .item, .pf_full_width.gallery_border.pf_3_cols .item {







	float: left;







	width: 23.9%;







	margin-right: 1%;







	margin-bottom: 1%;







}







.pf_full_width.gallery_border.pf_3_cols .item {







	width: 32.3%;







}







.pf_full_width.gallery_border.pf_2_cols .item {







	width: 48.9%;







}







.pf_full_width img {







	float: left;







	width: 100%;







}







.pf_full_width.grid{







	padding:.75%;







	padding-bottom:0;







}







.pf_full_width.grid .item{







	margin:0 .75% .75% 0;







	width: 32%;







}







.pf_full_width.grid.pf_4_cols .item{







	margin:0 .75% .75% 0;







	width: 23.9%;







}







.pf_full_width.grid.pf_2_cols .item{







	margin:0 .75% .75% 0;







	width: 48.5%;







}







.gallery-cols .item {







	margin-bottom: 30px;







}







.pic-grey {







	-webkit-filter: grayscale(100%);







	-moz-filter: grayscale(100%);







	-o-filter: grayscale(100%);







	-ms-filter: grayscale(100%);







	filter: grayscale(100%);







}















/* ---- grid ---- */















.grid {







  width:100%;







}















	margin:5px;







}















/* clear fix */







.grid:after {







  content: '';







  display: block;







  clear: both;







}















/* ---- .element-item ---- */















/* 5 columns, percentage width */















.grid-sizer {







  width: 5%;







}















.grid-item {







  position:relative;







  float: left;







  border:none;







  overflow:hidden;







  margin:0;







  padding:0;







}















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























/* widget */























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















#sidebar {







	padding-left: 30px;







}







#sidebar.post-left {







	padding-left: 0px;







	padding-right: 30px;







}







.widget {







	margin-bottom: 30px;







	padding-bottom: 30px;







}







.widget h4{







	font-size: 17px;







	margin-top:0;







	letter-spacing: normal;







}







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







}







.widget_category li:before {







	font-family: "FontAwesome";







	content: "\f07b";







	margin-right: 10px;







}







.de_light .widget_category li {







	background: none;







	border: solid 1px #eee;







}







.widget_category li a {







	color: #606060;







}







.widget_recent_post li {







	padding-left: 20px;







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







	border-bottom: solid 1px #222;







	padding-bottom: 7px;







	margin-bottom: 5px;







}







.widget_recent_post li a {







	color: #555;







}







.widget-post li {







	border-bottom: solid 1px #f2f2f2;







	padding-bottom: 8px;







	margin-bottom: 8px;







}







.widget-post li a {







	padding-left: 60px;







	display: block;







	text-decoration: none;







}







.widget-post .post-date {







	position: absolute;







	color: #222;







	margin-right: 10px;







	text-align: center;







	width: 50px;







	font-size: 10px;







	text-transform: uppercase;







}







.widget-post li:hover>.post-date {







	background: #222;







	color: #fff;







}







.widget-post .date{







	background:#333;







	color:#fff;







	display:inline-block;







	padding:0px 5px 0px 5px;







	float:left;







	font-size:12px;







}







.widget .comments li {







	padding-left: 20px;







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







	border-bottom: solid 1px #eee;







	padding-bottom: 7px;







	margin-bottom: 5px;







}







.widget .tiny-border{







	width:100%;







	background:rgba(255,255,255,.1);







}







.widget_tags li {







	text-shadow: none;







	display: inline-block;







	margin-right: 3px;







	margin-bottom: 16px;







}







.widget_tags li a {







	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: 7px 10px 7px 10px;







}







.de_light .widget_tags li a {







	color: #606060;







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







}







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







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







	position: absolute;







	width: 60px;







	height: 60px;







}







.widget_tags li a {







	border-color: #555;







}







.widget_tags li a:hover 







	border-color: #eceff3;







}







footer .widget {







	border: none;







	margin-bottom: 0;







}







.widget_tags ul {







	margin-top: 30px;







}







footer .widget.widget_tags li a {







	border-color: #222;







}







footer .widget_recent_post li {







	padding: 0 0 10px 0;







	margin: 0;







	margin-bottom: 10px;







	background: none;







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







}







footer .widget_recent_post li a {







	color: #ccc;







}







footer .widget h3 {







	margin-bottom: 20px;







}







footer .widget_list li {







	padding: 0 0 10px 0;







	margin: 0;







	margin-bottom: 10px;







	background: none;







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







}







footer .widget_list li a {







	color: #ccc;







}







footer .tiny-border span{







	background:#ffffff;







	display:block;







	height:1px;







	width:30px;







}























.side-layout header{







	width:20%;







	height:100%;







	background:#222;







	position:fixed;







	padding:30px;







	top:0;







}















.side-layout header.header-light{







	background:#fff;







	border-right:solid 1px #eee;







}















.side-layout #content{







	width:80%;







	float:right;







}















.side-layout footer{







	width:80%;







	float:right;







}















.side-layout .container{







	width:90%;







}















.side-layout section{







	width:100%;







	float:right;







}























.side-layout header .info{







	display:none;







}















.side-layout #mainmenu{







	padding:0;







	margin-top:40px;







}















.side-layout #mainmenu > li{







	display:block;







	width:100%;







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







	margin-bottom:5px;







	padding-bottom:5px;







}















.side-layout header.smaller #mainmenu > li{







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







}















.side-layout header.smaller{







	border-right:solid 1px #f6f6f6;







}















.side-layout header.header-dark.smaller{







	border-right:none;







}















.side-layout #mainmenu > li:last-child{







	border-bottom:none;







}















.side-layout #mainmenu > li > a{







	padding:0;







	margin:0;







}















.side-layout #mainmenu > li > a span{







	display:none;







}















.side-layout #mainmenu > li > ul {







	top: 0;







	margin-left: 120%;







}















.side-layout #mainmenu li ul {







	border:solid 1px #888;







}















.side-layout header div#logo {







	display: block;







	float:none;







	text-align:center;







	}















.side-layout header div#logo img{







	width:100%;







}















.side-layout #subheader{







	width:80%;







	float:right;







	text-align:left;







}















.side-layout #subheader h1{







	margin-top:0;







	font-size:24px;







}















.side-layout #subheader .small-border-deco span{







	margin:0;







}















.side-layout.side-custom-bg header{







	background:url(../images/background/bg-header.jpg) top left;







	background-size:cover;







}















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























/* misc */























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















header.smaller #de_topbar{







	background: rgba(255,255,255,.1) !important;	







}















#de_topbar a{







	color:#ffffff;







}















.dark-mode .accordion-section-title,







.dark-mode .pricing-s2 .top .price,







.dark-mode .owl-item.active.center > div blockquote,







.dark-mode .owl-item.active.center > div blockquote .de_testi_by,







.dark-mode .de_table:not(.no-heading) .tr:first-child,







.dark-mode .de_table:not(.no-heading) .tr,







.dark-mode .box-highlight .content, .dark-mode .box-highlight .content strong,







.dark-mode .pricing-s1 .bottom ul li,







.dark-mode .post-text h3 a{







	color:#ffffff;







}















body.dark-mode,







.dark-mode #content,







.dark-mode section:not(.bg-gradient-to-right):not(.bg-color):not(.bgcolor-variation),







.dark-mode .box-highlight .content,







.dark-mode .pricing-s1 .bottom ul li,







.dark-mode .table-pricing tbody tr:hover{







	background:var(--dark-mode-color-1);







}















.dark-mode .pricing-s2,







.dark-mode .feature-box-type-1,







.dark-mode .feature-box-type-2,







.dark-mode .owl-item.active.center > div blockquote,







.dark-mode .de_table .tr:nth-child(2n),







.dark-mode .bgcolor-variation,







.dark-mode .table-pricing tbody tr,







.dark-mode .pricing-s1 .bottom ul li:nth-child(2n){







	background:var(--dark-mode-color-2);







}















.dark-mode .accordion-section-title{







	border-color:rgba(255,255,255,.1);







}















.dark-mode .feature-box-type-2 i {







    text-shadow: 5px 5px 5px rgba(0,0,0,.3);







}















.dark-mode .de_table .tr,







.dark-mode .de_table .tr .td,







.dark-mode .de_table:not(.no-heading) .tr:first-child{







	border-color:rgba(255,255,255,.1);







}















.dark-mode footer{







	background:var(--dark-mode-color-3);







}







.dark-mode .table-pricing th,







.dark-mode .table-pricing tbody tr{







	border-top-color:var(--dark-mode-color-1);







}















.opt-1{







	display:inline-block;







}















.size96{







	width:96px;







	height:auto;







}















.domain-ext{







	margin-top:15px;







}







.ext{







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







	display:inline-block;







	padding:8px 10px 0px 10px;







	font-size:12px;







	border-radius:5px;







	margin:0 5px 10px 5px;







}







.ext h4{







	font-size:18px;







	line-height:10px;







	margin-bottom:0;







}















.border{







	border-color:#EFEFEF !important;







}















.wm{







	font-size:200px;







	opacity:.2;







	position:absolute;







	top:0;







	left:0;







	z-index:0;







	letter-spacing:-.05em;







}















.fc-header-toolbar{







	font-size:14px;







}















.fc-content{







	color:#ffffff;







	padding:3px;







}















.fc-widget-header{







}















.fc-view{







	background:#ffffff;







}















.fc-day-number{







	padding:4px 8px !important;







}















i.big{







	display:inline-block;







	font-size:48px;







}















.text-light .border{







	border-color:rgba(255,255,255,.1) !important;







}















.container-full{







	display:table;







	width:100%;







	table-layout: fixed;







	border-collapse:collapse;







	padding:0 !important;







	margin:0 !important;







	overflow:hidden;







}















.one-fourth{







	width:24.9%;







	display:table-cell;







	vertical-align:middle;







}















.one-third{







	width:33.3%;







	float:left;







}























.three-fourth{







	position:relative;







	width:74.9%;







	height:100%;







	display:table-cell;







}















.owl-carousel{







	position:relative;







	margin-top:-5px;







	bottom:-5px;







}















.schedule-item {







	padding: 40px 0 30px 0;







	border-bottom: solid 1px #ddd;







}







.schedule-listing:nth-child(even) {







	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,e5e5e5+50,ffffff+100&0+0,1+50,0+100 */







	background: -moz-Infinyr-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(229, 229, 229, 1) 50%, rgba(255, 255, 255, 0) 100%);







	/* FF3.6-15 */







	background: -webkit-Infinyr-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(229, 229, 229, 1) 50%, rgba(255, 255, 255, 0) 100%);







	/* Chrome10-25,Safari5.1-6 */







	background: Infinyr-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(229, 229, 229, 1) 50%, rgba(255, 255, 255, 0) 100%);







	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */







	filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00ffffff', GradientType=1);







	/* IE6-9 */







}







.schedule-item>div {







	float: left;







}







.schedule-item .sc-time {







	width: 160px;







	padding-top: 25px;







	color: #333;







}







.schedule-item .sc-pic {







	width: 120px;







}







.schedule-item .sc-pic img {







	width: 80px;







	height: auto;







}







.schedule-item .sc-name {







	font-weight: normal;







	font-size: 14px;







	width: 160px;







	padding-top: 15px;







}







.schedule-item .sc-name h4 {







	font-size: 14px;







	font-weight: bold;







	margin: 0;







	line-height: 1.6em;







}







.schedule-item .sc-name span {







	font-weight: normal;







	font-size: 12px;







}







.schedule-item .sc-info {







	float: none;







	display: inline-block;







	width: 60%;







}







.schedule-item .sc-info h3 {







	margin-bottom: 10px;







}







.de_tab.tab_style_4 .de_nav {







	-webkit-touch-1A1C26out: none;







	/* iOS Safari */







	-webkit-user-select: none;







	/* Safari */







	-khtml-user-select: none;







	/* Konqueror HTML */







	-moz-user-select: none;







	/* Firefox */







	-ms-user-select: none;







	/* Internet Explorer/Edge */







	user-select: none;







	/* Non-prefixed version, currently







                                  supported by Chrome and Opera */







}







strong {







	font-weight:bold;







}







.text-light strong {







	color: #fff;







}







.bg-white {







	background: #ffffff;







}







.wh80 {







	width: 80%;







	height: 80%;







}







.border-top {







	border-top: solid 1px #e5e5e5;







}







.border-bottom {







	border-bottom: solid 1px #e5e5e5;







}







.color-overlay {







	background: rgba(157, 130, 235, .3);







}







section .color-overlay {







	padding: 60px 0 60px 0;







}







.color-overlay-2 {







	background: rgba(26, 37, 48, .85);







}







.fontsize24 {







	font-size: 24px;







}







.fontsize32 {







	font-size: 32px;







}







.fontsize36 {







	font-size: 36px;







}







.fontsize40 {







	font-size: 40px;







}







.fontsize48 {







	font-size: 48px;







}







.overlay50 {







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







}







.overlay60 {







	background: rgba(0, 0, 0, .6)







}







.overlay70 {







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







}







.overlay80 {







	background: rgba(0, 0, 0, .8)







}







.hidden-xy {







	overflow: hidden;







}







.border-box {







	border: solid 1px #dddddd;







}







.display-table {







	display: table;







}







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







	float: none;







	display: table-cell;







	vertical-align: top;







	margin: 0;







	padding: 0;	







}







#popup-box {







	position: fixed;







	background: #fff;







	width: 100%;







	height: 100%;







	z-index: 10000;







	top: -100%;







	overflow-y: auto;







}







#popup-box.popup-show {







	top: 0;







}







#popup-box.popup-hide {







	top: -100%;







}







.overlay-s1 {







	background: rgba(217, 42, 224, .5);







}







.overlay-s2 {







	background: rgba(255, 135, 140, .5);







}







.overlay-s3 {







	background: rgba(91, 35, 108, .5);







}







.circle-x {







	background: #333;







	display: inline-block;







	padding: 20px;







	font-size: 40px;







	color: #fff;







	margin-top: 140px;







	width: 70px;







	height: 70px;







	border-radius: 60px;







	-moz-border-radius: 60px;







	-webkit-border-radius: 60px;







	-webkit-box-shadow: 8px 8px 40px 0px rgba(0, 0, 0, 0.6);







	-moz-box-shadow: 8px 8px 40px 0px rgba(0, 0, 0, 0.6);







	box-shadow: 8px 8px 40px 0px rgba(0, 0, 0, 0.6);







}







#services-list {







	padding: 0;







	margin: 0;







}







#services-list li a {







	color: #fff;







}







#services-list li.active a:after {







	font-family: "FontAwesome";







	content: "\f054";







	float: right;







}







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







}







.de_light #services-list li {







	background: #eee;







}







#services-list li a {







	display: block;







	padding: 15px 20px 15px 20px;







	text-decoration: none;







}







#services-list li a:hover {







	color: #111;







}







.pic-services img {







	margin-bottom: 30px;







}







#services-list li.active a, #services-list li.active a:hover {







	color: #fff;







	background: #333;







}







.project-images img {







	margin-bottom: 60px;







}







.teaser-text {







	font-family: "proxima-nova";







	font-size: 18px;







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







	line-height: normal;







	font-weight: 300;







}







.teaser-text h2 {}







#navigation {







	position: fixed;







	width: 100%;







	height: 60px;







	top: 0;







	right: 20px;







	text-align: center;







	margin-bottom: 60px;







	z-index: 1000;







}















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







}







p.intro {







	color: #555;







	font-size: 16px;







	line-height: 1.5em;







}







.bg-grey {







	background: #f6f6f6;







}







.no-bottom .col-md-12 {}







.no-bottom {







	padding-bottom: 0 !important;







}







.no-top {







	padding-top: 0 !important;







}







.no-margin {







	margin: 0 !important;







}







.nopadding {







	padding: 0;







	margin: 0;







}







#filters i {







	margin-right: 10px;







}







.bg-side {







	position: relative;







	overflow: hidden;







}







.image-container {







	position: absolute;







	padding: 0;







	margin: 0;







	background-size: cover;







}







.image-slider {







	cursor: move;







}







.inner-padding {







	padding: 90px;







}







.no-padding, section.no-padding {







	padding: 0;







}







.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_02/page-loader.gif') 50% 50% no-repeat rgb(249, 249, 249);







}







.page-overlay {







	display: none;







	width: 120px;







	height: 120px;







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







	border-radius: 10px;







	position: fixed;







	top: 0;







	bottom: 0;







	left: 0;







	right: 0;







	z-index: 10000;







	margin: auto;







}







.teaser {







	font-size: 16px;







	line-height:1.8em;







	font-weight:400;







}







.teaser.style-2 {







	letter-spacing: 20px;







	text-transform: uppercase;







}







.teaser.style-3 {







	font-size: 14px;







}







.teaser.style-4 {







	letter-spacing: 5px;







	text-transform: uppercase;







	font-size: 14px;







}







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







	padding: 20px;







	font-size: 32px;







	display: block;







}







.owl-arrow .next:before {







	content: '\f178';







}







.owl-pagination {







	margin-top: 0px;







	height: 40px;







}







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







	display: block;







	margin-top: 20px;







	margin-left: 10px;







	margin-right: 10px;







	width: 6px;







	height: 6px;







	background-color: #555;







	opacity: 1;







}







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







	background: none;







}







.owl-theme .owl-controls .owl-page.active span:before {







	content: '';







	display: inline-block;







	width: 12px;







	height: 12px;







	-moz-border-radius: 15px;







	-webkit-border-radius: 15px;







	border-radius: 15px;







	position: relative;







	border: solid 2px #555;







	top: -2px;







	left: -2px;







}















/* new owl */















.owl-theme .owl-nav.disabled + .owl-dots {







	margin-top:20px;







}















.owl-dots button{







	border:none;







	outline:none;







	padding:0;







}







.owl-theme .owl-dots .owl-dot span{







	width:8px;







	height:8px;







	display:none;







}















/* new owl close */















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







	background-color: #fff;







}







.text-light .owl-theme .owl-controls .owl-page.active span {







	background: none;







}







.text-light .owl-theme .owl-controls .owl-page.active span:before {







	border: solid 2px #fff;







}







.text-slider {







	color: #fff;







	display: inline-block;







}







.text-slider.med-text {







	font-size: 72px;







	line-height: 84px;







	font-weight: bold;







}







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







}







.text-slider h1 {







	font-size: 60px;







}







.text-rotate-wrap {







	display: inline-block;







}







.text-rotate-wrap .text-item {







	display: none;







}







.red {







	color: #ff0000;







}







.teal {







	color: #009999;







}







.purple {







	color: #663366;







}







.green {







	color: #009900;







}







.bg-overlay {







	position: absolute;







	width: 100%;







	height: 100%;







	z-index: 1;







}







.center-y {







	position: relative;







}







.overlay-bg {







	width: 100%;







	height: 100%;







	z-index: 100;







	background: rgba(var(--primary-color-1-rgb), .9);







	top: 0;







	padding:100px 0 100px 0;







}







.overlay-bg.p60{







	padding-top:60px;







	padding-bottom:60px;







}







.overlay-gradient {







	width: 100%;







	height: 100%;







	z-index: 100;







	top: 0;







}







.overlay-solid {







	width: 100%;







	height: 100%;







	z-index: 100;







	top: 0;







}







.overlay-bg.t0{







	background: rgba(var(--primary-color-1-rgb), 0);







}







.overlay-bg.t20{







	background: rgba(var(--primary-color-1-rgb), .2);







}







.overlay-bg.t30{







	background: rgba(var(--primary-color-1-rgb), .3);







}







.overlay-bg.t40{







	background: rgba(var(--primary-color-1-rgb), .4);







}







.overlay-bg.t50{







	background: rgba(var(--primary-color-1-rgb), .5);







}







.overlay-bg.t60{







	background: rgba(var(--primary-color-1-rgb), .6);







}







.overlay-bg.t70{







	background: rgba(var(--primary-color-1-rgb), .7);







}







.overlay-bg.t80{







	background: rgba(var(--primary-color-1-rgb), .8);







}







.overlay-bg.t90{







	background: rgba(var(--primary-color-1-rgb), .9);







}







.overlay-bg.c1 {







	background: rgba(var(--primary-color-1-rgb), .8);







}















.overlay-bg.dark{







	background:rgba(20,20,20,.8);







}















.overlay-bg.gradient-blue-aqua{







background: -moz-Infinyr-gradient(45deg,  rgba(2,68,129,0.9) 0%, rgba(52,176,188,1) 100%);







background: -webkit-Infinyr-gradient(45deg,  rgba(2,68,129,0.9) 0%,rgba(52,176,188,1) 100%);







background: Infinyr-gradient(45deg,  rgba(2,68,129,0.9) 0%,rgba(52,176,188,1) 100%);







filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc024481', endColorstr='#cc34b0bc',GradientType=1 );







}







.full-height .overlay-bg {







	display: table;







}







.full-height .overlay-gradient {







	display: table;







}







.full-height .center-y {







	display: table-cell;







	vertical-align: middle;







}







.pic-hover {







	width: 100%;







	position: relative;







	overflow: hidden;







}







i.btn-action-hide {







	opacity: 0;







}







.pic-hover:hover .bg-overlay {







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







}







.pic-hover:hover i.btn-action-hide {







	opacity: 1;







}







.pic-hover.hover-scale:hover img {







	-moz-transform: scale(1.1);







	-webkit-transform: scale(1.1);







	transform: scale(1.1);







}







.center-xy {







	position: absolute;







	z-index: 5;







}







.center-xy i.btn-action {







	font-size: 24px;







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







	padding: 16px;







	width: 60px;







	height: 60px;







	border-radius: 60px;







	text-align: center;







	color: #fff;







}







.center-xy i.btn-action:hover {







	border-color: rgba(255, 255, 255, 0);







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







}







.center-xy i.btn-action.btn-play {







	padding-left: 20px;







}







.bg-grey, section.bg-grey {







	background: #f8f8f8;







}







.wow {







	visibility: hidden;







}







#back-to-top {







	position: fixed;







	bottom: -40px;







	right: 40px;







	z-index: 1020;







	width: 32px;







	height: 32px;







	text-align: center;







	line-height: 30px;







	background: #f6f6f6;







	cursor: pointer;







	border: 0;







	border-radius: 2px;







	text-decoration: none;







	transition: opacity 0.2s ease-out;







	outline: none;







	opacity: 0;







}







#back-to-top:hover {







	background: #111;







}







#back-to-top.show {







	bottom: 40px;







	opacity: 1;







}







#back-to-top.hide {







	bottom: -40px;







}







#back-to-top:before {







	font-family: "FontAwesome";







	font-size: 14px;







	content: "\f176";







	color: #fff;







	position: relative;







	margin: 5px;







}















/* mouse scroll icon begin */















.mouse {







	position: absolute;







	width: 22px;







	height: 42px;







	bottom: 40px;







	left: 50%;







	margin-left: -12px;







	border-radius: 15px;







	border: 2px solid #fff;







	-webkit-animation: intro 1s;







	animation: intro 1s;







}







.scroll {







	display: block;







	width: 3px;







	height: 3px;







	margin: 6px auto;







	border-radius: 4px;







	background: #fff;







	-webkit-animation: finger 1s infinite;







	animation: finger 1s infinite;







}







@-webkit-keyframes intro {







	0% {







		opacity: 0;







		-webkit-transform: translateY(40px);







		transform: translateY(40px);







	}







	100% {







		opacity: 1;







		-webkit-transform: translateY(0);







		transform: translateY(0);







	}







}







@keyframes intro {







	0% {







		opacity: 0;







		-webkit-transform: translateY(40px);







		transform: translateY(40px);







	}







	100% {







		opacity: 1;







		-webkit-transform: translateY(0);







		transform: translateY(0);







	}







}







@-webkit-keyframes finger {







	0% {







		opacity: 1;







	}







	100% {







		opacity: 0;







		-webkit-transform: translateY(20px);







		transform: translateY(20px);







	}







}







@keyframes finger {







	0% {







		opacity: 1;







	}







	100% {







		opacity: 0;







		-webkit-transform: translateY(20px);







		transform: translateY(20px);







	}







}















/* mouse scroll icon close */















@-moz-keyframes bounce {







	0%, 20%, 50%, 80%, 100% {







		-moz-transform: translateY(0);







		transform: translateY(0);







	}







	40% {







		-moz-transform: translateY(-30px);







		transform: translateY(-30px);







	}







	60% {







		-moz-transform: translateY(-15px);







		transform: translateY(-15px);







	}







}







@-webkit-keyframes bounce {







	0%, 20%, 50%, 80%, 100% {







		-webkit-transform: translateY(0);







		transform: translateY(0);







	}







	40% {







		-webkit-transform: translateY(-30px);







		transform: translateY(-30px);







	}







	60% {







		-webkit-transform: translateY(-15px);







		transform: translateY(-15px);







	}







}







@keyframes bounce {







	0%, 20%, 50%, 80%, 100% {







		-moz-transform: translateY(0);







		-ms-transform: translateY(0);







		-webkit-transform: translateY(0);







		transform: translateY(0);







	}







	40% {







		-moz-transform: translateY(-30px);







		-ms-transform: translateY(-30px);







		-webkit-transform: translateY(-30px);







		transform: translateY(-30px);







	}







	60% {







		-moz-transform: translateY(-15px);







		-ms-transform: translateY(-15px);







		-webkit-transform: translateY(-15px);







		transform: translateY(-15px);







	}







}







.arrow-anim {







	position: absolute;







	bottom: 0;







	left: 50%;







	margin-left: -20px;







	width: 40px;







	height: 40px;







	background-size: contain;







}







.arrow-anim:before {







	content: "\f107";







	font-family: "FontAwesome";







	font-size: 32px;







}







.bounce {







	-moz-animation: bounce 2s infinite;







	-webkit-animation: bounce 2s infinite;







	animation: bounce 2s infinite;







}







a.read_more {







	display: inline-block;







	font-weight: bold;







	color: #222222;







	text-decoration: none;







}







a.read_more:hover {







	color: #707070;







}







a.read_more i {







	margin-left: 8px;







}







.text-light a.read_more {







	color: #fff;







}







.text-black {







	color: #222;







}























#de-arrow-nav-set {







	text-align: center;







}







#de-arrow-nav-set i {







	color: #222;







	font-size: 32px;







}







#de-arrow-nav-set i.icon_menu {







	display: inline-block;







}







.profile_pic h3 {







	margin-bottom: 0px;







}







.profile_pic .subtitle {







	font-size: 13px;







	display: block;







	margin-bottom: 10px;







	color: #999;







}







.profile_pic .tiny-border {







	margin-bottom: 20px;







}







.profile_pic span{







	color:#fff;







}







.owl-custom-nav {







	position: absolute;







	z-index: 100;







	right: 4px;







	margin-top: 80px;







	width: 100%;







}







.owl-custom-nav .btn-next, .owl-custom-nav .btn-prev {







	opacity: 0;







}







.owl-custom-nav .btn-next {







	right: -50px;







	position: absolute;







}







.owl-custom-nav .btn-prev {







	left: -50px;







	position: absolute;







}







.pf-hover:hover .btn-next {







	right: 30px;







	opacity: 1;







}







.pf-hover:hover .btn-prev {







	left: 30px;







	opacity: 1;







}







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







	font-size: 18px;







}







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







	font-family: "FontAwesome";







	content: "\f178";







	color: #fff;







	padding: 12px;







}







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







	font-family: "FontAwesome";







	content: "\f177";







	color: #fff;







	padding: 12px;







}







.owl-custom-nav a {







	text-decoration: none;







}







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







	cursor: pointer;







}







#custom-owl-slider {







	display: block;







	overflow: hidden;







	width: 100%;







	height: 100%;







	position: absolute;







	top: 0;







	z-index: -1;







	background: #fff;







}







#custom-owl-slider .items {







	width: 100%;







	height: 100%;







	overflow: hidden;







	z-index: 20;







	visibility: inherit;







	opacity: 1;







}







#custom-owl-slider .item img {







	display: block;







	width: 100%;







	height: 100%;







}







.owl-slider-nav {







	position: absolute;







	width: 100%;







}







.owl-slider-nav, .owl-slider-nav div {







	position: absolute;







	z-index: 10;







	cursor: pointer;







}







.owl-slider-nav .next {







	right: -50px;







	width: 0;







	height: 0;







	border-top: 50px solid transparent;







	border-bottom: 50px solid transparent;







	border-right: 50px solid transparent;







}







.owl-slider-nav .prev {







	left: -50px;







	width: 0;







	height: 0;







	border-top: 50px solid transparent;







	border-bottom: 50px solid transparent;







	border-left: 50px solid transparent;







}







.owl-slider-nav .next:before {







	font-family: "FontAwesome";







	font-size: 24px;







	content: "\f0da";







	color: #fff;







	position: absolute;







	right: -40px;







	top: -13px;







}







.owl-slider-nav .prev:before {







	font-family: "FontAwesome";







	font-size: 24px;







	content: "\f0d9";







	color: #fff;







	position: absolute;







	left: -40px;







	top: -13px;







}















.owl-dots{







	text-align:center;







	margin-top:20px;







}







.owl-dot{







	background:#ccc;







	border:none;







	margin:5px;







	width:6px;







	height:6px;







	padding:0;







	border-radius:60px;







	-moz-border-radius:60px;







	-webkit-border-radius:60px;







}







.owl-dot.active{







	background:#1A1C26;







}















.owl-item.active.center > div blockquote{







	background:#fff;







	position:relative;







	overflow:hidden;







}















.owl-item.active.center > div blockquote,







.owl-item.active.center > div blockquote .de_testi_by  {







	color:#333333;







	opacity:1;







}







.owl-item.active.center > div blockquote:before{







	position:absolute;







	top:0;







	left:0;







	color:#fff;







	border-radius:0 0 6px 0;







}















.owl-stage{







	overflow:none;







}























/* new table */















.de_table {







	 display: table;







	 border-collapse: collapse;







	 width:100%;







}







 .de_table .tr {







	 display: table-row;







	 border: 1px solid #ddd;







}







.de_table:not(.no-heading) .tr:first-child {







	 font-weight: 600;







	 border-bottom: 2px solid #ddd;







	 color:#111111;







}







 .de_table .tr:nth-child(even) {







	 background-color: #f9f9f9;







}







 .de_table .tr .td {







	 display: table-cell;







	 padding: 8px;







	 border-left: 1px solid #ddd;







}







 .de_table:not(.no-heading) .tr .td:first-child {







	 border-left: 0;







}















.de_table.cols-2 .btn-custom{







	padding:5px 10px;







}















.de_table.table-style-2{







	font-size:15px;







}







.de_table.table-style-2 .tr .td{







	border:none;







	padding:10px;







}







.de_table.table-style-2:not(.no-heading) .tr:first-child{







	color:#ffffff;







	border:none;







}







.de_table.cols-2 .tr .td:last-child{







	text-align:right;







}























/* close new table */















.table {







	display: table;







	margin-bottom: 0;







}







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







	float: none;







	display: table-cell;







	vertical-align: top;







	padding:0;







	height:100%;







}







.table-custom-1{







	position:absolute;







	height:100%;







}







.table .table {







	background: none;







}















.table-pricing{







	font-size:18px;







	border-radius:10px;







	border:none;







	







}







.table-pricing thead{







	color:#ffffff;







	font-size:18px;







}







.table-pricing thead tr th{	







	padding:20px 0 20px 0;







}







.table-pricing tbody tr{







	width:100%;







	background:#f2f2f2;







	border-top:solid 8px #ffffff;	







}







.table-pricing tbody tr:hover{







	background:#e2e2e2;







}







.table-pricing tbody tr td,







.table-pricing tbody tr th{







	border:none;	







	padding:20px 0 20px 0;







}







.table-pricing tbody tr th .lbl,







.table-pricing tbody tr td .lbl{







	display:none;







}















.text-middle, .table [class*="col-"].text-middle {







	vertical-align: middle;







}















.typed,.typed-strings{display:inline-block;}







.typed-strings p{position:absolute;}







.typed-cursor{







opacity: 1;







-webkit-animation: blink 0.7s infinite;







-moz-animation: blink 0.7s infinite;







animation: blink 0.7s infinite;







}







@keyframes blink{







0% { opacity:1; }







50% { opacity:0; }







100% { opacity:1; }







}







@-webkit-keyframes blink{







0% { opacity:1; }







50% { opacity:0; }







100% { opacity:1; }







}







@-moz-keyframes blink{







0% { opacity:1; }







50% { opacity:0; }







100% { opacity:1; }







}















.mask{







	position:relative;







	overflow:hidden;







}















.mask img{







	width:100%;







}















.mask .cover{







	position:absolute;







	z-index:100;







	width:100%;







	height:85px;







	padding:20px 30px;







	background:rgba(var(--primary-color-1-rgb), .4);







	bottom:0;







}







.mask .cover h3{







	font-size:18px;







	color:#fff;







	margin-bottom:0px;







}







.style-2 .cover{







	height:63px;







}







.mask .cover p{







	opacity:0;







	position:absolute;







	color:#fff;







	padding-top:20px;







	padding-right:25px;







}







.mask:hover img{







	transform: scale(1.1);







}







.mask:hover .cover{







	height:100%;







}







.mask:hover .cover p{







	opacity:1;







}







.mask .cover h3 span{







	margin-left:50px;







}







.mask .cover .date{







	color:#ffffff;







	text-transform:uppercase;







	font-size:12px;







	letter-spacing:1px;







	padding-left:15px;







}







.mask .cover .date:before{







	position:absolute;







	font-family:"FontAwesome";







	content:"\f111";







	font-size:10px;







	left:31px;







	margin-top:-1px;







}







.mask .cover a.btn-custom{







	display:inline-block;







	width:auto;







	margin-top:20px;







}







.style-2 .date-box{







	text-align:center;







	position:absolute;







	right:0;







	padding:15px 5px 5px 5px;







	color:#fff;







}







.style-2 .date-box .d{







	font-weight:600;







	font-size:38px;







	margin-bottom:5px;







}







.style-2 .date-box .m{







	font-family:"proxima-nova";







	font-size:13px;







	text-transform:uppercase;







	letter-spacing:8px;







	margin-left:8px;







}















.sitemap{







	margin:0;







	padding:0;







}







.sitemap.s1 li{







	list-style:none;







}







.sitemap.s1 li:before{







	font-family: FontAwesome;







	content: "\f016";







	margin-right:10px;







}















.list{







	margin:0;







	padding:0;







}







.list li{







	list-style:none;







}







.list.s1 li:before{







	font-family: FontAwesome;







	content: "\f00c";







	margin-right:10px;







}







.list.s2 li:before{







	font-family: FontAwesome;







	content: "\f055";







	margin-right:10px;







}















.list.s3{







	display: inline;







	margin:0;







	padding:0;







}















.list.s3 li{







	display: inline;







	margin-right:20px;







}















.list.s3 a{







	font-weight:bold;







}















#owl-logo img{







	opacity:.8;







}







#owl-logo img:hover{







	opacity:1;







}























.switch-set div{







	display:inline-block;







	padding:0 5px;







}















.switch {







	margin-bottom:-5px;







	 -webkit-appearance: none;







	 height: 24px;







	 width: 44px;







	 background-color: lightgray;







	 border-radius: 60px;







	 position: relative;







	 cursor: pointer;







}







 .switch::after {







	 content: "";







	 width: 20px;







	 height: 20px;







	 background-color: gray;







	 position: absolute;







	 border-radius: 100%;







	 transition: .5s;







	 margin:2px 0 0 2px;







}







/*







 .switch:checked {







	 background-color: blue;







}







*/







 .switch:checked::after {







	 transform: translateX(20px);







}







 .switch:focus {







	 outline-color: transparent;







}







 







.box-highlight{







	-webkit-box-shadow: 5px 5px 40px 0px rgba(0, 0, 0, 0.1);







	-moz-box-shadow: 5px 5px 40px 0px rgba(0, 0, 0, 0.1);







	box-shadow: 5px 5px 40px 0px rgba(0, 0, 0, 0.1);







}







 







.box-highlight,







.box-highlight .content{







	border-radius:5px;







	-moz-border-radius:5px;







	-webkit-border-radius:5px;	







	padding:5px;







}















.box-highlight .heading{







	padding:5px 10px 0 10px;







}















.box-highlight .content{







	margin:5px;







	padding:20px;







	background:#ffffff;







}















.box-highlight .content,







.box-highlight .content strong{







	color:#111111;







}















.box-highlight .content.v1 p{







	font-size:20px;







}















#selector{







	width:40px;







	position:fixed;







	right:0;







	top:120px;







	padding:5px;







	z-index:1000;







}















#selector .opt{







	width:20px;







	height:20px;







	display:block;







	margin-bottom:10px;







	background:#ffffff;







	border-radius:30px;







	-moz-border-radius:30px;







	-webkit-border-radius:30px;







	cursor:pointer;







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







}















#selector .opt:hover{







	border-color:#ffffff;







}















#selector .opt.tc1{background:linear-gradient(to right, #ab46ec, #2674e8);}







#selector .opt.tc2{background:linear-gradient(to right, #5d82b4, #59c9df);}







#selector .opt.tc3{background:linear-gradient(to right, #5db479, #65df59);}







#selector .opt.tc4{background:linear-gradient(to right, #b45d74, #df59b3);}







#selector .opt.tc5{background:linear-gradient(to right, #5D5EB4, #5998e4);}







#selector .opt.tc6{background:linear-gradient(to right, #ea4c89, #ea4c89);}







#selector .opt.tc7{background:linear-gradient(to right, #2E28A8, #2E75F3);}























#selector #dark-mode,







#selector #related-items{







	font-weight:bold;







	-webkit-user-select: none;







	-moz-user-select: none;







	-ms-user-select: none;







	user-select: none;







	margin-top:50px;







	right:15px;







	width:40px;







	height:39px;







	position:absolute;	







	background:#222222;	







	padding:8px;







	padding-top:0px;







	cursor:pointer;







	overflow:hidden;







	border-radius:60px;







	-moz-border-radius:60px;







	-webkit-border-radius:60px;







	color:#FDD32A;







	font-size:16px;







}







#selector #related-items{







	margin-top:100px;







	background:#82b440;







	color:#ffffff;







}







#selector #dark-mode:hover,







#selector #related-items:hover{







	width:190px;







}







#selector #dark-mode:before,







#selector #related-items:before{







	font-weight:normal;







	display:inline-block;







	content:'\f186';







	font-family:"FontAwesome";







	font-size:20px;







	padding:3px;







	padding-top:6px;







	margin-right:10px;







}







#selector #related-items:before{







	content:'\f05a';







}







#selector #dark-mode.active{







	background:#FDD32A;







	color:#222222;







}















#theme-select-wrapper{







	position:fixed;







	width:100%;







	height:100%;







	top:0;







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







	z-index:1001;







	display:none;







}







#theme-select{







	position:fixed;







	width:400px;







	height:100%;







	background:#ffffff;







	color:#333333;







	right:-400px;







	top:0;







	padding:30px;







	overflow-y:scroll;







	font-size:16px;







}







#theme-select.active{







	right:0;







}







#theme-select img{







	border-radius:3px;







}







#theme-select img:hover{







	opacity:.7;







}







#theme-select a.btn-purchase{







	background:#82b440;







}







#theme-select::-webkit-scrollbar {







  display: none;







}







#theme-select {







  -ms-overflow-style: none;







}







.theme-item{







	margin-bottom:10px;







}







.theme-info{







	padding:5px 0;







}







.theme-info .theme-title{







	font-weight:bold;







}







.theme-price{







	color:#ffffff;







	background:#82b440;







	font-weight:bold;







	padding:0 5px;







	border-radius:5px;







	-moz-border-radius:5px;







	-webkit-border-radius:5px;







}







.disable-dark #selector #dark-mode{







	display:none;







}















.demo-icon-wrap-s2{







	margin-bottom:30px;







}







.demo-icon-wrap-s2 span{







	font-size:28px;







	margin-right:20px;







	position:relative;







	top:5px;







}















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























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







}







.side-bg {







	position: relative;







}







.side-bg .image-container {







	height: 100%;







	overflow: hidden;







	padding: 0;







	position: absolute;







	top: 0







}







.side-bg .background-image {







	background-position: 50% 50%;







	background-size: cover;







	width: 100%;







	height: 100%;







	left: 0;







	position: absolute;







	z-index: 0;







}







.side-bg.right .image-container {







	right: 0;







}







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







	text-decoration: none;







	color: #646464;







	font-size: 13px;







	cursor: pointer;







}







.de_review blockquote {







	border: none;







	font-family: "proxima-nova", Georgia, "Times New Roman", Times, serif;







}







.de_review .de_nav li span {







	border: 1px solid #202220;







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







}







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







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







}







.separator span:before {







	right: 100%;







	margin-right: 15px;







}







.separator span:after {







	left: 100%;







	margin-left: 15px;







}







.separator span i {







	font-size: 12px;







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







}















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







	 * plugin







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























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







* revolution slider setting







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















#revolution-slider {







	background: #222;







}







.tp-caption {







	color: #fff;







	font-weight: 300;







}







.tp-caption.teaser {







	letter-spacing: 5px;







}







.tp-caption br {







	margin-bottom: 5px;







}







.tparrows {







	top: 50%;







}







.med {







	font-size: 24px;







	letter-spacing: -.5px;







}







.med-white {







	color: #fff;







	font-size: 24px;







	letter-spacing: -.5px;







}







.med-green {







	color: #1a8b49;







	font-size: 24px;







	letter-spacing: -.5px;







}







.small-white {







	color: #fff;







	line-height: 1.7em;







}







.big-black {







	font-size: 52px;







	letter-spacing: -3px;







	color: #222;







}







.big-white {







	font-size: 16px;







	color: #fff;







	line-height: normal;







	font-weight: 300;







	text-transform: uppercase;







	letter-spacing: 6px;







}







.very-big-white {







	font-family: "proxima-nova";







	font-size: 64px;







	color: #fff;







	margin: 0;







	font-weight: 500;







}







.ultra-big-white {







	font-size: 120px;







	font-weight: bold;







	color: #fff;







	margin: 0;







}







.ultra-big-black {







	font-size: 96px;







	font-weight: 400;







	color: #222;







	margin: 0;







	line-height: 72px;







}







a.btn-slider:hover {







	color: #222;







}







.tp-caption.separator {







	width: 100px;







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







}















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























/* isotope */























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















.isotope, .isotope .isotope-item {







	/* change duration value to whatever you like */







	-webkit-transition-duration: 1s;







	-moz-transition-duration: 1s;







	-ms-transition-duration: 1s;







	-o-transition-duration: 1s;







	transition-duration: 1s;







}







.isotope {







	-webkit-transition-property: height, width;







	-moz-transition-property: height, width;







	-ms-transition-property: height, width;







	-o-transition-property: height, width;







	transition-property: height, width;







}







.isotope .isotope-item {







	-webkit-transition-property: -webkit-transform, opacity;







	-moz-transition-property: -moz-transform, opacity;







	-ms-transition-property: -ms-transform, opacity;







	-o-transition-property: -o-transform, opacity;







	transition-property: transform, opacity;







}















/**** disabling Isotope CSS3 transitions ****/















.isotope.no-transition, .isotope.no-transition .isotope-item, .isotope .isotope-item.no-transition {







	-webkit-transition-duration: 0s;







	-moz-transition-duration: 0s;







	-ms-transition-duration: 0s;







	-o-transition-duration: 0s;







	transition-duration: 0s;







}







#filters {







	font-family:"proxima-nova";







	padding: 0;







	margin: 0;







	margin-bottom: 20px;







	font-weight: 400;







}







#filters li {







	display: inline-block;







	margin-right: 5px;







	margin-bottom: 10px;







	font-size:11px;







	text-transform:uppercase;







}







#filters a {







	background: none;







	outline: none;







	color: #888;







	text-decoration: none;







	color: #888;







	padding:5px 20px 5px 20px;







	border-radius:5px;







	-moz-border-radius:300px;







	-webkit-border-radius:300px;







}







.text-light #filters a {







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







}







#filters a:hover {







	color: #111;







}







#filters a.selected {







	color: #fff;







}







.text-light #filters a:hover {







	color: #fff;







}







.text-light #filters a.selected {







	color: #fff;







}







.text-light #filters a.selected {







	color: #fff;







}







.isotope-item {







	z-index: 2;







}







.isotope-hidden.isotope-item {







	pointer-events: none;







	z-index: 1;







}















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























/* flex slider */























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















.flexslider {







	width: 100%;







	background: none;







	border: none;







	box-shadow: none;







	margin: 0px;







}







.control-slider {







	float: right;







	display: inline-block;







	margin-right: -10px;







}







.prev-slider, .next-slider {







	float: left;







	display: block;







	text-align: center;







	margin-top: 10px;







	cursor: pointer;







}







.prev-slider i, .next-slider i {







	border: solid 1px #ccc;







	padding: 5px 10px 5px 10px;







}







.prev-slider i:hover, .next-slider i:hover {







	color: #fff;







	border: solid 1px #333;







	background: #333;







}







.prev-slider {







	margin-right: -5px;







}







.project-carousel ul.slides, .project-carousel-3-col ul.slides {







	margin-top: 10px;







	margin-bottom: 20px;







}







.logo-carousel .flex-direction-nav, .project-carousel .flex-control-nav, .project-carousel .flex-direction-nav, .project-carousel-3-col .flex-control-nav, .project-carousel-3-col .flex-direction-nav {







	display: none;







}







.logo-carousel.no-control .flex-control-nav {







	display: none;







}







.logo-carousel li img {







	width: auto;







}















/* flex slider - testi slider */















#testimonial-full {







	text-align: center;







	padding: 10px 0 10px 0;







	text-shadow: none;







}







#testimonial-full blockquote {







	color: #fff;







	border: none;







	margin: 0;







	font-size: 18px;







	font-weight: 300;







	font-style: normal;







	line-height: 1.5em;







	text-transform: uppercase;







	letter-spacing: 3px;







}







#testimonial-full span {







	letter-spacing: 0;







	margin-top: 20px;







	text-transform: none;







}







.testi-slider .flex-control-nav {







	position: absolute;







	margin-top: -50px;







}







.testi-slider .flex-direction-nav {







	display: none;







}















/* Control Nav */















.testi-slider .flex-control-nav {







	width: 100%;







	position: absolute;







	bottom: -40px;







	text-align: center;







}







.testi-slider .flex-control-nav li {







	margin: 0 6px;







	display: inline-block;







	zoom: 1;







	*display: inline;







}







.testi-slider .flex-control-paging li a {







	background: none;







	width: 8px;







	height: 8px;







	display: block;







	border: solid 1px #fff;







	cursor: pointer;







	text-indent: -9999px;







	-webkit-border-radius: 20px;







	-moz-border-radius: 20px;







	-o-border-radius: 20px;







	border-radius: 20px;







	-webkit-box-shadow: none;







	-moz-box-shadow: none;







	-o-box-shadow: none;







	box-shadow: none;







}







.testi-slider .flex-control-paging li a:hover {







	border: solid 1px #fff;







	background: #fff;







}







.testi-slider .flex-control-paging li a.flex-active {







	border: solid 1px #fff;







	cursor: default;







	background: #fff;







}







.size10 {







	font-size: 10px;







}







.size20 {







	font-size: 20px;







}







.size30 {







	font-size: 30px;







}







.size40 {







	font-size: 40px;







}







.size50 {







	font-size: 50px;







}







.size60 {







	font-size: 60px;







}







.size70 {







	font-size: 70px;







}







.typed-strings p {







	position: absolute;







}







.deco-big {







	display: block;







	font-size: 120px;







	font-family: "Miama";







	margin-top: 48px;







	margin-left: -20px;







}







.deco-md {







	display: block;







	font-size: 120px;







	font-family: "Miama";







	margin-top: 32px;







	margin-left: -20px;







}







.social-icons-sm i {







	color: #fff;







	margin: 0 5px 0 5px;







	border: solid 1px #555;







	width: 32px;







	height: 32px;







	padding: 8px;







	text-align: center;







	border-radius: 30px;







}







.social-icons-sm i:hover {







	color: #ffffff;







}







.arrowup {







	width: 0;







	height: 0;







	border-left: 30px solid transparent;







	border-right: 30px solid transparent;







	border-bottom: 30px solid #fff;







	margin: 0 auto;







	left: 0;







	right: 0;







	position: absolute;







	margin-top: -30px;







}







.arrowdown {







	width: 0;







	height: 0;







	border-left: 30px solid transparent;







	border-right: 30px solid transparent;







	border-top: 30px solid #ffffff;







	margin: 0 auto;







	left: 0;







	right: 0;







	position: absolute;







}







.arrowright {







	width: 0;







	height: 0;







	border-top: 60px solid transparent;







	border-bottom: 60px solid transparent;







	border-left: 60px solid green;







}







.arrowleft {







	width: 0;







	height: 0;







	border-top: 10px solid transparent;







	border-bottom: 10px solid transparent;







	border-right: 10px solid blue;







}







blockquote.very-big {







	border: none;







	font-family: "proxima-nova";







	text-align: center;







	border: none;







	font-size: 32px;







	font-weight: 400;







	background: none;







	font-style: normal;







}







blockquote.very-big span {







	font-family: "proxima-nova";







}







a, img {







	outline: 0;
	max-width: 300px;



	 







}







.z1 {







	z-index: 1;







}







.z10 {







	z-index: 10;







}















.rtl-content{







	text-align:right;







}















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























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























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























@media only screen and (min-width: 1280px) {







	.container{







		min-width:1200px;







	}







}	















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







	#mainmenu li a:after {







		margin-left: 15px;







	}







	.pf_full_width.gallery_border .item, .pf_full_width.gallery_border.pf_2_cols .item, .pf_full_width.gallery_border.pf_3_cols .item {







		float: left;







		width: 23.95%;







	}







}















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







	design for 768px







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















@media (min-width: 768px) and (max-width: 979px) {







	.slider_text {







		padding-top: 0px;







	}







}







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







	







	.col-right{







	position:absolute;







	top:-82px;







	right:60px;







	width:140px;







	}







	







	.mb-sm-30{







		margin-bottom:30px;







	}







	







	.p-sm-30{







		padding:40px;







	}







	







	.pb-sm-0{







		padding-bottom:0;







	}







	







	.mb-sm-0{







		margin-bottom:0;







	}







	







	header .header-col{







		position:absolute;







		top:0;







	}







	header .header-col.mid{







		position:absolute;







		top:70px;







		width:100%;







		padding:0 0 0 0;







	}







	







	.text-center-sm {







		text-align: center;







	}







	#menu-btn {







		display: block;







		position: relative;







		float: right;







	}







	header div#logo {







		line-height:32px;







	}







	header {







		display: none;







	}







	header .info {







		display: none;







	}







	header.header-bg {







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







	}







	header, header.fixed {







		display: block;







		position: inherit;







		margin: 0;







		padding: 0;







		margin-top: 0;







		height: auto;







		background: #111111;







		padding: 15px 0 15px 0;







	}







	#de-sidebar {







		position: absolute;







		width: 100%;







		right: 1px;







	}







	header.side-header, .de_light header.side-header {







		position: absolute;







		display: block;







		height: 60px;







		top: 0;







		background: #000;







	}







	header.side-header #mainmenu {







		position: absolute;







		background: #000;







		margin: 0;







		top: 60px;







		left: 0;







		width: 100%;







	}







	header.side-header #logo .logo {







		display: none;







	}







	header.side-header #logo .logo-2 {







		display: inline-block;







		position: absolute;







		height: 30px;







		top: 15px;







		left: 40px;







	}







	header.side-header #menu-btn {







		position: absolute;







		top: 8px;







		right: 30px;







		height: 0;







		z-index: 2000;







		height: 35px;







	}







	header.side-header #mainmenu li {







		display: block;







	}







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







		display: block;







		text-align: center;







		color: #fff;







	}







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







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







	}







	header.side-header #mainmenu a:hover {







		background: none;







	}







	header.side-header #mainmenu a:hover {







		background: none;







	}







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







		display: none;







	}







	header.autoshow {







		height: auto;







		top: 0;







	}







	header.autoshow #mainmenu li a {







		background: none;







	}







	header.header-mobile-sticky {







		position: sticky;







	}







	#subheader, {







		padding: 0 0 0 0;







	}







	.de-navbar-left #subheader {







		padding: 0;







		margin: 0;







	}







	#subheader h1 {







		margin: 45px 0 45px 0;







	}







	#subheader span {







		display: none;







	}







	#subheader .crumb {







		display: none;







	}







	.de-navbar-left #subheader {







		padding-top: 70px;







	}







	.slider_text h1 {







		font-size: 32px;







	}







	.slider_text .description {







		display: none;







	}







	div#logo {







		margin-top: -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 {







		height:0;







	}







	#mainmenu {







		float: none;







		z-index: 200;







		width: 100%;







		margin: 0;







		padding: 0;







	}







	#mainmenu a {







		text-align: left;







		padding-left: 0;







		padding-top: 10px;







		padding-bottom: 10px;







	}







	#mainmenu li li a, #mainmenu li li li a {







		padding-left: 0;







	}







	#mainmenu a:hover {







		background: #111;







	}







	#mainmenu a:hover {







		background: #111;







	}







	#mainmenu li ul {







		display: block;







		position: inherit;







		margin: 0;







		width: 100%;







	}







	#mainmenu li {







		border-bottom: solid 1px #eee;







		margin: 0;







		width: 100%;







		display: block;







	}







	#mainmenu li a:after {







		display: none;







	}







	#mainmenu li:last-child {







		margin-bottom: 30px;







	}







	#mainmenu li ul {







		border-top: solid 1px #eee;







		top: auto;







		width: auto;







		height: auto;







		position: inherit;







		visibility: visible;







		opacity: 1;







	}







	#mainmenu li ul a {







		width: 100%;







		background: none;







		border: none;







	}







	#mainmenu li ul li {







		border: none;







		padding-left: 40px;







	}







	#mainmenu li ul li a {







		display: block;







	}







	#mainmenu li ul li:last-child {







		border-bottom: none;







		margin: 0;







	}







	#mainmenu li ul li:last-child a {







		border-bottom: none;







	}







	#mainmenu li a {







		color: #eceff3;







	}







	#mainmenu li li a:hover {







		color: #fff;







	}







	header.header-mobile{







		overflow:hidden;







		position:relative;







	}







	header.header-mobile #mainmenu {







		float: none;







		z-index: 200;







		width: 100%;







		margin: 0;







		padding: 0;







		text-align:left;







		padding-right:30px;







	}







	header.header-mobile #mainmenu a {







		text-align: left;







		padding-top: 10px;







		padding-bottom: 10px;







	}







	header.header-mobile #mainmenu a:hover {







		color:#85c8ff;







		background: none;







	}







	header.header-mobile #mainmenu li ul {







		display: block;







		position: inherit;







		margin: 0;







		width: 100%;







		background:none;







	}







	header.header-mobile #mainmenu li {







		border-bottom: solid 1px #eee;;







		margin: 0;







		width: 100%;







		display: block;







	}







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







		height: auto;







	}







	header.header-mobile #mainmenu li ul.mega .menu-content{







		background:#fff;







	}







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







		border-color: #eee;







	}







	header.header-dark.header-mobile{







		background:#222;







	}







	header.header-dark.header-mobile #mainmenu li{







		border-color: #333;







	}







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







		color:#fff;







	}







	header.header-mobile #mainmenu li a:after {







		display: none;







	}







	header.header-mobile #mainmenu li:last-child {







		margin-bottom: 30px;







	}







	header.header-mobile #mainmenu li ul {







		border-top: none;







		top: auto;







	}







	header.header-mobile #mainmenu li ul a {







		width: 100%;







		background: none;







		border: none;







	}







	header.header-mobile #mainmenu li ul li {







		border: none;







		padding-left: 40px;







	}







	header #mainmenu li ul li:first-child {







		border-top: solid 1px #eee;







	}







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







		display: block;







		border-bottom: solid 1px #eee;







	}







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







		border-bottom: none;







		margin: 0;







	}







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







		border-bottom: none;







	}







	header.header-mobile #mainmenu li a {







		color: #fff;







	}







	header.header-mobile #mainmenu li a:hover {







		color: #ffe2550ff;







	}







	header.header-mobile #mainmenu li li a:hover {







		color: #ffe2550ff;







	}







	header.header-mobile #mainmenu li ul {







		height: 0;







		overflow: hidden;







		position: relative;







		left: 0;







	}







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







		border-bottom: solid 1px #eee;







	}







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







		margin-bottom: 10px;







	}







	header.header-mobile #mainmenu>li>span {







		width: 36px;







		height: 36px;







		background: url(../images/ui/arrow-down.png) center no-repeat;







		position: absolute;







		right: 0;







		margin-top: 10px;







		z-index: 1000;







		cursor: pointer;







	}







	header.header-mobile #mainmenu li span.active {







		background: url(../images/ui/arrow-up.png) center no-repeat;







	}







	header.header-mobile #mainmenu li>ul>li>span {







		width: 36px;







		height: 36px;







		background: url(../images/ui/arrow-down.png) center no-repeat;







		position: absolute;







		right: 0;







		margin-top: -45px;







		z-index: 1000;







		cursor: pointer;







	}







	header.header-mobile #mainmenu>li>ul>li>span.active {







		background: url(../images/ui/arrow-up.png) center no-repeat;







	}







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







		border-bottom: solid 1px #eee;







	}







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







		border-bottom: none;







	}







	header.header-light.header-mobile #mainmenu>li>span, header.header-light.header-mobile #mainmenu li>ul>li>span {







		background: url(../images/ui/arrow-down.png) center no-repeat;







	}







	header.header-light.header-mobile #mainmenu>li>span.active, header.header-light.header-mobile #mainmenu li>ul>li>span.active {







		background: url(../images/ui/arrow-up.png) center no-repeat;







	}







	







	#mainmenu li ul.mega{







	position:fixed;







	left:0;







	width:100%;







	margin-top:30px;







	display:block;







}







#mainmenu li ul.mega > li{







	width:100%;







}







#mainmenu li ul.mega > li ul{







	position:static;







	visibility: visible;







	opacity: 1;







	left:0;







	float:none;		







	width:100%;







}







#mainmenu li ul.mega .inner{







	background:#1A1C26;







}







#mainmenu ul.mega > li ul li{







	margin:0;







	padding:0;







}















#mainmenu li ul.mega .menu-content{







	background:#202020;







	padding:30px;







}







	







	/* header light */







	.header-light #mainmenu ul li a, .header-light #mainmenu ul li a:hover {







		color: #333;







	}







	.de_tab.tab_steps .de_nav {







		text-align: center;







	}







	.de_tab.tab_steps .de_nav li {







		display: block;







		margin: 0;







		padding: 0;







	}







	.de_tab.tab_steps .de_nav li span {







		margin: 0;







		margin-bottom: 40px;







		display: inline-block;







	}







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







		border: none;







	}







	.hidden-phone {







		display: none;







	}







	.grid_gallery .item {







		width: 100%;







	}







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







		float: none;







		display: block;







		vertical-align: top;







	}







	







	.table-pricing thead tr,







	.table-pricing tbody tr {







		display:block;







		width:100%;







	}







	







	.table-pricing thead tr{







		display:none;







	}







	







	.table-pricing tbody tr th,







	.table-pricing tbody tr td{







		text-align:left;







		display:block;







		width:100%;







		







	}







	







	.table-pricing tbody tr td{







		padding:10px 30px;







	}







	







	.table-pricing tbody tr td:nth-child(2){







		padding-top:30px;







	}















	.table-pricing tbody tr td:last-child{







		padding-bottom:40px;







		text-align:center;







	}







	







	.table-pricing tbody tr th span,







	.table-pricing tbody tr td span{







		min-width:50%;







	}







	







	.table-pricing tbody tr th .lbl,







	.table-pricing tbody tr td .lbl{







		display:inline-block;







		min-width:50%;







	}







	







	.table-pricing tbody tr th{







		color:#ffffff;		







		padding:20px 30px;







	}















	.sm-hide {







		display: none;







	}







	.btn-rsvp {







		position: absolute;







	}







	.btn-close {







		position: relative;







	}







	.schedule-item .sc-info {







		padding-top: 20px;







	}







	







	.de_tab.tab_style_4 .de_nav li {







		min-width:100px;







	}







	







	#mainmenu a span{







		display:none;







	}







	







	.pf_full_width.grid{







		margin-left:1.5%;







	}







	







	.de_tab.tab_steps.style-2 .de_nav li.active .arrow{







		margin-top:-40px;







		margin-bottom:40px;















	}







	







	.table-custom-1{







		position:relative;







		height:auto;







	}	







	







	h1.very-big{







		font-size:9vw;







		letter-spacing:0;







	}







	







}















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







	custom for 320px & 480px 







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















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







	header .container{







		min-width:100%;







	}







	







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







		width: 100%;







	}







	#subheader h1 {







		font-size: 24px;







	}







	







	.container-4 .de-team-list {







		width: 100%;







		float: left;







		position: relative;







	}







	.countdown-section {







		font-size: 12px;







	}







	.countdown-amount {







		font-size: 36px;







	}







	.container {







		padding-left: 30px;







		padding-right: 30px;







	}







	.feature-box-image, .pricing-box {







		margin-bottom: 30px;







	}







	#filters li.pull-right {







		float: none;







	}







	.de_tab .de_nav li {







		display: block;







		width: 100%;







	}







	.pf_full_width .item {







		float: left;







		width: 49.9%;







	}







	.text-item {







		font-size: 48px;







		line-height: 48px;







	}







	.text-item i {







		font-size: 36px;







	}







	#de-sidebar {







		width: 100%;







		display: block;







		position: relative;







	}







	.gallery_border {







		margin-left: 0px;







	}







	.pf_full_width.gallery_border .item {







		width: 48.9%;







	}







	body.boxed {







		margin: 0px;







	}







	.schedule-item .sc-time {







		width: 100%;







		padding-bottom: 20px;







		float: none;







	}







	.schedule-item .sc-pic {







		width: 80px;







	}







	.schedule-item .sc-pic img {







		width: 60px;







	}







	.schedule-item .sc-name {







		padding-top: 5px;







	}







	.schedule-item .sc-info {







		float: none;







		display: block;







		width: 100%;







		clear: both;







		padding-top: 30px;







	}







	.schedule-item .sc-info h3 {







		margin-bottom: 10px;







	}







	.de_tab.tab_style_4 .de_nav {







		border-radius: 0;







		-moz-border-radius: 0;







		-webkit-border-radius: 0;







	}







	.de_tab.tab_style_4 .de_nav li {







		min-width: 33.3%;







		width: 33.3%;







		border: none;







	}







	.de_tab.tab_style_4 .de_nav li:first-child, .de_tab.tab_style_4 .de_nav li:last-child {







		border-radius: 0;







		-moz-border-radius: 0;







		-webkit-border-radius: 0;







	}







	







	.pf_full_width.grid{







		margin-left:.2%;







	}







	.pf_full_width.grid .item{







		width: 48.5%;







	}







	







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







	display: block;







	}







	







	h1.big, h1_big{







	font-size:8vw;







	line-height:10vw;







	}







}















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







	design for 480px







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















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







	.container {







		padding-left: 30px;







		padding-right: 30px;







	}







	.feature-box-image, .pricing-box {







		margin-bottom: 30px;







	}







	header div#logo img {







		max-width: 200px;







		height: auto;







	}







}















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







	design for 320px







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















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







	.pf_full_width .item {







		float: left;







		width: 100%;







	}







	.text-item {







		font-size: 32px;







		line-height: 32px;







	}







	.text-item i {







		font-size: 24px;







	}







	header div#logo img {







		max-width: 200px;







		height: auto;







	}







	.pf_full_width.gallery_border .item {







		width: 100%;







	}







	h3.s2 span {







		display: block;







		margin: 0;







		padding: 0;







	}







}































/* section control */







@media only screen and (min-device-width: 768) and (max-device-width: 1024) and (orientation: portrait){







	section{







	-webkit-background-size: auto 100%;







	-moz-background-size: auto 100%;







	-o-background-size: auto 100%;







	background-size: auto 100%;







	background-attachment:scroll;







	}







}







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







	#subheader{







	-webkit-background-size: cover;







	-moz-background-size: cover;







	-o-background-size: cover;







	background-size: cover;







	background-attachment:scroll;







	}







}







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







	section{







	-webkit-background-size: auto 100%;







	-moz-background-size: auto 100%;







	-o-background-size: auto 100%;







	background-size: auto 100%;







	background-attachment:scroll;







	}







}















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







	#topbar{







		display: none;







	}







}