@charset "utf-8";
/*
Theme Name: LEXON
Theme URI: http://themeforest.net/user/MyPassion/portfolio
Description: For creative individuals.
Author: MyPassion
Author URI: http://themeforest.net/user/MyPassion
Version: 1.3
License: Located in 'licensing' folder
License URI: license.txt
Tags: red, blue, white, four-columns
*/
.aligncenter{ display:block;  margin:0 auto}
.alignright{ float:right;  margin:10px 0 10px 10px}
.alignleft{ float:left;  margin:10px 10px 10px 0}
.floatleft{ float:left}
.floatright{ float:right}
.textcenter{ text-align:center}
.textright{ text-align:right}
.textleft{ text-align:left}
.wp-caption{ border:1px solid #ddd;  text-align:center;  background-color:#f3f3f3;  padding-top:4px;  margin:10px;  -moz-border-radius:3px;  -khtml-border-radius:3px;  -webkit-border-radius:3px;  border-radius:3px}
.wp-caption img{ margin:0;  padding:0;  border:0 none}
.wp-caption p.wp-caption-text{font-size:11px;  line-height:17px;  padding:0 4px 5px;  margin:0}
.wp-smiley{margin:0 !important; max-height:1em}
blockquote.left{margin-right:20px; text-align:right; margin-left:0; width:33%; float:left}
blockquote.right{margin-left:20px; text-align:left; margin-right:0; width:33%; float:right}
.bypostauthor{}
.gallery-caption{}
.mc_signup_submit #mc_signup_submit{
	margin-top:0;
	width:100%;
}

/**************************************************/
/*	LIST OF SECTION :
		00) BASE
		01) HEADER & SLIDER & LOGO & NAV
		02) CONTENT
		03) BREADCRUMBS
		04) TIMELINE
		05) BLOG
		06) MASONRY
		07) GRID POST
		08) ISOTOPE FILTERING
		09) COMMENTS
		10) FEATURES
		11) PAGINATION
		12) SIDEBAR
		13) CHART
		14) HOME SERVICE 1
		15) STUNNING TEXT
		16) PORTFOLIO
		17) HOME PORTFOLIO
		18) HOME PORTFOLIO 2
		19) TEAM MEMBERS
		20) BUTTONS
		21) UI ELEMENTS
		22) SKILLS
		23) PARALLAX
		24) HOME BLOG
		25) PRICING TABLES
		26) CLIENTS
		27) FOOTER
			a) flickr
			b) twitter
		28) SMALL DEVICES
/**************************************************/

/*------------------------------------------------------------------*/ 
/*	0) BASE
/*------------------------------------------------------------------*/
html {
	overflow-x:hidden;
	padding: 0 !important;
	background:#fff;
	margin:0px !important;
	height:100%;
}
.body-wrapper{
	width:100%;
	margin:0;
	padding:0;
	position:relative;
	height:auto;
}
#header, #content, #footer, #upper-section{
	width:100%;
	/*width:1250px;*/
	margin:0 auto;
	position:relative;
	border-left:1px solid #eee;
	border-right:1px solid #eee;
}

#content{
	z-index:10;
	clear:both;
}
#toTop {
	display:block;
	text-decoration:none;
	position:fixed;
	bottom:10px;
	right:30px;
	overflow:hidden;
	width:35px;
	height:35px;
	border:none;
	text-indent:100%;
	background:url(framework/img/ui.totop.png) no-repeat center;
	z-index:99999999999;
	border:1px solid;
	*border: 0;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	-webkit-border-radius: 4px;
	 -moz-border-radius: 4px;
		  border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), 0 1px 3px rgba(0, 0, 0, 0.1);
	 -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), 0 1px 3px rgba(0, 0, 0, 0.1);
		  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), 0 1px 3px rgba(0, 0, 0, 0.1);
		  
	-webkit-transition: background-color .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out;
	   -moz-transition: background-color .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out;
	    -ms-transition: background-color .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out;
	     -o-transition: background-color .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out;
	        transition: background-color .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out;
}
#toTop:hover{
	background-color:#3c4852;
}

#toTopHover {
	background:url(framework/img/ui.totop.png) no-repeat left -51px;
	width:51px;
	height:51px;
	overflow:hidden;
	float:left;
	opacity: 0;
	-moz-opacity: 0;
	filter:alpha(opacity=0);
}
iframe{
	max-width:100%;
}


/*------------------------------------------------------------------*/ 
/*	x) EXTRA TOPBAR
/*------------------------------------------------------------------*/

.extra-topbar-wrap.fullblock{
	position:absolute;
	z-index:10000;
}
.extra-topbar.fullblock{
	-moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.2);
	box-shadow: 0px 1px 2px rgba(0,0,0,0.2);
}
.extra-topbar{
	display:none;
}

.extra-topbar p, .extra-topbar h1, .extra-topbar{
	color:#eee;
}

.top-patter{
	position:absolute;
	right:5px;
	bottom:0px;
	width:24px;
	height:4px;
	border:none;
	
	border-radius:4px 4px 0 0;
	-moz-border-radius:4px 4px 0 0;
	-webkit-border-radius:4px 4px 0 0;
}

.extra-topbar-wrap .top-opener{
	position:absolute;
	right:5px;
	bottom:-24px;
}
.extra-topbar-wrap .top-opener i{
	width:24px;
	height:24px;
	line-height:24px;
	font-size:16x;
	color:#fff;
	text-align:center;
	
	cursor:pointer;
	
	border-radius:0 0 30px 30px;
	-moz-border-radius:0 0 30px 30px;
	-webkit-border-radius:0 0 30px 30px;
	
	box-shadow:0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 -1px 0 rgba(0, 0, 0, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.2);
	-moz-box-shadow:0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 -1px 0 rgba(0, 0, 0, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow:0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 -1px 0 rgba(0, 0, 0, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.2);
}

.extra-topbar-wrap .top-closer{
	position:absolute;
	right:5px;
	bottom:20px;
	display:none;
}
.extra-topbar-wrap .top-closer i{
	width:24px;
	height:24px;
	line-height:24px;
	font-size:16x;
	color:#fff;
	text-align:center;
	
	cursor:pointer;
	
	border-radius:0 0 30px 30px;
	-moz-border-radius:0 0 30px 30px;
	-webkit-border-radius:0 0 30px 30px;
	
	box-shadow:0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 -1px 0 rgba(0, 0, 0, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.2);
	-moz-box-shadow:0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 -1px 0 rgba(0, 0, 0, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow:0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 -1px 0 rgba(0, 0, 0, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.2);
}



/*------------------------------------------------------------------*/ 
/*	1) HEADER & SLIDER & LOGO & NAV
/*------------------------------------------------------------------*/

.sticky-wrapper{
}
.topbar{
	background:#FFF;
	height:auto;
	width:100%;
	/*width:1250px;*/
	padding:0;
	margin:0;
	float:left;
	clear:both;
	position:relative;
	display:block;
	z-index:9999;
	-moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.2);
	box-shadow: 0px 1px 2px rgba(0,0,0,0.2);
}
.overflow-hidden{
	overflow:hidden;
}
.logo{
	width:300px;
	float:left;
	margin:30px 0;
	width:270px;
}
.logo img{
	max-width:100%;
}
#nav{
	width:670px;
	float:right;
	position:relative;
}
#nav ul.sf-menu{
	list-style-type:none;
	width:auto;
	text-align:right;
	margin:0;
	float:right;
}
#nav ul.sf-menu>li{
	display:inline-table;
	margin:0;
}
.topbar #nav ul.sf-menu>li{
	margin-left:-4px;
}
.nav-wrap #nav ul.sf-menu>li{
	margin-right:-4px;
}
#nav ul.sf-menu>li>a{
	padding:35px 15px;
	text-align:left;
	border-top:3px solid;
}
#nav ul.sf-menu>li.current-menu-item>a, #nav ul.sf-menu>li>a:hover, #nav ul.sf-menu>li.sfHover>a{
	background:#fafafa;
}

#nav ul.sf-menu>li>a:hover:after, #nav ul.sf-menu>li.sfHover>a:after, #nav ul.sf-menu>li.current-menu-item>a:after{
	top: 0;
	border: solid transparent;
	content: "";
	height: 0;
	width: 0;
	position: absolute;
	border-width: 4px;
	left: 50%;
	margin: 0;
	margin-left:-4px;
}


#nav ul li ul{
	background:#fff;
	border:1px solid #eee;
	
}
#nav ul li li a:hover, .sf-menu li li.sfHover>a{
	background:#fafafa;
}
#nav ul li li a:hover:before, .sf-menu li li.sfHover>a:before{
	height:60%;
	content:"";
	width:1px;
	position:absolute;
	top:20%;
	right:0;
}
#nav ul li li a{
	border-top:none;
	padding:8px 15px;
	color:#333;
	text-align:left;
	position:relative;
}



.search-include{
	float:right;
	width:30px;
	margin:30px 0;
	position:relative;
}
.search-include .search-button{
	top:0;
}
.search-include .popup-search{
	top:40px;
	width:300px;	
}


.cart_dropdown{
	float:right;
	width:30px;
	margin:30px 0;
	position:relative;
	list-style-type:none;
	padding:0;
}
.cart_dropdown > li > a{
	width:30px;
	display:block;
	font-size:18px;
}


/* MOBILE MENU */
.nav-toggle{
	width:40px;
	height:30px;
	float:right;
	margin:30px 0;
	display:none;
}
.nav-toggle a{
	background:url(framework/img/navtoggle.png) no-repeat center;
	height:30px;
	display:block;
	width:40px;
	-webkit-border-radius: 2px;	
	-moz-border-radius: 2px;	
	border-radius: 2px;
	outline:none;
	
	box-shadow:0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 -1px 0 rgba(0, 0, 0, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.2);
	-moz-box-shadow:0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 -1px 0 rgba(0, 0, 0, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow:0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 -1px 0 rgba(0, 0, 0, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.2);
}
.mobile-menu{
	display:none;
	width:100%;
	clear:both;
	position:relative;
	background:#fff;
}
.mobile-menu-inner{
	display:none;
}
.mobile-menu ul{
	list-style-type:none;
	clear:both;
	margin:0;
	overflow:hidden;
	
}
.mobile-menu ul li{
	display:block;
	float:left;
	clear:both;
	width:100%;
	background:#fff;
	text-transform:capitalize;
}
.mobile-menu ul li a{
	width:100%;
	padding:10px;
	display:block;
	border-bottom: 1px solid #eee;
	color:#3C4852;
}
.mobile-menu ul li a:hover{
	background:#fafafa;
}

.mobile-menu ul li li a{
	padding-left:30px;
}
.mobile-menu ul li li li a{
	padding-left:50px;
}
.mobile-menu ul li li li li a{
	padding-left:70px;
}
.mobile-menu ul li li li li li a{
	padding-left:90px;
}
.mobile-menu ul li a i{
	margin-right:5px;
}
.head-slider{
	background:#f5f5f5;
	height:auto;
	width:100%;
}

/* :: HEADER 2 :: */
.topbar-2{
	background:#FFF;
	height:auto;
	width:100%;
	padding:0;
	position:relative;
	display:block;
	z-index:9999;
	border-bottom:1px solid #eee;
	padding:10px 0;
}
.topbar-2 .logo{
	padding:30px 0;
	margin:0;
	max-width:100%;
	width:100%;
}
.social-icons{
	width:auto;
	float:right;
	padding:30px 0 20px 0;
}
.social-icons .social-list{
	float:right;
}
.nav-wrap{
	width:100%;
	/*width:1250px;*/
	background:#FFF;
	position:relative;
	min-height:45px;
	display:block;
	z-index:9999;
	-moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.2);
	box-shadow: 0px 1px 2px rgba(0,0,0,0.2);
}
.nav-wrap #nav{
	width:100%;
	position:relative;
}
.nav-wrap #nav ul.sf-menu{
	text-align:left;
	margin:10px 30px 10px 0;
	width:auto;
	float:left;
}
.nav-wrap .nav-toggle{
	width:40px;
	height:30px;
	float:left;
	margin:10px 0;
}

.search-button{
	float:right;
	top:15px;
	right:10px;
	position:relative;
	text-align:right;
}
.search-button a{
	font-size:18px;
	color:#3c4852;
	height:24px;
}
.search-button a i{
	line-height:24px;
	height:24px;
}
.search-button a.close_s{
	display:none;
}
.popup-search{
	width:300px;
	padding:0;
	background:#FFFFFF;
	display:none;
	position:absolute;
	z-index:1;
	top:53px;
	right:0;
	border:1px solid #ddd;
	-moz-box-shadow: 0 0px 5px rgba(0,0,0,0.1);
	-webkit-box-shadow: 0 0px 5px rgba(0,0,0,0.1);
	box-shadow: 0 0px 5px rgba(0,0,0,0.1);
	
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	-ms-box-sizing: border-box;     /* IE 10 + */
	box-sizing: border-box;         /* Opera/IE 8+ */
}
.popup-search .form_wrap{
	padding:15px;
}
.popup-search form, .popup-search form input{
	margin:0;
	position:relative;
}
.popup-search input.ft{
	width:100%;
	padding:5px 15px;
	border-right:none;
	-webkit-border-radius:0 4px 4px 0;
	-moz-border-radius:0 4px 4px 0;
	border-radius:0 4px 4px 0;
}
.popup-search input.ft:focus{
	box-shadow:none;
	border-color:#ddd;
}
.popup-search input.fs{
	background:url(framework/img/search.png) no-repeat center;
	padding:7px 20px 6px 20px;
	height:32px;
	width:50px;
	right:0;
	top:0px;
	position:absolute;
}

.search_results{
	clear:both;
	width:100%;
}
.search_results ul{
	list-style-type:none;
	margin:0;
	padding:0;
}
.search_results ul li{
	width:100%;
	clear:both;
}
.search_results ul li a{
	padding:10px 15px;
	display:block;
	border-top:1px solid #eee;
	float:left;
	width:100%;
	color:#888;
	
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	-ms-box-sizing: border-box;     /* IE 10 + */
	box-sizing: border-box;         /* Opera/IE 8+ */
}
.search_results ul li a:hover{
	background:#fafafa;
}
.search_results ul li:nth-last-child(1) a{
	border-bottom:none;
}
.search_results ul li a p{
	margin:5px 0 0 0;
	color:#3C4852;
}
.search_results ul li a p i{
	font-size:11px;
	color:#bbb;
}
.search_results ul li a p i strong{
	color:#888;
	font-weight:normal;
}
.search_results .s_all{
	padding:10px 15px;
	background:#fafafa;
	border-top:1px solid #eee;
	text-align:center;
	clear:both;
	
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	-ms-box-sizing: border-box;     /* IE 10 + */
	box-sizing: border-box;         /* Opera/IE 8+ */
}
.search_results ul li span{
	margin-right:10px; 
	float:left; 
}
.search_results ul li span img{
	width:50px;
	height:50px;
	border-radius:50px;
	-moz-border-radius:50px;
	-webkit-border-radius:50px;
	border:3px solid #eee;
}
.search_results ul li span i{
	width:50px;
	height:50px;
	line-height:50px;
	font-size:18px;
	color:#bbb;
	background:#fafafa;
	border-radius:50px;
	-moz-border-radius:50px;
	-webkit-border-radius:50px;
	text-align:center;
	border:3px solid #eee;
}


.simple-search .search_results{
	background:#fff;
	width:300px;
	position:relative;
	top:0;
	left:50%;
	margin-left:-150px;
}
.simple-search .search_results li a{
	text-align:left;
}
.simple-search .form_wrap{
	margin-bottom:15px;
}
.simple-search .result_wrap{
	border:1px solid #eee;
}
.simple-search .result_wrap .search_results li:first-child a{
	border:none;
}

/* :: HEADER 3 :: */
.topbar-3 .logo{
	width:100%;
	text-align:center;
}
.simple-search form, .simple-search form input{
	margin:0;
}
.simple-search{
	width:100%;
	text-align:center;
	margin-bottom:30px;
	position:relative;
}
.simple-search input.ft{
	width:200px;
	border:1px solid #eee;
	padding:5px 15px;
}
.simple-search input.ft:focus{
	box-shadow:none;
	border-color:#ddd;
}
.simple-search input.fs{
	background:url(framework/img/search.png) no-repeat center;
	padding:7px 20px 6px 20px;
	margin-left:-4px;
	height:32px;
	width:50px;
}
.nav-wrap.nav-center #nav ul.sf-menu {
	text-align:center;
	width:100%;
	float:none;
	margin-right:0;
}
.nav-wrap.nav-center .nav-toggle{
	width:100%;
	text-align:center;
	float:none;
}
.nav-wrap.nav-center .nav-toggle a{
	margin-left:47%;
}


