body { background:#fff;color:#666666;font-size:13px;line-height:24px;font-family: 'Raleway', sans-serif;	}
img.aligncenter { margin-left: auto;margin-right: auto;display: block;clear: both;margin-top: 5px; }
img.alignleft { margin: 5px 20px 20px 0;	float: left;}
img.alignright { margin: 5px 0 20px 20px; float: right;}
.aligncenter { margin-left: auto;margin-right: auto;display: block;clear: both;}
.alignleft { margin: 5px 10px 20px 0; float: left;}
.alignright { margin: 5px 0 20px 20px;float: right;}
.transparent { z-index:1;display:block;padding:100px 0;position:relative;}
.white-wrapper {z-index:1;display:block;	padding:130px 0;position:relative;background-color:#f7f7f7;}
.dark-wrapper {display:block;padding:180px 0 30px;position:relative;background-color:#fff;}
.sample {display:block;padding:60px 0 30px;position:relative;background-color:#f2f2f2;}
.awesome {display:block;padding:40px 0 60px;position:relative;background-color:#fff;}
/*.awesome .row {margin-top:100px;}*/
.awesome .why-text {padding-top:30px; }
.awesome .why-text h3 {font-size:15px;color:#000;text-transform: uppercase;font-weight: 700;}
.awesome .why-text p {font-size:15px; }
.awesome .col-image-left {float:right; margin-right: 60px;}
.awesome .col-image-right {float:left; margin-left: 60px;}
.awesome .inner {padding-top:16% 10% 0; padding-bottom:20px}
.awesome h3 {font-size:15px;color:#000;text-transform: uppercase;font-weight: 700;}
.awesome p {font-size:15px; }


.awesome-block {width:50%;margin-left:auto; margin-right:auto}
.timeline-block {width:50%;margin-left:auto; margin-right:auto;padding-bottom:50px;}

@media (max-width: 768px) {
	.awesome-block {width: 100%}
	.timeline-block {width: 100%}
}



a:hover {text-decoration: none; }

figure {
	width: 200px;
	height: 200px;
	background: #fff;
	overflow: hidden;
	margin-right: auto;
	margin-left: auto;
}
figure:hover+span {
	bottom: -36px;
	opacity: 1;
}


.threesteps h3{color:#002A00; font-size:1.4em;}
.threesteps p{color:#686565;font-size:1.1em; font-weight:600;}



.threesteps figure:hover img {
	opacity: 1;
	-webkit-animation: flash 1.5s;
	animation: flash 1.5s;
}
@-webkit-keyframes flash {
	0% {
		opacity: .4;
	}
	100% {
		opacity: 1;
	}
}
@keyframes flash {
	0% {
		opacity: .4;
	}
	100% {
		opacity: 1;
	}
}

#curveUpColor path,
#curveDownColor path {
	fill: darken($color1, 7%);
	stroke: darken($color1, 7%);
}
hr.style7 {
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #f0f0f0;
}


@media (max-width: 767px) {
	.threesteps h3{color:#666; font-size:1.4em;}
	.threesteps p{color:#ccc;}
}

.center{text-align:center!important}
.col-padding{padding:60px}
.bottommargin{margin-bottom:20px;}

.i-overlay,.i-overlay a{display:block;position:absolute;width:100%!important;height:100%!important;top:0;left:0;text-align:center;}
.i-overlay a{background:0 0}
.i-overlay i,.i-overlay img{display:block;position:absolute;top:50%;left:50%;margin:-24px 0 0 -24px;width:48px!important;height:48px!important;font-size:48px;line-height:1;color:#E5E5E5;text-shadow:1px 1px 1px rgba(0,0,0,.15)}
.i-overlay i{margin:-18px 0 0 -18px;width:36px!important;height:36px!important;line-height:36px;font-size:24px}
.on-hover.i-overlay{opacity:0}
.on-hover.i-overlay{-webkit-transition:opacity .3s linear;-o-transition:opacity .3s linear;transition:opacity .3s linear}
.on-hover.i-overlay:hover{opacity:1}


/* Header */
.header {
    top:0;z-index:0;width:100%;z-index:999;position:absolute;padding-top:30px;z-index: 999;-webkit-transition: all 0.8s;
    -moz-transition: all 0.8s;transition: all 0.8s;-webkit-transform: translateY(0%);-moz-transform: translateY(0%);transform: translateY(0%);
}
.header.affix {
    background:#000;width:100%;top:0;right:0;padding:0;margin:0;position: fixed;z-index: 8000;-webkit-transition: all 0.8s;-moz-transition: all 0.8s;transition: all 0.8s;
}
.navbar-default {background:none;border:none;margin-top:20px;}
.navbar-default .navbar-nav > li > a {color:#fff;text-transform:uppercase;font-weight:600;}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav > li > a:active,
.navbar-default .navbar-nav > li > a.active {
    color:#f5f5f5;border-bottom: 1px solid #fff;
}
.navbar-default .navbar-nav > .active > a, 
.navbar-default .navbar-nav > .active > a:hover, 
.navbar-default .navbar-nav > .active > a:focus {
    background:none;border-bottom: 1px solid #fff;color: #FFFFFF;
}
/*
.feature-img img {padding:100px 0;margin:auto;}
.features-widget {margin-bottom:25px;}
.features-widget h3 {color: #000;text-transform: uppercase;font-weight: 500;font-size: 20px;}
.features-widget p {color: #000;letter-spacing: 1px;	font-weight: 400;font-size: 12px;}
*/
.borderright {padding:0 25px;border-right:1px solid #dddddd;}
.borderleft {padding:0 25px;	border-left:1px solid #dddddd;}
.title hr {width:40%;border-color:#dddddd;}
.title h2 {color:#000;text-transform:uppercase;font-weight:700;font-size: 24px;}
.transparent .title h2 {border-bottom: 1px solid #111;display: inline-block;font-weight: 300;padding: 0 0 25px;text-transform: none;}
.title p {letter-spacing:1px;color:#999999;}
/* Home Slider */
.homeoverlay {background-color: rgba(18, 78, 88, 0.56);}
.rev-overlay {position: absolute;bottom: 0;right: 0;left: 0;top: 0;background-color: rgba(0, 30, 35, 0.8);}
.transparent {
    background:rgb(0,0,0);background: transparent\9;background:rgba(0,0,0,0);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4c000000,endColorstr=#4c000000);
    zoom: 1;
}
/*
#owl-intro h2 {font-size: 36px;font-weight: 300;text-transform: uppercase;color: #FFF;margin:220px auto;text-align:center;padding: 20px;	}
.sliderbigtitle {font-size: 36px;font-weight: 300;text-transform: uppercase;	color: #FFF;margin:220px auto;text-align:center;padding: 20px;line-height: 35px;}
.slidersmalltitle {font-size: 12px;font-weight: 500;text-transform: uppercase;color: #FFF;margin: -220px auto;text-align: center;padding: 20px;line-height: 1.5;}
.sliderbigtitle hr {width: 40%;}
.slidersmalltitle hr {width: 40%;}
#owl-intro p {
		font-size: 12px;
		font-weight: 500;
		text-transform: uppercase;
		color: #FFF;
		margin: -220px auto;
		text-align: center;
		padding: 20px;
	}
	
	#owl-intro h2 hr {
		width:40%;
	}
	
		
	.intro-icon {
		margin: 0 auto;
		padding: 0 0 20px 0;
		width: 50px;
		text-align: center;
		position: absolute;
		right: 0;
		left: 0;
		bottom: 0;
	}
	span.intro-icon a {
		font-size: 50px;
		color: #FFF;
	}
	
	.feature-wrapper {
		z-index: 1;
		display: block;
		padding: 10px 0 0 0;
		position: relative;
		background-color: #F7F7F7;
	}
	
	.feature-img {
		margin-bottom: -40px;
	}

*/	
	
/* Slider Revolutions */
@keyframes animatedBackground {
	0% { background-position: 0 0; }
	100% { background-position: -31000px 0; }
}
@-moz-keyframes animatedBackground {
	0% { background-position: 0 0; }
	100% { background-position: -31000px 0; }
}
@-webkit-keyframes animatedBackground {
	0% { background-position: 0 0; }
	100% { background-position: -31000px 0; }
}
@-ms-keyframes animatedBackground {
	0% { background-position: 0 0; }
	100% { background-position: -31000px 0; }
}
@-o-keyframes animatedBackground {
	0% { background-position: 0 0; }
	100% { background-position:-31000px 0; }
}
#animate-area img {width:100%;height:100%;}
#animate-area {
    width: 100%;position:absolute;height:100%;top:0;bottom:0;left:0;z-index:-1;
	background-image: url(demos/parallaxbg_01.jpg);
	background-position: 0px 0px;
	background-repeat: repeat-x;
	animation: animatedBackground 666s linear infinite;
	-moz-animation: animatedBackground 666s linear infinite;
	-webkit-animation: animatedBackground 666s linear infinite;
	-ms-animation: animatedBackground 666s linear infinite;
	-o-animation: animatedBackground 666s linear infinite;
}
#slides {position: relative;	}
#slides .slides-container {margin: 0;list-style:none;}
#slides .scrollable {*zoom: 1;position: relative;top: 0;left: 0;overflow-y: auto;-webkit-overflow-scrolling: touch;height: 100%;}
#slides .scrollable:after {content: "";display: table;clear: both;}
.slides-pagination {position: absolute;z-index: 20;bottom: 30px;	text-align: center;	width: 100%;}
.slides-pagination a {
    color: #1a1a1a;background: #ffffff;opacity: 1;	-moz-opacity: 1;filter: alpha(opacity=100);	width: 30px;height: 4px;display: -moz-inline-stack;
	display: inline-block;vertical-align: middle;*vertical-align: auto;	zoom: 1;*display: inline;margin: 2px;overflow: hidden;text-indent: -100%;
}
.slides-navigation a:hover {opacity: 0.5;-moz-opacity: 0.5;filter: alpha(opacity=50);}
.slides-navigation {	top: 50%;}
.slides-navigation a {
	display: block;text-decoration: none;color: white;font-size: 24px;margin: 0 25px;text-align: center;height: 60px;width: 60px;line-height:60px;
	top: 0;border:1px solid #ffffff;padding: 0;-webkit-border-radius: 500px;border-radius: 500px;
}
.slides-navigation {	margin: 0 auto;	position: absolute;	z-index: 3;	top: 46%;width: 100%;}
.slides-navigation a {position: absolute;display: block;}
.slides-navigation a.prev {left: 0;}
.slides-navigation a.next {right: 0;}
.boxedcontainer {max-width: 1170px; margin:auto; padding:0px 30px;}
.tp-banner-container {width:100%;position:relative;padding:0;}
.tp-banner {	width:100%;	position:relative;}
.tp-banner-fullscreen-container {width:100%;	position:relative;padding:0;}	
.tp-bullets.simplebullets.navbar {height: 35px;padding: 0px 0px;}
.tp-bullets.simplebullets .bullet {
	cursor: pointer;position: relative !important;background: rgba(0, 0, 0, 0.5) !important;-webkit-border-radius: 0;border-radius: 0;-webkit-box-shadow: none;
	-moz-box-shadow: none;box-shadow: none;width: 6px !important;height: 6px !important;border: 5px solid rgba(0, 0, 0, 0) !important;display: inline-block;
	margin-right: 2px !important;margin-bottom: 14px !important;-webkit-transition: background-color 0.2s, border-color 0.2s;-moz-transition: background-color 0.2s, border-color 0.2s;
	-o-transition: background-color 0.2s, border-color 0.2s;-ms-transition: background-color 0.2s, border-color 0.2s;transition: background-color 0.2s, border-color 0.2s;
	float:none !important;
}
.tp-bullets.simplebullets .bullet.last {margin-right: 0px}
.tp-bullets.simplebullets .bullet:hover,	.tp-bullets.simplebullets .bullet.selected {
    -webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none;background: rgba(255, 255, 255, 1) !important;width: 6px !important;height: 6px !important;
	border: 5px solid !important;
}
.tparrows:before {
	font-family: 'revicons';color: #fff;font-style: normal;font-weight: normal;speak: none;display: inline-block;text-decoration: inherit;margin-right: 0;
	margin-top: 17px;text-align: center;width: 55px;font-size: 14px;
}
.tparrows {border-radius:0 !important;opacity: 1 !important;}
.slides-navigation a,.tp-leftarrow, .tp-rightarrow{ opacity:0.9 !important;filter:alpha(opacity=90); /* For IE8 and earlier */}
.slides-navigation a:hover,.tp-leftarrow:hover, .tp-rightarrow:hover{filter:alpha(opacity=100); /* For IE8 and earlier */opacity:1 !important;}
.tparrows {border:1px solid #aaaaaa;cursor: pointer;	background: rgba(0, 0, 0, 0) !important;width: 60px !important;height: 60px !important;}
.tparrows:hover {color: #fff;}
.tp-leftarrow:before {content: '\e824';}
.tp-rightarrow:before {content: '\e825';	}
.tparrows.tp-rightarrow:before {	margin-left: 1px;}
.tparrows:hover {background: rgba(0, 0, 0, 0) !important;}
	
		
	/*
	* 	Owl Carousel 
	*	v1.3.3
	* /
	
	.owl-theme .owl-controls{
		margin-top: 10px;
		text-align: center;
	}
	
	/* Styling Next and Prev buttons * /
	
	.owl-theme .owl-controls .owl-buttons div{
		color: #FFF;
		display: inline-block;
		zoom: 1;
		*display: inline;/*IE7 life-saver * /
		margin: 5px;
		padding: 3px 10px;
		font-size: 12px;
		-webkit-border-radius: 30px;
		-moz-border-radius: 30px;
		border-radius: 30px;
		background: #869791;
		filter: Alpha(Opacity=50);/*IE7 fix* /
		opacity: 0.5;
	}
	/* Clickable class fix problem with hover on touch devices */
	/* Use it for non-touch hover action * /
	.owl-theme .owl-controls.clickable .owl-buttons div:hover{
		filter: Alpha(Opacity=100);/*IE7 fix* /
		opacity: 1;
		text-decoration: none;
	}
	
	/* Styling Pagination* /
	
	.owl-theme .owl-controls .owl-page{
		display: inline-block;
		zoom: 1;
		*display: inline;/*IE7 life-saver * /
	}
	.owl-theme .owl-controls .owl-page span{
		display: block;
		width: 12px;
		height: 12px;
		margin: 5px 7px;
		filter: Alpha(Opacity=50);/*IE7 fix* /
		opacity: 0.5;
		-webkit-border-radius: 20px;
		-moz-border-radius: 20px;
		border-radius: 20px;
		background: #869791;
	}
	
	.owl-theme .owl-controls .owl-page.active span,
	.owl-theme .owl-controls.clickable .owl-page:hover span{
		filter: Alpha(Opacity=100);/*IE7 fix* /
		opacity: 1;
	}
	
	/* If PaginationNumbers is true * /
	
	.owl-theme .owl-controls .owl-page span.owl-numbers{
		height: auto;
		width: auto;
		color: #FFF;
		padding: 2px 10px;
		font-size: 12px;
		-webkit-border-radius: 30px;
		-moz-border-radius: 30px;
		border-radius: 30px;
	}
	
	/* preloading images */
	.owl-item.loading{
		min-height: 150px;
		background: url(images/AjaxLoader.gif) no-repeat center center
	}
	
	
	.parallax {
		background-attachment: fixed !important;
		background-position: center center;
		background-repeat: no-repeat;
		background-size: cover;
	}
	.home-wrapper {
	   height: 100vh;
		position:relative;
	}
	
	.customoverlay {
		padding: 60px 0;
		position: absolute;
		bottom: 0;
		right: 0;
		left: 0;
		top: 0;
		background-color: rgba(0, 30, 35, 0.8);
	}
	
/*	################################################################
	4. ABOUT SECTION
	################################################################# */
	/*
	.about-wrapper {
		display: block;
		padding: 100px 0;
		position: relative;
		background-color: #FFF;
	}
	
	.about-box img {
		padding-bottom:15px;
		
		}
	.about-box {
		margin:40px 0;
		color:#999999;
		padding:0;
	}
	
	.about-box h3 {
		margin:20px 0;
		font-size:16px;
		text-transform:uppercase;
		color:#000;
		font-weight:500;
	}
	
	.how-box img {
		padding: 15px;
		}
	
	.how-box {
		margin:60px 40px 0;
		color:#999999;
		padding:0;
	}
	
	.how-box-head {
		margin:40px 0;
		color:#999999;
		padding:0;
	}
	
	.how-box h3 {
		margin:10px 0;
		font-size:16px;
		text-transform:uppercase;
		color:#000;
		font-weight: 700;
	}
	
	.how-box-head h2 {
		margin: 0px 0;
		font-size: 22px;
		color: #000;
		font-weight: 600;
		
	}
	
	.how-box-head.makebg1 {
		padding:32px;
		height:300px;
		margin:10px !important;
		background:url(demos/aboutbox1.png) no-repeat left center;
	}
	
	.how-box-head.makebg2 {
		padding:32px;
		height:300px;
		margin:10px !important;
		background:url(demos/aboutbox2.png) no-repeat left center;
	}
	
	.how-box-head h3 {
		margin: 0px 0;
		font-size: 16px;
		font-weight: 500;
	}
	*/
/*	################################################################
	5. SERVICE SECTION
	################################################################# */	
	/*
	.service-box img {
		padding-right:15px;
		margin-right:5px;
	}
	.service-box {
		margin:40px 0;
		color:#999999;
		padding:0;
	}
	
	.service-box p {
		padding-left: 80px;
		margin-top: -10px;
	}
	
	.service-box h3 {
		margin: 20px 0;
		font-size: 16px;
		text-transform: uppercase;
		color: #000;
		font-weight: 500;
		padding-left: 80px !important;
	}
	
	#testimonials .item{
		background: #3fbf79;
		padding: 30px 0px;
		margin: 10px;
		color: #FFF;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		text-align: center;
	}
	.customNavigation{
		text-align: center;
	 }
	.customNavigation a{
		-webkit-user-select: none;
		-khtml-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
		-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	}
		*/ 
/*	################################################################
	6. SKILL SECTION
	################################################################# */
	/*	
	.overlay {
		padding:60px 0;
		background-color: rgba(14, 195, 225, 0.85);
		}
		
	.skill h3 {
		color:#ffffff;
		text-transform:uppercase;
		padding:20px 0 10px;
		position:relative;
		display:block;
		font-size:15px;
		}
		
	.skill p {
		color:#ffffff;
		}
		
	.skill {
		margin:0 auto;
		display:block;
		position:relative;
		text-align:center; 
		}
	.percent {
		top: 28%;
		color: #FFFFFF;
		display: block;
		font-size: 30px;
		left: 0;
		line-height: 20px;
		margin: 0 auto;
		position: absolute;
		right: 0;
		text-align: center;
		width: 170px;
		z-index: 10;
		}
	*/
/*	################################################################
	7. TESTIMONIAL SECITON
	################################################################# */
	/*
	.testimonial h2 {
		font-weight: 600;
		font-size: 26px;
		color: #000;
		border-bottom: 1px solid;
		display: inline-block;
		padding: 20px;
	}
	
	.testimonial p {
		font-weight: 600;
		font-size: 15px;
		color: #999;
		padding: 30px 0 2px 0px;
	}
	
	.testimonial h1 {
		font-weight: 700;
		font-size: 15px;
		text-transform: uppercase;
		padding-bottom: 30px;
	}
	
	.fa-2x {
		color: #ABABAB;
	}
	*/
/*	################################################################
	8. PORTFOLIO SECTION
    ################################################################# */
	
	.portfolio-filter {float:none; margin:auto !important; text-align:center;}

	.portfolio-filter ul {
		list-style: none outside none;
		padding: 0;
		position: relative;
		right: 20px;
		top: 10px;
	}
	
	.portfolio-filter li {
		margin-left: 15px;
		padding: 0;
		display:inline;
		list-style: none;
	}
	.portfolio-filter li a {
		font-weight: 700;
		font-size: 12px;
		color: #555;
		text-transform: uppercase;
		padding-bottom: 10px;
		letter-spacing: 2px;
	}
	
	
	.portfolio-filter li.active {
		border-bottom: 1px solid;
		padding: 10px !important;
	}
	
	
	.portfolio-filter li a:hover {
		border-bottom: 1px solid;
		padding-bottom: 10px;
		text-decoration: none !important;
		}
	
	.masonry_wrapper {
		overflow:hidden;
		display:block;
		margin:50px 0;
	}
	
	
	.masonry_wrapper .item img {
		height: auto !important;
		height: 100% !important;
		width: 100%;
		position: relative;
		z-index: -2;
		background:#fff !important;
	}
	
.masonry_wrapper .item {
	margin: 0 2px 4px;
	padding:0;
}
.masonry_wrapper .item img {
	width: 100%;
	position: relative;
	z-index: -2;
}
		
	.isotope-item {
		z-index: 2;
	}
	.isotope-hidden.isotope-item {
		pointer-events: none;
		z-index: 1;
	}
	.isotope,
	.isotope .isotope-item {
		-webkit-transition-duration: 0.8s;
		-moz-transition-duration: 0.8s;
		-ms-transition-duration: 0.8s;
		-o-transition-duration: 0.8s;
		transition-duration: 0.8s;
	}
	.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;
	}
	.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;
	}

	
	
/*	################################################################
	10. PRICING SECTION
	################################################################# */
	
	.pricing-box:hover {
		border-top: 1px solid;
	
	}
	
	.bigstar {
		font-size:16px !important
	}
	
	.pricing-box .hideme {
		display:none !important;
	}
	.pricing-box:hover .hideme {
		background: none repeat scroll 0 0 #fff;
		display: block !important;
		position: absolute;
		left: 0;
		right: 0;
		top: -12px;
		width: 50px;
		margin: auto;
	}
	.pricing-box {
		border-top: 1px solid #E6E6E6;
		text-align:center;
		margin:40px 0;
		padding:20px;
	}
	
	
	div.price {
		border-radius:500px;
		font-size:24px;
		color:#fff;
		text-align:center;
		font-weight:400;
	}
	
	.price-value {
		padding-top: 20px;
		font-size: 62px;
		color: #000;
		text-align: center;
		font-weight: 600;
	}

	.price-value span{
		font-size: 40px;
		padding:0;
	}
	
	.price-value sub {font-size:21px;vertical-align:top}
	
	.price-month {
		padding: 20px 0 30px 0;
		font-size: 12px;
		color: #999;
		text-align: center;
		font-weight: 500;
		text-transform: uppercase;
	}
	
	.pricing-box h3 {
		font-size: 16px;
		font-weight: 700;
		text-transform: uppercase;
	}
	
	.jtbtn {
		display: inline-block;
		padding: 6px 13px;
		margin-bottom: 0;
		font-size: 14px;
		font-weight: 700;
		line-height: 1.428571429;
		text-align: center;
		vertical-align: middle;
		cursor: pointer;
		white-space: nowrap;
		background: 0 0;
		border: 1px solid;
		margin-top: 30px;
		text-transform: uppercase;
	}
	
	.jtbtn:hover {
		text-decoration:none;
	}
	
	.pricing {
		list-style:none;
		padding:0;
	}
	
	.pricing li {
		font-size: 13px;
		line-height: 41px;
		text-align: center;
		margin: 0 auto;
		padding: 7px;
		color: #999;
		font-weight: 600;
		border-bottom: 1px solid #DBDBDB;
		}
	ul.pricing {
		border: 1px solid #fff;
	}		
	ul.pricing:hover {
		border: 1px solid #DADADA;
	}
	.pricing-box:hover .pricing {
		background-color:#ededed;
	}
		
		
/*	################################################################
	11. TEAM SECTION
	################################################################# */
	/*
	.team-wrapper {
		z-index: 1;
		display: block;
		padding: 100px 0 50px 0;
		position: relative;
		background-color: #fff;
	}
		
	.team-box img {
		padding-bottom:15px;
		margin-bottom:30px;
		}
		
	.team-box {
		margin:40px 0;
		color:#999999;
		padding:0;
		}
	
	.team-box h3 {
		margin: 20px 0;
		font-size: 16px;
		text-transform: uppercase;
		color: #000;
		font-weight: 600;
	}
	
	.team-box p {
		margin-top: -20px !important;
		font-weight: 500;
		font-size: 12px;
		text-transform: uppercase;
		border-bottom: 1px solid;
		padding-bottom: 20px;
	}
	
	.team-social-icons img {
		border: none;
		padding: 25px 0px 25px 5px;
	}
		
	.greatideas {
		text-align: center;
		margin: 70px 0 0 0;
	}	
	
	.featured-box img {
		width:100%;
		margin-bottom:-100px;
	}
	.featured-box {
		margin:0;
		color:#999999;
		padding:0;
	}
	
	.featured-box h3 {
		color: #FFF;
		font-weight: 600;
		font-size: 32px;
		text-align: center;
		padding: 25px;
	}
		*/
/*	################################################################
	12. STATS COUNT SECTION
	################################################################# */
	/*
	.stat {
	   margin:0px auto;
	   text-align:center;
	}
	
	.milestone-counter img {
		float: left;
		padding: 10px;
	}
	
	.highlight {
	   color:#fff;
	   padding:20px 0;
	   font-weight:400;
	   display:block;
	   overflow:hidden;
	   margin-bottom:0;
	   font-family: 'Oswald', sans-serif;
	   font-size:56px;
	}
	.stat i {
		color: #FFF;
		margin: 0 15px 0px 0px;
		font-size: 65px;
	}
	.milestone-details {
		font-weight: 500;
		font-size: 12px;
		color: #FFF;
		padding: 0 0 10px 20px;
		border-bottom: 1PX SOLID;
	}
	   */
/*	################################################################
	13. CONTACT AND MAP SECTION
	################################################################# */
	
	#success_page h1 {
		font-size:24px;
		font-weight:bold; 
		text-transform:uppercase;
	}
	
	.loader1 {
		vertical-align: super;
		padding-left: 20px;
	}
	
	.form-control {
		border-radius: 0 !important;
		box-shadow: none !important;
	}
	
	.contact-wrapper {
		display:block;
		padding:100px 0 0;
		position:relative;
		background-color:#fff;
	}
	
	#contactform {
		margin:30px 0;
		}
	#contactform .form-control {
		margin: 10px 0;
		height: 50px;
		font-weight: 500;
		font-size: 12px;
		}	
		
	#contactform textarea {
		height:150px !important;
		}
	
	#contactform span.required{ 
		font-size: 13px; color: #ff0000; 
		} 
	
	.btn-primary {
		display: inline-block;
		padding: 6px 13px;
		margin-bottom: 0;
		font-size: 14px;
		font-weight: 700;
		line-height: 1.428571429;
		text-align: center;
		vertical-align: middle;
		cursor: pointer;
		white-space: nowrap;
		background: 0 0;
		color: #292723!important;
		border: 1px solid;
		margin-top: 30px;
		text-transform: uppercase;
	}
	
	.contact-box img {
		padding-bottom:15px;
		margin-bottom:30px;
	}
	.contact-box {
		margin:0;
		color:#999999;
		padding:0;
	}
	
	.contact-box h2 {
		margin: 20px 0;
		font-size: 13px;
		text-transform: uppercase;
		color: #000;
		font-weight: 700;
	}
	
	.btn-contact:hover {
		background: none !important;
		}
	
	
	.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
		font-weight: 700 !important;
		font-size: 12px !important;
		border-bottom: 1px solid #FFF !important;
		text-transform: uppercase;
		padding: 10px;
		border-bottom: 1px solid!important;
		letter-spacing: 3px;
		
	}
	
	.nav-tabs > li > a {
		border: none !important;
		background: none !important;
		font-weight: 500 !important;
		font-size: 12px !important;
		border-bottom: 1px solid #FFF;
		text-transform: uppercase;
		padding: 10px !important;
		letter-spacing: 3px !important;
		color: #999 !important;
	}
	
	.nav-tabs {
		border-bottom: 0 !important;
		padding-bottom: 40px;
	}
	
	.btn-contact {
		border-radius:0 !important;
		margin-bottom: 75px;
		}
			
	.btn-contact:hover {
		background:none  !important;
		margin-bottom: 75px;
		}
			
	.nav-tabs > li {
		float:none;
		margin:20px 10px 0 !important;
		display:inline-block;
		}	
		
	#map{
		height:450px;
		width:100%
	}
	#map img{
		max-width:inherit
	}
	.map{
		position:relative
	}
	.map .row .col-lg-4{
		float:right;
		margin-top:-450px;
		z-index:9
	}
	.contact-icon {
		margin:20px 0;
		overflow:hidden;
	}
	.map .row{
		position:relative
	}
	.infobox img {
		width:100% !important;
	}
	.map .searchmodule {
		padding:18px 10px
	}
	.infobox {
		display: inline-block;
		padding: 5px;
		position: relative;
		width: 270px;
	}
	.infobox img {
		width:80px !important;
		padding-right:10px
	}
	.infobox .title {
		font-size:13px;
		font-weight:bold;
		margin-top:0;
		margin-bottom:0;
		text-transform:uppercase;
		padding-bottom:5px;
	}
	.infobox .title a {
		font-weight:bold;
	}
		
	.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {
	color: #FFF !important;
	
	}
	
	.error_message {
	color: #F00!important;
	}
		
	
/*	################################################################
	14. FOOTER SECTION
	################################################################# */
	
.footer-wrapper {display:block;padding:50px 0;position:relative;	background-color:#000;}
.footer-wrapper img {padding: 15px;}
.footer-wrapper p {font-weight:600;font-size:11px;color: #FFF;}
i.fa.fa-angle-up {color: #FFF;font-size: 30px;padding: 10px;}	
.social-icons img {border: none;padding: 30px 0px 30px 5px;}

.hovereffect .icon {
    font-size: 31px;font-weight: 300;height: 75px;left: 0;line-height: 75px;margin: -35px auto 0;position: absolute;right: 0;
    top:38%;text-align: center;width: 75px;
}
.hovereffect h4 {
		text-align:center;
		font-size:20px;
		padding:10px 30px;
		text-transform:uppercase;
		width:auto;
		margin-bottom:0;
		display:block;
		font-weight:700;
		}
		
	.hovereffect h5 {
		text-align:center;
		font-size:12px;
		padding:10px 30px;
		text-transform:uppercase;
		width:auto;
		color:#fff;
		margin-bottom:0;
		display:block;
		font-weight:700;
		}
		
	.hovereffect h4,
	.hovereffect .icon {
		color:#fff;
	}
	.hovereffect .buttons {
		visibility: hidden;
		opacity: 0;
		position: absolute;
		text-align: center;
		width: 100%;
		height:auto;
		bottom: 29%;
		margin-top: -20px;
		-webkit-transform: scale(0.2);
		-moz-transform: scale(0.2);
		-ms-transform: scale(0.2);
		-o-transform: scale(0.2);
		transform: scale(0.2);
		-webkit-transition: all 0.3s ease 0s;
		-moz-transition: all 0.3s ease 0s;
		-ms-transition: all 0.3s ease 0s;
		-o-transition: all 0.3s ease 0s;
		transition: all 0.3s ease 0s;
	}
		.hovereffect:hover .buttons {
		opacity: 1;
		visibility: visible;
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		-o-transform: scale(1);
		transform: scale(1);
		}
		.entry:hover .hovereffect { 
		opacity: 1;
		visibility: visible;
		}
		.entry {
		display:block;
		position:relative;	
	}
	.hovereffect {
		background-color:rgba(0,0,0,0.6);
		position:absolute;
		top:0;
		left:0;
		bottom:0;
		right:0;
		opacity:0;
		-webkit-transition:all .3s ease-in-out;
		-moz-transition:all .3s ease-in-out;
		-ms-transition:all .3s ease-in-out;
		-o-transition:all .3s ease-in-out;
		transition:all .3s ease-in-out;
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		-o-transform: scale(1);
		transform: scale(1);
		}
		
	
	
/*	################################################################
	15. VIDEO PARALLEX
	################################################################# */
		
	#videobgfull {
		width:100% !important;
		min-height:500px !important;
		max-height:100% !important;
		position:relative !important;
	}
	
	.videooverlay {
		padding: 100px 0;
		background-color: rgba(2, 186, 220, 0.61);
	}
	
	.videooverlay .general-title h2 {
		color:#fff;
	}
	
	.video-js {width:100%; height:100%;}
	
	#revvideo {
		width:100% !important;
		height:100% !important;
	}
			
	#volume {
		bottom: 0;
		color: #ffffff;
		cursor: pointer;
		font-size: 17px;
		height: 30px;
		line-height: 28px;
		position: absolute;
		right: 0;
		text-align: center;
		width: 30px;
		z-index: 10;
		background: #000;
		border: 1px solid #222;
	}
	
	.js-video {
		height: 0;
		padding-top: 25px;
		padding-bottom: 50.5%;
		border:1px solid #ffffff;
		position: relative;
		overflow: hidden;
	}
	.js-video.widescreen {
		padding-bottom: 57.25%;
		border:1px solid #ffffff;
	}
	.js-video.vimeo {
		padding-top: 0;
		border:1px solid #ffffff;
	}	
	
	.js-video embed, .js-video iframe, .js-video object, .js-video video {
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		position: absolute;
	}
	
	.mb_YTVPlayer {z-index:-10;}
	.videobg {
		padding:0; 
		color:#ffffff !important;
	}
	
	.videobg-wrap .general-title hr {
		background-color:#ffffff;
	}
	.videobg-wrap { background-color: rgba(43, 46, 49, 0.8);padding:30px 0 0}
	
	.animationload {
		position: fixed;
		top:0;
		left:0;
		right:0;
		bottom:0;
		background-color:#fff; /* change if the mask should have another color then white */
		z-index:999999; /* makes sure it stays on top */
	}
	.loader {
		width:200px;
		text-indent:-99999;
		height:200px;
		font-size:0;
		position:absolute;
		left:50%; /* centers the loading animation horizontally one the screen */
		top:50%; /* centers the loading animation vertically one the screen */
		background-image:url(images/loading.gif); /* path to your loading animation */
		background-repeat:no-repeat;
		background-position:center;
		margin:-100px 0 0 -100px; /* is width and height divided by two */
	}
	
	
/*	################################################################
	16. COLOR SCHEME
	################################################################# */
	
	.sliderbigtitle hr,
	.slidersmalltitle hr,
	#owl-intro h2 hr,
	.tparrows,
	.tp-bullets.simplebullets .bullet.selected,
	.portfolio-filter li.active,
	.portfolio-filter li a:hover,
	.pricing-box:hover,
	.jtbtn,
	.btn-primary,
	.btn-contact:hover,
	.testimonial h2,
	.logo-border,
	.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus,
	.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary,
	.navbar-default .navbar-nav > li > a:hover,
	.navbar-default .navbar-nav > li > a:focus,
	.navbar-default .navbar-nav > li > a:active,
	.navbar-default .navbar-nav > li > a.active,
	.navbar-default .navbar-nav > .active > a, 
	.navbar-default .navbar-nav > .active > a:hover, 
	.navbar-default .navbar-nav > .active > a:focus,
	.transparent .title h2,
	span.commenthr,
	.comment-section h6 hr,
	.team-box p,
	.milestone-details,
	.category-list li:hover
	{
		border-color: #c6491a !important;
	}

	.portfolio-filter li a:hover ,
	.testimonial h1 ,
	.how-box-head h3,
	.pricing-box:hover,
	.jtbtn ,
	.post-meta a,
	.category-list li a:hover ,
	.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus ,
	.pricing-box:hover .price-value,
	.pricing-box:hover .price-month,
	.hovereffect h5
	{
		color: #c6491a !important;
	}

	.tparrows,
	.pricing-box:hover:after,
	.team-box p:after,
	.testimonial h2:after,
	.milestone-details:after,
	.navbar-nav > li.active > a:after,
	.navbar-nav > li > a:hover:after,
	.nav-tabs > li.active > a:after, 
	.nav-tabs > li.active > a:hover:after, 
	.nav-tabs > li.active > a:focus:after,	
	.portfolio-filter li.active:after,	
	.portfolio-filter li a:hover:after,
	.bottomline:after,
	.team-box p:before,
	.testimonial h2:before,
	.milestone-details:before,
	.navbar-nav > li.active > a:before,
	.navbar-nav > li > a:hover:before,
	.nav-tabs > li.active > a:before, 
	.nav-tabs > li.active > a:hover:before, 
	.nav-tabs > li.active > a:focus:before,
	.portfolio-filter li.active:before,
	.portfolio-filter li a:hover:before,
	.bottomline:before,
	.topline:before,
	.topline:after,
	.milestone-details:after,
	.milestone-details:before,
	.category-list li:hover:before, .category-list li:hover:after, .pricing-box:hover:before, .pricing-box:hover:after,
	.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary 
	{
		background-color: #c6491a !important;
	}
	
	
/*	################################################################
	17. BLOG SECTION
	################################################################# */
	
	#whiteheader {background-color:#fff !important;}
	
	#whiteheader .navbar-default .navbar-nav > li > a 
	{
		color: #999;
		font-weight: 600;
		font-size: 12px;}
	
	.blog-main #intro {
		padding: 75px 0px 42px;
		background: #000;
	}
	
	.main-content {
		position: relative;
		background: #FFF;
		padding: 60px 0 105px;
	}
	
	
	.sidebar-widget {
		margin-bottom: 60px;
	}
	
	.sidebar-widget h5 {
		font-weight: 500;
		font-size: 16px;
		color: #000;
	}
	
	
	.search {
		position: relative;
	}
	
	.search input {
		height: 45px;
		border: 1px solid #ddd;
		width: 100%;
		padding: 15px;
		font-size: 14px;
		position: relative;
	}
	
	.search:before {
		content: "\f002";
		font-family: FontAwesome;
		position: absolute;
		right: 12px;
		top: 10px;
		font-size: 20px;
		color: #888888;
		z-index: 999;
	}
	
	
	.recentpost-list {
		padding: 0;
	}
	
	.recentpost-list li {
		list-style: none;
		font-size: 16px;
		color: #999;
		margin-bottom: 45px;
		padding-left: 0;
		position: relative;
	}
	
	.recentpost-list li img {
		float: left;
	}
	
	.recentpost-list li h4 {
		font-size: 13px;
		font-weight: 400;
		margin-bottom: 2px;
		margin-left: 80px;
		color: #999;
	}
	
	.recentpost-list li h4 a {
		color: #999;
	}
	
	.recentpost-list li h4 a:hover {
		color: #21c2f8;
	}
	
	.recentpost-list li span {
		font-size: 12px;
		color: #aaaaaa;
		margin-left: 13px;
		font-style: italic;
	}
	
	
	.category-list {
		padding: 0;
	}
	
	.category-list li {
		list-style: none;
		font-size: 14px;
		color: #858585;
		margin-bottom: 15px;
		padding-left: 22px;
		position: relative;
		border-left: 1px solid #DDD;
		padding: 2px 0px 0px 20px;
	}
	
	
	.category-list li a {
		color: #999;
	}
	
	.category-list li a:hover {
		text-decoration:none !important;
	}
	
	.category-list li:hover {
		border-left: 1px solid;
		
	}
	
	.tags-list {
		padding: 0;
	}
	
	.tags-list li {
		float: left;
		margin-right: 4px;
		margin-bottom: 7px;
		list-style: none;
	}
	
	.tags-list li a {
		background: #fff;
		border: 1px solid #ddd;
		color: #858585;
		padding: 6px 13px;
		display: table;
		font-size: 14px;
	}
	
	.tags-list li a:hover {
		background: #21c2f8;
		border: 1px solid #21c2f8;
		color: #fff;
	}
	
	.blog-ico {
		width: 70px;
		height: 90px;
		float: left;
	}
	
	.blog-ico i {
		width: 70px;
		height: 70px;
		color: #21c2f8;
		font-size: 40px;
		line-height: 70px;
	}
	
	.blog-content img {
		padding-right: 15px;
		margin-right: 30px;
		display: block;
	}
	
	article p {
		font-size: 13px;
		color: #999;
		line-height: 23px;
		margin-top: 20px;
		font-weight: 500;
	}
	
	article {
		padding-bottom: 50px;
		margin-bottom: 40px;
		border-bottom: 1px solid #D3D1D1;
	}
	
	.post-head {
		margin-top: 30px;
		display:block;
		width: 100%;
		margin-bottom: 5px;
	}
	
	article h4 {
		font-size: 22px;
		color: #000;
		font-weight: 400;
	}
	
	article h4 a {
		color: #000;
	}
	
	article h4 a:hover {
		color: #21c2f8;
	}
	
	
	.post-date a {
		font-size: 12px;
		color: #999;
		font-weight: 500;
		display: block;
	}
	
	.post-meta a {
		font-size: 12px;
		font-weight: 500;
	}
	
	
	.blogvideo , .iaudio {
		position: relative;
		overflow: hidden;
		border: 0;
		padding-right: 15px;
		margin-right: 30px;
		display: block;
	}
	
	.iaudio {
		padding-bottom: 22.25%;
		margin-top: 30px;
		
	}
	
	.video iframe,.video object,.video embed ,
	.iaudio iframe,.iaudio object,.iaudio embed {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		border:none;
	}
	
	.blockquote {
		font-size: 13px;
		color: #000;
		margin: 25px auto 25px;
		display: table;
		width: 100%;
		position: relative;
		width: 79%;
		left: 40.5px;
		font-weight: 500;
	}
	
	.social-list {
		display: flex;
	}
	
	.social-list img {
		padding: 5px !important;
		margin: 5px !important;
	}
	
	/* Comments */
	
	span.commenthr {
		padding-bottom: 20px;
		border: 0;
		border-bottom: 1px solid;
	}
	
	.comment-section h6 {
		font-size: 20px;
		text-transform: uppercase;
		font-weight: 600;
		color: #000;
		margin: 0;
		text-align: center;
	}
	
	.comment-section h6 hr {
		width: 30%;
	}
	
	.comments {
		padding: 0;
	}
	
	.comments li {
		border-top: 1px solid #ddd;
		padding: 40px 0;
		list-style: none;
	}
	
	.comments li:first-child {
		border-top: 1px solid transparent;
	}
	
	#commentform {
		margin:30px 0;
		}
	#commentform .form-control {
		margin: 10px 0;
		height: 50px;
		font-weight: 500;
		font-size: 12px;
		}	
		
	#comment textarea {
		height:150px !important;
		}
	
	#comment span.required{ 
		font-size: 13px; color: #ff0000; 
		} 
	.c-author {
		width: 120px;
		float: left;
	}
	
	.c-info {
		margin-left: 20px;
		position: relative;
	}
	
	.c-info h4 {
		margin: 0 0 6px;
		color: #424242;
		font-size: 14px;
		font-weight: 600;
		display: inline-block;
	}
	
	.c-time {
		color: #999;
		font-size: 12px;
		font-weight: 500;
		margin-left: 10px;
		letter-spacing: 0.1em;
	}
	
	.c-info p {
		font-size: 14px;
		color: #858585;
		padding: 15px 0;
	}
	
	.reply {
		font-size: 12px;
		color: #21C2F8;
		font-weight: 500;
		text-align: center;
		text-transform: uppercase;
		padding: 5px 0px 5px 20px;
		display: table;
		position: relative;
		position: absolute;
		top: 0px;
		right: 0px;
	}
	
	.reply:hover {
		color: #21C2F8;
	}
	
	
	.comment-sub {
		margin-left: 145px;
	}
	
	.comment-form {
		border-top: 1px solid #ddd;
		padding-top: 45px;
	}
	
	/* Blog Page Header */
		
	.post-wrapper-top {
		background: #00d7ff;
		border-bottom: 3px solid #efefef;
		bottom: 0;
		left: 0;
		margin-bottom: 0;
		padding: 0;
		position: relative;
		right: 0;
		text-align: left;
		top: 0;
		z-index: 0;
	}
	
	.post-wrapper-top h2 {
		color: #fff;
		display: inline-block;
		font-size: 24px;
		margin-bottom: -3px;
		padding: 30px 0;
		position: relative;
	}
	
	ul.breadcrumb {
		margin: 40px;
		background: none;
		color: #FFF;
	}
	
	i.fa.fa-long-arrow-left {
		font-size: 15px;
		margin-right: 10px;
	}
	
/*	################################################################
	18. SOCIAL MEDIA SECTION
	################################################################# */
	
	.social li{display:inline;text-indent:-9999px}
	.social li a{background-position:0 0;width:33px;height:33px;margin-right:3px;margin-bottom:3px;float:left;-webkit-transition:140ms ease-in-out all;-moz-transition:140ms ease-in-out all;transition:140ms ease-in-out all}
	.social li a:hover{background-position:0 -33px}
	.social .facebook{background:url(../images/facebook-icon.png) no-repeat}
	.social .twitter{background:url(../images/twitter-icon.png) no-repeat}
	.social .google{background:url(../images/google-icon.png) no-repeat}
	.social .pinterest{background:url(../images/pinterest-icon.png) no-repeat}
	.social .dribbble{background:url(../images/dribbble-icon.png) no-repeat}
	
	ul.social {
		margin: auto;
		display: inline-table;
		padding: 10px;
	}
	
/*	################################################################
	19. LINE SECTION FOR BUTTONS, TEXT, HEADS AND TITLES
	################################################################# */
		
		
	
	/* Line Color Position Important for every classes*/
	
	.borderleft,
	.borderright,
	.greyleftline, 
	.bottomline,
	.topline,
	.title hr,
	.milestone-details,
	.pricing-box,
	.jtbtn,
	.team-box p,
	.portfolio-filter li a:hover,
	.portfolio-filter li.active,	
	.btn-primary,
	.testimonial h2 { 
		position:relative !important;
	}
	
	.about-border {
		border-bottom: 1px solid #DDD;
		position: relative;
		display: inline-block;
		width: 25%;
	}
	
	.service-border {
	border-right: 1px solid #DDD;
	position: relative;
	float: left;
	height: 40px;
	padding-top: 5px;
		
	}
	
	.how-border {
		border: 1px solid #DDD;
		position: relative;
		display: inline-block;
		
	}
	
	.logo-border {
		border: 1px solid;
		position: relative;
		display: inline-block;
		
	}
	
	/* middle line for title */
	
	.title hr:after {
	background: none repeat scroll 0 0 #DDD;
	top: 0;
	content: "";
	display: block;
	height: 11px;
	position: absolute;
	left: 50%;
	width: 1px;
	z-index: 2;
	}
	
	/* Grey right */
	
	.service-border:after,
	.borderright:after
	 {
		background: none repeat scroll 0 0 #DDD;
		content: "";
		display: block;
		height: 1px;
		right: 0;
		position: absolute;
		width: 10px;
		z-index: 2;
		top:0;
	}
	
	
	.service-border:before,
	.borderright:before
	{
		background: none repeat scroll 0 0 #DDD;
		content: "";
		display: block;
		height: 1px;
		right: 0;
		position: absolute;
		width: 10px;
		z-index: 2;
		bottom:0;
	}		
	
	/* Grey left */
	.category-list li:after,
	.borderleft:after
	 {
		background: none repeat scroll 0 0 #DDD;
		content: "";
		display: block;
		height: 1px;
		left: 0;
		position: absolute;
		width: 10px;
		z-index: 2;
		top:0;
	}
	
	.category-list li:before,
	.borderleft:before
	{
		background: none repeat scroll 0 0 #DDD;
		content: "";
		display: block;
		height: 1px;
		left: 0;
		position: absolute;
		width: 10px;
		z-index: 2;
		bottom:0;
	}		
	
	/* Grey Left line and Right line */
	.how-border:after {
	 background: none repeat scroll 0 0 #FFF;
		bottom: -1px;
		content: "";
		display: block;
		height: 1px;
		position: absolute;
		left: 5%;
		width: 90%;
		z-index: 2;
	}

	.how-border:before {
		background: none repeat scroll 0 0 #FFF;
		content: "";
		display: block;
		height: 1px;
		position: absolute;
		left: 5%;
		top: -1px;
		width: 90%;
		z-index: 2;
	}
		
	/* Corder left and right Lines hide with whiteline for buttons*/
		
	.btn-primary:before,
	.jtbtn:before {
		background: none repeat scroll 0 0 #FFF;
		content: "";
		display: block;
		height: 1px;
		position: absolute;
		left: 5%;
		top: -1px;
		width: 90%;
		z-index: 2;
	}
	.btn-primary:after,
	.jtbtn:after {
		background: none repeat scroll 0 0 #FFF;
		bottom: -1px;
		content: "";
		display: block;
		height: 1px;
		position: absolute;
		left: 5%;
		width: 90%;
		z-index: 2;
	}
	
	/** Grey Color - Bottom Line Corner */
	.pricing-box:after,
	.about-border:after
	 {
		background: none repeat scroll 0 0 #DDD;
		content: "";
		display: block;
		height: 10px;
		left: 0;
		position: absolute;
		width: 1px;
		z-index: 2;
		bottom:0;
	}
	
	.pricing-box:before,
	.about-border:before
	{
		background: none repeat scroll 0 0 #DDD;
		content: "";
		display: block;
		height: 10px;
		right: 0;
		position: absolute;
		width: 1px;
		z-index: 2;
		bottom:0;
	}
	
	/** Grey Color - Top Line Corner */
 	.pricing-box:after
	 {
		background: none repeat scroll 0 0 #DDD;
		content: "";
		display: block;
		height: 10px;
		left: 0;
		position: absolute;
		width: 1px;
		z-index: 2;
		top:0;
	}
	
	.pricing-box:before
	{
		background: none repeat scroll 0 0 #DDD;
		content: "";
		display: block;
		height: 10px;
		right: 0;
		position: absolute;
		width: 1px;
		z-index: 2;
		top:0;
	}		
	
		
	/* Blue Color Bottom Line Corners */
	
	.team-box p:after,
	.testimonial h2:after,
	.milestone-details:after,
	.navbar-nav > li.active > a:after,
	.navbar-nav > li > a:hover:after,
	.nav-tabs > li.active > a:after, 
	.nav-tabs > li.active > a:hover:after, 
	.nav-tabs > li.active > a:focus:after,	
	.portfolio-filter li.active:after,	
	.portfolio-filter li a:hover:after,
	.bottomline:after
	 {
		background: none repeat scroll 0 0;
		content: "";
		display: block;
		height: 10px;
		left: 0;
		position: absolute;
		width: 1px;
		z-index: 2;
		bottom:0;
	}
	
	.team-box p:before,
	.testimonial h2:before,
	.milestone-details:before,
	.navbar-nav > li.active > a:before,
	.navbar-nav > li > a:hover:before,
	.nav-tabs > li.active > a:before, 
	.nav-tabs > li.active > a:hover:before, 
	.nav-tabs > li.active > a:focus:before,
	.portfolio-filter li.active:before,
	.portfolio-filter li a:hover:before,
	.bottomline:before
	{
		background: none repeat scroll 0 0;
		content: "";
		display: block;
		height: 10px;
		right: 0;
		position: absolute;
		width: 1px;
		z-index: 2;
		bottom:0;
	}	
	
	/* Blue Color top Line Corners */
	.topline:after
	 {
		background: none repeat scroll 0 0;
		content: "";
		display: block;
		height: 10px;
		left: 0;
		position: absolute;
		width: 1px;
		z-index: 2;
		top:0;
	}
	
	.topline:before
	{
		background: none repeat scroll 0 0;
		content: "";
		display: block;
		height: 10px;
		right: 0;
		position: absolute;
		width: 1px;
		z-index: 2;
		top:0;
	}		
	
	/* logo right and left blue color */
	.logo-border:before {
		background: none repeat scroll 0 0 #000;
		content: "";
		display: block;
		height: 80%;
		position: absolute;
		left: -1px;
		top: 10%;
		width: 1px;
		z-index: 2;
	}
	
	.logo-border:after {
		background: none repeat scroll 0 0 #000;
		content: "";
		display: block;
		height: 80%;
		position: absolute;
		right: -1px;
		top: 10%;
		width: 1px;
		z-index: 2;
	}
	
/*	Mobile Responsive */	
	
@media (max-width: 768px) { 
    {
	    .home-content h1 {font-size:31px !important}
	    .tparrows,
	    .small_title,
	    .slider_menu a {display:none}
    }
	
    ul.nav.navbar-nav.navbar-right {background: rgba(0, 0, 0, 0.55);}
    .tp-caption p {margin-top:110px!important;line-height:1.3;}
    .tp-caption h2 {font-size : 26px!important;}	 
	
	
	#slider4container .tparrows:before,
	#slider4container .tparrows:hover,
	#slider4container .tparrows {
		color: #000 !important;
	}
	#slider4container .tparrows {
		background:#fff !important;
		background:rgba(255,255,255,0.5) !important;
	}
	#slider4container .tparrows:hover	{
		background:#fff !important
	}
	
	.sliderbigtitle {
	font-size: 26px;
	}
	
}
	
/*	################################################################
	21. CUSTOM CSS SECTION
	################################################################# */

	/* Navi / Pagination */
/*
.page-navi {text-align: center; padding-bottom:50px;}
.pagination>li>a, .pagination>li>span { margin: 0 5px; height:50px; width:50px; padding-top:13px; border:none;}
.pagination>li>a:hover, .pagination>li>span:hover { border-radius: 50% !important; border:solid 1px #c6491a !important;}
.page-numbers:before{background: none;}
.page-numbers:after{background: none;}
.page-navi li.current-page {background: #c6491a; border:solid 1px #c6491a; border-radius: 50% !important; color:#fff !important; }
*/
/*#lesson, #page {margin-top: 30px; margin-bottom: 30px;}*/

/* SignIn */
.signin-box {background:#f0f0f0;padding:0;margin:30px 0 100px 0;}
.signin-leftbox {border:1px solid #f0f0f0;padding:20px 10px 5px;}
.signin-leftbox  p.title{font-weight:bold; font-size:18px;color:#37a883}
.signin-leftbox  p.desc{margin-bottom:20px;}
.signin-leftbox-feature-block{display:block;}
.signin-leftbox-feature-block img.icon{display:inline;}
.signin-feature-block{margin-left:5px;display:inline;position:relative;top:-10px;background:#fff;}
.signin-feature-block span.feature-text{font-weight:bold; margin-left:0;}
.signin-feature-block span.feature-desc{line-height:20px;display:block;position:relative;top:-10px;margin-left:47px;}
.signin-formbox{border:1px solid #f0f0f0;background:#fff;padding-top:30px; padding-bottom:30px;margin-top:auto; margin-bottom:auto;height: 100%}
.signin-formbox-linktext ul { text-align : center; position:relative; }
.signin-formbox-linktext ul li { padding:0; display: inline; white-space: nowrap; }
.signin-formbox-linktext ul li:after { content: " \00b7"; }
.signin-formbox-linktext ul li.nobullet:after { content: none; }


/* */

.cta-go {padding-top:60px; margin-bottom: 60px;}
.cta-testimonial {padding-top:60px; padding-bottom: 60px;background-color:#37a883; }
.cta-testimonial h2 {color:#fff; text-shadow: 1px 1px #666; }
.cta-testimonial p {color:#fff; }
.cta-testimonial p.testimonial-txt {margin-top:50px; font-style: italic; }
.img-circle {
    border-radius: 50%;
}
.col-centered{ float: none; margin: 0 auto; }
/*.form-text {padding-left:25px;}*/
/*.model-form {
    margin-left:auto;
    margin-right:auto;
    margin-bottom:30px;
	background: #F7F7F7;
    padding: 25px 15px 25px 10px;
    border:1px solid #E4E4E4;
}
*/
.btn-primary { background: #FFCC02; }
.margin-top-30 {padding-top:30px;}

ul {
	list-style-type: none;
}

a {
	color: #b63b4d;
	text-decoration: none;
}

h1 {
 	color: #FFF;
 	font-size: 24px;
 	font-weight: 400;
 	text-align: center;
 	margin-top: 40px;
 }

h1 a {
 	color: #c12c42;
 	font-size: 16px;
}

/* General Listings */
.hovereffect {background-color:rgba(0,0,0,0.8);}
.hovereffect .buttons h4 a {color: #FF6600 !important;}
.hovereffect .buttons h5{color: /*#FF6600*/ #ccc !important;  }
.category-label {width:50%; margin:auto;}
.masonry_wrapper span.icon {top:0;padding-top:150px;padding-left:150px;position:absolute;z-index:0;}
.masonry_wrapper span.video-play {font-size: 56px; width:100%; height:100%;}
.masonry_wrapper  a.video-icon-link  span {color: #D14719;}
.masonry_wrapper  a.video-icon-link  span:hover {color:  #D9A300;}
.masonry_wrapper span.stat-icon {font-size: 13px;}
.masonry_wrapper small.stat {padding-bottom:5px;padding-right:20px;color:#ccc;}
.masonry_wrapper span.stat-icon {margin-right:5px; vertical-align: text-top; }
span.green {color:#33CC33}
span.blue {color:#4D94DB}
span.red {color:#D14719}


/* Menu */
.user-menu li  {width:20px;}
.user-menu #s-user-menu {display:none; width:130px; background:#ccc;}
.user-menu:hover #s-user-menu {display:block;background:#fff;margin:0;padding:0;list-style:none;position:fixed;float:left;z-index: 10;}
#s-user-menu li {min-width:130px;} 
.user-menu .icon {position:relative;top:-2px; font-size:20px; color:#D93600; }

.user_menu2 {
    background:#000;top:150;z-index:0;width:100%;z-index:999;position:absolute;padding-top:130px;z-index: 998;
}
.user_menu_2 a {text-decoration: none;color: #fff;display: block; font-weight: 700;}
.user_menu2.affix {background:#000;width:100%;top:0;right:0;padding:0;margin:0;position: fixed;z-index: 8000;-webkit-transition: all 0.8s;-moz-transition: all 0.8s;transition: all 0.8s;}



/*	Free Lesson Listing */
.video-filter {float:none; margin:auto !important; text-align:center;}
.video-filter ul {list-style: none outside none;padding: 0;position: relative;right: 0;top: 10px;}
.video-filter li {padding: 0 10px 1px;display:inline-block;list-style: none;margin-bottom: 10px;}
.video-filter li a {font-weight: 700;font-size: 12px;color: #555;text-transform: uppercase;padding: 5px 0;letter-spacing: 2px;}
.video-filter li.active {border-bottom: 1px solid;}
.video-filter li a:hover {text-decoration: none !important; color: #c6491a !important;}
.video-filter li.active,.video-filter li:hover  {border-color: #c6491a !important;}
.video-filter li.active:after,.video-filter li:hover:after,.video-filter li.active:before,.video-filter li:hover:before{background-color: #c6491a !important;}
.video-filter li a:hover,.video-filter li.active{position:relative !important;}
.video-filter li.active:after,.video-filter li a:hover:after {background: none repeat scroll 0 0;content:"";display:block;height:10px;left:0;position:absolute;width:1px;z-index:2;bottom:0;}
.video-filter li.active:before,.video-filter li a:hover:before{background: none repeat scroll 0 0;content: "";display: block;height: 10px;right: 0;position: absolute;width: 1px;z-index: 2;bottom:0;}	
.hovereffect a {color:#fff;}
.masonry_wrapper .item { border:1px solid #ccc; }	

/* Premium Category */
.anime { background-color: #37a883; }
.animal { background-color: #b4b4b4; }
.caricature { background-color: #5a98d6;  }
.landscape { background-color: #857158;  }
.perspective { background-color: #d45bb5;  }
.robot { background-color: #C25972; }

.caricature-ic { background-color: #6600FF; }
.cartoon { background-color: #FF0066; }
.human { background-color: #999966; }
.children-drawing { background-color: #FF33CC; }
.detail-drawing { background-color: #5C8A00; }
.digital-painting { background-color: #006666; }
.robot-ic { background-color: #B20047; }
.vehicle { background-color: #FFAD33; }
.vehicle-ic { background-color: #B28F00; }

.premium-cats {padding-top: 40px;}
.premium-cats .anime { background-color: #37a883; border: 4px solid white;}
.premium-cats .animal { background-color: #b4b4b4; border: 4px solid white;}
.premium-cats .caricature { background-color: #5a98d6; border: 4px solid white; }
.premium-cats .landscape { background-color: #857158; border: 4px solid white; }
.premium-cats .perspective { background-color: #d45bb5; border: 4px solid white; }
.premium-cats .robot { background-color: #C25972; border: 4px solid white; }

.premium-cats .caricature-ic  { background-color: #6600FF; border: 4px solid white; }
.premium-cats .cartoon  { background-color: #FF0066; border: 4px solid white; }
.premium-cats .human { background-color: #999966; border: 4px solid white; }
.premium-cats .children-drawing { background-color: #FF33CC; border: 4px solid white; }
.premium-cats .detail-drawing { background-color: #5C8A00; border: 4px solid white; }
.premium-cats .digital-painting { background-color: #006666; border: 4px solid white; }
.premium-cats .robot-ic { background-color: #B20047; border: 4px solid white; }
.premium-cats .vehicle { background-color: #FFAD33; border: 4px solid white; }
.premium-cats .vehicle-ic { background-color: #B28F00; border: 4px solid white; }

.cats-col {padding-bottom:20px;}
.cats-col p {font-size: 15px; line-height: 21px; font-weight: 400; color: #fff;}
.cats-title {font-size: 26px; font-weight: 300; color:white; display:block; margin: 10px 0;}
.cats-desc {max-height:100px;}
.cats-choose {font-size: 15px;font-weight: bold;color: #fff;}
.cats-choose-lvl {margin-top: 10px;}
.cats-choose-lvl select {background-color: #fff;border: 1px solid #666;padding: 0.5em;width:80%;}
.cats-choose-lvl select::-ms-expand {border: 1px solid #666;border-radius: 4px;background-color: #fff;color: #666;}
.cats-choose-lvl option {background-color: #fff;color: #666;margin: 10px;border: 1px solid #000;}

.or-spacer {margin-top: 50px;margin-bottom: 20px;width: 100%;position: relative;}
.or-spacer .mask {overflow: hidden;height: 20px;}
.or-spacer .mask:after {content: '';display: block;margin: -25px auto 0;width: 100%;height: 25px;border-radius: 125px/12px;box-shadow: 0 0 8px black;}
.or-spacer span {width: 50px;height: 50px;position: absolute;bottom: 100%;margin-bottom: -25px;left: 50%;margin-left: -25px;border-radius: 100%;box-shadow: 0 2px 4px #999;background: white;}
.or-spacer span i {position: absolute;top: 4px;bottom: 4px;left: 4px;right: 4px;border-radius: 100%;border: 1px dashed #aaa;text-align: center;line-height: 40px;font-style: normal;color: #999;}
.or-spacer span.icon { font-weight: normal;font-size: 1.5em;padding-top:4px; -webkit-font-smoothing: antialiased; color: #c0c0c0; }

/* Premium list rgba(243,170,80,0.8)*/
.card {/*height: 400px;*/ overflow: hidden;position: relative;}
.card_category { padding:0; position:absolute; top: 10px; width:40%; right:0; height:25px;}
.card_category h4 {font-size: 0.8em; text-transform:uppercase;padding:6px 6px 6px 10px; margin:0;color:#fff;}
.card_content {background-color: #333;padding:10px;position:absolute;bottom: -76px;transition: all 0.5s;-webkit-transition: all 0.5s;-webkit-transition-timing-function: ease;transition-timing-function: ease;width:100%;z-index:999;}
.card_content h4 {text-transform:uppercase;font-size: 1.5em;margin-bottom: 0.5em;color:#fff;}
.card:hover .card_content {/*background-color: rgba(255,255,255,0.9);*/bottom: 0;}

.card_content_fl {background-color: #333;padding:10px;position:absolute;bottom: -31px;transition: all 0.5s;-webkit-transition: all 0.5s;-webkit-transition-timing-function: ease;transition-timing-function: ease;width:100%;}
.card_content_fl h4 {text-transform:uppercase;font-size: 1.em;margin-bottom: 1em;color:#fff;}
.card_content_fl h5  { text-transform:uppercase; margin-bottom: 0.5em; font-size: .8em;  }
.card_content_fl h5 span.cat { border: solid 1px #D9A300; padding:3px; background:#D9A300}
.card:hover .card_content_fl {background-color: rgba(255,255,255,0.9); bottom: 0;color:#C25972;}
.card:hover .card_content_fl  h4{color:#c6491a;font-weight:bold;}
.card:hover .card_content_fl  h5{color:#fff;}

.masonry_wrapper  a.fl  span:hover {color:  #D9A300;}


/* Button */
.btn-primary {margin-top: 18px;}
.btn-forgot,.btn-learn, .btn-upgrade, .btn-signup , .btn-premium{border-radius:0 !important; margin-top: 5px;}
.btn-upgrade{background-color: rgba(243,170,80,0.8); border:1px #ccc solid;}
.btn-woo { border-radius:0 !important; margin-top: 0; font-size:13px;}
.btn-login,.btn-price,.btn-register { border-radius:0 !important; margin-top: 17px;}
.btn-learn:before { background: none repeat scroll 0 0 #333; content: ""; display: block; height: 1px; position: absolute; left: 5%; top: -1px; width: 90%; z-index: 2; 	}
.btn-learn:after{ background: none repeat scroll 0 0 #333; bottom: -1px; content: ""; display: block; height: 1px; position: absolute; left: 5%; width: 90%; z-index: 2; }
.btn-learn {color:#ccc !important; }
.btn-learn a:hover{color:#fff;}
.btn-premium:before { background: none repeat scroll 0 0 #333; content: ""; display: block; height: 1px; position: absolute; left: 5%; top: -1px; width: 90%; z-index: 2; 	}
.btn-premium:after{ background: none repeat scroll 0 0 #333; bottom: -1px; content: ""; display: block; height: 1px; position: absolute; left: 5%; width: 90%; z-index: 2; }
.btn-premium { background-color: rgba(255,128,0,0.8);}
.btn-premium {color:#fff !important; }
.btn-premium a:hover{color:#ccc;}
.woocommerce input.button:before { background: none repeat scroll 0 0 #FFF; content: ""; display: block; height: 1px; 	position: absolute; left: 5%;top: -1px; width: 90%; z-index: 2; }
.woocommerce input.button:after { 	background: none repeat scroll 0 0 #FFF; bottom: -1px; content: ""; display: block; height: 1px; position: absolute;left: 5%; width: 90%; z-index: 2; }
.woocommerce input.button { display: inline-block; padding: 6px 13px;  margin-bottom: 0; font-size: 14px; font-weight: 700; line-height: 1.428571429;text-align: center; vertical-align: middle; cursor: pointer; white-space: nowrap; background: 0 0;border: 1px solid; margin: 0 0 30px 30px; text-transform: uppercase; border-color: #ce5400 !important; color: #ce5400 !important; position:relative !important;}
.btn-price-featured:before { background: none repeat scroll 0 0 #eee; content: ""; display: block; height: 1px; position: absolute; left: 5%; top: -1px; width: 90%; z-index: 2; 	}
.btn-price-featured:after{ background: none repeat scroll 0 0 #eee; bottom: -1px; content: ""; display: block; height: 1px; position: absolute; left: 5%; width: 90%; z-index: 2; }
.btn-price-featured { background-color: #eee;}

/* Banner */
.pagebanner { margin: 0 auto; width: 100%; text-align: center; height:400px; font-size: 0; vertical-align: top; position: relative; overflow: hidden; background-color: black }
@media(min-width:600px){.pagebanner {height:450px}}@media(min-width:450px){.pagebanner {height:350px}}
.banner_mask{position:absolute;bottom:0;left:0;width:100%;height:20px;z-index:1000}
.banner_mask:before,.banner_mask:after{content:' ';display:block;position:absolute;top:0;height:0;border-bottom:20px solid white;width:50%}
.banner_mask:before{border-left:0;border-right:20px solid transparent;left:0}
.banner_mask:after{right:0;border-right:0;border-left:20px solid transparent}
.banner_mask.banner_mask--lightGray:before,.banner_mask.banner_mask--lightGray:after{border-bottom-color:#efefef}

.banner-layer {width:400px; margin:auto; margin-top:100px;}
.banner-layer h1 { text-align: center; color: #fff; padding-top: 14%; }

.slideshow-overlay {
    display: block;
    position: fixed;
    left: 0;
    top: 0;
    overflow: hidden;
    z-index: -99;
    height: 100%;
    width: 100%;
    background: url("../images/bg-overlay-pattern.png") left top repeat
}
.tp-dottedoverlay {	background-repeat:repeat;width:100%;height:100%;position:absolute;top:0px;left:0px;z-index:3}
.tp-dottedoverlay.twoxtwo	{	background:url('../images/gridtile.png')}

.freelesson-banner{ background: url(../images/banner/learn_draw_crop.jpg)no-repeat; background-size: cover;}
.plan-banner{ background: url(../images/banner/plan_draw_crop.jpg)no-repeat; background-size: cover;}
.about-banner{ background: url(../images/banner/about_sketch_crop.jpg)no-repeat; background-size: cover;}
.support-banner{ background: url(../images/banner/support_lady_pc_crop.jpg)no-repeat; background-size: cover;}
.contact-banner{ background: url(../images/banner/about-office.jpg)no-repeat; background-size: cover;}
.checkout-banner{ background: url(../images/banner/checkout-banner.jpg)no-repeat; background-size: cover;}

.container-full {position: relative; width: 100%;left: 0; background: #fff;}

/* Overlay */
.overlay{padding:0;margin:0;}
/*.overlay h2{padding-top:10px;margin-left:0;padding-left:0;padding-right:5px;color:#F58500;}*/
.overlay a.close-button {position:absolute; top: 0; right: 0; width: 36px; height: 36px; cursor: pointer; z-index: 1;}
.overlay a.close-button .fa:hover  {color:#666;}

.overlayy{padding:0;margin:0;}
.overlayy a.close-button {position:absolute; top: 0; right: 0; width: 36px; height: 36px; cursor: pointer; z-index: 1;}
.overlayy a.close-button .fa:hover  {color:#666;}

a.close-button {position:absolute; top: -40px; right: 0; width: 36px; height: 36px; cursor: pointer; z-index: 1;}
a.close-button .fa:hover  {color:#666;}

#overlays {padding:0;}
#overlays h2{padding-top:10px;padding-right:5px;color:#F58500;}
#overlays a.close-button {position:absolute; top: 0; right: 0; width: 36px; height: 36px; cursor: pointer; z-index: 1;}
#overlays a.close-button .fa:hover  {color:#666;}
.ifr-vid {padding-top:20px; background:#ccc;}
.fancybox-skin {-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;}

/*
.overlay-container {background:#f0f0f0;padding:0;margin:30px 0 100px 0;}
.overlay-box {border:1px solid #f0f0f0;padding:20px 10px 5px;}
.overlay-box  p.title{font-weight:bold; font-size:20px;color:#37a883}
.overlay-box  p.desc{margin-bottom:20px;}
.signin-leftbox-feature-block{display:block;}
.signin-leftbox-feature-block img.icon{display:inline;}
.signin-feature-block{margin-left:5px;display:inline;position:relative;top:-10px;background:#fff;}
.signin-feature-block span.feature-text{font-weight:bold; margin-left:0;}
.signin-feature-block span.feature-desc{line-height:20px;display:block;position:relative;top:-10px;margin-left:47px;}
.signin-formbox{border:1px solid #f0f0f0;background:#fff;padding-top:30px; padding-bottom:30px;margin-top:auto; margin-bottom:auto;height: 100%}
.signin-formbox-linktext ul { text-align : center; position:relative; }
.signin-formbox-linktext ul li { padding:0; display: inline; white-space: nowrap; }
.signin-formbox-linktext ul li:after { content: " \00b7"; }
.signin-formbox-linktext ul li.nobullet:after { content: none; }
*/

.pr-signup {background:#f0f0f0;padding:0;margin:30px 0 0 0;}
.pr-signup-title {padding:0;margin:30px 0 10px 0;}
.pr-signup-title p.title{font-weight:bold; font-size:20px;color:#37a883}
.pr-signup-title p.desc{margin-bottom:20px;}
.pr-signup-title img.image{width:100px; height:100px;}
.pr-feature-container {padding:20px 10px 0 10px; margin-left:auto; margin-right:auto; max-width:800px;}
.pr-features-block {display:block;}
.pr-features-block img.icon{display:inline;width:40px;height:40px;}
.pr-feature-texts{margin-left:5px;display:inline;position:relative;top:-10px;background:#fff;}
.pr-feature-texts span.text{font-weight:bold; margin-left:0;}
.pr-feature-texts span.desc{line-height:20px;display:block;position:relative;top:-10px;margin-left:47px;}
.pr-submit {margin-bottom:30px}

/* Call to action */
.dz-call-to-action { background-color: #ebebeb; border: 2px solid #ebebeb; padding: 2em; border-radius: 5px; }
.dz-call-to-action *:last-child { margin-bottom: 0; }
.dz-call-to-action.dz-cta-square { border-radius: 0; }
.dz-call-to-action.dz-cta-square-outlined { border-radius: 0; background: none !important; }
.dz-call-to-action.dz-cta-square-outlined:hover { background: #666 !important;}
.dz-call-to-action.dz-cta-round { border-radius: 50px; }
.dz-call-to-action.dz-cta-outlined { background: none !important; }
.dz-call-to-action hgroup + h2 { margin-top: 1em; }
.dz-call-to-action hgroup + p { margin-top: 1em; }
.align-center { text-align: center; }
.dz-call-to-action hgroup h2 { font-size: 1.5em;}
.dz-call-to-action .dz-heading hgroup h2 {vertical-align:-55px; text-align: center; margin-top:5px;}
#cta-wrapper a { color: #555;}
#cta-wrapper a:hover, a:focus { text-decoration:none; color:#ccc; }
#cta-wrapper a:hover, a:focus h2 { text-decoration:none; color:#fff; }

span.cta-icon {font-size: 65px; color:#c6491a;}
a:hover span.cta-icon{color:#fff;}
a:focus p.align-center, a:focus h2.dz-heading{color:#666;}
.icon-container {width:100%; text-align:center;}
p.strong{font-weight: bold;}

/* About */
/*.about-container{width:450px;}*/
/*.about-wrapper {	padding: 50px 0;}*/
/*.features-widget {margin-bottom:25px;}*/
.about-title-head  {font-size:40px;margin-top: 10px;font-weight: 900;}
.about-title-subhead  {font-size:30px;margin-top: 10px;font-weight: 100;color: #b63b4d; }
.about-text p {font-size:13px;}
/*.about-tab .ui-tabs-nav a {font-weight: 700;font-size: 12px;color: #555;text-transform: uppercase;}*/
.whyus { background:#F0F0F0; padding: 50px 0 0; margin:0; border-top:1px solid #ccc; clear:both }
.first { border-top:0 none; margin-top:30px; }
.whyus .why-text {padding-top:16% 10% 0; padding-bottom:20px}
.whyus .why-text h3 {font-size:15px;color:#000;text-transform: uppercase;font-weight: 700;}
.whyus .why-text p {font-size:15px; }
.why-us: first-child { border-top:0 none; }
.col-image{max-width: 100%; height: auto;}
.why-us.alt .col-image{float:right;}
.why-us .inner {padding-top:16% 10% 0; padding-bottom:20px}
.why-us h3 {font-size:15px;color:#000;text-transform: uppercase;font-weight: 700;}
.why-us p {font-size:15px; }

/* Faq #FFCC02*/
.faq-title  {font-size:20px;padding-left: 42px;margin-top: 30px;font-weight: 700;}
.accordion {width: 100%;margin: 20px 0;background: #fff;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;padding:0;}
.accordion .question {
	cursor: pointer;display: block;padding: 15px 15px 15px 42px;color: #4D4D4D;font-size: 14px;font-weight: 700;border-bottom: 1px solid #CCC;
	position: relative;-webkit-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease;background: #e9e9e2; margin-bottom:10px;
}
.accordion li:last-child .question {border-bottom: 0;}
.accordion li i {position: absolute;top: 16px;left: 12px;font-size: 18px;color: #595959;-webkit-transition: all 0.4s ease;-o-transition: all 0.4s ease;	transition: all 0.4s ease;}
.accordion li i.fa-chevron-down {right: 12px;left: auto;font-size: 16px;}
.accordion li.open .question {color: #b63b4d;}
.accordion li.open i {color: #b63b4d;}
.accordion li.open i.fa-chevron-down {-webkit-transform: rotate(180deg);-ms-transform: rotate(180deg);-o-transform: rotate(180deg);transform: rotate(180deg);}
.accordion li.default .answer {display: block;}
.answer {display: none;background: #fff;font-size: 14px;}
.answer li {display: block;text-decoration: none;padding: 12px;padding-left: 0px;-webkit-transition: all 0.25s ease;-o-transition: all 0.25s ease;transition: all 0.25s ease;font-size: 13px; }

/* Privacy, Terms and Conditions */
.privacy h4 { margin-top:30px;font-size: 18px;font-weight: bold;}
.privacy p {margin-bottom:5px}
.privacy span.highlight {font-size: 13px;font-weight: 700; color:#666;font-family: 'Raleway', sans-serif; display:inline; }
.privacy ul {list-style-type: disc;}


/* Plan, Sales */
.presales h4 { font-size: 18px;font-weight: bold;}
.presales p {padding-bottom:20px;}
.noplan {text-align:center}
.noplan h4 { font-size: 18px;font-weight: bold; margin-top:25px;}


 
 /* User Account */
.box { position: relative;border-radius: 3px;background: #ffffff;border-top: 3px solid #d2d6de;margin-bottom: 20px;width: 100%;box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1)}
.box-header {color: #444;display: block;padding: 10px;position: relative}
.box-footer {
    border-top-left-radius: 0;border-top-right-radius: 0;border-bottom-right-radius: 3px;border-bottom-left-radius: 3px;border-top: 1px solid #f4f4f4;
    padding: 10px;background-color: #fff
}
.box .border-right{border-right:1px solid #f4f4f4}
.box .border-left{border-left:1px solid #f4f4f4}
.box-widget{border:none;position:relative}
.widget-user .widget-user-header{padding:20px;height:120px;border-top-right-radius:3px;border-top-left-radius:3px; text-align:center;}
.widget-user .widget-user-username{margin-top:0;margin-bottom:5px;font-size:25px;font-weight:300;text-shadow:0 1px 1px rgba(0,0,0,0.2);color:#fff}
.widget-user .widget-user-desc{margin-top:0}
.widget-user .widget-user-image{position:absolute;top:65px;left:50%;margin-left:-45px}
.widget-user .widget-user-image>img{width:90px;height:auto;border:3px solid #fff}
.widget-user .box-footer{padding-top:30px}
.bg-aqua-active{background-color:#0099ff !important}
.description-block {display: block;margin: 10px 0;text-align: center}
.description-block.margin-bottom {margin-bottom: 25px}
.description-block>.description-header {margin: 0;padding: 0;font-weight: 600;font-size: 16px}
.description-block>.description-text {text-transform: uppercase}


/*
.tags {
    background: rgba(255, 255, 255, 0.1) none repeat scroll 0 0;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 2px;
    display: inline-block;
    font-size: 13px;
    margin: 4px 0 0;
    padding: 2px 5px;
     -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.tags:hover {
    background: rgba(255, 255, 255, 0.3) none repeat scroll 0 0;
    border: 1px solid rgba(255, 255, 255, 0.5);
    border-radius: 2px;
    display: inline-block;
    font-size: 13px;
    margin: 4px 0 0;
    padding: 2px 5px;
}
*/

/* User Menu */
.user_menu {
    background:#c6491a;top:150;z-index:0;width:100%;z-index:999;position:absolute;padding-top:130px;z-index: 998;-webkit-transition: all 0.8s;
    -moz-transition: all 0.8s;transition: all 0.8s;-webkit-transform: translateY(0%);-moz-transform: translateY(0%);transform: translateY(0%);
}
.user_menu.affix {
    background:#c6491a;width:100%;top:150;right:0;padding:0;margin:0;position: fixed;z-index: 8000;-webkit-transition: all 0.8s;-moz-transition: all 0.8s;transition: all 0.8s;
}
.user_menu_wrap a {text-decoration: none;color: #fff;display: block; font-weight: 700;}
.user_menu_wrap ul {list-style: none;position: relative;text-align: left; margin-top: 10px; margin-bottom: 0;}
.user_menu_wrap li {float: left;}
.user_menu_wrap ul:after {clear: both;}
.user_menu_wrap ul:before,ul:after { content: " "; display: table;}
.user_menu_wrap nav {position: relative; background: #c6491a;}
.user_menu_wrap ul.primary li a {display: block;padding: 20px 30px;}
.user_menu_wrap ul.primary li:last-child a {border-right: none;}
.user_menu_wrap ul.primary li a:hover {color: #000;}
.user_menu_wrap ul.sub {position: absolute;z-index: 200;width: 15%;display:none;padding-left: 10px;}
.user_menu_wrap ul.sub li {float: none;margin: -10px;}
.user_menu_wrap ul.sub li a { border-bottom: 1px dotted #ccc;border-right: none;color: #000;padding: 15px 30px;}
.user_menu_wrap ul.sub li:last-child a {border-bottom: none;}
.user_menu_wrap ul.sub li a:hover {color: #000; background: #eeeeee;}
.user_menu_wrap ul.primary li:hover ul {display: block;background: #fff;}
.user_menu_wrap ul.primary li:hover a {background: #ccc;color: #666;text-shadow: none;}
.user_menu_wrap ul.primary li:hover > a{color: #000;} 
@media only screen and (max-width: 600px) {
.user_menu_wrap {width: 100%;margin-top: 0px;}
.user_menu_wrap  li {float: none;}
.user_menu_wrap ul.primary li:hover a {background: none;color: #0099ff;text-shadow: 1px 1px #000;}
.user_menu_wrap ul.primary li:hover ul {display: block;background: #eee;color: #fff;}
.user_menu_wrap ul.sub {display: block;position: static;box-shadow: none;width: 100%;}
.user_menu_wrap ul.sub li a {background: #666;border: none;color: #fff;}
.user_menu_wrap ul.sub li a:hover {color: #0099ff;background: none;}
}



/* Affiliate */
/*** Stats ***/
.affiliate-stats__item {
  position: relative;
  overflow: hidden;
  padding: 30px 20px;
  margin-bottom: 30px;
  border-radius: 2px;
  background-color: #464960;
}
.affiliate-stats__item > .fa {
  position: absolute;
  bottom: -20%;
  left: -5%;
  font-size: 100px;
  color: rgba(255, 255, 255, 0.15);
}
.affiliate-stats__title {
  margin: 0;
  text-align: right;
  font-size: 36px;
  color: white;
}
.affiliate-stats__title > small {
  display: block;
  font-size: 17px;
  text-transform: capitalize;
  color: rgba(255, 255, 255, 0.7);
}

.affiliate_notice_box {display: inline-block;padding: 15px; position: relative; width: 100% 	}
.affiliate_notice_box p {font-weight:bold;}
.affiliate_intro_text p.title {font-weight:bold;margin-top:10px;}
.affiliate_banners div {margin-top:20px;}
.affiliate_banner_campaign div {margin-top:30px;}

/*** Backgrounds ***/
.bg-primary {background-color: #464960 !important;}
.bg-accent {background-color: #a471c6 !important;}
.bg-pink {background-color: #f06292 !important;}
.bg-orange {background-color: #ff8a65 !important;}
.bg-teal {background-color: #4db6ac !important;}
.bg-pastel-blue {background-color: #CCE5FF !important;}
.bg-aqua-active{background-color:#0099ff !important}
/*** Margin bottom ***/
.mb_sm {
  margin-bottom: 5px;
}


/*-----------------------------------------------------------------------------------*/
/* Timeline
/*-----------------------------------------------------------------------------------*/
.how-we-work-bg {
    background-image: url(../img//bg/timeline-bg.jpg);
    background-attachment: fixed;
    height: 100%;
    width: 100%;
}


.timeline {
    list-style: none;
    padding: 5px 0 5px;
    position: relative;
}

    .timeline:before {
        top: 0;
        bottom: 0;
        position: absolute;
        content: " ";
        width: 3px;
        background-color: #333;
        left: 50%;
        margin-left: -1.5px;
    }

    .timeline > li {
        margin-bottom: 10px;
        position: relative;
    }

        .timeline > li:before,
        .timeline > li:after {
            content: " ";
            display: table;
        }

        .timeline > li:after {
            clear: both;
        }

        .timeline > li:before,
        .timeline > li:after {
            display: table;
            content: " ";
        }

        .timeline > li:after {
            clear: both;
        }

        .timeline > li > .timeline-panel {
            width: 15%;
            float: left;
            /*border: 1px solid #d4d4d4;
            border-radius: 2px;*/
            padding: 5px;
            position: relative;
            background-color: #252525;
            -moz-transition: all ease-in .3s;
            -o-transition: all ease-in .3s;
            -webkit-transition: all ease-in .3s;
            transition: all ease-in .3s;
        }

        .timeline > li:hover .timeline-panel {
            /*background-color: #eee;
            color: #000;*/
        }

        .timeline > li > .timeline-panel:before {
            /*position: absolute;
            top: 26px;
            right: -8px;
            display: inline-block;
            border-top: 8px solid transparent;
            border-left: 8px solid #d4d4d4;
            border-right: 0 solid #d4d4d4;
            border-bottom: 8px solid transparent;
            content: " ";*/
        }

        .timeline > li > .timeline-panel:after {
           /* position: absolute;
            top: 27px;
            right: -8px;
            display: inline-block;
            border-top: 8px solid transparent;
            border-left: 8px solid #d4d4d4;
            border-right: 0 solid #d4d4d4;
            border-bottom: 8px solid transparent;
            content: " ";
            -moz-transition: all ease-in .3s;
            -o-transition: all ease-in .3s;
            -webkit-transition: all ease-in .3s;
            transition: all ease-in .3s;*/
        }

        .timeline > li:hover > .timeline-panel:after {
            /*position: absolute;
            top: 27px;
            right: -8px;
            display: inline-block;
            border-top: 8px solid transparent;
            border-left: 8px solid #8fc941;
            border-right: 0 solid #8fc941;
            border-bottom: 8px solid transparent;
            content: " ";*/
        }

        .timeline > li > .timeline-badge {
            color: #fff;
            width: 12px;
            height: 12px;
            line-height: 12px;
            font-size: 8px;
            text-align: center;
            position: absolute;
            top: 70px;
            left: 50%;
            margin-left: -6px;
            background-color: #999999;
            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: 8px;
                left: -8px;
                right: auto;
            }

            .timeline > li.timeline-inverted > .timeline-panel:after {
                border-left-width: 0;
                border-right-width: 8px;
                left: -8px;
                right: auto;
            }

.timeline-title-wrap {
    float: left;
}

.timeline-inverted {
    margin-top: -50px;
}

    .timeline-inverted .timeline-title-wrap {
        float: right;
        text-align: center;
    }

    .timeline-inverted .timeline-title {
        margin-right: 0;
    }

    .timeline-inverted .timeline-icon span {
        margin-left: 20px;
    }

.timeline-title {
    margin-top: 0;
    text-align: center;
    text-transform: uppercase;
    font-size: 16px;
    line-height: 27px;
    font-weight: 600;
    margin-right: 20px;
}

.timeline-icon span {
    
    text-align: center;
    font-size: 32px;
    line-height: 64px;
    height: 64px;
    width: 94px;
    border-radius: 32px;
    background-color: rgba(157, 173, 190, 0.1);
    border: 1px solid rgb(157, 173, 190);
    display: block;
    color: rgb(157, 173, 190);
    margin-right: 20px;
    
}

.timeline-icon img {
    
    margin-right: auto;
    margin-left: :auto;
    text-align: center;
}


.timeline > li:hover .timeline-icon span {
    color: #fff;
    -moz-transition: all ease-in .3s;
    -o-transition: all ease-in .3s;
    -webkit-transition: all ease-in .3s;
    transition: all ease-in .3s;
}

.timeline-icon {
    text-align: center;
}

.timeline-body > p,
.timeline-body > ul {
    margin-bottom: 0;
    font-weight: 300;
    font-size: 14px;
    text-align: justify;
}

.timeline > li:hover > p {
    color: black;
}

.timeline-body > p + p {
    margin-top: 5px;
}

.timeline-badge.primary {
    background-color: #8fc941 !important;
}

.timeline-badge.alternative {
    background-color: #8fc941 !important;
}

.timeline-title {
    color: #8fc941 !important;
}

.timeline > li:hover .timeline-icon span {
    background-color: #8fc941 !important;
    border: 2px solid #fff !important;
}

.timeline-button span {padding: .7rem 2.5rem; color: #ccc; border: .25rem solid #ccc; border-radius: .325rem; 
	font-size: 1.25rem;  transition: all linear 80ms; cursor: pointer; color: #666;}

.timeline-button:hover span {background-color: #666; color: #fff; text-decoration: none;}

.timeline-button.primary {
    margin-left: -25px;
}

@media (max-width: 767px) {
    ul.timeline:before {
        left: 32px;
    }

    ul.timeline > li {
        width: 50%;
        padding: 0;
    }

        ul.timeline > li > .timeline-panel {
            width: calc(100% - 110px);
            width: -moz-calc(100% - 110px);
            width: -webkit-calc(100% - 110px);
        }

        ul.timeline > li > .timeline-badge {
            left: 8px;
            margin-left: 0;
            top: 18px;
        }

        ul.timeline > li > .timeline-panel {
            float: right;
        }

            ul.timeline > li > .timeline-panel:before {
                border-left-width: 0;
                border-right-width: 8px;
                left: -8px;
                right: auto;
            }

            ul.timeline > li > .timeline-panel:after {
                border-left-width: 0;
                border-right-width: 8px;
                left: -8px;
                right: auto;
            }

    .timeline-inverted {
        margin-top: 0;
    }

        .timeline-inverted .timeline-icon span {
            margin-left: 0;
        }

        .timeline-inverted .timeline-title-wrap {
            float: left;
            margin-left: 0;
        }

        .timeline-inverted .timeline-title {
            text-align: center;
            margin-right: 20px;
        }

    .timeline > li:hover > .timeline-panel:before {
        border-left-width: 0;
        border-right-width: 8px;
        left: -8px;
        right: auto;
    }

    .timeline > li:hover > .timeline-panel:after {
        border-left-width: 0;
        border-right-width: 8px;
        left: -8px;
        right: auto;
    }
}