/* 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; }
ins { background: #ff9; color: #000; text-decoration: none; }
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; }

.ui-tabs-active, .ui-tabs-active a, .ui-state-active a { color: #B10000; }


/* 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: 20px; }
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: #1F4374;
	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: #B10000; }
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: #B10000; }

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: #1F4374; 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; }


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

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: #1F4374; 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 {
	display: table;
	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: 0 auto 0; }
#content-wrap:before { content: ''; position: absolute; top: -5px; left: 0; background-color: #B10000; 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: #1F4374; 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 8px 8px 8px; border-radius: 3px; }
.dropdown a:hover { text-shadow: none; color: #fff; background-color: #B10000; }
.dropdown li:hover { background-color: #B10000; 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: #B10000; }
.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: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: #B10000; }

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

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

*********************************************************************************************/   
 
#slider { margin:0; position:relative; height:180px; 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; height: 180px; overflow: hidden; }
.slides > li p { display: inline-block; font-size: 28px; font-weight: bold; line-height: 1.5; color: #fff; /* background-color: rgba(31, 67, 116, 0.9); */ padding: 0 20px 0 20px; margin-top: 70px; }
.slides > li .excerpt { display: inline-block; position: absolute; font-size: 14px; 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:1040px; 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 {
  display: none;
	text-align: center;
	position: absolute;
	bottom: 15%;
	height: 30px;
	width: 100%;
	left: -550;
	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);
}

@media screen and (max-width: 990px) {
    #slider {
        display: none !important;
    }
}

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

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: #1F4374;
	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: #1F4374; }

#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: #B10000; }


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

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: #1F4374 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: #1F4374;
	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;
	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: #1F4374;
}

.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: #1F4374;
	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: #1F4374;
}

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

.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;
}

#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: #1F4374;
}

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

.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: 400;
	margin-bottom: 12px; 
	line-height:1.3;
	color:#26446A;
	}

.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: none; }

.entry ul li
{
padding-left: 10px;
background-image: url(images/list-dot.png);
background-repeat: no-repeat;
background-position: 0 .45em;
}

.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: #1F4374; padding: 3px 7px; margin: 0 0 7px 5px; font-size: 12px; -moz-border-radius: 4px; border-radius: 4px; }
.tags a:hover { background: #B10000; text-decoration: none; }
.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; }
.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: #1F4374; 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: #B10000; -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_recent_entries ul a { font-weight: normal; font-size: 13px; }
.widget_recent_entries ul li { list-style-type: circle; }

.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; }


/* Flickr widget */
.widget .flickr_badge_image {margin:0 10px 10px 0; float: left; }
.widget .flickr_badge_image img: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;}
#footer .widget .flickr_badge_image img { width: 55px; height:55px; }

 
 /* 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: #1F4374; 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: #1F4374; 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; }


/* Clients Widget */
.wpzoom-clients .clients_widget li { margin-right: 30px; }
.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: #B10000; }
.wpzoom-clients .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: #B10000; }
#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; }
	#menu { float: left; width: 97%; margin-left: 3%; }
	
	#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; }
	#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: #B10000; }
	.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; }
	
	#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) {
	
	#slider { height: 240px !important; }
	.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; }
 
}