.nav-wrap #nav ul.sf-menu{
	margin-top:0px;
	margin-bottom:0px;
}
.nav-wrap #nav ul.sf-menu>li{
	padding:0 15px;
	border-left:1px solid #eee;
}
.nav-wrap #nav ul.sf-menu>li:nth-last-child(1){
	border-right:1px solid #eee;
}
.nav-wrap #nav ul.sf-menu>li>a{
	padding:15px 0;
	background:none;
}
.nav-wrap .sf-menu li:hover ul,
.nav-wrap .sf-menu li.sfHover ul{
	top:51px;
}
.nav-wrap ul.sf-menu li:hover li ul,
.nav-wrap ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
.nav-wrap ul.sf-menu li li:hover ul,
.nav-wrap ul.sf-menu li li.sfHover ul {
	left:			18em; /* match ul width */
	top:			0;
}
.nav-wrap ul.sf-menu li li:hover li ul,
.nav-wrap ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
.nav-wrap ul.sf-menu li li li:hover ul,
.nav-wrap ul.sf-menu li li li.sfHover ul {
	left:			18em; /* match ul width */
	top:			0;
}



/* :: UPPER SECTION :: */
#upper-section p{
	margin:10px 0;
	font-size:11px;
	font-weight:normal;
	text-align:left;
}
#upper-section .right-top p{
	text-align:right;
}
#upper-section p a{
	color:#888;
	font-weight:normal;
}
#upper-section p a:hover{
	text-decoration:underline;
}
.mini-nav{
	list-style-type:none;
	margin:11px 0;
	padding:0;
	float:right;
}
.left-top .mini-nav{
	float:left;
}
.mini-nav>li{
	font-size:11px;
	float:left;
	border-left:1px solid #ccc;
	line-height:1;
	padding:0 10px;
}
.mini-nav>li:nth-last-child(1){
	border-right:1px solid #ccc
}
.mini-nav > li > a{
	color:#888;
	font-weight:normal;
}
.mini-nav li a:hover{
	text-decoration:underline;
}

.mini-nav > li ul{
	position:absolute;
	width:120px;
	z-index:99999;
	background:#fff;
	margin:0;
	padding:0;
	list-style-type:none;
	border:1px solid #fafafa;
}
.mini-nav > li ul li{
	width:100%;
}
.mini-nav > li ul li a{
	padding:2px 10px;
	display:block;
	color:#666;
}
.mini-nav > li ul li a:hover{
	background:#fafafa;
	text-decoration:none;
}

/* :: SLIDER :: */
.fullwidthbanner-container{
	width:100% !important;
	position:relative;
	padding:0;
	max-height:500px !important;
	overflow:hidden;
}
.fullwidthbanner{
	max-height:500px;
}
.tp-caption.mypassion-title{
	font-size:44px;
	font-family:Myriad Pro;
	line-height:50px;
}
.tp-caption.mypassion-title-caption-large{
	font-size:34px;
	font-family:Myriad Pro;
	line-height:50px;
	padding:10px 20px;
	color:#FFF;
	line-height:1;
}
.tp-caption.mypassion-title-caption-small{
	font-size:18px;
	font-family:Myriad Pro;
	line-height:50px;
	padding:10px 20px;
	color:#FFF;
	line-height:1;
}
.tp-caption.grey_text{
	font-size:24px;
	color:#3c4852;
}
.tp-caption.mypassion-themecolor-fixedwidth{
	font-size:18px;
	font-family:Myriad Pro;
	line-height:50px;
	padding:10px 20px;
	color:#FFF;
	line-height:1;
	width:350px;
	text-align:left;
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
	 -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
		  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}
.tp-caption.mypassion-greycolor-fixedwidth{
	font-size:18px;
	font-family:Myriad Pro;
	line-height:50px;
	background:#f5f5f5;
	padding:10px 20px;
	color:#3c4852;
	line-height:1;
	float:left;
	width:350px;
	text-align:left;
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
	 -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
		  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}
.mypassion-greycolor-fixedwidth i{
	margin-right:10px;
	font-size:15px;
	margin-top:5px;
}


/*------------------------------------------------------------------*/ 
/*	2) CONTENT
/*------------------------------------------------------------------*/
.blockwhite{
	background:#FFF;
	width:100%;	
}
.fullblock.blockgrey{
	background:#fafafa;
	width:100%;
}
.fullblock{
	width:100%;
	margin:0 auto;
	clear:both;
	background:#fff;
	position:relative;
	
}
.fullblock.border-none{
	border-bottom:none;
}
.padding50{
	padding:50px 0;
}
.padding40{
	padding:40px 0;
}
.padding30{
	padding:30px 0;
}
.padding20{
	padding:20px 0;
}
.padding10{
	padding:10px 0;
}
.entrytitle{
	background:url(framework/img/title.png) no-repeat center bottom;
	padding-bottom:25px;
	margin-bottom:30px;
	text-align:center;
}
.entrytitle h4{
	margin-bottom:5px;
	font-size:22px;
	text-transform:uppercase;
}
.entrytitle p{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	font-style:italic;
	margin:0;
}
span{
	color:#bbb;
}
h1.upper-title{
	font-size:16px;
	margin-bottom:20px;
	line-height:1;
	position:relative;
	text-transform:uppercase;
}
h1.upper-title span{}
h1.upper-title span{
	
}
h1.upper-title span{
	width:auto;
	padding-right:30px;
}

/*------------------------------------------------------------------*/ 
/*	3) BREADCRUMBS
/*------------------------------------------------------------------*/
.titlebar{
	background:#fafafa;
	border-bottom:1px solid #eee;
}
.breadcrumbs h1{
	margin:0;
	font-size:20px;
	font-weight:normal;
}
.breadcrumbs p{
	font-size:11px;
	text-align:right;
	margin:5px 0 0 0;
}
.breadcrumbs p a{
	color:#3c4852;
}
.breadcrumbs p a:hover{
	text-decoration:underline;
}


/*------------------------------------------------------------------*/ 
/*	4) TIMELINE
/*------------------------------------------------------------------*/
.timeline-with{
	width:800px;
	margin:0 auto;
}
.timeline-head{
	text-align:center;
	height:70px;
}
.timeline-head i{
	font-size:64px;
	color:#eee;
	width:100%;
}
.timeline{
	width:100%;
	list-style-type:none;
	margin:0;
	padding:40px 0 40px 0;
	overflow:hidden;
	position:relative;
}
.timeline:before{
	background:#eee;
    bottom: 0;
    content: "";
    height: 9999px;
    left: 50%;
    margin-left: -1px;
    margin-top: -10px;
    position: absolute;
    top: 10px;
    width: 2px;
}
.timeline>li{
	width:50%;
	margin-bottom:50px;
	padding-right:30px;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	-ms-box-sizing: border-box;     /* IE 10 + */
	box-sizing: border-box;         /* Opera/IE 8+ */
}
.timeline>li:nth-child(2n-1){
	float:left;
	padding-right:30px;
	clear:left;
}
.timeline>li:nth-child(2n){
	float:right;
	padding-left:30px;
	clear:right;
	padding-right:0px;
	margin-top:30px;
}
.timeline>li:nth-child(2){
	
}

.timeline-post{
	position:relative;
	display:block;
}
.timeline-post-wrap{
	background:#fafafa;
	clear:both;
	border:1px solid #ddd;
	border-bottom-color:#f5f5f5;
	-moz-box-shadow: 0px 3px 0px rgba(0,0,0,0.2), 0 0 20px rgba(0, 0, 0, 0.1) inset;
	-webkit-box-shadow: 0px 3px 0px rgba(0,0,0,0.2), 0 0 20px rgba(0, 0, 0, 0.1) inset;
	box-shadow: 0px 3px 0px rgba(0,0,0,0.2), 0 0 20px rgba(0, 0, 0, 0.1) inset;
		
	-webkit-border-radius: 0 0 4px 4px;	
	-moz-border-radius: 0 0 4px 4px;	
	border-radius:0 0 4px 4px;
	
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	-ms-box-sizing: border-box;     /* IE 10 + */
	box-sizing: border-box;         /* Opera/IE 8+ */
}
.timeline-meta{
	padding-bottom:30px;
}
.timeline-post-wrap h1, .timeline-post-wrap p, .timeline-meta{
	margin-right:20px;
	margin-left:20px;
}
h1.notitlebar{
	font-size:24px;
	line-height:1;
	padding-bottom:10px;
	margin-bottom:30px;
	border-bottom:1px dashed #ddd;
}
.post-type{
	
}
.post-type-wrapper{
	margin:0 0 20px 0;
}

.blog-post-wrap .post-title, .project-single .post-title, .blog-post-wrap-medium .post-title{
	font-size:20px;
}
.timeline-post-wrap .post-title{
	margin-top:20px;
}
.post-title{
	font-size:16px;
	margin-bottom:20px;
}
.post-title a{
	color:#3c4852;
}

.more{
	color:#3c4852;
	font-size:12px;
}
.timeline-comments{
	float:right;
	font-size:12px;	
	color:#3C4852;
}
.timeline-comments a{
	color:#3C4852;
}
.timeline li .timeline-dot{
	border: 4px solid #eee;
    -webkit-border-radius: 8px;	
	-moz-border-radius: 8px;	
	border-radius:8px;
    content: "";
    display: block;
    height: 8px;
    position: absolute;
    right: -38px;
	top:2px;
    width: 8px;
}
.timeline li:nth-child(2n) .timeline-dot{
    left: -38px;
}
.timeline li:nth-child(2n-1) .timeline-dot {
    right: -38px;
}
.timeline-date span{
	padding:5px 15px;
	background:#eee;
	color:#3C4852;
	-webkit-border-radius: 2px;	
	-moz-border-radius: 2px;	
	border-radius: 2px;
	margin-right:0;
	font-size:12px;
}
.timeline-date span:after{
	bottom: -16px;
	border: solid transparent;
	content: "";
	height: 0;
	width: 0;
	position: absolute;
	border-top-color: #eee;
	border-width: 7px;
	right: 5%;
	margin: 0;

}
.timeline-date{
	width:auto;
	text-align:right;
	margin-bottom:20px;
	position:relative;
}
.timeline li:nth-child(2n-1) .timeline-date{
	float:right;
	clear:both;
	text-align:right;
	margin-bottom:20px;
}
.timeline li:nth-child(2n) .timeline-date{
	float:left;
	clear:both;
	text-align:left;
	margin-bottom:20px;
	
}
.timeline li:nth-child(2n-1) .timeline-date span:after{
	right: 10%;
}
.timeline li:nth-child(2n) .timeline-date span:after{
	right: auto;
	left: 10%;
}
.timeline-nav {
	margin-top:-50px;
	z-index:9999;
	position:relative;
}
.timeline-nav .timeline-dot{
	border: 4px solid #eee;
    -webkit-border-radius: 8px;	
	-moz-border-radius: 8px;	
	border-radius:8px;
    content: "";
    display: block;
    height: 8px;
    position: absolute;
    left: 392px;
	top:7px;
    width: 8px;
}
.timeline-nav ul{
	list-style-type:none;
	width:100%;
	margin:0;
	padding:0;
	text-align:center;
}
.timeline-nav ul li{
	float:left;
	text-align:left;
	width:50%;
	padding:0 30px;
	
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	-ms-box-sizing: border-box;     /* IE 10 + */
	box-sizing: border-box;         /* Opera/IE 8+ */
}
.timeline-nav ul li.right-nav{
	float:right;
}
.timeline-nav ul li.left-nav a{
	float:right;
}
.timeline-nav ul li a i{
	margin-left:-3px;
}
.timeline-nav ul li a{
	width:30px;
	height:30px;
	display:block;
	color:#FFF;
	background-color:#666;
	-webkit-border-radius: 3px;	
	-moz-border-radius: 3px;	
	border-radius: 3px;
	margin:0;
	padding:5px 0 0 0;
	text-align:center;
	
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	-ms-box-sizing: border-box;     /* IE 10 + */
	box-sizing: border-box;         /* Opera/IE 8+ */
}

/*------------------------------------------------------------------*/ 
/*	5) BLOG
/*------------------------------------------------------------------*/
.blog-post-wrap{
	padding-bottom:30px;
	margin-bottom:50px;
	/*background:url(framework/img/title.png) no-repeat bottom;*/
	float:left;
	clear:both;
	width:100%;
	
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	-ms-box-sizing: border-box;     /* IE 10 + */
	box-sizing: border-box;         /* Opera/IE 8+ */
}
.img-bg{
	background:#fafafa;
	text-align:center;
	-webkit-box-shadow: 0px 0px 15px rgba(0,0,0,0.05) inset, 0px 0px 5px rgba(0,0,0,0.04) inset;
	-moz-box-shadow: 	0px 0px 15px rgba(0,0,0,0.05) inset, 0px 0px 5px rgba(0,0,0,0.04) inset;
	box-shadow: 		0px 0px 15px rgba(0,0,0,0.05) inset, 0px 0px 5px rgba(0,0,0,0.04) inset;
}
.img-full img{
	width:auto;
	max-width:100%;
}
.img-full a{
	display:block;
}
.img-height{
	height:422px;
}
.img-height img{
	max-height:422px;
	width:auto;
}

.span9 .img-height, .span9 .img-height img{
	height:300px;
}

.separator{
	background:#eee;
    height: 1px;
    margin-top: 20px;
    position: relative;
    width: 100%;
	float:left;
}
.separator div{
	top: -13px;
	border: solid transparent;
	content: "";
	height: 0;
	width: 0;
	position: absolute;
	border-bottom-color: #eee;
	border-width: 7px;
	left: 50%;
	margin: 0;
	margin-left:-7px;
}


/*:::: BLOG MEDIUM ::::*/
.blog-post-wrap-medium{
	background:#fafafa;
	width:100%;
	border:1px solid #ddd;
	margin-bottom:30px;
	float:left;
	clear:both;
	padding:20px 20px 0 20px;
	
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	-ms-box-sizing: border-box;     /* IE 10 + */
	box-sizing: border-box;         /* Opera/IE 8+ */
}
.post-type-medium {
	float:left;
	margin-right:30px;
	width:200px;
	height:200px;
	background:#eee;
	margin-bottom:20px;
	position:relative;
	overflow:hidden;
	border:5px solid #fff;
	
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	-ms-box-sizing: border-box;     /* IE 10 + */
	box-sizing: border-box;         /* Opera/IE 8+ */
	
	-moz-box-shadow: 0px 2px 1px rgba(0,0,0,0.2), 0 0 20px rgba(0, 0, 0, 0.1) inset;
	-webkit-box-shadow: 0px 2px 1px rgba(0,0,0,0.2), 0 0 20px rgba(0, 0, 0, 0.1) inset;
	box-shadow: 0px 2px 1px rgba(0,0,0,0.2), 0 0 20px rgba(0, 0, 0, 0.1) inset;
	
}
.post-type-medium *{
	max-width:100%;
	max-height:100%;
}
.post-type-medium i{
	font-size:60px;
	color:#ddd;
	margin:60px 0;
	text-align:center;
	width:100%;
}
.blog-post-wrap-medium .post-meta p {
	float:none;
	margin-bottom:20px;
}


/*:::: NEW META ::::*/
.post-meta-unique{
	width:90px;
	float:left;
	position:relative;
	margin-left:-120px;
	border-right:1px solid #eee;
	padding:10px 0;
}

.post-meta-unique .month, .post-meta-unique .year {
	display: block;
	font-size: 12px;
	line-height: 10px;
	text-align: center;
	text-transform: uppercase;
	margin-bottom: 0;
	padding: 0px;
}

.post-meta-unique .year {
	margin-top: 5px;
}

.post-meta-unique .day {
	display: block;
	font-size: 25px;
	line-height: 25px;
	text-align: center;
	padding: 0px 12px 0px 12px;
	text-transform: uppercase;
	font-weight:bold;
}

.post-meta-unique .date {
	padding-bottom: 10px;
	border-bottom: 1px solid #eee;
}
.post-meta-unique .post-type-icon {
	padding-bottom: 10px;
	margin-bottom:15px;
	border:none;
	border-bottom: 1px solid #eee;
	width:100%;
	text-align:center;
	font-size:28px;
}

