/*
Theme Name: Vizerk Theme
Theme URI: http://demo.vegatheme.com/vizerk
Author: Ocean Theme Team
Author URI: http://vegatheme.com
Description: In 2014, our default theme lets you create a responsive magazine website with a sleek, modern design. Feature your favorite homepage content in either a grid or a slider. Use the three widget areas to customize your website, and change your content's layout with a full-width page template and a contributor page to show off your authors. Creating a magazine website with WordPress has never been easier.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: black, green, white, light, dark, two-columns, three-columns, left-sidebar, right-sidebar, fixed-layout, responsive-layout, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready, accessibility-ready
Text Domain: vizerk

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

/*------------------------------------------------------------------
[Table of contents]
	0) Reset CSS
	1) SKELETON
	2) HEADER SECTIONS
	3) HOME SLIDER SECTION
	4) ABOUT SECTION
	5) SERVICE SECTION
	6) SKILL SECTION
	7) TESTIMONIAL SECTION
	8) BLOG / PAGE STYLES
	9) PORTFOLIO SECTION
	10) PRICING SECTION
	11) TEAM SECTION
	12) STATS COUNT SECTION
	13) CONTACT AND MAP SECTION
	14) FOOTER SECTION
	15) VIDEO PARALLEX
	16) COLOR SCHEME
	17) BLOG SECTION
	18) SOCIAL MEDIA SECITON
	19) LINE SECTION FOR BUTTONS, TEXT, HEADS AND TITLES
	20) MOBILE RESPONSIVE SECTIONS
	21) CUSTOM CSS SECTION
-------------------------------------------------------------------*/

/*	################################################################
	0. Reset CSS
	################################################################# */
	
	/*------------------------------------------------------------------
[1. Resets CSS]
*/
   section:before, section:after {
	  content: "";
	  position: absolute;
	}
	*, *:after, *:before {
	  box-sizing: border-box;
	  margin: 0;
	  padding: 0;
	}
	html {
			overflow-x: hidden;
			overflow-y: auto;
	}
	section{background: #ffffff;}
	html,
	body {
		height: 100%;
	}

	div.body {
		height: 100%;
		width: 100%;
	}
	pre, img {max-width: 100%;}
	table,
	th,
	td {
		border: 1px solid rgba(0, 0, 0, 0.1);
	}

	table {
		border-collapse: separate;
		border-spacing: 0;
		border-width: 1px 0 0 1px;
		margin-bottom: 24px;
		width: 100%;
	}

	caption,
	th,
	td {
		font-weight: normal;
		text-align: left;
		padding: 5px 10px;
	}

	th {
		border-width: 0 1px 1px 0;
		font-weight: bold;
	}

	td {
		border-width: 0 1px 1px 0;
	}
	dl {
		margin-bottom: 24px;
	}

	dt {
		font-weight: bold;
	}

	dd {
		margin-bottom: 24px;
	}
	address {
		font-style: italic;
		margin-bottom: 24px;
	}
	ul ul li, ul ol li, ol ol li, ol ul li {
		font-size: 13px;
	}
	a, a:hover, a:active, a:focus {
	   outline: 0;
	}
	.wp-caption {max-width: 100%;}
	.wp-caption-text{}
	.sticky {}
	.gallery-caption{}
	.bypostauthor{}
	.alignright {}
	.alignleft{}
	.aligncenter {}

/*	################################################################
	1. SKELETON
	################################################################# */
	
	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;
	}
	.aligncenter {
		margin-left: auto;
		margin-right: auto;
		display: block;
		clear: both;
	}
	img.alignleft {
		margin: 5px 20px 20px 0;
		float: left;
	}
	.alignleft {
		margin: 5px 10px 20px 0;
		float: left;
	}
	img.alignright {
		margin: 5px 0 20px 20px;
		float: right;
	}
	.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:100px 0;
		position:relative;
		background-color:#f7f7f7;
	}
	.dark-wrapper {
		display:block;
		padding:100px 0 0;
		position:relative;
		background-color:#fff;
	}

