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

	Theme Name: By Architects
	Author: Silver Lane Studio
	Author URI: http://silverlanstudio.com/
	License: GNU General Public License v2 or later
	License URI: http://www.gnu.org/licenses/gpl-2.0.html
	
	Purpose-1.0.8
	
	The CSS, XHTML and Design are released under the GPL:
	http://www.opensource.org/licenses/gpl-license.php

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

	Table of Contents:

	 0.	Global
	 1.	Hyperlinks		
	 2.	Headings
	 3.	Header
	 4.	Navigation
	 5.	Slideshow
	 6.	Homepage
	 7.	Content
	 8. Post Formats
	 9. Social Media
	10. Pagination
	11.	Images
	12. Portfolio
	13.	Wordpress Gallery
	14.	Sidebar
	15.	Widgets
	16.	RSS Widget
	17.	Calendar Widget
	18.	Custom Menu Widget
	19.	Search Form
	20.	Footer
	21.	Comments
	22.	Buttons
	23. Tables
	24. Forms
	25. CSS3 Styles
	26. WooCommerce
	27. Grid
	  
*******************************************************************************************************************/

body {
	background-color: #ffffff;
	background-size:cover;
	color: #0f2230;
	font-size: 1em;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	line-height:normal;
	letter-spacing:1px;
	margin: 0px;
	padding: 0px;
	}

/************************************************
*	0.	Global									*
************************************************/

p {
	padding: 12px 0px;
	margin: 0px;
	}
p:empty {
	display: none;
	}
em {
	font-style: italic;
	}
strong, b {
	font-weight: bold;
	}	
hr {
	border: 0;
	width: 100%;
	height: 1px;
	color: #DDDDDD;
	background-color: #DDDDDD;
	margin: 6px 0px 8px 0px;
	padding: 0px;
	}
ol, ul {
	margin: 6px 0px;
	padding: 0px 0px 0px 12px;
	}
ol li {
	list-style: inside;
	list-style-type: decimal;
	margin: 6px 0px;
	padding: 0px 0px 0px 12px;
	}
ul{
	margin:0px;
	padding:10px 0px 10px 20px;
}
ul li {
	line-height:normal;
	padding:6px 0px;
	}
ul ol li, ul ol ul ol li {
    list-style-type: decimal;
	}
ol ul li, ol ul ol ul li {
    list-style-type: square;
	}
blockquote {
	font-family: 'Open Sans', sans-serif;
	font-weight: 700;
	margin: 20px 0px;
	padding: 20px;
	border-top: 1px solid #DDDDDD;
	border-top: 1px solid rgba(0, 0, 0, 0.08);
	border-bottom: 1px solid #DDDDDD;
	border-bottom: 1px solid rgba(0, 0, 0, 0.08);
	}
blockquote p {
	margin: 0px;
	padding: 0px;
	}
blockquote, q {
	quotes: none;
	}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
	}
code, pre {
	background: #F9F9F9;
	font-family: Courier, Verdana, Tahoma, Verdana;
	font-size: 13px;
	line-height: 1.4;
	margin: 12px 0px;
	padding: 6px 8px;
	border: 1px solid #DDDDDD;
	border-radius: 3px;
	}
code {
	display: inline;
	white-space: normal;
	}
pre {
	display: block;
	}
pre code {
	padding: 0px;
	border: none;
	border-radius: 0px;
	}
img {
	-ms-interpolation-mode: bicubic;
	height: auto;
	}
img, object, embed {
	max-width: 100%;
	margin: 0px auto 0px;
	}
table {
	border-collapse: collapse;
	border-spacing: 0;
	}
.clear {
	clear: both;
	}
.hidden {
	display: none;
	}
.text-left { 
	text-align: left; 
	}
.text-right { 
	text-align: right; 
	}
.text-center { 
	text-align: center; 
	}
.text-hide,
.container .headline.text-hide {
	font-size: 0;
	line-height: 0;
	margin-left: -999em;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0px;
	}
.align-center {
	float: none;
	display: block;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	}
.align-left {
	float: left;
	}
.align-right {
	float: right;
	}
.vertical-center {
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	}

/************************************************
*	1.	Hyperlinks								*
************************************************/

a img {
	border: none;
	}
a, a:link {
	color: #028ecc;
	text-decoration: none;
	}
a:focus, a:hover, a:active {
	color: #028ecc;
	text-decoration: underline;
	}
	
/************************************************
*	2.	Headings  								*
************************************************/

h1, h2, h3,
h4, h5, h6 {
	font-family: 'Open Sans', sans-serif;
	font-style:normal;
	font-weight: 700;
	line-height: 1.2;
	text-transform:uppercase;
	letter-spacing:5px;
	}
h1 {
	font-size:3.5em;
	margin: 4px 0px;
	padding: 4px 0px;
	}
h2 {
	font-size: 3em;
	margin: 4px 0px ;
	padding: 4px 0px;
	}
h3 {
	font-size: 2.8em;
	margin: 4px 0px;
	padding: 4px 0px;
	}
h4 {
	font-size: 2.2em;
	margin: 10px 0px;
	padding: 4px 0px;
	}
h5 {
	font-size: 1.5em;
	margin: 4px 0px;
	padding: 4px 0px;
	}
h6 {
	font-size: 1.2em;
	margin: 4px 0px;
	padding: 4px 0px;
	text-transform:none;
	}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	color: #67A416;
	text-decoration: none;
	border: none;
	}
h1 a:hover, h2 a:hover, h3 a:hover,
h4 a:hover, h5 a:hover, h6 a:hover {
	color: #67A416;
	text-decoratio:underline;
	border: none;
	}
.headline {
	font-size: 3.4em;
	padding:0;
	margin: 0px;
	}
.headline.img-headline {
	color: #fff;
	position: absolute;
	bottom:0;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	width: 100%;
	font-size: 3.4em;
	text-align: center;
	letter-spacing: -2px;
	padding: 0px 6%;
	z-index:9;
	}
.headline.small {
	font-size: 2.4em;
	font-weight: 400;
	}
.title {
	font-size: 1em;
	font-weight: 400;
	letter-spacing: 1px;
	line-height: 1.6;
	text-transform: uppercase;
	margin: 0px;
	padding: 6px 0px;
	}	
.custom_banner{
	position:relative;
}
.custom_banner_1 {
	border-bottom:1px solid #0f2230;
    padding: 5% 0;
    text-align: center;
}
.page_title_wrap {
    background-color: #fff;
    bottom: 0;
    box-sizing: border-box;
    left: 0;
    margin: 0 auto;
    max-width: 50%;
    padding: 5% 6%;
    position: absolute;
    right: 0;
    text-align: center;
    width: 100%;
}
.custom_banner.single_banner .headline{
	font-size:2.3em;
}
.custom_banner_1.single_banner .headline{
	font-size:2.3em;
}
/************************************************
*	3.	Header  								*
************************************************/
#header.internal_page{
	background-color:#0F2230;
}
#header.internal_page .menu a{
	color:#fff !important;
}
#header.internal_page .call_button, #header.internal_page .call_button a{
	color:#fff !important;
	border-color:#fff;
}
#header.internal_page .call_button:hover{
	border-color:#0092DB;
}
#header {
	position:relative;
	width: 100%;
	background-color:#f0f0f0;
	display:table;
	}
#header .logo,
#header .navmenu,
#header .header_right{
	vertical-align:middle;
	display:table-cell;
}

#header .logo{
	width:29%;
	background-color:#0f2230;
}
#header .logo a{
	display:block;
	width:100%;
}
#header .logo img{
	float:right;
	display:block;
}
#header .navmenu{
	width:55%;
	text-align:left;
	padding-left:4%;
}
#header .header_right{
	width:16%;
}

/************************************************
*	4.	Navigation 								*
************************************************/

#navigation {
	display: block;
	position: relative;
	margin: 0;
	padding: 0px;
	z-index: 99;
	}
.menu-toggle {
	display: none;
	cursor: pointer;
	}
.main-small-navigation ul.mobile-menu {
	display: none;
	}
	
/*** ESSENTIAL STYLES ***/
.menu, .menu * {
	margin:	0;
	padding: 0;
	list-style:	none;
	}
.menu {
	line-height: 1.0;
	}
