/*Theme Name: SpekBuildDescription: Wordpress Theme Designed for SpekBuild.Author: Subhkant RanaVersion: 1.0*//*------------------------------------------------*//*-----------------[FONTS]------------------------*//*------------------------------------------------*/@import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro:400,300,300italic,400italic,600,600italic,700,700italic);/*------------------------------------------------*//*-----------------[RESET]------------------------*//*------------------------------------------------*/html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend {	margin: 0;	padding: 0;	border: 0;	outline: 0;	font-size: 100%;	vertical-align: baseline;	background: transparent;}* {	-webkit-box-sizing:border-box;	-moz-box-sizing:border-box;	box-sizing:border-box}:before, :after {	-webkit-box-sizing:border-box;	-moz-box-sizing:border-box;	box-sizing:border-box}::selection { background: #89772e; color: black;}::-moz-selection { background: #89772e; color: black;}html {	font-family:sans-serif;	-ms-text-size-adjust:100%;	-webkit-text-size-adjust:100%}body {	margin:0;}ol {	margin:0 0 10px 1.5em}ul {	margin:0 0 10px 1.5em}blockquote, q {	quotes: none;}blockquote:before, blockquote:after, q:before, q:after {	content: '';	content: none;}/* remember to define focus styles! */:focus {	outline: 0;}/* remember to highlight inserts somehow! */ins {	text-decoration: none;}del {	text-decoration: line-through;}/*------------------------------------------------*//*-----------------[BASIC STYLES]-----------------*//*------------------------------------------------*/body {  background: none repeat scroll 0 0 #f0f0f0;}body, input, textarea {	color: #2d2d2e;	font-family: "Source Sans Pro", sans-serif;	font-size: 18px;	line-height: 1.6em;}a {	color: #bf884d;	outline: medium none;	text-decoration: none;	transition: 0.5s;	-moz-transition: 0.5s;	-webkit-transition: 0.5s;	-o-transition: 0.5s;}a:hover {	color:  #000;}.clear {	clear: both;}img {	max-width:100%;	height:auto}iframe {	max-width: 100%;	border:none;}h1, h2, h3, h4, h5, h6 {	font-weight: normal;	line-height: 1em;	padding-bottom: 8px;}h1 {	font-size: 30px;}h2 {	font-size: 24px;}h3 {	font-size: 22px;}h4 {	font-size: 18px;}h5 {	font-size: 16px;}h6 {	font-size: 14px;}p {	margin: 0;	padding-bottom: 20px;}ul {	margin: 0;	padding-bottom: 20px;}strong {	font-weight: bold;}cite, em, i {	font-style: italic;}ins {	text-decoration: none;}pre {	background-color: #F5F5F5;	border: 1px solid rgba(0, 0, 0, 0.15);	border-radius: 4px;	display: block;	font-size: 13px;	line-height: 20px;	margin: 0 0 10px;	padding: 9.5px;	white-space: pre-wrap;	word-break: break-all;	word-wrap: break-word;}sup, sub {	height: 0;	line-height: 1;	position: relative;	vertical-align: baseline;}sup {	bottom: 0.8em;}sub {	top: 0.3em;}dl {	margin: 0 0 1.5em 0;}dl dt {	font-weight: bold;}dd {	margin-left: 1.5em;}hr {	background: none repeat scroll 0 0 #D8D8D8;	border: medium none;	clear: both;	height: 1px;	margin: 12px 0;}blockquote {	border-left: 5px solid #EEEEEE;	margin: 0 0 20px;	padding: 0 0 0 15px;}blockquote p {	display:inline;	line-height:inherit;	font-weight:400;}blockquote p:before, blockquote p:after {	display:inline-block;	font-family:FontAwesome;	opacity:0.5;	font-size:13px;}blockquote p:before {	content:'\f10d';	margin-right:5px;	vertical-align:11px;}blockquote p:after {	content:'\f10e';	margin-left:5px;	vertical-align:7px;}blockquote cite {	color: #bf884d;	display: block;}*::-webkit-input-placeholder { color: #2a2a2a;opacity: 1;}*:-moz-placeholder { color: #2a2a2a;opacity: 1;}*::-moz-placeholder { color: #2a2a2a;opacity: 1;}*:-ms-input-placeholder { color: #2a2a2a;opacity: 1;}input[type="text"], input[type="email"], input[type="tel"], input.text, input.title, textarea, select {	background-color: #f4f4f4;	border: medium none;	color: #2d2d2e;	display: block;	height: 62px;	letter-spacing: 0.58px;	padding: 0 20px;}textarea {	height: auto;	padding-bottom: 15px;	padding-top: 15px;}input[type="submit"], button {	background: none repeat scroll 0 0 transparent;	border: 1px solid #bf884d !important;	color: #bf884d;	cursor: pointer;	height: 62px;	letter-spacing: 0.43px;	line-height: 1em;	min-width: 115px;	padding: 20px 35px !important;	text-transform: uppercase;	transition:300ms;}input[type="submit"]:hover, button:hover, input[type="submit"]:focus, button:focus {	background:#bf884d;	color:#fff}.clearfix:after {	visibility: hidden;	display: block;	font-size: 0;	content: " ";	clear: both;	height: 0;}* html .clearfix {	zoom: 1;} /* IE6 */*:first-child+html .clearfix {	zoom: 1;} /* IE7 */.screen-reader-text {	text-indent:-9999px;	display:none}table {	background: none repeat scroll 0 0 #EEEEEE;	border-collapse: separate;}table th {	background: none repeat scroll 0 0 #F6F6F6;	font-weight: 700;	padding: 5px 10px;	text-align: left;}table td {	background: #fff;	padding: 5px 10px;}/*------------------------------------------------*//*--------------------[COLUMNS]-------------------*//*------------------------------------------------*/.col, .col2, .col3, .col4, .col5, .col6 {	-webkit-box-sizing:border-box;	-moz-box-sizing:border-box; box-sizing:border-box display: inline;	float: left;	margin-right: 4%;}.cols .last, .col:last-child, .col.last, .col2:last-child, .col3:last-child, .col4:last-child, .col5:last-child, .col6:last-child, .cols3 .col:last-child {	margin-right:0 !important;}.col, .col2 {	width:48%;} /* 2 equal width columns - default */.cols3 .col, .col3 {	width: 30.66%;} /* 3 equal width columns */.cols4 .col, .col4 {  width: 22%;}.cols5 .col, .col5 {	width:18.4%;} /* 5 equal width columns */.cols6 .col, .col6 {	width:15%;} /* 6 equal width columns *//*------------------------------------------------*//*--------------------[IMAGES]--------------------*//*------------------------------------------------*//*Resize images to fit the main content area.- Applies only to images uploaded via WordPress by targeting size-* classes.- Other images will be left alone. Use "size-auto" class to apply to other images.*/img.size-auto, img.size-full, img.size-large, img.size-medium, .attachment img {	max-width: 100%; /* When images are too wide for containing element, force them to fit. */	height: auto; /* Override height to match resized width for correct aspect ratio. */}.alignleft, img.alignleft {	display: inline;	float: left;	margin-right: 24px;	margin-top: 6px;}.alignright, img.alignright {	display: inline;	float: right;	margin-left: 24px;	margin-top: 4px;}.aligncenter, img.aligncenter {	clear: both;	display: block;	margin-left: auto;	margin-right: auto;}img.alignleft, img.alignright, img.aligncenter {	margin-bottom: 12px;}.wp-caption {	background: #f1f1f1;	line-height: 18px;	margin-bottom: 20px;	max-width: 632px !important; /* prevent too-wide images from breaking layout */	padding: 4px;	text-align: center;}.wp-caption img {	margin: 5px 5px 0;}.wp-caption p.wp-caption-text {	color: #888;	font-size: 12px;	margin: 5px;}.wp-smiley {	margin: 0;}/*------------------------------------------------*//*-------------------[STRUCTURE]------------------*//*------------------------------------------------*/.wrapper {  margin: 0 auto;  max-width: 100%;  padding: 0 15px;  position: relative;  width: 920px;}.wrapper:after {	visibility: hidden;	display: block;	font-size: 0;	content: " ";	clear: both;	height: 0;}/*------------------------------------------------*//*---------------------[HEADER]-------------------*//*------------------------------------------------*/#header {  background-color: #f8f8f8;  height: 74px;  padding: 0 13px;  position: fixed;  top: 0;  width: 100%;  z-index: 1000;}#logo {  float: left;  margin: 18px 0 0;}#logo h1 {	padding:0}#logo h1 a {  background-image: url("images/logo.png");  background-position: left top;  background-repeat: no-repeat;  background-size: 200px 40px; -webkit-background-size: 200px 40px;  display: block;  height: 40px;  text-indent: -9999px;  width: 200px;}/*------------------------------------------------*//*------------------[NAVIGATION]------------------*//*------------------------------------------------*/#navigation {	float: right; position:relative;}#navigation ul {	margin:0;	padding:0;	list-style:none;	border-left: 1px solid #ddd;}#navigation > ul > li {	float:left;	position:relative}#navigation > ul > li > a {  border-right: 1px solid #ddd;  color: #111;  display: block;  font-size: 14px;  font-weight: 600;  line-height: 1em;  padding: 32px 20px 28px;  text-decoration: none;  text-transform: uppercase;}#navigation > ul > li:hover > a {	background-color:#eee;	color:#bf884d}#navigation > ul > li > ul {	position:absolute;	width:200px;	background-color:#eee;	display:none;	border-left:none;}#navigation > ul > li > ul > li {	border-bottom: 1px solid #ddd;	display: block;}#navigation > ul > li > ul > li > a {	color: #111;	display: block;	font-size: 14px;	font-weight: 600;	line-height: 1em;	padding: 10px 20px;}#navigation > ul > li > ul > li:hover > a {	color:#bf884d}#navigation > ul > li.current-menu-parent > a, #navigation > ul > li.current_page_parent > a, #navigation > ul > li.current_page_ancestor > a, #navigation > ul > li.current_page_item > a, #navigation > ul > li.current-menu-item > a  {	background-color:#eee;	color:#bf884d}/*------------------------------------------------*//*-----------------[HOME SLIDESHOW]---------------*//*------------------------------------------------*/#splashArea {	position:relative;	width:100%;}.splashSlider {	position:relative;	width:100%}.splashSlider .splashArea {	background-position: center center;	background-size: cover;	-webkit-background-size: cover;	display: none;	height: 700px;	position: relative;	width: 100%;	image-rendering: optimizeQuality;}.splashSlider .splashArea:first-child {	display:block}.splashSlider .splashArea img {	display:block;	width:100%;	height:auto}#homeSplashControls {	position:absolute;	width:100%;	left:0;	bottom:0;	z-index:50}#homeSplashControls .homeSplashControl {	float:left;	display:block;	width:33.33%;	padding-top:8px;}#homeSplashControls .homeSplashControl.hide {	display:none}#homeSplashControls .homeSplashControl a {	background-color: #ffffff;	background-repeat: no-repeat;	clear: none;	color: #2a2a2a;	display: block;	font-size: 15px;	font-weight: normal;	height: 73px;	line-height: 1;	padding: 30px;	text-align: center;	text-transform: uppercase;}#homeSplashControls .homeSplashControl a:hover {	background-color:#bf884d;	color:#fff}#homeSplashControls .homeSplashControl.homeSplash-active {	background-repeat:no-repeat;	background-image:url(images/red_arrow_top.png);	background-position:center top}#homeSplashControls .homeSplashControl.homeSplash-active a {	background-color:#bf884d;	color:#fff}#slideIntroArea {  bottom: 90px;  left: 0;  position: absolute;  width: 100%;  z-index: 50;}.slideTxt {		background: url("images/box.png");  background: none repeat scroll 0 0 rgba(0, 0, 0, 0.6);  color: white;  float: right;  font-size: 20px;  line-height: 165%;  max-width: 80%;  opacity: 1;  padding: 20px 30px;  text-align: right;  width: 445px;}.slideTxt a.read_more{display:inline-block}a.read_more {  border: 1px solid #ffffff;  bottom: 0;  color: #fff;  cursor: pointer;  display: block;  font-size: 16px;  left: 0;  letter-spacing: 1px;  margin-top: 21px;  outline: medium none;  padding: 5px 30px;  position: relative;  text-transform: uppercase;  transition: all 0.3s ease 0s;  width: auto;}a.read_more:hover {	color:#404040;	background:#fff}/*------------------------------------------------*//*-----------------[HOME SECTIONS]---------------*//*------------------------------------------------*/.homeSection {	padding:95px 0}.homeSectionTitle {	color: #2d2d2e;	font-size: 35px;	line-height: 1em;	padding: 0 0 15px;	text-align: left;}.large_text {	/* color: #a7a7a7; */	color: #404041;		float: left;	font-size: 27px;	line-height: 140%;	margin: 0;	padding:0 70px 0 0;	text-transform: uppercase;	width: 45%;}.smaller_text {	/* color: #cfcfcf; */	color: #404041;		float: left;	font-size: 19px;	line-height: 172%;	padding:0;	width: 55%;}a.read_more_grey {	background-image: url("images/red_arrow.png");	background-position: right bottom;	background-repeat: no-repeat;	color: #bf884d;	cursor: pointer;	display: block;	font-size: 18px;	font-weight: 600;	letter-spacing: 1.13px;	margin: 0 50px 0 0;	padding: 0;	text-transform: uppercase;	transition: all 100ms ease 0s;	width: 140px;}a.read_more_grey:hover {	background-image: url("images/black_arrow.png");	color:#000}/*------------------------------------------------*//*------------------[RECENT PROJECTS]-------------*//*------------------------------------------------*/.recent_projects_container {  background-position: center center;  background-repeat: no-repeat;  background-size: cover; -webkit-background-size: cover;  display: block;  margin: 45px 0 0;  width: 100%;}.recent_project {  background-color: #363a3c;  color: #fff;  float: left;  height: 354px;  max-width: 65%;  opacity: 0.9;  width: 445px;}.recent_project.rightProject {  float: right;}.recent_project p {	padding: 10px 50px;}.recent_project h2 {  font-size: 18px;  font-weight: 600;  letter-spacing: 1.13px;  padding: 50px 50px 0;  text-align: left;  text-transform: capitalize;}.recent_projects_btn {  display: block;  padding: 20px 50px 0;}.recent_project .read_more_grey {  display: block;  margin: 0;  padding: 0;}.recent_project_pic {	float: left;	height: 354px;	width: 50%;}/*------------------------------------------------*//*-----------------[MEMBERS SECTION]--------------*//*------------------------------------------------*/.homeSection.section-memberSection {	padding: 0;}.homeSection.section-memberSection > .wrapper {	border-bottom:solid 1px #B3B3B3;	padding-top: 35px;	padding-bottom:35px;}table.blankTable {	background: none repeat scroll 0 0 rgba(0, 0, 0, 0);}table.blankTable td {	background: none repeat scroll 0 0 rgba(0, 0, 0, 0);	padding: 0;}/*------------------------------------------------*//*-------------------[MAIN AREA]------------------*//*------------------------------------------------*/#main {	padding-top:75px}#main ul{margin-left:1.5em}.pageSection {	background: none repeat scroll 0 0 #d3d2d2;	position: relative;}.pageSection:before {	background: none repeat scroll 0 0 #f4f4f4;	content: "";	height: 100%;	left: 0;	position: absolute;	top: 0;	width: 60%;}.pageSection .wrapper {	display: -moz-box;	display: -webkit-flexbox;	display: -ms-flexbox;	display: -webkit-flex;	display: -moz-flex;	display: flex;	-webkit-flex-direction: row;	-moz-flex-direction: row;	-ms-flex-direction: row;	flex-direction: row;}.sectionLeft {	background: none repeat scroll 0 0 #f4f4f4;	float: left;	width: 60%;}.serviceBox.darkServiceBg .sectionLeft {	background: none repeat scroll 0 0 #777;	color: #fff;}.sectionRight {	float: right;	width: 40%;	background:#d3d2d2}.sectionLeftContent {	padding-left:28%;	padding-right:10%}.pageTitle {	color: #bf884d;	display: block;	font-size: 23px;	font-weight: 600;	line-height: 1em;	padding: 71px 0 70px;	position: relative;	text-transform: uppercase;	letter-spacing:.58px;}.innerPageArea {	background: none repeat scroll 0 0 #fff;	padding-bottom: 105px;	padding-top: 120px;}.innerPageArea .sectionLeft {	background: none repeat scroll 0 0 rgba(0, 0, 0, 0);}.sectionRightImg {	background-position: center center;	background-repeat: no-repeat;	background-size: cover;	-webkit-background-size: cover;	height: 500px;	width: 100%;	background-color:#d3d2d2;}.sectionLeft .sectionLeftContent p {	color: #2d2d2e;	font-size: 20px;	letter-spacing: 0.04em;	line-height: 1.6em;	padding-right: 24px;}.heading {	color: #adadad !important;	font-size: 28px !important;	line-height: 1.6em !important;	padding-bottom:20px !important;	padding-right:24px;}/*------------------------------------------------*//*------------------[CONTACT PAGE]----------------*//*------------------------------------------------*/.contact_form_container {	display: block;	float: left;	margin: 0 13% 0 0;	width: 54%;}.contactContainer {  display: block;  float: right;  width: 32.7%;  word-wrap: break-word;}.contactContainer h1 {	color: #2d2d2e;	font-size: 18px;	letter-spacing: 0.58px;	line-height: 1em;	padding: 0 0 20px;	font-weight:600;}.contactContainerb {	font-weight: 600;}.contact_info a {	font-weight:600;	color:#2d2d2e}.contact_info a:hover {	color:#bf884d}.contact_area > p {	font-size: 17px;	line-height: 25px;}/*------------------------------------------------*//*------------------[GRAVIY FORMS]----------------*//*------------------------------------------------*/#main ul.gform_fields {	margin:0;	padding:0;	list-style:none}ul.gform_fields > li {	display:block;	position:relative;	padding-bottom:16px}ul.gform_fields li input[type="text"], ul.gform_fields li select {	width:100%;}ul.gform_fields li textarea {	width:100%;	height:188px}.gform_footer {	text-align: right;}.gform_footer img {	position:absolute}.validation_error {	display: none;}.validation_message {	bottom: 20px;	color: #bf884d;	font-size: 14px;	line-height: 1em;	position: absolute;	right: 5px;}/*------------------------------------------------*//*---------------------[SERVICES]-----------------*//*------------------------------------------------*/.serviceBox {	display: -moz-box;	display: -webkit-flexbox;	display: -ms-flexbox;	display: -webkit-flex;	display: -moz-flex;	display: flex;	-webkit-flex-direction: row-reverse;	-moz-flex-direction: row-reverse;	-ms-flex-direction: row-reverse;	flex-direction: row-reverse;}.serviceBox .sectionRight {	flex:1;	display: -moz-box;	display: -webkit-flexbox;	display: -ms-flexbox;	display: -webkit-flex;	display: -moz-flex;	display: flex;}.serviceBox .sectionRightImg {	position: relative;	height:auto;	min-height:100%;}.serviceTitleArea {	background-color: #e0e0e0;}.serviceBox.darkServiceBg .serviceTitleArea {	background: none repeat scroll 0 0 #666;	color: #fff;}.serviceBox.darkServiceBg .serviceTitleArea .serviceTitle {	color:#fff}.serviceTitle {	color: #5a5a5b;	font-size: 22px;	font-weight: 600;	letter-spacing: 0.04em;	line-height: 140%;	padding: 55px 0 30px;}.serviceIntroTxtArea {	padding: 45px 0 70px;}.serviceIntroTxtArea .read_more_grey {	margin-top:22px}.single .innerPageArea .sectionRight {  background: none repeat scroll 0 0 rgba(0, 0, 0, 0);}.serviceGallery{padding-top:20px}.serviceGallery .col {  background: none repeat scroll 0 0 #000;  margin-bottom: 22px;}.serviceGallery .col img{display:block; transition:300ms;}.serviceGallery .col a:hover img{opacity:0.8}/*------------------------------------------------*//*---------------------[PROJECTS]-----------------*//*------------------------------------------------*/#projectsArea{position:relative}.projectArea {  background-position: center center;  background-repeat: no-repeat;  background-size: cover; -webkit-background-size: cover;  padding: 50px 10%;}.projectBox {	background:none repeat scroll 0 0 #777; color:#fff;  max-width: 100%;  width: 635px;}.projectDetail .projectDetailRow {  border-bottom: 1px solid #555;  font-size: 17px;  font-weight: 600;  line-height: 1em;  padding: 18px 50px;}.projectDetail .projectDetailRow:after{	visibility: hidden;	display: block;	font-size: 0;	content: " ";	clear: both;	height: 0;	}.projectDetail .projectDetailRow:last-child{border-bottom:none}.projectTitle {  background-color: #fff;  color: #bf884d;  font-size: 1em;  font-weight: 600;  letter-spacing: 0.04em;  opacity: 1;  padding: 42px 50px 40px;  text-transform: uppercase;  transition: all 0.3s ease-in-out 0s;  z-index: 5;}.detailRowTitle {  float: left;  text-transform: uppercase;  width: 35%;}.detailRowTxt {  float: right;  text-align: right;  width: 65%;}.projectDetailRow.fullwidth .detailRowTitle{float:none; width:100%}.projectDetailRow.fullwidth .detailRowTxt{float:none; width:100%; text-align:left; padding-top:20px;}.projectDetail .projectDetailRow p {  color: #ddd;  font-size: 16px;  line-height: 1.7em;  margin: 0 0 15px;  padding: 0;  transition: all 0.3s ease-in-out 0s;  z-index: 5;}#projectGallery {  padding: 15px 50px 30px;}/*------------------------------------------------*//*---------------------[FOOTER]-------------------*//*------------------------------------------------*/#footer {	color: #818181;	font-size: 13px;	line-height: 1.5em;	margin: 0 auto;	padding: 40px 0 15px;}.logoFooter_container {	float: left;	width: 30%;}.logoFooter {	padding-bottom:14px}.logoFooter a {  background-image: url("images/logo.png");  background-position: left top;  background-repeat: no-repeat;  background-size: 160px 32px; -webkit-background-size: 160px 32px;  display: block;  height: 32px;  text-indent: -9999px;  width: 160px;}#footerRight {	float:right;	width:70%;}#footerRight ul {  float: right;  list-style: outside none none;  margin: 0;  padding-bottom: 0;  padding-top: 8px;}#footerRight ul ul {	display:none}#footerRight ul li {	float:left;	margin-right:35px}#footerRight ul li.last, #footerRight ul li:last-child {	margin-right:0}#footerRight ul li a {	color: #404041;	text-transform:uppercase;	padding: 0 7px 3px 0;}#footerRight ul li a:hover {	border-bottom:dotted 1px #89772e}