/* Artfully masterminded by ZURB  */

/* -------------------------------------------------- 
   Table of Contents
-----------------------------------------------------
:: Shared Styles
:: Page Name 1
:: Page Name 2
*/


/* -----------------------------------------
   Shared Styles
----------------------------------------- */
body{
	overflow-x:hidden !important;
	background:#000 !important
}
a img{
	border:none !important;
}
a:hover{
	color:#00D3D3;
}
#nav-arrow{
	display:none;
	position:fixed;
	top:0px;
	right:0px;
	z-index:99999;
}
#nav{
	width:240px;
	list-style: none;
	position: fixed;
	right: 0px;
	/*background:url(../images/nav-bg.png) repeat;*/
	/*background:rgba(0,0,0,0.5);*/
	height:100%;
	margin-top:0px;
	padding-right:0px;
	padding-left:20px;
	z-index:9999;
}

#nav li{
	margin: 0px;	
	text-align:center;
	margin-top:10px;
	margin-bottom:10px;
}
.nav-link{
	margin: 0px;
	color:#fff !important;
	font-family:"Lane_Narrow";
	font-size:16px;
	text-decoration:none;
	border-top:solid 4px #000;
	border-bottom:solid 4px #000;
}
.nav-link span {
	display: block; 
	width: 160px !important; 
	text-align: center;
	background:#000;
	padding:2px 10px;
	text-transform:uppercase;
	margin-left: 30px !important;
}

#full-arrow{
	display:none;
	position:fixed;
	z-index:999999 !important;
	cursor:pointer;
}
.arrow-off{
	display:none;
}
#header, #intro, #second{
	width: 100%;
}

.page-1{
	background:url(../images/bg/01.jpg) 50% -75px no-repeat fixed;
	color: white;
	min-height: 1000px;
	margin: 0 auto;
	/*box-shadow:0 0 16px 0 rgba(0, 0, 0, 0.9);*/
}

.page-2{
	background: url(../images/bg/02.jpg) 50% 0 no-repeat fixed;
	color: white;
	min-height: 936px;
	margin: 0 auto;
	overflow: hidden;
	/*box-shadow:0 0 16px 0 rgba(0, 0, 0, 0.9);*/
}

.page-3{
	background: url(../images/bg/03.jpg) 50% 0 no-repeat fixed;
	color: white;
	min-height: 1300px;
	margin: 0 auto;
	overflow: hidden;
	/*box-shadow:0 0 16px 0 rgba(0, 0, 0, 0.9);*/}
	
.page-4{
	background: url(../images/bg/07.jpg) 50% 0 no-repeat fixed;
	color: white;
	min-height: 600px;
	margin: 0 auto;
	overflow: hidden;
	/*box-shadow:0 0 16px 0 rgba(0, 0, 0, 0.9);*/}

.page-5 {
	background: url(../images/bg/05.jpg) 50% 0 no-repeat fixed;
	color: white;
	min-height: 500px;
	/*box-shadow:0 0 16px 0 rgba(0, 0, 0, 0.9);*/
}

.page-6 {
	background: url(../images/bg/06.jpg) 50% 0 no-repeat fixed;
	color: white;
	min-height: 936px;
	margin: 0 auto;
	overflow: hidden;
	/*box-shadow:0 0 16px 0 rgba(0, 0, 0, 0.9);*/
}

.page-7 {
	background: url(../images/bg/07.jpg) 50% 0 no-repeat fixed;
	color: white;
	min-height: 950px;
	
}