.menu ul {
	margin: 0px;
	padding: 0px;
	}
.menu ul ul, ul.menu ul {
	position: absolute;
	top: -9999px;
	width: 220px; /* left offset of submenus need to match (see below) */
	}
ul.menu ul, ul.sub-menu {
	left: 50%;
	margin-left:-115px;
	}
.menu ul ul ul, ul.menu ul ul {
	margin: 0px;
	}
.menu ul li ul li, ul.menu ul li {
	width: 100%;
	margin: 0px;
	}
.menu li:hover {
	visibility:	inherit; /* fixes IE7 'sticky bug' */
	}
.menu li {
	display: inline-block;
	position: relative;
	}
.menu li li {
	display: block;
	position: relative;
	}
.menu a {
	display: inline-block;
	position: relative;
	}
.menu li:hover ul,
.menu li.sfHover ul {
	top: 38px; /* match top ul list item height */
	margin-top: 0px;
	z-index: 99;
	}
.header-large .menu li:hover ul,
.header-large .menu li.sfHover ul {
	/*margin-top: -40px;*/
	}
ul.menu li:hover li ul,
ul.menu li.sfHover li ul {
	top: -9999px;
	}
ul.menu li li:hover ul,
ul.menu li li.sfHover ul {
	left: 180px; /* match ul width */
	top: 0;
	}
ul.menu li li:hover li ul,
ul.menu li li.sfHover li ul {
	top: -9999px;
	}
ul.menu li li li:hover ul,
ul.menu li li li.sfHover ul {
	left: 180px; /* match ul width */
	top: 0;
	}
	
/*** SKIN ***/
.menu {
	margin-bottom: 0;
	}
.menu ul.sub-menu, 
.menu ul.children {
	background-color: #0092DB;
	box-shadow: 3px 3px 0px rgba(0, 0, 0, .12);
	}
.menu a {
	background: none;
	line-height: 2;
	text-decoration: none;
	letter-spacing:2px;
	font-size:.88em;
	margin: 0px 1px;
	padding: 5px 10px;
	color:#102230 !important;
	font-weight: 700;
	text-transform:uppercase;
	font-family: 'Open Sans', sans-serif;
	}
.current-page-ancestor > a {
    color: #67a416 !important;
}
.menu a:focus, 
.menu a:hover, 
.menu a:active{
	outline: 0;
}
.menu a:hover,
.menu-item:hover > a{
	background:none;
	color:#008fd3 !important;
}
.menu li li a {
	display: block;
	background: none;
	text-transform: none;
	line-height:normal;
	margin: 0px;
	padding: 14px 12px;
	border-top: 1px solid rgba(255, 255, 255, 0.5);
	}
.menu li li:nth-child(2) a {
	border-top: none !important;
	}
#wrap .menu li li a,
#wrap .menu li li a:link,
#wrap .menu li li a:visited {
	color: #fff !important;
	} 
.menu li li a:focus,
.menu li li a:hover,
.menu li li a:active {
	background: rgba(0, 0, 0, 0.2);
	outline: 0;
	} 
#wrap .menu li li a:focus,
#wrap .menu li li a:hover,
#wrap .menu li li a:active {
	color: #fff !important;
	}
.menu li li a:hover {
	color: #fff;
	}
.menu li.sfHover:hover {
	outline: 0;
	} 
.menu li {
	margin: 0px;
	}
.menu li li {
	background: none;
	text-align: center;
	margin: 0px;
	}
.menu .nav-arrow {
	position: absolute;
	top: -6px;
	left: 50%;
	margin-left: -3px;
	width: 0; 
	height: 0;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-bottom: 6px solid #0092DB;
	z-index: 9;
	}
.menu ul.children ul.children .nav-arrow,
.menu ul.sub-menu ul.sub-menu .nav-arrow {
	display: none;
	}
	
/*** ARROWS **/
.sf-arrows .sf-with-ul {
	padding-right: 14px;
	}
/* styling for both css and generated arrows */
.sf-arrows .sf-with-ul:after {
	content: '';
	position: absolute;
	top: 50%;
	right: 4px;
	margin-top: -1px;
	height: 0;
	width: 0;
	/* order of following 3 rules important for fallbacks to work */
	border: 3px solid transparent;
	border-top-color: rgba(0, 0, 0, 0.4); /* edit this to suit design (no rgba in IE8) */
	}
.sf-arrows > li > .sf-with-ul:focus:after,
.sf-arrows > li:hover > .sf-with-ul:after,
.sf-arrows > .sfHover > .sf-with-ul:after {
	border-top-color: rgba(0, 0, 0, 0.4); /* IE8 fallback colour */
	}
/* styling for right-facing arrows */
.sf-arrows ul .sf-with-ul:after {
	margin-top: -3px;
	margin-right: -3px;
	border-color: transparent;
	border-left-color: rgba(0, 0, 0, 0.4); /* edit this to suit design (no rgba in IE8) */
	}
.sf-arrows ul li > .sf-with-ul:focus:after,
.sf-arrows ul li:hover > .sf-with-ul:after,
.sf-arrows ul .sfHover > .sf-with-ul:after {
	border-left-color: rgba(0, 0, 0, 0.4);
	}
	
/*M-Menu*/	
.wpmm-menu{
	font-family: 'Rajdhani', sans-serif;
}
.mm-listview{
	font-size:1.2em;
}

.wpmm-force-bg{
	background-color:transparent;
}
	
/************************************************
*	5. Slideshow							    *
************************************************/


/************************************************
*	6.	Homepage 					     	    * 
************************************************/
.homesection{
    display:block;
	width:100%;
	position:relative;
}
.homesection:after{
	content:" ";
	display:block;
	clear:both;
}
.section_content_full{
	padding:6% 0px;
}
.section_title{
	line-height:1;
	margin:0px 0px 30px 0px;
	padding:0px;
}
.section_title_holder{
	width:100%;	
}
.call_button{
	cursor:pointer;
	background-color:transparent;
	border:2px solid #0092db;
	border-right:none;
	float:right;
	padding:17px 30px;
	text-align:center;
	display:inline-block;
	font-size:1.3em;
	font-weight:600;
}
.call_button a{
	color:#0092db !important;
	text-decoration:none;
}
.call_button:hover a{
	color:#fff !important;
}
.call_button:hover{
	background-color:#0092db;
	border:2px solid #0092db;
	border-right:none;
	color:#fff !important;
}

/*Home banner*/
.homebanner{
	padding:8% 0 0;
	position:relative;
	background-color:#f0f0f0;
}
.homebanner .dotted_line{
	max-height:205px;
	right: 30%;
    top: 5%;
}
.dotted_line {
    position: absolute;
	overflow:hidden;
    z-index: 9;
}
.homebanner:after {
    background-image: url("images/blue-dotted-line.png");
	top:80%;
    content: " ";
    display: block;
    height: 375px;
    left: 30%;
    position: absolute;
    width: 6px;
    z-index: 9;
}
.banner_content_wrap:after{
	display:block;
	content:"";
	clear:both;
}
.banner_content {
    float: left;
    width: 40%;
	color:#0e202e;
	padding-right:5%;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}
.banner_content p{
	max-width:340px !important;
	width:100%;
}
.banner_image {
    float: right;
    width: 60%;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	padding-top:7%;
}
.banner_image img{
	display:block;
}


