@charset "UTF-8";
/*
Theme Name: Australia Glass Brisbane Custom Template
Theme URI: http://www.australiaglassbrisbane.com.au
Author: OnePoint Software Solutions
Author URI: https://onepointsolutions.com.au
Description: This is Australia Glass Brisbane's custom blank template for Wordpress. The blank theme includes what is common to all Wordpress powered Websites with the addition of a custom functionality and Bootstrap framework + styling.
Version: 1.0.0

Australia Glass Brisbane Custom Template
http://www.australiaglassbrisbane.com.au
*/

/**
 * 	Copyright (c) OnePoint Software Solutions (http://onepointsolutions.com.au)
 * 	Licensed under the MIT license. http://www.opensource.org/licenses/mit-license.php
 */
 

@import url("includes/woo-styling.css") screen;



html,body,div,span,object,iframe,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,var,fieldset,form,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,dialog,figure,footer,header,hgroup,menu,nav,section,time,mark,audio,video, p, h1, h2, h3, h4, h5, h6, input, ul, ol, li { padding: 0px; margin: 0px; }

p, h1, h2, h3, h4, h5, h6 { padding-bottom: 10px; } 

h1 { font-size: 20px; } 
h2 { font-size: 18px; } 
h3 { font-size: 16px; } 
h4 { font-size: 14px; } 
h5 { font-size: 12px; } 
h6 { font-size: 10px; } 

.alignleft { float: left; margin-right: 10px; }
.alignright { float: right; margin-left: 10px; }  
.aligncenter {display:block; margin-left:auto; margin-right:auto;}

.clear {clear: both;}

a{outline:none !important;}
.red{color:#F00;}
.wrap{max-width: 1380px; margin-left: auto; margin-right: auto;}

html body div.wprm-wrapper{overflow: hidden;}

#wprmenu_bar .menu_title a {
    display: inline-block;
    position: relative;
    top: 0px !important;
    color: #FFF !important;
}



/*
List of divs in the custom theme
Note that this list does not include the dynamically generated ids and classes, such as the body classes, the post ids, etc
*/

body{
	background: #FFF;
	color: #222;
	font-family: "Helvetica Neue", Helvetica, "Trebuchet MS", Arial, Verdana, Tahoma, "DejaVu Sans", "Liberation sans", "Bitstream Vera Sans", sans-serif;
}

/* ------------------ HEADER ------------------ */


#header{width:100%; height: auto; background: #fff; position: fixed; z-index: 20;
-webkit-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.4);
-moz-box-shadow:    0px 0px 25px 0px rgba(0, 0, 0, 0.4);
box-shadow:         0px 0px 25px 0px rgba(0, 0, 0, 0.4);}

#header #headertop{width:100%; height: 40px; background: #222; font-size: 12px; line-height: 40px; padding: 0; color: #EEE; visibility: visible; opacity: 1; transition: all ease 0.3s;}
#header #headertop a{color:#EEE; text-decoration: none;}
#header #headertop .topleft{float:right; transition: all ease 0.3s;}
#header #headertop .topleft .toptext{padding-left: 20px;}

#header #headertop .topleft .fas{margin-right: 3px; height: 16px !important; width: 16px !important; color: #39b46f;}

#header #headertop .topright{float:right; transition: all ease 0.3s;}
#header #headertop .topright .fas{margin-right: 0px; height: 16px !important; width: 16px !important; color: #39b46f;}


#header #headerbottom{width:100%; height: 90px; transition: all ease 0.4s; position: relative;}


/*#header #headerlogo{height: auto; width: 165px; float: left; margin: 5px 0px 0px 0px;}*/
#header #headerlogo{height: auto; width: 245px; float: left; margin: -44px 0px 0px 0px; padding: 14px 10px 10px 10px; background: #FFF; transition: all ease 0.3s;
}


#header.shrink #headerlogo{padding: 0; width: 165px;  margin: 5px 0px 0px 0px;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;}



#header #headernav{height: 90px; float: right;}
#header #headernav ul {list-style: none;}
#header #headernav ul li{display: block; float: left; list-style-type: none; position: relative; border-right: 1px solid #EEE;}
#header #headernav ul li a{line-height: 90px; padding: 0 25px; display: block; text-decoration: none; font-family: 'Sintony', sans-serif; color: #222; position: relative;}

#header #menu-item-18 a{border-left: 1px solid #EEE;}

#header #headernav ul li a:hover{background: #F6F6F6;}


#header #headernav ul li.current-menu-item a{color:#2e7d32;}

#header #headernav ul li:hover > ul {
    visibility: visible; opacity: 1;
}


#header #headernav ul ul::before{
width: 0;
height: 0;
border-style: solid;
border-width: 0 10px 10px 10px;
border-color: transparent transparent #EEE transparent;
position: absolute; z-index: 10; top: 0; left: 50%; margin-left: -10px; margin-top: -10px;
content:"";
}
#header #headernav ul ul{position: absolute; z-index: 9; width: 260px; left: 50%; margin-left: -130px; visibility: hidden; opacity: 0; background: #eee; padding: 2px 2px 0px 2px;
    -webkit-transition: all .25s ease;
	-moz-transition: all .25s ease;
	-ms-transition: all .25s ease;
	-o-transition: all .25s ease;
	transition: all .25s ease;
-webkit-box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.3);
-moz-box-shadow:    0px 10px 10px 0px rgba(0, 0, 0, 0.3);
box-shadow:         0px 10px 10px 0px rgba(0, 0, 0, 0.3);}
#header #headernav ul ul li{display: block; float: none; background: #FFF; margin-bottom: 2px; border-right: none;}
#header #headernav ul ul li a{padding: 12px 15px !important; line-height: 14px !important; font-size: 14px !important; color: #333; transition: all ease 0.3s; border-right: none; position: relative;}

#header #headernav ul ul li a:hover{background:#EEE; color: #222;}

#header #headernav ul ul ul{margin-left: 130px !important; top: 0;}
#header #headernav ul ul ul::before{display: none;}
#header #headernav ul ul ul li{}
#header #headernav ul ul ul li a{}


#header #mobileheaderright{display: none; float: right; text-align: right;}
#header #mobileheaderright .btn-group{display: block !important; float: right !important; margin: 0 !important;}
#header #mobileheaderright .btn-group.show{position: static;}

#header #mobileheaderright button.dropdown-toggle{background:#FFF; line-height: 90px; padding: 0 25px; color: #222; border-top:none !important; border-bottom:none !important; margin: 0px; font-size: 24px !important;
-webkit-border-radius: 0px !important;
-moz-border-radius: 0px !important;
border-radius: 0px !important;}





#header #mobileheaderright button.btn:focus{box-shadow: none !important;}

#header #mobileheaderright button.accountbtn{border-left:none !important; border-right:1px solid #EEE;}
#header #mobileheaderright button.cartbtn{border-left:1px solid #EEE; border-right:1px solid #EEE;}
#header #mobileheaderright button.dropdown-toggle::after{display: none !important;}