/*	############## ##################################################
	2. Header Sections
	################################################################# */
	
	.header {		
		top:0;
		z-index:0;
		width:100%;
		z-index:999;
		position:fixed;
		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%);
		background-color: rgba(222, 222, 222, 0.84);
	}
	
	.header.affix {
		/*background:#000;*/
		width:100%;
		top:0;
		right:0;
		padding:0;
		margin:0;
		position: fixed;
		z-index: 9999;
		-webkit-transition: all 0.8s;
		-moz-transition: all 0.8s;
		transition: all 0.8s;
	}
	.logged-in.admin-bar .header, .logged-in.admin-bar .header.affix  {top:32px;}
	
	.navbar-default {
		background:none;
		border:none;
		margin-top:20px;
	}
	.navbar-default .navbar-nav > li > a {
		color:#000;
		text-transform:uppercase;
		font-weight:600;
		padding-bottom: 10px;
	}
	
	.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: #0A6EC1;
	}
	
	.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;
		display: inline-block;
	}
	
	
	.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;
	}
	
		
		
	
/*	################################################################
	3. Home Slider Section
	################################################################# */
	.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;
	}
	.home-wrapper {
		background: url(demos/home-banner.png) no-repeat center center fixed; 
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		position:absolute;
		top:0;
		bottom:0;
		left:0;
		right:0;
		z-index:1;
		width:100%;
	}
	
	#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%;
		margin: 20px auto;
	}

	.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 !important;
		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: 0;
		top: 10px;
	}
	
	.portfolio-filter li {
		padding: 0 10px 1px;
		display:inline-block;
		list-style: none;
		margin-bottom: 10px;
	}
	.portfolio-filter li a {
		font-weight: 700;
		font-size: 12px;
		color: #555;
		text-transform: uppercase;
		padding: 5px 0;
		letter-spacing: 2px;
	}
	
	
	.portfolio-filter li.active {
		border-bottom: 1px solid;
	}
	
	
	.portfolio-filter li a:hover {
		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: 0;
}
		
	.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;
	}

	.hovereffect h5 span:last-child{
		display: none;
	}
	
	
/*	################################################################
	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 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, .page-numbers {
		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, .page-numbers:hover {
		text-decoration:none;
	}
	
	.pricing ul {
		list-style:none;
		padding:0;
	}
	
	.pricing ul 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;
		}
	.pricing ul {
		border: 1px solid #fff;
	}		
	.pricing ul:hover {
		border: 1px solid #DADADA;
	}
	.pricing-box:hover .pricing ul {
		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;
		padding: 0;
	}
	.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: 15px;
		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 */
	}
	section.videobg {background: transparent;}
	
/*	################################################################
	16. COLOR SCHEME
	################################################################# */
	
	.sliderbigtitle hr,
	.slidersmalltitle hr,
	#owl-intro h2 hr,
	.tparrows,
	.tp-bullets.simplebullets .bullet.selected,
	.portfolio-filter li.active,
	.portfolio-filter li:hover,
	.pricing-box:hover,
	.jtbtn, .page-numbers,
	.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, .widget_categories ul li:hover, .widget_archive ul li:hover
	{
		border-color: #27E0FF !important;
	}

	.portfolio-filter li a:hover ,
	.testimonial h1 ,
	.how-box-head h3,
	.pricing-box:hover,
	.jtbtn , .page-numbers,
	.post-meta a,
	.category-list li a:hover , .widget_categories ul li a:hover, .widget_archive ul 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: #27E0FF !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: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: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 ,
	.widget_categories ul li:hover:before, .widget_archive ul li:hover:before, .widget_categories ul li:hover:after, .widget_archive ul li:hover:after
	{
		background-color: #27E0FF !important;
	}
	
	
