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

Theme Name: Venture
Theme URI: http://www.wpzoom.com/themes/venture
Version: 1.0.13
Author: WPZOOM
Author URI: http://www.wpzoom.com
License: GNU General Public License v2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html

The PHP code portions of this WPZOOM theme are subject to the GNU General Public
License, version 2. All images, cascading style sheets, and JavaScript elements are
released under the WPZOOM Proprietary Use License below.

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

WARNING! DO NOT EDIT THIS FILE!

To make it easy to update your theme, you should not edit the styles in this file. Instead use
the custom.css file to add your styles. You can copy a style from this file and paste it in
custom.css and it will override the style in this file.

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

1.  Toolbox CSS  -----------------------  All Theme Files
2.  Header  ----------------------------  header.php
3.  Navigation  ------------------------  header.php
4.  Featured Slider  -------------------  wpzoom-slider.php
5.  Welcome Message --------------------  index.php
6.  Portfolio Gallery ------------------  template-portfolio.php
7.  Portfolio Item ---------------------  single-portfolio.php
8.  Archive posts ----------------------  loop.php
9.  Single posts -----------------------  single.php
10.  Comments  -------------------------  comments.php
11.  Sidebar & Widgets -----------------  sidebar.php
12.  Footer  ---------------------------  footer.php


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


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

1. Toolbox CSS  -------------------------  All Theme Files

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