.post-meta-unique .post-type-icon img.avatar{
	-webkit-border-radius: 60px;
	-moz-border-radius: 60px;
	-o-border-radius: 60px;
	border-radius: 60px;
}
.post-meta-unique .post-type-icon a{
	width:40px;
	height:40px;
	padding:0;
	margin:0;
	display:inline-block;
}
.post-meta-unique .post-type-icon a i, .post-meta-unique .post-type-icon a:hover i{
	color:#FFF;
	margin:0;
	font-size:18px;
	background:#bbb;
	-webkit-border-radius: 60px;
	-moz-border-radius: 60px;
	-o-border-radius: 60px;
	border-radius: 60px;
	width:40px;
	height:40px;
	line-height:40px;
	-moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.1) inset;
	-webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.1) inset;
	box-shadow: 0 0 4px rgba(0, 0, 0, 0.1) inset;
}

.like-box{
	text-align:center;
	padding:10px 0 5px 0;
}
.like-box .mypassion-like i{
	line-height:1.2;
	font-size:15px;
	color:#bbb;
	margin-right:2px !important;
}
.like-box .mypassion-like span{
	color:#bbb;	
}


.float-left{
	float:left;
}
.float-right{
	float:right;
}
.float-right .post-cont-wrap{
	padding-right:120px;
	padding-left:0;
	width:100%;
	
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	-ms-box-sizing: border-box;     /* IE 10 + */
	box-sizing: border-box;         /* Opera/IE 8+ */
}
.float-right .post-meta-unique{
	right:-120px;
	float:right;
	border:none;
	border-left:1px solid #eee;
}
.post-desc{
	float:left;
	width:100%;
}
.blog-post-wrap-medium .post-desc{
	float:none;
}
.post-meta{
	width:100%;
	margin-top:10px;
	margin-bottom:20px;
	position:relative;
	padding:0;
	float:left;
	display:block;
}
.blog-post-wrap-medium .post-meta{
	width:auto;
	float:none;
	margin-top:20px;
}
.post-content{
	clear:both;
	float:left;
	width:100%;
}
.post-content *{
	max-width:100%;
}
.post-meta p{
	margin-bottom:0;
	font-size:12px;
	padding:5px 0;
	color:#ddd;
	display:block;
	width:100%;
	float:left;
}
.post-meta p a{
	color:#999;
}
.post-meta p a.readmore{
	padding-right:15px;
	padding-left:15px;
	color:#fff;
	padding:7px 15px;
	-webkit-border-radius: 3px;	
	-moz-border-radius: 3px;	
	border-radius: 3px;
	position:relative;
	float:left;
	margin: 0;
	margin-bottom:20px;
}
.post-meta p a.readmore:hover{
	color:#fff;
}
.post-meta p a:hover{
	color:#444;
}
.post-meta p > span{
	padding-right:15px;
	padding-left:15px;
	color:#999;
	background:#eee;
	padding:7px 15px;
	-webkit-border-radius: 3px;	
	-moz-border-radius: 3px;	
	border-radius: 3px;
	margin-right:3px;
	margin-bottom:4px;
	float:left;
}


.masonry-post-wrap .post-meta{
	border-bottom:1px solid #EEEEEE;
	border-top:1px solid #EEEEEE;
}
.masonry-post-wrap .post-meta p{
	float:none;
}
.masonry-post-wrap .post-meta p span{
	float:none;
	background:none;
	padding:0 10px;
}
.masonry-post-wrap .post-meta p span:nth-child(1){
	padding-left:0;
}
.masonry-post-wrap .post-meta p a{
	color:#3C4852;
}


.post-type-icon-2{
	font-size:14px;
}
.post-meta p .post-type-icon-2{
	padding-left:0;
}
.post-type-icon-2 a i{
	width:30px;
	text-align:center;
}



.mypassion-like i{
	line-height:16px;
	margin-right:3px !important;
	width:16px;
}
.mypassion-like span{
	color:#888;
}



.sharebox-wrap{
	float:left;
	width:100%;
	clear:both;
	margin:45px 0;
}
ul.sharebox {
	background:#fafafa;
	padding:20px;
	border:1px solid #ddd;
	border-bottom-color:#f5f5f5;
	
	-moz-box-shadow: 0px 3px 0px rgba(0,0,0,0.2), 0 0 20px rgba(0, 0, 0, 0.1) inset;
	-webkit-box-shadow: 0px 3px 0px rgba(0,0,0,0.2), 0 0 20px rgba(0, 0, 0, 0.1) inset;
	box-shadow: 0px 3px 0px rgba(0,0,0,0.2), 0 0 20px rgba(0, 0, 0, 0.1) inset;
	
	-webkit-border-radius: 4px;	
	-moz-border-radius: 4px;	
	border-radius: 4px;
	float:left;
	width:100%;
	margin:0;
	list-style-type:none;
	
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	-ms-box-sizing: border-box;     /* IE 10 + */
	box-sizing: border-box;         /* Opera/IE 8+ */
}
ul.sharebox li{
	display:inline-block;
	margin:5px 0;
	padding:0 5px;
}
ul.sharebox li span{
	color:#888;
}
ul.sharebox li a{
	color:#888;
	font-size:20px;
}

ul.sharebox li span{
	padding:2px 0;
}
ul.sharebox li a span i{
	font-size:20px;
	width:30px;
}

.author-wrap{
	float:left;
	width:100%;
	clear:both;
	margin:45px 0;
}
.authorbox{
	background:#fafafa;
	padding:20px;
	border:1px solid #ddd;
	border-bottom-color:#f5f5f5;
	-moz-box-shadow: 0px 3px 0px rgba(0,0,0,0.2), 0 0 20px rgba(0, 0, 0, 0.1) inset;
	-webkit-box-shadow: 0px 3px 0px rgba(0,0,0,0.2), 0 0 20px rgba(0, 0, 0, 0.1) inset;
	box-shadow: 0px 3px 0px rgba(0,0,0,0.2), 0 0 20px rgba(0, 0, 0, 0.1) inset;

	-webkit-border-radius: 4px;	
	-moz-border-radius: 4px;	
	border-radius: 4px;
	float:left;
	width:100%;

	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	-ms-box-sizing: border-box;     /* IE 10 + */
	box-sizing: border-box;         /* Opera/IE 8+ */
}

.authorbox img{
	width:80px;
	height:80px;
	margin:0 20px 5px 0;
	float:left;
	-webkit-border-radius: 80px;	
	-moz-border-radius: 80px;	
	border-radius:80px;
	border: 5px solid #EEEEEE;
}
.authorbox h1{
	font-size:13px;
	margin:0 0 5px 0;
	font-weight:bold;
}
.authorbox p{
	margin-top:15px;
}

.post-tags{
	width:100%;
	float:left;
	color:#929292;
	
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	-ms-box-sizing: border-box;     /* IE 10 + */
	box-sizing: border-box;         /* Opera/IE 8+ */
}
.post-tags b{
	margin-right:5px;
	color:#696969;
}


/* Single page navigation */
.single-nav-wrap{
	float:left;
	width:100%;
	clear:both;
	margin:45px 0;
}
.single-navigation{
	background:#fafafa;
	padding:20px;
	border:1px solid #ddd;
	border-bottom-color:#f5f5f5;
	-moz-box-shadow: 0px 3px 0px rgba(0,0,0,0.2), 0 0 20px rgba(0, 0, 0, 0.1) inset;
	-webkit-box-shadow: 0px 3px 0px rgba(0,0,0,0.2), 0 0 20px rgba(0, 0, 0, 0.1) inset;
	box-shadow: 0px 3px 0px rgba(0,0,0,0.2), 0 0 20px rgba(0, 0, 0, 0.1) inset;

	-webkit-border-radius: 4px;	
	-moz-border-radius: 4px;	
	border-radius: 4px;
	margin:0;
	float:left;
	width:100%;
	
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	-ms-box-sizing: border-box;     /* IE 10 + */
	box-sizing: border-box;         /* Opera/IE 8+ */
	
}
.single-navigation .alignright{
	margin:0;
	width:50%;
	padding:0 0 0 15px;
	
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	-ms-box-sizing: border-box;     /* IE 10 + */
	box-sizing: border-box;         /* Opera/IE 8+ */
}
.single-navigation .alignleft{
	margin:0;
	width:50%;
	padding:0 15px 0 0;
	
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	-ms-box-sizing: border-box;     /* IE 10 + */
	box-sizing: border-box;         /* Opera/IE 8+ */
}
.single-navigation a{
	color:#333333;
}
.single-navigation a:hover{
	text-decoration:underline;
}
.single-navigation small{
	color:#888;
}
.single-navigation h1{
	font-size:13px;
	margin:10px 0 10px 0;
}
.single-navigation a.next{
	display:block;
	text-align:right;
	border-bottom:1px solid #eee;
	padding:0 0 10px 0;
	margin-bottom:30px;
	color:#888;
}
.single-navigation a.previous{
	display:block;
	text-align:left;
	border-bottom:1px solid #eee;
	padding:0 0 10px 0;
	margin-bottom:30px;
	color:#888;
}
a.mini-img-holder{
	float:left;
	margin:-10px 20px 10px 0;
}
a.mini-img-holder img{
	width:80px;
	height:80px;
	float:left;
	-webkit-border-radius: 80px;	
	-moz-border-radius: 80px;	
	border-radius:80px;
	border:5px solid #eee;
}
a.mini-img-holder i{
	font-size:30px;
	line-height:80px;
	width:80px;
	height:80px;
	color:#eee;
	-webkit-border-radius: 80px;	
	-moz-border-radius: 80px;	
	border-radius: 80px;
	border:5px solid #eee;
	text-align:center;
	background:#BBBBBB;
}
.single-navigation a.mini-img-holder:hover{
	text-decoration:none;
}


/* Related news */
.related-posts{
	float:left;
	width:100%;
	clear:both;
	margin:45px 0;
}
.related-posts ul{
	margin:0;
	padding:0;
	list-style-type:none;
}
.relPostVer{
	width:80px;
	height:80px;
	float:left;
	margin:0 7px 10px 0;
}

.relPostVer a{
	display:block;
	position:relative;
	width:80px;
	height:80px;
	float:left;
	background:#eee;
	margin:0;
	color:#888888;
	background:#fafafa;
	border:1px solid #ddd;
	border-bottom-color:#f5f5f5;
	-moz-box-shadow: 0px 3px 0px rgba(0,0,0,0.2), 0 0 20px rgba(0, 0, 0, 0.1) inset;
	-webkit-box-shadow: 0px 3px 0px rgba(0,0,0,0.2), 0 0 20px rgba(0, 0, 0, 0.1) inset;
	box-shadow: 0px 3px 0px rgba(0,0,0,0.2), 0 0 20px rgba(0, 0, 0, 0.1) inset;

	-webkit-border-radius: 4px;	
	-moz-border-radius: 4px;	
	border-radius: 4px;
	
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	-ms-box-sizing: border-box;     /* IE 10 + */
	box-sizing: border-box;         /* Opera/IE 8+ */
}
.relPostVer a img{
	width:100%;
	height:100%;
	-webkit-border-radius: 4px;	
	-moz-border-radius: 4px;	
	border-radius: 4px;
	position:absolute;
	z-index:2;
}
.relPostVer a i{
	font-size:30px;
	padding:24px 18px;
	width:100%;
	height:100%;
	color:#bbb;
	z-index:1;
	position:relative;
	-webkit-border-radius: 4px;	
	-moz-border-radius: 4px;	
	border-radius: 4px;
	margin:-1px 0 0 0;
	
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	-ms-box-sizing: border-box;     /* IE 10 + */
	box-sizing: border-box;         /* Opera/IE 8+ */
}
.relPostVer a:hover i{
	color:#888;
	z-index:3;
	background:rgba(255,255,255,0.85);
}

.relPostVer2{
	width:33%;
	height:auto;
	float:left;
	margin:0;
	padding:10px;
	
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	-ms-box-sizing: border-box;     /* IE 10 + */
	box-sizing: border-box;         /* Opera/IE 8+ */
}

.relPostVer2 div a{
	color:#333333;
	margin-top:0px;
}
.relPostVer2 a:hover{
	text-decoration:underline;
}
.relPostVer2 small{
	color:#888;
}
.relPostVer2 h1{
	font-size:13px;
	margin:10px 0 10px 0;
}
.relPostVer2 div{
	height:120px;
	float:left;
	width:100%;
	position:relative;
	padding:10px;
	margin: 0;
	
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	-ms-box-sizing: border-box;     /* IE 10 + */
	box-sizing: border-box;         /* Opera/IE 8+ */
}
.relPostVer2 div:after{
	border-right:1px dashed #ddd;
	content: "";
    display: block;
    height: 100%;
    right: -10px;
    position: absolute;
    top: 0;
}
.relPostVer2 div:before{
	border-bottom:1px dashed #ddd;
	content: "";
    display: block;
    width: 100%;
    bottom: -10px;
    position: absolute;
	left:0;
}
.relPostVer2:nth-last-child(1) div:before, .relPostVer2:nth-last-child(2) div:before, .relPostVer2:nth-last-child(3) div:before{
	border-bottom:none;
}
.relPostVer2:nth-child(3n) div:after{
	border-right:none;
}

/*------------------------------------------------------------------*/ 
/*	6) MASONRY
/*------------------------------------------------------------------*/

.masonry-wrap-4columns, .masonry-wrap-3columns, .masonry-wrap-2columns{
	width:100%;
}
.masonry{
	background:#fafafa;
	border:1px solid #ddd;
	border-bottom-color:#f5f5f5;
	-moz-box-shadow: 0px 3px 0px rgba(0,0,0,0.2), 0 0 20px rgba(0, 0, 0, 0.1) inset;
	-webkit-box-shadow: 0px 3px 0px rgba(0,0,0,0.2), 0 0 20px rgba(0, 0, 0, 0.1) inset;
	box-shadow: 0px 3px 0px rgba(0,0,0,0.2), 0 0 20px rgba(0, 0, 0, 0.1) inset;

	-webkit-border-radius: 0 0 4px 4px;	
	-moz-border-radius: 0 0 4px 4px;	
	border-radius:0 0 4px 4px;
	margin-bottom:30px;
	
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	-ms-box-sizing: border-box;     /* IE 10 + */
	box-sizing: border-box;         /* Opera/IE 8+ */
}
.masonry-post-wrap{
	margin:10px;
}
.masonry-meta{
	padding-bottom:10px;
}
.masonry-wrap-4columns .pagination-2, .masonry-wrap-3columns .pagination-2, .masonry-wrap-2columns .pagination-2{
	clear:both;
	float:right;
}
#infscr-loading{
	bottom:-30px;
	position:absolute;
}

/*------------------------------------------------------------------*/ 
/*	7) GRID POST
/*------------------------------------------------------------------*/
.grid-wrap-4columns .grid-post{
	background:#fafafa;
	padding-bottom:10px;
	border:1px solid #ddd;
	border-bottom-color:#f5f5f5;
	-moz-box-shadow: 0px 3px 0px rgba(0,0,0,0.2), 0 0 20px rgba(0, 0, 0, 0.1) inset;
	-webkit-box-shadow: 0px 3px 0px rgba(0,0,0,0.2), 0 0 20px rgba(0, 0, 0, 0.1) inset;
	box-shadow: 0px 3px 0px rgba(0,0,0,0.2), 0 0 20px rgba(0, 0, 0, 0.1) inset;

	-webkit-border-radius: 0 0 4px 4px;	
	-moz-border-radius: 0 0 4px 4px;	
	border-radius:0 0 4px 4px;
	margin-bottom:30px;
	width:270px;
	float:left;
	margin:0 0 30px 30px;
	
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	-ms-box-sizing: border-box;     /* IE 10 + */
	box-sizing: border-box;         /* Opera/IE 8+ */
}
.grid-wrap-3columns .grid-post{
	background:#fafafa;
	padding-bottom:10px;
	border:1px solid #ddd;
	border-bottom-color:#f5f5f5;
	-moz-box-shadow: 0px 3px 0px rgba(0,0,0,0.2), 0 0 20px rgba(0, 0, 0, 0.1) inset;
	-webkit-box-shadow: 0px 3px 0px rgba(0,0,0,0.2), 0 0 20px rgba(0, 0, 0, 0.1) inset;
	box-shadow: 0px 3px 0px rgba(0,0,0,0.2), 0 0 20px rgba(0, 0, 0, 0.1) inset;

	-webkit-border-radius: 0 0 4px 4px;	
	-moz-border-radius: 0 0 4px 4px;	
	border-radius:0 0 4px 4px;
	margin-bottom:30px;
	float:left;
	
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	-ms-box-sizing: border-box;     /* IE 10 + */
	box-sizing: border-box;         /* Opera/IE 8+ */
}
.grid-wrap-2columns .grid-post{
	background:#fafafa;
	padding-bottom:10px;
	border:1px solid #ddd;
	border-bottom-color:#f5f5f5;
	-moz-box-shadow: 0px 3px 0px rgba(0,0,0,0.2), 0 0 20px rgba(0, 0, 0, 0.1) inset;
	-webkit-box-shadow: 0px 3px 0px rgba(0,0,0,0.2), 0 0 20px rgba(0, 0, 0, 0.1) inset;
	box-shadow: 0px 3px 0px rgba(0,0,0,0.2), 0 0 20px rgba(0, 0, 0, 0.1) inset;
	
	-webkit-border-radius: 0 0 4px 4px;	
	-moz-border-radius: 0 0 4px 4px;	
	border-radius:0 0 4px 4px;
	margin-bottom:30px;
	float:left;
	
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	-ms-box-sizing: border-box;     /* IE 10 + */
	box-sizing: border-box;         /* Opera/IE 8+ */
}
.grid-wrap-2columns .grid-post img{
	width:100%;
}
.grid-post-wrap{
	margin:10px;
}

