
/* Theme update */
/* Current styling for reference 
.flexbox-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -webkit-flexbox;
    display: -moz-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: center;
}*/
/* Safari 7 & 8 */
_::-webkit-full-page-media, _:future, :root .flexbox-list {
	display: block;
}
_::-webkit-full-page-media, _:future, :root  .main_menu_col {
    padding-top: 25px;
}
_::-webkit-full-page-media, _:future, :root  .home .main_menu_col {
    padding-top: 0px;
}

/* IE6, IE7, IE8 */
#home-header1,
#home-header2 {
	width: 50%\9;
	float: left\9;
	display: block\9;
}

/* Ipad */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (-webkit-min-device-pixel-ratio: 2){ 
	.flexbox-list {
		display: block;
	}
	.about-text-icons-cols .about-text-icons-iconcol {
		width: 48% !important;
		display: table;
	}
}

/* Portrait */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
	.about-text-icons-cols .about-text-icons-iconcol {
		width: 46% !important;
		display: table;
	}
}

/* maps min height */
.ope-google-maps {
    min-height: 300px !important;
}




h1, h2, h3, h4, h5 {
	font-weight: bold !important;
}

ul li {
    list-style-type: none;
    list-style-image: url(images/bullet.png);
}
a:focus {
    outline: none;
}
div#fm2_drop_mainmenu_jq_menu_back div.menu-container ul li {
    list-style-image: none !important;
}
.solid-white {
	background: #fff;
}
.page-content a:not(.button),
.page-content a:visited:not(.button) {
	color: #3bb0c9;
	font-weight: bold;
}
.page-as-commercial .page-content a:not(.button),
.page-as-commercial .page-content a:not(.button):visited {
	color: #e63d2f;
}
.page-content {
	text-align: left;
}
.button {
	text-transform: capitalize !important;
	font-size: 18px;
	font-weight: bold;
}
.button.transparent {
    border: 2px solid #fff;
}
.button.transparent:hover ,
.wpcf7-form [type="submit"]:hover {
    box-shadow: rgba(0, 0, 0, 0.419608) 0px 14px 26px -12px, rgba(0, 0, 0, 0.117647) 0px 4px 23px 0px, rgba(0, 0, 0, 0.2) 0px 8px 10px -5px;
    -moz-box-shadow: rgba(0, 0, 0, 0.419608) 0px 14px 26px -12px, rgba(0, 0, 0, 0.117647) 0px 4px 23px 0px, rgba(0, 0, 0, 0.2) 0px 8px 10px -5px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.419608) 0px 14px 26px -12px, rgba(0, 0, 0, 0.117647) 0px 4px 23px 0px, rgba(0, 0, 0, 0.2) 0px 8px 10px -5px;
    outline: none;
    text-decoration: none;
    cursor: pointer;
}
.button.transparent-blue {
	border: 2px solid #3bb0c9;
	color: #3bb0c9;
	font-weight: bold;
}
.button.transparent-blue:hover {
    box-shadow: rgba(0, 0, 0, 0.419608) 0px 14px 26px -12px, rgba(0, 0, 0, 0.117647) 0px 4px 23px 0px, rgba(0, 0, 0, 0.2) 0px 8px 10px -5px;
    -moz-box-shadow: rgba(0, 0, 0, 0.419608) 0px 14px 26px -12px, rgba(0, 0, 0, 0.117647) 0px 4px 23px 0px, rgba(0, 0, 0, 0.2) 0px 8px 10px -5px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.419608) 0px 14px 26px -12px, rgba(0, 0, 0, 0.117647) 0px 4px 23px 0px, rgba(0, 0, 0, 0.2) 0px 8px 10px -5px;
    outline: none;
    text-decoration: none;
}
.center {
	text-align: center;
}



/* Commercial Page */
.wpcf7-form .solid-white {
    -webkit-box-shadow: 0 15px 80px -5px rgba(0, 0, 0, .25);
    border-radius: 5px;
    box-shadow: 0 15px 80px -5px rgba(0, 0, 0, .25);
    float: none;
    margin-left: auto;
    margin-right: auto;
	margin-bottom: 40px;
    padding: 5% 25px;
    text-align: center;
    width: 90%;
}
.contact-formcol {
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    background-color: transparent !important;
    border-radius: 0;
    box-shadow: none !important;
    margin-left: auto;
    margin-right: auto;
    padding: 0 !important;
}
.wpcf7-form [type="submit"] {
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 0px;
	background-color: #3BB0C9!important;
	text-transform: capitalize;
	font-size: 18px;
	padding: 14px 50px !important;
	margin: 0 auto !important;
    display: block;
	transition: all 0.2s linear 0s;
}
.page-as-commercial  .wpcf7-form [type="submit"] {
	background-color: #e63c2e !important;
}

