/*
Theme Name: WHIP
Theme URI: http://www.readywpthemes.com
Description: A Responsive Premium Portfolio Theme
Author: Hakan Kamci
Author URI: http://www.readywpthemes.com
Tags: black, white, gray, orange
License: GNU General Public License version 3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Version: 1.0
Designed & Coded by Hakan Kamci for ReadyWPThemes.com
All files, unless otherwise stated, are released under the GNU General Public License
version 3.0 (http://www.gnu.org/licenses/gpl-3.0.html)

******************************************************************************************************
	01. CSS Reset
	02. Basic Styles
	03. General Typography
	04. Links
	05. General Images, Object, embed, Video
	06. Misc
	07. 960 Grid & Mobil Devices
	08. General Wordpress Styling
	09. Header Top Styles
	10. Main Menu Styles
	11. Home Page Styles
	12. Content Styles
	13. Sidebar Styles
	14. Portfolio Single Styles
	15. Pagination Styles
	16. Footer Styles
	17. Shortcodes Styles
	18. Slider Styles
	18. Portfolio Styles
	19. Contact Us Template Styles
	20. Advanced Comment Styles
	21. Calendar Widget
	22. Search Widget
	23. Tag Cloud Widget
	24. To TOP
	25. Media Queries
	

******************************************************************************************************

/* 01. Reset & Basics (Inspired by E. Meyers)
================================================== */
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, 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, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
} 
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}

ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,  q:before, q:after {
	content: '';
	content: none;
}

/******************************************************************************************************/
/* 02. Basic Styles
/******************************************************************************************************/

body, button, input, select, textarea {font: 12px/21px Arial, Helvetica, sans-serif;}

body {
	-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
	-webkit-text-size-adjust: 100%;
	line-height: 1.8;
}

/******************************************************************************************************/
/* 03. General Typography
/******************************************************************************************************/

h1, h2, h3, h4, h5, h6 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 600;
	line-height: normal;
	margin-bottom: 10px;
	color: #333;
	text-transform:uppercase;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	font-weight: inherit;
	text-decoration:none;
}
h1{font-size: 28px;}
h2{font-size: 24px;}
h3{font-size: 20px;}
h4{font-size: 18px;}
h5{font-size: 16px;}
h6{font-size: 14px;}

p {margin: 0 0 20px 0;}
p:last-child {margin: 0;}

p img {margin: 0;}