.page-8 {
	background: #121212;
	height: 120px;
	margin: 0 auto;
	padding: 40px 0 0 0;
	/*box-shadow:0 0 16px 0 rgba(0, 0, 0, 0.9);*/
}
/*----------Bg Overlays------*/
.bg-1{
	background: 50% 0 no-repeat fixed;
	min-height: 1300px;
	margin: 0 auto;
	position: absolute;
	width: 900px;
	z-index: 200;
}
.bg-2{
	background: 50% 0 no-repeat fixed;
	min-height: 1300px;
	margin: 0 auto;
	position: absolute;
	width: 900px;
	z-index: 200;
}
.bg-3{
	background:  50% 0 no-repeat fixed;
	min-height: 1300px;
	margin: 0 auto;
	position: absolute;
	width: 900px;
	z-index: 200;
}
.bg-4{
	background: 50% 0 no-repeat fixed;
	min-height: 1300px;
	margin: 0 auto;
	position: absolute;
	width: 900px;
	z-index: 200;
}
.bg-5{
	background: 50% 0 no-repeat fixed;
	min-height: 1300px;
	margin: 0 auto;
	position: absolute;
	width: 900px;
	z-index: 200;
}
.bg-6{
	background: 50% 0 no-repeat fixed;
	min-height: 1300px;
	margin: 0 auto;
	position: absolute;
	width: 900px;
	z-index: 200;
}
.bg-7{
	background: 50% 0 no-repeat fixed;
	min-height: 1300px;
	margin: 0 auto;
	position: absolute;
	width: 900px;
	z-index: 200;
}
#eighth{
	background: #121212;
	height: 120px;
	margin: 0 auto;
	padding: 40px 0 0 0;
	/*box-shadow:0 0 16px 0 rgba(0, 0, 0, 0.9);*/
}

/*.story{
	margin: 0 auto;
	min-width: 980px;
	overflow:hidden !important;
	width: 80%;
}

.story .float-left, .story .float-right{
	padding: 0px;
	position: relative;
	width: 350px;	
}*/
.outer-wrap{
	padding: 0 85px 0 85px !important;
}

/*Inner*/
#welcome{
	width: 90%;
}
#welcome h1{
	font-family:"Lane_Narrow";
	margin-top:160px;
}
#welcome p{
	font-family:"eausans";
	font-size:16px;
	line-height:21px;
	font-weight:normal;
}
.main-heading{
font-family:"quicksandregular";
text-transform:uppercase;
font-size:118px;
line-height:118px;
font-weight:normal;
}
.main-heading-alt{
font-family:"Nexa_Light";
font-size:32px;
font-weight:normal !important;
margin-left:9px;
}
.dark-txt{
	color:#171717;
}
.light-txt{
	color:#f8f8f8 !important;
}
.white-txt{
	color:#fff !important;
}
.grey-txt{
	color:#888 !important;
}
.color-high{
	/*color:#00D3D3*/
}
.promo-txt{

font-family:"Ostrich_Sans_Regular" !important;
	font-size:18px !important;
	line-height:25px;
	
}
.medium-para{
	font-size:16px;
	line-height:23px;
	font-family:"eausans";
}
.credit-txt{
	color:#999;
	margin-top:18px;
font-family:"eausans";
font-size:12px !important;
text-align:center;
}
.credit-txt a{
	color:#fff;
}

.credit-txt a:hover{
	color:#00D3D3;
}
/* -----------------------------------------
   Page Name 1
----------------------------------------- */
.features{
	list-style:none;
	color:#000 !important;
}
.features li{
	font-size:20px !important;
	line-height:25px;
	padding-top:15px;
	padding-bottom:10px;
	border-bottom:solid 1px #ccc;
}
.features li span{
	color:#000;
font-family:"quicksandbold";
	font-size:24px !important;
	line-height:25px;
	width:230px;
	display:inline-block;
	margin-left:5px;
}
.features li i{
	font-size:32px;
	margin-right:5px;
}
.features-first{
	border-top:none;
}
/*--------------------------
 Services
 --------------------------*/
 .services-info{
}
.services-info h3{
	font-family:"Ostrich_Sans_Regular";
	text-transform:uppercase;
	padding-bottom:10px;
	border-bottom:solid 2px #00D3D3;
	font-size:28px;
	text-align:center;
}
.services-promo h3{
	font-family:"Ostrich_Sans_Regular";
	text-transform:uppercase;
	padding-bottom:10px;
	border-bottom:solid 2px #00D3D3;
	font-size:28px;
}
 .icon-thumb-big{
	 text-align:center;
	 font-size:222px !important;
 }
 .services-testimonial{
 }
 .services-testimonial h4{
	font-family:"quicksandlight";
	padding-bottom:10px;
	border-bottom:solid 2px #00D3D3;
	font-size:28px;
}
 .services-testimonial h5{
font-family:"eausans";
	 color:#000;
 }
 .testimonial-alt{
	 margin-left:4px;
font-family:"eausans";
	 font-weight:normal;
	 color:#666;
 }