.page-as-commercial .wpcf7-form textarea:focus,
.page-as-commercial .wpcf7-form input:focus, 
.page-as-commercial .wpcf7-form textarea:hover,
.page-as-commercial .wpcf7-form input:hover, 
.page-as-commercial .wpcf7-form textarea:active,
.page-as-commercial .wpcf7-form input:active {
    border-color: #e63c2e!important;
}



/* Contact Form */
input,
textarea {
	font-family: Oxygen, Helvetica, Arial, sans-serif;
}



/* Headers */
.home .logo_col  {
    display: none;
}
.logo_col {
    width: 10% !important;
    padding: 15px 0px;
	float: left;
}
.home .page-content {
    padding-bottom: 0px!important;
    padding-top: 0px!important;
}
.header-top.coloured-nav {
	border-bottom: none;
}
.home .header-top.coloured-nav {
	border-bottom: none;
}
.page-as-commercial .header-top.coloured-nav,
.page-projects .header-top.coloured-nav {
	border-bottom: 4px solid #e63c2e;
}

.page-as-commercial .logo_col img.custom-logo,
.page-projects .logo_col img.custom-logo {
	display: none;
}
.page-as-commercial .logo_col a:after,
.page-projects .logo_col a:after  {
    content: ' ';
    height: 100px;
    width: 100px;
    display: block;
    background: url(images/AS-Commercial-Logo.png);
	background-repeat: no-repeat;
	background-position: center;
    background-size: contain;
}


/* Gallery Page */
.fancybox-slide>* {
	overflow: hidden;
}
h4.portfolio-cards-projtitle:hover {
    color: initial !important;
    text-decoration: none;
} 
.swap-inner {
	background: rgba(0,0,0,.25) !important;
}


.metaslider .caption-wrap {
    background: rgba(0, 0, 0, 0.5) !important;
}
.metaslider .caption {
    font-size: 16px !important;
}
.fancybox-close-small:after {
    width: 40px;
    height: 40px;
    font: 30px/40px Arial,Helvetica Neue,Helvetica,sans-serif;
    color: #fff;
    background: #3BB0C9;
}


/* FAQ page */
h4,
h5 {
    margin-top: 30px !important;
}
.page-resources h4 {
    font-size: 1.11em;
    border-top: 1px solid #3BB0C9;
    padding-top: 25px;
}


/* Search */
#searchsubmit {
	width: 75px !important;
}
.searchform #s {
	margin-right: -75px !important;
}


/*Menu Styling */
/* Stop the stickings! */
ul.sub-menu {
    display: none !important; 
}
ul li:hover ul.sub-menu {
    display: block !important;
}

.home #drop_mainmenu {
    text-align: center;
}

div#drop_mainmenu_container ul.fm2_drop_mainmenu {
	z-index: 1000 !important;
}

/* IE9 IE10 */ 
.main_menu_col{
	padding-top: 20px\9;;
}
.home .main_menu_col{
	padding-top: 0px\9;;
}

#drop_mainmenu > li {
	margin-left: 0.8% !important;
    margin-right: 0.8% !important;
}

#drop_mainmenu ul li,
.footer .widget ul li {
	list-style-image: none;
}

#drop_mainmenu > li > a {
   padding: 0px !important;
}
.header-top.fixto-fixed #drop_mainmenu > li > a, 
.header-top  #drop_mainmenu > li > a {
    padding: 0px !important;
}
.header-top #drop_mainmenu > li > a {
    padding: 0px !important;
}
.header-top #drop_mainmenu > li  {
	padding: 28px 0px 20px 0px !important;
}
.header-top:not(.homepage) #drop_mainmenu ul li a, 
.header-top.homepage #drop_mainmenu ul li a, 
.header-top:not(.homepage) #drop_mainmenu ul li a,
.header-top.homepage #drop_mainmenu ul li a {
    padding: 12px 15px;
}
#drop_mainmenu li li a::after {
    margin: 5px auto 0 auto !important;
}
#drop_mainmenu > li.current_page_item > a,
#drop_mainmenu > li.current-menu-ancestor > a,
.header-top.fixto-fixed #drop_mainmenu > li.current_page_item > a {
    border-bottom: 0px solid #3bb0c9 !important;
}
.page-as-commercial #drop_mainmenu > li.current_page_item > a,
.page-as-commercial #drop_mainmenu > li.current-menu-ancestor > a,
.page-as-commercial .header-top.fixto-fixed #drop_mainmenu > li.current_page_item > a {
    border-bottom: 0px solid #e63c2e !important;
} 
#drop_mainmenu li a::after {
	content: '';
	bottom: 0;
	z-index: -1;
	height: 100%;
	-webkit-transition: width 0.5s;
	transition: width 0.5s;	
	display: block;
	height: 2px;
	width: 0px;
	background: transparent;
	margin: 15px auto 0 auto;
}
#drop_mainmenu li a::after{
	background: #3bb0c9;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;	
}
#drop_mainmenu  li.commercial > a::after,
#drop_mainmenu  li.commercial ul li a:after {
	background: #e63c2e;
}
.header-top:not(.homepage) #drop_mainmenu li.commercial ul li a,
.header-top:not(.homepage) #drop_mainmenu li.commercial ul li a,
.header-top.homepage #drop_mainmenu li.commercial ul li a,
.header-top.homepage #drop_mainmenu li.commercial ul li a  {
	background-color: #e63c2e !important;
}
.header-top:not(.homepage) #drop_mainmenu li.commercial ul li a:hover,
.header-top:not(.homepage) #drop_mainmenu li.commercial ul li a:hover,
.header-top.homepage #drop_mainmenu li.commercial ul li a:hover,
.header-top.homepage #drop_mainmenu li.commercial ul li a:hover {
	background-color: #fff !important;
}