#portfolio_section{
	background-color:#0e202f;
	position:relative;
	padding:7% 0;
}
#portfolio_section:before{
	position:absolute;
    background-color: #fff;
    bottom: 0;
    content: "";
    display: block;
    height: 110%;
    top: -40px;
    width: 60%;
	z-index:1;
}
#portfolio_section:after {
    background-image: url("images/blue-dotted-line.png");
    bottom: -7%;
    content: " ";
    display: block;
    height: 15%;
    left: 30%;
    position: absolute;
    width: 6px;
    z-index: 9999;
}
#portfolio_section .dotted_line{
	left:30%;
	top:-14%;
	max-height:350px;
}
.portfolio_top {
	-webkit-box-sizing:border-box;
    box-sizing: border-box;
    padding-left: 36px;
	margin-bottom:7%;
    position: relative;
    width: 100%;
}
.portfolio_top:after {
    clear: both;
    content: "";
    display: block;
}
.portfolio_title{
	display:inline-block;
	position:relative;
	text-align:center;
	z-index:9;
	width:60%;
	float:left;
}
.portfolio_title h2 {
    background-color: #ffffff;
    color: #0092db;
    display: inline-block;
    line-height: 1;
    margin: 0;
    padding: 0;
    z-index: 9999;
}
.filters-button-group:after {
    clear: both;
    content: "";
    display: block;
}
.portfolio_cat {
    max-width: 35%;
	float:left;
    width: 100%;
}
.cat_button {
	color: #fff;
	padding:15px 2%;
    float: left;
	text-align:center;
	text-transform:uppercase;
	letter-spacing:2px;
	position:relative;
	cursor:pointer;
	font-size:.9em;
}
.cat_button:after {
    background-color: #fff;
    bottom: -5px;
    content: "";
    display: block;
    height: 2px;
    position: absolute;
    width: 100%;
	left:0;
}
.cat_button.active:after{
	height: 6px;
}
.portfolio_content_wrap {
    max-width: 90%;
	width:100%;
	z-index:9999;
}
.portfolio_content {
    max-width: 90%;
	z-index:9999;
}
.portfolio_item_holder{
	-webkit-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    width: 25%;
	padding-bottom:25px;
}
.portfolio_item_holder img{
	display:block;
	visibility:hidden;
	width:100%;
}
.portfolio_item {
    position: relative;
    width: 95%;
	cursor:pointer;
}
.portfolio_hidden {
    background-color: rgba(16, 34, 48, 0.7);
    bottom: 0;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    top: 0;
	opacity:0;
	-webkit-transition:all 0.5s ease;
	transition:all 0.5s ease;
}
.portfolio_item:hover .portfolio_hidden{
	opacity:1;
	-webkit-transition:all 0.5s ease;
	transition:all 0.5s ease;
}
.portfolio_hidden > a {
	width:100%;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	text-decoration:none !important;
	color:#fff !important;
    padding: 0 10%;
    position: absolute;
    top: 50%;
	-webkit-transform: translateY(-45%);
    transform: translateY(-50%);
	text-align:center;
}
.portfolio_hidden i {
    font-size: 4em;
    font-weight: 100;
    line-height: 1;
    width: 100%;
}
.portfolio_item h5 {
    letter-spacing: 0;
    line-height: 27px;
	font-size:1.2em;
}
.portfolio_item a .long_arrow{
	height:2px;
	display:block;
	background:#fff;
	width:75px;
	position:relative;
	padding:0;
	margin:8% auto 0;
}
.portfolio_item a .long_arrow:before {
    transform: rotate(45deg);
    transform-origin: right center 0;
}
.portfolio_item a .long_arrow:before, .portfolio_item a .long_arrow:after {
    border-bottom: 2px solid #fff;
    bottom: 0;
    content: " ";
    display: block;
    height: 0;
    position: absolute;
    right: -1px;
    width: 20px;
}
.portfolio_item a .long_arrow:after {
    transform: rotate(-45deg);
    transform-origin: right center 0;
}
.vertical_title {
    position: absolute;
    right: 0;
	bottom:10%;
    z-index: 9999;
	-webkit-transform:rotate(-90deg);
	transform:rotate(-90deg);
}
.vertical_title h6{
	color:#fff;
	font-weight:600;
	text-transform:uppercase;
	position:relative;
}
.vertical_title h6:after {
    background: #fff none repeat scroll 0 0;
    content: "";
    display: block;
    height: 2px;
    position: absolute;
    right: -100px;
    top: 45%;
    width: 75px;
}

/*services*/
#services{
	display: table;
    padding: 7% 0 10%;
    position: relative;
}
#services:after {
    background-color: #f0f0f0;
    bottom: 0;
    clear: both;
    content: " ";
    height: 200px;
    left: 0;
    position: absolute;
    right: 0;
    width: 70%;
}
#services:before{
	background-image: url("images/blue-dotted-line.png");
    bottom: -28%;
    content: " ";
    display: block;
    height: 349px;
    position: absolute;
    right: 15%;
    width: 6px;
    z-index: 9999;
}
.service{
	background-position: center center;
    background-size: cover;
    display: table-cell;
    position: relative;
    width: 33.33%;
    z-index: 9999;
}
.service img{
	width:100%;
	display:block;
	visibility:hidden;
}
.service_button{
	bottom: -37px;
    left: 0;
    position: absolute;
    right: 0;
    text-align: center;
}
.service_button .button {
    font-size: 1.5em;
    padding: 25px 62px;
}
#services .vertical_title{
	left:0;
	right:auto;
	bottom:-15%;
}
#services .vertical_title h6 {
    color: #102230;
}
#services .vertical_title h6:after {
    background: #102230;
}

#about{
	position:relative;
	margin:17% 0 6%;
}
.about_wrap:after {
    background: #0e202f none repeat scroll 0 0;
    bottom:0;
    content: "";
    display: block;
    left: 30%;
    position: absolute;
    right: 0;
    top:0;
    z-index: -1;
}
#about .content:after {
    clear: both;
    content: "";
    display: block;
}
.about_img{
	max-width:710px;
	width:100%;
	position:absolute;
}
.about_img img{
	display:block;
}
.about_img {
    max-width: 710px;
    position: absolute;
    width: 48%;
	top:-10%;
}
.about_content {
    box-sizing: border-box;
    color: #fff;
    float: right;
    padding:7% 0 7% 7%;
    width: 52%;
}
.about_content p{
	padding:20px 0;
}


#process {
    padding-bottom: 12%;
	position:relative;
}
#process:before{
	background-image: url("images/blue-dotted-line.png");
	top:-6%;
    content: " ";
    display: block;
    height: 349px;
    position: absolute;
    right: 15%;
    width: 6px;
    z-index: 9;
}
#process:after{
	background-image: url("images/blue-dotted-line.png");
	bottom:0;
    content: " ";
    display: block;
    height: 100px;
    position: absolute;
    right: 15%;
    width: 6px;
    z-index: 9;
}
.process_wrap{
	position:relative;
}
.process_wrap:after {
    background: #f0f0f0;
    bottom: 0;
    content: "";
    display: block;
    right: 30%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
}
.process_content {
    box-sizing: border-box;
    padding:7% 7% 7% 0;
    width: 52%;
}
.process_content p{
	padding:20px 0;
}
#process .content:after {
    clear: both;
    content: "";
    display: block;
}
.process_img img{
	display:block;
	border:1px solid #E1DDDC;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}
.process_img {
    max-width: 710px;
    position: absolute;
    width: 48%;
	right:0;
	bottom:-10%;
	z-index:9999;
}

#sustain{
	position:relative;
	z-index:99;
}
#sustain img{
	visibility:hidden;
}
.sustain_content {
    background-color: #fff;
    bottom: -20%;
	-webkit-box-sizing: border-box;
    box-sizing: border-box;
    left: 0;
    margin: 0 auto;
    max-width: 50%;
    position: absolute;
    right: 0;
    width: 100%;
	padding:3% 10%;
    z-index: 9999;
}


#recent_news {
    padding: 12% 0 9%;
	position:relative;
}
#recent_news:before {
    background: #f0f0f0 none repeat scroll 0 0;
    content: "";
    display: block;
    height: 50%;
    position: absolute;
    top: 0;
    width: 100%;
}
.recent_news_title {
    margin-bottom: 4%;
}
.recent_news {
    width: 97%;
}
.recent_news:after {
    clear: both;
    content: " ";
    display: block;
}
.news_holder{
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	padding:0 1%;
	width:33.33%;
	float:left;
}
.news_holder:first-child{
	padding-left:0;
	padding-right:2%;
}
.news_holder:last-child{
	padding-right:0;
	padding-left:2%;
}
.news_item_wrap {
	width:100%;
	margin:0 auto;
}
.news_thumb {
    margin-bottom: 10%;
}
.news_thumb img{
	visibility:hidden;
	width:100%;
	display:block;
}
.news_item_content{
	border-top:1px solid #0e202f;
	display:table;
}
.news_title, .news_text {
    display: table-cell;
    width: 50%;
}
.news_title{
	padding-right:20px;
}
.news_text{
	padding-left:20px;
	border-left:1px solid #0e202f;
	color:#141d24;
	font-size:.96em;
}
.news_title ul{
	padding:20px 0 0;
}
.news_title li{
	list-style:none;
}
.news_title li a {
    font-size: 0.95em;
    text-transform: uppercase;
}
.news_title h6{
	line-height:28px;
	letter-spacing:1px;
	text-transform:uppercase;
}
#recent_news .vertical_title {
    bottom: auto;
    right: 3%;
    top: 50%;
}
#recent_news .vertical_title h6:after{
	background:#102230;
}
#recent_news .vertical_title h6{
	color:#102230;
}