/* ----------------------------
   SERVICES GRAPH 
--------------------------     */
.skill-info{
}
.skill-info h3{
	font-family:"quicksandlight";
	padding-bottom:10px;
	border-bottom:solid 2px #00D3D3;
	font-size:28px;
}

#services-graph{list-style-type:none;margin-top:10px;padding:0;}
#services-graph li{margin-bottom:16px;position:relative;}
#services-graph li p{color:#fff;font-size:16px;font-weight:700;left:10px;position:absolute;top:4px; text-transform:uppercase;
font-family:"quicksandlight";}
.percentage{color:#000;font-family:'eausans', tahoma, sans serif;font-size:1.4em;font-weight:700;margin-left:4px; letter-spacing:0; font-style:normal; margin-left:15px;}
.bar-container{background:url('../images/overlay_solid_dark.png') repeat;height:47px;width:100%;}
.bar-10{background:url('../images/overlay_solid_darkest.png') repeat; height:47px;width:10%;}
.bar-20{background:url('../images/overlay_solid_darkest.png') repeat; height:47px;width:20%;}
.bar-30{background:url('../images/overlay_solid_darkest.png') repeat;height:47px;width:30%;}
.bar-40{background:url('../images/overlay_solid_darkest.png') repeat; height:47px;width:40%;}
.bar-50{background:url('../images/overlay_solid_darkest.png') repeat; height:47px;width:50%;}
.bar-60{background:url('../images/overlay_solid_darkest.png') repeat;height:47px;width:60%;}
.bar-70{background:url('../images/overlay_solid_darkest.png') repeat;height:47px;width:70%;}
.bar-80{background:url('../images/overlay_solid_darkest.png') repeat;height:47px;width:80%;}
.bar-90{background:url('../images/overlay_solid_darkest.png') repeat;height:47px;width:90%;}
.bar-100{background:url('../images/overlay_solid_darkest.png') repeat;height:47px;width:100%;}
.bar{background:#00D3D3;height:47px;width:100%;}


/* -----------------------------------------
   Page Name 2
----------------------------------------- */
.framework-demo{
}
.framework-demo p{
	color:#111 !important;
	font-family:"eausans" !important;
}
.framework-demo a{
	color:#000 !important;
	text-transform:uppercase;
}
.framework-demo li{
	color:#111 !important;
}
.framework-demo .panel{
	background:#fff;
	border:solid 1px #ccc;
}
.framework-demo h3, .framework-demo h4{
	color:#000 !important;
	border-bottom: 2px solid #00D3D3;
    font-family: "Nexa_Bold";
    font-size: 28px;
    padding-bottom: 10px;
    text-transform: uppercase;
}
/* -----------------------------------------
   Page Name 2
----------------------------------------- */
#work-intro{
	border-bottom:solid 1px #00D3D3;
	border-top:solid 1px #00D3D3;
}
#work-block{
}
.work-item{
	height:155px;
	padding:2px;
}
.work-item .thumb{
}
.work-item-name{
	margin-top:70%;
	color:#00D3D3;
font-family:"quicksandlight";
}
.null-div{
	opacity:0;
}
#work-filter{
}

.filter-button{
	color:#fff;
	font-size:24px;
	font-family:"quicksandbold";
	cursor:pointer;
}


/* -----------------------------------------
   Page Name 1
----------------------------------------- */
.contact{
	list-style:none;
	color:#000;
}
.contact a{
	color:#00D3D3;
}

.contact a:hover{
	color:#047a7b;
}
.contact li{
	font-size:20px !important;
	line-height:25px;
	padding-top:15px;
	padding-bottom:10px;
	border-bottom:solid 1px #ccc;
}
.foundation-social{
font-family:"Foundation_Social";
font-style:normal !important;
}
.contact li span{
	color:#000;
font-family:"quicksandbold";
	font-size:24px !important;
	line-height:25px;
	display:inline-block;
	margin-left:5px;
}
.contact li i{
	font-size:32px;
	margin-right:5px;
}
.contact-first{
	border-top:none;
	margin-top:30px;
}
.contact-form-label{
	font-family:"quicksandbold";
	font-size:26px !important;
}
.contact-icons {
    list-style: none outside none;
}
.contact-icons li {
    font-size: 16px;
	color:#666 !important;
}
.contact-icons li span {
    font-size: 16px;
    margin-right: 5px;
	color:#01D3D4;
}
#address-block p{
	font-size:16px !important;
}
.contact-btn{
	text-transform:uppercase;
}
.text-field{
	font-family:"quicksandbold";
	font-size:16px !important;
	color:#999 !important;
}
.error{
	color:#00D3D3 !important;
}