.page-as-commercial #drop_mainmenu > li.current_page_item > a:after,
.page-as-commercial #drop_mainmenu > li.current-menu-ancestor > a:after,
.page-as-commercial .header-top.fixto-fixed #drop_mainmenu > li.current_page_item > a:after, 
.page-as-commercial .header-top.fixto-fixed #drop_mainmenu > li.current-menu-ancestor> a:after, 
#drop_mainmenu > li.current_page_item > a:after,
#drop_mainmenu > li.current-menu-ancestor> a:after,
.header-top.fixto-fixed #drop_mainmenu > li.current_page_item > a:after,
.header-top.fixto-fixed #drop_mainmenu > li.current-menu-ancestor > a:after,
#drop_mainmenu li a:hover::before,
#drop_mainmenu li a:hover::after,
.header-top ul li:hover > a:after {
	width: 100% !important;
}

.header-top,
.header-top.coloured-nav {
   background: rgba(0,0,0,0.3) !important;
}

.header-top #drop_mainmenu > li ul {
	border-bottom: none !important;
}

/* Portfolio Module */
#portfolio-1 .ContentSwap103_content.initial-image img {
    -webkit-transform: translate( -50%, 0%);
	-moz-transform: translate( -50%, 0%);
	-ms-transform: translate( -50%, 0%);
	-o-transform: translate( -50%, 0%);
	transform: translate( -50%, 0%);
    margin-left: 50%;
    margin-top: 0;
}


/* Homepage Banner */
.equal-height {
	display: table;
	width: 100%;
}
.half-width {
    width: 50%;
	display: table-cell;
	height: 100%;
}
div#home-header1 {
    border-right: 2px solid #fff;
	background: #3bb0c9;
	background-image: url(images/residential_bg.jpg);
    background-repeat: no-repeat;
    background-position: right bottom;
	position: relative;
}
div#home-header2 {
    border-left: 2px solid #fff;
	background: #e63c2e;
	background-image: url(images/commercial_bg.jpg);
    background-repeat: no-repeat;
    background-position: right bottom;
	position: relative;
}
#home-header1 .center-logo,
#home-header2  .center-logo {
	z-index: 20;   
	position: absolute;
    left: 50%;
    top: 35%;
	max-width: 30%;
	-moz-transform: translate(-50%);
    -ms-transform: translate(-50%);
    -o-transform: translate(-50%);
    -webkit-transform: translate(-50%);
    transform: translate(-50%);
	transition: all 3s;
}
#home-header1 .contentswap-effect:hover .center-logo,
#home-header2 .contentswap-effect:hover .center-logo {
    top: 26%;
    z-index: 20;
	transition: all 1s;
}
p.protfolio-full-itemtitle {
    width: 95%;
	text-align: center;
	margin: 0 auto;
}
#home-header1 .custom-header .button,
#home-header2 .custom-header .button {
    color: #ffffff;
    z-index: 20;
    position: absolute;
    top: 75%;
    left: 50%;
	-moz-transform: translate(-50%);
    -ms-transform: translate(-50%);
    -o-transform: translate(-50%);
    -webkit-transform: translate(-50%);
    transform: translate(-50%);
	text-transform: uppercase;
	font-weight: normal;
	padding: 20px;
}
#home-header1 .contentswap-effect:hover  .button,
#home-header2 .contentswap-effect:hover .button {
	background-color: #fff !important;
	color: #000;
}
#home-header1 .ContentSwap103-center,
#home-header2  .ContentSwap103-center {
    top: 70% !important;
	position: inherit;
}