/*------------------------------------------------------------------*/ 
/*	8) ISOTOPE FILTERING
/*------------------------------------------------------------------*/
.isotope-item {
  z-index: 2;
}

.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}

/**** Isotope CSS3 transitions ****/
.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:         top, left, opacity;
          transition-property:         transform, opacity;
}

/**** disabling Isotope CSS3 transitions ****/
.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
     -moz-transition-duration: 0s;
      -ms-transition-duration: 0s;
       -o-transition-duration: 0s;
          transition-duration: 0s;
}


/*------------------------------------------------------------------*/ 
/*	9) COMMENTS
/*------------------------------------------------------------------*/
.comments{
	width:100%;
	clear:both;
	float:left;
	margin:45px 0;
	
}
.amazing-title{
	text-transform:uppercase;
	font-size:16px;
	border-bottom:1px solid #ddd;
	font-weight:bold;
	margin-bottom:40px;
}
.amazing-title span.comnumber{
	background:#FFF;
	width:60px;
	height:55px;
	position:absolute;
	padding:5px 0 0 0;
	margin-top:-30px;
	-webkit-border-radius: 90px;	
	-moz-border-radius: 90px;	
	border-radius:90px;
}
.amazing-title span.comnumber i{
	width:50px;
	height:50px;
	font-size:17px;
	line-height:50px;
	margin:0;
	-webkit-border-radius: 80px;	
	-moz-border-radius: 80px;	
	border-radius:80px;
	display:block;
	color:#fff;
	text-align:center;
	font-style:normal;
}
.amazing-title span.comtitle{
	background:#FFF;
	margin-left:80px;
	padding:10px;
	margin-top:1px;
	font-size:13px;
	position:absolute;
	margin-top:-19px;
	color:#888;
}
.reply-title{
	margin:0 0 40px 0;
}

.comments, .comments p{
	color:#c5c5c5;
}
.comments ul{
	margin:20px 0 0 0;
	padding:0;
	list-style-type:none;
	float:left;
	width:100%;
}
.comments ul li{
	margin:0;
	padding:0;
	position:relative;
}
.comments>ul>li{
	margin-bottom:20px;
	float:left;
	width:100%;
}
.comments ul li>div{
	padding:0;
	background:#fafafa;
	position:relative;
	float:left;
	width:100%;
	min-height:120px;
	border:1px solid #ddd;
	border-bottom-color:#f5f5f5;
	-moz-box-shadow: 0px 3px 0px rgba(0,0,0,0.2), 0 0 20px rgba(0, 0, 0, 0.1) inset;
	-webkit-box-shadow: 0px 3px 0px rgba(0,0,0,0.2), 0 0 20px rgba(0, 0, 0, 0.1) inset;
	box-shadow: 0px 3px 0px rgba(0,0,0,0.2), 0 0 20px rgba(0, 0, 0, 0.1) inset;

	-webkit-border-radius: 4px;	
	-moz-border-radius: 4px;	
	border-radius: 4px;
	
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	-ms-box-sizing: border-box;     /* IE 10 + */
	box-sizing: border-box;         /* Opera/IE 8+ */
}

.comments ul li>div#respond{
	padding:0;
	background:#fff;
	position:relative;
	float:left;
	width:100%;
	min-height:120px;
	border:none;
	-moz-box-shadow: 0px 0px 0px rgba(0,0,0,0), 0 0 20px rgba(0, 0, 0, 0) inset;
	-webkit-box-shadow: 0px 0px 0px rgba(0,0,0,0), 0 0 20px rgba(0, 0, 0, 0) inset;
	box-shadow: 0px 0px 0px rgba(0,0,0,0), 0 0 20px rgba(0, 0, 0, 0) inset;
	
	-webkit-border-radius: 0px;	
	-moz-border-radius: 0px;	
	border-radius: 0px;
	margin-top:25px;
	
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	-ms-box-sizing: border-box;     /* IE 10 + */
	box-sizing: border-box;         /* Opera/IE 8+ */
}

.comment-avatar{
	width:80px;
	height:80px;
	left:20px;
	top:20px;
	margin:0;
	position:absolute;
	border: 5px solid #EEEEEE;
	-webkit-border-radius: 100px;	
	-moz-border-radius: 100px;	
	border-radius: 100px;
}
.comment-avatar img{
	width:80px;
	height:80px;
	-webkit-border-radius: 100px;	
	-moz-border-radius: 100px;	
	border-radius: 100px;
}
.commment-text-wrap{
	float:left;
	width:100%;
	padding:20px 20px 20px 130px;
	
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	-ms-box-sizing: border-box;     /* IE 10 + */
	box-sizing: border-box;         /* Opera/IE 8+ */
}
.comment-data p{
	color:#3c4852;
}
a.url{
	color:#3c4852;
	font-weight:bold;
	
}
.comment-data p span.aabb{
	margin:0 10px;
	color:#3c4852;
	font-size:13px;
}
.comment-data p span{
	font-size:11px;
	text-transform:uppercase;
}
a.comment-reply-link{
	color:#FFF;
	font-size:10px;
	text-transform:uppercase;
	background:#9c9c9c;
	padding:3px 5px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	-webkit-transition:background-color 0.4s ease-in;  
	-moz-transition:background-color 0.4s ease-in;  
	-o-transition:background-color 0.4s ease-in;  
	transition:background-color 0.4s ease-in;
}
a.comment-reply-link:hover{
	text-decoration:none;
}
.comment-text, .comment-text p{
	color:#929292;
}
ul.children{
	padding:0 0 0 30px;
	margin-top:20px;
	float:left;
	
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	-ms-box-sizing: border-box;     /* IE 10 + */
	box-sizing: border-box;         /* Opera/IE 8+ */
}
ul.children li{
	padding:0 0 0 19px;
	float:left;
	width:100%;
	margin-bottom:20px;
	
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	-ms-box-sizing: border-box;     /* IE 10 + */
	box-sizing: border-box;         /* Opera/IE 8+ */
}
ul.children li:nth-last-child(1){
	margin-bottom:0;
}
ul.commentlist{
	margin-bottom:40px;
	margin-top:0;
}
.comment-form, #respond{
	clear:both;
	width:100%;
	float:left;
}
.comment-form form, #respond form{
	margin:20px 0 0 0;
}
.input-holder{
	float:left;
	clear:both;
	margin-bottom:15px;
	width:100%;
}
.form2{
	float:left;
	clear:both;
}
.input-holder label{
	margin:0 0 2px 0;
	float:left;
	color:#888;
}
.input input{
	float:left;
	width:100%;
	margin:1px 0 0 0;
	padding:8px 15px;
	border:1px solid #ddd;
	background:#fafafa;
	height:40px;
	color:#3c4852;
	clear:both;
	border-radius:0;
	
	-moz-box-shadow: 0px 0px 0px rgba(0,0,0,0), 0 0 10px rgba(0, 0, 0, 0) inset;
	-webkit-box-shadow: 0px 0px 0px rgba(0,0,0,0), 0 0 10px rgba(0, 0, 0, 0) inset;
	box-shadow: 0px 0px 0px rgba(0,0,0,0), 0 0 10px rgba(0, 0, 0, 0) inset;
	
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	-ms-box-sizing: border-box;     /* IE 10 + */
	box-sizing: border-box;         /* Opera/IE 8+ */
}
.input-holder textarea{
	border:1px solid #ddd;
	background:#fff;
	width:100%;
	height:200px;
	clear:both;
	float:left;
	padding:15px;
	resize:vertical;
	color:#3c4852;
	border-radius:0;

	-moz-box-shadow: 0px 0px 0px rgba(0,0,0,0), 0 0 10px rgba(0, 0, 0, 0) inset;
	-webkit-box-shadow: 0px 0px 0px rgba(0,0,0,0), 0 0 10px rgba(0, 0, 0, 0) inset;
	box-shadow: 0px 0px 0px rgba(0,0,0,0), 0 0 10px rgba(0, 0, 0, 0) inset;
	
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	-ms-box-sizing: border-box;     /* IE 10 + */
	box-sizing: border-box;         /* Opera/IE 8+ */
}
.input input:focus, .input-holder textarea:focus{
	border:1px solid #ddd;
	-moz-box-shadow: 0px 0px 0px rgba(0,0,0,0), 0 0 10px rgba(0, 0, 0, 0) inset;
	-webkit-box-shadow: 0px 0px 0px rgba(0,0,0,0), 0 0 10px rgba(0, 0, 0, 0) inset;
	box-shadow: 0px 0px 0px rgba(0,0,0,0), 0 0 10px rgba(0, 0, 0, 0) inset;
}
textarea{
	border:1px solid #ddd;
	background:#fff;
	border-radius:0;
	font-size:13px;
	-moz-box-shadow: 0px 0px 0px rgba(0,0,0,0), 0 0 10px rgba(0, 0, 0, 0) inset;
	-webkit-box-shadow: 0px 0px 0px rgba(0,0,0,0), 0 0 10px rgba(0, 0, 0, 0) inset;
	box-shadow: 0px 0px 0px rgba(0,0,0,0), 0 0 10px rgba(0, 0, 0, 0) inset;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	-ms-box-sizing: border-box;     /* IE 10 + */
	box-sizing: border-box;         /* Opera/IE 8+ */
	line-height:1em;
	padding:5px 6px!important;
	width:100%;
}
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
  	border:1px solid #ddd;
	background:#fff;
	border-radius:0;
	font-size:13px;
	-moz-box-shadow: 0px 0px 0px rgba(0,0,0,0), 0 0 10px rgba(0, 0, 0, 0) inset;
	-webkit-box-shadow: 0px 0px 0px rgba(0,0,0,0), 0 0 10px rgba(0, 0, 0, 0) inset;
	box-shadow: 0px 0px 0px rgba(0,0,0,0), 0 0 10px rgba(0, 0, 0, 0) inset;
	
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	-ms-box-sizing: border-box;     /* IE 10 + */
	box-sizing: border-box;         /* Opera/IE 8+ */
	line-height:1em;
	padding:5px 6px!important;
	height:33px;
	vertical-align:middle;
	
}

textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {
	border:1px solid #ccc;
	background:#fafafa;
	border-radius:0;
	-moz-box-shadow: 0px 0px 0px rgba(0,0,0,0), 0 0 10px rgba(0, 0, 0, 0) inset;
	-webkit-box-shadow: 0px 0px 0px rgba(0,0,0,0), 0 0 10px rgba(0, 0, 0, 0) inset;
	box-shadow: 0px 0px 0px rgba(0,0,0,0), 0 0 10px rgba(0, 0, 0, 0) inset;
}

input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
}
select{
	border-color:#ddd;
}
label{
	font-size:13px;
}

.alertMessage{
	width:100%;
	float:left;
	clear:both;
	margin-top:10px;
}
.alertMessage ul{
	padding:0;
	margin:0;
	font-size:14px;
	color:#E4593A;
	list-style-type:none;
}
#map{
	width:100%;
	height:400px;
	margin-bottom:30px;
}
.contact-info{
	background:#fbfbfb;
	padding:20px;
}
.contact-info p i{
	font-size:20px;
	margin-right:15px;
	width:20px;
	margin-bottom:20px;
	float:left;
	margin-top:-7px;
}
div.wpcf7-response-output{
	border:1px solid #DE5053 !important;
	color:#990000 !important;
	background:#ffddd6 !important;
	padding:20px !important;
	-webkit-border-radius: 3px;	
	-moz-border-radius: 3px;	
	border-radius: 3px;
	margin:30px 0 0 0 !important;
}
.wpcf7-form span.wpcf7-not-valid-tip{
	border:none !important;
	background:#fff !important;
	padding:5px 10px !important;
	top:5%;
	left:1px;
	width:200px;
}
span.wpcf7-form-control-wrap{
	margin:3px 0 0 0;
	display:block;
	clear:both;
	width:100%;
}
span.wpcf7-form-control-wrap input{
	width:100%;
}
.wpcf7-form p{
	margin-bottom:10px;
}





/*------------------------------------------------------------------*/ 
/*	10) FEATURES
/*------------------------------------------------------------------*/
.big-highlight{
	background:#eee;
	padding:20px;
	-webkit-border-radius: 3px;	
	-moz-border-radius: 3px;	
	border-radius: 3px;
}