/*Project page*/
.project_tags{
	padding:5% 0;
	display:table;
	width:100%;
	position:relative;
}
.project_tags:after {
    background-image: url("images/blue-dotted-line.png");
    content: " ";
    display: block;
    height: 43%;
    left: 50%;
    position: absolute;
    top: -18%;
    width: 6px;
    z-index: 9999;
}
.project_tag {
    display:table-cell;
    text-align: center;
	vertical-align:middle;
    width: 33.33%;
	padding:20px 10px;
	border-top:1px solid #000;
	border-right:1px solid #000;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}
.project_tag:last-child{
	border-right:none;
}
.project_tag a h6 {
    text-transform: uppercase;
	color:#0092DB;
	display:inline-block;
}
.project_tag.two_tags{
	width:50%;
}
.project_tag.one_tag{
	width:100%;
}

.the_site{
	padding:5% 0 6%;
	background-color:#102230;
}
.project_title {
    padding-bottom: 3%;
}
.project_content {
    display: table;
    width: 100%;
}
.project_image, .project_text {
    display: table-cell;
    width: 50%;
	float:left;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}
.the_site .project_text {
    padding-left: 2%;
}
.project_text > p {
    padding-top: 0;
}
.the_site .project_text p{
	color:#fff;
}
.the_brief{
	padding:5% 0 6%;
}
.the_brief .project_title, .the_brief .project_image{
	text-align:right;
}
.the_brief .project_text{
	padding-right:2%;
}
.the_design{
	background:#f0f0f0;
	padding:5% 0;
	position:relative;
}
.the_design:after {
    background-color: #fff;
    bottom: 0;
    content: " ";
    display: block;
    height: 25%;
    position: absolute;
    width: 100%;
    z-index: 0;
}
.the_design .project_title{
	text-align:center;
}
.design_content {
    margin: 0 auto 5%;
    max-width: 70%;
}
.design_images:after {
    clear: both;
    content: " ";
    display: block;
}
.design_images {
    display: block;
    width: 100%;
	position:relative;
	z-index:999;
}

.design_image {
	-webkit-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    padding: 0 15px;
    text-align: left;
    width: 33.33%;
}
#jquery-lightbox{
	max-width:1000px !important;
	left:0 !important;
	right:0 !important;
	margin:0 auto !important;
	overflow: hidden;
}
#lightbox-secNav-btnClose{
	padding-right:10px;
}
.design_image img {
    display: block;
	visibility:hidden;
    width: 100%;
}

.related-projects {
    padding: 6% 0;
}
.related_projects_title {
    padding-bottom: 25px;
}
.related_projects_title h4{
	text-align:center;
	margin:0;
}
.related_project {
}
.related_project:after {
    background: #000 none repeat scroll 0 0;
    content: "";
    display: block;
    height: 1px;
    left: 2%;
    margin: 0 auto;
    position: absolute;
    right: 2%;
    top: 0;
}

.related_project .slick-prev, 
.related_project .slick-next{
	outline: none !important;
	width:60px;
	height:30px;
	top:-50px;
}
.related_project .slick-prev{
	left:20px;
}
.related_project .slick-next{
	right:20px;
}
.related_project .slick-prev:before {
    background: #028ecc;
    content: "";
    display: block;
    height: 2px;
    position: absolute;
    top: 50%;
    transform: translateY(50%);
    width: 100%;
}
.related_project .slick-prev:after {
    border-top: 2px solid #028ecc;
    border-left: 2px solid #028ecc;
    bottom: 0;
    content: " ";
    display: block;
    height: 20px;
    position: absolute;
    top: 45%;
	left:5px;
	width: 20px;
	transform: rotate(-45deg);
    transform-origin: left center 0;
}
.related_project .slick-next:before {
    background: #028ecc;
    content: "";
    display: block;
    height: 2px;
    position: absolute;
    top: 50%;
    transform: translateY(50%);
    width: 100%;
}
.related_project .slick-next:after {
    border-bottom: 2px solid #028ecc;
    border-right: 2px solid #028ecc;
    bottom: 0;
    content: " ";
    display: block;
    height: 20px;
    position: absolute;
    top: 45%;
	left:auto;
	right:0;
	width: 20px;
	transform: rotate(-45deg);
    transform-origin: left center 0;
}

.related_project_item {
	-webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 20px 0;
	position:relative;
}
.related_project_item_wrap {
    margin: 0 auto;
    width: 85%;
}
.related_project_img {
    margin-bottom: 15px;
}
.related_project a{
	color:#000;
}
.related_project .slick-slide.slick-active{
	position:relative;
}
.related_project .slick-slide.slick-active:after {
    background: #000;
    content: " ";
    display: block;
    height: 45%;
    position: absolute;
    right: 0;
    top: 0;
    width: 1px;
    z-index: 9999;
}
.related_project .slick-slide.slick-active.last:after {
	background:#333;
	display:none;
} 
slick-active last
.related_project_item_wrap {
    margin: 0 auto;
    width: 83%;
}
.related_project_img img{
	visibility:hidden;
	width:100%;
}
.related_project_item_wrap > h6 {
    letter-spacing: 2px;
    margin-top: 5%;
    text-transform: uppercase;
}



.portfolio_item a .long_arrow::before {
    transform: rotate(45deg);
    transform-origin: right center 0;
}
.portfolio_item a .long_arrow::after {
    transform: rotate(-45deg);
    transform-origin: right center 0;
}

/*Portfolio page*/
#portfolio_page .cat_button {
	color: #102230;
	padding:15px 0;
    float: left;
    width: 25%;
	text-align:center;
	text-transform:uppercase;
	letter-spacing:2px;
	position:relative;
	cursor:pointer;
}
#portfolio_page .cat_button:after {
    background-color: #102230;
    bottom: -10px;
    content: "";
    display: block;
    height: 2px;
    position: absolute;
    width: 100%;
}
#portfolio_page .cat_button.active:after{
	height: 8px;
}
#portfolio_page .portfolio_content_wrap {
    max-width: 100%;
}
#portfolio_page .portfolio_top{
	padding-left:0;
	padding-right:20px;
}

/*Conatct form Coulmns*/

.form_half_col, .form_full_col{
	padding:0px 10px;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	float:left;
	text-align:left;
	margin-bottom:10px;
}
.form_half_col{
	width:50%;
}
.form_full_col{
	width:100%;
	text-align:center;
}

.testimonial_content{
	position:relative;
	margin:15px 0;
}
.testimonial_content p {
	padding:12px 30px;
}
.testimonial_content i {
    color: #343434;
}
.fa.fa-quote-left {
    left: 0;
    position: absolute;
    top: 10px;
}
.fa.fa-quote-right {
    right: 0;
    position: absolute;
    bottom: 10px;
}
/************************************************
*	7.	Content 					     	    * 
************************************************/

.content {
	max-width: 1200px;
	margin: 0px auto 0px;
	padding: 0px 36px;
	position: relative;
	}
.content.no-thumb, .no-thumb {
	/*padding-top: 105px;*/
	}
.article {
	display: block;
	}
.article.post_view{
	padding:5% 0px;
}
.blog-holder, 
.archive-holder {
	background: #f9f9f9;
	position: relative;
	margin-bottom: 48px;
	border-radius: 3px;
	box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.12);
	}
.blog-holder .article,
.archive-holder .article {
	padding: 24px 36px;
	}
.postarea {
	padding: 64px 0px;
	}
.postarea.right {
	}
.postarea.full {
	margin: 0px auto 0px;
	}
.postarea.wide {
	}
.postarea.middle {
	}