/* Updated */
.swap-inner-st{
    position: absolute;
    top:0;
    left:0;
    bottom: 0px;
    right: 0px;
    background: transparent;
}
.swap-inner-st p {
	font-size: 16px;
}
.protfolio-full-itemtitle {
	color: #fff;
}
@media only screen and (min-width: 1024px) {
	.swap-inner-st{
		opacity:0;
		display: block;
	}
	.contentswap-effect .swap-inner-st .protfolio-full-itemtitle {
		color: #fff;
		opacity:0;
		display: none;
	}
	.contentswap-effect:hover .swap-inner-st,
	.contentswap-effect:hover .swap-inner-st .protfolio-full-itemtitle 	{
		opacity:1;
		display: block;
	}
}
#home-header1 .swap-inner-st {
	background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(0, 0, 0, 0.5) 100%) !important; /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(0, 0, 0, 0.5) 100%) !important; /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(0, 0, 0, 0.5) 100%) !important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#000000',GradientType=0 ) !important; /* IE6-9 */
	position: absolute;
}
#home-header2 .swap-inner-st {
	background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(0, 0, 0, 0.5) 100%) !important; /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(0, 0, 0, 0.5) 100%) !important; /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(0, 0, 0, 0.5) 100%) !important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#000000',GradientType=0 ) !important; /* IE6-9 */
	position: absolute;
}
/* End of Updates */


#home-header1 img.portfolio-cards-projectimg,
#home-header1 img.portfolio-full-projectimg {
    float: right;
}
#home-header1 img.portfolio-cards-projectimg,
#home-header1 img.portfolio-full-projectimg,
#home-header2 img.portfolio-cards-projectimg,
#home-header2 img.portfolio-full-projectimg,
.portfolio-full-projectimg {
	min-width: 100%;
	width: 100%;
	max-width: none !important;
	height: auto;
}
#home-header1 .contentswap-effect.
#home-header2  .contentswap-effect {
    max-height: 400px;
    overflow: hidden;
}



/* Updated */
#home-header1 #ContentSwap103 .swap-inner-st, 
#home-header1 #ContentSwap102 .swap-inner,
#home-header2 #ContentSwap103 .swap-inner-st, 
#home-header2 #ContentSwap102 .swap-inner  {
    background-color: rgba(0, 0, 0, 0.5);
}

@media only screen and (max-width: 480px) {
	#home-header1 #ContentSwap103 .swap-inner-st, 
	#home-header2 #ContentSwap103 .swap-inner-st   {
		background: transparent !important;
	}
}
/* End Of Updates */


.cta-blue-section {
    line-height: 110% !important;
}
.cta-blue-textcol {
	padding-left: 0px !important;
	padding-right: 0px !important;
}


/* Subpage Banner */
.row.header-description-row {
    display: none;
}