.error{
	border:1px solid #DE5053;
	color:#fc7d68;
	background:#ffddd6;
}
.error p{
	margin:0;
	color:#990000;
	padding:0 40px 0 0;
}
.info{
	border:1px solid #1fbcf0;
	color:#1fbcf0;
	background:#caefff;
	
}
.info p{
	margin:0;
	color:#006699;
	padding:0 40px 0 0;
}
.success{
	border:1px solid #25e04d;
	color:#25e04d;
	background:#d7ffd6;
	
}
.success p{
	margin:0;
	color:#009933;
	padding:0 40px 0 0;
}
.notice{
	border:1px solid #e9bd61;
	color:#e9bd61;
	background:#fff1d5;
	
}
.notice p{
	margin:0;
	color:#CC6600;
	padding:0 40px 0 0;
}
.notifications{
	padding:20px;
	height:auto;
	position:relative;
	margin-bottom:15px;
	-webkit-border-radius: 5px;	
	-moz-border-radius: 5px;	
	border-radius: 5px;
}
.notifications span{
	font-weight:bold;
	margin:0 10px 0 0;
}
.notifications span.closer{
	width:20px;
	margin:10px 0 0 20px;
	height:20px;
	cursor:pointer;
	float:right;
	position:absolute;
	right:10px;
	top:10px;
	
}
.notifications.error span.closer{color:#DE5053;}
.notifications.notice span.closer{color:#e9bd61;}
.notifications.success span.closer{color:#25e04d;}
.notifications.info span.closer{color:#1fbcf0;}


table{
	width:100%;
	max-width:100%;
	text-align:left;
	border-top:1px solid #eee;
	border-left:1px solid #eee;
	border-spacing: 0;
	margin-bottom:15px;
	color:#696969;
}
table th{
	vertical-align:top;
	background:#fafafa;
	border-right:1px solid #eee;
	border-bottom:1px solid #eee;
	padding:10px;
}
table td{
	vertical-align:top;
	border-right:1px solid #eee;
	border-bottom:1px solid #eee;
	padding:10px;
}
blockquote{
	margin:10px;
	font-style:italic;
	color:#888;
	background:url(framework/img/blockquote3.png) no-repeat left top;
	padding:0 0 10px 70px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:17px;
	min-height:40px;
	border:none;
}
blockquote p{
	font-family:Georgia, "Times New Roman", Times, serif;
}
blockquote cite{
	margin-top:20px;
	display:block;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
}
.quote-post blockquote{
	background:url(framework/img/blockquote.png) no-repeat left top;
}
.masonry-post-wrap blockquote{
	padding:20px 0 10px 0;
	background:url(framework/img/blockquote2.png) no-repeat left top;
}
/*------------------------------------------------------------------*/ 
/*	11) PAGINATION
/*------------------------------------------------------------------*/
.pagination-2{
	width:auto;
	float:right;
	clear:both;
	margin:10px 0px 20px 0px;
}

.pagination-2 ul{
	list-style-type:none;
	margin:0;
	padding:0;
}
.pagination-2 ul li{
	float:left;
	margin-bottom:10px;
}
.pagination-2 ul li a{
	padding:5px 12px 5px 12px;
	margin:0 5px 0 0;
	color:#888;
	display:block;
	background:#eee;
	-webkit-border-radius: 3px;	
	-moz-border-radius: 3px;	
	border-radius: 3px;
}
.pagination-2 ul li a:hover{
	background-color:#3c4852;
	color:#fff;
	text-decoration:none;
}
.pagination-2 ul li a.active{
	color:#fff;
}
.pagination-2 ul li a.first-page{
	padding:5px 11px 5px 8px;
}

.pagination-2 ul li a.last-page{
	padding:5px 11px 5px 8px;
}
.pagination-2 ul li span.current{
	padding:5px 12px 5px 12px;
	margin:0 5px 0 0;
	color:#fff;
	display:block;
	-webkit-border-radius: 3px;	
	-moz-border-radius: 3px;	
	border-radius: 3px;
}


/*------------------------------------------------------------------*/ 
/*	12) SIDEBAR
/*------------------------------------------------------------------*/
.widget-block{
	margin-bottom:30px;
}
.widget-block.clear{
	width:100%;
	float:left;
	clear:both;
}
.widget-block ul{
	margin:0 0 15px 0;
	padding:0;
	list-style-type:none;
}
.widget-block ul li a{
	color:#888;
}
.widget-block ul li{
	margin-bottom:2px;
}
.widget-block ul.widget-recent-work li{
	margin-bottom:20px;
}
.widget-block ul.widget-recent-work li:nth-last-child(1){
	margin-bottom:0;
}
.widget-recent-work li a img{
	margin-bottom:10px;
}
.widget-block ul li i, .widget-block-footer ul li i{
	margin-right:5px;
	margin-left:-5px
}

.small-title{
	margin-bottom:7px;	
	font-size:12px;
}
.widget-block ul li h1 a{
	color:#3c4852;
}
.small-meta{
	font-size:11px;
}
.small-tags{
	margin-right:30px;
}
.small-tags i{
	margin-right:2px;
}
.small-comm i{
	margin-top:-1px;
}

#recentcomments li{
	padding:2px 0;
}
.tagcloud a{
	padding:7px 12px;
	color:#888;
	margin:0 3px 4px 0;
	float:left;
	font-size:12px;
	background:#eee;
	-webkit-border-radius: 3px;	
	-moz-border-radius: 3px;	
	border-radius: 3px;
	-moz-box-shadow: 0px 1px 0px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0px 1px 0px rgba(0,0,0,0.2);
	box-shadow: 0px 1px 0px rgba(0,0,0,0.2);
	font-weight:bold;
}
.tagcloud a:hover{
	text-decoration:none;
	color:#FFF;
}

.widget_search{
	margin-top:10px;
}
.footer .widget_search{
	margin-top:0px;
}
.search2{
	position:relative;
}
.search2 form, .search2 form input{
	margin:0;
}
.search2 input.ft{
	width:100%;
	line-height:normal;
	float:left;
	position:relative;
	
	border-right:none;
	-webkit-border-radius:0 4px 4px 0;
	-moz-border-radius:0 4px 4px 0;
	border-radius:0 4px 4px 0;
	
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	-ms-box-sizing: border-box;     /* IE 10 + */
	box-sizing: border-box;         /* Opera/IE 8+ */
	
}
.search2 input.fs{
	height:32px;
	width:auto;
	top:0;
	right:0;
	position: absolute;
	color:#fff;
}

.widget-block-footer .search2 input.ft{
	border:1px solid #ddd;
	background:rgba(0,0,0,0.5);
	border-color:rgba(0,0,0,0.3);
	border-color: rgba(255, 255, 255, 0.15);
	background-color:rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 0px 0px rgba(0,0,0,0), 0 0 10px rgba(0, 0, 0, 0.08) inset;
	-webkit-box-shadow: 0px 0px 0px rgba(0,0,0,0), 0 0 10px rgba(0, 0, 0, 0.08) inset;
	box-shadow: 0px 0px 0px rgba(0,0,0,0), 0 0 10px rgba(0, 0, 0, 0.08) inset;
	color:rgba(255,255,255,0.7);
	
	height:33px;
	
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	-ms-box-sizing: border-box;     /* IE 10 + */
	box-sizing: border-box;         /* Opera/IE 8+ */
}
.span3 input#log, .span3 input#pwd{
	width:100%;
}
.widget-block-footer .search2 input.fs{
	right: 0;
	top: 0;
	position: absolute;
}

ul.ads125 li{
	float:left;
	width:50%;
	margin:0;
}
ul.ads125 li a{
	border:1px solid #ddd;
	padding:3px;
	display:block;
	background:#fafafa;
	text-align:center;
}

.widget-block.flickr-widget .flickr-widget{
	width:100%;
}
.flickr_badge_image{
	width:81px;
	height:81px;
	float:left;
}
.flickr_badge_image a{
	border:1px solid #ddd;
	padding:3px;
	display:block;
	text-align:center;
}
.widget-block .video{
	margin-bottom:15px;
}

.bbp-logged-in{
	margin-bottom:15px;
	background:#fafafa;
	padding:20px;
	border:1px solid #ddd;
	border-bottom-color:#f5f5f5;
	-moz-box-shadow: 0px 3px 0px rgba(0,0,0,0.2), 0 0 20px rgba(0, 0, 0, 0.1) inset;
	-webkit-box-shadow: 0px 3px 0px rgba(0,0,0,0.2), 0 0 20px rgba(0, 0, 0, 0.1) inset;
	box-shadow: 0px 3px 0px rgba(0,0,0,0.2), 0 0 20px rgba(0, 0, 0, 0.1) inset;

	-webkit-border-radius: 4px;	
	-moz-border-radius: 4px;	
	border-radius: 4px;
	
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	-ms-box-sizing: border-box;     /* IE 10 + */
	box-sizing: border-box;         /* Opera/IE 8+ */
}

.bbp-logged-in a img{
	-webkit-border-radius:50px;
	-moz-border-radius:50px;
	border-radius:50px;
	padding:3px;
	border:1px solid #eee;
}
.bbp-logged-in a{
	color:#3C4852;
}
.bbp-logged-in h4{
	text-transform:capitalize;
	margin-bottom:4px;
}
.bbp-logged-in a.logout-link{
	font-size:11px;
}

.widget_display_replies ul li{
	border-top:1px solid #eee;
	padding:5px 0;
}
.widget_display_replies ul li:nth-last-child(1){
	border-bottom:1px solid #eee;
}
.widget_display_replies a.bbp-author-avatar{
	display:none;
	visibility:hidden;
}
.widget_display_replies > ul > li > div{
	font-size:11px;
	color:#bbb;
}
.widget_display_replies .bbp-author-name{
	font-weight:bold;
	margin-left:-3px;
}


.widget_display_topics ul li{
	border-top:1px solid #eee;
	padding:5px 0;
}
.widget_display_topics ul li:nth-last-child(1){
	border-bottom:1px solid #eee;
}
.widget_display_topics a.bbp-author-avatar{
	display:none;
	visibility:hidden;
}
.widget_display_topics > ul > li > div{
	font-size:11px;
	color:#bbb;
}
.widget_display_topics .bbp-author-name{
	font-weight:bold;
	margin-left:-3px;
}

.widget_display_stats dl dt{
	float:left;
	margin-right:10px;
	font-weight:normal;
}
.widget_display_stats dl dd{
	margin-bottom:5px;
}

.widget-block ul li.jtwt_tweet{
	background:url(framework/img/twitter.png) no-repeat left top;
	padding-left:30px;
	margin-bottom:20px;
}
.widget-block ul li.jtwt_tweet p{
	margin-bottom:5px;
}
.widget-block ul li.jtwt_tweet a.jtwt_date{
	font-size:11px;
	color:#bbb;
}
.mypassion-tabs{
	padding:0;
}
.mypassion-tabs.horizontal-2.special-tabs{
	overflow:hidden;
}
.mypassion-tabs.horizontal-2.special-tabs>ul>li:nth-last-child(1) a{
	border:none;
}
.mypassion-tabs.horizontal-2.special-tabs>ul>li a i{
	font-size:20px;
	margin-top:-2px;
}
.special-tabs .tabs-content ol{
	list-style-type:none;
	margin:0;
	padding:0;
}
.special-tabs .tabs-content ol li{
	margin-top:5px;
	width:100%;
	clear:both;
	margin-bottom:10px;
	display:block;
}
.special-tabs .tabs-content ol li p{
	padding-left:66px;
	display:block;
	position:relative;
	min-height:56px;
}
.special-tabs .tabs-content ol li i{
	width:50px;
	height:50px;
	line-height:50px;
	text-align:center;
	font-size:20px;
	margin:0 0 0 -66px;
	padding:2px;
	border:1px solid #eee;
	color:#bbb;
	position:absolute;
}
.special-tabs .tabs-content ol li  img{
	width:50px;
	height:50px;
	margin:0 0 0 -66px;
	padding:2px;
	border:1px solid #eee;
	position:absolute;
}
.special-tabs .tabs-content ol li a{
	color:#888;
}
.special-tabs .tabs-content ol li span.meta{
	font-size:11px;
	display:block;
}

/*------------------------------------------------------------------*/ 
/*	13) CHART
/*------------------------------------------------------------------*/
.easyPieChart {
    position: relative;
    text-align: center;
}

.easyPieChart canvas {
    position: absolute;
    top: 0;
    left: 0;
}
.chart {
    float: left;
    width:100%;
	text-align:center;
}
.percentage{
    text-align: center;
    color: #3c4852;
    font-weight: 100;
    font-size: 1.2em;
    margin:0 auto;
	margin-bottom:15px;
}
.percentage.easyPieChart span{
	color:#3c4852;
	font-size: 25px;
    height: 150px;
    left: 0;
    line-height: 150px;
    position: absolute;
    text-align: center;
    top: 0;
    width: 150px;
}
.percentage.easyPieChart span i[class^="icon-"]{
	width:45px;
	height:45px;
	line-height:45px;
	font-size:25px;
	margin-top:-6px;
}


.chart-2 {
	text-align:center;
}
.percentage-2{
    text-align: center;
    color: #3c4852;
    margin:0 auto;
	margin-bottom:15px;
}
.percentage-2.easyPieChart span{
	color:#3c4852;
	font-size: 25px;
    line-height: 50px;
    text-align: center;
    width: auto;
	font-size:70px;
	font-weight:bold;
}
.percentage-2.easyPieChart canvas{
	display:none;
}


/*------------------------------------------------------------------*/ 
/*	14) HOME SERVICE 1
/*------------------------------------------------------------------*/
.service_block_1{
	padding:50px 0;
}

.service_blocks_wrap h5{
	margin-top:12px;
	margin-bottom:20px;
	margin-left:50px;
}
.service_blocks_wrap p{
	margin:0.85em 0;
	clear:both;
}

.service_blocks_wrap_3>div, .service_blocks_wrap_4>div, .service_blocks_wrap_5>div{
	margin-bottom:30px;
}
.home-service>div{
	margin-bottom:0;
}
.service_blocks_wrap_3>div.span12, .service_blocks_wrap_4>div.span12, .service_blocks_wrap_5>div.span12{
	margin-bottom:0;
}
.service_blocks_wrap_3 h5{
	margin-top:12px;
	margin-bottom:20px;
	margin-left:50px;
}
.service_blocks_wrap_3 p{
	margin:0.85em 0;
	clear:both;
}

.icon-wrap-4{
	float:left;
	width:80px;
	height:80px;
	margin-right:20px;
	background:#3c4852;
	-webkit-border-radius: 3px;	
	-moz-border-radius: 3px;	
	border-radius: 3px;
	text-align:center;
	margin-bottom:20px;
	position:relative;
}
.icon-wrap-4:after{
	bottom:-30px;
	left:50%;
	border: solid transparent;
	content: "";
	height: 0;
	width: 0;
	position: absolute;
	border-top-color: #3c4852;
	border-width: 20px;
	margin: 0 0 0 -20px;
	z-index:999999;

}


.icon-wrap-4 i{
	padding:0;
	color:#FFF;
	margin:15px 0 0 0;
	font-size:50px;
	text-align:center;
	width:70px;
	height:70px;
	
}
.icon-wrap-5{
	float:left;
	width:120px;
	height:120px;
	margin-right:20px;
	border:1px solid #ddd;
	border-bottom-color:#f5f5f5;
	-moz-box-shadow: 0px 3px 0px rgba(0,0,0,0.2), 0 0 20px rgba(0, 0, 0, 0.1) inset;
	-webkit-box-shadow: 0px 3px 0px rgba(0,0,0,0.2), 0 0 20px rgba(0, 0, 0, 0.1) inset;
	box-shadow: 0px 3px 0px rgba(0,0,0,0.2), 0 0 20px rgba(0, 0, 0, 0.1) inset;	
	-webkit-border-radius: 4px;	
	-moz-border-radius: 4px;	
	border-radius: 4px;
	text-align:center;
	margin-bottom:20px;
	position:relative;
	
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	-ms-box-sizing: border-box;     /* IE 10 + */
	box-sizing: border-box;         /* Opera/IE 8+ */
}
.icon-wrap-5 i{
	padding:0;
	margin:20px 0 0 0;
	font-size:80px;
	text-align:center;
	width:110px;
	height:110px;
}

.portfolio-list-home .portfolio-item{
	width:100%;
	float:left;
}
.from-blog-2{
	margin:0;
	padding:0;
	width:100%;
	list-style-type:none;
}
.from-blog-2 li{
	width:100%;
	float:left;
	clear:both;
	padding-bottom:10px;
	margin-bottom:20px;
	border-bottom:1px dotted #ddd;
}
.from-blog-2 li:nth-last-child(1){
	border-bottom:none;
}
.from-blog-2 a img{
	float:left;
	margin:0 20px 10px 0;
}
.from-blog-2 h1{
	font-size:14px;
	color:#3C4852;
	margin-bottom:3px;
}
.from-blog-2 h1 a{
	color:#3C4852;
}
.from-blog-2 span.mini-meta{
	font-size:12px;
}
.from-blog-2 p{
	margin:15px 0 0 0;
}

/*------------------------------------------------------------------*/ 
/*	15) STUNNING TEXT
/*------------------------------------------------------------------*/
.stunning-text{
	background:#fafafa;
	padding:30px;
	position:relative;
	border:1px solid #ddd;
	border-bottom-color:#f5f5f5;
	-moz-box-shadow: 0px 3px 0px rgba(0,0,0,0.2), 0 0 20px rgba(0, 0, 0, 0.1) inset;
	-webkit-box-shadow: 0px 3px 0px rgba(0,0,0,0.2), 0 0 20px rgba(0, 0, 0, 0.1) inset;
	box-shadow: 0px 3px 0px rgba(0,0,0,0.2), 0 0 20px rgba(0, 0, 0, 0.1) inset;
	-webkit-border-radius: 4px;	
	-moz-border-radius: 4px;	
	border-radius: 4px;
	
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	-ms-box-sizing: border-box;     /* IE 10 + */
	box-sizing: border-box;         /* Opera/IE 8+ */
}
.button-wrap{
	float:right;
	margin:0 0 20px 30px;
	position:relative;
	z-index:10;
}
.stunning-text p {
	margin-bottom:0;
}
.stunning-text h3{
	line-height:1;
}
.stunning-bottom img{
	float:left;
	max-width:100%;
}


/*------------------------------------------------------------------*/ 
/*	16) PORTFOLIO
/*------------------------------------------------------------------*/
.portfolio{
	width:100%;
	float:left;
	height:auto;
}
.portfolio-item{
	position:relative;
	margin-bottom:30px;
}
.portfolio-item img{
	width:100%;
	-webkit-border-radius: 4px 4px 0px 0px;
	   -moz-border-radius: 4px 4px 0px 0px;
		    border-radius: 4px 4px 0px 0px;
}
.image-wrap{
	width:auto;
	height:auto;
	position:relative;
}
.portfolio-list{
	list-style-type:none;
	width:auto;	
	margin-left:0px;
}
.portfolio-list li{
	padding:0;
	margin:0 0 30px 30px;
	
}
.portfolio-2columns .portfolio-list li{
	width:570px;
	min-height:417px;
}
.portfolio-3columns .portfolio-list li{
	width:370px;
	min-height:290px;
}
.portfolio-4columns .portfolio-list li{
	width:270px;
	min-height:226px;
}
.portfolio-filter{
	margin-bottom:30px;
}
.portfolio-filter ul{
	list-style-type:none;
	margin:10px 0;
	padding:0;
}
.portfolio-filter ul li{
	display:inline-table;
	margin:10px 5px 10px 0;
}
.portfolio-filter ul li a{
	position:relative;
	padding:10px 25px;
	color:#3c4852;
	background:#eee;
	-webkit-border-radius: 3px;	
	-moz-border-radius: 3px;	
	border-radius: 3px;
	-moz-box-shadow: 0px 1px 0px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0px 1px 0px rgba(0,0,0,0.2);
	box-shadow: 0px 1px 0px rgba(0,0,0,0.2);
}
.portfolio-filter ul li a.current, #portfolio-filter li a:hover{
	color:#FFFFFF;
	background:#3c4852;
}
.project-single .span12{
	margin-bottom:30px;
}
.project-details{
	width:100%;
	padding:40px 40px 25px 40px;
	border:1px solid #ddd;
	border-bottom-color:#f5f5f5;
	-moz-box-shadow: 0px 3px 0px rgba(0,0,0,0.2), 0 0 20px rgba(0, 0, 0, 0.1) inset;
	-webkit-box-shadow: 0px 3px 0px rgba(0,0,0,0.2), 0 0 20px rgba(0, 0, 0, 0.1) inset;
	box-shadow: 0px 3px 0px rgba(0,0,0,0.2), 0 0 20px rgba(0, 0, 0, 0.1) inset;
	background:#fafafa;
	-webkit-border-radius: 4px;	
	-moz-border-radius: 4px;	
	border-radius: 4px;
	margin-bottom:20px;
	clear:both;
	
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	-ms-box-sizing: border-box;     /* IE 10 + */
	box-sizing: border-box;         /* Opera/IE 8+ */
}
.span6 .project-details{
	margin-top:30px;
}
.project-details h1{
	font-size:16px;
	text-transform:uppercase;
}
.project-details span{
	color:#3c4852;
	margin-right:5px;
	
}
.project-details span.span_like{
	position:relative;
	float:none;
	margin:0 -5px 0 0;
	padding:0;
	top:0;
	width:auto;
	right:0;
}

.related-projects.span12{
	margin-bottom:0;
	margin-top:50px;
}


/*------------------------------------------------------------------*/ 
/*	17) HOME PORTFOLIO
/*------------------------------------------------------------------*/
.portfolio_block_1{
	padding:0;
}
.portfolio_blocks_wrap{
	padding:0;
	min-height:287px;
}
.portfolio_blocks_wrap .item{
	padding-bottom:3px;
}
.work_carousel{
	width:100%;
	clear:both;
	display:block;
	
}
.work_carousel .item{
	min-height:245px;
}
.item{
	width:300px;
	float:left;
	margin:0 15px;
	padding:0;
	position:relative;
}
.item img{
	-webkit-border-radius: 4px 4px 0px 0px;
	   -moz-border-radius: 4px 4px 0px 0px;
		    border-radius: 4px 4px 0px 0px;
}
.maskImage{
	width:100%;
	height:100%;
	overflow:hidden;
	position:absolute;
	z-index:99999;
	background:url(framework/img/pixelblack.png) repeat;
	-webkit-border-radius: 4px 4px 0px 0px;
	   -moz-border-radius: 4px 4px 0px 0px;
		    border-radius: 4px 4px 0px 0px;
			
	-moz-box-shadow: 0 0 50px rgba(0, 0, 0, 1) inset;
	-webkit-box-shadow: 0 0 50px rgba(0, 0, 0, 1) inset;
	box-shadow: 0 0 50px rgba(0, 0, 0, 1) inset;
}
.maskImage a{
	width:100%;
	height:100%;
	display:block;
}
.maskImage a span{
	width:48px;
	height:48px;
	position:absolute;
	margin-left:50%;
	left:-24px;
	top:-48px;
	
}
.maskImage a span i{
	color:#3C4852;
	background:rgba(255,255,255,0.8);
	font-size:20px;
	width:48px;
	height:48px;
	line-height:48px;
	text-align:center;
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
		    border-radius: 4px;
	-moz-box-shadow: 0 0 30px rgba(0, 0, 0, 0.7);
	-webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.7);
	box-shadow: 0 0 30px rgba(0, 0, 0, 0.7);
}
.og-grid li .maskImage a span i{
	margin-left:-13px;
}
.title_holder{
	width:100%;
	padding:15px;
	background:#fafafa;
	position:relative;
	border:1px solid #ddd;
	border-top:none;
	float:left;
	clear:both;
	-webkit-border-radius: 0px 0px 4px 4px;
	   -moz-border-radius: 0px 0px 4px 4px;
		    border-radius: 0px 0px 4px 4px;
	-moz-box-shadow: 0px 3px 0px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0px 3px 0px rgba(0,0,0,0.2);
	box-shadow: 0px 3px 0px rgba(0,0,0,0.2);
	
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	-ms-box-sizing: border-box;     /* IE 10 + */
	box-sizing: border-box;         /* Opera/IE 8+ */
}
.title_holder:before{
	top: -25px;
	border: solid transparent;
	content: "";
	height: 0;
	width: 0;
	position: absolute;
	border-bottom-color: #fafafa;
	border-width: 15px;
	right: 50%;
	margin: 0 -15px 0 0;
	z-index:999999;

}
.title_holder h1{
	width:auto;
	float:left;
	margin-bottom:0;
	font-size:14px;
	margin-right:70px;
}
.title_holder h1 a{
	color:#3c4852;
}
span.span_like{
	color:#3c4852;
	position:absolute;
	right:15px;
	top:15px;
	margin-left:10px;
	width:auto;
}
span.span_like a{
	color:#3c4852;
}