.post-meta {
	display: block;
	color: #999999;
	font-size: 0.8em;
	margin: 12px 0px;
	padding: 12px 0px 0px 0px;
	border-top: 2px solid rgba(0, 0, 0, 0.08);
	overflow: hidden;
	}
.post-meta p {
	margin: 0px;
	padding: 0px;
	}
.post-meta .align-left,
.post-meta .align-right {
	max-width: 50%;
	}
.blog-holder .post-meta,
.archive-holder .post-meta {
	padding: 12px 24px;
	margin: 0px;
	border-top: 1px solid rgba(0, 0, 0, 0.08);
	}
.post-edit-link {
	display: inline-block;
	margin: 12px 0px;
	}
.author-column {
	float: right;
	width: 72%;
	margin-top: 20px;
	padding-left: 4%;
	border-left: 1px solid rgba(0, 0, 0, 0.08);
	}
.author-posts {
	margin: 0px 0px 12px 0px;
	padding: 0px;
	}
.author-posts li {
	margin: 0px;
	padding: 6px 0px;
	border-bottom: 1px solid rgba(0, 0, 0, 0.08);
	}
.archive-column {
	float: left;
	font-size: 0.9em;
	width: 30%;
	margin: 0px;
	padding-right: 5%;
	}
.archive-column.last {
	padding-right: 0;
	}
.wp-audio-shortcode {
	margin: 12px 0px;
	}
.text-white h1, .text-white h2, .text-white h3,
.text-white h4, .text-white h5, .text-white h6 {
	color: #ffffff;
	color: rgba(255, 255, 255, 1);
	}
.text-white p, .text-white blockquote, .text-white {
	color: #ffffff;
	color: rgba(255, 255, 255, 1);
	}
.sticky {
	display: block;
	position: relative;
	}
.bypostauthor {
	display: block;
	position: relative;
	}
	
/************************************************
*	8.	Post Formats   							*
************************************************/

.blog-holder .headline.img-headline a,
.slideshow .headline a {
	color: #ffffff !important;
	text-decoration: none !important;
	}
.blog-holder .format-video .feature-vid {
	margin: 0px;
	}
.blog-holder .format-image {
	position: relative;
	}
.blog-holder .format-image .feature-img {
	position: relative;
	margin: 0px;
	z-index: 6;
	}
.blog-holder .format-image .caption {
	display: block;
	background: rgba(0, 0, 0, 0.6);
	color: #FFFFFF;
	width: 100%;
	font-size: 1em;
	font-weight: 400;
	letter-spacing: 0;
	position: absolute;
	bottom: 0;
	margin: 0px;
	padding: 12px 0px;
	z-index: 9;
	}
.blog-holder .format-image .caption span {
	padding: 0px 18px;
	}
.blog-holder .format-status {
	border-radius: 3px;
	}
.blog-holder .format-status .article {
	font-size: 1.2em;
	line-height: 1.6;
	padding: 24px 36px;
	}
.blog-holder .format-quote .article {
	background: #f9f9f9;
	padding: 36px;
	margin: 0px;
	border-radius: 3px;
	}
.blog-holder .format-quote .quote-text {
	color: #666666;
	font-family: 'Droid Serif';
	font-style: italic;
	font-size: 1.4em;
	font-weight: 400;
	line-height: 1.6;
	padding: 0px;
	}
.blog-holder .format-quote .quote-author {
	display: block;
	color: #999999;
	font-size: 0.9em;
	font-style: italic;
	padding: 12px 0px 0px 0px;
	}
.blog-holder .format-quote .quote-author:before,
.slideshow .format-quote .quote-author:before {
	content: '— ';
	}

.blogpage{
	padding-bottom:40px;
}
.blog_wrap:after{
	display:block;
	content:" ";
	clear:both;
}
.blog_item{
	width:33.33%;
	padding:0 10px;
	margin-bottom:35px;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	float:left;
}
.blog_item_wrap{
	overflow:hidden;
	/*height:510px;*/
	position:relative;
	/*background:#F4F4F4;*/
	/*box-shadow:0 0 5px rgba(0, 0, 0, 0.1)*/
}
.blog_thumb {
    margin-bottom: 10px;
}
.blog_text {
    padding: 0 10px;
}
.blog_thumb img {
    display: block;
    visibility: hidden;
    width: 100%;
}
.blog_text h6{
	letter-spacing:2px;
}
.blog_text ul {
    padding: 0;
}
.blog_text li {
    padding: 0;
	list-style:none;
}
/*.blog_button {
	background-color:#F4F4F4;
	width:100%;
	bottom:0;
	padding:10px;
    position: absolute;
	box-sizing:border-box;
}*/
/************************************************
*	9.	Social Media   							*
************************************************/

.social-icons {
	list-style: none;
	margin: 0px;
	padding: 0;
	}
.social-icons span {
	display: block;
	list-style: none;
	margin: 0px;
	padding: 0px 5px;
	}
.social-icons span a {
	font-size:1.1em;
	background: none;
	color: #000;
	text-align: center;
	text-decoration: none;
	margin: 2px 0px;
	padding: 0px;
	}
.social-icons span a:hover {
	background: none;
	color: ##028ECC;
	}
	
/************************************************
*	10.	Pagination 	  		      		     	* 
************************************************/

.pagination {
	float: left;
	display: block;
	width: 100%;
	font-family: 'PT Serif', serif;
	font-weight: bold;
	text-align: center;
	line-height: 24px;
	margin: 0px;
	padding: 12px 0px 5%;
	position: relative;
	z-index: 9;
	}
.pagination .page-numbers {
	display: inline-block;
	background: #0F2230;  
	color: #fff; 
	min-height: 24px;
	min-width: 24px;
	text-decoration: none;
	margin: 0px 2px;
	padding: 0px;
	border-radius: 0px;
	}
.pagination .page-numbers:hover,
.pagination .page-numbers:active {
	background: #028ECC;
	min-height: 24px;
	min-width: 24px;
	line-height: 24px;
	padding: 0px; 
	border-radius: 0px;
	}
.pagination .page-numbers.current {
	display: inline-block;
	background: #0092DB;  
	min-height: 24px;
	min-width: 24px;
	line-height: 24px; 
	padding: 0px;
	border-radius: 0px;
	}
.post-navigation {
	display: block;
	margin: 20px 0 0 0;
	padding: 15px 0 0 0;
	overflow: hidden;
	border-top:1px solid rgba(0,0,0,0.1);
	}
.previous-post {
	float: left;
	font-size: 0.9em;
	}
.next-post {
	float: right;
	font-size: 0.9em;
	}
.page-links {
	display: block;
	overflow: hidden;
	margin: 12px 0px;
	}
.page-links .link-label {
	color: #000000;
	font-weight: bold;
	margin-left: 0px;
	}
.page-links span {
	margin: 0px 3px;
	}

/************************************************
*	11.	Images  				     		    * 
************************************************/

.feature-img, 
.feature-vid {
	display: block;
	text-align: center;
	line-height: 0;
	margin: 12px auto 24px;
	overflow: hidden;
	}
.feature-img.page-banner {
	width: 100%;
	min-height: 100px;
	position: relative;
	line-height: 0;
	padding:0px;
	margin: 0px;
	background-position: center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	}
/*.feature-img.page-banner:after{
	content:" ";
	display:block;
	position:absolute;
	top:0;
	right:0;
	left:0;
	bottom:0;
	background-color:rgba(0,0,0,0.5);
	z-index:0;
}*/
.page-banner img {
	margin-left: -9999px;
	}
.blog-holder .feature-vid,
.archive-holder .feature-vid,
.blog-holder .feature-img,
.archive-holder .feature-img {
	margin: 0px;
	}
.avatar {
	background: #FFFFFF;
	margin: 10px 20px 10px 0px;
	padding: 6px;
	}
.author-avatar {
	float: left;
	display: block;
	width: 20%;
	margin-top: 20px;
	padding-right: 3.6%;
	}
.author-avatar .avatar {
	display: block;
	margin: 0px;
	padding: 0px;
	border: none;
	}
img.aligncenter {
	display: block;
	margin: 6px auto 6px;
	padding: 0px;
	}
img.alignnone {
	padding: 0px;
	margin: 6px 0px;
	display: inline;
	}
img.alignright {
	padding: 0px;
	margin: 12px 0px 12px 24px;
	display: inline;
	}