em {font-style: italic;}
strong {font-weight: bold; color:#111;}
small {font-size: 80%;}
hr {
	border: solid #EEE;
	border-width: 1px 0 0;
	clear: both;
	margin: 20px 0 0;
	height: 20px;
}
hr.dashed {
	background: url(images/hr_dashed2.png) repeat-x;
	clear: both;
	margin: 20px 0;
	height: 10px;
	border: none;
}
hr.small_dots {
	background: url(images/dashed_small.png) repeat-x center left;
	clear: both;
	margin: 20px 0;
	height: 10px;
	border: none;
}
hr.arc_shadow{
	background:url(images/drop_shadow_big.png) no-repeat bottom center;
	clear: both;
	margin: 20px 0;
	height: 26px;
	border: none;
}
/******************************************************************************************************/
/* 04. Links
/******************************************************************************************************/

a{
	text-decoration: none;
	outline: 0;
	transition: color 0.1s linear;
	-moz-transition: color 0.1s linear;
	-webkit-transition: color 0.1s linear;
	-o-transition: color 0.1s linear;
}
p a, p a:visited {
	line-height: inherit;
}

/******************************************************************************************************/
/* 05. General Images, Object, embed, Video
/******************************************************************************************************/

img, object, embed, video{ max-width: 100%; height: auto; width:auto; }
figure iframe { max-width: 100%;}


/******************************************************************************************************/
/* 06. Misc
/******************************************************************************************************/

.remove-bottom{
	margin-bottom: 0 !important;
}
.remove-top{
	margin-top: 0 !important;
}
.half-bottom{
	margin-bottom: 10px !important;
}
.half-top{
	margin-top: 10px !important;
}
.add-bottom{
	margin-bottom: 20px !important;
}
.add-top{
	margin-top: 20px !important;
}
.add-more-bottom{
	margin-bottom: 30px !important;
}
.add-more-top{
	margin-top: 30px !important;
}
/* Table of Contents
==================================================
    #Base 960 Grid
    #Tablet (Portrait)
    #Mobile (Portrait)
    #Mobile (Landscape)
    #Clearing */


/******************************************************************************************************/
/* 07. Base 960 Grid
/******************************************************************************************************/

.container, .arc_top, .arc_bottom, header.top {
	position: relative;
	width: 960px;
	margin: 0 auto;
	padding-left: 20px;
	padding-right: 20px;
}
.white{background-color:#FFFFFF;}
.container.white {padding-bottom: 26px;box-shadow: 0 0 100px rgba(0, 0, 0, .15);z-index: 1;padding-top: 1px;margin-top: -1px;}
.column, .columns {
	float: left;
	display: inline;
	margin-left: 10px;
	margin-right: 10px;
}
.row {
	margin-bottom: 20px;
}
/*--------------------------------------------------
Nested Column Classes
-------------------------------------------------- */
.column.alpha, .columns.alpha {margin-left: 0;}
.column.omega, .columns.omega {	margin-right: 0;}
/* Base Grid */
.container .one.column {width: 40px;}
.container .two.columns {width: 100px;}
.container .three.columns {width: 160px;}
.container .four.columns {width: 220px;}
.container .five.columns {width: 280px;}
.container .six.columns {width: 340px;}
.container .seven.columns {width: 400px;}
.container .eight.columns {width: 460px;}
.container .nine.columns {width: 520px;}
.container .ten.columns {width: 580px;}
.container .eleven.columns {width: 640px;}
.container .twelve.columns {width: 700px;}
.container .thirteen.columns {width: 760px;}
.container .fourteen.columns {width: 820px;}
.container .fifteen.columns {width: 880px;}
.container .sixteen.columns {width: 940px;}

.container .one-third.column {width: 300px;}
.container .two-thirds.column {width: 640px;}


/*--------------------------------------------------
Percentage columns
-------------------------------------------------- */

.row_sh.column_sh, .row_sh .columns_sh { margin-left: 2.2%; margin-bottom:10px; float: left; min-height: 1px; position: relative; }
.column_sh:first-child, .columns_sh:first-child { margin-left: 0px; }

.row_sh .one.columns_sh { width: 6.3166%; }
.row_sh .two.columns_sh { width: 14.83%; }
.row_sh .three.columns_sh { width: 23.35%; }
/*.row_sh .four.columns_sh { width: 31.866%; }*/
.row_sh .five.columns_sh { width: 40.2%; }
.row_sh .six.columns_sh { width: 48.9%; }
.row_sh .seven.columns_sh { width: 57.6%; }
.row_sh .eight.columns_sh { width: 65.934%; }
.row_sh .nine.columns_sh { width: 74.45%; }
.row_sh .ten.columns_sh { width: 82.6%; }
.row_sh .eleven.columns_sh { width: 91.4834%; }
.row_sh .twelve.columns_sh { width: 100%; }

.row_sh{zoom: 1; overflow: hidden;}

/*--------------------------------------------------
Special Styles
-------------------------------------------------- */
.border_rad6{
	border-radius: 6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
}

/*--------------------------------------------------
 Offsets
-------------------------------------------------- */
.container .offset-by-one {padding-left: 60px;}
.container .offset-by-two {padding-left: 120px;}
.container .offset-by-three {padding-left: 180px;}
.container .offset-by-four {padding-left: 240px;}
.container .offset-by-five {padding-left: 300px;}
.container .offset-by-six {padding-left: 360px;}
.container .offset-by-seven {padding-left: 420px;}
.container .offset-by-eight {padding-left: 480px;}
.container .offset-by-nine {padding-left: 540px;}
.container .offset-by-ten {padding-left: 600px;}
.container .offset-by-eleven {padding-left: 660px;}
.container .offset-by-twelve {padding-left: 720px;}
.container .offset-by-thirteen {padding-left: 780px;}
.container .offset-by-fourteen {padding-left: 840px;}
.container .offset-by-fifteen {padding-left: 900px;}

/******************************************************************************************************/
/* Tablet (Portrait)
/******************************************************************************************************/
    /* Note: Design for a width of 768px */

@media only screen and (min-width: 768px) and (max-width: 959px) {
.container,.arc_top, .arc_bottom, header.top {width: 768px;}
.container .column,  .container .columns {margin-left: 10px; margin-right: 10px;}
.column.alpha, .columns.alpha {margin-left: 0; margin-right: 10px;}
.column.omega, .columns.omega {margin-right: 0 ;margin-left: 10px;}
.container .one.column {width: 28px;}
.container .two.columns {width: 76px;}
.container .three.columns {width: 124px;}
.container .four.columns {width: 172px;}
.container .five.columns {width: 220px;}
.container .six.columns {width: 268px;}
.container .seven.columns {width: 316px;}
.container .eight.columns {width: 364px;}
.container .nine.columns {width: 412px;}
.container .ten.columns {width: 460px;}
.container .eleven.columns {width: 508px;}
.container .twelve.columns {width: 556px;}
.container .thirteen.columns {width: 604px;}
.container .fourteen.columns {width: 652px;}
.container .fifteen.columns {width: 700px;}
.container .sixteen.columns {width: 748px;}
.container .one-third.column {width: 236px;}
.container .two-thirds.column {width: 492px;}
/* Offsets */
.container .offset-by-one {padding-left: 48px;}
.container .offset-by-two {padding-left: 96px;}
.container .offset-by-three {padding-left: 144px;}
.container .offset-by-four {padding-left: 192px;}
.container .offset-by-five {padding-left: 240px;}
.container .offset-by-six {padding-left: 288px;}
.container .offset-by-seven {padding-left: 336px;}
.container .offset-by-eight {padding-left: 348px;}
.container .offset-by-nine {padding-left: 432px;}
.container .offset-by-ten {padding-left: 480px;}
.container .offset-by-eleven {padding-left: 528px;}
.container .offset-by-twelve {padding-left: 576px;}
.container .offset-by-thirteen {padding-left: 624px;}
.container .offset-by-fourteen {padding-left: 672px;}
.container .offset-by-fifteen {padding-left: 720px;}

row_sh.column_sh, .row_sh .columns_sh { margin-left: 2.8%; margin-bottom:10px; float: left; min-height: 1px; position: relative; }
.column_sh:first-child, .columns_sh:first-child { margin-left: 0px; }
	
.row_sh .one.columns_sh { width: 5.766%; }
.row_sh .two.columns_sh { width: 14.33%; }
.row_sh .three.columns_sh { width: 22.9%; }
.row_sh .four.columns_sh { width: 31.46%; }
.row_sh .five.columns_sh { width: 40.035%; }
.row_sh .six.columns_sh { width: 48.6%; }
.row_sh .seven.columns_sh { width: 57.165%; }
.row_sh .eight.columns_sh { width: 65.74%; }
.row_sh .nine.columns_sh { width: 74.3%; }
.row_sh .ten.columns_sh { width: 82.87; }
.row_sh .eleven.columns_sh { width: 91.434%; }
.row_sh .twelve.columns_sh { width: 100%; }
}


@media only screen and (max-width: 767px) {
.container, .arc_top, .arc_bottom, header.top {
	width: 100%;
}
.columns, .column {
	margin: 0;
}
.container .one.column,  .container .two.columns,  .container .three.columns,  .container .four.columns,  .container .five.columns,  .container .six.columns,  .container .seven.columns,  .container .eight.columns,  .container .nine.columns,  .container .ten.columns,  .container .eleven.columns,  .container .twelve.columns,  .container .thirteen.columns,  .container .fourteen.columns,  .container .fifteen.columns,  .container .sixteen.columns,  .container .one-third.column,  .container .two-thirds.column{
	width: 100%;
	margin: 0;
}
.row_sh .one.columns_sh, .row_sh .two.columns_sh, .row_sh .three.columns_sh, .row_sh .four.columns_sh, .row_sh .four_s.columns_sh, .row_sh .five.columns_sh, .row_sh .six.columns_sh, .row_sh .seven.columns_sh, .row_sh .eight.columns_sh, .row_sh .nine.columns_sh, .row_sh .ten.columns_sh, .row_sh .eleven.columns_sh, .row_sh .twelve.columns_sh{
	width: 100%;
	margin: 0;
}
.row_sh .one.columns_sh, .row_sh .two.columns_sh, .row_sh .three.columns_sh, .row_sh .four.columns_sh, .row_sh .five.columns_sh, .row_sh .six.columns_sh, .row_sh .seven.columns_sh, .row_sh .eight.columns_sh, .row_sh .nine.columns_sh, .row_sh .ten.columns_sh, .row_sh .eleven.columns_sh, .row_sh .twelve.columns_sh{margin-bottom:20px!important;}
/* Offsets */
.container .offset-by-one,  .container .offset-by-two,  .container .offset-by-three,  .container .offset-by-four,  .container .offset-by-five,  .container .offset-by-six,  .container .offset-by-seven,  .container .offset-by-eight,  .container .offset-by-nine,  .container .offset-by-ten,  .container .offset-by-eleven,  .container .offset-by-twelve,  .container .offset-by-thirteen,  .container .offset-by-fourteen,  .container .offset-by-fifteen {
	padding-left: 0;
}
}
/******************************************************************************************************/
/* Mobile (Landscape)
/******************************************************************************************************/
/* Note: Design for a width of 480px */

@media only screen and (min-width: 480px) and (max-width: 767px) {
.container, .arc_top, .arc_bottom,header.top {
	width: 420px;
}
.columns, .column {
	margin: 0;
}
.container .one.column,  .container .two.columns, .container .three.columns, .container .four.columns, .container .five.columns,  .container .six.columns,  .container .seven.columns,  .container .eight.columns,  .container .nine.columns,  .container .ten.columns,  .container .eleven.columns,  .container .twelve.columns,  .container .thirteen.columns,  .container .fourteen.columns,  .container .fifteen.columns,  .container .sixteen.columns,  .container .one-third.column,  .container .two-thirds.column {
	width: 420px;
	margin: 0;
}
.row_sh .one.columns_sh, .row_sh .two.columns_sh, .row_sh .three.columns_sh, .row_sh .four.columns_sh, .row_sh .four_s.columns_sh, .row_sh .five.columns_sh, .row_sh .six.columns_sh, .row_sh .seven.columns_sh, .row_sh .eight.columns_sh, .row_sh .nine.columns_sh, .row_sh .ten.columns_sh, .row_sh .eleven.columns_sh, .row_sh .twelve.columns_sh{
	width: 100%;
	margin: 0;
}
select.mobileMenu{width:100%; display:block; padding:10px; color:#fff; background:#333; margin:0; color: #fff; font-size: 14px; outline:none; border:none;}
}

/******************************************************************************************************/
/* Mobile (Portrait)
/******************************************************************************************************/
@media only screen and (max-width: 479px) {
.container, .arc_top, .arc_bottom, header.top {
	width: 320px;
}
.columns, .column {
	margin: 0;
}
.container .one.column,  .container .two.columns,  .container .three.columns,  .container .four.columns,  .container .five.columns,  .container .six.columns,  .container .seven.columns,  .container .eight.columns,  .container .nine.columns,  .container .ten.columns,  .container .eleven.columns,  .container .twelve.columns,  .container .thirteen.columns,  .container .fourteen.columns,  .container .fifteen.columns,  .container .sixteen.columns,  .container .one-third.column,  .container .two-thirds.column{
	width: 320px;
	margin: 0;
}
.row_sh .one.columns_sh, .row_sh .two.columns_sh, .row_sh .three.columns_sh, .row_sh .four.columns_sh, .row_sh .four_s.columns_sh, .row_sh .five.columns_sh, .row_sh .six.columns_sh, .row_sh .seven.columns_sh, .row_sh .eight.columns_sh, .row_sh .nine.columns_sh, .row_sh .ten.columns_sh, .row_sh .eleven.columns_sh, .row_sh .twelve.columns_sh{
	width: 100%;
	margin: 0;
}
.row_sh .one.columns_sh, .row_sh .two.columns_sh, .row_sh .three.columns_sh, .row_sh .four.columns_sh, .row_sh .five.columns_sh, .row_sh .six.columns_sh, .row_sh .seven.columns_sh, .row_sh .eight.columns_sh, .row_sh .nine.columns_sh, .row_sh .ten.columns_sh, .row_sh .eleven.columns_sh, .row_sh .twelve.columns_sh{margin-bottom:20px!important;}
/* Offsets */
.container .offset-by-one,  .container .offset-by-two,  .container .offset-by-three,  .container .offset-by-four,  .container .offset-by-five,  .container .offset-by-six,  .container .offset-by-seven,  .container .offset-by-eight,  .container .offset-by-nine,  .container .offset-by-ten,  .container .offset-by-eleven,  .container .offset-by-twelve,  .container .offset-by-thirteen,  .container .offset-by-fourteen,  .container .offset-by-fifteen {
	padding-left: 0;
}
}

/* #Clearing
================================================== */

/* Self Clearing Goodness */
.container:after {
	content: "\0020";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
/* Use clearfix class on parent to clear nested columns,
    or wrap each row of columns in a <div class="row"> */
.clearfix:before,  .clearfix:after,  .row:before,  .row:after, .row_sh:before, .row_sh:after{
	content: '\0020';
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}
.row:after,  .clearfix:after {
	clear: both;
}
.row,  .clearfix {
	zoom: 1;
}
/* You can also use a <br class="clear" /> to clear columns */
.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/******************************************************************************************************/
/* 08. General Wordpress Styling
/******************************************************************************************************/

.aligncenter, div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.alignleft {
	float:left;
	text-align:left;
	margin:5px 10px 6px 0;
}
.alignright {
	float:right;
	text-align:right;
	margin:5px 0 6px 10px
}
.aligncenter, div.aligncenter  {
	text-align:center;
	margin:0 auto;
}
.sticky{font-weight:normal;}

#calendar_wrap {overflow: hidden;}

.wp-caption {
	text-align: center;
	width:100%!important;
}
.wp-caption img {
	display:block;
}
.wp-caption p.wp-caption-text {
	margin: 10px 0 0 0;
	padding: 0 4px 5px;
	font: italic 11px Georgia;
}
.gallery {
	clear:both;
	overflow:hidden;
}
.gallery img{display:block; max-width: none;}
.gallery-item {
	float:left;
	margin:0 15px 15px 0;
}
.gallery-caption {
	text-align:center;
	margin-top: 4px;
}
a.more-link{
	display: inline-block;
	padding:8px 8px 12px 8px;
	color: #FFFFFF;
	margin-bottom: 10px!important;
	font-size: 15px;
}
a.more-link:hover{
}
a.more-link:active, a.more-link.active{
	cursor: pointer !important;
}
a.more-link:hover{
	background:#222;
}

body{
	color:#888;
}
.gradient_style{
background: -webkit-gradient( linear, center bottom, center top, from(rgba(0, 0, 0, .05)), to(rgba(255, 255, 255, .1)) );
background: -moz-linear-gradient( center top, rgba(255, 255, 255, .1) 0%, rgba(0, 0, 0, .05) 100% );
background-image: -o-linear-gradient(top,rgba(255,255,255,.1),rgba(0,0,0,0.05));
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#10FFFFFF', EndColorStr='#10000000');
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#10FFFFFF', EndColorStr='#10000000')";
}

/******************************************************************************************************/
/* 09. Header Sytles
/******************************************************************************************************/

.header_bg{
	background: #F7F7F7 url(images/blue.jpg) no-repeat top center scroll;
	position: absolute;
	height: 194px;
	width: 100%;
	border-bottom: 5px solid #FF2A00;
	padding: 20px 0 0 0;
	box-shadow: 0 4px 100px rgba(0, 0, 0, .15);
}
.arc_top{
	background: url(images/header_top_arc.png) no-repeat center bottom;
	background-size:100%;
	height: 100px;
	margin: 0 auto;
	position:relative;
	z-index: 2;
}
.arc_bottom{
	background: url(images/arc_bottom_bg.png) no-repeat center top;
	background-size:100%;
	height: 34px;
	margin: 0 auto -70px auto;
	position:relative;
	z-index: 2;
}
@media screen and (-webkit-min-device-pixel-ratio:1.0) {
/* CSS Statements that only apply on webkit-based browsers (Chrome, Safari, etc.) */
.arc_bottom{ margin: 0 auto -120px auto; }
}
header.top {
	position: relative;
}
header.top #logo{
	text-align: center;
	position: absolute;
	left: 50%;
	z-index: 2;
}
header.top #logo_text{
	text-align: center;
}

#main-menu {
	position:relative;
}

/******************************************************************************************************/
/* 10. Main Menu Sytles
/******************************************************************************************************/

/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf-menu {
	line-height:	1.0;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			10em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	width:			100%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	position:		relative;
}
.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			34px; /* match top ul list item height */
	z-index:		99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}