#small-device-header{
	display:none;
	position:fixed;
	top:0px;
	width:100%;
	height:90px;
	background:#fff;
	text-align:left;
}
#mobile-logo{
	margin-top:6px;
}

#mobile-nav{
	margin:8px 11px;
	
}
.mob-nav-link{
	font-size:20px;
font-family:"quicksandbold";
text-transform:uppercase;
margin-right:15px;
color:#000;
}
.mob-nav-link:hover{
	font-size:20px;
font-family:"quicksandbold";
text-transform:uppercase;
margin-right:15px;
color:#00D3D3;
}


/*Small Device Screen Optimization for mostly ipads*/
@media only screen and (max-width: 767px) {
	
	.outer-wrap{
		padding: 100px 15px 0 15px !important;
	}
	
	#full-arrow{
		display:none !important;
	}
	
	#mob-logo {
		display: block;
		margin: 0px auto; 
		text-align: center;
		height: 25%;
		width: 25%;
	}
	
	#small-device-header {
		background: transparent !important;
		height: 65px !important;
		margin: 0px auto;
		text-align: center;
		display: block;
		width: 100%;
	}
	
	h2.main-heading-alt {
		margin-top: 60px;
	}
	
	#welcome h1 {
		margin-top: 100px;
		font-size: 62px !important;
		line-height: 1em !important;
	}

	.credit-txt {z-index: 999; color: #fff; margin-top: 0px;}
	
}

/*Small Device Screen Optimization for phones mostly*/
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
	#mob-logo {
		float: left !important;
		margin: 0px 5px 5px 5px;
		padding: 0px;
	}

	.mob-nav-link { margin-top: 20px !important; }
	#menu458 {display: none !important;}
	
	#small-device-header {
		background: transparent !important;
		height: 35px !important;
		margin: 0px auto !important;
		text-align: center;
		display: block;
		width: 100%;
		padding: 0px !important;
	}
	
	h2.main-heading-alt {
		margin-top: 0px !important;
		margin-bottom: 0px !important;
		font-size: 28px;
		line-height: .7em;
	}
	
	h2 span.main-heading {
		font-size: 42px;
		margin-top: 0px;
	}
	
	#welcome h1 {
		margin-top: 0px !important;
		font-size: 42px !important;
		line-height: 1em !important;
	}
	#welcome h3 {
		font-size: 24px;
	}
	.credit-txt {z-index: 999; color: #fff; margin-top: 0px;}
	
	#iconSocial {display: none !important;}
}


/*STYLES FOR BLOG ONLY*/
		.blog{
		}
		.blog-stats{
			padding:10px 10px 10px 0px;
			border-top:solid 2px #000;
			border-bottom:solid 2px #000;
		}
		.blog-stats > i{
			font-size:16px !important;
		}
		.stats-in{
			font-style:normal !important;
			font-size:12px !important;
			margin-left:5px;
		}
		.blog-stats-list ul{
			list-style:none;
		}
		.blog-stats-list ul > li{
			text-align:center;
		}
		.blog-link a{
			color:#FF0000 !important;
			margin-left:10px;
			float:right;
		}

/**************** BLOG PAGE *****************/