/*	################################################################
	17. BLOG SECTION
	################################################################# */
	.post-video iframe {width: 100%;}
	#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;
	}
	
	.pagenavi {
	  list-style: none outside none;
	  padding: 0;
	}
	.pagenavi > li {
	  display: inline-block;
	}
	
	.sidebar-widget {
		margin-bottom: 35px;
	}
	
	.sidebar-widget h5 {
		font-weight: 500;
		font-size: 16px;
		color: #000;
	}
	
	
	#form_search {
		position: relative;
	}
	
	#form_search input {
		height: 45px;
		border: 1px solid #ddd;
		width: 100%;
		padding: 15px;
		font-size: 14px;
		position: relative;
	}
	
	#form_search:before {
		content: "\f002";
		font-family: FontAwesome;
		position: absolute;
		right: 12px;
		top: 10px;
		font-size: 20px;
		color: #888888;
		z-index: 999;
	}
	#form_search .search_btn {
	  background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
	  border: 0 solid #ececec !important;
	  height: 43px !important;
	  position: absolute !important;
	  right: 1px;
	  text-indent: -99999px;
	  top: 1px;
	  width: 40px !important;
	  z-index: 100000;
	}
	
	.recentpost-list {
		padding: 0;
	}
	
	.recentpost-list li {
		list-style: none;
		font-size: 16px;
		color: #999;
		margin-bottom: 30px;
		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;
		font-size: 14px;
	}
	
	.recentpost-list li h4 a:hover {
		color: #21c2f8;
		text-decoration: none;
	}
	
	.recentpost-list .post-date {
	  display: block;
	  margin-left: 80px;
	  margin-top: 0px;
	  line-height: 18px;
	}
	.recentpost-list .post-date a {
	  text-transform: none;
	  font-weight: bold;
	}
	
	.recentpost-list li span {
		font-size: 12px;
		color: #aaaaaa;
		margin-left: 13px;
		font-style: italic;
	}
	
	
	.category-list, .widget_categories ul , .widget_archive ul  {
		padding: 0;
	}
	
	.category-list li, .widget_categories ul li, .widget_archive ul 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, .widget_categories ul li a, .widget_archive ul li a {
		color: #999;
	}
	
	.category-list li a:hover, .widget_categories ul li a:hover, .widget_archive ul li a:hover {
		text-decoration:none !important;
	}
	
	.category-list li:hover, .widget_categories ul li:hover, .widget_archive ul li:hover {
		border-left: 1px solid;
		
	}
	
	.wp-tag-cloud {
		padding: 0;
	}
	
	.wp-tag-cloud li {
		float: left;
		margin-right: 4px;
		margin-bottom: 7px;
		list-style: none;
	}
	
	.wp-tag-cloud li a {
		background: #fff;
		border: 1px solid #ddd;
		color: #858585;
		padding: 4px 13px;
		display: table;
		font-size: 12px!important;
		text-decoration: none;
	}
	
	.wp-tag-cloud li a:hover {
		background: #21c2f8;
		border: 1px solid #21c2f8;
		color: #fff;
	}
	
	.widget_meta {}
	.widget_meta ul {list-style: none outside none;padding: 0;}
	.widget_meta ul li {color:#999;font-size: 14px;line-height: 30px;}
	.widget_meta ul li a {color:#999;font-size: 14px;}
	.widget_meta ul li a:hover{color: #27e0ff;text-decoration: none;}
	.widget_meta ul li a abbr{color: #27e0ff;border-bottom: 1px dotted #27e0ff;}
	
	/*-----------------------------------------------------------------------------------*/
	/*	CALENDAR STYLES WIDGET
	/*-----------------------------------------------------------------------------------*/
	.widget_calendar {float: none;}
	#wp-calendar {width: 100%; }
	#wp-calendar caption { 
		background: none repeat scroll 0 0 #E9E9E9;
		color: #333333;
		font-size: 16px;
		padding: 10px 0;
		text-align: center;	
	}
	#wp-calendar thead { font-size: 10px; }
	#wp-calendar thead th {
		border: 1px solid #E9E9E9;
		font-size: 13px;
		padding: 8px 0;
		text-align: center;
		vertical-align: middle;
	}
	#wp-calendar tbody { color: #aaa; }
	#wp-calendar tbody td { background: #f5f5f5; border: 1px solid #E9E9E9; text-align: center; padding:8px;}
	#wp-calendar tbody td#today {background: #f1c40f;color: #fff;}
	#wp-calendar tbody td:hover { background: #fff; }
	#wp-calendar tbody .pad { background: none; }
	#wp-calendar tfoot {border: 1px solid #E9E9E9;}
	#wp-calendar tfoot #next { font-size: 12px; text-transform: uppercase; text-align: right; color: #f1c40f;}
	#wp-calendar tfoot #prev { font-size: 12px; text-transform: uppercase; padding-top: 10px; color: #f1c40f;}

	.widget select {max-width: 100%;padding: 5px;border: 1px solid #ccc; width: 100%;}
	.widget_text .textwidget img{max-width: 100%;height: auto;}
	.widget_text select, .widget_text input , .widget_text textarea  {max-width: 100%;padding: 5px;border: 1px solid #ccc; width: 100%;}
	.widget_text option {max-width: 100%;}

	.widget_nav_menu ul li, .widget_pages ul li {color: #827b7d;line-height: 28px;}
	.widget_nav_menu ul li ul, .widget_pages ul li ul {padding-left: 20px;}
	.widget_nav_menu ul li a, .widget_pages ul li a{color: #827b7d;}
	.widget_nav_menu ul li a:hover, .widget_pages ul li a:hover {color: #615C5C;}
	
	.rsswidget{
		display:block;
	}
	.rss-date{
		display: block;
		margin-bottom:7px;
	}
	.widget_rss ul li{
		margin-bottom: 12px;
		line-height: 20px;
	}
	.widget p {
	  margin-bottom: 18px;
	}
	.widget_text .textwidget img{
		margin-top: 5px;
	}
	.widget ul {list-style: none;}
	.single-post ul, .single-post ol {padding-left: 20px;}
	
	.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 {
		margin-right: 30px;
		display: block;
		height: auto;
		width: 100%;
	}
	
	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: 0;
		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;
	}
	
	article.post .jtbtn{
		padding: 0 10px;
		margin-top: 10px;
		font-size: 12px;
	}
	.post-date{
		display: block;
	}
	
	.post-meta a {
		font-size: 12px;
		font-weight: 500;
		text-transform: uppercase;
	}
	
	
	.blogvideo , .iaudio {
		position: relative;
		overflow: hidden;
		border: 0;
		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, .comment-section h3 {
		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;
	}
	
	.comment-section .children {
	  border-top: 1px solid #ddd;
	  margin-left: 145px;
	}
	
	#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: 100px;
		float: left;
	}
	.c-author img{
		width: auto;
	}
	.c-info {
		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: 5px 0;
		line-height: 20px;
		margin-top: 5px;
	}
	
	.comment-reply-link {
		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;
	}
	
	.comment-reply-link:hover {
		color: #21C2F8;
	}
	
	
	.comment-sub {
		margin-left: 145px;
	}
	
	.comment-form {
		border-top: 1px solid #ddd;
		padding-top: 45px;
	}
	
	form.comment-form {
		border-top: 0px solid #ddd;
		padding-top: 0px;
	}
	.form-submit {text-align: center;clear: both;}
	.form-submit > input {
	  background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
	  border: 1px solid #00D7FF;
	  display: inline-block;
	  padding: 7px 20px;
	  margin-top: 20px;
	}
	.form-submit > input:hover {color: #00D7FF;}
	.logged-in-as {
	  padding-left: 15px;
	}
	
	/* 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;
	}
	.breadcrumb a{
		color: #ffffff;
	}
	.breadcrumb a:hover{
		text-decoration: none;
		color: #333;
	}
	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, .page-numbers,
	.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, .widget_categories ul li:after, .widget_archive ul 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, .widget_categories ul li:before, .widget_archive ul 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, .page-numbers: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, .page-numbers: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;
	}
	.revsliderstyles{display: none;}
	
/*	################################################################
	20. Mobile Responsive
	################################################################# */	
	
	@media (max-width: 992px) {
		.nav > li > a{
			padding-left: 8px;
			padding-right: 8px;
		}
	}
	@media (max-width: 767px) { 
		.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);
	}
	.logged-in.admin-bar .header, .logged-in.admin-bar .header.affix{
		top: 0;
	}	
	
	#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;
	}
	.featured-box h3{
		font-size: 24px;
	}
	.comment-reply-link{
		position: static;
		float: right;
		padding: 0;
	}
}
@media (max-width: 320px) { 
	.tp-caption p {
		font-size: 12px!important;
		line-height: 12px!important;
		margin-top: 30px!important;
	}
	.tp-caption h2{
		font-size:18px!important;
		line-height: 20px!important;

	}
	.hovereffect h4{
		margin-top: 0;
	}
	.iaudio{
		padding: 40%;
	}
}
	
/*	################################################################
	21. CUSTOM CSS SECTION
	################################################################# */