img.alignleft {
	display: inline;
	padding: 0px;
	margin: 12px 24px 12px 0px;
	}
.aligncenter {
	display: block;
	margin: 6px auto 6px;
	}
.alignright {
	float: right;
	margin: 6px 0px 6px 24px;
	}
.alignleft {
	float: left;
	margin: 6px 24px 6px 0px;
	}
.wp-caption {
	background: #eeeeee;
	max-width: 100%;
	text-align: center;
	margin-top: 12px;
	margin-bottom: 12px;
	padding: 8px 6px;
	border-radius: 3px;
	}
.wp-caption img {
	max-width: 100%;
	margin: 0px auto 0px;
	padding: 0px;
	}
.wp-caption p.wp-caption-text {
	display: inline;
	font-size: 0.85em;
	line-height: 1.6;
	margin: 0px;
	padding: 0px;
	}
	
/************************************************
*	12.	Portfolio 								*
************************************************/

	
/************************************************
*	13.	WordPress Gallery					    *
************************************************/

.gallery-caption {
	font-size: 0.8em;
	padding: 0px 10px;
	}
.gallery {
	margin: 0px auto 0px;
	padding: 0px;
	overflow: hidden;
	}
.gallery-item {
	margin: 0px
	}
.gallery-icon {
	line-height: 0;
	margin: 6px;
	}
.gallery-icon img {
	display: block;
	background: #ffffff;
	padding: 12px;
	border: none;
	transition: background .25s;
	-moz-transition: background .25s;
	-webkit-transition: background .25s;
	-o-transition: background .25s;
	border-radius: 3px;
	box-shadow: 3px 3px 0px rgba(0, 0, 0, .08);
	}
.gallery a:hover {
	background: #99cc33;
	}
.gallery img {
	border: none !important;
	}
.gallery-caption {
	font-size: .9em;
	padding: 0px 10px;
	}

/************************************************
*	14.	Sidebar 	        		    	    * 
************************************************/

.sidebar {
	margin: 0px;
	padding: 64px 0px 64px 24px;
	}
.sidebar.left {
	padding: 0px 24px 64px 0px;
	}
.sidebar h6, .footer h6 {
	margin-bottom: 12px;
	padding-bottom: 0px;
	border-bottom: none;
	}
.sidebar h6{
	font-size:1.4em;
	color:#e97220;
}

/************************************************
*	15.	Widgets									*
************************************************/

.sidebar .widget {
	margin-bottom: 24px;
	padding: 0px;
	}
.sidebar .widget ul, .sidebar .widget li {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	}
.sidebar .widget li {
	display: block;
	margin: 10px 0px 0px 0px;
	padding: 10px 0px 0px 0px;
	border-top: 1px solid rgba(0,0,0, .08);
	}
.sidebar .widget li:last-child {
	padding-bottom: 6px;
	border-bottom: 1px solid rgba(0,0,0, .08);
	}
.sidebar .widget li li {
	padding-left: 12px;
	}
.sidebar .widget li li:last-child {
	padding-bottom: 0px;
	border-bottom: none;
	}
.sidebar .widget li a {
	margin: 0px;
	padding: 0px;
	}
.sidebar .textwidget {
	margin: 0px;
	padding: 0px;
	}
.textwidget p {
	padding: 8px 0px !important;
	}
.tagcloud {
	line-height: 1.2;
	}
	
/************************************************
*	16.	RSS Widget								*
************************************************/

.widget h6 a.rsswidget {
	display: inline;
	}
.widget a.rsswidget {
	display: block;
	}
.widget .rss-date {
	display: block;
	font-size: 0.8em;
	margin-bottom: 12px;
	}

/************************************************
*	17.	Calendar Widget							*
************************************************/

#calendar_wrap {
	margin: 0px auto 0px;
	padding: 0px;
	}
#wp-calendar {
	width: 100%;
	text-align: center;
	}
#wp-calendar #today {
	background: #f4f4f4;
	background: rgba(0, 0, 0, .08);
	color: #000000;
	font-weight: bold;
	}
#wp-calendar a {
	margin: 0px;
	}
#wp-calendar caption {
	font-size: 16px;
	margin: 5px 0px 5px 0px;
	}
#wp-calendar #prev a {
	float: left;
	margin: 0px;
	text-align: left;
	padding-left: 12px;
	}
#wp-calendar #next a {
	float: right;
	margin: 0px;
	text-align: right;
	padding-right: 12px;
	}
	
/************************************************
*	18.	Custom Menu Widget						*
************************************************/

.widget ul.menu {
	float: none;
	text-align: left;
	}
.widget ul.menu .current_page_item a, 
.widget ul.menu .current-menu-item a {
	color: #669900;
	background: none;
	}
.widget ul.menu li a {
	display: block;
	background: none;
	color: #99CC33;
	height: auto;
	font-size: 1em;
	text-transform: none;
	text-shadow: none;
	line-height: 1.8;
	margin: 6px 0px;
	padding: 0px;
	}
.widget ul.menu li a:hover {
	color: #669900;
	background: none;
	text-decoration: underline;
	}
.widget ul.menu li {
	float: none;
	display: block;
	background: none !important;
	margin: 0px;
	padding: 0px;
	width: 100%;
	}
.widget ul.menu li:last-child {
	border-bottom: none;
	}
.widget ul.menu li span {
	top: 1px;
	right: 0px;
	}
.widget ul.menu li ul.sub-menu {
	background: none !important;
	width: 100%;
	margin: 0px;
	padding: 0px;
	position: static;
	z-index: 9;
	box-shadow: none;
	}
.widget ul.menu li ul.sub-menu span {
	display: none;
	}
.widget ul.menu li ul.sub-menu li a {
	padding-left: 12px;
	}
.widget ul.menu li ul.sub-menu li ul.sub-menu li {
	display: none;
	}
	
/************************************************
*	19.	Search Form								*
************************************************/

#searchform {
	margin: 0px;
	padding: 0px;
	}
#searchform label {
	display: none;
	}
#searchform .search-field,
#searchform #s {
	float: left;
	background: #ffffff;
	color: #999999;
	width: 66%;
	height: 36px;
	font-family: 'PT Serif', serif;
	font-size: 1em;
	line-height: 36px;
	margin: 0px 0px 0px 0px;
	padding: 0px 8px 0px 8px !important;
	border: 2px solid rgba(0, 0, 0, .4);
	border-radius: 24px;
	}
.sidebar.left #searchform .search-field,
.sidebar.left #searchform #s {
	width: 62%;
	}
#searchsubmit {
	float: right;
	background: #ffffff;
	color: #666666;
	width: 22%;
	font-family: 'PT Serif', serif;
	font-size: 1em;
	margin-top: 0px !important;
	margin-bottom: 0px !important;
	padding: 7px 3% !important;
	}
.widget_search {
	overflow: hidden;
	}

/************************************************
*	20.	Footer  								*
************************************************/
.footer {
	margin: 0px auto 0px;
	padding: 0px;
	overflow: hidden;
	}
.footer .row {
	border-top: 0px solid rgba(0, 0, 0, 0.12);
	}
.footer .social-icons span{
	padding:0 0 10px;
}
.social-icons > span:last-child {
    padding: 0;
}
.footer h6 {
    letter-spacing: 0;
    margin-bottom: 10px;
    text-transform: uppercase;
}
.footer p {
	margin: 0px;
	padding: 8px 0px;
	text-transform:none;
	}
.footer .align-left {
	font-size: 0.9em;
	line-height: 1.8;
	}
.footer-widgets .widget {
	float: left;
	width: 100%;
	background: none;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0px;
	border-bottom: none;
	}
.footer_widget {
	padding: 24px;
	}
.footer-information {
	padding: 0px;
	overflow: hidden;
	}
.footer .content {
	padding:7% 24px 3%;
	margin: 0px auto 0px;
	color:#fff;
}
.footer_left{
	float:left;
}
.footer_right{
	float:right;
	text-align:right;
}
	
.footer a {
	color: #fff !important;
	}
.footermenu{
	width:100%;
	margin:8px 0 0 0;
	padding:0px;
}
.footermenu li{
	display:block;
	margin:0px;
	padding:2px 0px;
	max-width:200px;
}