/* Reset & General Styling */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
html { font-size: 100%; overflow-y: scroll; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
blockquote { margin: 1em 40px; }
dfn { font-style: italic; }
hr { border: 0; border-top: 1px solid #ccc; display: block; margin: 1em 0; padding: 0; }
mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
pre, code, kbd, samp { font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 1em; }
pre, code { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
q { quotes: none; }
q:before, q:after { content: ""; content: none; }
small { font-size: 85%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
ul, ol { margin: 0; padding: 0; list-style-position: inside; }
ul ul, ol ol, ul ol, ol ul { margin: 0; }
dd { margin: 0 0 0 40px; }
img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
svg:not(:root) { overflow: hidden; }
figure, form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }
legend { border: 0; *margin-left: -7px; padding: 0; }
label { cursor: pointer; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button, input { line-height: normal; *overflow: visible; }
table button, table input { *overflow: auto; }
button, input[type=button], input[type=reset], input[type=submit] { cursor: pointer; -webkit-appearance: button; }
input[type=checkbox], input[type=radio] { box-sizing: border-box; }
input[type=search] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; resize: vertical; }
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f0dddd; }
table { border-collapse: collapse; border-spacing: 0; }
th { text-align: left; }
tr, th, td { padding-right: 1.625em; border-bottom: 1px solid #EAE7DE; }
td { vertical-align: top; }


/* Smart clearfix */
.clear, .cleaner { clear: both; height: 0; overflow: hidden; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }

/* Headings */
h1,h2,h3,h4,h5,h6 {font-weight: normal; margin:0; padding:0; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {text-decoration:none; }
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {text-decoration:none;  }
h1 { font-size: 26px; }
h2 { font-size: 22px; }
h3 { font-size: 20px; }
h4 { font-size: 16px; }
h5 { font-size: 14px; }
h6 { font-size: 12px; }

/* Text Selection Color */
::-moz-selection { color: #fff; background: #08ceff; }
::selection { color: #fff; background: #08ceff; }


h3.title {
    font-weight:300;
    font-size:27px;
	color: #10a4dd;
	margin-bottom: 15px;
}
h3.title a { font-weight: 300; }


/* Tooltip effect */
.tipsy { font-size: 10px; position: absolute; padding: 5px; z-index: 100000; }
.tipsy-inner { background-color: #000; color: #FFF; max-width: 200px; padding: 5px 8px 4px 8px; text-align: center; }
.tipsy-inner { border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
.tipsy-arrow { position: absolute; width: 0; height: 0; border: 5px solid transparent; }
.tipsy-arrow-n { border-bottom-color: #000; }
.tipsy-arrow-s { border-top-color: #000; }
.tipsy-arrow-e { border-left-color: #000; }
.tipsy-arrow-w { border-right-color: #000; }
.tipsy-n .tipsy-arrow, .tipsy-nw .tipsy-arrow, .tipsy-ne .tipsy-arrow { top: 0; border-top: none; }
.tipsy-s .tipsy-arrow, .tipsy-sw .tipsy-arrow, .tipsy-se .tipsy-arrow { bottom: 0; border-bottom: none; }
.tipsy-n .tipsy-arrow, .tipsy-s .tipsy-arrow { left: 50%; margin-left: -5px; }
.tipsy-nw .tipsy-arrow, .tipsy-sw .tipsy-arrow { left: 10px; }
.tipsy-ne .tipsy-arrow, .tipsy-se .tipsy-arrow { right: 10px; }
.tipsy-e .tipsy-arrow, .tipsy-w .tipsy-arrow { top: 50%; margin-top: -5px; }
.tipsy-e .tipsy-arrow { right: 0; border-right: none; }
.tipsy-w .tipsy-arrow { left: 0; border-left: none; }

/* Navigation  */
div.navigation { font-size: 0; text-align:center; line-height: normal; margin-bottom: 30px; }
#portfolio div.navigation { margin-bottom:0; }
div.navigation:after { content: ''; display: block; visibility: hidden; clear: both; height: 0; overflow: hidden; }
div.navigation p,  div.wp-pagenavi { margin: 0; font-size: 13px; font-weight: bold; text-align: center; }
div.navigation a, div.navigation span { display: inline-block; font-size: 13px; color: #848382; vertical-align: middle; padding: 5px 7px; margin: 0 4px; border: none; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
div.navigation span.current { font-weight:bold; color: #fff; background-color: #848382; }
div.navigation a:hover {  color: #fff; text-decoration: none; background-color: #ec5706; }
div.navigation span.pages { margin-right: 10px; display: none; }
div.navigation .prev, div.navigation .next { float: right; font-weight: bold; color: #fff; background-color: #848382; padding: 5px 15px; margin: 0; }
div.navigation .prev { float: left; }
div.navigation .prev:hover, div.navigation .prev:active, div.navigation .next:hover, div.navigation .next:active { color: #fff; background-color: #ec5706; }

div.navigation .extend { border: none; }
div.navigation .alignleft, div.navigation .alignright { margin: 0; }

.floatleft { float: left; }
.floatright { float: right; }


/* Forms */
input, textarea { padding:9px 5px; border: 1px solid #D9D6D6; color: #000; background: #fff; }
input:focus, textarea:focus { border-color: #999; }
button,
input[type=button],
input[type=reset],
input[type=submit] { background: #10A4DD; padding:5px 10px; border: none 0; color: #fff; height:33px; -webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px;}
button:hover,
input[type=button]:hover,
input[type=reset]:hover,
input[type=submit]:hover { background: #45BFF9; cursor: pointer; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; transition-duration: 0.2s; }

.payment_methods li { list-style-type: none !important; }
/*********************************************************************************************

2. Global Styles  -------------------------  header.php

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

body {
    color: #5F676B;
    font-family: 'Lato', Arial, Helvetica, sans-serif;
    text-align: center;
    font-size:14px;
    line-height:1.6;
	margin: 0;
}


/* Links */
a {text-decoration:none; color: #10a4dd; outline:none; border:none;}
a:hover {text-decoration:underline; color: #5ad0ff;}

p {margin: 0 0 16px; }


#wrapper {
    text-align: center;
}

#inner-wrap {
	text-align: left;
}

#header {
    width:1030px;
	padding: 25px 0;
	margin: 0 auto;
}

#logo {
 	float:left;
}

#logo * {
	line-height: normal;
}

#logo h1, #logo #tagline {
	display: table-cell;
	vertical-align: middle;
}

#logo h1, #logo h1 a {
    font-size: 30px;
    font-family: 'Lato', Arial, sans-serif;
    font-weight: bold;
}

#logo h1 a {
	margin-right: 15px;
}

#logo #tagline {
	font-size: 12px;
	color: #b4babc;
	padding-top: 6px;
	margin: 0;
}

#intro {
	font-size: 30px;
	font-weight: 300;
	color: #8d9193;
	padding: 25px 0 30px;
	width:1030px;
	margin:0 auto;
}

#intro p {
	margin: 0;
}


#content-wrap { position: relative; background-color: #fff; width: 980px; padding: 30px; border-top: 5px solid #858f95; box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); margin: -30px auto 0; }
#content-wrap:before { content: ''; position: absolute; top: -5px; left: 0; background-color: #ec5706; height: 5px; width: 200px; }

#heading { position: relative; background-color: #eef2f2; }
#heading h1, #heading h2 { font-size: 30px; line-height: normal; color: #898989; width: 1030px; padding: 40px 0 70px; margin: 0 auto; }

#heading #top_button { position: absolute; top: 40px; right: 0; }
#heading #top_button a { display: block; font-size: 14px; font-weight: bold; text-decoration: none; color: #fff; background-color: #10a4dd; padding: 8px 25px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -moz-transition-duration: 200ms; -webkit-transition-duration: 200ms; transition-duration: 200ms; }
#heading #top_button a:hover, #heading #top_button a:active { background-color: #45bff9; }

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

3. Navigation  -------------------------  header.php

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

#menu {
	float: right;
    position:relative;
    z-index:50;
}
.btn_menu { display:none; }

.dropdown, .dropdown * { margin: 0; padding: 0; list-style: none; }
.dropdown { line-height: 1.0; }
.dropdown ul { position: absolute; top: -999em; width: 170px; background: #fff; -webkit-box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.1); box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.1); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; text-align: left; margin: 0; padding: 10px 5px; }
.dropdown ul li { width: 100%; }
.dropdown li:hover { visibility: inherit; }
.dropdown li { float: left; position: relative; margin-right: 4px; }
.dropdown li:last-child { margin-right: 0; }
.dropdown a { display: block; position: relative; color: #878e91; text-decoration: none; font-size: 14px; font-weight: normal; padding: 8px 13px 9px 13px; border-radius: 3px; }
.dropdown a:hover { text-shadow: none; color: #fff; background-color: #ec5706; }
.dropdown li:hover { background-color: #ec5706; border-radius: 3px; }
.dropdown li:hover a { color: #fff; }
.dropdown > li > a { -moz-transition: all 100ms; -webkit-transition: all 100ms; transition: all 100ms; }
.dropdown > li > a:hover { margin-top: -2px; }
.dropdown > li:hover { margin-top: -2px; }
.dropdown > li:hover > a { margin-top: -2px; }
.dropdown li:hover a { background-color: #ec5706; }
.dropdown ul li a,
.dropdown li:hover  ul a { line-height: 1.5; text-transform: none; font-size: 12px; padding: 5px 10px; color: #878e91; background: none; }
.dropdown ul li a:hover { background: none; color: #333; }
.dropdown ul li:hover { background: none; }
.dropdown > li > a:after { content: ''; position: absolute; left: 50%; bottom: -6px; border: 3px solid transparent; margin-left: -3px; z-index: 999; }
.dropdown > li > a:hover:after { border-top-color: #ec5706; }
.dropdown ul > li > a:after { display: none; }
.dropdown li:hover ul,
.dropdown li.sfHover ul { left: 0; top: 29px; z-index: 99; }
ul.dropdown li:hover li ul,
ul.dropdown li.sfHover li ul { top: -999em; }
ul.dropdown li li:hover ul,
ul.dropdown li li.sfHover ul { left: 180px; top: 0; }
ul.dropdown li li:hover li ul,
ul.dropdown li li.sfHover li ul { top: -999em; }
ul.dropdown li li li:hover ul,
ul.dropdown li li li.sfHover ul { left: 180px; top: 0; }
.dropdown li:hover, .dropdown li.sfHover,
.dropdown a:focus, .dropdown a:hover, .dropdown a:active { outline: 0; }
.sf-sub-indicator { display: none; }
.dropdown li ul .sf-sub-indicator { display: inline; }
li.current-menu-item a,
li.current_page_item a,
li.current-menu-ancestor a,
li.current-menu-parent a,
li.current_page_parent  a { color: #fff; background-color: #ec5706; }
li.current-menu-item a:after,
li.current_page_item a:after,
li.current-menu-ancestor a:after,
li.current-menu-parent a:after,
li.current_page_parent  a:after { content: ''; position: absolute; left: 50%; bottom: -6px; border: 3px solid transparent; border-top: 3px solid #ec5706; margin-left: -3px; }

a.cart-button { float:right; padding-left: 28px; display: block; color:#fff; background:#B7BFC2 url(images/ico-cart-light.png); background-position:  8px 9px; background-repeat:  no-repeat;  }
a.cart-button:hover {   text-decoration: none !important; background-image:url(images/ico-cart-light.png); text-shadow: none;
}

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

4. Featured Slider -------------------------  wpzoom-slider.php

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

#slider { margin:0; position:relative; height:520px; overflow:hidden; }

.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;}

.flexslider {margin: 0; padding: 0;}
.slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.slides > li a { display: block; height: 100%; width: 100%; }
#slider .slides > li { position: relative; background-position: center center; background-repeat: no-repeat; background-size: cover; height: 520px; overflow: hidden; }
.slides > li h3 { display: inline-block; font-size: 45px; font-weight: bold; line-height: 1.5; color: #fff; background-color: #0DA6D7; background-color: rgba(0, 167, 231, 0.9);  padding: 0 30px 0 20px; margin-top: 130px; }
.slides > li .excerpt { display: inline-block; position: absolute; font-size: 18px; line-height: 2.5; color: #d1d9dc; background:url(images/slide_desc.png) repeat; max-width: 640px; padding: 0 20px; }
.slides > li .excerpt :last-child { margin-bottom: 0; }
.slides > li .li-wrap { width:980px; margin:0 auto; position:relative;}

.flex-pauseplay span {text-transform: capitalize;}

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

.no-js .slides > li:first-child {display: block;}

.flexslider {margin: 0 0 15px;   position: relative;   zoom: 1;}
.flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;}
.loading .flex-viewport {max-height: 300px;}
.flexslider .slides {zoom: 1;}
.carousel li {margin-right: 5px}

/* Nav Dots */
.flex-control-nav {
	text-align: center;
	position: absolute;
	bottom: 10%;
	height: 30px;
	width: 100%;
	left: 0;
	z-index: 1000;
	pointer-events: none;
}

.flex-control-nav li {
	display: inline-block;
	position: relative;
	width: 16px;
	height: 16px;
	margin: 8px;
	pointer-events: auto;
}

.flex-control-nav li a {
	display: block;
	cursor: pointer;
	text-indent: -9999em;
	background: #ddd;
	background: rgba(150,150,150,0.1);
	height: 100%;
	width: 100%;
	border-radius: 50%;
	box-shadow: 0 1px 1px rgba(255,255,255,0.4), inset 0 1px 1px rgba(0,0,0,0.1), 0 0 0 2px rgba(255,255,255,0.5);
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-ms-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
}

.flex-control-nav li a.flex-active, .flex-control-nav li a:hover {
	box-shadow: 0 1px 1px rgba(255,255,255,0.4), inset 0 1px 1px rgba(0,0,0,0.1), 0 0 0 5px rgba(255,255,255,0.5);
}

.flex-control-nav li a.flex-active:after {
	content: '';
	position: absolute;
	width: 10px;
	height: 10px;
	top: 3px;
	left: 3px;
	border-radius: 50%;
	background: rgba(255,255,255,0.8);
}



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

5. Portfolio Gallery ----------------------------- template-portfolio.php

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

.sub-heading {
	position: relative;
	line-height: normal;
	background: url('images/dots.gif') bottom left repeat-x;
	margin-bottom: 25px;
}

.sub-heading h3 {
	font-size: 24px;
	font-weight: 300;
	color: #10a4dd;
	padding-bottom: 10px;
}

.sub-heading #portfolio-tags, .sub-heading #portfolio-fixed {
	position: absolute;
	right: 0;
	bottom: 0;
}

#portfolio h3.title {
	width:910px;
}

#portfolio h3.title a {
	float:right;
  	font-size:12px;
	font-family:Georgia, serif;
	font-style:italic;
	font-weight:normal;
	padding:10px 0 0;
 	width:116px;
}

#portfolio h3 a:hover {
	text-decoration:underline;
}

#portfolio ul {
    margin: 0;
}

#portfolio li {
	display: inline-block;
	vertical-align: top;
	width:220px;
 	margin: 0 30px 60px 0;
	position: relative;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}

#portfolio li:nth-child(4n) {
	margin-right: 0;
}

#portfolio li a:hover {
	text-decoration: none !important;
}

#portfolio .thumb {
	display: block;
	font-size: 0;
	border-bottom: 5px solid #d1d1d1;
	-webkit-transition: border-bottom-color 200ms ease;
	-moz-transition: border-bottom-color 200ms ease;
	transition: border-bottom-color 200ms ease;
}

#portfolio li:hover .thumb { border-bottom-color: #f18144; }

#portfolio .thumb:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

#portfolio .meta {
  	color: #a1a1a1;
    font-size: 13px;
    text-align: center;
	line-height: normal;
	color: #aeb2b4;
	padding: 10px 15px;
	margin: 0;
}

#portfolio .meta h3 {
	font-size: 14px;
	line-height: normal;
	margin-bottom: 8px;
}

#portfolio .meta h3 a {
    color: #666d70;
    font-size: 14px;
    font-weight: bold;
    font-style: normal;
	line-height: normal;
}


#portfolio-tags, #portfolio-fixed {
	font-size: 0;
	background: url('images/dots.gif') top left repeat-x;
	padding: 3px 0 4px;
}

#portfolio-tags li, #portfolio-fixed li {
	margin:0;
	display:inline-block;
}


#portfolio-tags a, #portfolio-fixed a { display: inline-block; background: url('images/dots.gif') top right repeat-y; padding: 8px 18px 8px 12px; font-size: 13px; line-height: normal;  color: #555; cursor: pointer; }
#portfolio-tags li:first-child a, #portfolio-fixed li:first-child a { background: url('images/dots.gif') top left repeat-y, url('images/dots.gif') top right repeat-y; }
#portfolio-tags li:last-child, #portfolio-fixed li:last-child { margin-right: -2px; }
#portfolio-tags a:hover, #portfolio-tags li.active a, #portfolio-fixed a:hover, #portfolio-fixed li.active a, #portfolio-fixed li.current-cat a { text-decoration: none; color: #10a4dd; }

#load-more { display: block; font-size: 18px; font-weight: normal; text-align: center; color: #777; background-color: #ddd; padding: 10px 20px; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; -webkit-transition: all 200ms ease; -moz-transition: all 200ms ease; transition: all 200ms ease; }
#load-more:hover, #load-more:active { text-decoration: none; color: #fff; background-color: #ec5706; }


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

6. Portfolio Item  -------------------------   single-portfolio.php

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

.single-portfolio #heading > div, .page #heading > div, .page-template #heading > div { position: relative; width: 1030px; padding: 40px 0 70px; margin: 0 auto; }
.single-portfolio #heading h1, .page #heading h1, .page-template #heading h1 { width: auto; padding: 0; margin: 0; }
.page-template #heading h2 { width: auto; padding: 0; margin: 0; }

.single-portfolio .entry { background: transparent; }
.single-portfolio #content, .single-portfolio .post_content { display: block; padding: 0; }
.single-portfolio #content {    }
.single-portfolio .post_content { width:680px;  float:left;  }

#portfolio-slider {
 	margin:0 0 20px;
 	width: 680px;
 	position:relative;
	overflow:hidden;
	padding: 8px;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}


#portfolio-slider .flex-direction-nav { position:absolute; bottom:8px; right:8px; width:100px; height:30px;}
#portfolio-slider .flex-direction-nav a { position: absolute; bottom:0; right:0; width: 30px; height: 30px; display: block; cursor: pointer; font-size: 1px;  text-indent: -2000px; background: url("images/arrows-port.png") no-repeat 0 0; opacity: 0.8; -webkit-transition: all .3s ease;}
#portfolio-slider .flex-direction-nav .flex-next {background-position: -41px 0; right: 0; }
#portfolio-slider .flex-direction-nav .flex-prev {right: 31px;}
#portfolio-slider .flexslider:hover .flex-next {opacity: 0.8;   background-position: 31px -33px;}
#portfolio-slider .flexslider:hover .flex-prev {opacity: 0.8;   background-position: 0 -33px;}
#portfolio-slider .flex-next:hover,  #portfolio-slider .flex-prev:hover {opacity: 1;}

#portfolio-slider .flex-viewport li .postcontent { height:100%; overflow:hidden;}

.single-nav { position: absolute; top: 40px; right: 0; }
.single-nav a { display: block; height:40px; width:40px; float:left; font-size: 14px; font-weight: normal; text-decoration: none; color: #fff; background: #10a4dd url('images/arrows-small.png') 15px center no-repeat;   -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;  -moz-transition-duration: 200ms; -webkit-transition-duration: 200ms; transition-duration: 200ms; }
.single-nav a:hover { background-color: #45bff9; }
.single-nav .next_project { background-position: -19px center; margin-left: 10px; }


.slides_container .caption { position:absolute; background:url(images/bg_caption.png) repeat; bottom:0; color:#fff; left:10px; padding:0 10px;}

.aside {
	color: #666666;
	font-size: 12px;
 	float:right;
	line-height: 21px;
	width: 260px;
	margin:0;
	border-top: 5px solid #f18144;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}

.aside h3 {
	font-size: 17px;
	font-weight: bold;
	color: #666d70;
	background: url('images/dots.gif') bottom left repeat-x;
	padding: 10px 15px 15px;
	margin: 0;
}

.aside h4 {
	color: #01AEFF;
	border-bottom: 1px solid #e8e8e8;
	padding: 0;
	text-transform: uppercase;
	font-size:13px;
	margin:8px 0;
}

.aside .inner {
	padding: 10px 15px;
}

.aside ul li {
	list-style-type:square;
	margin:0 0 0 20px;
}

#similar-projects {
	margin-top: 60px;
}

#similar-projects > h3 {
	font-size: 24px;
	font-weight: 300;
	color: #10a4dd;
	background: url('images/dots.gif') bottom left repeat-x;
	padding-bottom: 5px;
	margin-bottom: 40px;
}

#similar-projects ul {
    margin: 0;
}

#similar-projects li {
	display: block;
	width: 220px;
	float: left;
	margin: 0 30px 0 0;
	position: relative;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}

#similar-projects li:last-child {
	margin-right: 0;
}

#similar-projects li a:hover {
	text-decoration: none !important;
}

#similar-projects .thumb {
	display: block;
	font-size: 0;
	border-bottom: 5px solid #d1d1d1;
	-webkit-transition: border-bottom-color 200ms ease;
	-moz-transition: border-bottom-color 200ms ease;
	transition: border-bottom-color 200ms ease;
}

#similar-projects li:hover .thumb { border-bottom-color: #f18144; }

#similar-projects .thumb:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

#similar-projects .meta {
  	color: #a1a1a1;
    font-size: 13px;
    text-align: center;
	line-height: normal;
	color: #aeb2b4;
	padding: 10px 15px;
	margin: 0;
}

#similar-projects .meta h3 {
	font-size: 14px;
	line-height: normal;
	margin-bottom: 8px;
}

#similar-projects .meta h3 a {
    color: #666d70;
    font-size: 14px;
    font-weight: bold;
    font-style: normal;
	line-height: normal;
}


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

7. Archives/Blog posts  -------------------------  loop.php

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

 #homewidgets #homewidgets-main {
 	line-height:1.7;
	float:left;
	width:600px;
}

#homewidgets #homewidgets-main.fullwidth { padding-right: 0; }

#homewidgets #homewidgets-main .widget :last-child { margin-bottom: 0; }

#homewidgets #homewidgets-rightmain {
	background: url('images/dots.gif') 0 0 repeat-y;
	width: 340px;
	padding-left: 30px;
	float:right;
}