/* Footer Styles */
.row_89 {
    clear: both;
    min-height: 100px;
    width:100%;
    padding-left:15px;
    padding-right:15px;
    margin-left:auto;
    margin-right:auto;
}
.column_74 {
    float: none;
    width: 100%;
    min-height: 100px;
    padding-left: 15px;
    padding-right: 15px;
    padding-top:27px;
}
.column_75 {
    float: none;
    width: 100%;
    min-height: 100px;
    padding-left: 15px;
    padding-right: 15px;
    text-align:center;
}
.row_91 {
    clear: both;
    width: auto;
    margin-left: -15px;
    margin-right: -15px;
}
.row_90 {
    color: #FFFFFF;
}
h2.footer-logo {
    font-weight: 400;
    color:#FFFFFF;
    margin-top:10px;
    margin-bottom:27px;
    text-align:center;
}
.footer {
    padding-top: 20px;
	min-height: 200px;
    background-color:#8f9d9d !important;
    border-top: none !important;
	font-size: 16px !important;
}
.footer .widget > .textwidget {
	padding: 0px 0px 12px 0px;
}
.footer a:hover {
	font-weight: bold;
}
.column_209 {
    width: 100%;
    min-height: 100px;
    padding-left:15px;
    padding-right:15px;
    margin-left:auto;
    margin-right:auto;
}
.fa.font-icon-18 {
    font-size: 40px;
    display:inline-block;
    margin-bottom:27px;
}
.fa.font-icon-18:hover {
    text-rendering: auto;
}
.fa.font-icon-18:active {
    text-rendering: auto;
}
.column_217 {
    float: none;
    width: 100%;
    min-height: 100px;
    padding-left:15px;
    padding-right:15px;
}
.row_207 {
    margin-left: -15px;
    margin-right: -15px;
}
.column_210 {
    float: none;
    width: 100%;
    min-height: 100px;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 57px;
    border-left-color: transparent;
}
.row_202 {
    clear: both;
    width: auto;
    margin-left: -15px;
    margin-right: -15px;
}
.fa.font-icon-19 {
    font-size: 25px;
    display:inline-block;
    margin-left:10px;
    margin-right:10px;
    background: rgb(255, 255, 255);
    width: 35px;
    height: 35px;
    text-align: center;
    padding: 6px 5px 6px 5px;
    border-radius: 50%;
    color: #8f9d9d;
}
.fa.font-icon-19:hover {
    text-rendering: auto;
    color:#fff;
	background: transparent;
}
.fa.font-icon-19:active {
    text-rendering: auto;
}
.row_205 {
    clear: both;
    min-height: 27px;
    width: 100%;
    float: left;
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom:27px;
}
.row_201 h3 {
    color:#FFFFFF;
}
li.item1 {
    color: #FFFFFF;
}
li.item2 {
    margin-bottom: 0px;
}
.row_201 {
    clear: both;
    min-height: 100px;
    color:#FFFFFF;
}
.row_201 h4 {
    color:#FFFFFF;
    margin-top: 0px !important;
}
a.footer-link {
    color: #E0E0E0;
}
a.footer-link:hover {
    color: #7ECEFC;
}
.footer .widget ul {
    color: #FFFFFF;
    margin-top:0px;
    margin-bottom:27px;
    padding-left: 0px !important;
    padding-left: 27px;
    list-style-type: none !important;
    text-transform: uppercase;
}
.footer .widget ul * {
    color: #FFFFFF;
}
.footer .widget ul li {
    border: none;
    padding-top: 0px;
    padding-bottom: 0px;
    line-height: 200%;
    font-weight: 300;
}
.footer table#wp-calendar {
    width: 100%;
}
.footer table#wp-calendar caption {
    margin-bottom:10px;
    font-size:16px;
}
.footer table#wp-calendar td,
.footer table#wp-calendar th {
    text-align:center;
}
.footer table#wp-calendar td#today {
    background-color: #ff8066;
}
.footer table#wp-calendar td#prev {
    font-size: 15px;
    text-align: left;
}
.footer table#wp-calendar td#next {
    font-size: 15px;
    text-align: right;
}
.footer .fa {
    margin-bottom: 5px;
}
.footer-social-links {
	margin-bottom: 20px;
	/* Hidden */
	display: none;
}

/* Contact Form */
label {
	font-weight: bold;
}
.wpcf7-form label {
    color: #000000;
    font-size: .83em;
    text-transform: capitalize;
    text-align: left;
}
span.wpcf7-list-item {
    display: block !important;
    margin: 0 0 0 1em;
}