/*** DEMO SKIN ***/
.sf-menu {
	float:left;
	width:100%;
	text-align:center;
	text-transform:uppercase;
}
.sf-menu li{
	display:inline-block;
}

.sf-menu li a {
	padding:8px 16px;
	text-decoration:none;
	display:block;
	outline:none;
}

/******************************************************************************************************/
/* 11. Home Page Styles
/******************************************************************************************************/
.home_slogan{
	text-align: center;
	padding: 20px 0;
	padding-bottom: 40px;
}
.home_slogan h1{color:#444; font-weight:300; font-size:40px;}
.home_slogan h4{font-weight: 300;color: #888;}

.ch-grid {
	padding: 0;
	list-style: none;
	display: block;
	text-align: center;
	width: 100%;
	margin: 0!important;
}
.add-top.ch-grid {
margin-top: 5px!important;
}

.ch-grid:after,
.ch-item:before {
	content: '';
    display: table;
}

.ch-grid:after {
	clear: both;
}

.ch-grid li {
	width: 200px;
	height: 200px;
	display: inline-block;
	margin: 20px 30px 20px 0;
}
.ch-grid li:nth-child(4) {
margin-right: 0;
}
.ch-grid .ch-item {
	width: 100%;
	height: 100%;
	border-radius: 50%;
	position: relative;
	cursor: default;
}
.ch-info{
	position: absolute;
	width: 100%;
	height: 100%;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transform-style: preserve-3d;
}
.ch-info > div {
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	background-position: center center;
	-webkit-transition: all 0.4s linear;
	-moz-transition: all 0.4s linear;
	-o-transition: all 0.4s linear;
	-ms-transition: all 0.4s linear;
	transition: all 0.4s linear;
	-webkit-transform-origin: 50% 0%;
	-moz-transform-origin: 50% 0%;
	-o-transform-origin: 50% 0%;
	-ms-transform-origin: 50% 0%;
	transform-origin: 50% 0%;
}

.ch-info .ch-info-front {
	box-shadow: inset 0 0 0 16px rgba(0,0,0,0.3);
}

.ch-info .ch-info-back {
	-webkit-transform: translate3d(0,0,-220px) rotate3d(1,0,0,90deg);
	-moz-transform: translate3d(0,0,-220px) rotate3d(1,0,0,90deg);
	-o-transform: translate3d(0,0,-220px) rotate3d(1,0,0,90deg);
	-ms-transform: translate3d(0,0,-220px) rotate3d(1,0,0,90deg);
	transform: translate3d(0,0,-220px) rotate3d(1,0,0,90deg);
	background: #000;
	opacity: 0;
}
.ch-info h3 {
	color: #FFFFFF;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: 22px;
	margin: 0 12px;
	padding: 50px 0 0 0;
	height: 70px;
	text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);
	border-bottom: 1px solid #333;
	text-align: center;

}
.ch-info p {
	color: #fff;
	padding: 10px 5px;
	font-style: italic;
	margin: 0 30px;
	font-size: 12px;
	-webkit-transition: all 1s ease-in-out 0.1s;
	-moz-transition: all 1s ease-in-out 0.1s;
	-o-transition: all 1s ease-in-out 0.1s;
	-ms-transition: all 1s ease-in-out 0.1s;
	transition: all 1s ease-in-out 0.1s;
}

.ch-info p a {
	display: block;
	color: #fff;
	color: rgba(255,255,255,0.7);
	font-style: normal;
	font-weight: 700;
	text-transform: uppercase;
	font-size: 11px;
	letter-spacing: 1px;
	padding-top: 4px;
}
.ch-info p a:hover{color:#eee;}

.ch-item:hover {
	box-shadow: 
		inset 0 0 0 1px rgba(255,255,255,0.1),
		0 1px 2px rgba(0,0,0,0.1);
}
.ch-item:hover .ch-info-front {
	-webkit-transform: translate3d(0,280px,0) rotate3d(1,0,0,-90deg);
	-moz-transform: translate3d(0,280px,0) rotate3d(1,0,0,-90deg);
	-o-transform: translate3d(0,280px,0) rotate3d(1,0,0,-90deg);
	-ms-transform: translate3d(0,280px,0) rotate3d(1,0,0,-90deg);
	transform: translate3d(0,280px,0) rotate3d(1,0,0,-90deg);
	opacity: 0;
}

.ch-item:hover .ch-info-back {
	-webkit-transform: rotate3d(1,0,0,0deg);
	-moz-transform: rotate3d(1,0,0,0deg);
	-o-transform: rotate3d(1,0,0,0deg);
	-ms-transform: rotate3d(1,0,0,0deg);
	transform: rotate3d(1,0,0,0deg);
	opacity: 1;
}

/******************************************************************************************************/
/* 11. Content Styles
/******************************************************************************************************/
/* Layouts */

.layout-2cl .left{float:right;}

.layout-2cl aside.sidebar {float:left;}

.layout-2cr .two-thirds.column.left {margin-left: 0;}
.layout-2cr .one-third.column.sidebar {margin-right: 0; margin-left: 10px;}

.layout-2cl .two-thirds.column.left {margin-right: 0;}
.layout-2cl .one-third.column.sidebar {margin-left: 0; margin-right: 10px;}

.entry_header_no_padding {
padding: 0 15px;
}

h1.page_title, h2.home_page_title {
	letter-spacing: 0px;
	text-transform: uppercase;
	text-align: center;
	padding: 15px 0;
	font-weight: 300;
	letter-spacing: -1px;
	padding-bottom: 32px;
}
h1.page_title{
	text-align: center;
	margin:10px 0 15px 0;
	font-weight: 300;
}

h3.page_title {
	border-bottom: 1px dotted rgba(0, 0, 0, .1);
	border-top: 1px dotted rgba(0, 0, 0, .1);
	margin-top: 10px;
	padding: 6px 0;
}

.home_news{line-height:1.4;}
.home_news li {list-style-type: none;}
.home_news .three.columns_sh {margin-bottom: 0!important;}
.home_news img {border-radius: 100px;}

.home_news h5 a {color: #111;}

li.four.columns_sh.grid_blog img{
	border-radius:50%;
}
li.four.columns_sh.grid_blog:nth-child(4) {
margin-left: 0;
}
li.four.columns_sh.grid_blog:nth-child(3n+1) {
clear: both;
}

section.content header, .container aside header{
	margin-bottom:5px;
}
section.content {
	overflow: hidden;
	float:left;
}
.entry {padding: 15px;}

.border_acc, .border_dark, .border_acc.style2{width:30%; float:left; height:2px;}
.border_dark, .border_dark.style2{width:70%; background:#ddd;}
.border_dark.style2{width:40%;}

.entry .big_icons{font-size:60px;}


article.post_list {
	padding: 0 20px 0 20px;
	background-color: #FFFFFF;
	width: 590px;
	border-radius: 4px;
	box-shadow: 0 0 4px rgba(0, 0, 0, .2);
}
h3.entry-title {
	font-size: 24px;
	color: #333;
	margin: 0;
	font-weight: 400;
}
h3.entry-title a{color:#333;}

.post_read_more {
	float: right;
	padding: 6px 15px;
	border-radius: 50px;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	text-align: center;
	font-size: 11px;
	margin: 0!important;
	width: 60px;
}
.home_news .post_read_more {
	float: none;
	margin: 0 auto!important;
}
.post_read_more:hover {
    background-color: #111;
}
.post_read_more a {
    color: #fff;
}

ul.social_icons{display:none;}

.meta_info {margin-top: 8px; font-size: 11px;font-style:italic;}

.entry ol, .entry ul{
	list-style:decimal;
	list-style-position:inside;
	margin:0 0 20px 10px;
}
.entry ul{
	list-style: square;
	list-style-position: inside;
	margin: 0 0 20px 10px;
}
.entry ol li, .entry ul li {
margin-bottom: 6px;
}

.post_date {
	float: left;
	border-radius: 100px;
	width: 68px;
	padding: 10px;
	text-align: center;
	color: #FFFFFF;
	font-weight: bold;
	margin: 0 10px 10px 0;
	text-transform: uppercase;
	font-size: 10px;
	line-height: 20px;
	position: relative;
}

.home_news .post_date {
	float: none;
	text-align: center;
	margin: 0 auto 10px auto;
}

.post_date .month {
	position: absolute;
	top: 0;
	left: 0;
	background: #111;
	border-radius: 100px;
	padding: 6px;
	width: 20px;
}
.post_date .day {
	font-size: 36px;
	font-weight: normal;
	display: block;
	letter-spacing: -2px;
	line-height: 28px;
	padding-top: 21px;
	margin-left: -2px;
}
.post_date .year {
	display: block;
	color:#111;
}


ul.post_meta_data {
	font-size: 10px;
	color: #CCC;
	list-style-type: none;
	padding: 6px 0;
	text-transform: uppercase;
	display: block;
	border-top: 1px dotted #EEE;
	border-bottom: 1px dotted #EEE;
	margin: 10px 0;
}
.entry ul.post_meta_data li{display:inline; list-style-type:none; margin:0 10px 0 0; background:url(images/header_meta_dark.png) no-repeat; padding-left: 18px;}

.entry ul.post_meta_data li.sep_date {background-position:0 1px;}
.entry ul.post_meta_data li.sep_author {background-position:0 -21px;}
.entry ul.post_meta_data li.sep_category {background-position:0 -44px;}
.entry ul.post_meta_data li.sep_comments {background-position:0 -65px;}
.entry ul.post_meta_data li.sep_edit {background-position:0 -87px;}
.sep_tags{background:url(images/header_meta_dark.png) no-repeat 0 -105px; padding-left: 18px;}


ul.post_meta_data li {display: inline-block;margin: 0 10px 0 0;}
ul.post_meta_data li a:hover{color:#111;}

ul.post_meta_data.inner_meta {margin: 0 0 20px 0;}

.sep_tags {font-size: 11px;color: #CCC;}


article.post_detail {
	padding-bottom: 0;
	margin: 0;
}
article.post_detail .entry .img_wrapper{
	padding:10px;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}
article.post_detail_single footer {
	clear:both;
	padding: 10px 0;
}
#nav-single{overflow:visible; margin: 20px 0; text-align:center;}
#nav-single.portfolio{text-align:right;}

#nav-single a {
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	padding: 6px;
	border-radius: 100px;
	color: #fff;
}
#nav-single a:hover {
	background-color: #111;
}

#nav-single .nav-previous a, #nav-single .nav-next a, #nav-single .share a{
	background-image: url(images/header_meta_dark.png);
	text-indent: -9999px;
	width: 20px;
	height: 10px;
	display: inline-block;
	background-repeat: no-repeat;
}
#nav-single .nav-previous a{
	background-position:9px -128px;
}
#nav-single .nav-next a{
	background-position:11px -151px;
}
#nav-single .share a{
	background-position:9px -174px;
}




.content article.post_detail ul li, .content .post_detail ol li {
	margin:0 0 10px 0;
	line-height:16px;
}
.content article.post_detail ol {list-style-type:decimal;}
.content article.post_detail ul {list-style-type:circle;}
.content .posts_home {text-align:center;}
.content .posts_home .post_detail_list {
	float:left;
	margin:0 10px
}
.content .not_found{text-align:center;}
.content .not_found h1{
	font-size: 22em;
	line-height: 1em;
}
.content .not_found input.s{float:none;}
.sep, .entry-utility-prep.entry-utility-prep-cat-links, .entry-utility-prep-tag-links {
	font-style: italic;
	font-family: Georgia, "Times New Roman", Times, serif;
}
aside.related{margin-top:20px; overflow:hidden;}
figure.related img{display:block;}

.twitter-date {margin-bottom: 0;}

ul.loop_blog li {
list-style-type: none;
}

ul.loop_blog_widget li {list-style-type: none!important;}
ul.loop_blog_widget li:before{content: ""!important;}
ul.loop_blog_widget li a {color: #888;}
a p.sh_title {
	color: #333;
	font-size: 13px;
	margin: 0;
	text-transform: uppercase;
	font-weight: 600;
}
a:hover p.sh_title{	text-decoration:underline;}

span.entry-date{font-size:11px; font-style:italic;padding: 1px 0;display: block;color: #BBB;}


.entry ul.social_icons{text-align:center;margin-top: 20px;}
.entry ul.social_icons li {list-style-type: none;display: inline-block;}

/******************************************************************************************************/
/* 13. Sidebar Styles
/******************************************************************************************************/
.layout-2cl .one-third.column.sidebar .sidebar_inner{padding:15px 0 15px 15px;}
.layout-2cr .one-third.column.sidebar .sidebar_inner{padding:15px 15px 15px 0;}
.sidebar .widget_box {
	display:block;
	margin: 0 0 30px 0;
	clear: both;
}
.sidebar h4 {
	font-size: 16px;
	padding: 14px 0 20px;
	text-transform: uppercase;
	margin: 10px 0 20px 0;
	font-weight: 600;
}
.sidebar .dashed {
	margin: 0 0 10px;
}
.sidebar .widget_box a {
	text-decoration:none;
}
.sidebar .widget_box ul {
	list-style-type:none;
}
.sidebar .widget_box ul ul {
	margin: 0 0 0 20px;
}
.sidebar .widget_box ul li {
	padding:10px 0 6px;
	border-bottom: 1px dotted #DDD;
}
.sidebar .widget_box ul li:before {
    content: "• ";
    font-size:15px;
}
.sidebar .widget_box ul li:last-child {
border-bottom: none;
}
.sidebar .widget_box ul li a {
	text-decoration:none;
	display:inline;
}
.sidebar .widget_box ul li a:hover {
	text-decoration:none;
}
.sidebar .widget_box ul#flickr li:before{content: ""!important;}

.sidebar .widget_box ul#flickr li {
	float: left;
	border: none;
	margin: 0 12px 12px 0;
	padding: 0;
	list-style-image:none;
}
.sidebar .widget_box ul#flickr li a {
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
.sidebar .widget_box ul#flickr li a {
	background: #CCC;
	padding: 4px;
}
.sidebar .tagcloud {
overflow: hidden;
padding-bottom: 15px;
}
.sidebar .ad_125 img {margin:10px;}
.sidebar .ad_300 {margin-top: 10px;}

#fb-root {
  display: none;
}