#homewidgets #homewidgets-wide {
	background: url('images/dots.gif') top left repeat-x, url('images/dots.gif') bottom left repeat-x;
	padding: 20px 0;
	margin: 50px 0;
}

#homewidgets #homewidgets-large { float: left; }

#homewidgets #homewidgets-large .news_widget .meta { display:none; }

#homewidgets #homewidgets-rightlarge { float: right; }
#homewidgets #homewidgets-rightlarge .wpzoom-testimonial .testimonial { background-color: #f2f7f8; width: 300px; padding: 20px; }

#homewidgets #homewidgets-bottom { margin-top: 50px; }
#homewidgets #homewidgets-bottom h3.title { background: url('images/dots.gif') bottom left repeat-x; padding-bottom: 13px; }

.post {
	padding:0;
	margin:0 0 60px;
	font-size:13px;
}

.single .post { margin:0; }

.page .entry, .archive .entry { background:none; padding-bottom:0;}

.post .meta {
	line-height: normal;
	color: #9ca3a6;
	background: url('images/dots.gif') top left repeat-x, url('images/dots.gif') bottom left repeat-x;
	padding: 3px 0 4px 0;
	margin-bottom:20px;
}

.post .meta p {
	display: inline-block;
	vertical-align: middle;
	background: url('images/dots.gif') top right repeat-y;
	padding: 7px 20px;
	margin: 0;
}