img.testimonials-full-itemimg {
	display: block !important;
}
.contact-3-section-info-text, 
.contact-map-section-info-text {
	max-width: 87%;
}
@media only screen and (min-width: 768px) {
	.col-md-6 {
		width: 50%;
		float: left;
		padding-right: 2%;
	}
	.testimonials-full-section {
		width: 100% !important;
	}
	.contact-3-section-info-text, 
	.contact-map-section-info-text {
		max-width: 90%;
	}
}
input, textarea, select {
	width: 100%;
	max-width: 100%;
	padding: 11px 12px;
	background: #fff;
    border: 1px solid #8f9d9d;
    border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
.wpcf7-form input,
.wpcf7-form textarea,
.wpcf7-form select {
    background: #fff;
    border: 1px solid #8f9d9d;
    border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
    color: #555555;
}
.wpcf7-form textarea:focus,
.wpcf7-form input:focus, 
.wpcf7-form textarea:hover,
.wpcf7-form input:hover, 
.wpcf7-form textarea:active,
.wpcf7-form input:active {
    border-color: #3BB0C9!important;
}
.wpcf7-form select {
	margin-top: 10px;
	height: 45px !important;
}
.wpcf7-form-control-wrap {
    position: relative;
    margin: 0px 0px 15px 0px;
    clear: both;
    float: left;
    width: 100% !important;
	text-align: left;
}
input[type="radio"],
input[type="submit"]  {
    width: auto;
}
input[type="radio"] {
	-webkit-appearance: radio !important;
	margin: 0px !important;
	padding: 0px !important;
	height: auto;
}
input[type="submit"]  {
    padding: 10px 15px;
	color: #fff;
}
span.wpcf7-list-item.last {
    float: left;
    width: auto;
	padding-right: 5px;
}
[data-class="wpcf7cf_group"] {
    text-align: left;
}
[data-class="wpcf7cf_group"] input {
    width: auto;
}
label {
    clear: both;
    display: block;
	margin: 4px 0px 0px 0px !important;
}
.border {
	border: 1px solid #8f9d9d;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding: 15px 15px 15px 15px;
	margin-bottom: 15px;
}



/* Product pages */
.page-home-furnishing .content-left-image-imgcol img, 
.page-home-furnishing .content-right-image-imgcol img {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.page-template-page-no-header .features-coloured-icon-boxes-featurecol {
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    border-radius: 0px;
    box-shadow: none !important;
    margin-bottom: 0px !important;
    padding: 0px !important;
}



@media only screen and (min-width: 768px) {
	.page-template-page-no-header .features-coloured-icon-boxes-featurecol {
		width: 100% !important;
	}
	.header-homepage {
		margin-top: 125px !important;
	}
	.header {
		margin-top: 0px !important;
	}
	.column_73 {
        width: 50%;
        float:left;
    }
    .row_89 {
        clear: both;
        min-height: 82px;
        width:90%;
        padding-left:15px;
        padding-right:15px;
        margin-left:auto;
        margin-right:auto;
    }
    .column_74 {
        float: left;
        width: 66.6667%;
        min-height: 75px;
        padding-left: 15px;
        padding-right: 15px;
    }
    .column_205 {
        float: left;
        width: auto;
        min-height: 48px;
        padding-left: 15px;
        padding-right: 15px;
        margin-left:0px;
    }
    .column_208 {
        float: left;
        width:25%;
    }
    .column_206 {
        float: left;
        width: 33.3333%;
        min-height: 48px;
        padding-left: 15px;
        padding-right: 15px;
    }
    .column_207 {
        float: left;
        width: 33.3333%;
        min-height: 48px;
        padding-left: 15px;
        padding-right: 15px;
    }
    .row_200 {
        clear: both;
        width: auto;
        margin-left: 0px;
        margin-right: 0px;
    }
    .column_75 {
        float: left;
        width: 33.3333%;
        min-height: 82px;
        padding-left: 15px;
        padding-right: 15px;
    }
    .row_91 {
        clear: both;
        width: auto;
        margin-left: -15px;
        margin-right: -15px;
    }
    .row_92 {
        margin-left: -15px;
        margin-right: -15px;
    }
    .column_76 {
        float: left;
        width:50%;
    }
    .row_93 {
        margin-left: -15px;
        margin-right: -15px;
    }
    .column_77 {
        float: left;
        width:50%;
    }
    .footer {
        min-height: 87px;
    }
    h2.footer-logo {
        text-align: center;
    }
    .column_209 {
        min-height: 100px;
        width: 90%;
        padding-left:15px;
        padding-right:15px;
        margin-left:auto;
        margin-right:auto;
    }
    .column_210 {
        float: left;
        width: 33.33%;
        min-height: 250px;
        padding-left: 15px;
        padding-right: 15px;
        border-left-width:1px;
        border-left-style:solid;
        border-right-style:solid;
    }
    .column_211 {
        float: left;
        width: 25%;
        min-height: 100px;
        padding-left: 15px;
        padding-right: 15px;
    }
    .column_212 {
        float: left;
        width: 25%;
        min-height: 100px;
        padding-left: 15px;
        padding-right: 15px;
    }
    .footer-column-colored {
        float: left;
        width: 100%;
        min-height: 230px;
        padding-left: 27px;
        padding-right: 27px;
    }
    .row_202 {
        clear: both;
        width: auto;
        margin-left: -15px;
        margin-right: -15px;
    }
    .row_203 {
        margin-left: -15px;
        margin-right: -15px;
    }
    .column_214 {
        float: left;
        width:66.6667%;
    }
    .row_204 {
        margin-left: -15px;
        margin-right: -15px;
    }
    .column_215 {
        float: left;
        width:66.6667%;
    }
    .row_205 {
        clear: both;
        min-height: 27px;
        width: 100%;
        float: left;
        padding-left: 15px;
        padding-right: 15px;
    }
    .row_206 {
        margin-left: -15px;
        margin-right: -15px;
    }
    .column_216 {
        float: left;
        width:66.6667%;
    }
    .fa.font-icon-19 {
        margin-left: 10px;
        margin-right:10px;
        display:inline-block;
    }
    .row_207 {
        margin-left: -15px;
        margin-right: -15px;
    }
    .column_217 {
        float: left;
        width:66.6667%;
    }
    .row_201 {
        clear: both;
        min-height: 100px;
    }
    .footer .widget ul {
        padding-left: 27px;
        list-style-type: circle;
    }
}
@media only screen and (min-width: 1024px) {
	.gridContainer {
		width: 90% !important;
	}
   .row_89 {
        width: 80%;
        padding-left:15px;
        padding-right:15px;
        margin-left:auto;
        margin-right:auto;
        max-width:1232px;
    }
    .row_91 {
        clear: both;
        width: auto;
        margin-left: -15px;
        margin-right: -15px;
    }
    .column_74 {
        float: left;
        padding-left: 15px;
        padding-right: 15px;
    }
    .row_200 {
        clear: both;
        width: auto;
        margin-left: 0px;
        margin-right: 0px;
    }
    .column_205 {
        float: left;
        padding-left: 15px;
        padding-right: 15px;
        margin-left:0px;
    }
    .column_208 {
        width: 25%;
    }
    .column_206 {
        float: left;
        padding-left: 15px;
        padding-right: 15px;
    }
    .column_207 {
        float: left;
        padding-left: 15px;
        padding-right: 15px;
    }
    .column_75 {
        float: left;
        padding-left: 15px;
        padding-right: 15px;
    }
    .row_92 {
        margin-left: -15px;
        margin-right: -15px;
    }
    .column_76 {
        width: 50%;
    }
    .row_93 {
        margin-left: -15px;
        margin-right: -15px;
    }
    .column_77 {
        width: 50%;
    }
    .footer {
        min-height: 87px;
    }
    h2.footer-logo {
        text-align: center;
    }
    .column_209 {
        float: none;
        width: 80%;
        padding-left:15px;
        padding-right:15px;
        margin-left:auto;
        margin-right:auto;
        max-width:1232px;
    }
    .row_202 {
        clear: both;
        width: auto;
        margin-left: -15px;
        margin-right: -15px;
        display: table-row;
    }
    .column_210 {
        padding-left: 15px;
        padding-right: 15px;
        border-left-width:1px;
        border-left-style:solid;
        border-right-width:0px;
        border-right-style:solid;
        width:20%;
        min-height:250px;
        float: none;
        display: table-cell;
    }
    .column_211 {
        float: left;
        padding-left: 15px;
        padding-right: 15px;
    }
    .column_212 {
        float: left;
        padding-left: 15px;
        padding-right: 15px;
    }
    .footer-column-colored {
        float: none;
        padding-left: 27px;
        padding-right: 27px;
        width:40%;
        min-height:250px;
        display: table-cell;
    }
    .row_203 {
        margin-left: -15px;
        margin-right: -15px;
    }
    .column_214 {
        width: 66.6667%;
    }
    .row_204 {
        margin-left: -15px;
        margin-right: -15px;
    }
    .column_215 {
        width: 66.6667%;
    }
    .row_205 {
        clear: both;
        min-height: 27px;
        width: 100%;
        float: left;
        padding-left: 15px;
        padding-right: 15px;
    }
    .row_206 {
        margin-left: -15px;
        margin-right: -15px;
    }
    .column_216 {
        width: 66.6667%;
    }
    .fa.font-icon-19 {
        margin-left: 7px;
        display:inline-block;
        margin-right:0px;
    }
    .row_207 {
        margin-left: -15px;
        margin-right: -15px;
    }
    .column_217 {
        width: 66.6667%;
    }
    .row_201 {
        clear: both;
        min-height: 100px;
    }
    .footer .widget ul {
        padding-left: 27px;
        list-style-type: circle;
    }
}



@media only screen and (max-width: 1280px) and (min-width: 767px){
	.header-top.homepage #drop_mainmenu>li>a, 
	.header-top.homepage a#fm2_drop_mainmenu_mobile_button .caption,
	.header-top:not(.homepage) #drop_mainmenu>li>a, 
	.header-top:not(.homepage) a#fm2_drop_mainmenu_mobile_button .caption, 
	.header-top:not(.homepage) #drop_mainmenu>li>a, 
	.header-top:not(.homepage) a#fm2_drop_mainmenu_mobile_button .caption {
		font-size: 14px !important;
		line-height: 115%;
	}
	#drop_mainmenu > li {
		margin-left: 3px !important;
		margin-right: 3px !important;
	}
	body.home h3 {
		font-size: 28px !important;
	}
}