/* To fill the container and nothing else */

.fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget span iframe[style] {
  width: 100% !important;
}

/******************************************************************************************************/
/* 14. Portfolio Single Styles
/******************************************************************************************************/
section.content.portfolio_single {margin: 32px 0;}

.featured_part {margin-top: 10px;}


ul#filters {
	margin: 30px 0 0 0;
	text-align: center;
}

ul#filters li {
	display: inline-block;
	margin: 0 5px 15px 0;
}

ul#filters li a {
	color: #444;
	padding: 6px 15px;
	border-radius: 6px;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}
ul#filters li a:hover, ul#filters li a.selected{color:#fff;}
/******************************************************************************************************/
/* 15. Pagination Styles
/******************************************************************************************************/

.posts-nav{
	margin:20px 0;
	clear:both;	
}

ul.page-numbers {
	overflow:hidden;
	margin:0;
	padding-bottom:20px;
}
ul.page-numbers li {
	display:inline-block;
	margin:0 10px 0 0;
	padding:10px 0;
}
ul.page-numbers li a, ul.page-numbers li span.current{
	border-radius: 4px;
	padding: 9px 14px;
	color: #333;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	margin-bottom: 10px!important;
	font-size: 12px;
}
ul.page-numbers li span.current, ul.page-numbers li a:hover{color:white;}