.post .meta p:before { vertical-align: middle; margin-right: 7px; }
.post .meta p.author:before  { content: url('images/author.png'); }
.post .meta p.date:before  { content: url('images/date.png'); }
.post .meta p.comments:before  { content: url('images/comments.png'); }
.post .meta p.category:before { content: url('images/category.png'); }

.post .meta p:last-child {
	background: transparent;
}

.post .meta a {
	color: #9ca3a6;
}

.post .meta a:hover, .post .meta a:active {
	color: #10a4dd;
}

.post .post-thumb {
    font-size: 0;
		margin: 0 0 20px;
}


.post .postcontent { line-height: 1.6; color: #aeb2b4; overflow: hidden; }

.post .postcontent :last-child { margin-bottom: 0; }

.post .postmetadata { margin: 0 0 10px; }

.post_content h1 a { margin-bottom:10px; }

.post .readmore a {
	display: inline-block;
	font-size: 14px;
	font-weight: bold;
	color: #fff;
	background-color: #10a4dd;
	padding: 6px 20px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.post .readmore a:hover  {
	text-decoration: none;
	background-color: #45bff9;
}

.post h2.title {
	margin-bottom: 12px;
}

.post h2.title a {
	line-height: 1.2;
	font-size:24px;
	color:#858f95;
	font-weight:300;
}

.post h2.title a:hover {
	text-decoration:none;
	color: #10a4dd;
}

.post h2.title small, .post h2.title small a {
	font-size: 12px;
	color: #10a4dd;
}

.post h2.title small {
	margin-left: 20px;
}

.post h2.title small a:hover, .post h2.title small a:active {
	color: #000;
}


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

8. Single Posts Styling  ---------------------------------	 single.php, page.php

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

#content {
	background: url('images/dots.gif') 66% repeat-y;
}

#container #content { background: none; }

#content.full-width { background:none; }

.single-portfolio #content { background:none; }


#content.fullwidth, #content.fullwidth .post_content { display: block; padding-right: 0; }

.post_content {
  	position:relative;
	padding-right: 30px;
	float:left;
	width:600px;
}

.post_content h1 {
	margin-bottom: 12px;
}

.post_content h1 a {
	line-height: 1.2;
	font-size:24px;
	color:#858f95;
	font-weight:300;
}

.post_content h1 a:hover {
	text-decoration:none;
	color: #10a4dd;
}

.post_content h1 small, .post_content h1 small a {
	font-size: 12px;
	color: #10a4dd;
}

.post_content h1 small {
	margin-left: 20px;
}

.post_content h1 small a:hover, .post_content h1 small a:active {
	color: #000;
}

.meta {
	margin:5px 0 0;
	font-weight:normal;
	font-size:12px;
}

.meta a {
	font-size:11px;
	text-decoration:none;
	font-weight:normal;
}

.meta span {
	color:#DDDBDB;
	padding:0 5px;
}

p.postmetadata {
	font-size: 11px;
	margin: 0;
	color: #999;
}

.entry {
	clear: left;
	font-size: 13px;
	background: url('images/dots.gif') bottom left repeat-x;
	padding-bottom: 20px;
 	overflow: hidden;
 	line-height: 1.7;
}

.page .entry {
	background: transparent;
	padding-bottom: 0;
}


.entry h1, .entry h2, .entry h3, .entry h4, .entry h5, .entry h6 {
	font-weight: bold;
	margin-bottom: 12px;
	line-height:1.3;
	color:#3D3D3D;
	}

.entry p { margin-bottom: 14px; }

.entry a:hover { text-decoration:none; }

.entry img { margin-bottom:10px; }

.entry img.alignnone,
.entry img.aligncenter,
.entry img.alignleft,
.entry img.alignright {
	margin-bottom: 10px;
	max-width:600px;
	width:auto;
 	height:auto;
}

.full-width .entry img.alignnone,
.full-width .entry img.aligncenter,
.full-width .entry img.alignleft,
.full-width .entry img.alignright {
	max-width:980px;
}

.entry .galleria-container img { border:0; padding:0; }

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

.entry blockquote {
	font-style: italic;
	font-family:Georgia, serif;
	font-size: 16px;
  	border: solid 1px #ddd;
	border-left: solid 5px #ddd;
  	padding: 15px;
	margin: 10px;
}

#content.side-left {
	background: url('images/dots.gif') 33% repeat-y;
}

.side-left .post_content {
 	 float:right;
}

.side-left #sidebar {
 	float:left;
}

.full-width .post_content {
	padding-right: 0;
	width: 100%;
}