@media only screen and (max-width: 1200px) {
	.content-right-image-textcol,
	.content-right-image-imgcol,
	.content-left-image-imgcol,
	.content-left-image-textcol	{
		min-height: 55px !important;
	}
	.page-as-commercial .content-left-image-section,
	.page-as-commercial .content-right-image-section  {
		padding-bottom: 35px !important;
		padding-top: 35px !important;
	}
}

@media only screen and (max-width: 1100px) and (min-width: 767px){
	.header-top.homepage #drop_mainmenu>li>a, 
	.header-top.homepage a#fm2_drop_mainmenu_mobile_button .caption,
	.header-top:not(.homepage) #drop_mainmenu>li>a, 
	.header-top:not(.homepage) a#fm2_drop_mainmenu_mobile_button .caption, 
	.header-top:not(.homepage) #drop_mainmenu>li>a, 
	.header-top:not(.homepage) a#fm2_drop_mainmenu_mobile_button .caption {
		font-size: 13px !important;
	}
	.header-top:not(.homepage) #drop_mainmenu>li>a, .header-top:not(.homepage) a#fm2_drop_mainmenu_mobile_button .caption, .header-top:not(.homepage) #drop_mainmenu>li>a, .header-top:not(.homepage) a#fm2_drop_mainmenu_mobile_button .caption {
		letter-spacing: 0px !important;
	}
}


