/*
Theme name:Webroi
Theme url:
Author:Made with ❤ by Webroi
Author uri:https://webroi.ca
Description:Theme Developed by Webroi for Artisan Contracting
Version:1.0
*/
/*-- Fonts --
font-family:'proxima-nova', sans-serif;
--*/
/*============== GENERAL ==================*/
*{
	-moz-hyphens:none !important;
	-ms-hyphens:none !important;
	-webkit-hyphens:none !important;
	hyphens:none !important;
	-ms-word-break:normal !important;
	word-break:normal !important;
}
body{font-family: 'proxima-nova', sans-serif !important; font-size:20px; color:#393939;}
.container{width:1250px; max-width:90%;}
.custom-container{max-width:90%; margin:auto;}
.sm-container{max-width:900px; margin:auto;}

img{max-width:100%;}
.mobOnly{display:none !important;}
.ipadVOnly{display:none !important;}
.deskOnly{display:block !important;}

/*--- transition ---*/
a, button, a img, a i, #headerBar2, #headerBar2.goToTop, 
.btnLineA .btmGrnLine::after, .btnArrowR::after, .homeSec4 a .hblogTitle::after,
.colhBlog a, .homeSec4 .colhBlog a .hblogTitle, 
.pgSecGalmain .galCard > h3, .pgSecGalmain .galCard p.galImg img,
.gform_wrapper .gform_footer input.button, 
.gform_wrapper .gform_footer input[type=image], 
.gform_wrapper .gform_footer input[type=submit]
{
	-webkit-transition:all 0.4s ease-in-out;
	-moz-transition:all 0.4s ease-in-out;
	-ms-transition:all 0.4s ease-in-out;
	-o-transition:all 0.4s ease-in-out;
	transition:all 0.4s ease-in-out;
}
.wow{animation-duration:1s;}

/*--- text / background colors ---*/
.bgGrnD{background:#c3c6a7;}
.bgGrnDD{background:#9fa374;}
.bgGrnDD_2{background:#A0A374;}
.bgGrnL{background:#e4e5d3;}
.bgDark{background:#1E1E1E;}

.txtWhite{color:#ffffff;}
.txtGrnD{color:#c3c6a7;}
.txtGrnD_2{color:#A0A374;}
.txtBlue{color:#0F7895;}
.txtGrey{color:#393939;}
.txtAsh{color:#9C9C9C;}
.txtDark{color:#1E1E1E;}

.mb100{margin-bottom:100px !important;}

/*--- 
For sections that have contact no/btn stuck to one side. 
Make its parent relative and specify its left/right value in each section 
---*/
.stContact{position:absolute; bottom:0;}
.stContact p:last-child{margin-bottom:0;}

/*--avoid absolute positioning and force neg margin right/left to match design --*/
.btnfml6{margin-left:-6%}
.btnfmr6{margin-right:-6%}

.bannerRequestBtn{margin:0 !important;}
.bannerbutton h3.phn{padding:0 20px; margin-bottom:1rem!important;}
.bannerbutton p, p.bannerbutton{margin-bottom:0 !important;}

/*--- Text ---*/
h1, .h1	{font-family:'proxima-nova', sans-serif; font-size:3.30rem; font-weight:700; margin-bottom:30px;}
h2, .h2	{font-family:'proxima-nova', sans-serif; font-size:3.00rem; line-height:3.1rem; letter-spacing: -2px; font-weight:700; margin-bottom:30px;}
h2.h2smst	{font-size:2.5rem; line-height:2.6rem; /*font-style:italic;*/}
h3		{font-family:'proxima-nova', sans-serif; font-size:1.34rem; line-height:1.8rem; font-weight:600; margin-bottom:30px; color:#9fa374; text-transform:uppercase; letter-spacing:2.5px}
h4		{font-family:'proxima-nova', sans-serif; font-size:2.00rem; font-weight:normal; margin-bottom:30px;}
h5, .h5	{font-weight:600;}
p		{margin-bottom:30px;}
ul, ol	{margin-bottom:30px;}
li		{margin-bottom:10px;}
a		{text-decoration:none !important; color:#0F7895;}
a:hover	{color:#8a8e66; /*#9fa374*/}

.listInline{} 
.listInline li{display:inline-block; padding:3px 10px;}
.listInline li:before{
	display:inline-block;
    content:'';
    -webkit-border-radius:10px;
    border-radius:10px;
    height:6px;
    width:6px;
    margin-right:15px;
	margin-bottom:3px;
    background-color:#393939;
}

/* For go to top button --*/
#gtButton {
  position:fixed; bottom:30px; right:30px; display:inline-block; width:50px; height:50px;
  background:rgba(0,0,0,0.3); border-radius:2px; text-align:center;
  opacity:0; visibility:hidden; z-index:1000;
}
#gtButton::after {content:"\f106"; font-family:"FontAwesome"; color:#fff; font-weight:normal; font-style:normal; font-size:2em; line-height:50px;}
#gtButton:hover {cursor:pointer; background-color:rgba(0,0,0,0.8);}
#gtButton:active {background-color:#555;}
#gtButton.show {opacity:1; visibility:visible;}

@media (min-width:500px){ #gtButton{margin:30px;} }

/*--- button styles here ---*/
.acBtns, .btnBlue, .btnGrn, 
.gform_wrapper .gform_footer input.button, 
.gform_wrapper .gform_footer input[type=image], 
.gform_wrapper .gform_footer input[type=submit]
{
    display: inline-block;
    padding: 15px 50px;
    font-family: 'proxima-nova', sans-serif;
    font-size: .9rem;
    color: #fff;
    text-align: center;
    letter-spacing: 1px;
}
/*.largebtn{padding:30px 60px; font-size:1.3rem;}*/

.btnBlue,
.gform_wrapper .gform_footer input.button, 
.gform_wrapper .gform_footer input[type=image], 
.gform_wrapper .gform_footer input[type=submit]{ background:#0F7895; border: 2px solid #0F7895;}

.btnGrn{ background:#9fa374; border: 2px solid #9fa374;}

.btnBlue:hover, .btnGrn:hover,
.gform_wrapper .gform_footer input.button:hover, 
.gform_wrapper .gform_footer input[type=image]:hover, 
.gform_wrapper .gform_footer input[type=submit]:hover{ background:#1295ba; border-color: #1295ba; color:#1e1e1e !important;}	

.twolines{position:relative;}
.twolines::before{top:-7px;}
.twolines::after{bottom:-7px}
.twolines::before, .twolines::after{
	content:'';
	position:absolute;
	left:0;
	height:2px;
	width:100%;
	background-color:#fff;
}

.btnLineA{ 
	display:inline-block; padding:5px 0; position:relative;
	font-family:'proxima-nova', sans-serif; font-size:1rem; font-weight:600; text-align:center; text-transform:uppercase; letter-spacing:2.5px;
}
.btmGrnLine {content:""; position:absolute; left:0; bottom:-5px; width:100%; height:2px; background:#9fa374;}
.btnLineA:hover .btmGrnLine::after, .btmGrnLine:hover::after{background:#0F7895;}

.btnArrowR::after{
	content:"\f0da"; font-family:"FontAwesome"; font-size:23px; display:inline-block; vertical-align:middle; 
	position:absolute; right:-23px; top:-1px;
}
.btnArrowR:hover::after{right:-28px;}

img.h100{height:100% !important; width:auto !important; max-width:none !important;}

/*============== HEADER ==================*/
/*--- home banner logo & text area ---*/
.homebanner{
	display:flex;
	flex-wrap:wrap;
	color:white;
	background-image:url(images/banner2020.jpg);
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
	text-align:center;
	height:100vh; min-height:770px;	
}
.homebannerText p.bannerLogo{margin-botom:10px;}
.homebannerText p.bannerLogo a img{max-width:280px;}
.homebannerText{display:flex;}
.homebannerText .bannerBtn .bannerBtnTxt{display:block; margin-bottom:12px; font-size:1.33rem; color:#fff; /*font-style:italic;*/ text-transform:uppercase;}
.homebannerText .bannerBtn .btnBlue{background:rgba(0,118,152,.73); }
.homebannerText .bannerBtn .btnBlue:hover{background:rgba(98,98,98,.73);}

.arrowD{display:inline-block; margin-top:40px; }
.arrowD i{font-size:3.8rem; color:#fff; line-height:20px; height:30px;}

/*--- Header 1 ---*/
.headerBar1{}
.headerBar1 .navbar, 
.headerBar1 .hdrPhn1{display:inline-block; vertical-align:bottom;}
.headerBar1 .hdrPhn1{background:rgba(0,118,152,.73); padding:50px 15px 10px; font-family:'proxima-nova', sans-serif; font-size:1.11rem; font-weight:700; letter-spacing:2.5px; 
color:#fff;}

.headerBar1 .hdrPhn1 span, .headerBar1 .hdrPhn1 a{color:#fff !important;}
.headerBar1 .hdrPhn1 a:hover{color:#1295ba !important;}

.headerBar1 .hdrPhn1::after{position:absolute; bottom:-7px; height:3px; width:100%; background:#fff;}
.headerBar1 .navbar{font-family:"Raleway"; font-size:0.77rem; color:#fff; text-transform:uppercase; padding:0; }

/*--- Header 2 ---*/
/*#headerBar2{position:static; height:auto; border-bottom:1px solid #c3c6a7; margin-top:-200px; margin-bottom:20px; }
#headerBar2.goToTop{position:fixed; margin-top:0px;}*/

#headerBar2{
	background:#FFF; 
	padding:0; 
}
/*.home #headerBar2{position:fixed; top:-200px; height:0; background:#FFF; padding:0; border-bottom:0 none;}*/
#headerBar2.goToTop {
  position:fixed;
  top:-200px;
  width:100%;
  height:auto;
  min-height:105px;
  z-index:9;
  /*box-shadow:0 0 8px 5px rgba(0,0,0,0.1);*/
  border-bottom:1px solid #c3c6a7;
  transform:translate(0px, 200px); 
}
#headerBar2 .hdrPhn2, #headerBar2 .hdrReq{ display:inline-block; vertical-align:top;}
#headerBar2 .navbar{justify-content:flex-end !important; padding:0; margin:14px 0;}
#headerBar2 .navbar .navbar-nav .nav-item#menu-item-906{margin-right:0;}
#headerBar2 .navbar .navbar-nav .nav-item#menu-item-906 a.nav-link{padding-right:0;}

/*============== HEADER MENUs ==================*/
/*--- menu 1 ---*/
.nav-menu{padding:0rem 0; transition:all 0.3s ease; background:transparent;}
.navbar-brand{padding:0; margin:0;}
.main-menu{display:flex; align-items:center; font-family:'proxima-nova', sans-serif;}
.navbar-nav{flex-direction:row; flex-wrap:wrap;}
.navbar-nav li{padding:6px; text-transform:capitalize;}
.navbar-nav .nav-item{position:relative; padding:0; margin:0 5px; }
.navbar-nav .nav-link,
ul.dropdown-menu>li>a.dropdown-item{
	display:block; 
	padding:50px 15px 10px; 
	font-size:.9rem;
	letter-spacing:2.5px; 
}
.navbar-nav .nav-link:hover,
.navbar-nav .nav-link:focus{color:#0F7895;}
.dropdown>a:after{content:"\f107"; font-family:"FontAwesome"; font-weight:900; display:inline-block; vertical-align:middle; margin-left:4px; color:#fff; border-top:0;}
.dropdown>a:hover::after{color:#0F7895;}
.navbar-nav ul.dropdown-menu{
	position:absolute !important; 
	display:block; 
	transform:scaleY(0); 
	transform-origin:0 0; 
	transition:transform 0.4s;
	padding:0; 
	background:#ebecdb;
}
.navbar-nav li.dropdown:hover>.dropdown-menu{display:block; transform:scaleY(1);transition:transform 0.4s;border-radius: 0px;}
.navbar-nav li.dropdown:hover>.dropdown-menu>li{padding:0; border-bottom:1px solid #eee; margin:0;}
.navbar-nav li.dropdown:hover>.dropdown-menu > li:last-child{border-bottom:none;}
.navbar-nav li.dropdown:hover>.dropdown-menu>li>a.dropdown-item{font-size:14px; color:#393939; padding:10px 15px;}
.dropdown-item:active{background-color:#eb2227;}
.dropdown-item:hover, .dropdown-item:focus{color:#0F7895; background-color:#fff;}

/*--- menu 2 ---*/
#navbar2 .navbar-nav .nav-link,
#navbar2 .dropdown>a:after{color:#1E1E1E;}
.navbar-nav .nav-link, ul.dropdown-menu>li>a.dropdown-item{padding:10px 10px;}
#navbar2 .navbar-nav .nav-link:hover, #navbar2 .navbar-nav .nav-link:focus, #navbar2 .dropdown>a:hover::after{color:#0F7895;}

/*--- responisve menu ---*/
button#responsive-menu-button{background:rgba(0,118,152,.73) !important; top:30px;}
.responsive-menu-accessible .responsive-menu-box{vertical-align:text-top;}
#responsive-menu-container #responsive-menu li.responsive-menu-item .responsive-menu-item-link {
    font-size:16px !important; font-family:'proxima-nova', sans-serif;
}

/*============== HOME PAGE SECTIONS ==================*/
/*------- home sec 1 -------*/
.homeSec1{padding-top:90px; padding-bottom:90px;}
.homeSec1.bgGrnD h3, .homeSec1.bgGrnD p{color:#393939;}

/*------- home sec 2 -------*/
.homeSec2{ position:relative; z-index:1;}
.homeSec2 .custom-container{max-width:94%;}
.homeSec2 .bgGrn{background:#e4e5d3; position:absolute; width:45%; height:100%; top:0; right:0; z-index:-1}

.homeSec2 .colLeft h3{margin-top:145px;}
.homeSec2 .colRight{}
.homeSec2 .colRight .imgKitchen{text-align:right; margin-right:-7%;}
.homeSec2 .colRight .img2sm{position:relative; text-align:right; padding:30px;}
.homeSec2 .colRight .img2sm img{display:block; margin:30px 0 30px 30px; max-width:98%}

.homeSec2 .colLeft .call-req{text-align:right; margin-top:50px;}
.homeSec2 .colLeft h3.phn{font-size:1.3rem; font-weight:700;}
.homeSec2 .colLeft .call-req a{}

/*------- home sec 3 -------*/
.homeSec3{position:relative; padding:40px 0;}
.homeSec3 .homeSec3-bg{position:absolute; width:100%; height:25%; top:0; left:0; background:#c3c6a7; z-index:1;}
.homeSec3 .custom-container{position:relative; z-index:2;}   

.row.topBgGrn .colWorks{}
.row.topBgGrn .colProcess{}

.colWorks h3{color:#393939; margin-left:4%; margin-bottom:45px;}

.colProcess h3{margin-top:70px;}
.colProcess h4{/*font-style:italic;*/ color:#fff;}
.worksGalImgs{margin-bottom:0;}
.worksGalImgs img {display:inline-block; width:44%; margin:0 1% 15px;}
.worksGalImgs.row4, .worksGalImgs.row5,  .worksGalImgs.row6{display:none;}


.worksGalLink{padding:0 4%;}

.colProcess .processSteps h4{font-style:normal; margin-bottom:5px;}
.processSteps h4 .stepTitleNo,
.processSteps h4 .stepTitle{display:inline-block; vertical-align:middle; color:#9fa374;}
.bgGrnD .processSteps h4 .stepTitleNo,
.bgGrnD .processSteps h4 .stepTitle{color:#FFFFFF;}
.processSteps h4 .stepTitleNo{font-size:3.5rem; margin-right:5px; width:40px;}
.processSteps h4 .stepTitle{font-size:1.8rem; }
.processSteps p{margin-left:45px; margin-bottom:12px;}
.processSteps p.processLink{ text-align:right; margin-right:25px;}

/*------- home sec 4 -------*/
.homeSec4{padding:50px 0; background:#e4e5d3; position:relative; z-index:3;}
.homeSec4 h3{ text-align:center;}
.colhBlog a{display:block; background:#fff;}
.colhBlog a:hover{background:#9fa374;}
.homeSec4 .colhBlog a .hblogImg{max-height:209px; overflow:hidden; background:#e4e5d3;}
.homeSec4 .colhBlog a .hblogImg img{width:100%; max-height:200px; }
.homeSec4 .colhBlog a:hover .hblogImg img {opacity:0.6;}
.homeSec4 .colhBlog a .hblogTitle{position:relative; padding:20px 25px 40px; min-height:140px; font-size:1.3rem; color:#626262;}
.homeSec4 .colhBlog a:hover .hblogTitle{color:#ffffff;}
.homeSec4 .colhBlog a .hblogTitle::after{content:"\f0da"; color:#0F7895; font-family:"FontAwesome"; font-size:23px; position:absolute; bottom:5px; right:15px; }
.homeSec4 .colhBlog a:hover .hblogTitle::after{right:25px; color:#fff;}

/*------- home sec 5 -------*/
.homeSec5, .btmDownload{ padding:300px 0 50px; background:#e4e5d3; position:relative; z-index:2; margin-top:-250px;}
.btmDownload{padding:50px 0; margin-top:20px;}
.homeSec5 p.downloadLink a, 
.btmDownload p.downloadLink a{ width:800px; max-width:96%;}


/*============== INNER PAGES ==================*/
/*------- SUB BANNER -------*/
.subbanner{height:auto;}
.subbannerTxt{background:#c3c6a7;}

.subbannerTxtInner{padding:70px 40px 70px 80px;}
.subbannerTxt h3{color:#393939;}
.subbannerTxt h1{color:#ffffff;}
.subbannerTxt .stContact{right:0;}
.stContact h3.phn{ padding-right:60px; font-size:1.3rem; color:#ffffff; text-align:right;}
.stContact p{margin-bottom:0;}
.subbannerImg{overflow:hidden;}
.subbannerImg img{width:100%; height:auto; position:absolute;}

.subbanner.sb-sm{height:280px; display:flex;}
.subbanner.sb-sm .bgGrnD{}
.subbanner.sb-sm .subbannerTxt{display:flex; align-self:center; margin:auto; background:transparent !important;}
.subbanner.sb-sm .subbannerTxtInner{padding:40px;}
.subbanner.sb-sm .subbannerTxtInner h1, .subbanner.sb-sm .subbannerTxtInner h2{text-align:center !important; margin:auto !important;}
.subbanner.sb-sm .subbannerImg img{display:none;}

/*------- INNER PAGE SECTIONS - details -------*/
.pgSec{padding:70px 0;}

.pgSec.pgSecImgTxt{}

.pgSec2{}
.moveD{position:relative; margin-bottom:-94px; padding:60px 70px;}
.pgSec2 .moveD .stContact{left:0;}

.bgGrnGrad{background:rgb(195,198,167); background:linear-gradient(180deg, rgba(195,198,167,1) 0%, rgba(195,198,167,1) 7%, rgba(255,255,255,1) 43%);}

/*------- Inner page images -------*/
.kit-reno-process{}
.kit-reno-process h4{font-size:2rem; margin-bottom:20px; color:#9fa374;}
.pgImg-main img{width:100%;}
.10questions{}

.processSteps.processStepsWimgs{}
.processSteps p.processImg{margin-left:0 !important;}

.pgSecGalmain .row{text-align:center !important;}
.pgSecGalmain .galCard{position:relative;}
.pgSecGalmain .galCard a.wholeLink{position:absolute; width:100%; height:100%; top:0; left:0; cursor:pointer;}
.pgSecGalmain .galCard > h3{background:#e4e5d3; padding:10px; min-height: 78px;}
.pgSecGalmain .galCard:hover > h3{background:#c3c6a7; color:#fff;}
.pgSecGalmain .galCard p.galImg{overflow:hidden; margin-bottom:0;}
.pgSecGalmain .galCard:hover p.galImg img{transform:scale(1.1);}

img.uk-overlay-scale{height:auto !important;}
.uk-overlay-background{background:rgba(255,255,255,.75);}
.uk-overlay-icon:before{top:40%;color:#666 !important;}



/*===== BLOG =====*/
.subbannerBlog{background:url(images/sbBlog.jpg) no-repeat center center; background-size:cover !important;}
.subbanner.subbannerBlog.sb-sm .subbannerTxtInner h1, 
.subbanner.subbannerBlog.sb-sm .subbannerTxtInner h2,
.subbanner.subbannerBlog.sb-sm .subbannerTxtInner .h1 {color:#fff !important;}

.blog h1{color:#fff;}
.blog-list{ padding-top:30px; border-top:1px dotted #d3d3d3;}
.blog-list:first-child{padding-top:0px; border-top:0 none;}
.blog-list h2{} 
.blog-list h2 a{display:block;}
.blog-list h2:hover a, .blog-list h2 a:hover{}
.blog-list h3.postInfo{font-size:12px; margin-bottom:1rem; padding:5px 10px; background:#f3f3f3;}
.blog-list .excerptPara{}
.blog-list .excerptReadMore{} 
.blog-list .excerptReadMore a{}
/*.blog-list h2{font-size:2.6rem;}*/
.sidebar-widget{}
.widget{background:#f3f3f3;}
.widget .widgettitle{color:#fff; padding:15px; text-align:center; background:#9fa374; margin-bottom:0;}
.widget ul{margin-bottom:0; padding:20px; list-style-type:none;}
.widget ul li {margin-bottom:5px; padding-bottom:5px; border-bottom:1px dotted #d3d3d3;}
.widget ul li a{display:block;padding:5px;}
.widget ul li:last-child, #categories-3 .widget ul li{margin-bottom:0; padding-bottom:0px; border-bottom:0 none;}
 .blog-list .wp-post-image{width:100% !important; height:auto !important;}

.pgMap{padding:5px; background:#e4e5d3; border:2px solid #c3c6a7;}
.pgMap iframe{width:100% !important; border:0 none !important;}
				
				

/*------- FORMs -------*/
.pgForm{background:#c3c6a7; padding:30px 25px; margin-bottom:30px;}
.modal-body.pgForm{margin-bottom:0px;}
.gform_wrapper{margin-top:0 !important; margin-bottom:0 !important;}
.pgForm .gform_wrapper .gform_heading,
.pgForm p.gform_heading{padding-bottom:10px; border-bottom:1px solid #6d6d6d; margin-bottom:15px;}
.gform_wrapper ul.gform_fields{text-align:center;}
.gform_wrapper .top_label li.gfield{text-align:left;}

.gform_wrapper .top_label li.gfield.gf_left_half, 
.gform_wrapper .top_label li.gfield.gf_right_half{padding-right:0 !important; /*width:50% !important;*/ margin:10px 0 !important; padding:0 1% !important}
.gform_wrapper ul.gform_fields li.gfield.comments, .gform_wrapper ul.gform_fields li.gfield.subscribe{padding-right:0; width:98%; margin:2% auto !important;}
.gform_wrapper .top_label .gfield_label, .gform_wrapper legend.gfield_label{margin-bottom:0; text-align:left; font-weight:600;}

.gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]),
.gform_wrapper .top_label li.gfield.gf_left_half div:not(.ginput_container_date) select.medium,
.gform_wrapper .top_label select.medium,
.gform_wrapper textarea{
	padding:5px 8px; margin-left:0; margin-right:0; font-size:16px !important;
}
.gform_wrapper .gform_footer{margin:5px auto 0; padding:0px; text-align:center;}
.gform_wrapper .gform_footer input.button, 
.gform_wrapper .gform_footer input[type=image], 
.gform_wrapper .gform_footer input[type=submit]{border:0 none; margin-top:20px}

.grecaptcha-badge{
	visibility:visible !important;
	display:block;
    transition:right 0.3s ease 0s;
    position:fixed;
    bottom:14px;
    right:-186px;
    box-shadow:grey 0px 0px 5px;
    border-radius:2px;
    overflow:hidden;
}
.grecaptcha-badge:hover{right:4px !important;}	

#field_1_11 label{display:none;}
#field_1_8{padding:0; margin:0;}
.gform_wrapper .gform_footer{padding:0; margin:16px 2% 0;}



/*------- BOTTOM GALLERY -------*/
.pgGal{}

/*------- BOTTOM CTA -------*/

.bottomCTABox{ background:#0F7895; padding:70px 0; color:#fff !important;}
.bottomCTABox h2{}
.bottomCTABox a.btnGrn{clear:both; margin-bottom:10px;}
.bottomCTABox strong.btmPfn{font-family:'proxima-nova', serif; font-size:1.6rem;}

/*------- Cookie Box -------*/
.has-cookie-bar #catapult-cookie-bar{}
.cookie-bar-block #catapult-cookie-bar h3{margin:0 auto 10px !important; text-align:center !important;}
.cookie-bar-block #catapult-cookie-bar span{ text-align:center !important; margin:10px auto;}
.cookie-bar-block #catapult-cookie-bar span a{display:block; margin:5px auto 0; font-weight:bold;}
.cookie-bar-block #catapult-cookie-bar span a:hover{color:#9fa374;}
button#catapultCookie{margin:0 auto !important;}
button#catapultCookie:hover, button#catapultCookie:active{ background:#1295ba;}

/*============== FOOTER ==================*/
.site-footer{ 
    padding-top: 70px;
    padding-bottom: 20px;
}
.footerLogo{}
.footerLogo img{max-width:141px;}

.site-footer h4{position:relative; display:inline-block; clear:both; /*font-style:italic;*/ font-size:1.33rem; margin-bottom:40px;}
.site-footer h4::after{content:''; position:absolute; left:0; bottom:-20px; width:100%; height:2px; background:#707070;}

h3.fAdr{color:#fff; font-size:0.85rem}

h3.fPhn{font-size:1.33rem; font-weight:700; color:#fff !important; /*margin:40px auto;*/}
h3.fPhn a{color:#fff !important;}

.fReq{}
.fReq a::before	{content:""; position:absolute; top:-5px; left:0; width:100%; height:2px; background:#ffffff;}
.fReq a::after	{content:""; position:absolute; bottom:-5px; left:0; width:100%; height:2px; background:#ffffff;}
.fReq a{position:relative;}

.fSoc{margin-bottom:10px;}
.fSoc a{display:inline-block; vertical-align:middle; padding:8px 15px;}
.fSoc a img{display:block}
.fSoc a:hover img{filter:brightness(0.8)}

.fMenu{margin:10px auto; }
.fMenu p{ text-align:center}
.fMenu p a{display:inline-block; padding:8px 12px; color:#fff; }
.fMenu p a:hover{color:#e4e5d3;}		
		
.fcopyright{
    font-size: 0.85rem;
    border-top: 2px solid #1E1E1E;
    padding-top: 20px;
}
.fcopyright a{color:#e4e5d3 !important;}
.fcopyright a:hover{color:#fff !important;}


/*============== MEDIA QUERIEs ==================*/

@media (min-width:1920px){
.footerLogo img{max-width:100%;}
.pgSecImgTxt .row{align-items:center!important;}

}
@media (min-width:1680px){
.pgSecImgTxt .row{align-items:center!important;}

}
@media (min-width:1441px) and (max-width:1900px){
.homeSec3 .homeSec3-bg{height:21%;}
.navbar-nav .nav-item{margin:0;}
.homeSec2 .colLeft h3{margin-top:95px;}
 
}
@media (min-width:1441px) and (max-width:1680px){
.homeSec3 .homeSec3-bg{height:26%;}
.homeSec4 .colhBlog a .hblogTitle{min-height:173px;}
.worksGalImgs.row4{display:block;}
.worksGalImgs img{margin-bottom:25px;}

}
@media (min-width:1280px) and (max-width:1440px){
/*.largebtn {padding:15px 30px;}*/
h1, .h1{font-size:2.5rem;}
h2, .h2{font-size:2.2rem;}
h3{font-size:1.2rem;}
h4{font-size:1.8rem;}
.navbar-nav .nav-item{margin:0;}
.navbar-nav .nav-link, 
ul.dropdown-menu>li>a.dropdown-item,
.navbar-nav li.dropdown:hover>.dropdown-menu>li>a.dropdown-item{font-size:0.85rem;} 
.homebanner .navbar-brand img {max-width:209px;} 
#headerBar2 .navbar-brand img {max-width:176px;}
.homeSec2 .colLeft h3{margin-top:100px;}
.homeSec2 .colLeft .call-req{margin:50px 0;}
.homeSec2 .colLeft h3.phn{margin-top:30px;}
.homeSec2 .colRight .imgKitchen{margin-right:-15%;}
.worksGalImgs img{width:44%;}
.worksGalImgs.row4, .worksGalImgs.row5, .worksGalImgs.row6{display:block;}
.homeSec4 .colhBlog a .hblogTitle{min-height:160px;}
.homeSec5 p.downloadLink a{width:550px;}
/*.largebtn {padding:18px 36px;}*/
.subbanner{height:auto;}
.subbannerImg img{width:auto; height:100%; max-width:none;}

}
@media (min-width:1200px) and (max-width:1475px){
	.navbar-nav .nav-item{margin:0;}
	.navbar-nav .nav-link, ul.dropdown-menu>li>a.dropdown-item{letter-spacing:0.5px; font-weight:600; font-size:14px;}
}
@media (min-width:1366px) and (max-width:1440px){

h2, .h2{font-size:2.3rem;}
.processSteps p.processLink{ margin:40px 25px 12px 45px;}
.homeSec4 .colhBlog a .hblogImg{height:180px; min-height:0;}
.homeSec4 .colhBlog a .hblogTitle {min-height:170px;}

}
@media (min-width:1025px) and (max-width:1279px){

}
@media (min-width:768px) and (max-width:1024px){
body{font-size:14px;}
.navbar-nav .nav-item{margin:0;}
.navbar-nav .nav-link, ul.dropdown-menu>li>a.dropdown-item{font-size:14px; padding:10px 11px; letter-spacing:1px;}
ul.dropdown-menu>li>a.dropdown-item{padding:10px 15px;}
.homebanner{min-height:655px;}
.headerBar1{height:95px;}
.custom-container, .container{max-width:92%; width:92%; margin-right:4%; margin-left:4%;}
h1, .h1{font-size:2.25rem;}
h2, .h2{font-size:2.00rem;}
h3, .h3{}
.homeSec2 .colLeft h3{margin-top:100px;}
.worksGalImgs.row4, .worksGalImgs.row5, .worksGalImgs.row6{display:block;}
.processSteps h4 .stepTitleNo{font-size:2.5rem;}
.processSteps h4 .stepTitle{font-size:1.5rem;}
.homeSec3 .homeSec3-bg{height:30%;}
.homeSec4 .colhBlog a .hblogImg{height:175px;}
.homeSec4 .colhBlog a .hblogImg img {width:auto; height:100%;}
.homeSec4 .colhBlog a .hblogTitle{height:170px; font-size:16px;}
.widget .widgettitle{font-size:14px; padding:5px 15px;}
.parent-pageid-37 .uk-panel {min-height:160px !important; height:160px !important; margin-bottom:20px !important; overflow:hidden;}

}
@media (min-width:768px) and (max-width:1023px){
body{font-size:16px;}
#headerBar2{top:-400px;}
.navbar-nav .nav-link, ul.dropdown-menu>li>a.dropdown-item{font-size:13px; padding:10px 6px; letter-spacing:0;}
ul.dropdown-menu>li>a.dropdown-item{padding:10px 15px;}
.headerBar1 .hdrPhn1{font-size:0.85rem; padding:35px 15px 10px;}
#headerBar2 .col-md-3{flex:0 0 20% !important; max-width:20% !important;}
#headerBar2 .col-md-9{flex:0 0 80% !important; max-width:80% !important;}
#headerBar2 .acBtns{padding:5px 15px; letter-spacing:1px;}
/* #headerBar2 .hdrclogo{margin-top:15px;} */
#headerBar2 .navbar-nav .nav-link, #headerBar2 ul.dropdown-menu>li>a.dropdown-item{font-size:13px; padding:10px 5px; font-weight:600; letter-spacing:0;}
.dropdown>a:after{margin-left:0;}
/*.largebtn {padding:15px 60px; font-size:18px;}*/
.homebanner{min-height:575px;}
.headerBar1{height:80px;}
.homeSec3 .homeSec3-bg{height:31%;}
.worksGalImgs.row4, .worksGalImgs.row5, .worksGalImgs.row6{display:none;}
.worksGalImgs img{width:92%;}
.homeSec1{padding-top:50px; padding-bottom:50px;}
.homeSec2 .colLeft {padding:50px 6%; text-align:center;}
.colLeft .call-req{text-align:center !important;}
.homeSec2 .colLeft h3{margin-top:0px;}
.homeSec2 .colRight{background:#e4e5d3;}	
.homeSec2 .colRight .imgKitchen, 
.homeSec2 .colRight .img2sm{z-index:1; background:transparent; text-align:center; padding:0;}
.homeSec2 .colRight{margin-left:0; padding:40px 0;} 
.homeSec2 .colRight .imgKitchen{margin-right:0;}
.homeSec2 .colRight .imgKitchen img, .homeSec2 .colRight .img2sm img{margin:15px 0; max-width:80%;}
.homeSec2 .bgGrn{width:100%;}
.homeSec2 .colRight .imgKitchen img, 
.homeSec2 .colRight .img2sm img {margin:15px auto; width:500px;}
.homeSec3 .worksGalLink{padding:0;}
.homeSec3 .worksGalLink .largebtn {display:block;}
.homeSec3 .worksGalImgs.row3 img:nth-child(2){display:none;}
.homeSec4{padding:30px 0;}
.homeSec4 .colhBlog a .hblogImg {height:108px;}
.homeSec4 .colhBlog a .hblogTitle {padding:20px 15px 40px; min-height:193px;}
.homeSec5, .btmDownload{padding:275px 0 50px;}
.subbanner.sb-sm{height:200px;}
.subbannerTxtInner{padding:40px; }
.sm-container{max-width:84%;}
.custom-container, .container{max-width:86%; margin:auto;}
.processSteps h4 .stepTitleNo{vertical-align:top !important; width:12% !important;} 
.processSteps h4 .stepTitle{vertical-align:top !important; width:86% !important;}
.subbannerTxt .bannerRequestBtn h3{padding:0 15px;}
.bannerRequestBtn .bannerbutton.text-right .largebtn{text-align:right !important; padding:15px;}
.page-id-25 .subbannerImg{background-position:left center !important}
.pgSecGalmain .galCard > h3{font-size:18px; text-transform:none; letter-spacing:0; font-weight:600; line-height:24px;}




}
@media (min-width:768px) and (max-width:990px){


}
@media (min-width:0px) and (max-width:767px){
.mobOnly{display:block !important;}
.deskOnly, #headerBar2 .topBtns a.deskOnly{display:none !important;}
.custom-container, .container{max-width:88%; width:88%; margin-right:6%; margin-left:6%;}
.home #headerBar2{top:-500px;}
#headerBar2.goToTop{top:-500px; transform:translate(0px, 500px);}
#headerBar2 .topBtns.text-right{ text-align:center !important;}
#headerBar2 .topBtns a{letter-spacing:0px;} 
#headerBar2 .navbar{display:none;}
#headerBar2 .topBtns .acBtns.btnBlue{}
.largebtn {padding:15px 30px; font-size:18px;}
/*.homebanner{ background-image:url(images/homeslider1-mob.jpg);}*/
.subbannerImg{min-height:300px;}
.processStepsWimgs h4, .processStepsWimgs p{ text-align:center !important; margin:20px auto;}
.processStepsWimgs img{width:100% !important;}
.blog-list, .sidebar-widget{text-align:center !important;}
.homeSec1{padding-bottom:40px; padding-top:40px;}
.homeSec2{}
.homeSec2 .colLeft h3{margin-top:40px;}
.homeSec2 .colLeft .call-req{margin-bottom:20px;}
.homeSec2 .bgGrn, .homeSec3 .homeSec3-bg{display:none;}
.homeSec2 .colRight{background:#e4e5d3; padding-top:5px; padding-bottom:20px;}
.homeSec2 .colRight .imgKitchen,
.homeSec2 .colRight .img2sm{text-align:center; margin-right:auto; margin-left:auto; padding:0;}
.homeSec2 .colRight .imgKitchen img,
.homeSec2 .colRight .img2sm img{width:100%; max-width:98%; height:auto; margin:15px auto 0;}
.homeSec3 .row.topBgGrn .colWorks{ background:#c3c6a7; padding-top:40px; padding-bottom:40px;}
.colProcess h4{margin-top:40px; color:#393939;}
.colProcess h3{margin-top:40px;}
.processLink{margin:40px 25px 5px;}
.processLink .btnLineA{ text-align:right;}
.homeSec4 .colhBlog a{margin-bottom:20px;}
.homeSec4 .colhBlog a .hblogTitle{ min-height:0;}
.site-footer{padding:30px 30px 2px;}


}

@media (min-width:480px) and (max-width:767px){
.homeSec2 .col-lg-6.colLeft, 
.homeSec2 .col-lg-6.colRight{flex:0 0 100% !important; max-width:100% !important;}
.subbannerTxtInner{padding:25px;}

}
@media (min-width:0px) and (max-width:479px){
#headerBar2 .hdrPhn2, #headerBar2 .hdrReq{display:block}
#headerBar2 .topBtns a{display:block !important;}
.subbanner{height:auto;}
.subbannerTxt h1{font-size:28px;}
.subbannerTxtInner{padding:15px;}
.stContact{position:relative;}
.largebtn{width:100%;}

}

/*==== Pijush's additions =====*/
.stContact2{position:unset; bottom:0; right:0; left:0; margin-bottom:0;}
.navigation ul{padding-left:0; list-style-type:none;}
.navigation li{display:inline-block; padding:6px 15px; background:#9fa374; color:#fff;}
.navigation li.active{background:#6f7251; margin:2px;}
.navigation li a{ color:#fff; width:100%; display:block;}
.modal h3.gform_title{color:#fff;}
.entry-content .special ul li {padding-left:0 !important; background:unset !important;}