ul.page-numbers li a:active, ul.page-numbers li a.active{
	cursor: pointer !important;
}

/******************************************************************************************************/
/* 16. Footer Styles
/******************************************************************************************************/
.footer_top{
	background:url(images/footer_bg.png) no-repeat top center;
	height:80px;
	margin: -60px auto 0;
}
footer.f {
	color: #DDD;
	overflow: hidden;
	font-size: 11px;
	background-color: #111;
	text-shadow: 1px 1px 0px rgba(0, 0, 0, 1);
	line-height: 16px;
	padding-top: 30px;	
}
footer.f aside.f_top{
	padding:60px 0 0;
}
footer.f .widget_box {
	margin:20px;
}
footer.f .widget_box h4 {
	font-size: 18px;
	font-weight: 700;
	margin: 10px 0;
	line-height: normal;
	color: #DDD;
	text-transform: uppercase;
}

.widget_box input.s[type=text]:focus,
.widget_box input.s[type=password]:focus {
  outline: 0 none;
}
footer .f_top ul li{
	list-style-type: none;
}
footer.f .widget_box ul.thumbs li{
	float: left;
	margin: 0 6px 4px 0;
	list-style-image:none;
}
#flickr li{
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}
#flickr img, #flickr li a{
	display:block;
}
footer.f .widget_box ul li a {
	text-decoration:none;
	display:inline;
	color: #999;
}
footer.f ul li.current_page_item a {
	text-decoration:underline;
	background:none;
}
footer.f ul#flickr{margin-top:16px;}


.footer_bottom .footer_left{float:left; padding:0 10px;}
.footer_bottom .footer_right{text-align:right; float:right; padding:0 10px;}
.footer_bottom{
	padding: 20px 0 10px;
	font-size: 10px;
}
.footer_bottom_bg_fluid{padding:0;}

footer .f_top ul li {
	border-bottom: 1px dotted #444;
	padding: 10px 0;
}
footer .f_top ul li:last-child {border-bottom: none;}

.footer_bottom .footer_right .hm_social_icons li{display:inline-block; }
.footer_bottom .footer_right .hm_social_icons a{margin-left:4px; height:24px; width:24px;}

/******************************************************************************************************/
/* 17. Shortcodes Styles
/******************************************************************************************************/
/******************************************************************************************************/
/* Post Table Styles
/******************************************************************************************************/

/* Table */
.entry table, .entry td, .entry th { vertical-align: middle; }
.entry caption { padding-bottom: 0.8em; }

.entry table{ text-align: left; border-collapse: collapse; width:100%; padding:0; float: left; margin-bottom:20px;}
.entry th{ text-align:center; padding:5px; font-weight: normal; font-size: 11px;}
.entry td{ text-align:center; padding: 5px;}
.entry tfoot td{ padding:5px; }
/******************************************************************************************************/
/* Shortcode Columns
/******************************************************************************************************/
.columns_s {
	margin-left:4.4%;
	margin-bottom:20px;
	float:left;
	min-height:1px;
	position:relative
}
/******************************************************************************************************/
/* Shortcode Buttons
/******************************************************************************************************/
.button, .button span {
	display: inline-block;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}
.button {
	display: inline-block;
	position:relative;
	outline: none;
	overflow: visible; /* removes extra side padding in IE */
	cursor: pointer;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	margin-bottom: 4px;
}
.button.full, .button.full span {display: block;}
.button:hover, .button.hover {
	background: -moz-linear-gradient(
		center top,
		rgba(255, 255, 255, .2) 0%,
		rgba(255, 255, 255, .1) 100%
	);/* FF3.6 */
	background: -webkit-gradient(
		linear,
		center bottom,
		center top,
		from(rgba(255, 255, 255, .1)),
		to(rgba(255, 255, 255, .2))
	);/* Saf4+, Chrome */
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#33FFFFFF', EndColorStr='#19FFFFFF'); /* IE6,IE7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#33FFFFFF', EndColorStr='#19FFFFFF')"; /* IE8 */
	cursor: pointer;
}
/* End Glow Animation */
.button:active, .button.active {
	cursor: pointer !important;
}
.button span {
	position: relative;
	color:#fff;
	text-shadow:0 1px 1px rgba(0, 0, 0, 0.25);
	padding:8px 14px;
	line-height:normal;
	text-decoration:none;
	text-align:center;
}

/* Font sizes */
.button.small span {font-size:11px;}
.button.medium span {font-size:14px;}
.button.large span {font-size:18px; padding:8px 20px;}