.footer_table{
	width:100%;
	overflow:hidden;
	display:table;
	color:#ffffff;
}
.footer_table_cell_content{
	width:100%;
	padding:0px 20px;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	position:relative;
	z-index:9;
}
.footer_copyright{
	width:33.33%;
	display:table-cell;
	position:relative;
	padding:20px;
	vertical-align:top;
}
.footer_widgets{
	width:66.67%;
	display:table-cell;
	position:relative;
	padding:20px;
	vertical-align:top;
}

/*Footer call to action*/
.footer_call{
	background-color:#028ecc;
	padding:4% 0;
}
.footer_call .content{
	padding:0 24px;
}
.footer_call_wrap {
    display: table;
    width: 100%;
}
.footer_call_left, .footer_call_right{
	display:table-cell;
	width:50%;
	vertical-align:middle;
}
.footer_call_right {
    text-align: right;
}
.footer-call_button {
    border: 2px solid #fff;
	display:inline-block;
    font-size: 2.6em;
    padding: 10px 35px;
	text-decoration: none !important;
}
.footer-call_button:hover{
	background-color:#fff;
	color:#028ecc !important;
}

.footer_logo {
	padding-top:10px;
    padding-bottom: 20px;
}
.footer_logo a{
	display:block;
}

/*Blog categories page*/
.blog_topbar{
	margin:4% 0;
}
.blog_topbar ul{
	text-align:center;
}
.blog_topbar li {
    display: inline-block;
    padding:0 5px;
}
.blog_topbar li:first-child{
	display:none;
}
.blog_topbar li a {
	font-weight:700;
    padding: 10px 24px;
	text-transform:uppercase;
	color:#0092DB;
	border:2px solid #0092DB;
}
.blog_topbar li a:hover{
	background-color:#0092DB;
	text-decoration:none;
	color:#fff;
}
.blog_topbar li a.current{
	background-color:#0092DB;
	color:#fff;
}
/************************************************
*	21.	Comments								*
************************************************/

#author, #email, #url {
	background: #FFFFFF;
	color: #666666;
	font-size: 1em;
	font-family: 'PT Serif', serif;
	margin: 0px;
	padding: 5px;
	border: 1px solid rgba(0, 0, 0, 0.08);
	border-radius: 3px;
	box-shadow: inset 1px 1px 1px #DDDDDD;
	}
#comment {
	background: #FFFFFF;
	color: #666666;
	font-size: 1em;
	font-family: 'PT Serif', serif;
	margin: 5px 0px;
	padding: 5px;
	border: 1px solid rgba(0, 0, 0, 0.08);
	border-radius: 3px;
	box-shadow: inset 1px 1px 1px #DDDDDD;
	}
#comments {
	background: #F9F9F9;
	margin-top: 24px;
	padding: 12px 24px;
	border-radius: 3px;
	box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.12);
	}
#comments-title {
	font-size: 2em;
	margin: 4px 0px 8px 0px;
	padding: 4px 0px 8px 0px;
	}
#reply-title {
	margin: 0px;
	padding: 0px;
	}
.commentlist li .avatar {
	float: right;
	background: #FFFFFF;
	margin: 0px 0px 12px 12px;
	padding: 6px;
	border: none;
	border-radius: 3px;
	box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.12);
	}
.commentlist {
	margin: 0px;
	padding: 0px;
	}
.commentlist ol {
	margin: 0px;
	padding: 10px;
	}
.commentlist li {
	margin: 0px;
	padding: 0px;
	list-style: none;
	border-top: 1px solid rgba(0, 0, 0, 0.08);
	}
.commentlist li:last-child {
	border-bottom: 1px solid rgba(0, 0, 0, 0.08);
	}
.commentlist li ul li {
	padding-left: 24px;
	}
.commentlist li ul li:last-child {
	border-bottom: none;
	}
.commentlist p {
	margin: 10px 0px;
	padding: 0px;
	}
.comment {
	padding: 18px 0px;
	}
.comment:after { 
	content: "";
	display: table; 
	clear: both;
	zoom: 1;
	}
#commentform {
	margin: 5px 0px 0px 0px;
	}
#commentform #submit {
	background: none;
	font-size: 1em;
	padding: 8px 12px !important;
	}
#commentform textarea {
	width: 96% !important;
	padding: 2%;
	}
.commentlist li #respond {
	border-top: 1px solid rgba(0, 0, 0, 0.08);
	}
#respond {
	padding-top: 20px;
	}
#respond:after {
	content: ".";
	display: block;
	height: 0px;
	clear: both;
	visibility: hidden;
	}
#cancel-comment-reply-link {
	display: block;
	font-family: 'PT Serif', serif;
	font-size: 0.7em;
	font-weight: normal;
	text-transform: none;
	margin: 6px 0px 18px 0px;
	}
.form-submit #submit {
	margin-top: 0px !important;
	}
p.logged-in-as {
	margin-top: -6px;
	}
.nocomments {
	display: none;
	}
.edit-link {
	float: right;
	margin-top: 12px;
	}
.reply {
	float: left;
	margin: 6px 0px;
	}
.reply a, .reply a:visited {
	margin: 0px !important;
	padding: 4px 12px !important;
	}
.commentmetadata {
	font-size: 10px;
	line-height: 14px;
	margin: 0px;
	display: block;
	}
.navigation {
	display: block;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 30px;
	}
.form-allowed-tags {
	display: none;
	}
.thread-alt, .thread-even {
	margin: 0px;
	padding: 0px;
	}
.children {
	margin: 0px;
	padding: 0px;
	}
.even, .alt {
	margin: 0px;
	padding: 0px;
	}
	
/************************************************
*	22.	Buttons  								*
************************************************/

button, a.button, .reply a, #searchsubmit, #prevLink a, #nextLink a, .more-link,
#submit, #comments #respond input#submit, .container .gform_wrapper input.button, input[type="submit"],
.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt,
.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button {
	display: inline-block;
	position: relative;
	color: #fff;
	font-family: "Open Sans",sans-serif;
	font-weight: 700;
	font-size:1em;
	letter-spacing:1px;
	text-transform:uppercase;
	margin: 0;
	padding: 15px 30px;
	border-radius: 0px;
	-webkit-border-radius: 0px;
	border: none;
	background:#028ecc;
	-webkit-appearance: none;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	}
button:hover, a.button:hover, .reply a:hover, #searchsubmit:hover, #prevLink a:hover, #nextLink a:hover, .more-link:hover,
#submit:hover, #comments #respond input#submit:hover, .container .gform_wrapper input.button:hover, input[type="submit"]:hover,
.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover,
.woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover {
	color: #fff !important;
	text-decoration: none;
	cursor: pointer;
	background:#000;
	-webkit-appearance: none;
	}
.woocommerce #respond input#submit.disabled, .woocommerce #respond input#submit:disabled, .woocommerce #respond input#submit[disabled]:disabled, .woocommerce a.button.disabled, .woocommerce a.button:disabled, .woocommerce a.button[disabled]:disabled, .woocommerce button.button.disabled, .woocommerce button.button:disabled, .woocommerce button.button[disabled]:disabled, .woocommerce input.button.disabled, .woocommerce input.button:disabled, .woocommerce input.button[disabled]:disabled,
.woocommerce #respond input#submit.alt.disabled, .woocommerce #respond input#submit.alt.disabled:hover, .woocommerce #respond input#submit.alt:disabled, .woocommerce #respond input#submit.alt:disabled:hover, .woocommerce #respond input#submit.alt[disabled]:disabled, .woocommerce #respond input#submit.alt[disabled]:disabled:hover, .woocommerce a.button.alt.disabled, .woocommerce a.button.alt.disabled:hover, .woocommerce a.button.alt:disabled, .woocommerce a.button.alt:disabled:hover, .woocommerce a.button.alt[disabled]:disabled, .woocommerce a.button.alt[disabled]:disabled:hover, .woocommerce button.button.alt.disabled, .woocommerce button.button.alt.disabled:hover, .woocommerce button.button.alt:disabled, .woocommerce button.button.alt:disabled:hover, .woocommerce button.button.alt[disabled]:disabled, .woocommerce button.button.alt[disabled]:disabled:hover, .woocommerce input.button.alt.disabled, .woocommerce input.button.alt.disabled:hover, .woocommerce input.button.alt:disabled, .woocommerce input.button.alt:disabled:hover, .woocommerce input.button.alt[disabled]:disabled, .woocommerce input.button.alt[disabled]:disabled:hover{
	padding: 16px;
	background:#e97220;
}