span.span_like i{
	margin:0 7px 0 0;
	font-size:15px;
	line-height:1.3;
}
.carousel_navigations{
	width:100%;
	text-align:center;
	margin:30px 0 0 0;
}
.carousel_navigations ul{
	list-style-type:none;
	padding:0;
	margin:0;
}
.carousel_navigations ul li{
	display:inline-block;
	margin:0;
	padding:0;
}
.carousel_navigations ul li a{
	width:30px;
	height:30px;
	display:block;
	
	margin:0;
	padding:0;
}
.carousel_navigations ul li a i{
	width:30px;
	height:30px;
	line-height:30px;
	font-size:12px;
	text-align:center;
	color:#fff;
	margin:0;
	padding:0;
	background-color:#3c4852;
	-webkit-border-radius: 3px;	
	-moz-border-radius: 3px;	
	border-radius: 3px;
}
.video_holder{
	margin-top:40px;
}

/*------------------------------------------------------------------*/ 
/*	18) HOME PORTFOLIO 2
/*------------------------------------------------------------------*/



/*------------------------------------------------------------------*/ 
/*	19) TEAM MEMBERS
/*------------------------------------------------------------------*/
.ourteam{
	margin-bottom:30px;
	padding:35px;
	-moz-box-shadow: 0px 3px 0px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0px 3px 0px rgba(0,0,0,0.2);
	box-shadow: 0px 3px 0px rgba(0,0,0,0.2);
	border:1px solid #ddd;
	background:#fafafa;
	-webkit-border-radius: 0 0 4px 4px;	
	-moz-border-radius: 0 0 4px 4px;	
	border-radius: 0 0 4px 4px;
	width:370px;
	max-width:100%;
	
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	-ms-box-sizing: border-box;     /* IE 10 + */
	box-sizing: border-box;         /* Opera/IE 8+ */

	
}
.member-image{
	max-width:300px;
}
.member-image img{
	max-width:100%;
	-moz-box-shadow: 0px 3px 0px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0px 3px 0px rgba(0,0,0,0.2);
	box-shadow: 0px 3px 0px rgba(0,0,0,0.2);
	border:1px solid #ddd;
	-webkit-border-radius: 500px;
	 -moz-border-radius: 500px;
		  border-radius: 500px;
	margin-bottom:30px;
	
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	-ms-box-sizing: border-box;     /* IE 10 + */
	box-sizing: border-box;         /* Opera/IE 8+ */
}
.team-social{
	margin-bottom:0;
	margin-top:20px;
}
.team-social a{
	margin:0 10px 0 0;
	color:#BBBBBB;
	
	display:inline-block;
	
	
	
	text-align:center;
	
	
}
.team-social a i{
	font-size:16px;
	line-height:30px;
	width:30px;
	height:30px;
	background:#eee;
	
	-webkit-border-radius: 50px;
	 -moz-border-radius: 50px;
		  border-radius: 50px;
}
.ourteam h5 span{
	font-family:'Pt-Sans', Arial, sans-serif;
	font-size:13px;
}



/*------------------------------------------------------------------*/ 
/*	20) BUTTONS
/*------------------------------------------------------------------*/
.btn-theme, input.button, button.button, .woocommerce a.edit, .show_review_form, ul li.footer-row a, input[type="submit"]{
	display: inline-block;
	*display: inline;
	padding: 5px 15px;
	margin-bottom: 0;
	*margin-left: .3em;
	font-size: 13px;
	line-height: 20px;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	color:#FFF;
	border:1px solid;
	*border: 0;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	-webkit-border-radius: 4px;
	 -moz-border-radius: 4px;
		  border-radius: 4px;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
	*zoom: 1;
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), 0 1px 3px rgba(0, 0, 0, 0.1);
	 -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), 0 1px 3px rgba(0, 0, 0, 0.1);
		  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), 0 1px 3px rgba(0, 0, 0, 0.1);
		  
	-webkit-transition: background-color .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out;
	   -moz-transition: background-color .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out;
	    -ms-transition: background-color .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out;
	     -o-transition: background-color .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out;
	        transition: background-color .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out;
}
.btn-theme:hover,
.btn-theme:focus,
.btn-theme:active,
.btn-theme.active {
	color: #FFFFFF;
}

.btn-theme-color{
	color:#FFF;
}
.btn-theme:hover, input.button:hover, button.button:hover, .woocommerce a.edit:hover, ul li.footer-row a:hover, .show_review_form:hover, input[type="submit"]:hover{
	background-color:#3c4852;
	color:#fff;
}
.btn-theme.green:hover, .btn-theme.brown:hover, .btn-theme.orange:hover, .btn-theme.blue:hover, .btn-theme.red:hover, .btn-theme.pink:hover, .btn-theme.gray:hover, .btn-theme.black:hover, .btn-theme.white:hover{
	background-color:#3c4852;
	color:#fff;
}
.btn-theme.white{
	text-shadow:none;
}
.btn-theme i.left{
	margin:2px 10px 0 0;
}
.btn-theme i.right{
	margin:2px 0 0 10px;
}



input[type="radio"], .body-wrapper input[type="checkbox"]{
	margin:-3px 0 0 0;
	display:inline-table;
}
.radio,.checkbox{
	display:inline-table;
	padding-left:5px;
}
label{
	display:inline-block;
	margin-bottom:0;
	margin-top:3px;
}

/*------------------------------------------------------------------*/ 
/*	21) UI ELEMENTS
/*------------------------------------------------------------------*/

.ui-accordion .ui-accordion-header {
	display: block;
	cursor: pointer;
	position: relative;
	margin:0;
	margin-top:3px;
	padding: 1em 1em 1em 1em;
	min-height: 0; /* support: IE7 */
	font-size:14px;
	background:#eee;
	-webkit-border-radius: 3px;	
	-moz-border-radius: 3px;	
	border-radius: 3px;
}
.ui-accordion .ui-accordion-header i{
	margin-right:10px;
	line-height:18px;
}
.ui-accordion .ui-accordion-header-active{
	background:#3c4852;
	color:#fff;
	-webkit-border-radius: 3px 3px 0 0;	
	-moz-border-radius: 3px 3px 0 0;	
	border-radius: 3px 3px 0 0;
}
.ui-accordion .ui-accordion-icons {
	padding-right: 3.5em;
}
.ui-accordion .ui-accordion-noicons {
	padding-left: .7em;
}
.ui-accordion .ui-accordion-icons .ui-accordion-icons {
	padding-left: 2.2em;
}
.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
	position: absolute;
	right: 1em;
	top: 50%;
	margin-top: -11px;
	margin-left:-7px;
	width:22px;
	height:22px;
	-webkit-border-radius: 50px;	
	-moz-border-radius: 50px;	
	border-radius: 50px;	
}
.ui-icon-triangle-1-e{
	background: url(framework/img/plus.png) no-repeat;
	background-color:rgba(0,0,0,0.2);
	background-position:6px 6px;
}
.ui-icon-triangle-1-s{
	background:url(framework/img/minus.png) no-repeat;
	background-color:rgba(0,0,0,0.4);
	background-position:6px 10px;
}
.ui-accordion .ui-accordion-content {
	padding: 1em;
	border-top: 0;
	overflow: auto;
	border:1px solid #eee;
	border-top:none;
	position:relative;
	
	-webkit-border-radius: 0 0 3px 3px;	
	-moz-border-radius: 0 0 3px 3px;	
	border-radius: 0 0 3px 3px;
	
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	-ms-box-sizing: border-box;     /* IE 10 + */
	box-sizing: border-box;         /* Opera/IE 8+ */
}


.toggle-wrap h3 {
	display: block;
	cursor: pointer;
	position: relative;
	margin:0;
	margin-top:3px;
	padding: 1em 1em 1em 1em;
	min-height: 0; /* support: IE7 */
	font-size:14px;
	background:#eee;
	-webkit-border-radius: 3px;	
	-moz-border-radius: 3px;	
	border-radius: 3px;
}
.toggle-wrap h3 > i{
	margin-right:10px;
}
.toggle-wrap h3.active {
	background:#3c4852;
	color:#fff;
	-webkit-border-radius: 3px 3px 0 0;	
	-moz-border-radius: 3px 3px 0 0;	
	border-radius: 3px 3px 0 0;
}
.toggle-wrap h3 span{
	position: absolute;
	color:#fff;
	text-align:center;
	right: 1em;
	top: 50%;
	margin-top: -13px;
	margin-left:-7px;
	width:22px;
	height:22px;
}
.toggle-wrap h3 span i{
	width:22px;
	height:22px;
	line-height:22px;
	text-align:center;
	font-size:17px;
	-webkit-border-radius: 50px;	
	-moz-border-radius: 50px;	
	border-radius: 50px;	
	background:rgba(0,0,0,0.2);
}
.toggle-wrap h3.active span i{
	background:rgba(0,0,0,0.4);
}
.toggle-content {
	padding: 1em;
	border-top: 0;
	overflow: auto;
	border:1px solid #eee;
	border-top:none;
	position:relative;
	display:none;
	
	-webkit-border-radius: 0 0 3px 3px;	
	-moz-border-radius: 0 0 3px 3px;	
	border-radius: 0 0 3px 3px;
	
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	-ms-box-sizing: border-box;     /* IE 10 + */
	box-sizing: border-box;         /* Opera/IE 8+ */
}

/*------------------------------------------------------------------*/ 
/*	23) PARALLAX
/*------------------------------------------------------------------*/
.parallax-home{
	background:url(framework/img/trash/Group_op_people_dark.jpg) repeat fixed center;
	padding:50px 0;
}
.service-blocks-wrap-2{
	list-style-type:none;
	width:100%;
	margin:0;
	text-align:center;
}
.service-blocks-wrap-2 li{
	width:300px;
	height:400px;
	position:relative;
	background:#FFF;
	padding:20px;
	display:inline-block;
	margin:20px 5px 40px;
	text-align:center;
	
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	-ms-box-sizing: border-box;     /* IE 10 + */
	box-sizing: border-box;         /* Opera/IE 8+ */
}
.service-blocks-wrap-2 li h4{
	margin:20px 0 30px 0;
	text-transform:uppercase;
	font-size:16px;
}
.service-blocks-wrap-2 li p{
	padding:0 20px;
}
.separator-1{
	display:block;
	clear:both;
	position:absolute;
	width:100%;
	padding:0 40px 0 0;
	bottom:0;
	margin:0 0 40px 0;
	
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	-ms-box-sizing: border-box;     /* IE 10 + */
	box-sizing: border-box;         /* Opera/IE 8+ */
}
.separator-1 span{
	display:block;
	padding:10px 0;
	width:100%;
	float:left;
	background:url(framework/img/title.png) no-repeat center;
}
.icon-wrap-2{
	width:105px;
	height:105px;
	margin-bottom:30px;
	
}
.icon-wrap-2 i{
	padding:30px 0 0 0;
	width:40px;
	background:#3c4852;
	display:block;
	color:#FFF;
	margin:0 10px 10px 0;
	width:105px;
	height:75px;
	font-size:48px;
	text-align:center;
	-webkit-border-radius: 150px;	
	-moz-border-radius: 150px;	
	border-radius: 150px;
}
.button-holder{
	position:absolute;
	width:100%;
	bottom:0;
	margin-left:-20px;
}
.button-holder a{
	width:150px;
	margin-bottom:-20px;
	clear:both;
}
.btn-grey{
	background:#3c4852;
}