/* [gallery] shortcode */
.entry .gallery .gallery-item { display: -moz-inline-stack; display: inline-block; vertical-align: top; zoom: 1; *display: inline; margin: 10px; }
.entry .gallery { margin: auto; text-align: center; clear: both; }

/* Images align */
.entry .aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.alignleft, .entry .alignleft { float: left; margin: 5px 15px 5px 3px; }
.alignright, .entry .alignright { float: right; margin: 5px 4px 5px 15px; }

/* Caption for Images */
.entry .wp-caption { max-width: 100% !important; text-align:center;   }
.entry .wp-caption img { background:none; margin:0; border:0 none; max-width:100%;  width:auto; height:auto;}
.entry .wp-caption-text, .gallery-caption { color:#A7A3A3; font-size:11px; margin:0; padding:4px 0 0; text-align:center; }
.entry .wp-caption.aligncenter { margin:0 auto 15px; }

img.wp-smiley { padding: 0; border: none; }
.entry .tags { font-size: 14px; margin-top: 25px; display: block; line-height: 2.5; clear: both; float: left; }
.tags a { color: #fff; background: #10A4DD; padding: 3px 7px; margin: 0 0 7px 5px; font-size: 12px; -moz-border-radius: 4px; border-radius: 4px; }
.tags a:hover { background: #EC5706; text-decoration: none; }
.post_content .thumbnails { background: #FFFDEA; border: 1px solid #EEE7AB; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; clear: both; float: left; padding: 10px 10px 5px; margin: 10px 0 20px; font-size: 11px; line-height: 1.6em; }
.post_content .thumbnails img { margin: 5px 15px 10px; width: 144px; height: 144px; }

.sticky, .bypostauthor { }

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

9. Comments  -------------------------  comments.php

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

#comments { margin: 20px 0 0; padding-top: 10px; }
#comments h3 { font: 300 27px 'Lato', Arial, sans-serif; color: #10a4dd; margin-bottom: 25px; }
#comments #respond h3 {  }


#comments .navigation { padding: 0 0 18px 0; }
.commentlist { list-style: none; background: url('images/dots.gif') bottom left repeat-x; border-bottom:0; padding:0 0 20px; margin:0 0 20px;}
.commentlist li.comment { line-height: 1.7; margin: 0 0 24px 0; padding: 0 0 0 66px; position: relative; min-height: 90px; }
.commentlist li:last-child { border-bottom: none; margin-bottom: 0; }
.commentlist li.comment > div { border:1px solid #E9EBEF; padding: 5px 10px; }
#comments .comment-body ul, #comments .comment-body ol { margin-bottom: 18px; }
#comments .comment-body p:last-child { margin-bottom: 6px; }
#comments .comment-body blockquote p:last-child { margin-bottom: 24px; }
.commentlist ol { list-style: decimal; }
.commentlist .avatar { position: absolute; top: 0; left: 0; padding: 4px; border: 1px solid #E9EBEF;  }
.comment-author { margin-bottom:3px; }
.comment-author cite { color: #383F46; font-weight: bold; font-style:normal; font-size:14px; }
.comment-author .says {  display:none; }
.comment-meta { display: inline; font-size: 12px;  margin: 0 0 0 5px; }
.comment-meta a:link, .comment-meta a:visited { color: #888; text-decoration: none; }
.comment-meta a:active, .comment-meta a:hover { color: #333; }
.reply { display: inline; position: absolute; top: 62px; left: 0; font-size: 12px; text-align: center; width: 56px; padding: 0;  }
.reply a { display: block; height: 100%; width: 100%; }
.commentlist .children { list-style: none; margin: 25px 0 0; }
.commentlist .children li { border: none; margin: 0; }
.nopassword, .nocomments { display: none; }
#comments .pingback {margin-bottom: 18px; padding-bottom: 18px; }
.commentlist li.comment+li.pingback { margin-top: -6px; }
#comments .pingback p { color: #888; display: block; font-size: 12px; line-height: 18px; margin: 0; }
#comments .pingback .url { font-size: 13px; font-style: italic; }
.comment-notes { display:none; }

#respond .form-allowed-tags { display:none; }
#formLabels { float: left; }
#main #formLabels p { float: left; display: inline; margin: 0 0 10px; width: 100%; color: #8B8B8B; }
#formLabels p label { font-size: 13px; color: #969696; }
#respond .form_fields p .required_lab { margin-left:10px; color:#EB5419;}
#formLabels p.last { margin-right: 0; }
#respond textarea { font-family: Arial; padding:10px; }
#respond input, #respond textarea { font: 13px 'Lato', Arial, Helvetica, sans-serif; width: 100%; border: 1px solid #dedede; background: #fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#respond input:focus, #respond textarea:focus { border-color: #999; }
#respond input { width: 80%; padding: 7px 10px; }
#respond ::-webkit-input-placeholder { color: #999; }
#respond :-moz-placeholder { color: #999; }
#respond :-ms-input-placeholder { color: #999; }
#respond #formContent { margin: 7px 0; float: right; }

#respond input[type='submit'] { background: #ec5706; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; color: #fff; border: 0; font: bold 13px 'Lato', Arial, Helvetica, sans-serif; line-height: 1; padding: 7px 20px; margin: 10px 0 0; text-align: center;   display: inline; width: auto; }
#respond input[type='submit']:hover, #respond input[type='submit']:active { background: #ff742a; cursor: pointer; }
#respond input[type='submit']::-moz-focus-inner { border: 0; padding: 0; }
#cancel-comment-reply-link { font-size: 12px; font-weight: normal; line-height: 18px; }

.comment-list li #respond p { margin-left: 0; }
#comments .commentlist li #respond h3 { background:none; margin-top:0;}
#comments .commentlist li #respond  { border-top:none; }
#trackbacks { float: left; width: 100%; }
#trackbacks ol { padding: 10px 0; }
#trackbacks li { list-style-type: decimal; padding: 5px 0 5px 15px; }


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

10. Sidebar & Footer Widgets -------------------------  sidebar.php, footer.php

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

#sidebar {
	width: 300px;
	position:relative;
	margin:0;
	float:right;
	overflow: hidden;
}

#sidebar .widget {
	margin-bottom: 60px;
 	position:relative;
}

#sidebar .widget h3.title {
	font-size: 27px;
	font-weight: 300;
	margin:0 0 15px;
}

.widget a {	font-weight:bold; }

#sidebar .widget a:hover { text-decoration: none; }

.widget ul { clear: both;  line-height: 1.7; }
.widget ul li { list-style-type: none; }
.widget ul ul { margin: 0; padding: 0; border-top: none; }
.widget ul ul li { border: none; }

.widget #cat, .widget select { width: 100%;  border: 1px solid #cdcfd4; color: #333333; display: inline; padding: 5px; line-height: 1.5; clear: both; float: left;  }

.widget_tag_cloud a {
 	line-height:1.3em;
	font-weight:normal;
}

/* Recent Comments */
.recent-comments-list .avatar {	margin-right: 12px;	float: left;   }
.recent-comments-list li { padding: 6px 0 10px; margin:0 0 5px; border-bottom: 1px solid #eee; line-height:1.4;  }
.recent-comments-list li a { font-size:12px; }


/* Twitter widget */
.widget .twitter-list li { padding: 0 0 10px; margin: 0 0 10px; font-size:14px; border-bottom:1px solid #F3F3F3; }
.widget .twitter-list li a { font-weight: normal; }
.widget .twitter-list .twitter-timestamp { display: block; color: #B9B9B9; font-size: 12px; font-style: normal;   }
.widget .follow-user { margin: 0; padding: 5px 0; }


/* Social Widget */
.social li { display: inline; float:left; }
.social a { background: url("images/social.png") no-repeat 0 0; display: block; float: left; height: 25px; width: 25px; margin: 0 10px 0 0; text-indent: -9000px; }
.social a:hover {  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";filter: alpha(opacity=60); opacity: 0.6; transition: opacity .25s ease-in-out; -moz-transition: opacity .25s ease-in-out; -webkit-transition: opacity .25s ease-in-out; }
.social .twitter { background-position: -151px 0; }
.social .facebook { background-position: -121px 0; }
.social .flickr { background-position: -241px 0; }
.social .dribbble { background-position: -301px 0; }
.social .youtube { background-position: -61px 0; }
.social .linkedin { background-position: -271px 0; }
.social .behance { background-position: -211px 0; }
.social .google { background-position: -31px 0; }
.social .pinterest { background-position: -91px 0; }
.social .rss { background-position: -181px 0; }


/* Recent News Widget */
.news_widget li { position: relative; float: left; width: 270px; margin-right: 30px; }
.news_widget li:last-child { margin-right: 0; }
.news_widget .date { position: absolute; top: 0; right: 0; font: 12px 'Lato', Arial, sans-serif; text-align: center; text-transform: uppercase; color: #fff; background-color: #10a4dd; line-height:1; padding: 5px; pointer-events: none; }
.news_widget .date .day { font-size: 16px; font-weight: 900; }
.news_widget .date .month { display: block; }
.home .news_widget h4 { font-size: 14px; line-height: normal; background: url('images/dots.gif') bottom left repeat-x; padding-bottom: 20px; margin-top: 10px; margin-bottom: 10px; }
.news_widget h4 a { color: #4a5255; }
.news_widget a:hover { color: #939798; }
.home_widgets .news_widget .meta { display:none; }
#sidebar .news_widget .date { display:none; }
#sidebar .news_widget { margin-left:0; }
#sidebar .news_widget li img { margin-right:10px; float:left; line-height:1.5;}
#sidebar .meta { display:block; margin:0; }
#sidebar .news_widget li { padding: 0 0 15px; margin: 0 0 15px; border-bottom: 1px solid #eee;  }
#sidebar .news_widget li  h4 { font-size:14px; }
.single #sidebar .news_widget h4 { background: transparent; padding: 0; margin: 0; }

#footer .news_widget .date { display:none; }
#footer .news_widget { margin-left:0; }
#footer .news_widget li a { margin-left:0; float:none; line-height:1.5;}
#footer .meta { display:block; margin:0; }
#footer .news_widget li { padding: 10px 0; margin:0; }
.news_widget br {display: none;}
.news_widget img { margin: 0; }
.news_widget span.meta { font-size: 9px; color: #A9A9A9; margin: 2px 0 4px; display: block; }
.news_widget .post-excerpt { display: block; color: #929b9f; }


/* Archives Widget */
.widget_archive li { width:42%; float:left; font-size:14px; padding:0 0 0 18px; margin:0 2% 10px 0; color:#C9C9C9; background:url("images/bullet.png") no-repeat left;  }
.widget_archive li a { color:#939798; font-weight:normal;}
.widget_archive li a:hover { color:#5ad0ff; }


/* Category Widget */
.widget_categories li { font-size:14px; padding:0 0 0 18px; margin:0 0 10px; color:#C9C9C9; background:url("images/bullet.png") no-repeat left;  }
.widget_categories li a { color:#939798; font-weight:normal;}
.widget_categories li a:hover { color:#5ad0ff; }


/* Call to Action Widget */
.wpzoom-calltoaction { font-size:17px; }
.wpzoom-calltoaction .cta-msg { float: left; line-height: 1.8; max-width: 680px; color:#5f676b; }
.wpzoom-calltoaction .cta-msg :last-child { margin-bottom: 0; }
.wpzoom-calltoaction .cta-btn { float: right; margin-top:5px; font: bold 14px 'Lato', Arial, sans-serif; text-decoration: none; color: #fff; background-color: #10a4dd; padding: 13px 30px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -moz-transition-duration: 200ms; -webkit-transition-duration: 200ms; transition-duration: 200ms; }
.wpzoom-calltoaction .cta-btn:hover, .wpzoom-calltoaction .cta-btn:active { background-color: #45bff9; }


/* Testimonial Widget */
.wpzoom-testimonial .cover { float: left; margin: 0 20px 20px 0; }
.wpzoom-testimonial .cover img { -webkit-border-radius: 50%; border-radius: 50%; }
.wpzoom-testimonial h4 { font-size: 14px; font-weight: bold; line-height: normal; }
.wpzoom-testimonial .position { font-size: 12px; color: #798286; margin: 0; }
.wpzoom-testimonial .company { font-size: 12px; background: url('images/dots.gif') top left repeat-x; padding: 8px 0 0; margin: 8px 0 0 92px; }
.wpzoom-testimonial .company a { color: #4a5255; }
.wpzoom-testimonial blockquote { clear: both; color: #6c8088; margin: 0; }
.wpzoom-testimonial blockquote :last-child { margin-bottom: 0; }


/* Twitter Bubble Widget */
.bubble_wrap { font-size: 24px; font-weight: 300; color: #858f95; background: url('images/twitter-bird.png') center left no-repeat; }
.bubble_wrap li { list-style: none; }
.bubble_wrap .twitter-timestamp { font-size: 16px; color: #bbb; }


/* Calendar widget */
#wp-calendar {width: 100%; }
#wp-calendar caption { text-align: right; font-weight:bold;  font-size: 12px; margin-top: 10px; margin-bottom: 15px; }
#wp-calendar thead { font-size: 10px; }
#wp-calendar thead th { padding-bottom: 10px; }
#wp-calendar tbody { color: #aaa; }
#wp-calendar tbody td { background: #EFEEEE; text-align: center; padding:8px;}
#wp-calendar tbody td:hover { background: #E8E8E8; }
#wp-calendar tbody .pad { background: none; }
#wp-calendar tfoot #next { font-size: 10px; text-transform: uppercase; text-align: right; }
#wp-calendar tfoot #prev { font-size: 10px; text-transform: uppercase; padding-top: 10px; }


/* Clients Widget */
.wpzoom-clients .clients_widget li { margin-right: 30px; overflow: hidden;}
.wpzoom-clients .clients_widget li:last-child { margin-right: 0; }
.wpzoom-clients { position: relative; }
.wpzoom-clients .flex-direction-nav { position: absolute; top: 22px; right: 0; }
.wpzoom-clients .flex-direction-nav li { display: inline-block; }
.wpzoom-clients .flex-direction-nav a { display: block; text-indent: -9999em; background: #858f95 url('images/clients-arrows.gif') 8px 6px no-repeat; height: 21px; width: 21px; overflow: hidden; -moz-transition-duration: 200ms; -webkit-transition-duration: 200ms; transition-duration: 200ms; }
.wpzoom-clients .flex-direction-nav a.flex-next { background-position: -13px 6px; }
.wpzoom-clients .flex-direction-nav a:hover, .wpzoom-clients .flex-direction-nav a:active { background-color: #ec5706; }
.wpzoom-clients .flex-direction-nav a.flex-disabled { opacity: 0.5; pointer-events: none; }


/* Portfolio Slider Tabs Widget */
.wpzoom-portfolio-slider-tabs .pst-nav { font-size: 0; background: url('images/dots.gif') top left repeat-x, url('images/dots.gif') bottom left repeat-x; padding: 3px 0 5px; margin-bottom: 15px; }
.wpzoom-portfolio-slider-tabs .pst-nav li { cursor: pointer; display: inline-block; font-size: 12px; line-height: 28px; color: #858f95; background: url('images/dots.gif') top right repeat-y; padding: 0 18px 0 13px; }
.wpzoom-portfolio-slider-tabs .pst-nav li:last-child { background-image: none; }
.wpzoom-portfolio-slider-tabs .pst-nav li:hover, .wpzoom-portfolio-slider-tabs .pst-nav li.current { color: #000; }
.wpzoom-portfolio-slider-tabs .pst-nav li h4 { font-size: 12px; }

.wpzoom-portfolio-slider-tabs .pst-slider { display: none; position: relative; }
.wpzoom-portfolio-slider-tabs .pst-slider.current { display: block; }
.wpzoom-portfolio-slider-tabs .pst-slider a { display: block; position: relative; font-size: 0; }
.wpzoom-portfolio-slider-tabs .pst-slider .meta { position: absolute; top: 0; left: 0; right: 0; bottom: 0; font: 13px 'Lato', Arial, sans-serif; color: #666; background-color: rgba(255, 255, 255, 0.6); padding: 30px; margin: 0; opacity: 0; -moz-transition-duration: 200ms; -webkit-transition-duration: 200ms; transition-duration: 200ms; }
.wpzoom-portfolio-slider-tabs .pst-slider:hover .meta { opacity: 1; }
.wpzoom-portfolio-slider-tabs .pst-slider .meta h4 { font-size: 24px; font-weight: 300; color: #000; }

.wpzoom-portfolio-slider-tabs .flex-direction-nav { position: absolute; top: 0; right: 0; font-size: 0; }
.wpzoom-portfolio-slider-tabs .flex-direction-nav li { display: inline-block; }
.wpzoom-portfolio-slider-tabs .flex-direction-nav a { display: block; text-indent: -9999em; background: #858f95 url('images/clients-arrows.gif') 8px 6px no-repeat; height: 21px; width: 21px; overflow: hidden; -moz-transition-duration: 200ms; -webkit-transition-duration: 200ms; transition-duration: 200ms; }
.wpzoom-portfolio-slider-tabs .flex-direction-nav a.flex-next { background-position: -13px 6px; }
.wpzoom-portfolio-slider-tabs .flex-direction-nav a:hover, .wpzoom-clients .flex-direction-nav a:active { background-color: #ec5706; }
.wpzoom-portfolio-slider-tabs .flex-direction-nav a.flex-disabled { opacity: 0.5; pointer-events: none; }


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

11. Footer  -------------------------  footer.php

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

#footer {
    font-size:13px;
    text-align: left;
}

#footer .widgets {
	width: 1030px;
	padding: 30px 0 1px;
	margin: 0 auto;
}

#footer .widget {
	font-size: 12px;
}

#footer .widget h3.title {
	font-size: 27px;
	font-weight: 300;
}

#footer .wrap .widgets { padding-top:0; padding-bottom:15px; margin-bottom:15px; border-bottom:1px solid #DAE3E6; }
#footer .wrap .widget { margin-bottom:15px; }
#footer .inner .widgets {border:none;}

#footer .widgets .wide .bubble_wrap { padding: 8px 0 0 65px; margin: 20px 30px; }
#footer .widgets .wide .bubble_wrap a { color: #ec5706; }
#footer .widgets .wide .bubble_wrap a:hover, .bubble_wrap a:active { color: #000; }

#footer div.column {float: left; display: block; margin-right: 25px;  width: 325px; }
#footer div.last {margin-right: 0;}
#footer a {color: #646b6e; text-decoration:none;}
#footer a:hover {color:#000;}

#footer .wrap { line-height: 2; color: #878e91; background: #eef1f2; padding: 30px 0; margin-top: 30px; }
#footer .inner { width: 1030px; margin: 0 auto; }

#footer .inner .widgets { width: auto; padding: 0; margin: 0; }

#footer .left { float: left; }
#footer .right { float: right; }

#footer p.copy, #footer p.wpzoom { display: inline; margin: 0; }
#footer p.wpzoom { display: inline; line-height: 16px; width: 184px; }

#footer .menu { word-spacing: 3px; }
#footer .menu p { margin: 0; }
#footer .menu li { display: inline; word-spacing: 3px; }
#footer .menu li:after { content: ' /'; }
#footer .menu li:last-child:after { content: ''; }
#footer .menu li a { color: #878e91; }
#footer .menu li a:hover, #footer .menu li a:active, #footer .menu li.current-menu-item a, #footer .menu li.current_page_item a, #footer .menu li.current-menu-ancestor a, #footer .menu li.current-menu-parent a, #footer .menu li.current_page_parent a { color: #000; background: transparent; }
#footer .menu li a:after { display: none; }


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

12. Media Queries

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

/* Small Displays */
@media screen and (max-width: 1040px) {

	/* Header */
 	#header { width: 100%; padding: 3% 0; }
	#logo { margin-left: 3%; display: block; margin-bottom: 2%; }
	#logo img { max-width: 100%; width: 100%; height: auto; }
	#logo h1 { width: 100%; }
	#logo h1, #logo #tagline { display: block; float: left; }

	#header { position: relative; }

	.btn_menu { display: block; position: absolute; top: 35px; right: 3%; cursor: pointer; background:#eef2f2 url('images/menu.png') 8px 9px no-repeat; padding:5px 5px 0; width:30px; height:30px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;}

	#menu { margin-left: 0; width: 90%; padding: 2% 5%; background: #F3F3F3; }
	.mobile-menu { display: none; }
	.dropdown { padding: 15px 0; }
	.dropdown li { display: block; float: none; margin-right: 0; }
	.dropdown a {  }
	.dropdown ul { background: none; margin-left: 10px; display: block !important; position: relative; visibility: inherit !important; top: 0; width: auto; }
	.dropdown a:hover { color: #878E91; }
	.dropdown ul li a { color: #878E91; }
	.dropdown > li > a:hover { margin-top: 0; }
	.dropdown > li > a:after { display: none; }
	.dropdown > li > a:hover:after { border-top-color: #ec5706; }
	.dropdown ul {  -webkit-box-shadow: none; box-shadow: none; padding: 0; }

	.dropdown > li > a:hover { margin-top: 0; color:#333; }
	.dropdown > li:hover { margin-top: 0; }
	.dropdown > li:hover > a { margin-top: 0; }
	.dropdown li:hover a { background:none; color: #333; }
	.dropdown li:hover  { background:none; }


	.dropdown li:hover ul,
	.dropdown li.sfHover ul { left: 0; top: 0; z-index: 99; }
	ul.dropdown li:hover li ul,
	ul.dropdown li.sfHover li ul { top: 0; }
	ul.dropdown li li:hover ul,
	ul.dropdown li li.sfHover ul { left: 0; top: 0; }
	ul.dropdown li li:hover li ul,
	ul.dropdown li li.sfHover li ul { top: 0; }
	ul.dropdown li li li:hover ul,
	ul.dropdown li li li.sfHover ul { left: 0; top: 0; }

	#slider { width: 100%; height: auto; margin-bottom: 1%; }
	.slides > li .li-wrap { width: 100%; }
	#slider img { width: 100%; max-width: 100%; height: auto; }

	#content { background: none; }
	#content-wrap { width: 92%; padding: 2%; }
	.post_content { width: 65%; padding-right: 3%; }
	.full-width .post_content { width: 100%; }
	.full-width .entry { width: 100%; }
	.entry { width: 100%; }
	.entry img.alignnone,
	.entry img.aligncenter,
	.entry img.alignleft,
	.entry img.alignright,
	.entry img.attachment-fullsize { margin-bottom: 10px; max-width: 100%; width: auto; height: auto; }
	.full-width .entry img.alignnone,
	.full-width .entry img.aligncenter,
	.full-width .entry img.alignleft,
	.full-width .entry img.alignright,
	.full-width .entry img.attachment-fullsize { margin-bottom: 10px; max-width: 100%; width: auto; height: auto; }

	#sidebar { width: 31%; }
	.fb_iframe_widget { width: 100%!important }
	.fb_iframe_widget span { width: 100%!important; }
	.fb_iframe_widget span iframe { width: 100%!important; }

 	#portfolio-slider { width: 97%; }
	#portfolio-slider img { max-width: 100%; width: 100%; height: auto; }
 	#portfolio li { margin: 0 2% 60px; width: 21%; display: inline-block; vertical-align: top; }
	#portfolio li:nth-child(4n) { margin-right: 0%; }
	#portfolio .thumb img { max-width: 100%; width: 100%; height: auto; }

	#footer .widgets { width: 95%; }
	#footer .inner { width: 95%; }
 	#footer div.column { width: 31%; margin-right: 2%; }

	#heading h1, #heading h2 { padding-left: 3%; width: 97%; }
	#intro { width: 97%; padding-left:3%; }
	.single-portfolio #heading > div, .page #heading > div, .page-template #heading > div { padding-left: 3%; width: 97%; }
	#heading #top_button { right: 3%; }

	.single-nav { right: 3%; }
	.single-portfolio .post_content { width: 65%; }
	.aside { width: 30%; }
	.single-portfolio .entry img.alignnone, .single-portfolio .entry img.aligncenter, .single-portfolio .entry img.alignleft, .single-portfolio .entry img.alignright { max-width: 100%; }
	#homewidgets-large .news_widget li { width: 45%; margin-right: 3%; }
	#homewidgets-large .news_widget li img { max-width: 100%; width: 100%; height: auto; }
	#homewidgets #homewidgets-large { width: 64%; }
	#homewidgets-rightlarge { width: 34%; }
	#homewidgets #homewidgets-rightlarge .wpzoom-testimonial .testimonial { width: 90%; padding: 4%; }
	#homewidgets #homewidgets-rightmain { width:45%; padding-left:3%; }
	#homewidgets #homewidgets-main { width:50%; }

}

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

	#slider { height: 480px; }
	#slider .slides > li { height: 480px; }
	.wpzoom-calltoaction .cta-msg { max-width: 65%; }
	.post .meta p { background: none; padding-left: 0; }
	.post .meta { margin-bottom: 10px; }
	.post-thumb img { max-width: 100%; width: 100%; height: auto; }
	#portfolio li { margin: 0 2% 60px; width: 29%; display: inline-block; float:none; vertical-align: top; }
	#portfolio li:nth-child(4n) { margin-right: 2%; }
	#portfolio li:nth-child(3n) { margin-right: 0; }
	#portfolio .thumb img { max-width: 100%; width: 100%; height: auto; }
	.widget_archive li { width: 95%; margin-right: 0; }

}

/* Tablet Portrait */
@media screen and (max-width: 768px) {

 	#slider { height: 420px; }
	#slider .slides > li { height: 420px; }
	.slides > li .excerpt { max-width: 80%; font-size: 16px; line-height: 2.0; }
	.slides > li h3 { font-size:36px; }
	#content { background: none; }
	#content-wrap { width: 92%; padding: 2%; }
	.post_content { width: 100%; padding-right: 0; }
	#sidebar { width: 100%; float: left; }


	#footer .inner { position: relative; }
	#footer .left { margin-top: 60px; }
	#footer .right { position: absolute; left: 0; top:0; width: 100%; height: 40px; }

}

/* All Mobile Sizes (devices and browser) */
@media screen and (max-width: 640px) {

	#portfolio li { margin: 0 0 60px; width: 100%; display: inline-block; float:none; vertical-align: top; }
	#portfolio li:nth-child(4n) { margin-right: 0; }
	#portfolio li:nth-child(3n) { margin-right: 0; }
	#portfolio .thumb img { max-width: 100%; width: 100%; height: auto; }

 	#slider { height: 240px !important; }
 	#slider .slides > li { height: 240px; }
	.flex-control-nav { bottom:17%; }
	.btn_menu { top:25px; }
	#intro { font-size:16px; padding:10px 0 10px 3%; }
	.slides > li h3 { font-size:22px; margin-top:70px !important;}
 	.single-portfolio .post_content { width: 100%; }
 	.slides > li .excerpt {display:none; }
	.aside { width: 100%; float: left; margin-top: 0 !important; }
	#footer div.column { width: 100%; margin-right: 0; }
	.sub-heading h3 { font-size: 16px; }
	#homewidgets #homewidgets-large { width: 100%; margin-bottom: 3%; }
	#homewidgets .table > div { display:block; }
	#homewidgets #homewidgets-rightmain { width:100%; }
	.wpzoom-portfolio-slider-tabs .pst-nav li {background:none; padding:0 15px 0 0; }
	.wpzoom-portfolio-slider-tabs .pst-slider img { max-width:100%; }
	.wpzoom-portfolio-slider-tabs .pst-slider .meta { display:none; }
	.bubble_wrap { font-size:16px; }
	#homewidgets-rightlarge { width: 100%; }
	#homewidgets .table { display: block; }
	#homewidgets #homewidgets-main { width: 100%; margin-bottom: 3%; padding-right: 0; float: left; }
	#homewidgets #homewidgets-rightmain { background: none; padding-left: 0; }

	#portfolio-tags, #portfolio-fixed { position: relative; }
	.sub-heading #portfolio-tags, .sub-heading #portfolio-fixed { position: relative; }
	#portfolio-tags li:first-child a, #portfolio-fixed li:first-child a { background:none; }
	#portfolio-tags a, #portfolio-fixed a { background:none; padding:8px 15px 8px 0; }
	#heading h1, #heading h2 { font-size:18px; }

	#slider .flex-direction-nav { position: absolute; bottom: 0; right: 0; width: 100px; height: 59px; }
	#slider .flex-direction-nav a { position: absolute; bottom: 0; right: 0; width: 30px; height: 30px; display: block; cursor: pointer; font-size: 1px; text-indent: -2000px; background: url("images/arrows-port.png") no-repeat 0 0; opacity: 0.8; -webkit-transition: all .3s ease; }
	#slider .flex-direction-nav .flex-next { background-position: -41px 0; right: 0; }
	#slider .flex-direction-nav .flex-prev { right: 36px; }
	#slider .flexslider:hover .flex-next { opacity: 0.8; background-position: 31px -33px; }
	#slider .flexslider:hover .flex-prev { opacity: 0.8; background-position: 0 -33px; }
	#slider .flex-next:hover,  #portfolio-slider .flex-prev:hover { opacity: 1; }

}

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

	#portfolio li { margin: 0 3% 60px 0; width: 47%; display: inline-block; float:none; vertical-align: top; }
	#portfolio li:nth-child(4n) { margin-right: 0; }
	#portfolio li:nth-child(3n) { margin-right: 3%; }
	#portfolio li:nth-child(2n) { margin-right: 0; }
}

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

	#portfolio li { margin: 0 0 60px 0; width: 100%; display: inline-block; float:none; vertical-align: top; }
	#portfolio li:nth-child(4n) { margin-right: 0; }
	#portfolio li:nth-child(3n) { margin-right: 0; }
	#portfolio li:nth-child(2n) { margin-right: 0; }

}