#header #mobileheaderright .btn-group.show .dropdown-menu {display: table; width: 100%; text-align: center; left: 0; right: 0; margin-left: -5px; margin-top: 0px; border: 1px solid #000; background: #111; padding: 15px 15px 5px 15px;
-webkit-border-radius: 0px !important;
-moz-border-radius: 0px !important;
border-radius: 0px !important;}

#header #mobileheaderright a.dropdown-item{padding: 20px 15px !important; line-height: 14px !important; font-size: 14px !important; display: block; margin-bottom: 10px;
-webkit-border-radius: 5px !important;
-moz-border-radius: 5px !important;
border-radius: 5px !important;}
#header #mobileheaderright a.cartlink{background:#43a047; color:#FFF;}
#header #mobileheaderright a.checkoutlink{background:#2e7d32; color:#FFF;}
#header #mobileheaderright a.accountlink{background:#39b46f; color:#FFF;}



#header #mobileheaderright a{display: block; text-decoration: none; font-family: 'Sintony', sans-serif; color: #444; padding: 5px 5px 5px 0px;}







.mobilecartcontents{}

#header.shrink #headertop{height:0px;  visibility: hidden; opacity: 0;}



/* ------------------ FOOTER ------------------ */

#footer {width:100%; height: auto; padding-top: 80px; padding-bottom: 30px; background: #111;} 

#footer h3{font-family: 'Sintony', sans-serif; color: #FFF; font-size: 22px; padding-bottom: 40px; font-weight: 500;}

#footer ul{list-style: none; margin: 0; padding: 0px 10px 0px 0px;}
#footer ul li{list-style-type: none; display: block; margin-left: 0; padding-left: 0; margin-bottom: 8px;}
#footer ul li a{display: block; color: #BBB; padding-bottom: 4px; text-decoration: none; transition: all ease 0.3s; font-size: 14px;}

#footer ul li a:hover{padding-left: 5px; color: #FFF;}
#footer ul li a:focus{padding-left: 5px; color: #FFF;}

#footer .footercontact .fas{width:30px;}
#footer .footercols{margin-bottom:25px;}

#footer .footercontact .addressdetails {display: block; color: #BBB; font-size: 14px; position: relative; padding-left: 35px;margin-bottom: 20px;}
#footer .footercontact .addressdetails .fas {width: 20px; color: #39b46f; position: absolute; left: 0; top: 0; text-align: left; font-size: 20px; margin-top: 5px;}

#footer .footercontact .poboxdetails {display: block; color: #BBB; font-size: 14px; position: relative; padding-left: 35px;margin-bottom: 20px;}
#footer .footercontact .poboxdetails .fas {width: 20px; color: #39b46f; position: absolute; left: 0; top: 0; text-align: left; font-size: 20px; margin-top: 5px;}


#footer .footercontact .phonedetails {display: block; color: #BBB; font-size: 14px; position: relative; padding-left: 35px; margin-bottom: 25px;}
#footer .footercontact .phonedetails .fas {width: 20px; color: #39b46f; position: absolute; left: 0; top: 0; text-align: left; font-size: 20px;}

#footer .footercontact .faxdetails {display: block; color: #BBB; font-size: 14px; position: relative; padding-left: 35px; margin-bottom: 25px;}
#footer .footercontact .faxdetails .fas {width: 20px; color: #39b46f; position: absolute; left: 0; top: 0; text-align: left; font-size: 20px;}


#footer a{color: #BBB; text-decoration: none; font-size: 14px;}

#footer p{display: block; color: #BBB; padding-bottom: 8px; text-decoration: none; transition: all ease 0.3s; font-size: 14px;}

#footer .footertop{display: block; padding-bottom: 30px; border-bottom:1px solid #444; margin-bottom: 40px;}
#footerlogo{float: none; width: 140px; padding-top: 0px; margin-bottom: 25px;}
#footerlogo img{max-width: 100%; height: auto;}
#footer .footersocial{width:226px; float: right; height: auto; background: none; text-align: right; padding-top: 20px;}
#footer .footersocial ul{}
#footer .footersocial ul li{display: inline-block !important; margin-left: 10px;}
#footer .footersocial ul li a{border-bottom:none !important; font-size: 32px; transition: all ease 0.3s;}
#footer .footersocial ul li a:hover{padding-left: 5px; color: #FFF;}
#footer .footersocial ul li a:focus{padding-left: 5px; color: #FFF;}


#footer .footerbottom{height:1px; width: 100%; background: #333;}

#footer .footerpaymenticons{text-align: left; font-size: 48px; color: #666; padding-top: 20px;}
#footer .footersocialicons{text-align: right; font-size: 42px; color: #666; padding-top: 20px;}
#footer .footersocialicons .fab{color: #666; font-size: 34px; margin-left: 5px;}