.black.button{
	background-color:#292827;
}
.black.button:hover{
	background-color:#000;
}
a.more-link {
	margin-top: 24px;
	}
	
/************************************************
*	23. Tables		 							*
************************************************/

table {
	background: none;
	font-family: 'PT Serif', serif;
	width: 100%;
	margin: 20px 0px;
	padding: 0px;
	border-collapse: collapse;
	}
.widget table {
	margin: 0px;
	}
table thead,
table tfoot {
	border: 1px solid #E4E4E4;
	}
table thead th,
table tfoot td {
	border: none;
	}
table th {
	background: #EEEEEE;
	font-size: 1.2em;
	text-align: center;
	margin: 0px;
	padding: 8px 2px;
	border: 1px solid #E4E4E4;
	}
table td {
	padding: 5px 2px;
	margin: 0px;
	border: 1px solid #E4E4E4;
	}
	
/************************************************
*	24. Forms									*
************************************************/
fieldset{
	border:none;
	padding:0px;
}
.container .ginput_complex .ginput_right br,
.container .gform_footer br {
	display: none;
	}
form {
	display: block;
	}
form ul li {
	list-style: none;
	padding: 0px;
	}
form legend {
	font-weight: bold;
	padding-top: 10px;
	}
form label {
	margin-top: 15px;
	display:block;
	}
form input[type='url'],
form input[type='tel'],
form input[type='phone'],
form input[type='email'],
form input[type='text'],
form input[type='password'],
form input[type='number'],
form textarea {
	display: inline-block;
	background: #fff;
	font-family: 'Rajdhani', sans-serif;
	font-size: 1em;
	line-height: 1.4;
	margin: 4px 0px 10px;
	padding: 12px;
	border: 1px solid #272727;
	border-radius: 0px;
	-webkit-border-radius: 0px;
	box-shadow: none;
	-webkit-box-shadow: none;
	-webkit-appearance:none;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	}
form input[type='url'],
form input[type='tel'],
form input[type='phone'],
form input[type='email'],
form input[type='text'],
form input[type='password'],
form input[type='number'] ,
form select{
	width: 100%;
	}
form textarea {
	width: 100% !important;
	}
form input[type='checkbox'],
form input[type='radio'] {
	margin-left: 0px;
	margin-right: 6px;
	}
form input[type='submit'] {
	margin-top: 0px;
	}
form select {
	display: block;
	background: #fff;
	max-width: 100%;
	font-family: 'Rajdhani', sans-serif;
	font-size: 1em;
	line-height: 1.4;
	margin: 4px 0px;
	padding: 12px;
	border: 3px solid #272727;
	border-radius: 0px;
	-webkit-border-radius: 0px;
	box-shadow: none;
	-webkit-appearance:menu;
	/*height:40px;*/
	line-height:35px;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	}
	
/************************************************
*	25.	CSS3 Styles								*
************************************************/

a, a:link {
	transition: all .25s;
	-moz-transition: all .25s;
	-webkit-transition: all .25s;
	-o-transition: all .25s;
	}
#submit, #searchsubmit {
	transition: all .25s;
	-moz-transition: all .25s;
	-webkit-transition: all .25s;
	-o-transition: all .25s;
	}
.shadow {
	box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.12);
	-moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.12);
	-webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.12);
	}
.radius-full {
	border-radius: 3px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	}
.radius-top {
	border-radius: 3px 3px 0px 0px;
	-moz-border-radius: 3px 3px 0px 0px;
	-khtml-border-radius: 3px 3px 0px 0px;
	-webkit-border-radius: 3px 3px 0px 0px;
	}
.radius-bottom {
	border-radius: 0px 0px 3px 3px;
	-moz-border-radius: 0px 0px 3px 3px;
	-khtml-border-radius: 0px 0px 3px 3px;
	-webkit-border-radius: 0px 0px 3px 3px;
	}
.radius-half {
	border-radius: 50%;
	-moz-border-radius: 50%;
	-khtml-border-radius: 50%;
	-webkit-border-radius: 50%;
	}
@keyframes "spin" {
	 from {
	    -webkit-transform: rotate(0deg);
	   	-moz-transform: rotate(0deg);
	   	-o-transform: rotate(0deg);
	   	-ms-transform: rotate(0deg);
	   	transform: rotate(0deg);
	 	}
	 to {
	    -webkit-transform: rotate(359deg);
	   	-moz-transform: rotate(359deg);
	   	-o-transform: rotate(359deg);
	   	-ms-transform: rotate(359deg);
	   	transform: rotate(359deg);
	 	}
	}
@-moz-keyframes spin {
	 from {
	   	-moz-transform: rotate(0deg);
	   	transform: rotate(0deg);
	 	}
	 to {
	   	-moz-transform: rotate(359deg);
	   	transform: rotate(359deg);
	 	}
	}
@-webkit-keyframes "spin" {
	 from {
	   	-webkit-transform: rotate(0deg);
	   	transform: rotate(0deg);
	 	}
	 to {
	   	-webkit-transform: rotate(359deg);
	   	transform: rotate(359deg);
	 	}
	}
@-ms-keyframes "spin" {
	 from {
	   	-ms-transform: rotate(0deg);
	   	transform: rotate(0deg);
	 	}
	 to {
	   	-ms-transform: rotate(359deg);
	   	transform: rotate(359deg);
	 	}
	}
@-o-keyframes "spin" {
	 from {
	  	 -o-transform: rotate(0deg);
	   	transform: rotate(0deg);
	 	}
	 to {
	   	-o-transform: rotate(359deg);
	   	transform: rotate(359deg);
	 	}
	}
	
/************************************************
*	26.	WooCommerce	 				     	    * 
************************************************/

@import url("css/woocommerce-custom.css");

/************************************************
*	27.	Grid	 					     	    * 
************************************************/

#wrap { 
	margin: 0px;
	padding: 0px;
	}
.container {
	position: relative;
	margin: 0px auto 0px;
	padding: 0px;
	}
.row { 
	width: 100%;
	margin: 0 auto; 
	}
.row .row { 
	min-width: 0; 
	}
.column, .columns { 
	float: left; 
	min-height: 1px; 
	position: relative; 
	}
[class*="column"] + [class*="column"]:last-child { 
	float: right; 
	}

.row .single 	{ width: 100%; }
.row .half 		{ width: 49.9%; }
.row .third 	{ width: 33.3%; }
.row .fourth 	{ width: 25%; }
.row .fifth 	{ width: 20%; }

.row .half, 
.row .third,
.row .fourth,
.row .fifth 	{ float: left; }

.row .one 		{ width: 6.25%; }
.row .two 		{ width: 12.5%; }
.row .three 	{ width: 18.75%; }
.row .four 		{ width: 25%; }
.row .five 		{ width: 31.25%; }
.row .six 		{ width: 37.5%; }
.row .seven 	{ width: 43.75%; }
.row .eight 	{ width: 50%; }
.row .nine 		{ width: 56.25%; }
.row .ten 		{ width: 62.5%; }
.row .eleven 	{ width: 68.75%; }
.row .twelve 	{ width: 75%; }
.row .thirteen 	{ width: 81.25%; }
.row .fourteen 	{ width: 87.5%; }
.row .fifteen 	{ width: 93.75%; }
.row .sixteen 	{ width: 100%; }

.row .centered { float: none; margin: 0 auto; }
 
/* Nicolas Gallagher's micro clearfix */
.row:before, .row:after, .clearfix:before, .clearfix:after { content:""; display:table; }
.row:after, .clearfix:after { clear: both; }
.row, .clearfix { zoom: 1; }
.clearfloat{
	content:" ";
	display:block;
	clear:both;
	width:100%;
	height:0px;
}

/*Slick Slider Fix*/
.slick-list{
	z-index:999;
}

.trans-bg{
	padding:20px;
	background-color:rgba(255,255,255,0.75);
}

/************************************************
*	Wordpress Popup 				     	    * 
************************************************/
@import url("css/wordpress-popup-custom.css");