@charset "UTF-8";
@import url('https://fonts.googleapis.com/css?family=Bitter|Poppins:300,400,600');
/* BASE LAYOUT */
html { overflow-x: hidden; /* Prevent scroll on narrow devices */ }
body { padding: 0; background-color: #fff; font-family: 'Poppins', sans-serif;font-weight:400; overflow-x: hidden;color:#666666; }
.btn {    box-shadow: inset 0 0 0 rgba(255,255,255,0), 0 0 0 rgba(0,0,0,0);}
/* TYPOGRAPHY*/
h1, h2, h3, h4, h5, h6, .btn { font-family: 'Bitter', sans-serif; line-height: 1.2em; }
a {color:inherit;}
a:hover {color:#999;}

/* HEADER */
#header { background-color: #0278B2 !important; }

/*TOP BAR*/
.secondary-header { background-color: #0278B2 !important; font-size: 12px; color: #ffffff;}
.alignright.social-header-links { background-color: #EABD48;}
.alignright.social-header-links a img { border-right: 1px solid #EABD48;}
ul.header-socials li { font-size: 17px; border-right: 1px solid #fff;}

/*SHOW GRID*/
.show-grid a { color: #FFFFFF !important;}
.show-grid:not(:first-child) { border-top: 1px solid #fff; }
.sub-nav dt a, .sub-nav dd a, .sub-nav li a { color: #FFF;}
.sub-nav dd a { border-right: 1px solid rgba(255,255,255,0.25); }

/*HOMEPAGE CATEGORIES*/
/* USE BELOW TO ADD COLOR OVERLAY ONTOP OF BACKGROUND IMAGES*/
/*#cat1  {background:  linear-gradient(rgba(21, 83, 166, 0.15), rgba(21, 83, 166, 0.15)), url(/category/1.JPG); background-position: center;} 
#cat2  {background:  linear-gradient(rgba(21, 83, 166, 0.15), rgba(21, 83, 166, 0.15)), url(/category/2.JPG); background-position: center;} 
#cat3  {background:  linear-gradient(rgba(21, 83, 166, 0.15), rgba(21, 83, 166, 0.15)), url(/category/3.JPG); background-position: center;} 
#cat4  {background:  linear-gradient(rgba(21, 83, 166, 0.15), rgba(21, 83, 166, 0.15)), url(/category/4.JPG); background-position: center;} 
#cat5  {background:  linear-gradient(rgba(21, 83, 166, 0.15), rgba(21, 83, 166, 0.15)), url(/category/5.JPG); background-position: center;} 
#cat6  {background:  linear-gradient(rgba(21, 83, 166, 0.15), rgba(21, 83, 166, 0.15)), url(/category/6.JPG); background-position: center;} 
#cat7  {background:  linear-gradient(rgba(21, 83, 166, 0.15), rgba(21, 83, 166, 0.15)), url(/category/7.JPG); background-position: center;} 
#cat8  {background:  linear-gradient(rgba(21, 83, 166, 0.15), rgba(21, 83, 166, 0.15)), url(/category/8.JPG); background-position: center;} 
#cat9  {background:  linear-gradient(rgba(21, 83, 166, 0.15), rgba(21, 83, 166, 0.15)), url(/category/9.JPG); background-position: center;} 
#cat10  {background:  linear-gradient(rgba(21, 83, 166, 0.15), rgba(21, 83, 166, 0.15)), url(/category/10.JPG); background-position: center;} 
#cat11  {background:  linear-gradient(rgba(21, 83, 166, 0.15), rgba(21, 83, 166, 0.15)), url(/category/11.JPG); background-position: center;} 
#cat12  {background:  linear-gradient(rgba(21, 83, 166, 0.15), rgba(21, 83, 166, 0.15)), url(/category/12.JPG); background-position: center;} */
p.content-para { color: #111; font-size: 34px !important; }
p.content-para a { border: 1px solid #000; color: #000; font-size: 15px; }
.fullwidth#lower-view-contents p.content-para, .fullwidth#lower-view-contents p.content-para a { color: #fff; }
.fullwidth#lower-view-contents p.content-para a { border: 1px solid #fff; }
.fullwidth#upper-view-contents .layout-column p.content-para, .fullwidth#upper-view-contents2 .layout-column p.content-para,.fullwidth#middle-view-contents .layout-column p.content-para, .fullwidth#middle-view-contents2 .layout-column p.content-para,.fullwidth#lower-view-contents .layout-column p.content-para { font-size: 42px !important;}
.fullwidth#upper-view-contents .one-third p.content-para, .fullwidth#upper-view-contents .one-third p.content-para a, .fullwidth#upper-view-contents2 .one-third p.content-para, .fullwidth#upper-view-contents2 .one-third p.content-para a { color: #fff; }
.fullwidth#upper-view-contents .one-third p.content-para a, .fullwidth#upper-view-contents2 .one-third p.content-para a { border: 1px solid #fff; }
div#mid-contents-wrapper h2 { font-size: 48px !important; color: #929395 !important; }
div#mid-contents-wrapper h1 { font-size: 66px !important; }
div#mid-contents-wrapper p { font-size: 20px !important; color: #111 !important;}
.mid-content-wrapper a { background-color: #006d65; color: #fff; font-size: 17px !important; }
div#mid-contents-wrapper h2 { font-size: 48px !important; color: #929395 !important; }
div#mid-contents-wrapper h1 { font-size: 66px !important;  }
div#mid-contents-wrapper p { font-size: 20px !important; color: #111 !important;  }
.mid-content-wrapper a { background-color: #006d65; color: #fff; font-size: 17px !important; }
p.content-para a {  /*USE THIS CODE IF ADDING SUBITEMS*/ /*background: none !important; padding: 0px !important;border:none !important;line-height:25px !important;display:block;*/ }
.fullwidth#upper-view-contents .layout-column p.content-para, .fullwidth#upper-view-contents2 .layout-column p.content-para,.fullwidth#middle-view-contents .layout-column p.content-para, .fullwidth#middle-view-contents2 .layout-column p.content-para,.fullwidth#lower-view-contents .layout-column p.content-para {border: 0 !important; width: 205px;  }
.fullwidth#upper-view-contents .layout-column p.content-para > a.sub-item, .fullwidth#upper-view-contents2 .layout-column p.content-para > a.sub-item,.fullwidth#middle-view-contents .layout-column p.content-para > a.sub-item, .fullwidth#middle-view-contents2 .layout-column p.content-para > a.sub-item, .fullwidth#lower-view-contents .layout-column p.content-para > a.sub-item { }
.white {color:#fff !important;}
.fullwidth#upper-view-contents .layout-column p.content-para, .fullwidth#upper-view-contents2 .layout-column p.content-para,.fullwidth#middle-view-contents .layout-column p.content-para, .fullwidth#middle-view-contents2 .layout-column p.content-para,.fullwidth#lower-view-contents .layout-column p.content-para {border: 0 !important; width: 205px; line-height: 35px !important; }
@media (max-width: 1024px) { .fullwidth#upper-view-contents .layout-column p.content-para, .fullwidth#upper-view-contents2 .layout-column p.content-para, .fullwidth#middle-view-contents .layout-column p.content-para, .fullwidth#middle-view-contents2 .layout-column p.content-para,.fullwidth#lower-view-contents .layout-column p.content-para { font-size: 32px !important;line-height:24px;}}


/* PRODUCT SEARCH ------------------------------------ */
#product-search-attributes:hover { border: 1px solid#D8D8D8; }
#product-search-attributes li a:hover { color: #666666; }
#product-search-attributes li a .button { color: #fff !important; }
#product-nav { margin-bottom: 0; background-color: #fff; color: #666 !important; }
#product-nav label { color: #fff; font-size: .65em; }
#product-nav select { font-size: .95em; }
#product-nav ul.pagination li a { color: #666; font-size: .95em; }
#product-nav ul.pagination > li > a, #product-nav ul.pagination > li > span { color: #666; background-color: rgba(255,255,255,0); border: none; }
#product-nav ul.pagination > li > a:hover, #product-nav ul.pagination > li > span:hover, #product-nav ul.pagination > li > a:focus, #product-nav ul.pagination > li > span:focus { color: #E9573F; background-color: rgba(255,255,255,0); border-color: rgba(255,255,255,0); }

/* PRODUCT DETAILS */
.product-tabs .tab-content { background: #ffffff; border: 1px solid #D8D8D8; }
.product-tabs .tab-title > a { background: #333; color: #fff;}
.product-tabs .tab-title > a:hover { background: #525252; }
.product-tabs .tab-title.active a { background: #D8D8D8; color: #333; }
.white-panel { background-color: #fff; }
#spinner-entry { border-color: #57B55F; color: #000;}
.spin-down a, .spin-up a, .spin-down a:focus, .spin-up a:focus { font-size: 1.75em; color: #000 !important; }
.spin-down, .spin-up { -webkit-appearance: none; background-color: #FFFFFF; border-style: solid; border-width: 1px; border-color: #57B55F; box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); margin: 0 0 1rem 0; padding: 0.5rem; height: 3.5rem; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; transition: box-shadow 0.45s, border-color 0.45s ease-in-out; /*BACKGROUND *//* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjciLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzU3YjU1ZiIgc3RvcC1vcGFjaXR5PSIwLjQiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==); background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,0.7) 50%, rgba(87,181,95,0.4) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(50%, rgba(255,255,255,0.7)), color-stop(100%, rgba(87,181,95,0.4))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,0.7) 50%, rgba(87,181,95,0.4) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,0.7) 50%, rgba(87,181,95,0.4) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,0.7) 50%, rgba(87,181,95,0.4) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(255,255,255,0.7) 50%, rgba(87,181,95,0.4) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#6657b55f', GradientType=0 ); /* IE6-8 */
}
#product-search-attributes:hover {background-color:rgba(0,0,0,0.05);}
#sidebar-nav {background-color: rgba(0,0,0,0.03);}

/* RESPONSIVE TABS */
.responsive-tabs-container[class*="accordion-"] .accordion-link { background-color: #f5f5f5; border-radius: 3px; border: 1px solid #ddd; color: #333; }

/* WISHLIST */
.wishlist-row a i:hover { color: #666; }
.wishlist-row { border-bottom: 1px solid #F9F9F9; }

/* Footer */
#footer { padding: 20px 0;color:#fff; }
#footer p { }
#footer i { }
#location-footer a, #location-footer p,#location-footer h1,#location-footer h2,#location-footer h3,#location-footer h4,#location-footer h5,#location-footer h6 { color:#FFF; }
#location-footer {}
#footer a:hover { color: #eee; }
.back-to-top {background-color:#EABD48 !important}
/* Apply the base font size in a px value to the body element */
body {
 font-size: 14px;
}

/* Media query to adjust the base font size on desktops and above */
@media all and (min-width: 981px) {
 body { font-size: 16px; }
}

/* Media query for tablets and phones in landscape mode */
@media all and (max-width: 980px) {
 body { font-size: 14px; }
}


/* Media query for mobile phones in portrait mode */
@media all and (max-width: 479px) {
 body { font-size: 12px; }
}

/* Setting the font size for title elements: 1em = the body font size px value */

h1, .et_pb_section .et_pb_text h1 {
 font-size: 3em;
}

h2, .et_pb_section .et_pb_text h2 {
 font-size: 1.6em;
}

h3, .et_pb_section .et_pb_text h3 {
 font-size: 1.4em;
}

h4, .et_pb_section .et_pb_text h4 {
 font-size: 1.3em;
}

h5 {
 font-size: 1.2em;
}

h6 {
 font-size: 1em;
}

/* FROM CLIENT SITE */
.banner--internal h1 {
    color: #0278B2;
    font-family: "Poppins","Helvetica Neue","Calibri",Helvetica,Arial,sans-serif;
    font-weight: 600;
    font-size: 6rem;
    letter-spacing: 0.2em;
    line-height: 1em;
    text-align: center;
    text-transform: uppercase;
}
  .banner--internal {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 110px 30px;
}
  .section--padded {
    padding-bottom: 50px;
    padding-top: 50px;
}
 .home--intro {
    font-size: 2.2rem;
    line-height: 2.6em;
    margin-bottom: 70px;
    text-align: center;
}
  .text-bitter {
    font-family: "Bitter",Georgia,serif;
}
  .text-blue {
    color: #0278B2;
}
  .img-fill {
    height: auto;
    width: 100%;
}
  p.spaced {
    line-height: 2.2em;
    margin-bottom: 2em;
}
h3 {font-size: 2em;}
  
.text-white {
    color: #fff;
}
  .box--local {
    padding-left: 30px;
    padding-right: 30px;
}
.text-poppins {
    font-family: "Poppins","Helvetica Neue","Calibri",Helvetica,Arial,sans-serif;
}
@media only screen and (min-width: 768px) {.callout-about {height: 200px;}}
.callout-about {
    border-bottom: 2px solid #EABD48;
    margin-bottom: 25px;
}
@media only screen and (min-width: 768px) {.callout-about {height: 300px;}}
.callout-about {
    border-bottom: 2px solid #EABD48;
    margin-bottom: 25px;
}
.callout {
    padding: 40px 30px;
}
.bg-grey_pattern, #accordion .panel, .related_post li, .index--post {
    background: url('/icon/bg-grey_pattern.JPG') repeat;
}


.panel-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 16px;
    color: inherit;
}
#accordion .panel-heading {
    border: none !important;
    padding: 18px 15px 16px;
}
.panel-group .panel-heading {
    border-bottom: 0;
}

#accordion .panel {
    border-bottom: 2px solid #EABD48;
    border-radius: 0;
    margin-bottom: 40px;
}
.bg-grey_pattern, #accordion .panel, .related_post li, .index--post {
    background:  url('/icon/bg-grey_pattern.JPG') repeat;
}
.panel-group .panel {
    margin-bottom: 0;
    border-radius: 4px;
}
.panel {
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.05);
    box-shadow: 0 1px 1px rgba(0,0,0,0.05);
}
.accordion .panel-heading h4 a, #q1 > h4 > a > span,#q2 > h4 > a > span,#q3 > h4 > a > span,#q4 > h4 > a > span,#q5 > h4 > a > span,#q6 > h4 > a > span,#q7 > h4 > a > span,#q8 > h4 > a > span,#q9 > h4 > a > span,#q10 > h4 > a > span,#q11 > h4 > a > span {
    color: #0278B2;
    display: block;
    font-family: "Poppins","Helvetica Neue","Calibri",Helvetica,Arial,sans-serif;
    font-size: 1.6rem;
    text-decoration: none;
    text-transform: uppercase;
}
.accordion .panel-heading h4 a span:after,
#q1 > h4 > a > span:after,#q2 > h4 > a > span:after,#q3 > h4 > a > span:after,#q4 > h4 > a > span:after,#q5 > h4 > a > span:after,#q6 > h4 > a > span:after,#q7 > h4 > a > span:after,#q8 > h4 > a > span:after,#q9 > h4 > a > span:after,#q10 > h4 > a > span:after,#q11 > h4 > a > span:after{
    content: '\f0da';
    display: block;
    font-family: 'FontAwesome';
    font-size: 1rem;
    position: absolute;
    right: -30px;
    top: 6px;
}
.bg-blue_pattern, .callout--blue {background: #0278B2 url('/icon/bg-blue_pattern.JPG') repeat;}
.btn.btn--yellow {
    background: #EABD48;
    border: none;
    border-radius: 4px;
    color: #fff;
    font-family: "Bitter",Georgia,serif;
    /* font-size: 1rem; */
    font-weight: 700;
    line-height: 1em;
    padding: 10px 20px;
    text-decoration: none;
    text-transform: uppercase;
}
.btn {
    display: inline-block;
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.bg-info {background:  url('/icon/bg-grey_pattern.JPG') repeat;}

.title-bars {
    line-height: 1em;
    margin: 0;
    padding: 90px 0;
    position: relative;
}
.title-bars:before {
    top: 28px;
}
.title-bars:before, .title-bars:after {
    content: url('/icon/bars-yellow.SVG');
    display: block;
    height: 18px;
    left: 50%;
    margin-left: -44px;
    position: absolute;
    width: 88px;
}
.title-bars:after {
    bottom: 59px;
}
.title-bars:before, .title-bars:after {
    content: url('/icon/bars-yellow.SVG');
    display: block;
    height: 18px;
    left: 50%;
    margin-left: -44px;
    position: absolute;
    width: 88px;
}
h2.title-bars {letter-spacing:.1em;font-size:2.5em;}
.home--intro {
    font-size: 2rem;
    line-height: 2.5em;
    margin-bottom: 70px;
    text-align: center;
}
.wlButton { font-size:13px !important;}