/*------------------------------------------------------------------*/ 
/*	24) HOME BLOG
/*------------------------------------------------------------------*/
.blog_carousel{
	width:100%;
	display:block;
}
.blog_blocks_wrap{
	min-height:430px;
}
.blog_blocks_wrap .item{
	
}
.blog_blocks_wrap .image-wrap{
	width:300px;
	height:190px;
	-webkit-border-radius: 4px 4px 0px 0px;
	   -moz-border-radius: 4px 4px 0px 0px;
		    border-radius: 4px 4px 0px 0px;
}
.blog_blocks_wrap .image-wrap > a{
	width:100%;
	height:100%;
	display:block;
	overflow:hidden;
	-webkit-border-radius: 4px 4px 0px 0px;
	   -moz-border-radius: 4px 4px 0px 0px;
		    border-radius: 4px 4px 0px 0px;
}
.blog_blocks_wrap .image-wrap > a i{
	width:100%;
	height:100%;
	line-height:190px;
	font-size:70px;
	text-align:center;
}

.desc{
	width:100%;
	padding:15px;
	border-top:none;
	float:left;
	clear:both;
	
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	-ms-box-sizing: border-box;     /* IE 10 + */
	box-sizing: border-box;         /* Opera/IE 8+ */
}
.desc h5 a{
	color:#3c4852;
}
.title_holder_2{
	width:100%;
	margin-bottom:3px;
	border-top:none;
	float:left;
	clear:both;
	-webkit-border-radius: 0px 0px 4px 4px;
	   -moz-border-radius: 0px 0px 4px 4px;
		    border-radius: 0px 0px 4px 4px;
	-moz-box-shadow: 0px 3px 0px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0px 3px 0px rgba(0,0,0,0.2);
	box-shadow: 0px 3px 0px rgba(0,0,0,0.2);
	
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	-ms-box-sizing: border-box;     /* IE 10 + */
	box-sizing: border-box;         /* Opera/IE 8+ */
}
.title_holder_2 .fix-bg{
	float:left;
	width:100%;
	height:100%;
	-webkit-border-radius: 0px 0px 4px 4px;
	   -moz-border-radius: 0px 0px 4px 4px;
		    border-radius: 0px 0px 4px 4px;
}
.title_holder_2 a{
	padding:10px 0;
	float:left;
	color:#888;
	text-align:center;
}
.title_holder_2 a i{
	font-size:15px;
	line-height:1.2;
}
.post-comm, .post-date, .post-type-icon{
	float:left;
}
.post-type-icon a{
	width:60px;
	text-align:center;
	color:#888;
}

.post-type-icon a i{
	margin-left:-6px;
}
.post-comm a{
	width:70px;
}
.post-comm a i{
	margin-right:6px;
}
.post-date a{
	width:90px;
}
.post-date a i{
	margin-right:10px;
}
.like-2 a {
	width:70px;
}


/*------------------------------------------------------------------*/ 
/*	25) PRICING TABLES
/*------------------------------------------------------------------*/
.pricing{
	list-style-type:none;
	float:left;
	width:100%;
	text-align:center;
	padding:0;
	margin:5px 1px 0 0;
}
.pricing li{
	padding:10px 5px;
	margin:0;
	color:#3c4852;
	background:#fff;
	border-top:1px solid #ddd;
	border-right:1px solid #ddd;
	border-left:1px solid #ddd;

	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	-ms-box-sizing: border-box;     /* IE 10 + */
	box-sizing: border-box;         /* Opera/IE 8+ */
}
.pricing li.title-row{
	background:#3c4852;
	color:#FFF;
	font-family:'Pt-Sans-Bold', Arial, sans-serif;
	font-size:16px;
	padding:20px 5px;
}
.pricing li.title-row span, .pricing ul li.pricing-row span{
	font-size:12px;
	font-style:italic;
}
.pricing li.title-row h4{
	margin-bottom:0;
	color:#FFF;
}
.pricing li.pricing-row, .pricing ul li.button-row{
	margin:0;
	border-top:none;
}
.pricing li.pricing-row span.price{
	font-size:30px;
	line-height:40px;
}
.pricing li.pricing-row span{
	color:#3c4852;
}
.pricing li.button-row{
	height:auto;
	padding:25px 0;
	background:#3c4852;
}

.pricing li.button-row a{
	color:#FFF;
	padding:10px 20px;
	font-weight:bold;
	-webkit-transition:background-color 0.4s ease-in;  
	-moz-transition:background-color 0.4s ease-in;  
	-o-transition:background-color 0.4s ease-in;  
	transition:background-color 0.4s ease-in;
}


/*------------------------------------------------------------------*/ 
/*	26) CLIENTS
/*------------------------------------------------------------------*/
.clients{
	width:100%;
	list-style-type:none;
	margin:0;
	padding:0;
	
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	-ms-box-sizing: border-box;     /* IE 10 + */
	box-sizing: border-box;         /* Opera/IE 8+ */
}
.clients li{
    box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.03);
    float: left;
    margin: -1px 0 0 -1px;
	width:187px;
	height:88px;
	padding:0;
	text-align:center;
	border:1px solid #ddd;
	/*background:#fafafa;
	-moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.1) inset;
	-webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.1) inset;
	box-shadow:0 0 20px rgba(0, 0, 0, 0.1) inset;*/
}
.clients li img{
	max-width:100%;
}

/*------------------------------------------------------------------*/ 
/*	27) FOOTER
/*------------------------------------------------------------------*/
.footer{
	border-bottom:1px solid;
	border-top:4px solid rgba(255, 255, 255, 0.2);
	padding:50px 0 10px 0;
	color:#eee;
}
#footer .fullblock{
	border-bottom:none;
}
.footer a, .footer p, .footer span{
	color:#eee;
}
.footer a:hover{
	color:#FFF;
}
.footer ul.social-list{
	margin:20px 0 0 0;
}
.footer h5{
	text-transform:uppercase;
}
.widget-block-footer{
	margin-bottom:40px;
	float:left;
	width:100%;
}
.widget-block-footer .tagcloud a{
	text-shadow:none;
}
.widget-block-footer ul{
	list-style-type:none;
	margin:0;
}

h1.widget-title{
	font-size:16px;
	text-transform:uppercase;
	margin-bottom:20px;
	line-height:1;
}
.copyright{
	padding:20px 0 5px 0;
	border-top:1px solid;
	
}
.copyright p, .copyright a{
	color:#ccc;
	font-size:11px;
}
.copyright a:hover{
	color:#FFF;
}

ul.foot-menu{
	list-style-type:none;
	margin:0;
	padding:0;
	text-align:right;
}
ul.foot-menu li{
	display:inline-block;
	border-left:1px solid rgba(255, 255, 255, 0.1);
}
ul.foot-menu li a{
	padding:0 5px 0 5px;
	margin:0 0 0 5px;
}





ul.social-list{
	list-style-type:none;
	margin:0;
	padding:0;
}
ul.social-list li{
	float:left;
	margin-right:7px;
	margin-bottom:7px;
}
ul.social-list li a{
	margin:0 15px 10px 0;
	display:block;
	-webkit-border-radius: 2px;
	   -moz-border-radius: 2px;
		    border-radius: 2px;
}
ul.social-list li a i{
	line-height:0;
	margin:0;
	padding:0;
	font-size:20px;
}
.social-icons ul.social-list li a{
	color:#3C4852;
}

ul.social-list.social-list-dark li a{
	color:#3C4852;
}
ul.social-list.social-list-light li a{
	color:#eee;
}
/*ul.social-list li.facebook a:hover{color:#316db7;}
ul.social-list li.twitter a:hover{color:#17a8dd;}
ul.social-list li.dribbble a:hover{color:#ea4c89;}
ul.social-list li.rss a:hover{color:#f8bc2e;}
ul.social-list li.linkedin a:hover{color:#65b7d2;}
ul.social-list li.skype a:hover{color:#00c6ff;}
ul.social-list li.youtube a:hover{color:#e70031;}
ul.social-list li.vimeo a:hover{color:#7edde8;}
ul.social-list li.flickr a:hover{color:#ff0084;}
ul.social-list li.github a:hover{color:#b2b2b2;}
ul.social-list li.gplus a:hover{color:#1872bf;}
ul.social-list li.pinterest a:hover{color:#cb2027;}
ul.social-list li.tumblr a:hover{color:#385a75;}
ul.social-list li.lastfm a:hover{color:#f40909;}
ul.social-list li.instagram a:hover{color:#333;}*/


.from-blog{
	margin:0 0 20px 0;
	width:100%;
	clear:both;
	float:left;
}
.from-blog img{
	float:left;
	margin:0 20px 10px 0;
	border:5px solid #465460;
}
.from-blog:hover img{
	border-color:#536676;
}
.from-blog p{
	margin-bottom:5px;
}
.from-blog span{
	font-size:11px;
	color:#CCC;
}

/* :: TWITTER ::*/
.tweet_list{
	list-style-type:none;
	margin:0;
	padding:0;
}
.tweet_list li{
	margin-bottom:20px;
}
.tweet_list li i{
	color:#FFF;
	margin-right:5px;
}
span.tweet_time{
	margin-right:5px;
}
.widget-block .tweet_list li{
	margin-bottom:20px;
}
.widget-block .tweet_list li i{
	color:#888;
}
.widget-block .tweet_list li span.tweet_text{
	color:#888;
}
.widget-block .tweet_list li span.tweet_time a:hover{
	color:#3c4852;
}

/*  :: FLICKR ::  */
.flickrfeed{
	width:100%;
	float:left;
	margin:0;
	display:block;
}
ul li.hide{
	display:none;
}
.thumbs { 
	margin: 0; 
	padding: 0; 
	overflow: hidden; 
}
.thumbs li { 
	list-style: none; 
	float: left; 
	margin: 0 2px 2px 0;
	padding:1px;
	background: #666; 
	-webkit-transition: background-color .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out;
	   -moz-transition: background-color .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out;
	    -ms-transition: background-color .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out;
	     -o-transition: background-color .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out;
	        transition: background-color .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out;
}
.thumbs li:hover { background:#333;}
.thumbs li img, .thumbs li a {
	display:block; 
	width:86px; 
	height:86px;
}

.contact-widget{
	background:url(framework/img/earth2.png) no-repeat center;
	background-position: 60px ;
}
.contact-widget p{
	margin-bottom:0;
}
.contact-widget i{
	float:left; 
	margin-right:20px;
	margin-bottom:10px;
	padding:10px 11px 10px 9px;
	color:#FFF;
	position:relative;
	-webkit-border-radius: 2px;
	   -moz-border-radius: 2px;
		    border-radius: 2px;
	
}
.contact-widget i:after{
	top: 50%;
	right:-12px;
	border: solid transparent;
	content: "";
	height: 0;
	width: 0;
	position: absolute;
	border-width: 6px;
	margin: -6px 0 0 0;
	z-index:999999;

}
.contact-widget .clearfix{
	margin-bottom:10px;
}


/*------------------------------------------------------------------*/ 
/*	28) FEATURE LIST
/*------------------------------------------------------------------*/
.feature-box{
	width:100%;
	margin-bottom:20px;
	padding-left:60px;
	
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	-ms-box-sizing: border-box;     /* IE 10 + */
	box-sizing: border-box;         /* Opera/IE 8+ */
}
.feature-box .icon-wrap{
	margin-left:-60px;
}
.feature-box h5{
	margin-bottom:5px;
}

/*------------------------------------------------------------------*/ 
/*	29) Search and Secondary Pages
/*------------------------------------------------------------------*/
ul.search-results{
	list-style-type:none;
	margin:20px 0 60px 0;
	padding:0;
}
ul.search-results li{
	margin-bottom:30px;
	margin-left:70px;
	position:relative;
}
ul.search-results li a.search-circle{
	width:50px;
	height:34px;
	display:block;
	float:left;
	background:#fafafa;
	text-align:center;
	font-size:16px;
	color:#888;
	padding-top:16px;
	border:1px solid #eee;
	border-radius:50px;
	-moz-border-radius:50px;
	-webkit-border-radius:50px;
	position:absolute;
	margin-left:-70px;
}
ul.search-results li h5{
	margin-bottom:5px;
}
ul.search-results li h5 a{
	color:#3C4852;
}
ul.search-results .portfolio{
	float:none;
}
.search-results h4{
	margin-top:30px;
	margin-bottom:0;
}
.new_search{
	margin:10px 0 50px 0;
	padding:0 0 50px 0;
	float:left;
	clear:both;
	width:100%;
	border-bottom:1px solid #eee;
}
.search-results .new_search h4{
	margin-top:0px;
	margin-bottom:10px;
}


.errorpage{
	text-align:center;
	margin-bottom:70px;
}
.errorpage h1{
	font-size:100px;
}

/*------------------------------------------------------------------*/ 
/*	30) PRODUCTS
/*------------------------------------------------------------------*/
.product_carousel_inner{
	padding:0;
	min-height:438px;
}
.product_carousel_inner .item{
	padding-bottom:3px;
}
.title_holder_2.prod span{
	width:50%;
	float:left;
}
.title_holder_2.prod span{
	padding:15px 0;
	
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	-ms-box-sizing: border-box;     /* IE 10 + */
	box-sizing: border-box;         /* Opera/IE 8+ */
}
.title_holder_2.prod span a{
	padding:0;
	width:100%;
}
.title_holder_2 span.prod_detail a{
	border-left:1px solid #ddd;
}
.desc .prod_cats a{
	color:#888;
}

.desc .prod_cats a:hover{
	text-decoration:underline;
}
.title_holder_2.prod .fix-bg{
	background:none;
}
.product_carousel_inner .desc{
	padding:15px 15px 20px 15px;
}
.product_carousel_inner .desc h5{
	margin-bottom:5px;
}
.product_carousel_inner .maskImage{
	box-shadow:none;
	-moz-box-shadow:none;
	-webkit-box-shadow:none;
	background:rgba(255,255,255,0.5);
}
.prod_addtoc .added_to_cart{
	display:none;
}


/* Big Carousel */
.product_carousel_big{
	position:relative;
}
.product_carousel_big_inner .mp_product{
	float:left;
	position:relative;
	border-right:1px solid #ddd;
}
.prod_car_title{
	position: absolute;
	top: 0;
	left: 0;
	padding: 20px;
	background: #fff;
	color: #333;
	text-align:center;
	
	height: auto;
	width: 100%;
	top: auto;
	bottom: 0;
	opacity: 0;
	border-top:1px solid #ddd;

	
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	-ms-box-sizing: border-box;     /* IE 10 + */
	box-sizing: border-box;         /* Opera/IE 8+ */
	
	
	-webkit-transform: translateY(100%);
	-moz-transform: translateY(100%);
	-ms-transform: translateY(100%);
	transform: translateY(100%);
	-webkit-transition: -webkit-transform 0.4s, opacity 0.1s 0.3s;
	-moz-transition: -moz-transform 0.4s, opacity 0.1s 0.3s;
	transition: transform 0.4s, opacity 0.1s 0.3s;
}
.mp_product.cs-hover .prod_car_title, .mp_product:hover .prod_car_title{
	opacity: 1;
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	-ms-transform: translateY(0px);
	transform: translateY(0px);
	-webkit-transition: -webkit-transform 0.4s, opacity 0.1s;
	-moz-transition: -moz-transform 0.4s, opacity 0.1s;
	transition: transform 0.4s, opacity 0.1s;
}

.mp_product .image-wrap img {
	-webkit-transition: -webkit-transform 0.4s;
	-moz-transition: -moz-transform 0.4s;
	transition: transform 0.4s;
}

.mp_product:hover .image-wrap img,
.mp_product.cs-hover image-wrap img {
	-webkit-transform: translateY(-30px);
	-moz-transform: translateY(-30px);
	-ms-transform: translateY(-30px);
	transform: translateY(-30px);
}


.prod_car_title h5{
	margin-bottom:5px;
}
.prod_car_title h5 a{
	color:#3C4852;
}
.prod_car_title span.prod_addtoc a{
	margin-top:10px;
	display:inline-block;
	border:1px solid;
	padding:8px 20px;
	
	border-radius:3px;
}
.prod_car_title span.prod_addtoc a:hover{
	color:#fff;
}



.product_carousel_big a.car-prev, .product_carousel_big a.car-next{
	position:absolute;
	z-index:10;
	top:50%;
	margin:-30px 0 0 0;
}
.product_carousel_big a.car-prev{
	left:0;
}
.product_carousel_big a.car-next{
	right:0;
}

.product_carousel_big a{
	width:auto;
	height:auto;
	text-align:center;
}
.product_carousel_big a i{
	width:60px;
	height:60px;
	line-height:60px;
	font-size:24px;
	background:rgba(255,255,255,0.7);
	color:#CCC;
	box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
}
.product_carousel_big a:hover i{
	background:rgba(255,255,255,0.7);
	color:#666;
}

.product_carousel_big_inner .mp_product .image-wrap a{display:block; float:left; width:100%; height:100%;}
.product_carousel_big_inner .mp_product .image-wrap a img{display:block; float:left;}

.product_carousel_big_inner.small .mp_product{display:block; height:auto !important;}
.product_carousel_big_inner.medium .mp_product{display:block; height:auto !important;}
.product_carousel_big_inner.large .mp_product{display:block; height:auto !important;}
.product_carousel_inner .item{min-height:435px;}





/*------------------------------------------------------------------*/ 
/*	30) SMALL DEVICES
/*------------------------------------------------------------------*/
@media (max-width: 979px) {
#nav .sf-menu{
	display:none;
}
#nav{
	width:100px;
}
.cart-wrap{
	display:none;
}
.nav-toggle{
	display:block;
}
.mobile-menu-inner{
	display:block;
}
.service-blocks-wrap-2 li{
	margin:20px 8px 40px 8px;
}
.relPostVer2{
	width:100%;
}
.relPostVer2:nth-last-child(3) div:before, .relPostVer2:nth-last-child(2) div:before{
	border-bottom:1px dashed #ddd;
}
.relPostVer2:nth-last-child(1) div:before{
	border-bottom:none;
}

