/* 	Theme Name: Coco	Theme URI: http://www.spab-rice.com 	Description: Coco is a clean & unique Portfolio Theme for creatives. 	Version: 1.2	Author: Spab Rice 	Author URI: http://www.spab-rice.com 	License: GNU General Public License version 3.0	License URI: http://www.gnu.org/licenses/gpl-3.0.html	Tags: light, white, gray, one-column, two-columns, three-columns	*//*-----------------------------------------------------------------------------------	0.	Reset & Clearfix	1.	Basics (body, headers, links, etc)	2.	Commen Classes & Id's	3.	Top	4.	Header	5. 	Footer	6. 	Main	7. 	Navigation & Menus	8.	Slider	9. 	Page	10. Entrys (Blog & Portfolio)	11. Single View	12. Password protection	13. Masonry	14.	Comments	15. Leave Comments	16.	Metas (Entrys)	17.	Filter	18.	Pagination	19.	Load More	20.	Share	21. Columns Grid	22.	Widgets	23. Shortcodes	24. Overlay	25. Loader	26. Not Found (404)	27. Retina	-----------------------------------------------------------------------------------*//*---------------------------------------------- 0. Reset------------------------------------------------*/html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {	margin: 0;	padding: 0;	border: 0;	outline: 0;	font-size: 100%; }	ol, ul  { list-style: none; }:focus  { outline: 0; }/* deleting the default appearence for form elements */input[type="text"], textarea { -moz-appearance: none; -webkit-appearance: none; }.clearfix:after { content: ""; display: block; clear: both; visibility: hidden; font-size: 0;  height: 0; }.clearfix { *display: inline-block; height: 1%; }.clear { clear: both; display: block; font-size: 0;	height: 0; line-height: 0; width:100%; }/* HTML5 display definitions */article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, dialog { display: block; }audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }audio:not([controls]) { display: none; }[hidden] { display: none; visibility: hidden; }/*---------------------------------------------- 1. Basics------------------------------------------------*/html {	height: 100%;	font-size: 100%;	overflow-y: scroll; /* Force a scrollbar in non-IE */	-webkit-text-size-adjust: 100%; /* Prevent iOS text size adjust on orientation change without disabling user zoom */	-ms-text-size-adjust: 100%;	position: relative;	}body {	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size:13px; color:#4c4c4c; text-align: left; line-height:21px;	position: relative;	background: #f2f2f2 url(files/images/background_jeans.png) left top fixed;	height: 100%;	}::selection { background:#f9bb00; color:#fff; }::-moz-selection { background:#f9bb00; color:#fff; }::-webkit-selection { background:#f9bb00; color:#fff; }/* Headings---------------------------------------- */h1, h2, h3, h4, h5, h6 {	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;	color: #333333;	font-weight: normal;	}	h1 i, h2 i, h3 i, h4 i, h5 i, h6 i,h1 i a, h2 i a, h3 i a, h4 i a, h5 i a, h6 i a {	font-style: italic;	}	h1 strong, h2 strong, h3 strong, h4 strong, h5 strong, h6 strong, h1 b, h2 b, h3 b, h4 b, h5 b, h6 b, h1 strong a, h2 strong a, h3 strong a, h4 strong a, h5 strong a, h6 strong a, h1 b a, h2 b a, h3 b a, h4 b a, h5 b a, h6 b a {	font-weight: bold;	}h1 { font-size: 42px; line-height: 50px; }h2 { font-size: 30px; line-height: 37px; }h3 { font-size: 22px; line-height: 28px; }h4 { font-size: 20px; line-height: 24px; }h5 { font-size: 18px; line-height: 22px; }h6 { font-size: 15px; line-height: 18px; }div h1, div h2, div h3, div h4, div h5, div h6 {	margin-top: 40px;	}#headline h1, #headline h2, #headline h3, #headline h4, #headline h5, #headline h6 {	margin-top: 10px;	}	div h1:first-child, div h2:first-child, div h3:first-child, div h4:first-child, div h5:first-child, div h6:first-child {	margin-top: 0px;	}  div h2:first-child{ font-size: 32px;}	#headline h3 {	color: #999999;	}	.widgettitle {	margin-bottom: 20px;		}	/* Forms---------------------------------------- */input[type=text], input[type=password], textarea {	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;	font-size: 13px;	background: #ffffff;	border: 1px solid #d9d9d9;	line-height: 16px;	height: 16px;	color: #999999;	padding: 8px 5px 8px 5px;	border-radius: 3px;	-moz-border-radius:3px; 	-khtml-border-radius:3px; 	-webkit-border-radius:3px;	}	input[type=text]:hover, input[type=password]:hover, textarea:hover, input[type=text]:focus, input[type=password]:focus, textarea:focus { 	border: 1px solid #b3b3b3;}input[type=text], input[type=password] { width: 240px; max-width: 90%; }		/* padding issue (240 + 2*5 = 250) */textarea { width: 390px; height: 100px; max-width: 90%; padding: 11px 5px 8px 5px; line-height: 22px; }		/* padding issue (395 + 2*5 = 405) */input[type=submit] {	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;	font-weight: bold;	background: #f9bb00;	display: block;	line-height: 20px;	padding: 9px 20px;	font-weight: bold;	color: #ffffff;	text-align: center;	cursor: pointer;	font-size: 14px;	border: none;	border-radius: 3px;	-moz-border-radius:3px; 	-khtml-border-radius:3px; 	-webkit-border-radius:3px; 	}	input[type=submit]:hover { 	background: #333333;	color: #ffffff; 	}	select {	border: 1px solid #f3f3f3;	height: 30px;	width: auto;	padding:8px;	color: #999999;	border-radius: 3px;	-moz-border-radius:3px; 	-khtml-border-radius:3px; 	-webkit-border-radius:3px;	}select:hover {	border: 1px solid #999999;	}	select option {	cursor: pointer;	padding: 5px 7px;	}	label {	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;	font-weight: bold;	line-height: 30px;	width: 100%;	display:block;	}	form {	margin-top: 30px;	}	form .form-row {	margin-top: 10px;	position: relative;	}	form .form-submit {	margin-top: 30px;	}	form .form-value {	max-width: 100%;	position: relative;	display: inline-block;	}	div form:first-child, form .form-row:first-child 	 {	margin-top: 0px;	}	/* Chech formular */form .checkfalse {	width: 30px;	height: 30px;	position: absolute;	top: 1px;	right: -25px;	}form .checkfalse .falseicon {	width: 30px;	height: 30px;	background: url(files/images/sprites.png) no-repeat -333px 0px;	display: block;	margin-left: 1px;	margin-top: 1px;	}	form .textbox .checkfalse { top: 2px; right: -12px; }#form-note {	display: none;	overflow: hidden;	}	#form-note .confirm_message {	color: #1eb56c !important;	line-height: 30px;	height: 30px;	}	#form-note .error_message {	color: #df3b3b !important;	line-height: 30px;	height: 30px;	}	#form-note .error_icon {	width: 30px;	height: 30px;	background: url(files/images/sprites.png) no-repeat -333px 0px;	display: block;	float: left; 	margin-right: 20px; 	text-indent: -9999px;	}	#form-note .confirm_icon {	width: 30px;	height: 30px;	background: url(files/images/sprites.png) no-repeat -368px 0px;	display: block;	float: left; 	margin-right: 20px;	text-indent: -9999px;	}		/* Links---------------------------------------- */a {	text-decoration: none;	color: #f9bb00;	cursor: pointer;	}a:hover {	color: #333333;	}	a.more-link {	background: #f9bb00;	font-size: 14px;	display: inline-block;	line-height: 20px;	padding: 9px 20px;	font-weight: bold;	color: #ffffff;	text-align: center;	border-radius: 3px;	-moz-border-radius:3px; 	-khtml-border-radius:3px; 	-webkit-border-radius:3px; 	}a.more-link:hover {	background: #333333;	color: #ffffff;	}	h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {	color: #333333;	}	h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {	color: #f9bb00;	}		/* Embedded content---------------------------------------- */img, object, video {	max-width: 100%; 	height: auto;	display:block;	}	img {	width: auto;	max-width: 100%; 	border: 0;	-ms-interpolation-mode: bicubic;	}p img { margin-top: 20px; }p img:first-child { margin-top: 0px; }img.alignleft { margin: 3px 30px 30px 0; float: left; }img.alignright { margin: 3px 0px 30px 30px; float: right; }img.aligncenter { margin-bottom: 30px; }.embeddedvideo {	position: relative;	padding-bottom: 55%;	padding-top: 15px;	height: 100%;	overflow: hidden;	}	.masonry-item .embeddedvideo {	padding-top: 0px;}	.embeddedvideo iframe {	display: block;	position: absolute;	top: 0;	left: 0;	width: 100%;	height: 100%;}	.fullscreenslider .embeddedvideo {	padding-top: 5px;	height: 100%;}/* Lists---------------------------------------- */.page-content ul, .entry-text ul {	margin-top: 20px;	padding-left: 15px;	}.page-content li, .entry-text li {	padding-left: 20px;	background: transparent url(files/images/list-style.png) 0 9px no-repeat;	line-height: 20px;	margin-top: 5px;	}	.page-content ul li:first-child, .entry-text ul li:first-child {	margin-top: 0px;	}	.page-content ol, .entry-text ol {	margin-top: 20px;	margin-left: 45px;	list-style: decimal;	}	.page-content ol li, .entry-text ol li {	line-height: 20px;	margin-top: 5px;	}	.page-content ol li:first-child, .entry-text ol li:first-child {	margin-top: 0px;	}/* Others---------------------------------------- */strong, b, dt {	font-weight: bold;}i, dfn, em {	font-style: italic;	}	strong i, b i, dt i, strong em, b em, dt em {	font-style: italic;	font-weight: bold;	}	sub, sup {	font-size: 0.625em;	line-height: 0;	position: relative;	vertical-align: baseline;	}sup {	top: -0.5em;	}sub {	bottom: -0.25em;	}/* paragraph rules */p { 	margin-top: 20px; 	}	div p:first-child { 	margin-top: 0px; 	}		article > p:last-child {	padding-bottom: 40px;	}blockquote {	margin-top: 20px;	font-size: 15px; line-height: 24px;	font-family: Georgia, "Times New Roman", Times, serif;	padding-left: 60px;	color: #999999;	background: url(files/images/blockquote.png) no-repeat 0px 3px;	}blockquote p {	margin: 0;	}div blockquote:first-child { 	margin-top: 0px; 	}	address {	padding: 15px;	margin-top: 30px;	font-size: 12px;	background: #f2f2f2;	}	div address:first-child { 	margin-top: 0px; 	}		pre {	padding: 10px;	margin-top: 20px;	font-size: 12px;	background: #f2f2f2;	color: #999999;	}	div pre:first-child { 	margin-top: 0px; 	}	/* WORDPRESS DEFAULT *//*sticky*/.sticky{}/*gallery captio*/.gallery-caption{}/*by post author*/.bypostauthor{}/*aligns*/.aligncenter{	display:block;	margin:0 auto;}.alignright{	float:right;	margin:0 0 10px 20px;}.alignleft{	float:left; 	margin:0 20px 10px 0;}/*floats*/.floatleft{ float:left}.floatright{ float:right}/*text style*/.textcenter{ text-align:center}.textright{ text-align:right}.textleft{ text-align:left}/*captions*/.wp-caption{ max-width: 100% !important; }.wp-caption{	border:1px solid #ddd; 	text-align:center; 	background-color:#f2f2f2; 	padding-top:4px; 	margin:10px; 	border-radius: 3px;	-moz-border-radius:3px; 	-khtml-border-radius:3px; 	-webkit-border-radius:3px; }.wp-caption img{	margin:0; 	padding:0; 	border:0 none;	max-width: 100$;}.wp-caption p.wp-caption-text{	font-size:11px; 	line-height:17px; 	padding:0 4px 5px; 	margin:0;}/*smiley reset*/.wp-smiley{	margin:0 !important;	max-height:1em;}/*blockquote*/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;}/*img attachment*/#img-attch-page{	text-align: center;	overflow: hidden;}#img-attch-page img{	display: inline-block;	margin: 0 auto;	max-width: 100%;	border: 5px solid #d4d4d4; /*for IE*/	width: 100%;	-moz-box-sizing: border-box;	-webkit-box-sizing: border-box;	box-sizing: border-box;	border-color: rgba(0,0,0, 0.08);	-webkit-transition: border 0.3s ease;    -o-transition: border 0.3s ease;    -moz-transition: border 0.3s ease;}#img-attch-page a:hover img{	border-color: #fc7251;}#img-attach-page-content{	text-align: center;	margin-top: 25px;}/*gallery*/.gallery {	width: 100%;	padding-top: 20px !important;}.gallery-item { float: left;  }.gallery-icon { text-align: center; display: inline-block; }.gallery-item .gallery-caption {     margin-bottom: 0 !important;    padding-right: 12%; }.gallery-item img {	margin: 0 !important;	padding:  0 !important;	border: none !important;}.gallery-item a {	float: left;	border: none !important;	margin:  0 !important;	padding: 0 !important;}.gallery-item a:hover img {	opacity: 0.8;	filter: alpha(opacity=80);	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";}.size-full {}.size-large {}.size-medium {}.size-thumbnail {}/*---------------------------------------------- 2. Commen Classes & Id's------------------------------------------------*/#page-content {	overflow:hidden;	}	.wrapper {	margin: 0 40px;	}	.left_float { 	float: left; 	}	.right_float { 	float: right; 	}	.seperator {	height: 1px;	width: 100%;	display: block;	background: #f0f0f0;	margin-top: 40px;	}	/*---------------------------------------------- 3. Top------------------------------------------------*/#top {	position: relative;	z-index: 10;	background: #ffffff;}#top #top-inner {	padding-top: 40px;	padding-bottom: 40px;	display: none;}#top #open-close-top {	width: 40px;	height: 40px;	display: block;	background: url(files/images/sprites.png) no-repeat -283px -100px;	text-indent: -999999px;	position: absolute;	bottom: -40px;	right: 0;	}#top #open-close-top span {	width: 15px;	height: 15px;	display: block;	background: #f9bb00 url(files/images/sprites.png) no-repeat -283px 0px;	text-indent: -9999px;	position: absolute;	top: 4px;	right: 4px;}#top a.active span {	background-color: #f9bb00;	background-position: -283px -50px !important;}#top #open-close-top:hover span {	background-color: #333333 !important;}/*---------------------------------------------- 4. Header------------------------------------------------*/header {	position: relative;	width: 100%;	padding: 40px 0 40px 0;	}	#logo {	display: block;	}	.header-bottom {	margin-top: 30px;	margin-bottom: 40px;	}	#headline {	width: 70%;	}	#header-responsive {	margin-top: 30px;position: absolute;z-index: 9999;top: 0px;left: 20px;	display: inline;	}#header-responsive #main-nav {		display: none;	}/*---------------------------------------------- 5. Footer------------------------------------------------*/footer {	width: 100%;	color: #999999;	font-size: 13px;	}	#footer-inner {	height: 34px; line-height: 34px;	padding: 40px 0px;	position: relative;	}	#totop {	width: 30px;	height: 30px;	display: block;	position: fixed;	bottom: 94px;	right: 40px;	background: #333333;	text-indent: -9999px;    border-radius: 20px;	-moz-border-radius:20px; 	-khtml-border-radius:20px; 	-webkit-border-radius:20px;	opacity: 0.6;	filter: alpha(opacity=60);	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";	display: none;	z-index: 150;	}	#totop:hover { 	opacity: 1;	filter: alpha(opacity=100);	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";}#totop span {	background: url(files/images/sprites.png) no-repeat -237px 0px;	display: block;	margin-top: 7px;	width: 13px;	height: 8px;	position: absolute;	top: 50%;	margin-top: -4px;	left: 50%;	margin-left: -7px;	}/*---------------------------------------------- 6. Main------------------------------------------------*/	#main {	width: 100%;	position: relative;	min-height: 500px;	}	#main-inner {	position: relative;	}	#content {	width: 100%;	}	.page-template-template-portfolio-php #content, .blog #content, .archive #content, .search #content {	position: absolute;	top: 0px;	left: 100%;	width: 100%;	}	.grid {	width: 100%;	}	.single-portfolio .grid, .single-post .grid {	position: absolute;	top: 0px;	left: -100%;	}	.searchfor {	margin-bottom: 90px;	}	.nopost {	text-align: center;	}/*---------------------------------------------- 7. Navigation & Menus------------------------------------------------*/.menu {	position: relative;	}nav#main-nav {	z-index: 500;	display: block;	margin-bottom: 40px;color: #999999 !important;	}	nav#main-nav ul {	position: relative;	z-index: 499;	}	nav#main-nav ul li {	position: relative;	z-index: 495;	float: left;	margin-left: 20px;color: #999999 !important;	}nav#main-nav > ul > li > a  {	display: block;	font-size: 16px;	line-height: 24px;	color: #999999;	text-decoration: none;	text-transform: uppercase;	position: relative;	z-index: 495;	border-bottom: 3px solid rgba(51, 51, 51, 0);	padding-bottom: 6px;	}	nav#main-nav > ul > li:hover {	z-index: 496;	}	nav#main-nav > ul > li:hover > a {	z-index: 498;	color: #333333;	border-bottom: 3px solid #333333;	}	nav#main-nav > ul > li.current-menu-item > a, nav#main-nav > ul > li.current-menu-ancestor > a {	color: #333333;	border-bottom: 3px solid #333333;	}	nav#main-nav ul li .sub-menu {	border-top: 3px solid #333333;	position: absolute;	top: 30px;	right: 70px;	background: #ffffff;	width: 130px;	padding: 10px 50px 10px 20px;	display: none;	z-index: 497;	text-align: right;	box-shadow:  rgba(0,0,0, 0.1) 0px 0px 4px;	-moz-box-shadow:  rgba(0,0,0, 0.1) 0px 0px 4px;	-webkit-box-shadow:  rgba(0,0,0, 0.1) 0px 0px 4px;	} 	nav#main-nav ul .sub-menu li {	float: none;	}	nav#main-nav ul .sub-menu li a {	color: #999999;	line-height: 26px;	font-size: 14px;	font-weight: bold;	}	nav#main-nav ul .sub-menu li a:hover {	color: #f9bb00;	}	nav#main-nav ul .sub-menu li.current-menu-item > a, nav#main-nav ul .sub-menu li.current-menu-ancestor > a {	color: #f9bb00;	}.dropdown-menu {	font-size: 16px;	line-height: 24px;	font-weight: bold;	color: #333333;	border-bottom: 3px solid #333333;	padding-bottom: 6px;	display: none;	}#responsive-nav {	display: none;	border-top: 3px solid #333333;	position: absolute;	top: 30px;	right: 0px;	background: #ffffff;	width: 200px;	padding: 10px 20px 10px 20px;	z-index: 510;	text-align: right;	box-shadow:  rgba(0,0,0, 0.1) 0px 0px 4px;	-moz-box-shadow:  rgba(0,0,0, 0.1) 0px 0px 4px;	-webkit-box-shadow:  rgba(0,0,0, 0.1) 0px 0px 4px;	}#header-responsive #responsive-nav {	right: inherit;	left: 0px;	text-align: left;	}	#responsive-nav li {	float: none;	}#responsive-nav li a  {	color: #333333;	line-height: 26px;	font-size: 14px;	font-weight: bold;	}	#responsive-nav li:hover > a, #responsive-nav li.current-menu-item > a, #responsive-nav li.current-menu-ancestor > a {	color: #f9bb00;	}	#responsive-nav li ul {	width: auto;	position: inherit;	border: none;	padding: 0;	display: block;	left: inherit;	top: inherit;	position: relative;	margin-bottom: 10px;	}	#responsive-nav li ul li {	display: block;	padding: 0;	position: inherit;	width: 100%;	}	#responsive-nav li ul li a { 	font-size: 13px;	padding-right: 20px; 	color: #999999;	display: block;  	}	#header-responsive #responsive-nav li ul li a { 	padding-right: 0px; 	padding-left: 20px; 	}	#responsive-nav li ul li:hover > a, #responsive-nav li ul li.current-menu-item > a, #responsive-nav li ul li.current-menu-ancestor > a { 	color: #f9bb00;	}	#responsive-nav li ul li ul {	border: none;	padding: 0;	position: inherit;	left: 0px;	top: 0px;	margin: 0;	}	#responsive-nav li ul li ul li a { padding-right: 40px; font-weight: normal;  }#header-responsive #responsive-nav li ul li ul li a { padding-right: 0px; padding-left: 40px;   }/*---------------------------------------------- 8. Slider------------------------------------------------*/	.slider {	position: relative;	overflow: hidden;	}	.slider li img {	width: 100%;	}.fullscreenslider {	position: relative;	}	.fullscreenslider li img {	width: 100%;	max-width: 100%;	}	.fullscreenslider .flexslider > ul > li {	overflow: hidden;	}/*---------------------------------------------- 9. Page------------------------------------------------*/	#page-single {	background: #ffffff;	box-shadow:  rgba(0,0,0, 0.1) 0px 0px 4px;	-moz-box-shadow:  rgba(0,0,0, 0.1) 0px 0px 4px;	-webkit-box-shadow:  rgba(0,0,0, 0.1) 0px 0px 4px;	position: relative;	width: 790px;	margin: 0 auto;	padding-bottom: 40px;	}	#page-single-fullwidth {	background: #ffffff;	box-shadow:  rgba(0,0,0, 0.1) 0px 0px 4px;	-moz-box-shadow:  rgba(0,0,0, 0.1) 0px 0px 4px;	-webkit-box-shadow:  rgba(0,0,0, 0.1) 0px 0px 4px;	position: relative;	padding-bottom: 40px;	}	.page-template-template-slider-php #page-single-fullwidth .page-content {	padding-top: 40px;	}	.page-header, .page-content {	padding: 0px 40px;	}	.page-header {	padding-top: 40px;	}	.page-content {	margin-top: 40px;	}	#map {	width: 100%;	height: 400px;	overflow: hidden;	}#map img {							max-width: inherit;	height: auto;	}/*---------------------------------------------- 10. Entrys (Blog & Portfolio) View------------------------------------------------*/	.entry {	position: relative;	}	.entry-content {	position: relative;	}	.entry-media img {	width: 100%;	}	.readmore {	margin-top: 10px;	display: inline-block;	}.masonry-item .entry-content {	padding: 15px 20px;	}	.masonry-item .entry-content .meta-category {	color: #999999;	margin-top: -2px;	}	.masonry-item .seperator {	margin: 0;	}.entry-quote {	color: #ffffff;	padding: 80px 20px 20px 20px;	text-align: center;	background: #f9bb00 url(files/images/quote.png) no-repeat center 20px;	}	.entry-quote .quote-text {	font-size: 18px;	line-height: 24px;	font-weight: bold;	}	.entry-quote .quote-author {	margin-top: 20px;	}	.entry-link {	padding: 20px;	text-align: center;	}		.entry-link .link-target a {	font-size: 18px;	line-height: 24px;	font-weight: bold;	}	.entry-link .link-name {	margin-top: 20px;	}.entry-aside { padding: 20px; }#blog-single .entry-aside { padding: 40px; }#caching { display: none; }.gallery-list {	margin: 0;	padding: 0;	}	.gallery-list li {	margin: 0;	padding: 0;	background: 0;	position: relative;	}	.single-caption {	position: absolute;	bottom: 20px;	left: 20px;	padding: 10px;	color: #ffffff;	text-align: left;	}	.single-caption h1, .single-caption h2, .single-caption h3, .single-caption h4, .single-caption h5, .single-caption h6 {	color: #ffffff;	}	.single-caption .caption-bg {	background: #000000;	opacity: 0.7;	filter: alpha(opacity=70);	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";	position: absolute;	display:block;	width: 100%;	height: 100%;	left: 0;	top: 0;	z-index: 9;	}	.single-caption .caption-text {	position: relative;	z-index: 10;	}/*---------------------------------------------- 11. Single View------------------------------------------------*/	/* Standard View */#portfolio-single, #blog-single {	padding: 40px;	background: #ffffff;	box-shadow:  rgba(0,0,0, 0.1) 0px 0px 4px;	-moz-box-shadow:  rgba(0,0,0, 0.1) 0px 0px 4px;	-webkit-box-shadow:  rgba(0,0,0, 0.1) 0px 0px 4px;	position: relative;	}	.entry-left, .entry-right {	width: 50%;	}	.entry-left { float: left; }.entry-right { float: right; }	.entry-left-inner {	padding-right: 20px;	}	.entry-right-inner {	padding-left: 20px;	}	.entry-header .entry-title {	width: 80%; }	.entry-body {	margin-top: 40px;	}	/* Standard View *//* Fixed View */.single-layout-fixed {	padding: 0 !important;	width: 790px;	margin: 0 auto;	}	.single-layout-fixed .entry-left, .single-layout-fixed .entry-right {	width: 100%;	float: none;	}	.single-layout-fixed .entry-left-inner {	padding: 0px;	}	.single-layout-fixed .entry-right-inner {	padding: 40px 0px;	}	.single-layout-fixed .entry-header, .single-layout-fixed .entry-body {	padding: 0px 40px;	}	.single-layout-fixed .entry-body {	margin-top: 40px;	}	.single-layout-fixed .entry-text {	float: right;	width: 460px; font-size: 18px;	}	.single-layout-fixed .entry-password {	padding: 40px;	}/* Fixed View */	.entry-meta-category {	color: #999999;	margin-top: 3px;	}	.entry-meta-category a {	color: #999999;	font-size: 14px;	}	.entry-meta-category a:hover {	color: #f9bb00;	}	.entry-author  {	color: #999999;	font-size: 14px;font-style: italic;	}	.entry-meta-client, .entry-meta-date {	margin-top: 10px;	display: inline-block;	}	.entry-meta-date {	float: right;	}.preview_edit {    margin-bottom: 27px;    margin-left: 36px;}.entry-edit {position: relative;width: 180px;height: 50px;display: block;}.entry-preview {position: relative;width: 180px;height: 50px;display: block;}.entry-edit a {width: 180px;height: 50px;display: block;background:  url(/wp-content/uploads/2013/07/edit_btn.png) no-repeat 0px 0px;}.entry-preview a {width: 180px;height: 50px;display: block;background:  url(/wp-content/uploads/2013/07/preview_btn.png) no-repeat 0px 0px;}	.entry-likes {	width: 40px;	height: 40px;	display: block;	position: absolute;	top: 0px;	right: 40px;	}	.single-layout-fullwidth .entry-likes {	right: 0px;	}	.entry-likes .icon {	width: 40px;	height: 40px;	display: block;	background:  url(files/images/sprites.png) no-repeat -333px -50px;	}	.entry-likes .amount {	width: 40px;	height: 18px;	line-height: 18px;	display: block;	text-align: center;	font-weight: bold;	opacity: 0;	filter: alpha(opacity=0);	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";	color: #f33e82;	}	.entry-likes a { color: #999999;  }.entry-likes a:hover, .entry-likes a.likesactive { color: #f33e82;  }.entry-likes a.likesactive { cursor: default; }.entry-likes a.likesactive .amount { opacity: 1.0; filter: alpha(opacity=100);	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }.entry-likes:hover .icon, .entry-likes a.likesactive .icon { background-position: -333px -100px;   }/*---------------------------------------------- 12. Password protection------------------------------------------------*/	.entry-passwordprotected h5 {	color: #999999;	}/*---------------------------------------------- 13. Masonry------------------------------------------------*/.masonry {	width: 110%;	overflow: hidden;	margin-left: -60px;	opacity: 0;	filter: alpha(opacity=0);	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";	}	.masonry > .masonry-item {	width: 400px;					/* overwritten by javascript */ 	float: left;	margin-right: 40px;	margin-bottom: 40px;	background: #ffffff;	overflow: hidden;	box-shadow:  rgba(0,0,0, 0.1) 0px 0px 4px;	-moz-box-shadow:  rgba(0,0,0, 0.1) 0px 0px 4px;	-webkit-box-shadow:  rgba(0,0,0, 0.1) 0px 0px 4px;	}	#gallery-grid .masonry-item {	width: 200px;					/* overwritten by javascript */ 	float: left;	margin-right: 0px;	margin-bottom: 0px;	background: #ffffff;	overflow: hidden;	box-shadow: none;	-moz-box-shadow:  none;	-webkit-box-shadow:  none;	}/*---------------------------------------------- 14. Comments------------------------------------------------*/#comment-section {	padding: 40px;	background: #ffffff;	box-shadow:  rgba(0,0,0, 0.1) 0px 0px 4px;	-moz-box-shadow:  rgba(0,0,0, 0.1) 0px 0px 4px;	-webkit-box-shadow:  rgba(0,0,0, 0.1) 0px 0px 4px;	position: relative;	margin-top: 80px;	}#comments  {	position: relative;	}	.single-layout-fixed #comments  {	padding: 40px;	}	#comments ul {	background: none;	list-style: none;	margin: 0;	padding: 0;	margin-top: 30px;	}		#comments .comment-list  {	width: 100%;	}	#comments .full-comment-list  {	width: 100%;	}	#comments .comment {	/*overflow: auto;*/	background: none;	padding: 0;	margin-top: 20px;	border: none;	border-top: 1px solid #f0f0f0;	padding-top: 20px;	}	#comments .comment-list .comment:first-child {	border-top: none;	padding-top: 20px;	margin-top: 0px;	}	#comments .comment-list .comment:first-child .children .comment {	border-top: 1px solid #f0f0f0;	padding-top: 20px;	}#comments .comment .children { 	margin-left: 5%; 	margin-bottom: 0; 	padding-bottom: 0;	}	#comments .comment .children .comment { 	margin-top: 20px;	}	#comments .user {	float: left;	width: 50px;	}	#comments .comment_content {	margin-left: 70px;	position: relative;	}		#comments .comment_date {	color: #999999;	font-size: 13px;	}	#comments .comment_text {	margin-top: 10px;	padding: 0;	}	#comments .comment-reply-link {	margin-left: 15px;	}/*---------------------------------------------- 15. Leave Comment------------------------------------------------*/#leavecomment {	position: relative;	}	.single-layout-fixed #leavecomment  {	padding: 0 40px;	}	#respond #reply-title {	line-height: 22px;	font-size: 14px;	margin: 0;	}	#respond #cancel-comment-reply-link {	font-size: 18px;	}	#comments #respond {	float: none;	margin: 30px 0 30px 70px;	}	#comments #respond form {	}	#comments #respond #form-note {	margin-left: 20px;	}	/*---------------------------------------------- 16. Metas (Entrys)------------------------------------------------*/.entry-meta { 	width: 100%;	padding-bottom: 40px;	}	.single-layout-fullwidth  .entry-meta { 	padding-bottom: 0px;	}	.single-layout-fullwidth .entry-header .entry-meta { 	margin-top: 20px;	}	.single-layout-fullwidth .entry-body .entry-meta { 	margin-top: 40px;	}.entry-meta li {	padding: 0;	margin: 0;	background: none;	line-height: 22px;	margin-top: 5px;	display: block;	color: #999999;	}	.entry-meta li:first-child {	margin-top: 0;	}	.meta_comments a {	color: #999999;	font-size: 12px;	}	.meta_comments a:hover {	color: #333333;	}.entry-meta li .icon {	background-image: url(files/images/sprites.png);	width: 15px;	height: 15px;	float: left;	margin-right: 7px;	margin-top: 5px;	}.meta_views .icon {	background-position: -200px -23px; }.meta_comments .icon {	background-position: -220px -23px; }.meta_date .icon {	background-position: -238px -23px; }.meta_client .icon {	background-position: -256px -23px; }.meta_link { margin-top: 40px !important; }.single-layout-fullwidth .meta_link { margin-top: 0px !important; margin-bottom: 0px !important; }.single-layout-fixed .entry-meta { 	float: left;	width: 210px;	margin-bottom: 0;	}	.single-layout-fullwidth .entry-meta li { 	float: left;	margin: 0 20px 5px 0;	}.masonry-item .entry-meta { 	float: none;	width: 100%;	padding: 0;	}	.masonry-item .entry-meta li { 	float: left;	margin: 0 20px 5px 0;	}	.masonry-item  .entry-meta li .icon {	margin-right: 6px;	margin-top: 5px;	}/*---------------------------------------------- 17. Filter------------------------------------------------*/.filter {	position: relative;	margin-top: 10px;	z-index: 19;	}	#header-responsive .filter {	margin-top: 0px;	}	.single-portfolio .filter {	opacity: 0;	filter: alpha(opacity=0);	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";	}.filter a.openfilter {	z-index: 18;	background: #ffffff;	text-align: right;	color: #999999 !important;	font-size: 15px;	line-height: 20px;	display: block;	width: 160px;	padding: 15px 20px;	z-index: 11;	}	.filter a.openfilter span {	display: block;	margin-top: 7px;	width: 16px;	height: 11px;	background: url(files/images/sprites.png) no-repeat -260px -50px;	float: left;	}.filter ul {	z-index: 17;	position: absolute;	top: 50px;	right: 0px;	text-align: right;	background: #ffffff;	width: 160px;	height: auto;	padding: 0px 20px 15px 20px;	display: none;	}	#header-responsive .filter ul {	right: inherit;	left: 0px;	}	.filter ul li a {	color: #999999 !important;	font-weight: bold;	line-height: 26px;	}	.filter ul li a:hover, .filter ul li a.active {	color: #f9bb00;	}	/*---------------------------------------------- 18. Pagination------------------------------------------------*/#single-pagination {	position: absolute;	top: -60px;	right: 0px;	z-index: 20;	}	#single-pagination ul {	padding: 0;	margin: 0;	overflow: hidden;	}	#single-pagination ul li {	width: 40px;	height: 40px;	padding: 0;	margin: 0;	background: none;	display: block;	float: left;	margin-left: 10px;	}		#single-pagination ul li a {	height: 40px;	line-height: 40px;	display: block;	text-indent: -9999px;	overflow: hidden;	}#single-pagination ul li.next a { background:  url(files/images/sprites.png) no-repeat 0px -50px; }#single-pagination ul li.prev a { background:  url(files/images/sprites.png) no-repeat -50px -50px; }#single-pagination ul li.close a { background:  url(files/images/sprites.png) no-repeat -100px -50px; }#single-pagination ul li a:hover { 	color: #4d4d4d;	}	#single-pagination ul li.next a:hover { background-position:  0px -100px;  }#single-pagination ul li.prev a:hover { background-position:  -50px -100px;  }#single-pagination ul li.close a:hover { background-position:  -100px -100px;  }/*---------------------------------------------- 19. Load More------------------------------------------------*/#load-more {	width: 100%;	height: 70px;	position: relative;	}	#load-more a {	width: 150px;	display: block;	background: #f9bb00;	height: 70px;	position: absolute;	left: 50%;	top: 0px;	margin-left: -75px;	}	#load-more a span.icon {	background:  url(files/images/sprites.png) -150px 0px;	width: 40px;	height: 40px;	display: block;	text-indent: -9999px;	position: absolute;	left: 50%;	top: 50%;	margin-left: -20px;	margin-top: -20px;	}	#load-more a span.loading-action {	width: 100%;	height: 20px;	line-height:20px;	display: block;	position: absolute;	top: 50%;	margin-top: -10px;	color: #ffffff;	text-align: center;	display: none;	}	#load-more a:hover {	background: #333333;	color: #ffffff;	}	/*---------------------------------------------- 20. Share ------------------------------------------------*/.sharelinks {	padding: 0;	margin-top: 20px;	}	.single-layout-fullwidth .sharelinks { 	margin-top: 0px;	}		.sharelinks li {	padding: 0;	margin: 0;	background: none;	float: left !important;	margin-top: 2px !important;	margin-right: 5px !important;	display: block;	width: auto;	position: relative;	}	.sharelinks li.sharetitle {	height: 20px !important;	margin-top: 0px !important;	margin-right: 40px !important;	display: block !important;	width: 100%;	margin-bottom: 5px !important;	}	.single-layout-fullwidth  .sharelinks li.sharetitle {	margin-right: 20px !important;	display: inherit !important;	width: inherit !important;	}	.sharelinks li span {	background: #f2f2f2;	display: block;	font-size: 11px;	position: absolute;	top: 25px;	left: -15px;	width: 50px;	text-align: center;    border-radius: 2px;	-moz-border-radius:2px; 	-khtml-border-radius:2px; 	-webkit-border-radius:2px;	display: none;	text-indent: 0px;	}	.sharelinks li a {	height: 20px;	width: 20px;	display: block;	text-indent: -9999px;	background:  url(files/images/share.png) no-repeat;	}	.sharelinks .fb_share {	background-position:  0px 0px; }.sharelinks .tw_share {	background-position:  -20px 0px; }.sharelinks .g_share {	background-position:  -40px 0px; }.sharelinks .p_share {	background-position:  -60px 0px; }.sharelinks li:hover span {	display: block;	}	/*---------------------------------------------- 21. Columns Grid------------------------------------------------*/.column { 	float: left; 	padding-bottom: 40px;	margin-right: 4%;	}.one_full { width: 100%; float: none; margin-right: 0; }.one_half  { width: 48%; }.one_third { width: 30%; }.two_third { width: 64%; }.one_fourth { width: 22%; }.two_fourth { width: 48%; }.three_fourth { width: 72%; }.last {	margin-right: 0px; }/*---------------------------------------------- 22. Widgets------------------------------------------------*/.widget {	position: relative;	margin-top: 40px;	}	div .widget:first-child {	margin-top: 0px;	}	#top .column {	padding-bottom: 0px;	}	footer .widgettitle {	display: none;	}	.widget-bottom {	margin-left: 20px;	}	/*	Menu Widget------------------------------------------------*/.widget ul {	margin-top: 0px;	}	.widget ul li {	padding-left: 20px;	background: transparent url(files/images/list-style.png) 0 9px no-repeat;	line-height: 22px;	}	footer .widget ul li {	display: none;	}	.widget ul li:first-child {	display: block;	}	.widget ul li a {	color: #f9bb00;	}	.widget ul li a:hover, .widget ul li.current-menu-item a, .widget ul li.current-cat a  {	color: #333333;	}	/*	Search Widget------------------------------------------------*/ #searchform {	margin: 0;	display: block;	}	 #searchform div {	position: relative;	width: 240px;	max-width: 100%;	}	 #searchform label {	display: none;	}	 #searchform input[type="text"] {	display: block;	width: 100% ;	max-width: 95% ;	}	 #searchform input[type="submit"] {	filter: none;	background: url(files/images/search-icon.png) no-repeat center center;	text-indent: -9999px;	border: none;	width: 26px; height: 26px;	padding: 5px 0px;	position:absolute;	top: 4px;	right: 2px;	font-size: 0;	line-height: 0;	}	 #searchform input[type="submit"]:hover {	border: none;	-moz-box-shadow: none; 	-webkit-box-shadow: none; 	box-shadow: none; 	}			/*	Social Media Widget------------------------------------------------*/.socialmedia-widget {	overflow:hidden;	margin: 0;	padding: 0;	}	.socialmedia-widget li {	float: left;	margin-right: 8px;	background: none !important;	padding-left: 0px !important;	}	footer .socialmedia-widget li {	float: left;	margin-right: 0px;	margin-left: 8px;	background: none !important;	padding-left: 0px !important;	}	.socialmedia-widget li a {	height: 30px;	width: 30px;	display: block;	text-indent: -9999px;	background: transparent url(files/images/social-icons.png);	}		.socialmedia-widget a.facebook { background-position: 0px top ; }.socialmedia-widget a.twitter { background-position: -30px top; }.socialmedia-widget a.thumblr { background-position: -60px top ; }.socialmedia-widget a.vimeo { background-position: -90px top ; }.socialmedia-widget a.dribbble { background-position: -120px top ; }.socialmedia-widget a.deviantart { background-position: -150px top ; }.socialmedia-widget a.behance { background-position: -180px top ; }.socialmedia-widget a.flickr { background-position: -210px top ; }.socialmedia-widget a.forrst { background-position: -240px top ; }.socialmedia-widget a.linkedin { background-position: -270px top ; }.socialmedia-widget a.rss { background-position: -300px top ; }.socialmedia-widget a.googleplus { background-position: -330px top ; }.socialmedia-widget a.pinterest { background-position: -360px top ; }.socialmedia-widget a.youtube { background-position: -390px top ; }.socialmedia-widget a.instagram { background-position: -420px top ; }.socialmedia-widget a.facebook:hover { background-position: 0px bottom ; }.socialmedia-widget a.twitter:hover { background-position: -30px bottom ; }.socialmedia-widget a.thumblr:hover { background-position: -60px bottom ; }.socialmedia-widget a.vimeo:hover { background-position: -90px bottom ; }.socialmedia-widget a.dribbble:hover { background-position: -120px bottom ; }.socialmedia-widget a.deviantart:hover { background-position: -150px bottom ; }.socialmedia-widget a.behance:hover { background-position: -180px bottom ; }.socialmedia-widget a.flickr:hover { background-position: -210px bottom ; }.socialmedia-widget a.forrst:hover { background-position: -240px bottom ; }.socialmedia-widget a.linkedin:hover { background-position: -270px bottom ; }.socialmedia-widget a.rss:hover { background-position: -300px bottom ; }.socialmedia-widget a.googleplus:hover { background-position: -330px bottom ; }.socialmedia-widget a.pinterest:hover { background-position: -360px bottom ; }.socialmedia-widget a.youtube:hover { background-position: -390px bottom ; }.socialmedia-widget a.instagram:hover { background-position: -420px bottom ; }/*	Twitter Widget------------------------------------------------*/.twitter-widget .tweet_avatar {	display: none;	}	.twitter-widget .tweet_list li {	background: url(files/images/tweet.png) no-repeat 0px 5px;	padding-left: 30px;	line-height: 20px;	margin-top: 15px;	}	.twitter-widget .tweet_list li:first-child {	margin-top: 0px;	}	.twitter-widget .tweet_list li .tweet_time a {	font-style: italic;	color: #999999;	font-size: 13px;	display: block;	}	.twitter-widget .tweet_list li .tweet_time a:hover {	color: #333333;	}/* Flickr Widget & Dribble Widget------------------------------------------------*/.flickr-widget, #dribbble-widget {	}	.flickr-widget .flickr-list, #dribbble-widget #dribbble-list  {	width: 110%;	overflow: hidden;	}	.flickr-widget .flickr-list li, #dribbble-widget #dribbble-list li {	width: 20%;	margin: 0 2% 2% 0;	float: left;	overflow: hidden;	background: none;	padding: 0;	}		.flickr-widget .flickr-list li:hover, #dribbble-widget #dribbble-list li:hover {	opacity: 0.7;	filter: alpha(opacity=70);	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";	}/*	Recent comment------------------------------------------------*/#recentcomments {	padding:0;	}#recentcomments li {	background: url(files/images/recentcomment.png) no-repeat 0px 6px;	padding-left: 30px;	margin-top: 15px;	line-height: 20px;	}	#recentcomments  li:first-child {	margin-top: 0px;	}	#recentcomments li a {	margin-left: 10px;	}	/*	Tag Widget------------------------------------------------*/.tag-list a {	border: 1px solid #f0f0f0;	display: inline-block;	padding: 1px 4px ;	background: #ffffff;	font-size: 11px;    border-radius: 2px;	-moz-border-radius:2px; 	-khtml-border-radius:2px; 	-webkit-border-radius:2px;	color: #999999;	margin-bottom: 5px;	margin-right: 2px;	}.tag-list a:hover {	color: #f9bb00;	border: 1px solid #b3b3b3;	}	/*---------------------------------------------- 23. Shortcodes------------------------------------------------*//*	Team-member------------------------------------------------*/.team-member .team-meta {	margin-top: 20px;	}	.team-member .team-description {	margin-top: 20px;	}/*	Buttons------------------------------------------------*/a.button {	display: inline-block;	font-weight:bold;	text-decoration: none;	text-align: center;	padding: 3px 15px;	border-radius: 3px;	-moz-border-radius:3px; 	-khtml-border-radius:3px; 	-webkit-border-radius:3px;	margin: 0 10px 10px 0;	}	a.button:hover {	box-shadow:  rgba(0,0,0, 0.3) 0px 1px 0px;	-moz-box-shadow:  rgba(0,0,0, 0.3) 0px 1px 0px;	-webkit-box-shadow:  rgba(0,0,0, 0.3) 0px 1px 0px;	}			a.standard {	color: #f9bb00;	text-shadow: 1px 1px 0px #ffffff;	border: 1px solid #cccccc;	background: #fafafa;	}a.standard:hover { border: 1px solid #333333; color: #333333; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; }a.white {	color: #999999;	text-shadow: 1px 1px 0px #ffffff;	border: 1px solid #cccccc;		background: #f0f0f0;	background-image: linear-gradient(bottom, rgb(240,240,240) 12%, rgb(250,250,250) 100%);	background-image: -o-linear-gradient(bottom, rgb(240,240,240) 12%, rgb(250,250,250) 100%);	background-image: -moz-linear-gradient(bottom, rgb(240,240,240) 12%, rgb(250,250,250) 100%);	background-image: -webkit-linear-gradient(bottom, rgb(240,240,240) 12%, rgb(250,250,250) 100%);	background-image: -ms-linear-gradient(bottom, rgb(240,240,240) 12%, rgb(250,250,250) 100%);		background-image: -webkit-gradient(		linear,		left bottom,		left top,		color-stop(0.12, rgb(240,240,240)),		color-stop(1, rgb(250,250,250))	);	}a.white:hover { border: 1px solid #999999; color: #333333; }a.blue {	color: #318588;	text-shadow: 1px 1px 0px #ace9ec;	border: 1px solid #5bc0c7;		background: #6ccbd6;	background-image: linear-gradient(bottom, rgb(108,203,214) 0%, rgb(160,218,221) 100%);	background-image: -o-linear-gradient(bottom, rgb(108,203,214) 0%, rgb(160,218,221) 100%);	background-image: -moz-linear-gradient(bottom, rgb(108,203,214) 0%, rgb(160,218,221) 100%);	background-image: -webkit-linear-gradient(bottom, rgb(108,203,214) 0%, rgb(160,218,221) 100%);	background-image: -ms-linear-gradient(bottom, rgb(108,203,214) 0%, rgb(160,218,221) 100%);		background-image: -webkit-gradient(		linear,		left bottom,		left top,		color-stop(0, rgb(108,203,214)),		color-stop(1, rgb(160,218,221))	);	}a.blue:hover { border: 1px solid #469499; color: #194b51;  }a.yellow {	color: #ae8c2d;	text-shadow: 1px 1px 0px #fce8af;	border: 1px solid #fcd14b;		background: #fcd96c;	background-image: linear-gradient(bottom, rgb(252,217,108) 0%, rgb(252,228,154) 100%);	background-image: -o-linear-gradient(bottom, rgb(252,217,108) 0%, rgb(252,228,154) 100%);	background-image: -moz-linear-gradient(bottom, rgb(252,217,108) 0%, rgb(252,228,154) 100%);	background-image: -webkit-linear-gradient(bottom, rgb(252,217,108) 0%, rgb(252,228,154) 100%);	background-image: -ms-linear-gradient(bottom, rgb(252,217,108) 0%, rgb(252,228,154) 100%);		background-image: -webkit-gradient(		linear,		left bottom,		left top,		color-stop(0, rgb(252,217,108)),		color-stop(1, rgb(252,228,154))	);	}a.yellow:hover { border: 1px solid #ba972a; color: #7e6621;  }a.green {	color: #768c34;	text-shadow: 1px 1px 0px #e0eebc;	border: 1px solid #aecd5b;		background: #c2e16d;	background-image: linear-gradient(bottom, rgb(194,225,109) 0%, rgb(206,225,154) 100%);	background-image: -o-linear-gradient(bottom, rgb(194,225,109) 0%, rgb(206,225,154) 100%);	background-image: -moz-linear-gradient(bottom, rgb(194,225,109) 0%, rgb(206,225,154) 100%);	background-image: -webkit-linear-gradient(bottom, rgb(194,225,109) 0%, rgb(206,225,154) 100%);	background-image: -ms-linear-gradient(bottom, rgb(194,225,109) 0%, rgb(206,225,154) 100%);		background-image: -webkit-gradient(		linear,		left bottom,		left top,		color-stop(0, rgb(194,225,109)),		color-stop(1, rgb(206,225,154))	);	}a.green:hover { border: 1px solid #738b32; color: #56691c; }a.pink {	color: #e0556e;	text-shadow: 1px 1px 0px #e9b6bf;	border: 1px solid #f2798d;		background: #f28699;	background-image: linear-gradient(bottom, rgb(242,134,153) 0%, rgb(242,162,176) 100%);	background-image: -o-linear-gradient(bottom, rgb(242,134,153) 0%, rgb(242,162,176) 100%);	background-image: -moz-linear-gradient(bottom, rgb(242,134,153) 0%, rgb(242,162,176) 100%);	background-image: -webkit-linear-gradient(bottom, rgb(242,134,153) 0%, rgb(242,162,176) 100%);	background-image: -ms-linear-gradient(bottom, rgb(242,134,153) 0%, rgb(242,162,176) 100%);		background-image: -webkit-gradient(		linear,		left bottom,		left top,		color-stop(0, rgb(242,134,153)),		color-stop(1, rgb(242,162,176))	);	}a.pink:hover { border: 1px solid #d53652; color: #8e2437; }a.purple {	color: #d46fc9;	text-shadow: 1px 1px 0px #efe2ee;	border: 1px solid #e8a0e0;		background: #e8b0e2;	background-image: linear-gradient(bottom, rgb(232,176,226) 0%, rgb(232,211,230) 100%);	background-image: -o-linear-gradient(bottom, rgb(232,176,226) 0%, rgb(232,211,230) 100%);	background-image: -moz-linear-gradient(bottom, rgb(232,176,226) 0%, rgb(232,211,230) 100%);	background-image: -webkit-linear-gradient(bottom, rgb(232,176,226) 0%, rgb(232,211,230) 100%);	background-image: -ms-linear-gradient(bottom, rgb(232,176,226) 0%, rgb(232,211,230) 100%);		background-image: -webkit-gradient(		linear,		left bottom,		left top,		color-stop(0, rgb(232,176,226)),		color-stop(1, rgb(232,211,230))	);	}a.purple:hover { border: 1px solid #c359b7; color: #843c7c; }a.grey {	color: #999999;	text-shadow: 1px 1px 0px #ebebeb;	border: 1px solid #adadad;		background: #bfbfbf;	background-image: linear-gradient(bottom, rgb(191,191,191) 0%, rgb(217,217,217) 100%);	background-image: -o-linear-gradient(bottom, rgb(191,191,191) 0%, rgb(217,217,217) 100%);	background-image: -moz-linear-gradient(bottom, rgb(191,191,191) 0%, rgb(217,217,217) 100%);	background-image: -webkit-linear-gradient(bottom, rgb(191,191,191) 0%, rgb(217,217,217) 100%);	background-image: -ms-linear-gradient(bottom, rgb(191,191,191) 0%, rgb(217,217,217) 100%);		background-image: -webkit-gradient(		linear,		left bottom,		left top,		color-stop(0, rgb(191,191,191)),		color-stop(1, rgb(217,217,217))	);	}a.grey:hover { border: 1px solid #737373; color: #333333; }a.orange {	color: #e08457;	text-shadow: 1px 1px 0px #fde5d9;	border: 1px solid #fda072;		background: #fdb897;	background-image: linear-gradient(bottom, rgb(253,184,151) 0%, rgb(253,203,179) 100%);	background-image: -o-linear-gradient(bottom, rgb(253,184,151) 0%, rgb(253,203,179) 100%);	background-image: -moz-linear-gradient(bottom, rgb(253,184,151) 0%, rgb(253,203,179) 100%);	background-image: -webkit-linear-gradient(bottom, rgb(253,184,151) 0%, rgb(253,203,179) 100%);	background-image: -ms-linear-gradient(bottom, rgb(253,184,151) 0%, rgb(253,203,179) 100%);		background-image: -webkit-gradient(		linear,		left bottom,		left top,		color-stop(0, rgb(253,184,151)),		color-stop(1, rgb(253,203,179))	);	}a.orange:hover { border: 1px solid #de7744; color: #bd5223; }		/*	Skills------------------------------------------------*/	.skill {	margin-top: 20px;	}	div .skill:first-child {	margin-top: 0px;	}.skill .skill_bar {	background: #ffffff;	height: 30px; width: 100%;	position: relative;	}	.skill .skill_bar .skill_active {	background: #f9bb00;	height: 100%;	}	.skill .skill_bar span {	color: #ffffff;	position: absolute;	top: 2px;	left: 10px;	line-height: 25px;	}			/*	Alert------------------------------------------------*/p.alert {	display: block;	text-decoration: none;	padding: 10px 20px;	}		p.blue {	color: #344454;	background: #e6eef5;	border: 1px solid #c6dff5;	}	p.green {	color: #315712;	background: #dbe0a7;	border: 1px solid #b0ce60;	}	p.red {	color: #83160a;	background: #f5d7d7;	border: 1px solid #f5acac;	}	p.yellow {	color: #9e6726;	background: #faf8c2;	border: 1px solid #ede863;	}/*	Toggle------------------------------------------------*/.toggle {	margin-top: 15px;	border: 1px solid #e5e5e5;	background: #ffffff;	padding: 5px 10px;	}	div .toggle:first-child {	margin-top: 0px;	}	.toggle .toggle_title .toggle_icon {	background: #f9bb00 url(files/images/plus.png) center center no-repeat;	width: 11px;	height: 11px;	display: inline-block;	text-indent: -9999px;	border-radius: 7px;	-moz-border-radius:7px; 	-khtml-border-radius:7px; 	-webkit-border-radius:7px;	float: left;	padding: 1px;	margin-right: 10px;	margin-top: 4px;	}	.toggle .toggle_title a:hover .toggle_icon {	background-color: #333333;	}	.toggle .toggle_title a.active  {	color: #333333;	}	.toggle .toggle_title a.active .toggle_icon {	background-image: url(files/images/minus.png);	background-color: #333333;	}	.toggle .toggle_inner {	padding: 15px;	padding-left: 22px;	display: none;	}	/*	Tabs------------------------------------------------*/.tabs {	}	.tabs ul.tab_nav {	height: 31px;	padding: 0;	margin: 0;	border-bottom: 1px solid #e5e5e5;	}	.tabs ul.tab_nav li {	background: none;	padding: 0;	float: left;	margin: 0;	margin-right:-1px;	}	.tabs ul.tab_nav li a {	background: none;	padding: 0 20px;	background: #ffffff;	border: 1px solid #e5e5e5;	display: block;	line-height: 30px;	height: 30px;	color: #999999;	}	.tabs ul.tab_nav li a:hover {	background: #ffffff;	color: #333333;	}	.tabs ul.tab_nav li a.active {	background: #ffffff;	color: #333333;	border-bottom: 1px solid #ffffff;	}	.tabs .tab_container {	border: 1px solid #e5e5e5;	background: #ffffff;	border-top: none;	padding: 20px;	position: relative;	overflow: hidden;	height: auto;	}	.tabs .tab_container .tab_content {	float: left;	display: none;	}	.tabs .tab_container .active {	display: block;	}	/*---------------------------------------------- 24. Overlay------------------------------------------------*/.imgoverlay {	position: relative;	cursor: pointer;	overflow: hidden;	display: block;	max-width: 100%;	}	.imgoverlay:hover {	opacity: 1;	filter: alpha(opacity=100);	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";	}.imgoverlay a .overlay {	width: 100%;	height: 100%;	background: #f9bb00;	position: absolute;	top: 0;	left: 0;	cursor: pointer;	z-index: 0;	}	.imgoverlay a .overlayicon {	background:  url(files/images/sprites.png) -150px 0px;	width: 40px;	height: 40px;	display: block;	text-indent: -9999px;	position: absolute;	left: 50%;	top: 50%;	margin-left: -20px;	margin-top: -20px;	display: none;	}.full-overlay .overlay {	background: #f9bb00;	width: 100%;	height: 100%;	position: absolute;	top: 100%;	left: 0;	}	.full-overlay a {	width: 100%;	height: 100%;	position: absolute;	top: 0;	left: 0;	}	.full-overlay .overlay .overlay-meta {	padding: 20px;	}	.full-overlay .overlay .overlay-meta h2, .full-overlay .overlay .overlay-meta h3 {	color: #ffffff;	}	.full-overlay .overlay .overlay-meta-category {	margin-top: 2px;	}	.full-overlay .overlay .overlay-meta-category h5 {	color: #333333;	}	.full-overlay .overlay .overlay-meta-client {	margin-top: 8px;	color: #333333;	font-size: 14px;	}	.full-overlay .overlay .overlay-meta-date {	color: #ffffff;	font-size: 14px;	position: absolute;	bottom: 20px;	left: 20px;	}	.full-overlay .overlay .overlay-meta-further {	width: 40px;	height: 40px;	display: block;	background: url(files/images/sprites.png) 0px 0px no-repeat;	position: absolute;	bottom: 20px;	right: 20px;	}/*---------------------------------------------- 25. Loader------------------------------------------------*/#loading {	width: 100%;	height: 100%;	position: fixed;	top: 0;	left: 0;	z-index: 99;	display: none;	opacity: 0;	filter: alpha(opacity=0);	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";	}	.page-template-template-portfolio-php #loading, .blog #loading, .archive #loading, .search #loading, .page-template-template-gallery-php  #loading { 	display: block;	opacity: 1;	filter: alpha(opacity=1);	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";	}#loading span {	position: absolute;	top: 50%;	left: 50%;	width: 40px;	height: 40px;	margin-left: -20px;	margin-top: -20px;	color: #999999;	font-size: 14px;	text-align:center;	background-image: url(files/images/loader.gif);	background-repeat: no-repeat;	text-indent: -9999px;	}	#iphone-loading {	width: 100%;	height: 40px;	position: fixed;	top: 0;	left: 0;	z-index: 99;	position: absolute;	top: 0;	left: 0;	color: #999999;	font-size: 14px;	text-align:center;	opacity: 0;	filter: alpha(opacity=0);	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";	background: url(files/images/loader.gif);	background-repeat: no-repeat;	text-indent: -9999px;	background-position: center center;	}			/*---------------------------------------------- 26. Not Found (404)------------------------------------------------*/.notfound h1 {	font-size: 200px;	line-height: 200px;	font-weight: bold;	text-align: center;	color: #f9bb00;	}/*---------------------------------------------- 27. Retina------------------------------------------------*/@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {		form .checkfalse .falseicon {		background-image: url(files/images/retina/sprites@2x.png);		-webkit-background-size: 398px 140px; 	   	-moz-background-size: 398px 140px; 	    -o-background-size: 398px 140px; 		background-size: 398px 140px; 	}		#form-note .error_icon {		background-image: url(files/images/retina/sprites@2x.png);		-webkit-background-size: 398px 140px; 	   	-moz-background-size: 398px 140px; 	    -o-background-size: 398px 140px; 		background-size: 398px 140px; 	}		#form-note .confirm_icon {		background-image: url(files/images/retina/sprites@2x.png);		-webkit-background-size: 398px 140px; 	   	-moz-background-size: 398px 140px; 	    -o-background-size: 398px 140px; 		background-size: 398px 140px; 	}		.page-content li, .entry-text li {		background-image: url(files/images/retina/list-style@2x.png);		-webkit-background-size: 6px 6px; 	   	-moz-background-size: 6px 6px; 	    -o-background-size: 6px 6px; 		background-size: 6px 6px; 	}		blockquote {		background-image: url(files/images/retina/blockquote@2x.png);		-webkit-background-size: 40px 40px; 	   	-moz-background-size: 40px 40px; 	    -o-background-size: 40px 40px; 		background-size: 40px 40px; 	}		#top #open-close-top {		background-image: url(files/images/retina/sprites@2x.png);		-webkit-background-size: 398px 140px; 	   	-moz-background-size: 398px 140px; 	    -o-background-size: 398px 140px; 		background-size: 398px 140px; 		}		#top #open-close-top span {		background-image: url(files/images/retina/sprites@2x.png);		-webkit-background-size: 398px 140px; 	   	-moz-background-size: 398px 140px; 	    -o-background-size: 398px 140px; 		background-size: 398px 140px; 	}		#totop span {		background-image: url(files/images/retina/sprites@2x.png);		-webkit-background-size: 398px 140px; 	   	-moz-background-size: 398px 140px; 	    -o-background-size: 398px 140px; 		background-size: 398px 140px; 	}		.entry-quote {		background-image: url(files/images/retina/quote@2x.png);		-webkit-background-size: 40px 40px; 	   	-moz-background-size: 40px 40px; 	    -o-background-size: 40px 40px; 		background-size: 40px 40px; 	}		.entry-likes .icon {		background-image: url(files/images/retina/sprites@2x.png);		-webkit-background-size: 398px 140px; 	   	-moz-background-size: 398px 140px; 	    -o-background-size: 398px 140px; 		background-size: 398px 140px;		}		.entry-meta li .icon {		background-image: url(files/images/retina/sprites@2x.png);		-webkit-background-size: 398px 140px; 	   	-moz-background-size: 398px 140px; 	    -o-background-size: 398px 140px; 		background-size: 398px 140px;		}		.filter a.openfilter span {		background-image: url(files/images/retina/sprites@2x.png);		-webkit-background-size: 398px 140px; 	   	-moz-background-size: 398px 140px; 	    -o-background-size: 398px 140px; 		background-size: 398px 140px;		}		#single-pagination ul li.next a { 		background-image: url(files/images/retina/sprites@2x.png);		-webkit-background-size: 398px 140px; 	   	-moz-background-size: 398px 140px; 	    -o-background-size: 398px 140px; 		background-size: 398px 140px;		}		#single-pagination ul li.prev a { 		background-image: url(files/images/retina/sprites@2x.png);		-webkit-background-size: 398px 140px; 	   	-moz-background-size: 398px 140px; 	    -o-background-size: 398px 140px; 		background-size: 398px 140px;		}		#single-pagination ul li.close a { 		background-image: url(files/images/retina/sprites@2x.png);		-webkit-background-size: 398px 140px; 	   	-moz-background-size: 398px 140px; 	    -o-background-size: 398px 140px; 		background-size: 398px 140px;		}		#load-more a span.icon { 		background-image: url(files/images/retina/sprites@2x.png);		-webkit-background-size: 398px 140px; 	   	-moz-background-size: 398px 140px; 	    -o-background-size: 398px 140px; 		background-size: 398px 140px;		}		.sharelinks li a {		background-image: url(files/images/retina/share@2x.png);		-webkit-background-size: 80px 20px; 	   	-moz-background-size: 80px 20px; 	    -o-background-size: 80px 20px; 		background-size: 80px 20px; 	}		#searchform input[type="submit"] {		background-image: url(files/images/retina/search-icon@2x.png);		-webkit-background-size: 13px 13px; 	   	-moz-background-size: 13px 13px; 	    -o-background-size: 13px 13px; 		background-size: 13px 13px; 	}		.socialmedia-widget a {		background-image: url(files/images/retina/social-icons@2x.png);		-webkit-background-size: 450px 60px; 	   	-moz-background-size: 450px 60px;	    -o-background-size: 450px 60px;		background-size: 450px 60px;	}		.twitter-widget .tweet_list li {		background-image: url(files/images/retina/tweet@2x.png);		-webkit-background-size: 15px 12px; 	   	-moz-background-size: 15px 12px;	    -o-background-size: 15px 12px;		background-size: 15px 12px;	}		#recentcomments li {		background-image: url(files/images/retina/recentcomment@2x.png);		-webkit-background-size: 13px 11px; 	   	-moz-background-size: 13px 11px; 	    -o-background-size: 13px 11px; 		background-size: 13px 11px; 	}		.toggle .toggle_title .toggle_icon {		background-image: url(files/images/retina/plus@2x.png);		-webkit-background-size: 5px 5px; 	   	-moz-background-size: 5px 5px; 	    -o-background-size: 5px 5px; 		background-size: 5px 5px; 	}		.toggle .toggle_title a.active .toggle_icon {		background-image: url(files/images/retina/minus@2x.png);		-webkit-background-size: 5px 5px; 	   	-moz-background-size: 5px 5px; 	    -o-background-size: 5px 5px; 		background-size: 5px 5px; 	}		.imgoverlay a .overlayicon {		background-image: url(files/images/retina/sprites@2x.png);		-webkit-background-size: 398px 140px; 	   	-moz-background-size: 398px 140px; 	    -o-background-size: 398px 140px; 		background-size: 398px 140px;		}		.full-overlay .overlay .overlay-meta-further {		background-image: url(files/images/retina/sprites@2x.png);		-webkit-background-size: 398px 140px; 	   	-moz-background-size: 398px 140px; 	    -o-background-size: 398px 140px; 		background-size: 398px 140px;		}		#loading span, #iphone-loading {		background-image: url(files/images/retina/loader@2x.gif);		-webkit-background-size: 40px 40px; 	   	-moz-background-size: 40px 40px; 	    -o-background-size: 40px 40px; 		background-size: 40px 40px; 	}		}#blog.grid{padding-top: 100px;}#blog.grid .searchfor {margin-bottom: 20px;    position: absolute;    top: 0;} 	
@font-face {
    font-family: 'HelveticaNeueLight';
    src: url('fonts/helveticaneuelight.eot');
    src: url('fonts/helveticaneuelight.eot') format('embedded-opentype'),
        url('fonts/helveticaneuelight.woff') format('woff'),
        url('fonts/helveticaneuelight.ttf') format('truetype'),
        url('fonts/helveticaneuelight.svg#HelveticaNeueLight') format('svg');
}

.latest_blog{
    width: 38%;
    margin: 0 0 0 12%;
    background: #FFF;
    padding: 50PX;
    margin-bottom: 20px;

}
.latest_blog img{width:300px !important;height:300px !important;zoom: 1;
                 filter: alpha(opacity=80);
                 opacity: 0.8;}
.latest_blog .link-more, .btn-green {
    color: #fff !important;
    background: lightgreen;
    padding: 0 11px;
    display: inline-block;
    font-size: 14px;
    line-height: 25px;
    font-weight: bold;
    text-transform: uppercase;
    margin-top: 4px;
}
.latest_blog .link-more{
    color: #fff !important;
    background: #2C2A2A;
    padding: 1px 9px;
    display: inline-block;
    font-size: 16px !important;
    line-height: 25px;
    font-weight: bold;
    text-transform: uppercase;
    margin-top: 4px;  
}
.latest_blog .seperator{
    background:#D9D9D9;
}
.latest_blog .entry-content {
    padding: 15px 0!important;
}
.latest_blog h3 a{
    font-size: 60px;
    line-height: 70px;    
    color: #000;
    font-family: "HelveticaNeueLight";
    text-transform: uppercase;
}
.latest_blog h3 a:hover{
    color: #000;
}
.latest_blog h5{color:#000;}
.latest_blog p{color:#000;font-size: 18px;}
#my_latest_div{  
    padding: 30px 0 50px;
    margin-bottom: 30px;    
}
.flare.countloaded{
    opacity:1 !important;
}
.flare[data-orientation="vertical"]{
    visibility: visible !important;
}
#my_latest_div .latest_blog a{
    font-size: 24px;
    line-height: normal;
}
#blog .loadcontent{
    font-size: 28px;
    line-height: normal;
}
#blog .latest_blog{
    position: absolute;
    top: 140px;
}
#blog #my_latest_div{
    opacity: 0.7;
    height: 500px;
}