/*
* Theme name: Oberkampf Supplies - Theme AXe Child
* Template: axetheme
* Author: AXe - Esolbiz
* Author URI: http://www.esolbiz.com
* Version: 1.0.12
*/

/* General */
body,p,li{font-weight:300}
h1,h2,h3,h4,h5,h6{font-weight:400}
strong,b{font-weight:600}
h1 strong,h2 strong,h3 strong,h4 strong,h5 strong,h6 strong{font-weight:400}
img.alignright{margin:0px 0px 30px 20px;}
img.alignleft{margin:0px 20px 30px 0px;}
.animate,a,.axeadbox,.axeadbox .adboximg:before,.axeadbox .adboximg:after,.withicon h3.adboxtitle:before,.logos.service-block .adboxexcerpt p:after{transition:all 0.3s;}
#mainmenu:after,#footer ul:after,.myinnerclass:after{content:'';display:block;float:none;clear:both;}
.axeadbox .adboximg:after,.axeCarousel .axecarouselarrows:before,li.mobchildopener a:after{font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
.wpad{padding-left:7.5px;padding-right:7.5px;}
.wpadfirst{padding-right:15px;}
.wpadlast{padding-left:15px;}
/* General */

/* vcard */
.axevcard{}
.axevcard ul{}
.axevcard ul li{list-style:none;position:relative;padding:10px 0px 10px 70px;min-height:50px;margin-top:20px;}
.axevcard ul li:first-child{margin-top:0px;}
.axevcard ul li:before,.axevcard ul li:after{content:'';background:#323232;width:50px;height:50px;border-radius:50%;display:inline-block;position:absolute;left:0px;top:5px;z-index:1;background-repeat:no-repeat;background-position:center center;background-size:auto;}
.axevcard ul li:after{background-color:transparent;z-index:2;border-radius:0px;}
.axevcard .vcardlabel{display:block;font-size:14px;font-weight:600;margin-bottom:5px;}
.axevcard .vcardlabel:empty{display:none}
.axevcard .plabel{display:inline-block;margin-right:3px;font-weight:600}
.axevcard ul li.vcardaddress:after{background-image:url('images/location.png');}
.axevcard ul li.vcardphone1:after{background-image:url('images/phone.png');}
.axevcard ul li.vcardemail:after{background-image:url('images/mail.png');}
.axevcard ul li a{font-size:14px;line-height:initial;}
.axevcard ul li a:hover{opacity:1!important}
/* vcard */

/* a.button */
a.button{display:inline-block;padding:20px 33px;line-height:15px!important;font-size:13px!important;color:#FFF!important;text-transform:uppercase;font-weight:400;}
a.button.withmargin{margin-top:60px;}
/* a.button */

/* #topheader */
#topheader{padding:0px;background:transparent;}
#topheader .topbarcolumns{/* opacity:0.7 */}
#topheader aside.widget{max-width:100%;}
#topheader .axevcard ul{display:table;width:100%;}
#topheader .axevcard ul li{display:table-cell;font-size:13px;}
#topheader .axevcard .vcardlabel{font-size:13px;margin-bottom:0px;}
#topheader .axevcard span{opacity:0.7}
#topheader .axevcard ul li:before{background:none;}
#topheader .axevcard ul li:after{left:10px;}
#topheader .axevcard ul li a{margin-right:0px;font-size:13px;}
#topheader .br{display:inline-block;margin-left:5px}
#topheader .br br{display:none}
/* #topheader */

/* #logomenusection */
#logomenusection{position:relative;padding:0px;margin:0px;}
#logomenusection > .wrapwidth{z-index:1;padding:20px 0px;margin:0px auto;background:url('images/dottedbg.jpg') repeat-y top center;position:relative;background-size:cover;display:table;}
#logomenusection > .wrapwidth > .w{display:table-cell;vertical-align:middle;float:none;}
#logomenusection:before,#logomenusection:after{content:'';position:absolute;top:0px;left:0px;height:100%;width:50%;z-index:0;background:url('images/dottedleft.jpg') repeat top center;background-size:auto 100%;}
#logomenusection:after{left:auto;right:0px;background-image:url('images/dottedright.jpg');}
/* #logomenusection */

/* Main Menu */
.fixedheader{position:fixed;top:0px;left:0px;width:100%;z-index:20;}
.admin-bar .fixedheader{top:32px;}
#mainmenu{margin-top:0px;}
#mainmenu .menu-main-nav-container{margin-top:0px;width:85%;display:inline-block;float:left;}
#mainmenu .topsocial{margin-top:0px;width:15%;display:inline-block;float:right;}
#mainmenu .axemobilecaller{width:30%;display:none;float:left;}
#mainmenu .axemobilecaller a{padding:18px 19px;font-size:17px;line-height:19px;color:#FFF;display:inline-block;}
#mainmenu ul{text-align:left;}
#mainmenu ul li{margin:0px 3%;}
#mainmenu div.menu ul, #mainmenu ul.menu{border-bottom:none;}
#mainmenu div.menu ul>li>a, #mainmenu ul.menu>li>a{border:none;bottom:0px;color:#FFF;font-size:13px!important;line-height:15px!important;text-transform:uppercase;padding:19px;letter-spacing:2px;}
#mainmenu div.menu ul>li>a:hover, #mainmenu ul.menu>li>a:hover,#mainmenu .axemobilecaller a:hover,a.activescrollinganchor{opacity:0.7;}
#mainmenu ul li ul{box-shadow:1px 1px 2px #323232;padding:5px 0px;}
#mainmenu ul li ul li{padding:5px 10px;}


#mainmenu ul.themeaxe-socialmedia-links{text-align:right;}
#mainmenu ul.themeaxe-socialmedia-links li{margin:0px;padding:14px 0px;margin-left:9px;}
#mainmenu ul.themeaxe-socialmedia-links li a{padding:0px;margin:0px;display:inline-block;width:25px;height:25px;background:#FFF;border-radius:50%;}
#mainmenu ul.themeaxe-socialmedia-links li a:hover{opacity:0.7;}
#mainmenu ul.themeaxe-socialmedia-links li a span.fa{display:block;text-align:center;line-height:28px;font-size:18px;}
#mainmenu ul.themeaxe-socialmedia-links li a span.fa.fa-facebook{color:#4962a3!important;}
#mainmenu ul.themeaxe-socialmedia-links li a span.fa.fa-pinterest-p{color:#be2223!important;}
#mainmenu ul.themeaxe-socialmedia-links li a span.fa.fa-houzz{color:#7bc144!important;}
/* Main Menu */

/* Banner */
#bannersection{overflow:hidden;}
.featuredimg{height:457px;}
.featuredimg.childfeaturedimg{height:auto;max-height:457px;}
.fimg{width:100%;}
/* Banner */

/* Main Content */
#maincontent{margin-top:50px;}
h1.titleheading,h2.axe_after_content_title{text-align:center;margin-bottom:32px;margin-top:0px;}
#maincontent p,.axe_after_content_section p{margin-bottom:35px;}
/* Main Content */

/* .axe_after_content_section */
.axe_after_content_section{padding:60px 0px;border-top:2px solid #e5e5e5;}
/* .axe_after_content_section */

/* Logos */
.logoblock{display:flex;flex-wrap:wrap;align-items:center;justify-content:center}
.logos{flex:auto;width:25%;min-width:255px;padding:11.25px;display:inline-block;text-align:center;flex-basis:0;flex-grow:0;}
.logos .axeadbox{}
.axeadbox:hover{transform:scale(1.02);}
.logos .axeadbox h3.adboxtitle{display:none;font-size:23px;}
.logos.withheading .axeadbox h3.adboxtitle{display:block;}
.logos .axeadbox img{border:1px solid #e5e5e5;display:block;margin:auto;}
.logos.noborders .axeadbox img{border:none;}
.logos.sidetext{text-align:left;padding:15px;min-width:260px;}
.logos.service-block .adboxexcerpt p:after{display:inline-block;font-size:15px;font-family:'alice';content:'Read More';margin-left:3px;}
.withicon h3.adboxtitle{position:relative;padding-left:85px;margin-bottom:30px;}
.withicon h3.adboxtitle:before{content:'';background:#323232;background-position:center center;background-size:contain;width:65px;height:65px;display:inline-block;margin:0px;left:5px;position:absolute;border-radius:50%;top:-15px;}
.withicon.plumbingicon h3.adboxtitle:before{background-image:url('images/plumbing_icon.png');}
.withicon.lightingicon h3.adboxtitle:before{background-image:url('images/lighting_icon.png');}
.withicon.appliancesicon h3.adboxtitle:before{background-image:url('images/appliances_icon.png');}
.withicon.commercialicon h3.adboxtitle:before{background-image:url('images/commercial_icon.png');}
.axeadbox .adboximg{overflow:hidden;position:relative;max-width:235px;margin:auto;}
.axeadbox a .adboximg:before{content:'';position:absolute;width:100%;height:100%;left:-200%;top:-200%;}
.axeadbox a .adboximg:after{content:'';position:absolute;width:32px;height:32px;left:0px;top:0px;bottom:-200%;right:-200%;margin:auto;background:url('images/link.png') no-repeat center center;}
.axeadbox:hover a .adboximg:before{top:0px;left:0px;}
.axeadbox:hover a .adboximg:after{bottom:0px;right:0px;}
.hiddenmore{display:none}
/* Logos */

/* Logos Carousel */
.axeCarousel .axecarouselarrows{width:24px;height:24px;background:#CCC;color:#FFF;line-height:0px;padding:0px 1px;text-align:center;font-size:0px;font-weight:600;opacity:1;z-index:10;}
.axeCarousel .axecarouselarrows:before{display:block;content:'\f053';font-size:14px;line-height:23px;}
.axeCarousel .axecarouselarrows.axecarouselback:before{content:'\f054';padding-left:2px;}
.axeCarousel .axecarouselarrows.axecarouselnext:before{padding-right:2px;}

.toplogos-carousel.axeCarousel{width:100%;}
.axescrolleritem  h3{text-align:center;}
.toplogos-carousel.axeCarousel .axecarouselarrows{top:auto;bottom:-50px;left:50%;margin-left:-20px;}
.toplogos-carousel.axeCarousel .axecarouselarrows.axecarouselback{margin-left:20px;}
.carouselitemtitle strong{display:inline-block;padding:0px 49px;position:relative;}
.carouselitemtitle .axecarouselarrows{left:0px!important;top:0px!important;bottom:0px!important;margin:auto!important;}
.carouselitemtitle .axecarouselarrows.axecarouselback{left:auto!important;right:0px;}
/* Logos Carousel */

/* Footer */
#footer{text-align:center;border:none;padding:0px;position:relative;}
#footer .footerbg{position:absolute;top:0px;left:0px;width:100%;height:100%;}
#footer .footerbg .wrapwidth{background:url('images/footerbg.jpg') no-repeat top center;background-size:cover;position:relative;height:100%;z-index:1;}
#footer .footerbg:before,#footer .footerbg:after{content:'';position:absolute;top:0px;left:0px;height:100%;width:50%;z-index:0;background:url('images/footerbg_left.jpg') repeat-x top center;background-size:auto 100%;}
#footer .footerbg:after{left:auto;right:0px;background-image:url('images/footerbg_right.jpg');}
#footer *{color:#FFF!important;}
#footer a:hover{opacity:0.7;}
#footer ul li,#footer ul.menu li{float:none;opacity:1}
#footer ul.menu li{border:none;width:25%;text-align:center;float:left;position:relative;}
#footer ul.menu li a{font-size:13px;line-height:initial;text-transform:uppercase;}
#footer ul.menu li:before{content:'/';position:absolute;left:0px;top:0px;bottom:0px;margin:auto;}
#footer ul.menu li.noborder:before{content:'';display:none}
#footer aside{padding:25px 0px;}
.afterfooter{background:rgba(255,255,255,0.08);}
.footinner,.afterfooter{position:relative;z-index:10;}
/* Footer */

/* .contactblock */
.contactblock{padding:20px 25px;background:url('images/map.jpg') no-repeat top right;background-size:cover;position:relative;}
.contactblock a.largemaplink{position:absolute;top:0px;left:0px;width:100%;height:100%;margin:auto;z-index:1;}
.contactdetails{/* padding:25px 20px; */padding:25px 10px;background:#FFF;width:60%;/* width:64.389233954451345755693581780538%; */min-width:284px;position:relative;z-index:2;}
/* .contactblock */

/* Form */
input[type=text], input[type=tel], input[type=number], input[type=email], input[type=password], select, textarea{padding:20px;background:#f6f8fa;border:1px solid #e9e9e9;border-radius:0px;font:inherit;box-shadow:none!important;height:auto;}
textarea{min-height:146px;height:146px;}
.wpcf7 div.clear{margin-top:12px;}
.wpcf7 div.clear.nomargin{margin-top:0px;}
.wpcf7 .captchawrap{position:relative;}
.wpcf7 .captchawrap input.wpcf7-captchar{width:auto;margin-right:150px;padding:12px 20px;max-width:60%;}
.wpcf7 .captchawrap img.wpcf7-captchac{border:1px solid #84637b;position:absolute;right:0px;top:0px;bottom:0px;margin:auto;}
div.wpcf7 .wpcf7-form-control-wrap{position:relative;display:block;}
div.wpcf7 span.wpcf7-not-valid-tip{position:absolute;top:0px;bottom:0px;left:0px;width:100%;margin:auto;padding:20px;z-index:2;border:1px solid #e9e9e9;background:#f6f8fa;}
div.wpcf7 .captchacode span.wpcf7-not-valid-tip{position:relative;padding:12px 20px;}
input[type="submit"],button{padding:20px 45px;font-size:13px;line-height:initial;text-transform:uppercase;}
/* Form */

/* GoUp */
#goup{padding:5px;border:none;position:fixed;bottom:5px;right:5px;display:none;background-color:#444;cursor:pointer;border-radius:5px;font-weight:600;color:#FFF;z-index:100;width:40px;height:40px;text-align:center;line-height:18px;font-size:22px;font-weight:bold;box-shadow:none;}
#goup:hover{}
/* GoUp */

/* Responsive */
@media screen and (max-width:1060px){
	#logomenusection > .wrapwidth{width:100%!important;padding:20px 3%;}
	#mainmenu div.menu ul>li>a, #mainmenu ul.menu>li>a{padding:19px 1.0791666666666667vw;}
	#topheader .axevcard ul li{padding:10px 0px 10px 6.60377358490566vw;font-size:1.2264150943396226vw;min-height:4.716981132075472vw;}
	#topheader .axevcard .vcardlabel{font-size:1.2264150943396226vw;}
	#topheader .axevcard ul li:before, #topheader .axevcard ul li:after{width:4.716981132075472vw;height:4.716981132075472vw;}
	#topheader .axevcard ul li:after{left:0.9433962264150944vw;}
	#topheader .axevcard ul li.vcardphone1:after{}
	#topheader .axevcard ul li a{font-size:1.2264150943396226vw}

	#topheader .axevcard ul li:before, #topheader .axevcard ul li:after{background-size:64%;}
	#topheader .axevcard ul li{}
}
@media screen and (max-width:860px){
	#mainmenu .axemobilecaller{display:inline-block;}
	#mainmenu .topsocial{width:70%;}
	#mainmenu .menu-main-nav-container{display:none;width:100%;}
	.fixedheader .menu-main-nav-container{max-height:250px;padding-bottom:20px;overflow:none;overflow-x:auto;}
	#mainmenu div.menu ul li, #mainmenu ul.menu li,#mainmenu ul li ul,#mainmenu ul li ul li,#mainmenu ul li ul li ul,#mainmenu ul li ul li ul li{top:auto;left:auto;position:relative;display:block;float:none;clear:both;text-align:left;box-shadow:none;background:none;color:#FFF!important;}
	#mainmenu ul li ul,#mainmenu ul li ul li ul{display:none}
	#mainmenu ul li.current_page_ancestor>a, #mainmenu ul li.current_page_item>a, #mainmenu ul li.current_page_parent>a, #mainmenu ul li:hover>a,#mainmenu ul li ul li a{color:#FFF;}
	li.mobchildopener > a:after{content:'\f0d7';position:absolute;right:10px;}
	li.mobchildopener.caretisup > a:after{content:'\f0d8';}
}
@media screen and (max-width:680px){
	.w680p img.alignright,.w680p img.alignleft,#logomenusection > .wrapwidth > .w,#logomenusection > .wrapwidth{float:none;clear:both;display:block;margin:auto;}
	.axelogoarea{text-align:center;}

	#topheader .axevcard ul li{padding:10px 0px 10px 6.61764705882353vw; font-size:1.911764705882353vw;min-height:7.352941176470589vw;}
	#topheader .axevcard .vcardlabel{font-size:1.911764705882353vw;}
	#topheader .axevcard ul li:before, #topheader .axevcard ul li:after{left:0.7352941176470589vw;width:4.705882352941177vw;height:4.705882352941177vw;}
	#topheader .axevcard ul li.vcardphone1:after{}
	#topheader .axevcard ul li a{font-size:1.911764705882353vw}
	#topheader .axevcard .plabel{margin-right:0.4411764705882353vw}
}
@media screen and (max-width:600px){
	.admin-bar .fixedheader{top:0px;}
}
@media screen and (max-width:420px){
	#footer ul.menu li a{font-size:3.333333333333333vw;padding:0px 1.4285714285714286vw;}
	.contactdetails{width:auto;min-width:80%;max-width:100%;}
}
/* Responsive */