/* Button Colors */
.button.black {background-color: #333333;}
.button.gray {background-color: #666666;}
.button.white {background-color: #FFFFFF;}
.button.white span{color: #666666;}
.button.red {background-color: #e62727;}
.button.orange {background-color: #ff5c00;}
.button.magenta {background-color: #A9014B;}
.button.yellow {background-color: #ffb515;}
.button.blue {background-color: #00ADEE;}
.button.pink {background-color: #e22092;}
.button.green {background-color: #91bd09;}
.button.rosy {background-color: #F16C7C;}
.button.brown {background-color: #804000;}
.button.purple {background-color: #800080;}
.button.cyan {background-color: #46C7C7;}
.button.gold {background-color: #D4A017;}
/******************************************************************************************************/
/* Shortcode Styled Boxes
/******************************************************************************************************/

.sb_info, .sb_success, .sb_warning, .sb_error, .sb_custom{
	border-width:1px;
	border-style:solid;
	margin: 10px 0;
	padding:15px 20px 15px 50px;
	background:url(images/styled_box_icons.png) no-repeat;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
.sb_info h4, .sb_success h4, .sb_warning h4, .sb_error h4, .sb_custom h4 {
	padding:0 0 4px 0;
	margin:0 0 10px 0;
	line-height:normal;
	font-weight: 600;
	text-transform: none;
}
.sb_info {
	color: #00529B;
	background:#BDE5F8 url(images/sb_info.png) no-repeat 10px 16px;
}
.sb_info h4 {
	border-bottom:1px solid #00529B;
	color:#00529B;
}
.sb_success {
	color: #4F8A10;
	background:#DFF2BF url(images/sb_success.png) no-repeat 10px 16px;
}
.sb_success h4 {
	border-bottom:1px solid #4F8A10;
	color:#4F8A10;
}
.sb_warning {
	color: #9F6000;
	background:#FEEFB3 url(images/sb_warning.png) no-repeat 10px 16px;
}
.sb_warning h4 {
	border-bottom:1px solid #9F6000;
	color:#9F6000;
}
.sb_error {
	color: #D8000C;
	background:#FFBABA url(images/sb_error.png) no-repeat 10px 16px;
}
.sb_error h4 {
	border-bottom:1px solid #D8000C;
	color:#D8000C;
}
.sb_custom h6{margin-bottom:0;}

/******************************************************************************************************/
/* Shortcode Toggle
/******************************************************************************************************/
.toggle {
	margin: 2px 0 2px 0;
	display: block;
	float: left;
	cursor:pointer;
	width:100%;
	background:url(images/toggle_bg.png) no-repeat 6px -56px;
	overflow:hidden;
	border-radius: 6px
}
.toggle.active {
	background:url(images/toggle_bg.png) no-repeat 6px 8px;
}
.entry h4.triggerr {
	padding: 8px 0 2px 36px;
	display: block;
	font-weight: normal;
}
.textwidget h4.triggerr {
	text-transform: none;
	letter-spacing: 0;
	border-bottom: none;
	font-weight: normal;
	text-shadow: none;
	margin: 10px 0 0 36px;
	font-size:15px;
	border-radius: 100px
}
.entry h4.triggerr a {
	font-size:15px;
}
.entry .toggle_container {
	margin:0 0 2px 0;
	overflow: hidden;
	width: 100%;
	clear: both;
	border-radius: 6px;
}
.entry .toggle_container .block {
	padding:20px;
}
/******************************************************************************************************/
/* Shortcode Testimonials
/******************************************************************************************************/
.mb-wrap {
    margin: 20px auto;
    padding: 20px;
    position: relative; 
}
.mb-wrap ul {
	list-style-type: none;
	margin-bottom: 10px;
}
 
.mb-wrap p{
    margin: 0;
    padding: 0;
}
 
.mb-wrap blockquote {
    margin: 0;
    padding: 0;
    position: relative;
}
 
.mb-wrap cite {
    font-style: normal;
}


.mb-style-2 blockquote, .mb-style-3 blockquote{
    padding-top: 120px;
	text-align: left;
}
.mb-style-2 blockquote:after, .mb-style-3 blockquote:after {
	width: 83px;
	height: 90px;
	border-radius: 50%;
	content: open-quote;
	position: absolute;
	font-size: 92px;
	line-height: 125px;
	text-align: left;
	top: 0px;
	left: 50%;
	margin-left: -65px;
	color: white;
	padding: 10px 0 0 17px;
	font-family: Georgia;
	font-weight: bold;
	opacity: .6;
}
.mb-style-2 blockquote:before, .mb-style-3 blockquote:before{
    content: '';
	width: 250px;
	height: 300px;
	border-radius: 50%;
	border-left: 5px solid #FF2A00;
	position: absolute;
	top: 0px;
	left: -30px;
	z-index: -1;
	color: white;
	opacity: .1;
}
.mb-style-2 blockquote p, .mb-style-3 blockquote p {
    font-size: 16px;
	font-style: italic;
	display: inline;
	opacity: .6;
}
.mb-style-2 .mb-attribution, .mb-style-3 .mb-attribution {
    text-align: right;
}
 
.mb-style-2 .mb-author, .mb-style-3 .mb-author{
    text-transform: uppercase;
    font-size: 14px;
    padding-top: 10px;
    font-weight: bold;
    color: #444;
}
 
.mb-style-2 cite a, .mb-style-3 cite a{
    font-style: italic;
}

/******************************************************************************************************/
/* Shortcode Accordion
/******************************************************************************************************/
.accordion-container {
	margin:0 0 10px 0!important;
	overflow:hidden;
}
.entry ul.accordion-container li{
	list-style:none;
}
ul.accordion-container li a, .entry ul.accordion-container li a {
	margin: 0 0 4px 0;
	font-weight: normal;
	width: auto;
	background:#EFEFEF url(images/toggle_bg.png) no-repeat 6px 2px;
	overflow: hidden;
	text-decoration: none;
	padding: 6px 6px 6px 36px;
	font-size: 12px;
	text-transform: uppercase;
	display:block;
	color:#333;
	border-radius: 6px
}
ul.accordion-container li.active a, .entry ul.accordion-container li.active a{
	background-position: 6px -60px;
	color:white;
}

/******************************************************************************************************/
/* Shortcode Tabs
/******************************************************************************************************/

.entry .sliderkit {
	display:none;
	position:relative;
	overflow:hidden;
	text-align:left;
	margin:20px 0;
}
.entry .sliderkit a, .entry .sliderkit a:hover {
	text-decoration:none;
}
.entry .sliderkit a:focus {
	outline:1px dotted #000;
}
.entry .sliderkit img {
	border:0;
}
/* Nav */
.tabs-noheight .sliderkit-nav {
	position:relative;
	width:95%;
	height:36px;
	text-align:left;
}
.tabs-noheight .sliderkit-nav-clip ul {
	margin:0;
	padding:0
}
.tabs-noheight .sliderkit-nav-clip li {
	height:30px;
	list-style-type:none;
}
.tabs-noheight .sliderkit-nav-clip ul li a, .tabs-noheight .sliderkit-nav-clip li {
	float:left;
}
.tabs-noheight .sliderkit-nav-clip li {
margin-right: 6px;
}
.tabs-noheight .sliderkit-nav-clip li a {
	padding:10px 8px;
	text-decoration:none;
	height:16px;
}
.tabs-noheight .sliderkit-nav-clip ul li.sliderkit-selected a {
	outline:none;
}
/* Panel */
.tabs-noheight .sliderkit-panels {
	padding:10px;
}
.tabs-noheight .sliderkit-panel {
	position:relative;
}
/* Sidebar style */
.widget_box .tabs-noheight .sliderkit-nav-clip li {
padding: 0;
border-bottom: none;
}
/******************************************************************************************************/
/* Shortcode Blockquote
/******************************************************************************************************/
blockquote {
	font:18px "Georgia", "Times New Roman", Times, serif;
	text-align:center;
	font-style:italic!important;
	margin:5px 0 20px 0;
	line-height:24px;
	quotes:"\201C""\201D""\2018""\2019";
}
blockquote:before {
     content:open-quote;
     vertical-align:.4em;
}
blockquote:after{
     content:close-quote;
}
blockquote p {
     display:inline;
}
blockquote a.button {
	float:right;
	font-size:14px;
	margin:0 0 10px 10px;
}
blockquote.bquote_r, blockquote.bquote_l {
	font:18px Georgia, "Times New Roman", Times, serif;
	text-align:left;
	line-height:26px!important;
	width:30%;
	padding:15px;
}
blockquote.bquote_l {
	float:left;
	margin:5px 10px 6px 0;
}
blockquote.bquote_r {
	float:right;
	margin:5px 0 6px 10px;
}
/******************************************************************************************************/
/* Shortcode Highlight
/******************************************************************************************************/
.highlight {
	padding:4px;
}
/******************************************************************************************************/
/* Shortcode DropCap
/******************************************************************************************************/
.dropcap1, .dropcap2, .dropcap3 {
	text-transform:uppercase;
}
.dropcap1 {
	font-size:40px;
	line-height:34px;
	float:left;
	margin:4px 8px 0 0;
	display:block;
}
.dropcap2, .dropcap3 {
	border-radius:100px;
	font-size:26px;
	line-height:40px;
	float:left;
	width:40px;
	height:40px;
	display:block;
	text-align:center;
	margin: 4px 8px 0 1px;
}
.dropcap3 {
	border-radius:0;
}
/******************************************************************************************************/
/* Shortcode List Styles
/******************************************************************************************************/
.style1 ul, .style2 ul, .style3 ul, .style4 ul, .style5 ul, .style6 ul, .style7 ul, .style8 ul{
	list-style-type:none;
}
.style1 ul li, .style2 ul li, .style3 ul li, .style4 ul li, .style5 ul li, .style6 ul li, .style7 ul li, .style8 ul li{
	padding:2px 0 0 26px;
	margin:0 0 6px 0;
}
.style1 ul li{
	background:url(images/list_styles_01.png) no-repeat left top;
}
.style2 ul li{
	background:url(images/list_styles_02.png) no-repeat left top;
}
.style3 ul li{
	background:url(images/list_styles_03.png) no-repeat left top;
}
.style4 ul li{
	background:url(images/list_styles_04.png) no-repeat left top;
}
.style5 ul li{
	background:url(images/list_styles_05.png) no-repeat left top;
}
.style6 ul li{
	background:url(images/list_styles_06.png) no-repeat left top;
}
.style7 ul li{
	background:url(images/list_styles_07.png) no-repeat left top;
}
.style8 ul li{
	background:url(images/list_styles_08.png) no-repeat left top;
}
.style1 ul li ul, .style2 ul li ul, .style3 ul li ul, .style4 ul li ul, .style5 ul li ul, .style6 ul li ul, .style7 ul li ul, .style8 ul li ul{
	margin:15px 0;
}
/******************************************************************************************************/
/* Shortcode Custom Border Styles
/******************************************************************************************************/
figure.custom_img_b_thin, figure.custom_img_b_thick{
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	background: white;
	padding: 4px;
	border: 1px solid #E5E5E5;
}
/******************************************************************************************************/
/* 18. SlidersStyles
/******************************************************************************************************/

/******************************************************************************************************/
/* FlexSlider Styles
/******************************************************************************************************/
/* jQuery FlexSlider v1.8
 * http://flex.madebymufffin.com
 *
 * Copyright 2011, Tyler Smith
 * Free to use under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
 */
 
/* Browser Resets */
.flex-container a:active,
.flexslider a:active {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;}

/* FlexSlider Necessary Styles
*********************************/ 
.flexslider {width: 100%;}
.flexslider .slides > li {display: none;} /* Hide the slides before the JS is loaded. Avoids image jumping */

.flex_img_mask{
	position:absolute;
	background:url(images/slider_img_bg.png) no-repeat bottom center;
	height:31px;
	bottom: 0;
	width:100%;
}

.flexslider .slides img {max-width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 
html[xmlns] .slides {display: block;} 
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}


/* FlexSlider Default Theme
*********************************/
.flexslider {position: relative; zoom: 1;}
.flexslider .slides {zoom: 1;}
.flexslider .slides > li {position: relative;}
/* Suggested container for "Slide" animation setups. Can replace this with your own, if you wish */
.flex-container {zoom: 1; position: relative;}

ul.slides, ol.flex-control-nav, ul.flex-direction-nav {list-style-type: none;margin: 0;}

/* Caption style */
/* IE rgba() hack */
.flex-caption {background:none;  zoom: 1;}
.flex-caption {
	padding:2%;
	position: absolute;
	bottom:40px;
	margin-bottom:0;
	max-width:250px;
}
.flex-caption h2, .flex-caption .flex_read_more{
	background:#111;
	color:#fff;
}
.flex-caption h2{border-top-left-radius:6px; border-top-right-radius:6px; padding:10px; font-size:22px; margin:0; max-width:250px;font-weight: bold;text-transform: uppercase;}

.flex-caption .flex_desc p{font-size:12px; padding:10px; background:#fff; color:#333; margin:0; max-width:250px;border-radius: 0 0 6px 0;}

.flex-caption .flex_read_more{border-bottom-left-radius:6px; border-bottom-right-radius:6px;border-top: 1px solid rgba(255, 255, 255, .1);}


.flex-comments {
	padding: 3px 6px;
	text-transform: uppercase;
	float: left;
	margin-top: 4px;
}
p.flex_read_more{width: 80px;text-align: center;padding: 6px;}
p.flex_read_more a{color:#fff;}


.flex-comments{ background:white url(images/header_meta_dark.png) no-repeat 4px -60px; color:#333; padding-left:22px;margin-right:6px;text-shadow: none;}

.flex-caption h4 {color: white;text-transform: uppercase;font-size: 21px; font-weight:bold; margin:0;}
.flex-caption p{margin-bottom: 0;line-height: 1.3;font-weight: normal;font-size: 12px;}
/* Direction Nav */

.flex-control-container{
	padding: 10px 0;
	position: relative;
}
.flex-control-nav.flex-control-paging {margin-top: 4px;}

/* Portfolio Slider */
.flexslider.portf_slider .flex-portf-control-nav {
margin: 0 0 10px 0;
overflow: hidden;
}

/* Control Nav */
.flex-control-nav {text-align:center; position:relative;}
.flex-control-nav li {margin: 0 0 0 5px!important; text-align:center; zoom: 1; display:inline;}
.flex-control-nav li:first-child{margin:0!important;}
.flex-control-nav li a {width: 15px; height: 15px; background-color:rgba(0, 0, 0, .1); box-shadow: 0 2px 2px rgba(0, 0, 0, .3) inset; display: inline-block;cursor: pointer; text-indent: -9999px;border-radius: 99px;}
.flex-control-nav li a.active {cursor: default;}

/******************************************************************************************************/
/* Elastic Slider Styles
/******************************************************************************************************/
.ei-slider{
	position: relative;
	width: 100%;
	max-width: 1920px;
	height: 400px;
	margin: 0 auto;
}
.ei-slider-loading{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index:999;
	background: rgba(0,0,0,0.9);
	color: #fff;
	text-align: center;
	line-height: 400px;
}
.ei-slider-large{
	height: 100%;
	width: 100%;
	position:relative;
	overflow: hidden;
}
.ei-slider-large li{
	position: absolute;
	top: 0px;
	left: 0px;
	overflow: hidden;
	height: 100%;
	width: 100%;
}
.ei-slider-large li img{
	max-width: none;
}
.ei-title{
	position: absolute;
	left: 3%;
	bottom: 40%;
}
.ei-title h2, .ei-title h3{
	text-align: right;
	margin: 0;
	padding: 4px 8px;
	background: #111;
}

.ei-title h2{
	font-size: 26px;
	color: white;
	text-shadow: 2px 2px 2px black;
	border-radius: 6px 6px 6px 0;
}
.ei-title h3{
	font-size: 13px;
	text-transform: uppercase;
	color: white;
	display: inline-block!important;
	border-radius: 0 0 6px 6px;
}
.ei-slider-thumbs{
	height: 13px;
	margin: 0 auto;
	position: relative;
}
.ei-slider-thumbs li{
	position: relative;
	float: left;
	height: 100%;
}
.ei-slider-thumbs li.ei-slider-element{
	top: 0px;
	left: 0px;
	position: absolute;
	height: 100%;
	z-index: 10;
	text-indent: -9000px;
	background: #000;
	background: rgba(0,0,0,0.9);
}
.ei-slider-thumbs li a{
	display: block;
	text-indent: -9000px;
	background: #666 ;
	width: 100%;
	height: 100%;
	cursor: pointer;
	-webkit-box-shadow: 
        0px 1px 1px 0px rgba(0,0,0,0.3), 
        0px 1px 0px 1px rgba(255,255,255,0.5);
	-moz-box-shadow: 
        0px 1px 1px 0px rgba(0,0,0,0.3), 
        0px 1px 0px 1px rgba(255,255,255,0.5);
	box-shadow: 
        0px 1px 1px 0px rgba(0,0,0,0.3), 
        0px 1px 0px 1px rgba(255,255,255,0.5);
	-webkit-transition: background 0.2s ease;
    -moz-transition: background 0.2s ease;
    -o-transition: background 0.2s ease;
    -ms-transition: background 0.2s ease;
    transition: background 0.2s ease;
}
.ei-slider-thumbs li a:hover{
	background-color: #f0f0f0;
}
.ei-slider-thumbs li img{
	position: absolute;
	bottom: 50px;
	opacity: 0;
	z-index: 999;
	max-width: 100%;
	-webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    transition: all 0.4s ease;
	-webkit-box-reflect: 
        below 0px -webkit-gradient(
            linear, 
            left top, 
            left bottom, 
            from(transparent), 
            color-stop(50%, transparent), 
            to(rgba(255,255,255,0.3))
            );
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	border-radius: 100px;
	left: 50%;
	margin-left: -50px;
	box-shadow: 0 0 10px rgba(0, 0, 0, .6);
}
.ei-slider-thumbs li:hover img{
	opacity: 1;
	bottom: 13px;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
@media screen and (max-width: 767px) {
	.ei-title{
	background: rgba(0,0,0,0.7);
	position: absolute;
	left: 0px;
	margin-right: 0;
	width: 90%;
	text-align: center;
	top: auto;
	bottom: 15px;
	background: #111;
	padding: 1%;
	margin-left: 4%;
	border-radius: 6px;
	text-shadow: 1px 1px 3px #111;
	}
	.ei-title h2, .ei-title h3{
		text-align: center;
		background:none;
	}
	.ei-slider-thumbs li img{
	left: 0;
	margin-left: 0;
	}
}


/******************************************************************************************************/
/* 19. Contact Us Template Styles
/******************************************************************************************************/

#contact_form_holder {
	font:11px Arial, Helvetica, sans-serif;
}
#contact_form_holder input, #contact_form_holder textarea {
	width:90%; /* make all the inputs and the textarea same size (100% of the div they are into) */
	margin:4px 0 20px 0;
}
#contact_form_holder textarea {
	height:100px; /* i never liked small textareas, so make it 100px in height */
}
.error {
	display: none;
	padding:10px;
	background: #D8000C;
	color:#fff;
}
.success {
	display: none;
	padding:10px;
	color: #044406;
	background-color: #B7FBB9;
}
.error img {
	vertical-align:top;
}

.google_map {
margin-bottom: 20px;
}

/******************************************************************************************************/
/* 20. Advanced Comment Styles
/******************************************************************************************************/
 
/* Comment list */
#comments {
	margin:0;
}
#comments ol.commentlist {
	list-style-type:none!important;
}
#comments .commentlist li {
	padding:20px 20px 10px 20px;
	margin-bottom:4px;
}
#comments .content article.post_detail ul.children {
	list-style:none;
	margin:10px 0 0 50px
}
#comments .comment-author {
	float:left
}
#comments img.avatar{
	display: block;
	height: auto;
	width: auto;
	border-radius: 100px;
}
#comments ul.children {margin: 10px 0;}
#comments ul.children li{list-style-type:none;}
.comment-body {
	padding-left:80px
}
.comment-meta {
	padding-left:80px
}
.comment-meta a {
	font-size:10px;
}

div.comment_author {
	font-weight:bold;
	margin-bottom:5px;
	font-size:11px;
}
div.comment_author a {
	color:#666666;
}
/* Comment Form */
#respond {
	padding-top:10px;
}
#respond h3#reply-title, h3#comments-title {
	margin-bottom:10px;
}
.comment-form-author, .comment-form-email, .comment-form-url {
	width:90%;
	padding:5px 0
}
#commentform p{margin-bottom:6px;}
#commentform input, #commentform textarea {
	width:90%;
	margin: 0 0 10px 0;
	border-radius: 4px;
}
#commentform input, #commentform textarea, #contact_form_holder input, #contact_form_holder textarea {
	outline:none;
	font-size:11px;
	padding:8px;
	display: block;
	border-radius:6px;
}
#contact_form_holder input#send_message, #commentform input#submit {
	cursor: pointer;
	width: auto;
	text-align: center;
	border: none;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	margin-top: 20px;
	border-radius: 6px;
	padding: 8px 20px;
	color: white;
	margin-bottom: 10px!important;
	font-size: 14px;
	text-transform: uppercase;

}
#contact_form_holder input#send_message:hover, #commentform input#submit:hover{
	background:#222;
}
#commentform input#submit{margin-bottom:20px;}

/******************************************************************************************************/
/* 21. Calendar Widget
/******************************************************************************************************/

/* Calendar */
.widget_calendar table, .widget_calendar td, .widget_calendar th { vertical-align: middle; }
.widget_calendar caption { padding-bottom: 0.8em; }

.widget_calendar table{ text-align: left; border-collapse: collapse; width:100%; padding:0; float: left; margin-bottom:20px;}
.widget_calendar th{ text-align:center; padding:5px; font-weight: normal; font-size: 12px;}
.widget_calendar tbody{font-size: 11px;}
.widget_calendar td{ text-align:center; padding: 5px; }
.widget_calendar tfoot td{ padding:5px; }

/******************************************************************************************************/
/* 22. Search Widget
/******************************************************************************************************/

form.searchform{
	float: left;
	width: 100%;
	font-size: 10px;
}
input.s{
	float: left;
	width: 90%;
	padding: 10px;
	border: 1px solid #eee;
	border-radius:4px;
	float: left;
	font-size: 10px;
	color: #aaa;
	margin: 8px 0 15px 0;
	height:20px;
}
.search_result{
	padding-bottom: 20px;
	border-bottom: 1px dotted #CCC;
	margin-bottom: 20px;
	overflow: hidden;
	}
.search_result h4{margin-bottom:0;}


/******************************************************************************************************/
/* 23. Tag Cloud Widget
/******************************************************************************************************/
.tagcloud a { 
	color: white;
	padding: 6px 16px;
	float: left;
	margin: 5px 10px 5px 0;
	border-radius: 100px;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.tagcloud a:hover{background:#111; color:#fff}

/******************************************************************************************************/
/* 24. UItoTop 
/******************************************************************************************************/
#toTop {
	display:none;
	text-decoration:none;
	position:fixed;
	bottom:18px;
	right:10px;
	overflow:hidden;
	width:36px;
	height:36px;
	border:none;
	text-indent:-999px;
	background:#111 url(images/toTop.png) no-repeat left top;
	border-radius: 3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	z-index:999;
	border-radius: 100px;
}

#toTopHover {
	background:#111 url(images/toTop.png) no-repeat left -36px;
	width:36px;
	height:36px;
	display:block;
	overflow:hidden;
	float:left;
	opacity: 0;
	-moz-opacity: 0;
	filter:alpha(opacity=0);
	border-radius: 100px;
}

#toTop:active, #toTop:focus {
	outline:none;
}
/******************************************************************************************************/
/* 25. Media Queries
/******************************************************************************************************/

/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 959px) {
	}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {
.layout-2cl .two-thirds.column.left, .layout-2cl .one-third.column.sidebar, .layout-2cr .two-thirds.column.left, .layout-2cr .one-third.column.sidebar {
margin-left: 0;
margin-right: 10px;
}
.ch-grid li {
	width: 160px;
	height: 160px;
	margin: 20px 6px 20px 0;
}
.ch-info h3 {
	font-size: 15px;
	padding: 30px 0 0 0;
	height: 55px;
	margin: 0 24px 0;
}
.da-thumbs li a div span {margin: 20px;}


.container .two-thirds.column {width: 507px;}
.container .one-third.column {width: 251px;}
.layout-2cl .two-thirds.column.left, .layout-2cr .one-third.column.sidebar {
margin-right: 0;
}
article.post_list{width:460px;}

}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
	.row_sh .one.columns_sh, .row_sh .two.columns_sh, .row_sh .three.columns_sh, .row_sh .four.columns_sh, .row_sh .five.columns_sh, .row_sh .six.columns_sh, .row_sh .seven.columns_sh, .row_sh .eight.columns_sh, .row_sh .nine.columns_sh, .row_sh .ten.columns_sh, .row_sh .eleven.columns_sh, .row_sh .twelve.columns_sh{margin-bottom:0;}
	
	#wrapper{padding:0 20px;}
	header.top #logo {
	margin: 0;
	float: none;
	text-align: center;
	padding:0;
	}
		
	.layout-2cl .two-thirds.column.left, .layout-2cl .one-third.column.sidebar, .layout-2cr .two-thirds.column.left, .layout-2cr .one-third.column.sidebar {margin-left: 0;margin-right: 0;}
	.layout-2cr .one-third.column.sidebar .sidebar_inner, .layout-2cl .one-third.column.sidebar .sidebar_inner {padding: 15px;}
	
		#main-menu select.mobileMenu{
		width:90%;
		padding:4%;
		margin:0 0 0 5%;
		color:#fff;
		background:#222;
		text-overflow: ellipsis;
		white-space: nowrap;
		outline:none;
		border:none;
		border-radius: 6px;
		cursor: pointer;
		text-transform: uppercase;
		position:relative;
	}

	
	.home_slogan, h1.page_title, h2.home_page_title, hr.arc_shadow{background-size:110%!important;}
	
	.home_news ul li {
		border-bottom: 1px dotted #ccc;
		padding-bottom: 20px;
	}
	h1.page_title{text-align:center;}
	.featured_part {margin: 10px 0 30px;}
	
	.add-top.ch-grid {margin-top: 30px!important;}
	.ch-grid li {
	width: 340px!important;
	height: 340px!important;
	margin: 0 0 35px 0px!important;
	overflow: hidden;
	padding: 10px;
	}
	.ch-info p a{font-size:14px;}
	.ch-info h3 {
	padding: 110px 0 0 0;
	height: 80px;
	margin: 0 30px;
	text-align: center;
	}
	
	section.content.portfolio_single {margin: 40px 0;}
	article.post_list{width:340px;}
	
	.post_read_more {clear: left;margin: 0 auto 20px auto!important;}
	
	.content {padding:0;}
		
	ul.post_meta_data{float:none; padding:2%;text-align: center;}
	ul.post_meta_data li{display:inline-block; padding-right:6px; margin-bottom:10px;}
					
	.flexslider .flex-caption{display:none;}
		
	.posts-nav{margin-bottom:20px;}
	
	.content .not_found h1{font-size:15em;}
	
	.footer_bottom{text-align:center; margin-bottom:0;}
		
	footer.f ul {margin-bottom: 20px;}
	.footer_bottom .footer_left, .footer_bottom .footer_right{float:none;display: block;text-align: center;}
	
	.hm_social_icons {margin: 10px 0;}

}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {
	.posts-nav{margin-bottom:20px;}
}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
	select.mobileMenu {width: 96%;}
	
	.layout-2cl .two-thirds.column.left, .layout-2cl .one-third.column.sidebar, .layout-2cr .two-thirds.column.left, .layout-2cr .one-third.column.sidebar {margin-left: 0;margin-right: 0;}

	.ch-grid li {
	width: 260px!important;
	height: 260px!important;
	margin: 0 0 25px -8px!important;
	overflow: hidden;
	}
	
	.ch-info h3 {
	padding: 70px 0 0 0;
	height: 70px;
	margin: 0 30px;
	}
	article.post_list {width: 220px;margin-left: -10px;}
			
	.entry ul.post_meta_data li {display: list-item;}
	
	ul.post_meta_data{text-align: left;}
	ul.post_meta_data li{display:block;}
			
	.posts-nav{margin-bottom:20px;}
	.content .not_found h1{font-size:12em;}
	.sidebar .ad_125 img {margin: 0 3px 5px 0;}
	
	#comments .commentlist li {padding:10px;}
	.entry ol, .entry ul {margin: 0 0 20px 0;}
	
}

#allw {
	color: #FD0509;
	font-weight: 700;
}

/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
        white-space: nowrap;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}