.relPostVer2 div:after{
	border-right:none;
}
.timeline-with{
	width:400px;
}
.timeline-head{
	display:none;
}
.timeline:before{
    left: 0;
}
.timeline>li{
	width:100%;
	padding-right:0;
}
.timeline>li:nth-child(2n-1){
	float:right;
	padding-left:30px;
	clear:right;
	padding-right:0;
}
.timeline>li:nth-child(2n){
	float:right;
	padding-left:30px;
	clear:right;
}
.timeline>li:nth-child(2n) .timeline-dot{
    left: -38px;
}
.timeline>li:nth-child(2n-1) .timeline-dot {
    left: -38px;
}
.timeline>li:nth-child(2n-1) .timeline-date{
	float:left;
	clear:both;
	text-align:left;
	margin-bottom:20px;
}
.timeline>li:nth-child(2n) .timeline-date{
	float:left;
	clear:both;
	text-align:left;
	margin-bottom:20px;
}
.timeline>li:nth-child(2n-1) .timeline-date span:after{
	left: 10%;
}
.timeline>li:nth-child(2n) .timeline-date span:after{
	right: auto;
	left: 10%;
}
.timeline-nav .timeline-dot{
	display:none;
}
.timeline-nav ul li{
	 padding:0 2px;
}


.blog_blocks_wrap .image-wrap {background-color:#fafafa;}
.blog_blocks_wrap .image-wrap > a{background-color:#eee;}
.blog_blocks_wrap .image-wrap > a i{color:#ddd;}
.desc{border:1px solid #e5e5e5; background:#fafafa;}
.title_holder_2{background:#fafafa; border:1px solid #ddd;}
.title_holder_2 .fix-bg{background:#f1f1f1;}
.post-comm, .post-date, .post-type-icon{border-right:1px solid #e5e5e5;}





}


/* Large desktop */
@media (min-width: 1200px) {

#nav{
	width:900px;
}
.clients li{
	width:233px;
	height:110px;
}
}

@media (max-width: 1250px) {

#header, #content, #footer, #upper-section, .body-wrapper{
	border:none;
	width:100%;
}
.topbar, .nav-wrap{
	width:100%;
}

}


@media (min-width: 1170px) and (max-width: 1600px) {

}

/* Desktop */
@media (min-width: 980px) and (max-width: 1200px) {

.logo{
	width:200px;
}
.service-blocks-wrap-2 li{
	margin:20px 8px 40px 8px;
}
.og-grid li {
	width:25%;
}
.grid-wrap-4columns .grid-post{
	width:220px;
	margin:0 0 30px 20px;
}
.portfolio-list li{
	margin-left:20px;
}
.img-height{
	height:329px;
}
.img-height img{
	max-height:329px;
	width:auto;
}
.span9 .img-height, .span9 .img-height img{
	height:232px;
}
.relPostVer2{
	width:50%;
}
.relPostVer2:nth-last-child(3) div:before{
	border-bottom:1px dashed #ddd;
}
.relPostVer2:nth-last-child(1) div:before, .relPostVer2:nth-last-child(2) div:before{
	border-bottom:none;
}
.relPostVer2:nth-child(3n) div:after{
	border-right:1px dashed #ddd;
}
.relPostVer2:nth-child(2n) div:after{
	border-right:none;
}
.portfolio-2columns .portfolio-list li{
	width:460px;
}
.portfolio-3columns .portfolio-list li{
	width:300px;
}
.portfolio-4columns .portfolio-list li{
	width:220px;
}
} 

/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {

.og-grid li {
	width:33.333%;
}
.social-icons{
	clear:both;
	width:100%;
	text-align:center;
	padding-top:0;
}
.social-icons .social-list{
	float:none;
	width:autos;
}
.grid-wrap-4columns .grid-post{
	width:220px;
	margin:0 0 30px 20px;
}
.portfolio-3columns .portfolio-list li{
	margin-left:20px;
	width:352px;
}
.portfolio-4columns .portfolio-list li{
	margin-left:20px;
}
.img-height{
	height:243px;
}
.img-height img{
	max-height:243px;
	width:auto;
}
.span9 .img-height, .span9 .img-height img{
	height:167px;
}
.portfolio-2columns .portfolio-list li{
	width:352px;
	margin-left:20px;
}
.portfolio-4columns .portfolio-list li{
	width:228px;
}

ul.ads125 li{
	width:100%;
}
.flickr_badge_image{
	width:50%;
}
#style_selector{display:none;}
}
 
/* Landscape phone to portrait tablet */
@media (max-width: 767px) {

.container{
	padding:0;
	width:480px;
	
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	-ms-box-sizing: border-box;     /* IE 10 + */
	box-sizing: border-box;         /* Opera/IE 8+ */
}

.span2, .span3, .span4, .span5, .span6, .span7, .span8, .span9, .span10, .span11, .span12{
	float:left;
	margin-bottom:30px;
}
.home-service > div{
	margin-bottom:30px;
}
.clients li{
	width:233px;
	height:110px;
}
.tp-caption p{
	font-size:10px;
}
.og-grid li {
	width:50%;
}
.breadcrumbs p{
	text-align:left;
}
.breadcrumbs .span6{
	margin-bottom:0;
}

.social-icons{
	clear:both;
	width:100%;
	text-align:center;
	padding-top:0;
}
.social-icons .social-list{
	float:none;
	width:autos;
}
#upper-section .row > div{
	margin-bottom:0;
}
.mini-nav{
	float:left;
}
.masonry-wrap-4columns, .masonry-wrap-3columns, .masonry-wrap-2columns{
	margin-left:0;
}
.grid-wrap-3columns .grid-post img{
	width:100%;
}
.portfolio-3columns .portfolio-list li{
	margin-left:120px;
}
.portfolio-4columns .portfolio-list li{
	margin-left:0;
	width:99%;
}
.portfolio-2columns .portfolio-list li{
	margin-left:0;
}
ul.children{
	padding:0;
}
ul.children li{
	padding:0;
}
.img-height{
	height:192px;
}
.img-height img{
	max-height:192px;
	width:auto;
}
.span9 .img-height, .span9 .img-height img{
	height:192px;
}

.post-meta-unique .post-type-icon, .post-meta-unique .date, .post-meta-unique .like-box{
	width:40px;
	display:inline-table;
	margin:0;
	height:40px;
	padding:0 10px 0 0;
	border-bottom:0;
	float:none;
	vertical-align:middle;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	-ms-box-sizing: border-box;     /* IE 10 + */
	box-sizing: border-box;         /* Opera/IE 8+ */
}
.post-meta-unique .post-type-icon i{
	margin-top:-5px !important;
}
.post-meta-unique .post-type-icon, .post-meta-unique .date{
	border-right:1px solid #eee;
}
.post-meta-unique .like-box{
	line-height:40px;
}
.post-meta-unique .date{
	padding:4px 5px 0 2px;
}
.post-meta-unique, .float-right .post-meta-unique{
	margin:0 0 20px 0;
	width:100%;
	clear:both;
	float:left;
	right:0;
	border:0;
	border-bottom:1px solid #eee;
	border-top:1px solid #eee;
	text-align:center;
}



.masonry{
	float: none !important;
    left: auto !important;
    position: relative !important;
    top: auto !important;
    transform: none !important;
    width: 99% !important;
}
.masonry img, .grid-post img{
	min-width:100%;
}
.grid-wrap-4columns .grid-post{
	margin:0 0 30px 0;
	width:100%;
}
.portfolio-3columns .portfolio-list li{
	margin-left:70px;
}
.portfolio-4columns .portfolio-list li{
	margin-left:0;
}
.portfolio-2columns .portfolio-list li{
	float: left !important;
    left: auto !important;
    position: relative !important;
    top: auto !important;
    transform: none !important;
    width: 99% !important;
}

#toTop{
	display:none;
}

/* Table Shortcode */
.table-1 table { width: 100%; border-collapse: collapse; border-spacing: 0; }
.table-1 th,
.table-1 td { margin: 0; vertical-align: top; }
.table-1 th { text-align: left; }
.table-1 table { display: block; position: relative; width: 100%; }
.table-1 thead { display: block; float: left; }
.table-1 tbody { display: block; width: auto; position: relative; overflow-x: auto; white-space: nowrap; }
.table-1 thead tr { display: block; }
.table-1 th { display: block; text-align: right; }
.table-1 tbody tr { display: inline-block; vertical-align: top; }
.table-1 td { display: block; text-align: left; }
.table-1 table th{padding:10px 20px;border:0;border-bottom:1px solid #eee;}
.table-1 tr td{border:0;border-bottom:1px solid #eee;}
.table-1 tr td:last-child{border-bottom:0;}


}
 
/* Landscape phones and down */
@media (max-width: 480px) {
.container{
	width:300px;
	padding:0;
}
.logo{
	width:100%;
	text-align:center;
}
#nav{
	width:100%;
}
.nav-toggle{
	float:left;
}
.service-blocks-wrap-2 li{
	width:260px;
	margin:10px 0 40px 0;
}
.clients li{
	width:233px;
	margin-left:33px;
	height:110px;
}
.tp-caption p{
	font-size:8px;
}
.portfolio-3columns .portfolio-list li{
	margin-left:0;
	width:300px;
}
.timeline-with{
	width:300px;
}
.timeline>li{
	width:270px;
	float:left;
}
.timeline>li:nth-child(2n-1), .timeline>li:nth-child(2n){
	float:left;
}
.timeline-post{
	width:238px;
}
ul.children{
	padding:0;
}
ul.children li{
	padding:0;
}
.img-height{
	height:120px;
}
.img-height img{
	max-height:120px;
	width:auto;
}
.span9 .img-height, .span9 .img-height img{
	height:120px;
}
.post-type-medium{
	margin:0 30px 20px 30px;
}
.percentage-2.easyPieChart span{
	font-size:40px !important;
}
}


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

	.og-expander h1 { font-size: 32px; }
	.og-expander p { font-size: 13px; }
	.og-expander a { font-size: 12px; }

}

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

	.og-fullimg { display: none; }
	#style_selector{display:none;}
	.og-details { float: none; width: 100%; border:none; box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none;}
	
}



/*------------------------------------------------------------------*/ 
/*	30) Audio/Video jPlayer Skin
/*------------------------------------------------------------------*/
.jp-jplayer { 
	height: 0px;
    background-color: transparent;
    width: 100%!important; 
}

.jp-video-container,
.jp-audio-container {
    border: 1px solid #000;
    box-shadow: 0 1px 3px rgba(0,0,0,0.5);
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
    -o-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
    position: relative;
    width: 100%;
}

.jp-jplayer-video img {
	margin-bottom: 0px!important;
	width: 100%!important;
	height: auto!important;
	display: block;	
}

.jp-jplayer-video {
	overflow: hidden;
}

.jp-jplayer-video video {
	display: block;	
	width: 100.2%!important; 
}

.jp-video-container { margin-bottom: 15px; }

.jp-audio-container { width: 100%; }

.jp-interface {
	position: relative;
	width: 100%;
	height: 30px;
	background: transparent url(framework/img/icons/jplayer.png) repeat-x right top;
	z-index: 100;
}

.jp-controls {
	list-style-type: none;
	padding: 0;
	margin: 0!important;
}

.jp-controls li { display: inline; }

.jp-controls a {
    border-bottom: none;
	position: absolute;
	overflow: hidden;
	text-indent: -9999px;
}

.jp-controls a:hover { background-color: transparent; }

a.jp-play,
a.jp-pause {
	width: 27px;
	height: 27px;
	z-index: 1;
	outline: none;
	top: 0;
	left: 0;
}

a.jp-play { background: url(framework/img/icons/jplayer.png) -16px -68px no-repeat; }

a.jp-play:hover { background-position: -16px -100px; }

a.jp-pause { 
    background: url(framework/img/icons/jplayer.png) -52px -68px no-repeat; 
    display: none;
}

a.jp-pause:hover { background-position: -52px -100px; }

.jp-progress {
	
    margin: 10px 0;
    padding: 0 100px 0 37px;
	position: absolute;
	height: 10px;
    width: 100%;
	
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	-ms-box-sizing: border-box;     /* IE 10 + */
	box-sizing: border-box;         /* Opera/IE 8+ */
}

.jp-seek-bar {
    background: url(framework/img/icons/jplayer.png) 0 -49px repeat-x;
    width: 0px;
	height: 9px;
	cursor: pointer;
	position: relative;
	border-radius: 1px;
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	-o-border-radius: 1px;
}

.jp-play-bar {
	width: 0px;
	height: 7px;
	top: 1px;
	position: relative;
	border-radius: 1px;
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	-o-border-radius: 1px;
}

.jp-volume-bar-container {
	position: absolute;
	top: 0;
	right: 10px;
	width: 45px;
	height: 10px;
	margin: 10px 0;
}

.jp-volume-bar {
	position: relative;
	overflow: hidden;
	background: url(framework/img/icons/jplayer.png) 0 -49px repeat-x;
	width: 100%;
	height: 9px;
	cursor: pointer;
	top: 0;
}

.jp-volume-bar-value {
	width: 0px;
	height: 7px;
	margin: 1px;
	border-radius: 1px;
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	-o-border-radius: 1px;
}

a.jp-mute,
a.jp-unmute {
	width: 30px;
	height: 30px;
	z-index: 1;
	outline: none;
	top: 0;
	right: 62px;
}

a.jp-mute { background: transparent url(framework/img/icons/jplayer.png) -95px -69px no-repeat; }
a.jp-mute:hover { background-position: -95px -101px; }

a.jp-unmute { background: url(framework/img/icons/jplayer.png) -138px -69px no-repeat; }
a.jp-unmute:hover { background-position: -138px -101px; }

/*:::: QUOTE FORMAT ::::*/
.quote-post{
	width:100%;
	padding:20px;
	color:#FFF;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
	overflow:hidden;
	
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	-ms-box-sizing: border-box;     /* IE 10 + */
	box-sizing: border-box;         /* Opera/IE 8+ */
}
.quote-post a, .quote-post blockquote, .quote-post cite{
	color:#FFF;
}

/*:::: QUOTE FORMAT ::::*/
.link-post{
	width:100%;
	padding:20px;
	color:#FFF;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
	overflow:hidden;
	
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	-ms-box-sizing: border-box;     /* IE 10 + */
	box-sizing: border-box;         /* Opera/IE 8+ */
}
.link-post a{
	font-size:17px;
	margin-bottom:20px;
	display:block;
}
.link-post a, .link-post blockquote, .link-post span{
	color:#FFF;
}


/* Some fixes for columns */
@media (min-width: 1200px) {
	.span3 .span12, .span3 .span9, .span3 .span8, .span3 .span6, .span3 .span4{width:270px;}
	.span9 .span12{width:870px;}
	.span9 .span8{width:570px;}
	.span9 .span6{width:420px;}
	.span9 .span4{width:270px;}
	.span9 .span3{width:270px;}
}
@media (min-width: 980px) and (max-width: 1199px) {
	.span3 .span12, .span3 .span9, .span3 .span8, .span3 .span6, .span3 .span4{width:220px;}
	.span9 .span12{width:700px;}
	.span9 .span8{width:460px;}
	.span9 .span6{width:340px;}
	.span9 .span4{width:220px;}
	.span9 .span3{width:220px;}
}
@media (min-width: 768px) and (max-width: 979px) {
	.span3 .span12, .span3 .span9, .span3 .span8, .span3 .span6, .span3 .span4{width:166px;}
	.span9 .span12{width:538px;}
	.span9 .span8{width:352px;}
	.span9 .span6{width:259px;}
	.span9 .span4{width:166px;}
	.span9 .span3{width:166px;}
}