.post-block { margin: 0px;}
.post-block{position:relative}
.post-block h3{
    font-family:"quicksandlight";
    padding-bottom:10px;
    border-bottom:solid 2px #4AB7E4;
    font-size:42px;
    width: 85%;
    margin-left: 10px;
}
.post-block .featured-image{text-align:center; margin-bottom:20px;}
.post-block .featured-image a{display:block}
.post-block .featured-image img{padding-left:0px}
.post-block p {padding:0px; padding-bottom:0px; padding-top:0px}
.post-block .button {margin-right:10px}
.inner-post-image{float:left; margin-right:20px;}
.inner-block .featured-image{}
.inner-post-desc{}
.post-comment, .post-author{float:left}
.post-comment{margin-left:0px}
.post-comment a, .post-author a{color:#666666; text-decoration:none; background-position:left; background-repeat:no-repeat; padding-left:18px;}
.post-comment a{background-image:url(../images/comment.png); padding-left:16px}
.post-author a{background-image:url(../images/author.png)}
.post-date{position:absolute; top:0px; right:0px; font-size:20px; font-family:"Yanone Kaffeesatz", sans-serif; color:#ffffff; padding:7px; background-color:#888888}
.post-block a.button{float:left; margin-left:20px}

/**************** Blocks *****************/

.content-block{}
.content-block a{color:#111111}
.content-block a:hover{color:#ff4d02}
.content-block h2{color:#111111}
.content-block .featured-image{background:#ffffff; border-bottom:solid 0px #464f5c; text-align:center; padding:0px; margin-bottom:20px;}
.content-block .featured-image a{display:block}

/***************** CONTENT *******************/

.content_sidebar{ float:left; /*margin-top:10px; margin-bottom:10px*/}
.content_sidebar { width:70%; margin-right:3.3%}
.content_sidebar_left{ float:left; /*margin-top:10px; margin-bottom:10px*/}
.content_sidebar_left { width:70%; margin-left:3.3%}

/***************** SIDEBARS *******************/

/***** SIDEBAR RIGHT ****/
.sidebar_right{ float:left; /*margin-top:10px; margin-bottom:10px*/}
.sidebar_right { width:26.3%; }

/***** SIDEBAR LEFT ****/
.sidebar_left{ float:left; /*margin-top:10px; margin-bottom:10px*/}
.sidebar_left { width:26.3%; }

/******************* TABS  **********************/

.tabs {list-style:none; margin:0 !important; padding:0}
.tabs li {float:left; text-indent:0; background:#eeeeee; width:33%;}
.tabs a {border-top:solid 5px #dddddd; padding-top:10px; display:block; height:30px; text-align:center; text-decoration:none;margin:0px; position:relative; font-size:13px; border-right:none !Important}
.tabs a:active, .tabs a:hover, .tabs a.current, .tabs a.current:hover{border-top:solid 5px #ff4d02; background:#ffffff; color:#111111}
.tabs a.current, tabs a.current:hover { cursor:default !important; }
.panes .pane {display:none; }
.panes > div {display:none; min-height:100px; background:#ffffff; padding:20px 10px}
.tabs.type2{}
.tabs.type2 li{}
.tabs.type2 li:first-child a{}
.tabs.type2 a {height:90px; overflow:hidden; background-repeat:repeat-x; font-family:"Times New Roman", Times, serif; font-style:italic; font-size:20px; text-align:left}
.tabs.type2 a span{display:block; padding:10px 0px; font-size:13px; color:#666666; font-style:normal; font-family: 'eausans'; line-height:normal}
.tabs.type2 a:active, .tabs.type2 a:hover, .tabs.type2 a.current, .tabs.type2 a.current:hover{height:90px}
.panes > div.type2{background:none; padding:40px 0px 0px;} 

/***** SERVICES TABS  ****/
.services_tabs .tabs a{ padding:0 10px;}
.services_tabs .tabs li {width:25%;}
.services_tabs .list ul {margin-left: 30px; }

/*************************************************//***************** PAGINATION  *******************/

.wp-pagenavi{margin:30px 0px;}
.wp-pagenavi .pages { display:none !Important}
.wp-pagenavi a, .wp-pagenavi a:link, .wp-pagenavi a:visited, .wp-pagenavi span {color:#111111; float:left; padding:5px 10px; display:block; text-decoration:none; margin-right:6px;  background-color:#f7f7f7}
.wp-pagenavi span.current{font-size:13px; color:#ff4d02; background-color:#f7f7f7}
.wp-pagenavi a:hover{color:#ff4d02}
.wp-pagenavi a.nextpostslink{background-position: 0px -38px }
.wp-pagenavi a.nextpostslink:hover{background-position:0px -57px}
.wp-pagenavi a.previouspostslink{background-position: 0px 0px }
.wp-pagenavi a.previouspostslink:hover{background-position:0px -19px}

/*************************************************/

.widget{margin-bottom:10px}
.widget-post-list li {margin-bottom:10px}
.widget-post-list li:last-child{margin-bottom:0}
.wpl-image{float:left; width:60px; margin:0px 10px 0 0}
.wpl-image a{display:block; width:60px; height:50px}
.wpl-image a img{background: none repeat scroll 0 0 #f8f8f8; padding: 2px; width: 100%;}
.wpl-image a img:hover{background:#ccc;}
.wpl-desc{overflow:hidden}
.wpl-desc a{text-decoration:none; line-height:14px; height:14px; display:block}

.main-categories {display:block}
.main-categories a{color:#111111}
.main-categories a:hover{color:#ff4d02}
.main-categories li{padding-left:16px; background-position:0px 11px; float:left; width:80%; margin-right:4%; margin-bottom:0px; text-decoration:none}

.main-categories2 {display:block}
.main-categories2 a{color:#111111}
.main-categories2 a:hover{color:#ff4d02}
.main-categories2 li{padding-left:14px; background-position:0px 11px; float:left; width:38%; margin-right:4%; margin-bottom:0px; text-decoration:none}

.archives {display:block; padding-left:28px; padding-top:5px; padding-bottom:10px}
.archives li{float:left; width:100%; background: url('../images/listicon.png') no-repeat 0px 8px; padding-left:10px; margin-bottom:5px}
.archives a{text-decoration:none; color:#111111}
.archives a:hover{color:#ff4d02}

/*----- Toggles  -----*/

.toggle{position: relative; margin-left:0px; margin-bottom:25px}
.toggle > li {margin-bottom:10px}
.toggle > li a:hover, .toggle > li > a.active{color:#ff4d02}
.toggle > li > a {padding:7px 6px 7px 26px; color:#111111; text-decoration: none;display: block; background: url('../images/toggle.png') no-repeat 0px 8px}
.toggle > li>a.active{background-position:0px -20px;}
sup{font-size:10px}
.frame{border:solid 15px #f8f8f8; }
.bordered-block{border-bottom:solid 5px #464f5c; line-height:0; text-align:center}
.regular-size *{font-size:12px !Important}
.outer-text{position:relative; min-height:50px}
.outer-text-wrapper{ text-align:center}
.promo-text{width:68.75%; margin:0px auto}
.promo-text p, .promo-text span{line-height:44px; font-size:36px; font-family:"Times New Roman", Times, serif; font-style:italic; text-shadow:#fff 0px 1px 0px}
.promo-text p{ color:#464f5c; padding-bottom:1%; padding-top:2%}
.promo-text span{color:#ff4d02}

.newsletter-wrapper .promo-text{width:100%}
h3.newsletter-title{font-family:"Yanone Kaffeesatz", sans-serif; font-size:26px; color:#111111; background-color:#666666}
p.newsletter-text{color:#111111; font-size:13px; font-family:'eausans'; text-align:center; width:auto; font-style:normal}
#newsletter-form input[type="text"]{width:74%; padding:1px 5px}
#newsletter-form{margin-top:8px}
#newsletter-form input[type="submit"] {margin-left:-2px;  height:30px; width:21%; padding:0}

.blockquote{margin:0px 0 20px 0}
blockquote{
	background-color:rgba(0,0,0,0.5);
	padding:20px 10px 20px 10px; 
	position:relative; 
	margin: 0px 0px 20px 0px;
	border-left: 1px solid #9283a0;
	font-family: "eausans";
}
blockquote p{color:#7d7d7d; font-style:italic}

.blockquote p.author{font-size:13px; color:#111111; font-family:'eausans'; padding-bottom:6px; height:10px}
img.alignleft{float:left; margin:10px 10px 10px 0px}
img.alignright{float:right; margin:10px 0px 10px 10px}

.olist ol { counter-reset:li; margin-left:5px; padding-left:0;}
.olist ol > li {line-height:1; position:relative; font-family:'eausans',sans-serif;/* Create a positioning context */margin:0 0 6px 20px; color:#999999; padding:4px 8px 4px 30px; /* Add some spacing around the content */list-style:none; /* Disable the normal item numbering */}
.olist ol > li * {line-height:1.6}
.olist.type1 ol > li *, .olist.type2 ol > li * , .olist.type3 ol > li * , .olist.type4 ol > li *  {line-height:3.6}
.olist ol > li:before {content:counter(li);counter-increment:li;position:absolute;top:10px;left:-1em;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;width:36px;height:36px;margin-right:8px;padding:4px; background:url("../images/button_bg.png") #464F5C}
.olist.type2 ol > li:before {background-color:transparent; color:#666}
.olist.type3 ol > li:before {background-color:#f93}
.olist.type4 ol > li:before {border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px}
.olist li ol, .olist li ul {margin-top:6px;}
.olist ol ol li:last-child {margin-bottom:0;}
.olist ol{/*background:url("../images/button_bg.png") #464F5C; margin-bottom:10px*/}


/************************** COMMENTS  ******************************/

ol.commentlist { list-style:none; margin:0; padding:0; }
ol.commentlist li { position:relative; border-bottom:solid 1px #eeeeee}
ol.commentlist li:last-child{border-bottom:none; margin:none;}
ol.commentlist li.comment-author{font-size:20px;}
ol.commentlist li div.vcard { font-weight:bold; font-size:13px}
cite.fn { font-size: 16px; color:#111111; padding-right:10px}
ol.commentlist li div.vcard img.avatar {left:0px; position:absolute}
ol.commentlist li div.comment-meta a { text-decoration:none}
ol.commentlist li p { font-weight:normal; font-size: 13px; margin:5px 0px; padding-left: 10px}
ol.commentlist li div.reply{position:absolute; right:0px; top:6px; background-color:#f6f6f6}
ol.commentlist li div.reply a { text-decoration:none; font-size:13px; text-transform:uppercase; color:#333}
ol.commentlist li ul.children { list-style:none; text-indent:0}
ol.commentlist li ul.children li{border-top:solid 1px #eeeeee}
a.comment-date{color:#111111; font-size:13px; text-decoration:none}
a.comment-reply{font-size:13px;text-decoration:none; padding-left: 10px}
.comment{padding:0px 0px 0px 60px}
.comment_spacing{padding:20px 0px 20px 0px}

/************************** COMMENTS FORM  ******************************/

#respond{}
 input[type="text"],input[type="email"],input[type="url"]{font-family: 'Ariel', sans-serif; padding:6px; background:#ffffff; color:#111111; border:1px #cccccc solid; margin-bottom:20px; width:100%; text-shadow:0 0 0 transparent,#ffffff 0px 1px 0px;   box-shadow:inset 0px 0px 25px rgba(0,0,0,.1); -webkit-box-shadow:inset 0px 0px 25px rgba(0,0,0,.1); -moz-box-shadow:inset 0px 0px 25px rgba(0,0,0,.1)}
#respond textarea{font-family: 'Ariel', sans-serif; padding:6px; background:#ffffff; color:#111111; border:1px #cccccc Solid; margin-bottom:20px; width:70%; text-shadow:0 0 0 transparent,#ffffff 0px 1px 0px; box-shadow:inset 0px 0px 25px rgba(0,0,0,.1); -webkit-box-shadow:inset 0px 0px 25px rgba(0,0,0,.1); -moz-box-shadow:inset 0px 0px 25px rgba(0,0,0,.1)}

/************************** Similar Post  ******************************/

#similar-posts li p{padding-top:5px}
#similar-posts li p a{color:#111111; font-style:italic}
#similar-posts li{display:inline; float:left; width:130px; padding:0px; margin-right:12px}
#similar-posts li:first-child{margin-left:0px}
#similar-posts li:last-child{margin-right:0px}
#similar-posts li p a:hover {color:#ff4d02}
#similar-posts li img:hover {outline:#cccccc 2px solid}


/*Misc*/
.v-space{
    margin-top: 50px;
    padding-bottom: 20px;
}

#similar-posts{
    margin-bottom: 200px;
}

.blog-border{
    border-bottom: 2px solid #4AB7E4;
    margin-bottom: 20px;
}
.blog-border-alt{
    border-bottom: 2px solid #4AB7E4;
    margin-bottom: 20px;
    border-top: 2px solid #4AB7E4;
    padding-top: 20px;
}

.blog-p{
    padding-top: 15px !important;
    margin-top: 12px !important;
    border-top: 2px solid #4AB7E4;
}
@media only screen and (max-width: 767px)  {
	
	/*Fixing the parallax layers on mobile devices*/
	.bg-1, .bg-2,.bg-3, .bg-4,.bg-5, .bg-6,.bg-7{
		background-attachment: scroll !important;
	    background-position: center center !important;
	    background-repeat: no-repeat !important;
	    background: none !important;
	}

	.parallax-removed{
		background-attachment: scroll !important;
	    background-position: center center !important;
	    background-repeat: no-repeat !important;
	    background: none !important;
	}

}