@media only screen and (max-width: 900px) and (min-width: 767px){
	#drop_mainmenu > li {
		margin-left: 2px !important;
		margin-right: 2px !important;
	}
}	
	

@media only screen and (max-width: 1380px) {
	#home-header1 .contentswap-effect:hover .center-logo, 
	#home-header2 .contentswap-effect:hover .center-logo {
		top: 15%;
		z-index: 20;
		transition: all 1s;
	}
	#home-header1 .ContentSwap103-center,
	#home-header2 .ContentSwap103-center {
		top: 62% !important;
		position: inherit;
	}
}

@media only screen and (max-width: 1024px) {
	.half-width .cp4cols-tablet {
		width: 100% !important;
		max-width: 100% !important; 
		float: left !important;
	}
}

/* Ipad  & Tablet */
@media only screen and (max-width: 1024px) {
	#home-header1 .center-logo, 
	#home-header2  .center-logo {
			top: 15%;
			display: block;
	}
	.contentswap-effect .swap-inner {
		opacity: 1;
	}
}

@media only screen and (max-width: 980px) {
	.equal-height {
		display: block;
		width: 100%;
	}
	.half-width {
		width: 100%;
		display: block;
		height:auto;
	}	
	div#home-header1 {
		border-right: 0px;
	}
	div#home-header2 {
		border-left: 0px;
	}
	#ContentSwap103 .ContentSwap103_content, 
	#ContentSwap102 .ContentSwap102_content {
		width: 100%;
		max-height: 500px;
		overflow: hidden;
	}
	#home-header1 .contentswap-effect .center-logo, 
	#home-header2 .contentswap-effect .center-logo {
		width: 150px;
	} 
	.header-top.homepage #drop_mainmenu>li>a, 
	.header-top:not(.homepage) #drop_mainmenu>li>a {
		font-size: 11px !important;
		letter-spacing: 0px !important;
	}
}


@media only screen and (max-width: 767px) {
	a#fm2_drop_mainmenu_mobile_button span.caption {
		line-height: 20px !important;
	}
	.footer {
		padding-bottom: 35px;
	}
	.gridContainer {
		padding-left: 30px !important;
		padding-right: 30px !important;
	}
	.column_210 {
		padding-top: 0px;
	}
	.column_210:nth-of-type(3) {
		padding-top: 0px;
		margin-top: -25px;
	}
	body h2 {
	    font-size: 30px !important;
	}
}
@media only screen and (max-width: 600px) {
	.header-top.homepage.coloured-nav.fixto-fixed {
		top: 0 !important;
	}
}
@media only screen and (max-width: 480px) {
	body,
	p {
		font-size: 16px;
	}
	div#home-header1 {
		padding-top: 70px;
	}
	#home-header1 .contentswap-effect .initial-image,
	#home-header2 .contentswap-effect .initial-image,
	#home-header1 .custom-header .button, 
	#home-header2 .custom-header .button,
	#home-header1 .ContentSwap103-center, 
	#home-header2 .ContentSwap103-center	{
		display: none;
	}
	#home-header1 .center-logo, 
	#home-header2 .center-logo {
		z-index: 29;
		position: relative;
		margin: 20px auto 0px auto;
		left: auto;
		top: 0px;
		max-width: 100%;
		-moz-transform: none;
		-ms-transform: none;
		-o-transform: none;
		-webkit-transform: none;
		transform: none;
		transition: all 3s;
	}
	#home-header1 .swap-inner,
	#home-header2 .swap-inner {
		background: none !important;
	}
	.logo_col {
		width: 16% !important;
	}
	.page-as-commercial .logo_col a:after,
	.page-projects .logo_col a:after  {
		width: 80px;
		height: 80px;
	}
}