p.copy{font-size: 11px; color: #DDD; text-align: center; padding: 30px; background: #000; width: 100%;}
p.copy a{color:#DDD; text-decoration: none;}





/* ------------------ GENERAL STYLING ------------------ */

.main{padding: 90px 0px 80px 0px;}

#pagetitle{background:#031266; width: 100%; height: auto; padding-top: 210px; padding-bottom: 90px; position: relative; background-position: center right !important; background-size: cover !important; display: block; position: relative;}
#pagetitle h1{color: #FFF; font-size: 48px; line-height: 48px; font-weight: 500; position: relative; z-index: 3; text-shadow: 0px 0px 30px rgba(0, 0, 0, 0.5); font-family: 'Sintony',sans-serif; display: inline-block; padding: 0px; z-index: 2;}

#pagetitle .banneroverlay{background:rgba(0,125,67,0.80); width: 100%; height: 100%; z-index: 1; position: absolute; top: 0; left: 0;}

article img{max-width: 100%; height: auto;}

article.page-content{}
article.page-content h1{font-family: 'Sintony',sans-serif; font-size: 28px; margin-bottom: 10px;}
article.page-content h2{font-family: 'Sintony',sans-serif; font-size: 24px; margin-bottom: 10px;}
article.page-content h3{font-family: 'Sintony',sans-serif; font-size: 20px; margin-bottom: 10px;}
article.page-content h4{font-family: 'Sintony',sans-serif; font-size: 16px; margin-bottom: 10px;}
article.page-content h5{font-family: 'Sintony',sans-serif; font-size: 14px; margin-bottom: 10px;}

article.page-content p{font-size: 16px; line-height: 24px; padding-bottom: 20px !important;}

article.page-content ul{margin-left: 20px; margin-bottom: 5px;}
article.page-content ul li{}


article.page-content ol{margin-left: 20px; margin-bottom: 5px;}
article.page-content ol li{font-size: 16px; line-height: 24px;}

article.page-content a{color:#333;}
article.page-content a:hover, article.page-content a:focus{color:#39b46f;} 

article.page-content .form-divider{width: 100%; height: 1px; background: #FFF; border-bottom: 2px dashed #DDD; display: block; margin-top: 30px; margin-bottom: 35px;}

article.page-content .form-group{}
article.page-content .form-group label{width: 100%; display: block; font-size: 13px;}
article.page-content .form-group label .label-small{font-size: 12px;}
article.page-content .form-control{height: 45px; font-size: 14px;
-webkit-border-radius: 0px !important;
-moz-border-radius: 0px !important;
border-radius: 0px !important;}

article.page-content .form-control:focus{border:1px solid #2e7d32;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(46, 125, 50, 0.25) !important;
    -moz-box-shadow:    0px 0px 5px 0px rgba(46, 125, 50, 0.25) !important;
    box-shadow:         0px 0px 5px 0px rgba(46, 125, 50, 0.25) !important;
}

article.page-content .wpcf7-textarea{height:160px !important;}


article.page-content span.wpcf7-list-item {
    display: inline-block;
    margin: 10px 0px;
    width: 50%;
}


article.page-content .wpcf7-submit{background: #39b46f; color: #FFF; font-size: 20px; font-family: 'Sintony',sans-serif; padding: 20px 25px; border: none; transition: all ease 0.3s; cursor: pointer;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;}

article.page-content .wpcf7-submit:hover, article.page-content .wpcf7-submit:focus{opacity: 0.9;}

.main-third{background: url('images/grey-third-bg.jpg') repeat-y; background-position: center !important;}

.third-content-col{padding: 80px 60px 80px 15px; text-align: justify;}
.third-sidebar-col{background:#F6F6F6; padding: 80px 15px 80px 60px;}








/* ------------------ GRAVITY FORMS ------------------ */

label.gfield_label{font-weight: normal !important; font-size: 13px !important; text-transform: uppercase !important; margin-bottom: 5px !important;}

.ginput_container{margin-top: 0px !important;}


.ginput_container_text input{border: 1px solid #CCC !important; height: 45px !important;}
.ginput_container_email input{border: 1px solid #CCC !important; height: 45px !important;}

span.gfield_required{color: #F00 !important;}

textarea.textarea{border: 1px solid #CCC !important; height: 140px !important;}

.ginput_container_date input.datepicker{width: 100% !important;}

.gform_wrapper .gform_footer input[type="submit"]{background: #39b46f !important; color: #FFF !important; font-size: 20px !important; font-family: 'Sintony',sans-serif !important; padding: 20px 25px !important; border: none !important; transition: all ease 0.3s !important; cursor: pointer !important;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;}

.gform_footer{padding: 15px 0 10px 0 !important; margin: 0 !important;}

body .gform_wrapper ul li.gfield{margin-top: 0px !important; margin-bottom: 15px !important;}

body .gform_wrapper{margin-top: 0px !important;}


#sidebar .sidebarform li.gfield{padding-right: 0px !important;}

#sidebar .sidebarform .gform_footer input[type="submit"]{font-size: 16px !important; width: 100% !important;}



#home-contactform  li.gfield{padding-right: 0px !important; margin-bottom: 0px !important;}
#home-contactform .gform_footer input[type="submit"]{font-size: 16px !important; width: 100% !important; background: #222 !important; color:#FFF !important;}
#home-contactform  label.gfield_label{color:#FFF !important;}

article.page-content h2.free-quote-divider-heading{display: block; width: 100%; border-top: 3px dashed #DDD; padding-top: 30px; margin-top: 30px;}




/* ------------------ SELECT2 OVERRIDES PAGE ------------------ */

.select2-container{height:45px !important; width: 100% !important;  }
.select2-selection--single{height:45px !important; line-height: 45px !important; border: 1px solid #CCC !important; outline: none !important;
-webkit-border-radius: 0px !important;
-moz-border-radius: 0px !important;
border-radius: 0px !important;}
.select2-selection__arrow{height:45px !important; right: 10px !important;}

.select2-selection__rendered{line-height:45px !important;}
.select2-search{display: none;}


.select2-selection--single:focus{border:1px solid #2e7d32 !important;
-webkit-box-shadow: 0px 0px 10px 0px rgba(49, 185, 193, 0.2);
-moz-box-shadow:    0px 0px 10px 0px rgba(49, 185, 193, 0.2);
box-shadow:         0px 0px 10px 0px rgba(49, 185, 193, 0.2);
}



.select2-container--default .select2-results__option--highlighted[aria-selected] {background-color: #39b46f !important; color: white;}
.select2-container .select2-search{display: none !important;}


/* ------------------ HOME PAGE ------------------ */

#homeslider{position: relative; width: 100%; height: auto; background: #222;}

.buttonscrolldown{display: block; height: 50px; width: 29px; position: absolute; bottom: 20px; left: 50%; margin-left: -15px; background: url('images/scrolldown.png') no-repeat; background-size: cover; z-index: 999999999; cursor: pointer;}


#home-cta-blocks{background:#39b46f; width: 100%; height: auto; position: relative;}

#home-cta-blocks .cta-top-bar-overlay{width: 100%; height: 10px; background: rgba(255,255,255,0.1); left: 0; top: 0; position: absolute;}
#home-cta-blocks .cta-low-bar-overlay{width: 100%; height: 10px; background: rgba(255,255,255,0.1); left: 0; bottom: 0; position: absolute;}

#home-cta-blocks .cta-block{padding: 60px 20px; color: #FFF; text-align: center; border-right: 1px solid; border-color: rgba(0,0,0,0.1);}
#home-cta-blocks .blocktitle{font-size: 20px; display: block; padding-bottom: 20px; margin: 0;}
#home-cta-blocks .blockicon{font-size: 50px; display: block; margin-bottom: 10px; text-align: center;}
#home-cta-blocks .blockcontent{font-size: 16px; display: block; max-width: 320px; margin-left: auto; margin-right: auto;}




#home-welcome{background: #F6F6F6;}

#home-welcome h1{font-family: 'Sintony',sans-serif; font-weight: bold; font-size: 38px; text-align: left;}
#home-welcome h2{font-family: 'Sintony',sans-serif; font-weight: bold; font-size: 26px; text-align: left;}



#home-welcome .home-feature-wrap{padding: 25px 25px 25px 10px; background: #FFF; margin-bottom: 30px;
-webkit-box-shadow: 0px 0px 14px 0px rgba(0, 0, 0, 0.1);
-moz-box-shadow:    0px 0px 14px 0px rgba(0, 0, 0, 0.1);
box-shadow:         0px 0px 14px 0px rgba(0, 0, 0, 0.1);
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;}

#home-welcome .home-feature-wrap .blockicon{display: inline-block; float: left; width: 30%; font-size: 42px; color: #39b46f; text-align: center;}
#home-welcome .home-feature-wrap .feature-desc{display: inline-block; float: right; width: 70%;}

#home-welcome .home-feature-wrap h2{font-size: 18px; line-height: 28px;}

#home-welcome .home-feature-wrap h3.blockcontent{font-weight: normal; font-size: 14px; line-height: 22px;}


#home-welcome .content-col{text-align: justify; padding-right: 40px;}
#home-welcome .home-feature-col{padding-left: 40px;}

#home-projects{background: #FFF; position: relative;}

#home-projects::before{position: absolute; left: 50%; margin-left: -75px; top: 0; margin-top: -1px; z-index: 5; content: "";
width: 0;
height: 0;
border-style: solid;
border-width: 23px 75px 0 75px;
border-color: #F6F6F6 transparent transparent transparent;
}


#home-projects h2.fancytitle{text-align: center; font-size: 48px; margin-bottom: 80px; padding: 0; display: block; font-family: 'Sintony',sans-serif; font-weight: bold;}

#home-projects .projectcard{ transition: all ease 0.3s; margin-bottom: 30px;
-webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);
-moz-box-shadow:    0px 0px 15px 0px rgba(0, 0, 0, 0.1);
box-shadow:         0px 0px 15px 0px rgba(0, 0, 0, 0.1);}
#home-projects .projectcard .post-featured-image{position: relative; overflow: hidden; transition: all ease 0.3s;}
#home-projects .projectcard .post-featured-image img{max-width: 100%; height: auto; transition: all ease 0.3s;}
#home-projects .projectcard:hover .post-featured-image img{transform: scale(1.10);}

#home-projects .projectcard .card-body{padding: 20px; text-align: center;}

#home-projects .projectcard .card-body h2 a{color:#222; text-decoration: none; display: block; margin-bottom: 10px; font-family: 'Sintony',sans-serif; font-weight: bold;}

#home-projects .projectcard .card-body a.readmorebutton{color:#222; text-decoration: none; text-transform: uppercase; font-size: 12px;}

#home-products{background: #F6F6F6;}










#home-services{background: #F6F6F6; padding-bottom: 160px !important; position: relative;}

#home-services::before{position: absolute; left: 50%; margin-left: -75px; top: 0; margin-top: -1px; z-index: 5; content: "";
width: 0;
height: 0;
border-style: solid;
border-width: 23px 75px 0 75px;
border-color: #FFF transparent transparent transparent;
}

#home-services h3.fancytitle{text-align: center; font-size: 48px; margin-bottom: 80px; padding: 0; display: block; font-family: 'Sintony',sans-serif; font-weight: bold;}


#home-services .tilerow{margin-left: -5px; margin-right: -5px; }

#home-services .tilecol{padding-left: 5px; padding-right: 5px;}


#home-services .servicetile{width:100%; height: 350px; background: #F6F6F6; position: relative; transition: all ease 0.3s; overflow: hidden; margin-bottom: 10px; display: block; cursor: pointer;}

#home-services .servicetile .tile-overlay{position: absolute; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.1); z-index: 7; opacity: 1; transition:all ease 0.3s; opacity: 1;}

#home-services .servicetile:hover .tile-overlay{opacity: 0;}

.servicetile .tile-title{position: absolute; z-index: 6; color: #FFF; text-align: center; width: 100%; height: 28px; left: 0; margin-left: 20px; bottom: 0; margin-bottom: 20px; z-index: 8;}
.servicetile .tile-title h2{color:#FFF; font-size: 28px; text-align: left; text-decoration: none; font-weight: 500; text-shadow: 0px 0px 7px rgba(0, 0, 0, 1);font-family: 'Sintony',sans-serif; padding: 0; margin: 0;}

.servicetile .tile-link{position: absolute; width: 100%; height: 100%; display: block; z-index: 5; background:rgba(0,0,0,0.10);}

.servicetile .tile-image{transition: all ease 0.3s; overflow: hidden !important; position: absolute; width: 100%; height: 100%; z-index: 3;}
.servicetile .tile-image img{width: 100%; height: 100%; position: absolute; transition: all ease 0.3s; left: 0;}
.servicetile:hover img {
    -webkit-transform: scale(1.2) rotate(5deg);
    transform: scale(1.2) rotate(5deg);
}

#home-services .servicetile:hover .tileoverlay{opacity: 0;}





#home-contact{width: 100%; height: auto; background: url('images/home-contact-bg.jpg)') no-repeat; background-position: center; background-size: cover;/*#2e7d32*/ ; position: relative; padding: 0px !important;}



#home-contactform::before{
    -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  width: 100%;
  height: 125px;
  border: none;
  -webkit-border-radius: 5px 5px 0 0;
  border-radius: 5px 5px 0 0;
  font: normal 16px/1 "Times New Roman", Times, serif;
  color: black;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  background: #39b46f;
  -webkit-transform:    skewY(5deg);
  transform:    skewY(5deg);
    position: absolute;
    content:"";
    top: 0;
    margin-top: -60px;
    left: 0;
    z-index: 5;
    
}

#home-contactform{position: relative; left: 0; top: 0; width: 420px; height: 100%; background: #39b46f; padding: 20px 50px; float: left;
-webkit-box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.45);
-moz-box-shadow:    0px 10px 20px 0px rgba(0, 0, 0, 0.45);
box-shadow:         0px 10px 20px 0px rgba(0, 0, 0, 0.45);}

#home-contactform .home-contact-form-layer{position: relative; z-index: 10;}

#home-contactform h2{font-size: 32px; color: #FFF; font-family: 'Sintony',sans-serif; font-weight: bold; margin-bottom: 20px;}

#home-contactform .form-control{height: 45px; font-size: 14px;
-webkit-border-radius: 0px !important;
-moz-border-radius: 0px !important;
border-radius: 0px !important;}
#home-contactform .wpcf7-textarea{height:120px !important;}
#home-contactform .wpcf7-submit{background: #222; color: #39b46f; font-family: 'Sintony',sans-serif; width: 100%; display: block; border: none; padding: 15px;
-webkit-border-radius: 5px !important;
-moz-border-radius: 5px !important;
border-radius: 5px !important;}


#home-contact .home-testimonials{padding-left: 520px; padding-top:85px; width:auto; color: #FFF;}

#home-contact .home-testimonials h2.fancytitle{font-size: 42px; text-align: center; font-family: 'Sintony',sans-serif; color: #FFF; font-weight: bold; padding-bottom: 60px;}

#home-contact .home-testimonials .testimonial-wrap{position: relative; padding-left: 20px /*200px*/ ; text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);}

#home-contact .home-testimonials .testimonial-image{position: absolute; width: 160px; height: 100%; top: 0; left: 0;}

#home-contact .home-testimonials .testimonial-image img{max-width: 100%; height: auto;
-webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.4);
-moz-box-shadow:    0px 0px 15px 0px rgba(0, 0, 0, 0.4);
box-shadow:         0px 0px 15px 0px rgba(0, 0, 0, 0.4);
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;}



#home-contact .home-testimonials h2.testimonial-name{font-family: 'Sintony',sans-serif; color: #FFF; font-size: 24px; padding-bottom: 20px; margin: 0;}

#home-contact .home-testimonials h2 .testimonial-company{font-size: 16px; font-style: italic;}
#home-contact .home-testimonials h2 .testimonial-position{font-size: 16px; font-style: italic;}

#home-contact .home-testimonials .testimonial-rating{padding-top: 0px; padding-bottom: 20px;}
#home-contact .home-testimonials .testimonial-rating .fas{color:#fbc02d; font-size: 20px;}



#home-contact .home-testimonials ol.carousel-indicators{bottom: -60px !important;}
#home-contact .home-testimonials ol.carousel-indicators li{width: 20px !important; height: 20px !important;}






/* ------------------ SERVICES PAGE - DOWNLOADS SECTION ------------------ */

.downloads-section{background: #F6F6F6;}
.downloads-section h2.fancytitle{text-align: center; font-size: 48px; margin-bottom: 20px; padding: 0; display: block; font-family: 'Sintony',sans-serif; font-weight: bold;}
.downloads-section h3.subtitle{text-align: center; font-size: 26px; margin-bottom: 80px; padding: 0; display: block; font-family: 'Sintony',sans-serif; font-weight: normal; color: #666;}


.downloads-section .download-tile{position: relative !important; text-align: center; padding: 5px 15px 20px 15px; background: #FFF; margin-bottom: 30px; transition: all ease 0.3s;
-webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);
-moz-box-shadow:    0px 0px 15px 0px rgba(0, 0, 0, 0.1);
box-shadow:         0px 0px 15px 0px rgba(0, 0, 0, 0.1);
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;}

.downloads-section .download-tile:hover, .downloads-section .download-tile:focus{
-webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.2);
-moz-box-shadow:    0px 0px 20px 0px rgba(0, 0, 0, 0.2);
box-shadow:         0px 0px 20px 0px rgba(0, 0, 0, 0.2);
}


.downloads-section .download-tile img{max-width: 100%; height: auto;}
.downloads-section .download-tile a{color: #333 !important; display: block; text-decoration: none;}
.downloads-section .download-tile h3{}
.downloads-section .download-tile p.clicktoexpand{font-size: 11px; color: #333;}




/* ------------------ CONTACT US PAGE ------------------ */



.contact-top-mobile{display: none; margin-bottom: 60px;}
.contact-top-mobile .mobile-contact-item{position: relative; padding-left: 110px; margin-bottom: 30px; display: block;}
.contact-top-mobile .mobile-contact-item .contact-icon{position: absolute; left: 0; background: #39b46f; width: 80px; height: 80px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;}
.contact-top-mobile .mobile-contact-item .contact-icon .fas{font-size: 22px; color: #FFF; line-height: 80px; width: 80px; height: 80px; text-align: center;}
.contact-top-mobile .mobile-contact-item h3{font-size: 22px; font-family: 'Sintony',sans-serif; font-weight: bold; padding-top: 12px; padding-bottom: 5px;}

.contact-top{display: flex; margin-bottom: 80px;}

.contact-top .contact-item{
    display: block;
    padding-right: 30px;
    position: relative;
    /*width: 25%;*/
    width:33%;
    float: left;
    text-align: center;
}

.contact-top .contact-item .contact-icon{background: #39b46f; color: #FFF; border-radius: 100%; width:80px; height: 80px; margin-left: auto; margin-right: auto; text-align: center; z-index: 3; position: relative; margin-bottom: 30px;}
.contact-top .contact-item .contact-icon .fas{color:#FFF; font-size: 30px; line-height: 80px;}

.contact-top .contact-item::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    top: 40px;
    border: 1px dashed #CCC;
    display: block;
    right: 0;
    z-index: 1;
}
.contact-top .contact-item::after {
    right: calc(-50% + 1px);
}

.contact-top .contact-item:last-child::after {
    display: none;
}

.contact-top .contact-item h3{font-size: 22px; font-family: 'Sintony',sans-serif; font-weight: bold;}

.contact-top .contact-item p{}

#contactmap{width: 100%; height: 500px; position: relative;}








/* ------------------ SERVICE PAGE TEMPLATE ------------------ */



#footerctabar{padding:50px 0px; background: #39b46f; color: #FFF; width: 100%; height: auto;}

#footerctabar .left{float: left;}
#footerctabar h2{font-family: 'Sintony',sans-serif; font-size: 32px; padding-bottom: 7px; margin-bottom: 0px; color: #FFF;}
#footerctabar h3{font-family: 'Sintony',sans-serif; font-size: 20px; padding-bottom: 0px; margin-bottom: 0px; color: #FFF;}

#footerctabar a.bookonlinebutton{display:block; margin-top: 3px; float: right; text-align: center; padding: 20px 25px; color: #FFF; text-decoration: none; transition: all ease 0.3s; font-size: 20px; border:2px solid #FFF; cursor: pointer; font-family: 'Sintony',sans-serif;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;}
#footerctabar a.bookonlinebutton:hover, #footerctabar a.bookonlinebutton:focus{background:#FFF; color:#39b46f;}

#footerctabar a.bookonlinebutton .fas{margin-left:5px;}




/* ---------------------------------- FAQ PAGE ------------------------------------- */

.accordion{}
.accordion .accordion-title{background: #FFF; border-bottom: 1px solid #EEE; margin-bottom: 0px; outline: none !important; padding: 20px 40px 20px 0px; cursor: pointer; font-size: 20px; color: #222; font-weight: 500; transition: all ease 0.3s; position: relative;} 
.accordion .accordion-title.open{background:#FFF !important; color: #222 !important;}


.accordion .accordion-title::before{font-family: 'Font Awesome 5 Free'; opacity: 1; content: "\f067"; color: #031266; position: absolute; right: 15px; font-weight: 900;}
.accordion .accordion-title.open::before{opacity: 0;}

.accordion .accordion-title::after{font-family: 'Font Awesome 5 Free'; opacity: 0; content: "\f068"; color: #031266; position: absolute; right: 15px; font-weight: 900;}
.accordion .accordion-title.open::after{opacity: 1;}


.accordion p{display: none;}
.accordion .accordion-content p{padding-bottom: 10px; margin: 0; display: block;}
.accordion .accordion-content{padding:20px 20px 10px 20px; border-left: 1px solid #EEE; border-bottom: 1px solid #EEE; border-right: 1px solid #EEE; margin-bottom: 5px; background: #F8F8F8;}
.accordion .accordion-title:hover{background: #FFF;}








/* ---------------------------------- SINGLE SERVICES PAGE ------------------------------------- */


.servicemain{position: relative;}
.service-content-1{background:#FFF;}
.service-content-2{background:#FFF;}
.service-content-3{background:#FFF;}


.service-content-col-1{padding-right: 60px; padding-top: 100px; padding-bottom: 100px;}
.service-content-col-2{padding-left: 60px; padding-top: 100px; padding-bottom: 100px;}
.service-content-col-3{padding-right: 60px; padding-top: 100px; padding-bottom: 100px;}


.servicemain h2{font-family: 'Sintony',sans-serif; font-size: 28px; margin-bottom: 40px;}
.servicemain p{font-size: 16px; line-height: 24px; padding-bottom: 20px;}

.servicemain ul{margin-left: 20px;}
.servicemain ul li{padding-bottom: 10px;}

#service-gallery{background: #DDD; padding: 80px 10px;}

.service-hero-1{width:50%; position: absolute; right: 0; top: 0; height: 100%; background-position: center !important; background-attachment: scroll !important; background-size: cover !important;}
.service-hero-2{width:50%; position: absolute; left: 0; top: 0; height: 100%; background-position: center !important; background-attachment: scroll !important; background-size: cover !important;}
.service-hero-3{width:50%; position: absolute; right: 0; top: 0; height: 100%; background-position: center !important; background-attachment: scroll !important; background-size: cover !important;}





.service-content-text-left{padding-right: 60px; padding-top: 100px; padding-bottom: 100px;}
.service-content-text-right{padding-left: 60px; padding-top: 100px; padding-bottom: 100px;}


.service-hero-image-right{width:50%; position: absolute; right: 0; top: 0; height: 100%; background-position: center !important; background-attachment: scroll !important; background-size: cover !important;}
.service-hero-image-left{width:50%; position: absolute; left: 0; top: 0; height: 100%; background-position: center !important; background-attachment: scroll !important; background-size: cover !important;}












/* ---------------------------------- SINGLE PROJECT PAGE ------------------------------------- */


.project-info-block{padding: 20px 25px 20px 10px; background: #333; margin-bottom: 30px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: 0px 10px 15px 0px rgba(0, 0, 0, 0.1);
-moz-box-shadow:    0px 10px 15px 0px rgba(0, 0, 0, 0.1);
box-shadow:         0px 10px 15px 0px rgba(0, 0, 0, 0.1);}

.project-info-block .blockicon{display: inline-block; float: left; width: 27%; font-size: 42px; color: #39b46f; text-align: center;}
.project-info-block .feature-desc{display: inline-block; float: right; width: 73%; color: #FFF;}

.project-info-block h2.blocktitle{font-size: 16px; line-height: 60px; margin: 0; padding: 0; color: #FFF; font-family: 'Sintony',sans-serif;}



.project-featured-image{margin-bottom: 40px;}
.project-featured-image img{max-width: 100%; height: auto;
-webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.2);
-moz-box-shadow:    0px 0px 15px 0px rgba(0, 0, 0, 0.2);
box-shadow:         0px 0px 15px 0px rgba(0, 0, 0, 0.2);}

#project-gallery{padding-top: 30px;}
#project-gallery .gallery-row{margin-left: -5px !important; margin-right: -5px !important;}
#project-gallery .gallery-col{padding-left: 5px !important; padding-right: 5px !important;}
a.acfgallerythumb{display: block; width: 100%; height: 200px; background-position: center; background-size: cover !important; margin-bottom: 10px; opacity: 1;}

a.acfgallerythumb:hover, a.acfgallerythumb:focus{opacity: 0.85;}


ul.project-services-list{list-style: none; margin-left: 0px !important; margin-bottom: 30px; display: block;}
ul.project-services-list li{position: relative; padding-left: 30px; list-style-type: none; font-size: 18px; margin-bottom: 20px;}
ul.project-services-list li::before{content:"\f00c"; position: absolute; left: 0; font-family: 'Font Awesome 5 Free';  font-weight: 900; color: #39b46f;}




/* ---------------------------------- TESTIMONIALS PAGE ------------------------------------- */


.testimonial-post-card{margin-bottom: 30px !important; border: 1px solid #EEE;
-webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);
-moz-box-shadow:    0px 0px 15px 0px rgba(0, 0, 0, 0.1);
box-shadow:         0px 0px 15px 0px rgba(0, 0, 0, 0.1);}

.testimonial-post-card .fa-quote-left{color:#CCC; font-size: 26px; position: absolute; left: 0; margin-left: 20px; margin-top: 5px;}
.testimonial-post-card .fa-quote-right{color:#CCC; font-size: 26px; position: absolute; right: 0;}
.testimonial-post-card .testimonial-content-text{position: relative; padding-left: 50px; padding-right: 50px;}

.testimonial-post-card .testimonial-content-text::before{content: "\f10d"; font-family: 'Font Awesome 5 Free'; font-weight: 900; position: absolute; left: 0; top: 0; color: #CCC; font-size: 20px;}
.testimonial-post-card .testimonial-content-text::after{content: "\f10e"; font-family: 'Font Awesome 5 Free'; font-weight: 900;position: absolute; right: 0; bottom: 0;  margin-bottom:12px; color: #CCC; font-size: 20px;}

.testimonial-post-card h2{margin-bottom: 0px; padding-bottom: 0px; padding-top: 10px;}


/* ---------------------------------- SIDEBAR ------------------------------------- */

#sidebar .sidebarmenu ul.menu{margin: 0; list-style: none; margin-bottom: 30px;
-webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
-moz-box-shadow:    0px 0px 20px 0px rgba(0, 0, 0, 0.1);
box-shadow:         0px 0px 20px 0px rgba(0, 0, 0, 0.1);}
#sidebar .sidebarmenu ul.menu li{display: block; list-style-type: none; margin-bottom: 2px;}
#sidebar .sidebarmenu ul.menu li a{display: block; position: relative; background: #FFF; padding: 15px 20px; text-decoration: none; color: #222; font-weight: 500; transition: all ease 0.3s; text-transform: uppercase;}

#sidebar .sidebarmenu ul.menu li a::after{position: absolute; right: 15px; content: "\f105"; font-weight: 900; font-family: "Font Awesome 5 Free" }
#sidebar .sidebarmenu ul.menu li a:hover, #sidebar .sidebarmenu ul.menu li a:focus{background: #F6F6F6; color: #222; padding-left: 25px;}
#sidebar .sidebarmenu ul.menu li.current-menu-item a{background:#0d47a1; color: #FFF;}

.sidebarmap{width: 100%; height: 350px; margin-bottom: 30px; border: 1px solid #EEE;}

#sidebar .sidebarform{background:#FFF; padding: 120px 30px 10px 30px; position: relative; margin-bottom: 30px;
-webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
-moz-box-shadow:    0px 0px 20px 0px rgba(0, 0, 0, 0.1);
box-shadow:         0px 0px 20px 0px rgba(0, 0, 0, 0.1);}

#sidebar .sidebarform h3{display: block; width: 100%; padding: 30px; position: absolute; font-size: 24px; line-height: 24px; color: #FFF; top: 0; left: 0; background: #1b9153; font-family: 'Sintony',sans-serif;}

#sidebar .sidebarform .form-group{}
#sidebar .sidebarform .form-group label{font-size: 13px !important; margin-bottom: 0px !important;}

#sidebar .sidebarform .form-control{height:50px; font-size: 14px;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;}


.form-control:focus{
-webkit-box-shadow: 0px 0px 10px 0px rgba(3, 18, 102, 0.2);
-moz-box-shadow:    0px 0px 10px 0px rgba(3, 18, 102, 0.2);
box-shadow:         0px 0px 10px 0px rgba(3, 18, 102, 0.2);
}


#sidebar .sidebarform .wpcf7-submit {
    background: #39b46f;
    border: none;
    display: block;
    width:100%;
    color: #FFF;
    text-align: center;
    cursor: pointer;
    padding: 20px 30px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font-size: 18px;
}

#sidebar .sidebarform .wpcf7-textarea{height:120px !important;}

a.sidebar-cta-button{display: block; background: #39b46f; position: relative; margin-bottom: 30px;}
a.sidebar-cta-button .icon{display: block; background:#1b9153; position: absolute; left: 0; top:0; width: 80px; height: 100%;}
a.sidebar-cta-button .fas{position: absolute; top: 50%; margin-top: -15px; font-size: 30px; height: 30px; color: #FFF; width: 100%; text-align: center;}
a.sidebar-cta-button .content-text{color:#FFF; font-size: 22px; padding-left: 130px; display: block; font-family: 'Sintony',sans-serif; padding-top: 20px; padding-bottom: 20px;}

a.sidebar-cta-button .icon::after{content:""; position: absolute; right: 0; top: 50%; margin-top: -5px; margin-right: -10px; width: 0; height: 0; border-style: solid; border-width: 10px 0 10px 10px; border-color: transparent transparent transparent #1b9153;}


.sidebar-map{width: 100%; height: 350px; position: relative;}


/* ---------------------------------- SERVICES ARCHIVE ------------------------------------- */


.service-list-link {
    display: block;
    border-bottom: 1px solid #EEE;
    transition: all ease 0.3s;
}

.service-list-link h2{font-size:24px; font-family: 'Sintony',sans-serif;}

.service-list-link h2 a {
    display: block;
    color: #333;
    padding: 20px 30px 20px 0px;
    position: relative;
    transition: all ease 0.3s;
    color: #031266;
    text-decoration: none;
}

.service-list-link h2 a::after {
    position: absolute;
    right: 0px;
    content: "\f002";
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    color: #CCC;
    transition: all ease 0.3s;
}

.service-list-link:hover h2 a::after {
    color: #333;
}


.services-archive .oldernewer{margin-top:30px;}






/* ---------------------------------- RECENT PROJECTS ------------------------------------- */

.recentprojectcard{ transition: all ease 0.3s; margin-bottom: 30px;
-webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);
-moz-box-shadow:    0px 0px 15px 0px rgba(0, 0, 0, 0.1);
box-shadow:         0px 0px 15px 0px rgba(0, 0, 0, 0.1);}
.recentprojectcard .post-featured-image{position: relative; overflow: hidden; transition: all ease 0.3s;}

.recentprojectcard .post-featured-image a.recentprojectcard-overlaylink{position: absolute; width: 100%; height: 100%; left: 0; top: 0; display: block; z-index: 4;}

.recentprojectcard .post-featured-image img{max-width: 100%; height: auto; transition: all ease 0.3s; position: relative; z-index: 3;}
.recentprojectcard:hover .post-featured-image img{transform: scale(1.10);}

.recentprojectcard .card-body{padding: 20px;}
.recentprojectcard .card-body .card-content{text-align: justify; font-size: 15px; padding-bottom: 10px;}
.recentprojectcard .card-body h2{padding-top: 10px;}
.recentprojectcard .card-body h2 a{color:#222; text-decoration: none; display: block; margin-bottom: 10px; font-family: 'Sintony',sans-serif; font-weight: bold;}

.recentprojectcard .card-body a.readmorebutton{color:#222; text-decoration: none; font-size: 18px; float: right; font-family: 'Sintony',sans-serif;}


.recentprojectcard .read-more{display: none;}









/* ---------------------------------- MY ACCOUNT ------------------------------------- */

#customer_login{}
#customer_login col-1{}
#customer_login col-2{}

#customer_login h2{font-family: 'Sintony',sans-serif; font-size: 32px; display: block; padding-bottom: 30px; margin-bottom: 30px; border-bottom: 1px dotted #CCC;}

#customer_login .woocommerce-form-login{margin:0px; border: none; padding: 0px;}
#customer_login .woocommerce-form-login button.woocommerce-Button{display: block; width: 100%; padding: 20px; background: #38b46e; color: #FFF; font-family: 'Sintony',sans-serif; font-weight: normal; margin-bottom: 20px;}

#customer_login .woocommerce-form-register{margin:0px; border: none; padding: 0px;}
#customer_login .woocommerce-form-register p{margin-bottom:18px;}
#customer_login .woocommerce-form-register button.woocommerce-Button{display: block; width: 100%; padding: 20px; background: #38b46e; color: #FFF; font-family: 'Sintony',sans-serif; font-weight: normal; margin-bottom: 20px;}





nav {
		
}
	

#content {
	
}


	article {
		
	}
		.featured-thumbnail {
			
		}
		.post-content {
			
		}
			.pagination {
				
			}
	.post-meta {
		
	}
	.post-navigation {
		
	}



.page {
	
}
	#page-content {
		
	}
	#page-meta {
		
	}

.post {
	
}
	.postContent {
		
	}
	.post-excerpt {
		
	}

nav.oldernewer {
	
}
	.older {
		
	}
	.newer {
		
	}

.search {
	
}

.author {
	
}
#recent-author-posts {
	
}
#recent-author-comments {
	
}

#error404 {
	
}

#sidebar {
	
}
	#widgit-sidebar {
		
	}
		#sidebar-search {
			
		}
		#sidebar-nav {
			
		}
		#sidebar-archives {
			
		}
		#sidebar-meta {
			
		}
		.widgit {
			
		}

#footer {
	
}
	#widgit-footer {
		
	}
	#footer-nav {
		
	}
	
.no-results {
	
}

.widgit-area {
	
}

@media (max-width: 1400px) {

    #home-welcome .content-col{text-align: left !important;}
    .wrap{padding-left: 15px; padding-right: 15px;}
}

@media (max-width: 1200px) {
    .container-fluid{padding-left: 30px !important; padding-right: 30px !important;}
    
    #home-contactform{width:370px;}
    #home-contactform h2{font-size: 26px;}
    #home-contact .home-testimonials {padding-left: 410px;}
    #home-contact .home-testimonials .testimonial-image{width:125px;}
    /*#home-contact .home-testimonials .testimonial-wrap{padding-left: 155px;}*/
    
}



@media (max-width: 1024px) {
	
    
    
}

@media (max-width: 991px) {
    .third-content-col{padding-right: 15px !important; padding-top:60px; padding-bottom: 50px; text-align: left;}
    .third-sidebar-col{padding-left: 15px !important; padding-top:60px; padding-bottom: 50px;}
    
    #home-welcome .content-col{padding-bottom: 30px !important;}
    .home-feature-col{padding-left: 15px !important;}
    
    
    .service-content-col-1{padding-right: 15px;}
    .service-content-col-2{padding-left: 15px;}
    .service-content-col-3{padding-right: 15px;}
    
    .service-hero-1{width:100%; height: 640px; position: relative;}
    .service-hero-2{width:100%; height: 640px; position: relative;}
    .service-hero-3{width:100%; height: 640px; position: relative;}
    
    
    
    
    .service-hero-image-right{width:100%; height: 640px; position: relative; padding-left: 15px;}
    .service-hero-image-left{width:100%; height: 640px; position: relative; padding-right: 15px;}
    
    

    .service-content-text-left{padding-right: 15px; padding-top: 70px; padding-bottom: 60px;}
    .service-content-text-right{padding-left: 15px; padding-top: 70px; padding-bottom: 60px;}
    
    
    
    #home-contact .home-testimonials h2.fancytitle{font-size: 34px; padding-bottom: 20px;}
    
    
    #home-contactform {width: 340px; padding: 20px 30px;}
    #home-contact .home-testimonials {padding-left: 375px;}
    #home-contact .home-testimonials .testimonial-image{width:100px; position: relative; display: none;}
    #home-contact .home-testimonials .testimonial-wrap{padding-left: 0px !important;}
    
    .productgridleftcol {padding-left: 0px !important;}
    .paymenticonblock{display: none !important;}
    
    .contact-top{display: none;}
    .contact-top-mobile{display: block;}
    
    .sidebartoggle{display: block !important; margin-bottom: 30px;}
    .shop-filters .collapse-content{display: none !important;}
    .shop-filters .collapse-content.show{display: block !important; padding-top:20px;}
	
    
    #header #headerlogo{height: auto; width: 165px; float: left; margin: 5px 0px 0px 0px; padding: 0px; background: #FFF;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    }
    
    
}


@media (max-width: 945px) {
	
}

@media (max-width: 920px) {
    .woocommerce div.product div.summary{padding-left: 20px !important;}
}


@media (max-width: 890px) {
	
}



@media (max-width: 860px) {
    
    .container-fluid{padding-left: 15px !important; padding-right: 15px !important;}
    
    #header{position: absolute !important;}
    #header #headertop{display: none;}
    #header #headernav{display: none;}
    #header #mobileheaderright{display: block;}
    #pagetitle{padding-top: 170px;}
    
    
    .service-hero-1{width:100%; height: 600px; position: relative;}
    .service-hero-2{width:100%; height: 600px; position: relative;}
    .service-hero-3{width:100%; height: 600px; position: relative;}
    #home-services .tilecol {padding-left: 10px !important; padding-right: 10px !important;}
    #home-services .servicetile{margin-bottom: 20px;}
}


@media (max-width: 830px) {
    
    .service-hero-1{width:100%; height: 500px; position: relative;}
    .service-hero-2{width:100%; height: 500px; position: relative;}
    .service-hero-3{width:100%; height: 500px; position: relative;}
    
    
    .service-hero-image-right{width:100%; height: 500px; position: relative;}
    .service-hero-image-left{width:100%; height: 500px; position: relative;}
    
	
    #home-services .servicetile{height: 300px;}
    #home-services {padding-bottom: 60px !important;}
    
    #home-contact{padding:0px 0px 120px 0px !important;}
    #home-contactform {width: 340px; padding: 20px 30px; display: none;}
    #home-contact .home-testimonials {padding-left: 0px;}
    #home-contact .home-testimonials .testimonial-image{width:100px; position: relative; display: none;}
    #home-contact .home-testimonials .testimonial-wrap{padding-left: 0px !important;}
    
    
    
    .main {
        padding: 80px 0px 60px 0px;
    }
    
    
}


@media (max-width: 800px) {
	
}



@media (max-width: 795px) {
	
}

@media (max-width: 768px) {
    #pagetitle h1{font-size:44px; line-height: 44px;}
    
    #home-services .servicetile{height: 280px;}
    
    .woocommerce-checkout #customer_details .col-1{width: 100% !important; max-width: 100% !important; padding: 0px !important;}
    .woocommerce-checkout #customer_details .col-2{width: 100% !important; max-width: 100% !important; padding: 0px !important;}
    
    
    .servicetile .tile-title h2{font-size: 22px;}
    
    
}

@media (max-width: 767px) {
.woocommerce div.product div.summary{padding-left: 0px !important;}
.woocommerce div.product .woocommerce-tabs ul.tabs li{display: block !important;}
    
    #home-cta-blocks .cta-block{border-right: none; padding: 30px 20px !important; border-bottom: 1px solid; border-color: rgba(0,0,0,0.1);}
    
    .woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-2 {max-width: 100% !important; width: 100% !important; float: none;}
    
}



@media (max-width: 680px) {
    #footerctabar .left{float: none; display: none;}
    #footerctabar a.bookonlinebutton{float: none; width: 100%;}
}

@media (max-width: 640px) {
	 #pagetitle h1{font-size:36px; line-height: 36px;}
    .service-hero-1{width:100%; height: 400px; position: relative;}
    .service-hero-2{width:100%; height: 400px; position: relative;}
    .service-hero-3{width:100%; height: 400px; position: relative;}
    
    
    .service-hero-image-right{width:100%; height: 400px; position: relative;}
    .service-hero-image-left{width:100%; height: 400px; position: relative;}
    
    
    #home-services .servicetile{height: 230px;}
    
}


@media (max-width: 600px) {


}


/* -- SMALL DEVICES *Mobile -- */
@media (max-width: 575px) {
    .wrap{padding-left: 0px; padding-right: 0px;}
    .container-fluid{padding-left: 15px !important; padding-right: 15px !important;}
    
    #footer .footersocialicons{text-align: left;}
    
    #header #headerbottom{height:75px;}
    #header #headerlogo{width: 130px;}
    #header.shrink #headerlogo{width: 130px;}
    #header #mobileheaderright button.dropdown-toggle{line-height: 75px;}
    
    
    .service-content-col-1{padding-top: 40px; padding-bottom: 30px;}
    .service-content-col-2{padding-top: 40px; padding-bottom: 30px;}
    .service-content-col-3{padding-top: 40px; padding-bottom: 30px;}
    
    .servicemain h2{margin-bottom:20px;}
    
    .service-hero-1{width:100%; height: 340px; position: relative;}
    .service-hero-2{width:100%; height: 340px; position: relative;}
    .service-hero-3{width:100%; height: 340px; position: relative;}
    
    
    .service-hero-image-right{width:100%; height: 340px; position: relative;}
    .service-hero-image-left{width:100%; height: 340px; position: relative;}
    
    
    
    #home-services .servicetile{height: 380px;}
    .servicetile .tile-title h2{font-size: 22px;}
    
    
    .servicetile .tile-title h2{font-size: 24px;}
    
    
}



@media (max-width: 500px) {
    #home-services .servicetile{height: 320px;}

}

@media (max-width: 490px) {
    #home-services .servicetile{height: 300px;}

}


@media (max-width: 460px) {
    .service-hero-1{width:100%; height: 290px; position: relative;}
    .service-hero-2{width:100%; height: 290px; position: relative;}
    .service-hero-3{width:100%; height: 290px; position: relative;}
    
    .service-hero-image-right{width:100%; height: 290px; position: relative;}
    .service-hero-image-left{width:100%; height: 290px; position: relative;}
    

}


@media (max-width: 430px) {


}

@media (max-width: 400px) {
    #home-services .servicetile{height: 270px;}

}



@media (max-width: 380px) {

    #header #mobileheaderright button.dropdown-toggle{padding: 0px 20px;}
    
    .service-hero-1{width:100%; height: 260px; position: relative;}
    .service-hero-2{width:100%; height: 260px; position: relative;}
    .service-hero-3{width:100%; height: 260px; position: relative;}
    
    .service-hero-image-right{width:100%; height: 260px; position: relative;}
    .service-hero-image-left{width:100%; height: 260px; position: relative;}
    
}



@media (max-width: 340px) {


}

/* Always remember to compress your live stylesheet and keep an uncompressed backup */