body {background:#fff; color:#000; font-family: 'Open Sans', sans-serif; font-weight:400; padding: 0; margin:0; font-size:1em; overflow-x:hidden;}
p {font-family: 'Open Sans', sans-serif; line-height:1.4em;}
ul,li {line-height:1.4em;}
em {font-style:italic;}
hr{opacity:.7;}
img {
    max-width: 100%;
    height: auto;
}

*[id] {scroll-margin-top: 150px;}

a {color:#232d64; text-decoration:none;}
a:hover {color:#37479d; text-decoration:none;}
a:active, a:focus {color:#37479d; text-decoration:none;}

.btn {font-family: 'Open Sans', sans-serif; border-radius:12px; text-decoration:none; font-size:1.2rem; font-weight:700; padding: .5em 2.2em; text-transform:uppercase; display: inline-flex; align-items: center; column-gap: 0.25em;}
.btn:hover, .btn:active, .btn:focus {text-decoration:none;}

.btn-border {
    color: inherit;
    border: 3px solid #fff;
}
.btn-border:hover {background:#fff; color:#000; border-color:#fff;}

.btn-yellow {background:#FFF500; color:#333;}
.btn-yellow:hover {background:#E5D400; color:#333;}

.btn-orange {background:#e36c0a; color:#fff;}
.btn-orange:hover {background:#ca6109; color:#fff;}

.btn-blue {background:#232d64; color:#fff;}
.btn-blue:hover {background:#37479d; color:#fff;}

.btn-outline-blue {background:transparent; border:2px solid #232d64; color:#232d64;}
.btn-outline-blue:hover, .btn-outline-blue:active, .btn-outline-blue:focus {background:#232d64; border-color:#232d64; color:#fff;}

.btn-glass {
    background: linear-gradient(135deg, rgba(199,234,251,0.4) 0%,rgba(199,234,251,0.4) 75%,rgba(199,234,251,0.2) 100%);
    border: 2px solid rgba(199,204,203,0.4);
    color: #fff;
    backdrop-filter: blur(2px);
}

.btn-green {background: linear-gradient(135deg, rgba(169,197,56,1) 0%,rgba(130,154,50,1) 75%,rgba(169,197,56,1) 100%); color:#fff; border: 2px solid #829a32;}
.btn-green:hover, .btn-green:active, .btn-green:focus {background: linear-gradient(135deg, rgba(130,154,50,1) 0%,rgba(130,154,50,1) 75%,rgba(130,154,50,1) 100%); color:#fff;}

.btn-grey {background: linear-gradient(135deg, rgba(87,105,117,1) 0%,rgba(63,74,84,1) 75%,rgba(87,105,117,1) 100%); color:#fff; border: 2px solid #3F4A54;}
.btn-grey:hover, .btn-grey:active, .btn-grey:focus {background: linear-gradient(135deg, rgba(63,74,84,1) 0%,rgba(63,74,84,1) 75%,rgba(63,74,84,1) 100%); color:#fff;}

.btn-arrow {background:#fff url(images/arrow.png) no-repeat center right; background-size:contain; color:#2b5fac; padding: 6px 45px 6px 12px; border:0;}
.btn-arrow:hover {background:#2b5fac url(images/arrow-hover.png) no-repeat center right; background-size:contain; padding: 6px 45px 6px 12px; color:#fff;}


.btn-underline {
    border-bottom:2px solid #ddd;
    padding: 0.5em 1em;
    font-family: 'Open Sans', sans-serif;
    text-transform:uppercase;
    font-weight:700;
    transition: 0.5s all ease-in-out;
    border-radius:0;
    color:#de1518;
}

.btn-underline:hover {
    background:#de1518;
    color:#fff;
    border-bottom:2px solid #de1518;
}

.btn-sm {font-size:80%;}

pre {
    white-space: normal;       /* Since CSS 2.1 */
    white-space: -moz-normal;  /* Mozilla, since 1999 */
    white-space: -normal;      /* Opera 4-6 */
    white-space: -o-normal;    /* Opera 7 */
    word-wrap: break-word;       /* Internet Explorer 5.5+ */
    font-size:inherit;
}

.container.fourteen {max-width:1400px;}

.bg-red {background:#EE3F42;}
.bg-black {background:#000;}
.bg-yellow {background:#FFF500;}
.bg-orange {background:#e36c0a;}
.bg-blue {background:#232d64;}
.bg-gray {background:#F0F0F0;}
.bg-primary {background:#041E42 !important;}
.bg-gold {background:#E3C665;}
.bg-light-trans {background:rgba(255,255,255,0.9);}
.bg-green {background:rgba(169,197,56,1);}
.bg-biege {background:#ece8e4;}

.bg-gradient-trans {
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#576974+0,161a1c+100 */
background: rgb(87,105,116); /* Old browsers */
background: -moz-linear-gradient(left,  rgba(87,105,116,0.8) 0%, rgba(22,26,28,0.8) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(87,105,116,0.8) 0%,rgba(22,26,28,0.8) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(87,105,116,0.8) 0%,rgba(22,26,28,0.8) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#576974', endColorstr='#161a1c',GradientType=1 ); /* IE6-9 */

}

.curve-top:before {
	content:'';
	display:block;
	width:100%;
	position:absolute;
	height:86px;
	top:0;
    background-image:url(/wp-content/uploads/2021/10/curve-top.png);
    background-position:top center;
    background-repeat: no-repeat;
}

.grecaptcha-badge {
	right:-10000px !important;
}

@media (min-width:1920px) {
	.curve-top:before {background-size:100%; background-position:bottom center;}
}


.rt-reading-time {
    color: #aaa;
    margin-bottom: 25px;
    font-style: italic;
}

.shadow-center {box-shadow: 0 0 2rem rgba(0,0,0,0.15);}

.gold-panel {background:#E3C665; padding: 25px; display:inline-block; margin-bottom:15px;}
.gold-panel h3 {color:#03529B;}
.gold-panel p, .gold-panel li {color:#03529B;}

.text-lg {font-size:120%;}
.text-xlg {font-size:150%;}
.text-blue {color:#232d64;}
.text-red {color:#EE3F42;}


/****** Universal styles ******/
h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5,h6,.h6 {font-family:'Barlow Condensed', sans-serif; font-weight: 400; line-height:1.2em; color:#000; margin-bottom:0.5em;}

.h1, h1 {
    font-size: calc(2rem + 1.5vw);
    color:#232d64;
}

.h2, h2 {
    font-size: calc(2rem + .9vw);
}

.h3, h3 {
    font-size: calc(2rem + .6vw);
}

.h4, h4 {
    font-size: calc(2rem + .3vw);
}

@media (min-width: 1200px) {
    .h1, h1 {
        font-size: 3rem;
    }
    .h2, h2 {
        font-size: 2.75rem;
    }
    .h3, h3 {
        font-size: 2.5rem;
    }
    .h4, h4 {
        font-size: 2.25rem;
    }
}


h1 span.small {font-weight:400; text-transform:initial; font-size:50%; display:block; line-height:1em; color:#666;}


.black{color:#000;}
.red a {color:#ed2124;}
.red.btn {color:#fff;}
span.red {color:#fff; background:#ed2124; font-size: 50%; vertical-align:top; padding: 4px 8px;}

.lite, .pink, .zen, .pricing, .snow, .tri, .feathers, .wall, .sf {background-color:#eee; color:#333;}
.repeat, .zen, .wood, .leather, .ratings {background-repeat:repeat;}
.no-repeat, .map, .sf{background-repeat:no-repeat;}

.clr {clear:both; height:10px;}
.clrMid {clear:both; height:50px;}
.clrTop {clear:both; height:88px;}

.edit-link {
    position: fixed;
    bottom: 10px;
    right: 10px;
    z-index: 99999999;
}

p.lead {}

.entry-content ul {list-style:disc; }
.entry-content ol {list-style:decimal; }
.entry-content #primary.widget-area ul.sid, .nav-tabs {margin-left:0;}

.entry-content ul.half li {width: 50%; float:left;}
.entry-content ul.thirds li {width: 33%; float:left;}
.entry-content ul.fourths li {width: 25%; float:left;}

ul.check {
    list-style: none;
    margin-left: 10px;
}

ul.check li:before {
    content: '\f00c';
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    margin-right: 10px;
    color: #CC1320;
}

.round {border-radius:1000px;}

.panel-heading {font-size:1em; font-family:'Open Sans', sans-serif;}

.panel.panel-white {border-radius:0; border:2px solid #2b5fac; margin: 10px;}
.panel.panel-white .panel-body {padding: 35px 25px;}

.line-below:after {content:''; display:block; width:80px; margin:10px auto 30px; border-bottom: 5px solid #CC1320;}

.row.collapse {
    display: block;
margin:0;
}

.row.collapse .col-sm-4 {
    padding: 0;
}

.home .row.collapse {border: 2px solid #fff;}
.home .row.collapse img {border: 2px solid #fff;}

.brand {
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center center;
}

.brand a {
	display:block;
	height:600px;
	position:relative;
	color:#fff;
	background-color:rgba(4,30,66,0);
	transition: 0.2s background ease-in-out;
}

.brand.slim a {
	height:288px;
}

.brand a img {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: 200px;
	max-height:75px;
	transition: 0.2s top ease-in-out;
}

.brand a span {
    opacity: 0;
    display: block;
	text-align:center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 90%;
	transition: 0.2s opacity ease-in-out, 0.2s top ease-in-out;
}


.brand a:hover {
    background:rgba(4,30,66,0.85);
}

.brand a:hover span {
	opacity:1;
	top:60%;
}

.brand a:hover img {
	top:40%;
}

.brand.slim a:hover span {
	top:65%;
}

.brand.slim a:hover img {
	top:35%;
}

#home_careers {
	background-position: 100% 0;
	background-size:contain;
	background-repeat:no-repeat;
}


.white-text>* {color:#fff;}
.white-text span.small {color:#ddd;}


.service_links strong {
    color: #eec541;
    font-size: 1.5em;
}

.service_links {
    margin-top: 15px;
}



#sidebar .card {margin-bottom: 15px; overflow:hidden;}
#sidebar .card .card-body {padding:0;}
#sidebar .card ul {margin:0; list-style:none;}
#sidebar .card ul li a {display:block; padding: 10px 10px 10px 20px; background:#fff;border-bottom: 1px solid #ddd;}
#sidebar .card ul li:last-child a {border-bottom: 0;}
#sidebar .card ul li a:hover {text-decoration:none; background:#f9f9f9;}

.side-icon {width:100px; height:100px; margin: 15px auto; background:#fff; color:#CC1320; border-radius:1000px;}
.side-icon i {line-height:100px;}

.callout.panel {
    padding: 15px 20px;
    background: #eee;
    border: 1px solid #ccc;
    border-radius: 5px;
}

.callout.panel h2 {font-size:1.6em;}


#markets .list-inline-item {
    margin-bottom: 2em;
}


.wp-block-quote {
    margin-bottom: 1rem;
    border-left: 4px solid #ccc;
    font-size: 1.25rem;
    padding-left: 25px;
}

.wp-block-quote p {margin:0; line-height:1.4em; padding:0;}
.wp-block-quote cite {
    display: block;
    font-size: 80%;
    color: #6c757d;
}
.wp-block-quote cite::before {
    content: "\2014 \00A0";
}



/************* OFFCANVAS MENU **************/
#site-wrapper {
    position: relative;
    overflow: hidden;
    width: 100%;
}

#site-canvas {
    width: 100%;
    height: 100%;
    position: relative;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: .3s ease all;
    transition: .3s ease all;
}

#site-menu {
    width: 20em;
    height: 100%;
    position: absolute;
    top: 0;
    right: -20em;
    padding: 15px;
background: #000000; /* Old browsers */
background: -moz-linear-gradient(left,  #000000 0%, #050912 2%, #050912 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #000000 0%,#050912 2%,#050912 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #000000 0%,#050912 2%,#050912 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#050912',GradientType=1 ); /* IE6-9 */

}

#site-menu .menu-title {text-align:center; color:#fff; font-size:2.125em; font-weight:bold;}



#site-wrapper.show-nav #site-canvas {
    -webkit-transform: translateX(-20em);
    transform: translateX(-20em);
}

/* a.toggle-nav {position: absolute; top:0; right:0; font-size:2em; } */









/****** SECTIONS ******/

#main_header {padding: 0; background:#fff;}


.menu-overlay {
    position: fixed;
    z-index: 1050;
    width: 100%;
    height: 100%;
    display: flex;
    background: linear-gradient(135deg, rgba(230, 247, 255,0.9) 0%,rgba(230, 247, 255,0.98) 75%,rgba(230, 247, 255,0.9) 100%);
    backdrop-filter: blur(4px);
    align-items: center;
    justify-content: center;
}

.menu-overlay a#close-menu {
    position: absolute;
    top: 5px;
    right: 15px;
    font-size: 2em;
    color: rgba(0, 0, 0, 0.35);
    transition:0.2s transform ease-in-out;
}
.menu-overlay a#close-menu:hover {
    color: rgba(0, 0, 0, 0.75);
    transform:scale(1.1);
}





.large {font-size:1.7em; line-height:1.15em;}

.text-small {font-size:120%;}

#logo {width:160px;}

#top_header {
    background:#eec541;
    padding:5px 10px;
}

#top_header p {margin:0;}

.swoosh {
    background:#fff url(images/red-blue-swoosh.png) no-repeat left bottom;
    position:relative; 
    width:100%;
    height:87px;
    z-index:5;
    transition:0.3s background-position ease-in-out, 0.3s top ease-in-out;
}

.sticky-top.bg-blue {
    top:-30px;
    z-index:200;
}

.sticky-top.bg-blue .swoosh {
    background:#03529B;
}

.service-btns {
    position:absolute;
    right:0;
    z-index:4;
}

.service-btns .items {
    background:rgba(0,0,0,0.5);
    padding:10px;
    border-bottom:5px solid #333;
    float:right;
    display:inline-block;
    width:270px;
    transition:0.5s margin ease-in-out;
}

.service-btns .btn {
    width:100%;
}

.service-btns .btn-item:first-child {
    margin-bottom:10px;
}

.service-btns .close_hide {
    text-align: center;
    position: relative;
    width: 40px;
    margin: 0 auto;
    top: 15px;
    cursor:pointer;
}

.service-btns .close_hide .close_btn {
  width: 40px;
    height: 24px;
  border-radius: 0 0 100% 100%;
  background-color: #333;
  color:#fff;
  margin-bottom:-24px;
}

.tagline:after {
    content: '';
    display: inline-block;
    width: 50px;
    height: 20px;
    position: relative;
    background: url(images/underscore.png) no-repeat center center;
    background-size: contain;
    margin-left: -41px;
    top: 20px;
}


#pmPulloutWidgetButton {
    position: absolute !important;
    top: -18px;
    left: 420px;
}

.cart_items {
    position: absolute;
    right: 20px;
    top: 20px;
    font-size: 1.5em;
    z-index:2;
}





.text-col-2 {
-webkit-columns: 300px 2;
   -moz-columns: 300px 2;
        columns: 300px 2;
        
  -webkit-column-gap: 2em;
  -moz-column-gap: 2em;
  column-gap: 2em;
}






section,.section{padding-top:120px;padding-bottom:120px;position:relative;}

section.container {padding:40px;}
section.tight {padding: 25px 0;}
section.tall {padding: 200px;}
section.full {height: 100%; overflow:visible;}
section.single-page {padding-bottom:0;}

section.front {
    height:500px;
	background:#03529B;
}

section.front h1 {
    color: #fff;
}

section.front p {color:#fff; }
section.front .btn {text-shadow:none; margin-top:20px;}



.home_faq h3 {font-size:1.55em;}

.home_faq > div {position:relative; padding-left: 70px;}

.home_faq > div:before {
    content:'';
    width:48px;
    height:48px;
    border-radius:100em;
    background:#b0b0bd url(https://beta.connecticainc.com/eagerplumbing/wp-content/uploads/2026/04/question-mark-64.png) no-repeat center center;
    background-size:30px;
    position:absolute;
    left:0;
    top:6px;
    display:block;
}


section.top-header {
    background:linear-gradient(90deg, #343a40, #0000), url(https://beta.connecticainc.com/eagerplumbing/wp-content/uploads/2026/04/plumbing-repair-services-e1776456391682.jpeg) no-repeat center center;
    background-size:cover;
    padding:90px 0;
}

section.top-header h1, section.top-header .h1 {color:#fff;}


.card.custom {overflow:hidden; border:0; cursor:pointer; border-radius:15px;
background: #333333 url(https://beta.connecticainc.com/egm/wp-content/uploads/2021/09/flare-e1631131084581.png) no-repeat top left;
	transition:0.25s background-color ease-in-out, 0.5s box-shadow ease-in-out;
}



.card.custom:hover {
background-color: #000000;
	box-shadow: 0 0 1rem rgba(0,0,0,.6)!important;
}

.card.custom .card-header {
    background: transparent;
    border: 0;
    background-size: 30px;
	position:relative;
	z-index:1;
	color:#fff;
}

/*.card.custom:before {content: ''; height: 500px; background: #333; display: block; position: absolute; left: 0;top: -435px; width: 100%; transform: skewY(-3deg); z-index: 0; transition: 0.35s top ease-in-out; z-index:0;}*/

.card.custom:hover:before {
	top:-40px;
}

.card.custom .card-body {
    z-index: 1;
    font-size: 80%;
	color:#fff;
}

.card.custom .card-body.img img {
    width: 100%;
}

.card.custom a {
    color: inherit;
    text-decoration: underline;
    font-size: 120%;
}

.card.custom .card-body.img {
    padding: 10px 0px 0px;
	top:0;
	left:0;
	position:relative;
	transition: 0.5s left ease-in-out;
}

.card.custom .card-body.txt {
	position:absolute;
	width:100%;
	transition: 0.5s right ease-in-out;
	right: -500px;
	top:90px;
	padding-left:30px;
	padding-right:30px;
}

.card.custom:hover .card-body.txt {
	right: 0px;
}

.card.custom:hover .card-body.img {
	left: -500px;
}

.card.custom .card-body.txt a {position:relative;}

.card.custom:hover .card-body.txt a {
	animation: linear infinite alternate;
  animation-name: run;
  animation-duration: 0.5s;
}

@-webkit-keyframes run {
    0% {
      left: -5%;
      transform: translateX(5%);
    }
    100% {
      left: 5%;
      transform: translateX(-5%);
    }
}


.cct_fullwidth {
    width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
}


section#world_leader { padding:20px; margin-top:-110px;}
section#world_leader h1 {font-weight:400;}

.timeline strong {
	color:#041E42;
	font-size:2em;
	float:left;
	padding: 5px 10px 10px 0px;
}



.list-group-brands {
    text-align: center;
    display: block;
	margin-bottom:30px;
}

.list-group-brands .list-group-item {
    vertical-align: middle;
    display: inline-block;
    width: 168px;
    border: 0;
}

.list-group-brands .list-group-item.active {
    border: 0;
    background: #eee;
}

section.bg-blue-slant {overflow:visible; background: #03529B; padding: 60px 0;}

section.bg-blue-slant:before {
    content: '';
    display: block;
    width: 100%;
    height: 140px;
    position: absolute;
    margin-top: -125px;
    z-index: -1;
    left: 0;
    background: #03529B;
    transform: skewY(-3deg);
}

section.bg-blue-slant:after {
    content: '';
    display: block;
    width: 100%;
    height: 170px;
    position: absolute;
    margin-top: -10px;
    z-index: -1;
    left: 0;
    background: #03529B;
    transform: skewY(3deg);
}

section.bg-red-slant {overflow:visible; background: #EE3F42; padding: 60px 0;}

section.bg-red-slant:before {
    content: '';
    display: block;
    width: 100%;
    height: 140px;
    position: absolute;
    margin-top: -125px;
    z-index: -1;
    left: 0;
    background: #EE3F42;
    transform: skewY(3deg);
}

section.bg-red-slant:after {
    content: '';
    display: block;
    width: 100%;
    height: 170px;
    position: absolute;
    margin-top: -10px;
    z-index: -1;
    left: 0;
    background: #EE3F42;
    transform: skewY(-3deg);
}


section.bg-gray-slant {overflow:visible; background: #333; padding: 60px 0;}

section.bg-gray-slant:before {
    content: '';
    display: block;
    width: 100%;
    height: 140px;
    position: absolute;
    margin-top: -125px;
    z-index: -1;
    left: 0;
    background: #333;
    transform: skewY(3deg);
}

section.bg-gray-slant:after {
    content: '';
    display: block;
    width: 100%;
    height: 170px;
    position: absolute;
    margin-top: -10px;
    z-index: -1;
    left: 0;
    background: #333;
    transform: skewY(-3deg);
}


section.bg-white-slant {overflow:visible; background: #fff; padding: 60px 0;}

section.bg-white-slant:before {
    content: '';
    display: block;
    width: 100%;
    height: 140px;
    position: absolute;
    margin-top: -125px;
    z-index: 0;
    left: 0;
    background: #fff;
    transform: skewY(3deg);
}

section.bg-white-slant:after {
    content: '';
    display: block;
    width: 100%;
    height: 170px;
    position: absolute;
    margin-top: -5px;
    z-index: -1;
    left: 0;
    background: #fff;
    transform: skewY(-3deg);
}

#front_services {
    position:relative;
}

#front_services .content {
    position:relative;
    z-index:1;
}

#front_services::before, #front_services::after { 
    content: ""; 
    position: absolute; 
    top: 10px; 
    left: 10px; 
    width: 0; 
    height: 0; 
    background: transparent; 
    border: 2px solid transparent; 
    z-index:0;
} 
 
#front_services.animate_border::before { 
    animation: animate_border 2s linear forwards; 
} 

#front_services.animate_border::after { 
    animation: animate_border2 2s linear forwards; 
} 

.metaslider {overflow:hidden;}

.ctct-form-embed.form_0 .ctct-form-defaults {
    background: transparent !important;
    color: #fff !important;
    padding: 0;
}
.ctct-form-embed.form_0 .ctct-form-defaults .ctct-form-header, div.ctct-form-embed form.ctct-form-custom label.ctct-form-label, div.ctct-form-embed div.ctct-form-defaults p.ctct-gdpr-text, div.ctct-form-embed div.ctct-form-defaults p.ctct-gdpr-text a.ctct-form-footer-privacy-link, div.ctct-form-embed div.ctct-form-defaults p.ctct-gdpr-text a.ctct-form-footer-link {
    color:#fff !important;
}

.ctct-form-embed.form_0 .ctct-form-custom .ctct-form-button {
    background:#fff !important;
    color:#03529B !important;
    border:0 !important;
    text-transform:uppercase !important;
    font-size:1.3em !important;
}


.blue_poly_short {position:relative; width:100%; height:105px; margin-top:-103px; background:url(images/blue-poly.png) no-repeat center bottom; background-size:100%;}
.blue_poly_long {position:absolute; width:100%; height:200px; margin-top:-198px; background:url(images/blue-poly-long.png) no-repeat center bottom; background-size:100%;}

.red_poly_1 {display:inline-block; color:#fff; width:250px; background:#ef3f43; padding: 5px 15px;}
.red_poly_1:before {content:''; width:250px; height:15px; display:block; position:absolute; margin-left: -15px; margin-top: -20px; background:url(images/red-poly-top-1.png) no-repeat left bottom; background-size:100%;}
.red_poly_1:after {content:''; width:250px; height:5px; display:block; position:absolute; margin-left: -15px; margin-top: 5px; background:url(images/red-poly-bot-1.png) no-repeat left top; background-size:100%;}

.p-50 {padding:50px;}
.mb-100 {margin-bottom:100px;}



.bg-blue .entry-content p {color:#fff;}
.bg-blue .entry-content h2 {color:#e3c665;}
.bg-blue .entry-content h3 {color:#fff; font-weight:bold;}


.modal-backdrop {z-index:9999;}
.modal {z-index:10000;}


#testimonials .flex {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex; 
  -webkit-flex-flow: row wrap;
  justify-content: space-around;
  align-content: space-between;
  align-items: flex-start;
}

section#front-testimonials .container { margin-bottom:100px;}

.easy-t-cycle-controls {
    text-align: center;
    display: flex;
}

.easy-t-cycle-prev, .easy-t-cycle-next {
    float: none;
    padding: 1px 8px;
    border: 2px solid #fff;
    margin: 0 0 0 10px;
}

.easy-t-cycle-prev:hover, .easy-t-cycle-next:hover {background:#fff; color:#333; border: 2px solid #fff;}

.easy_testimonial:before {
    background:url(images/quote.png) no-repeat center left; 
    background-size:contain;
    content:'';
    width:50px;
    height:50px;
    position: relative;
    display:block;
}

.easy_testimonial .testimonial_body p {
    line-height:1.5em;
    font-style:italic;
}

.easy_testimonial .testimonial_author {
    font-weight:bold;
}


#testimonialPage .card-columns {margin-top:30px;}

#testimonialPage .card-columns .pixelovely_testimonial {
	position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    border: 1px solid rgba(0,0,0,.125);
    border-radius: .25rem;
	margin: 1rem 0;
    width: 100%;
	background:#fff; 
	padding: 20px; 
	box-shadow: 2px 4px 20px rgba(0,0,0,0.3);
	display:inline-block;
}

#testimonialPage .card-columns .pixelovely_testimonial:before {
	content: '';
	background:url(images/quote.png) no-repeat center center;
	background-size:contain;
	width:60px;
	height:60px;
	margin: 0 auto;
	display:block;
}


.frontfeatured, .single-post, #front_stock {
	position: relative;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}
.frontfeatured .featimg {
	margin-bottom:15px;
}
.frontfeatured .featimg img {
    width:100%;
}
.frontfeatured .info {
    padding: 20px;
}
.frontfeatured h3 {
    color:#333;
    line-height:1.2em;
	text-transform: initial;
	font-size:1.5rem;
}
.home #blog a:hover {
	text-decoration:none;
}

.featuredLinks a {margin: 10px;}

#front_stock > div {
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
	width:90%;
}


.home_video {
    position: fixed;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    
}

.home_video video {
    height:100%;
    width:100%;
    object-fit: cover;
}

.hero {padding:350px 0 100px; background:#000 url(http://lp.eagerplumbingtx.com/wp-content/uploads/2026/04/full-service-plumbing-repairs-scaled.jpg) no-repeat center center; background-size:cover;}

.hero-content {font-family:'Barlow Condensed', sans-serif; position:relative; padding:1em;}
.hero-content .call_txt {font-size:2em; font-weight:600; line-height:1em; color:#eec541;}
.hero-content .call_num {font-size:3em; font-weight:600;}
.hero-content .call_web {font-size:1.8em; line-height:1em;}
.hero p {color:#fff;}

.single-page .hero-content .call_txt {font-size:3rem;}
.single-page .hero-content .call_num {font-size:4rem;}
.single-page .hero-content .call_web {font-size:2.5rem;}

.cct_flexbox {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 2em;
    margin-top:88px;
}

.cct_flexbox .cct_img {
    min-width: 230px;
    width: 230px;
}

.cct_flexbox .cct_info {
    flex-shrink: 1;
}

@media(max-width:480px) {
    .cct_flexbox {flex-direction:column; text-align:center; margin-top:150px;}
}

section.social {background:#272727; color:#fff;}
section.social h3 {font-size:3em; color:#fff; font-weight: 900; margin-bottom:20px;}
section.social i.fa {font-size:2em; margin: 10px 10px;}
section.social form input[type="text"] {padding: 5px 10px; border: 1px solid #2e6da4; height: 35px;}
section.social form input[type="submit"].btn {
vertical-align:top;
height: 35px;
border-radius:0;
-webkit-border-top-right-radius: 4px;
-webkit-border-bottom-right-radius: 4px;
-moz-border-radius-topright: 4px;
-moz-border-radius-bottomright: 4px;
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
}


section.newsletter {background:#ce0d15; color:#fff; padding: 40px 0 25px;}
section.newsletter h3 {color:#fff;}
section.newsletter form {margin-top:15px;}
section.newsletter form input[type=text] {background:transparent; border-radius:0; border: 2px solid #fff;}
section.newsletter form input[type=text]::placeholder {color:#f9f9f9; font-size:90%; font-style:italic;}
section.newsletter form .btn {border:2px solid #fff;}
section.newsletter form .btn:hover {border:2px solid #000; background:#000; color:#fff;}



section.tophero {padding:120px 0; min-height: 400px; background:#000 center center; background-size:cover;}
section.tophero .trans-bg {background: rgba(0,0,0,0.5); width: 500px; max-width:100%; padding: 15px 25px;}
section.tophero .trans-bg h1, section.tophero .trans-bg p, section.tophero .trans-bg li {color:#fff;}

section.slick-slider {padding:0;}




section.blog .container {margin: 50px auto;}

section.blue {background:#007aa8; color:#fff; padding:100px 0;}
section.blue h2, section.blue h3 {color:#fff; font-size:2.5em;}
section.blue p {margin-bottom:30px;}
section.blue .line-below:after {border-color:#fff;}

section.ins img {margin: 10px;}

section.light-blue {background:#2e3d4d; padding:25px 0; color:#fff;}
section.light-blue h3 {color:#fff; font-size: 2.2em; text-shadow: 1px 1px 4px #000; }
section.light-blue .btn-yellow {border:3px solid #f7f405; font-weight:bold;}
section.light-blue .btn-yellow:hover {border-color:#f9bc04;}


.plan .col-sm-4 {margin-top:-84px; z-index:2;}

.plan-line {
border: 2px solid #0c6fde;
    width: 70%;
    margin: 0 auto;
    margin-top: 84px;
 z-index:2;
}


.social-media-icons a {
    background-color: transparent;
    color: #fff;
    border-radius:100px;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    display: inline-block;
    margin: 3px;
	border:1px solid #fff;
}

.social-media-icons a:hover {
    color:#fff;
}

.social-media-icons a.facebook:hover {background-color: #3B5998; border-color:#3B5998;}
.social-media-icons a.linkedin:hover {background-color: #4875B4; border-color:#4875B4;}
.social-media-icons a.twitter:hover {background-color: #33CCFF; border-color:#33CCFF;}
.social-media-icons a.google-plus:hover {background-color: #C63D2D; border-color:#C63D2D;}
.social-media-icons a.flickr:hover {background-color: #FE0883; border-color:#FE0883;}
.social-media-icons a.pinterest:hover {background-color: #CB2027; border-color:#CB2027;}
.social-media-icons a.youtube:hover {background-color: #FF3333; border-color:#FF3333;}
.social-media-icons a.tumblr:hover {background-color: #2B4964; border-color:#2B4964;}
.social-media-icons a.dribble:hover {background-color: #2B4964; border-color:#2B4964;}
.social-media-icons a.rss:hover {background-color: #F7AC1B; border-color:#F7AC1B;}
.social-media-icons a.instagram:hover {background-color: #4E433C; border-color:#4E433C;}
.social-media-icons a.email:hover {background-color: #2177FF; border-color:#2177FF;}
.social-media-icons a.tiktok:hover {background-color: #000; border-color:#000;}






/*********** Background Video Styles ***************/
.vidbcg {
position:fixed;
top:0px;
right:0px;
z-index:-1;
height:100%;
width:100%;
overflow:hidden;
	background:#000;
}

#videobcg { 
     position: absolute;
     top: 0px;
     right: 0px;
     min-width: 100%;
     min-height: 100%;
     width: 100%;
     height: auto;
     z-index: -2;
     overflow: hidden;
}

#header_specials a {
    color: #fff;
}

#header_specials {
    text-align: center;
}

#header_specials p {padding:0; margin:0;}





/****** Intro / Trainer Section, includes header/navigation *****/
.mega-menu a {font-family:'Open Sans', sans-serif;}
.navbar {margin-bottom:0; margin-top:20px; font-family:'Open Sans', sans-serif;}
a.navbar-brand {margin-top:4px;}
.navbar-brand > img {
    display: inline-block;
max-height: 45px;
}
.kanji{margin-top:-3px;}
ul#menu-main-menu {
    margin-top: 6px;
}
.nav-pills a {border:1px solid transparent;}
.nav-pills>li.active>a.btn{background-color: #fff;color:#333;}
.nav a, .nav a:link {color: #9f9f9f;}
.nav a.btn {color:#000; margin-left:10px;}
.nav a:hover, .nav a:focus {color: #000;}
.nav-pills>li.active>a, .nav-pills>li.active>a:hover, .nav-pills>li.active>a:focus, .nav-pills>li.current-menu-item>a {background-color: #00A6CF; color: #fff;}

header .head-top .nav a {color:#fff; padding: 6px 15px;}
header .head-top .nav > li > a:focus, header .head-top .nav > li > a:hover {color:#333;}

.navbar-collapse {padding:0;}
.navbar {min-height:10px; border:0px;}
.navbar .nav a, .navbar .nav a:link {color:#888; font-size:1em; text-transform:uppercase; padding: 12px 8px; margin:0 5px;}
.navbar-nav>li>a {margin: 0 10px;}
.navbar .nav .dropdown-menu>li>a {padding:6px 15px;}
.navbar .nav>li>a:focus, .navbar .nav>li>a:hover {color:#007AA8; background:#fff;}
.navbar-nav>li>.dropdown-menu {border:0;}

.navbar .nav .dropdown-menu a, .navbar .nav .dropdown-menu a:link {margin:0;}

.dropdown-menu>.active>a {background-color: #fff; color:#666;}
.dropdown-menu>.active>a:hover {background-color:#eee; color:#333;}

.navbar-toggle .icon-bar {background: #27418e;	}

/****** Location / Address / Map section *****/
.map::before {
    position: absolute;
    top: 50%;
    left:50%;
    color:#000;
    font-size:50px;
    margin-left:-25px;
    margin-top:-50px;
    text-shadow:0px 0px 20px #fff;
    font-family: 'fontfit';
    content: "\e608";
  }
.add {background-color: rgba(0,0,0,.7);
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(0,0,0,1)), to(rgba(0,0,0,0.7)));
	background: -webkit-linear-gradient(top, rgba(0,0,0,0.7), rgba(0,0,0,1));
	background: -moz-linear-gradient(top, rgba(0,0,0,0.7), rgba(0,0,0,1));
	background: -ms-linear-gradient(top, rgba(0,0,0,0.7), rgba(0,0,0,1));
	background: -o-linear-gradient(top, rgba(0,0,0,0.7), rgba(0,0,0,1));
  padding-top:10px; padding-bottom:0px; }
p.move{margin-top:650px;margin-bottom:10px;}
.map p small {background-color:rgba(255,255,255,.7);text-shadow: 0 -1px 0 rgba(255,255,255,1);}



/****** Inverted (light on dark) buttons ******/
.btn-invert {
  color: #fff;
  background-color: #000;
  border-color: #222;
}
.btn-invert:hover,
.btn-invert:focus,
.btn-invert:active,
.btn-invert.active,
.open > .dropdown-toggle.btn-invert {
  color: #e6e6e6;
  background-color: #333;
  border-color: #111;
}
.btn-invert:active,
.btn-invert.active,
.open > .dropdown-toggle.btn-invert {
  background-image: none;
}
.btn-invert.disabled,
.btn-invert[disabled],
fieldset[disabled] .btn-invert,
.btn-invert.disabled:hover,
.btn-invert[disabled]:hover,
fieldset[disabled] .btn-invert:hover,
.btn-invert.disabled:focus,
.btn-invert[disabled]:focus,
fieldset[disabled] .btn-invert:focus,
.btn-invert.disabled:active,
.btn-invert[disabled]:active,
fieldset[disabled] .btn-invert:active,
.btn-invert.disabled.active,
.btn-invert[disabled].active,
fieldset[disabled] .btn-invert.active {
  background-color: #ccc;
  border-color: #000;
}
.btn-invert .badge {
  color: #333;
  background-color: #fff;
}

#pulseReviews {display:inline-block; vertical-align: middle; margin: 0 10px; z-index:1;}


/****** Form Styling ******/
.searchBtn {
    position: absolute;
    top: 49px;
    right: 20px;
}
#searchForm {top: 0px; left: 0; width: 100%; position: absolute; z-index:11; background:#fff; display:none;}
#searchForm form {width:1140px; max-width:100%; margin: 15px auto;}
#searchform input {width:100%;}


/****** Blog Style ******/
.customDate {
    position: absolute;
    z-index: 1;
    background: #fff;
    padding: 10px 15px;
border:1px solid #ccc;
border-left:none;
border-top:none;
}

.customDate span.day {
    display: block;
    font-size: 2em;
    font-weight: 800;
    margin: 0;
    padding: 0;
    text-align: center;
    line-height: 1em;
}
.customDate span.up {font-weight:400; font-size: 0.5em; vertical-align: super;}

.customDate span.month {
    display: block;
    text-align: center;
text-transform:uppercase;
color:#ccc;
}

.row.blog-section {
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 5px;
    overflow: hidden;
margin-bottom:20px;
}

.nopad {padding:0;}

.row.blog-section .summary {padding: 30px;}

.singleCat {
    position:absolute;
}

.singleCat a {
  background: #eee;
  padding: 0px 5px;
  color: #888;
  margin-bottom: 10px;
  display: inline-block;
  text-decoration:none;
}
.singleCat a:hover {
  background: #ddd;
  color: #fff;
  text-decoration: none;
}

#blogEntries a, #blogEntries a:hover {text-decoration:none;}

#blogEntries .btn {font-size:1em;}

#blogEntries .btn:before {top: -230px; left: -585px;}

#blogEntries .btn:hover:before {left: -255px;}

#blogEntries .single-post, #blogEntries .card, #related-posts .single-post, #related-posts .frontfeatured, #front-blog .single-post, #front-blog .frontfeatured {
    border:0;
    position:relative;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

#blogEntries h2 {font-size:1.5em;}

#blogEntries h2 a {}

#blogEntries .publish_date {color:#ddd;}

#blogEntries p {line-height:1.4em;}

#blog_cats {margin:0;text-align:center; list-style:none;}
#blog_cats li {display:inline-block; margin:0 -3px; padding:0;}
#blog_cats li a {
    background:#f9f9f9;
    border:1px solid #ddd;
    padding: 5px 20px;
    color:#888;
    margin:0;
    display:block;
}
#blog_cats li a:hover, 
#blog_cats li.current-cat a {
    background:#ddd;
    color:#333;
	text-decoration:none;
}
#blog_cats li:first-child a {
    -webkit-border-top-left-radius: 100px;
-webkit-border-bottom-left-radius: 100px;
-moz-border-radius-topleft: 100px;
-moz-border-radius-bottomleft: 100px;
border-top-left-radius: 100px;
border-bottom-left-radius: 100px;
}
#blog_cats li:last-child a {
    -webkit-border-top-right-radius: 100px;
-webkit-border-bottom-right-radius: 100px;
-moz-border-radius-topright: 100px;
-moz-border-radius-bottomright: 100px;
border-top-right-radius: 100px;
border-bottom-right-radius: 100px;
}

.crp_related {
  margin: 60px 0;
  border: 1px solid #ccc;
  border-left: 0;
  border-right: 0;
  padding: 30px 0;
}

#nav-below {max-width:100%;}
#nav-below .title {width:0; opacity:0; overflow:hidden; transition:all 0.5s ease-in-out; display:none;}



/****** Footer Styles ******/
footer {padding:0; margin:0; color:#CBD1D4; position:relative; background:#526470;}
footer i {font-size: 1.2em; margin: 0 6px;}
footer a {color:#fff;}
footer a:hover {color:#ccc; text-decoration:underline;}
footer hr {border-color:#fff; border-size:4px;}
footer p, footer li {line-height:1.7em;}

footer h3 {color:#fff; font-size:21px;}


#footer_cta h2 {
    font-family:'Open Sans', sans-serif;
    font-weight:bold;
    font-size:3rem;
    color:#232d64;
    padding-bottom:0;
    margin-bottom:0;
}


#footer_cta .xlg {
    font-family: Barlow Condensed, sans-serif;
    font-weight:600;
    font-size:2rem;
    color:#232d64;
    margin-bottom:1.5em;
}

.cct-ph .fa-mobile-vibrate {
    transform: rotate(-15deg);
    margin-top: 5px;
}

#menu-bottom-footer {margin-top:12px;}

ul#menu-top-footer li, ul#menu-bottom-footer li {
    display: inline-block;
    font-size: 1.3em;
    border-right: 1px solid #fff;
    line-height: 1em;
}

ul#menu-bottom-footer li {
	font-size:1em;
}

ul#menu-top-footer li:last-child, ul#menu-bottom-footer li:last-child {
    border: 0;
}

ul#menu-top-footer li a, ul#menu-bottom-footer li a {
    padding: 0 20px;
}


/****** Services Accordion Styles ******/
.panel-default {overflow:hidden;}
ul.custom-accordion {
    list-style: none;
    margin: 0;
}

ul.custom-accordion .sub-menu {
    list-style: none;
    margin:0;
}

ul.custom-accordion li {background: #fff;}

ul.custom-accordion li a {
    padding: 8px 8px 8px 18px;
    border-bottom: 1px solid #ddd;
display:block;
}

ul.custom-accordion > li:last-child a {border:0;}

ul.custom-accordion li a:hover {background:rgba(0,0,0,0.1);}

ul.custom-accordion li.current-menu-parent {background:#2ca4d0;}

ul.custom-accordion li.current-menu-parent > a {color:#fff;}

ul.custom-accordion li ul.sub-menu li a {padding-left:36px;}

ul.custom-accordion li.current-menu-item a {background:rgba(0,0,0,0.05);}





.easy_testimonial cite span:before {
    content: '- ';
}

.easy_testimonial cite span {
    color: #ddd;
    font-size: 90%;
}


#primary.widget-area form h3 {font-size:1.1em; margin: 0 0 20px;}

.affix {
-moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.affix-menu {
    background: rgba(0,0,0,0.5);
    width: 100%;
    display: block;
    margin-top: -57px;
    text-align: center;
    font-size: 1.25em;
	color:#fff;
}

.affix-menu a {
    padding: 8px 16px;
    background: rgba(0,0,0,0.5);
    display: inline-block;
    color: #fff;
    margin: 15px 5px 0;
}
.affix-menu a:hover {color:#EAEA3F;}

#disclaimer {padding-top: 0px; padding-bottom: 25px; color:#888;}
#disclaimer hr {border-top: 2px solid #888;}



/******* WOOCOMMERCE CUSTOM STYLES ********/
.woocommerce span.onsale {
    width: 70px;
    height: 70px;
    background: transparent url(images/starburst.png) no-repeat center center; background-size:contain;
	font-weight:400;
	font-size:1.3em;
	transform: rotate(10deg);
    line-height: 60px;
	font-family: 'Open Sans', cursive;
}
.single-product.woocommerce span.onsale {transform: rotate(-10deg); margin-top: -5px; margin-left: -5px;}
.tax-product_cat h1 {text-align:center;}
.woocommerce ul.products li.product .woocommerce-loop-category__title, .woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product h3 {
    padding: 0;
    margin: 0;
    font-size: 1.1em;
}
.woocommerce div.product p.price, .woocommerce div.product span.price {color:#54b7d8; font-size: 1.75em; font-weight:bold;}

.woocommerce div.product .product_title {font-size:2.5em;}

.woocommerce ul.products li.product .price {
    color: #54b7d8;
    display: block;
    font-weight: bold;
    margin-bottom: 0;
    font-size: 1.25em;
}
.woocommerce ul.products li.product .price ins {font-weight:400;}
.woocommerce ul.products li.product .button {display:none;}
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
    border: 1px solid #ddd;
    border-radius: 0;
    padding: 15px;
	text-align:center;
	transition: all 0.3s ease;
	min-height:370px;
}
.woocommerce ul.products li.product:hover, .woocommerce-page ul.products li.product:hover {
    /*box-shadow: 0 0 5px #666;*/
    border: 4px solid #54b7d8;
}
.woocommerce .woocommerce-breadcrumb {width: 1140px; margin: 0 auto 25px; max-width:100%; border-bottom: 2px solid #ccc; padding-bottom: 15px;}
.woocommerce .woocommerce-breadcrumb, .woocommerce .woocommerce-breadcrumb a {
    color: #666;
}

.woocommerce .woocommerce-breadcrumb span {
    padding: 0 5px;
}
.woocommerce div.product p.price ins, .woocommerce div.product span.price ins {
    text-decoration: none;
}

.woocommerce .woocommerce-ordering select {padding:5px;}

.woocommerce .woocommerce-result-count, .woocommerce .woocommerce-ordering {float:none; text-align:center;}


.mg-brand-wrapper.mg-brand-wrapper-product a {
    color: #000;
    text-transform: uppercase;
    border: 1px solid #000;
    padding: 0 8px;
    margin-bottom: 15px;
    display: inline-block;
}

.mg-brand-wrapper.mg-brand-wrapper-product a:hover {
    color: #fff;
    background:#000;
    text-decoration:none;
}

.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt {
    background:#54b7d8;
    font-family:'Open Sans', sans-serif; font-weight: 400;
    text-transform:uppercase;
    border-radius:0;
    font-size:1.45em;
    line-height:55px;
	height: 55px;
	padding: 3px 25px 0;
}
.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover {
    background:#000;
}
.woocommerce .quantity .qty {
    line-height: 51px;
	width: 4em;
}

.product_meta > span {
    display: block;
}

.product_meta > span {
    display: inline-block;
    border: 1px solid #666;
    padding: 0 6px;
    margin: 4px 2px 2px 0;
    color: #666;
    text-transform: uppercase;
    font-size: 0.9em;
}

.product_meta > span a {
    color: #666;
}

.woocommerce-tabs h2 {
    color: #CC1320;
    font-size: 1.5em;
}

.woocommerce div.product .woocommerce-tabs ul.tabs {margin-bottom:0;}

.woocommerce div.product .woocommerce-tabs .panel {
    margin: 0;
    padding: 0;
    border: 1px solid #ccc;
        border-top-width: 1px;
        border-top-style: solid;
        border-top-color: rgb(204, 204, 204);
    border-top: 0;
    padding: 15px;
}

.woocommerce #content div.product .woocommerce-tabs, .woocommerce div.product .woocommerce-tabs, .woocommerce-page #content div.product .woocommerce-tabs, .woocommerce-page div.product .woocommerce-tabs {
    margin-bottom:30px;
}

.woocommerce #review_form #respond .form-submit input {text-transform:uppercase; font-family:'Open Sans', sans-serif; font-weight: 400; font-size: 1.2em;}

.woocommerce div.product form.cart .variations select option {
    font-size:1em;
    background:#fff;
    color:#666;
}
.woocommerce div.product form.cart .variations select {
-webkit-appearance: none;
    -moz-appearance: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -webkit-padding-end: 20px;
    -moz-padding-end: 20px;
    -webkit-padding-start: 2px;
    -moz-padding-start: 2px;
    background-color: #fff;
    background-image: url(images/select-arrow.png);
    background-position: center right;
    background-repeat: no-repeat;
    border: 1px solid #000;
    border-radius: 0px;
    color: #000;
    font-size: 14px;
    font-family:'Open Sans', sans-serif; font-weight: 400;
    text-transform:uppercase;
    margin: 0;
    overflow: hidden;
    padding: 5px 10px;
    text-overflow: ellipsis;
    white-space: nowrap;
}


.woocommerce div.product form.cart .variations label {
    font-weight: 700;
    color: #000;
    text-transform: uppercase;
    line-height: 40px;
    margin-bottom: 0;
}

.woocommerce nav.woocommerce-pagination {margin-bottom:25px;}



.aws-container .aws-search-field {

    height: 44px;
    width: 100%;
    color: #313131;
    padding: 6px 12px;
    line-height: 30px;
    display: block;
    font-size: 12px;
    position: relative;
    z-index: 2;
    background: #fff;
        background-color: rgb(255, 255, 255);
    -webkit-appearance: none;
    border: 5px solid #CC1320;
}

.woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1, .woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2 {
-webkit-box-flex: initial;
-ms-flex: initial;
flex: initial;
max-width: initial;
}

.wc_num_items {
    position: absolute;
font-size: 0.55em;
background: #fff;
color: #54b7d8;
width: 16px;
height: 16px;
text-align: center;
line-height: 13px;
border-radius: 100px;
right: 11px;
border: 1px solid #54b7d8;
font-weight: bold;
top: -3px;
}

nav.woocommerce-MyAccount-navigation ul,nav.woocommerce-MyAccount-navigation ul li {
    list-style: none;
    margin: 0;
    padding: 0;
}

nav.woocommerce-MyAccount-navigation ul li a {
    display: block;
    padding: 4px 8px;
    color: #54b7d8;
}

nav.woocommerce-MyAccount-navigation ul li a:hover {
    background: #54b7d8;
    color: #fff;
    text-decoration: none;
}

nav.woocommerce-MyAccount-navigation ul {
    border: 2px solid #54b7d8;
    text-transform: uppercase;
}

nav.woocommerce-MyAccount-navigation ul li {
    border-bottom: 2px solid #54b7d8;
}

nav.woocommerce-MyAccount-navigation ul li:last-child {
    border-bottom: 0;
}

nav.woocommerce-MyAccount-navigation ul li.is-active a {
    background: #54b7d8;
    color:#fff;
}

.woocommerce-account .woocommerce-MyAccount-navigation {
    float: left;
    width: 25%;
}   

.woocommerce-account .woocommerce-MyAccount-content {
    float: right;
    width: 72%;
}

.woocommerce div.product div.images .flex-control-thumbs li {
    padding: 10px 10px 0px 0px;
}

#add_payment_method table.cart img, .woocommerce-cart table.cart img, .woocommerce-checkout table.cart img {width:100px;}
.woocommerce .cart .button, .woocommerce .cart input.button {
    border-radius: 0;
    text-transform: uppercase;
    background: #282828;
    color: #fff;
}

span.woocommerce-input-wrapper {
    display: block;
    width: 100%;
}

.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea {
    padding: 10px;
}

.woocommerce form .form-row input.input-text:focus, .woocommerce form .form-row textarea:focus {box-shadow: 0 0 10px rgba(29,167,196,0.5);border: 1px solid #c1f4ff;}

h3#order_review_heading {
    margin-top: 30px;
}





/***** Woocommerce Mini Cart *****/
.basket-item-count {
    position: absolute;
    font-size: 0.4em;
    top: 5px;
    right: -7px;
    background: #fff;
    width: 17px;
    height: 17px;
    line-height: 15px;
    border: 1px solid #54b7d8;
    text-align: center;
    border-radius: 35px;
}

ul.dropdown-menu.dropdown-menu-mini-cart.show {
    left: -100px !important;
    width: 300px !important;
}

.widget_shopping_cart_content {
	padding: 0 8px 0;
}

.woocommerce ul.cart_list li, .woocommerce ul.product_list_widget li, .mini_cart_item {
	line-height:1.2em;
	font-size:0.9em;
	padding: 0 0 8px;
	border-bottom:1px solid #ccc;
	margin-bottom: 8px;
	display:block;
	font-weight: 700;
}

.mini_cart_item a.remove {
	float:right;
	font-size:2em;
	color:#c00;
	text-decoration:none;
	    height: 1em;
    width: 1em;
    text-align: center;
    line-height: 1;
    border-radius: 100%;
}
.mini_cart_item a.remove:hover {
	color:#fff !important;
	background:#c00;
}
.mini_cart_item .quantity {
	display:block;
	font-weight:400;
}

.woocommerce ul.cart_list li img, .woocommerce ul.product_list_widget li img, .mini_cart_item img {
	float:left;
	width: 70px;
	margin-right:8px;
	margin-left:0;
}

p.woocommerce-mini-cart__buttons.buttons a {
    display: block;
    text-align: center;
    text-transform: uppercase;
    margin: 0;
    border-radius: 0;
	font-family: 'Open Sans', sans-serif;
	line-height: 1;
    cursor: pointer;
    position: relative;
    text-decoration: none;
    overflow: visible;
    padding: 17px 1em 10px;
    font-weight: 700;
	font-size:1.4em;
	color: #515151;
    background-color: #ebe9eb;
	
}

p.woocommerce-mini-cart__buttons.buttons a.checkout {
    background: #54b7d8;
    color: #fff;
    margin-top: 8px;
}

p.woocommerce-mini-cart__buttons.buttons {
    margin: 0;
}

.mini_cart_row {clear:both; border-bottom: 1px solid #ddd; padding-bottom:4px; margin-bottom: 4px; font-size: 0.9em;}
.mini_cart_empty {
    padding: 5px 15px;
}

.mini_cart_image {
    width: 50px;
    border: 1px solid #000;
    margin: 0 4px;
    float: left;
}

.mini_cart_info {
    min-height: 50px;
}

.mini_cart_price {
    display: inline-block;
}

.mini_cart_qty {
    display: inline-block;
}

.mini_cart_subtotal {
    text-align: right;
    padding: 0 12px 4px;
    border-bottom: 1px solid #ccc;
    margin-bottom: 4px;
}

.mini_cart_cart {
    float: left;
    padding: 0 12px 4px;
}

.mini_cart_checkout {
    float: right;
    padding: 0 12px 4px;
}
.mini_cart_title {
display: block;
line-height: 1.3em;
}

.popover-body {padding: 4px 0;}
.popover-body ul {margin:0; min-width:150px;}
.popover-body ul li.heading {display:block; padding: 4px 10px; font-size:0.8em; color:#888;}
.popover-body ul li a {display:block; padding: 4px 10px; }
.popover-body ul li a:hover {text-decoration:none; background:#CC1320; color:#fff;}

.crp_related ul {

    margin: 0;
    list-style: none;

}
.crp_related ul li {

    display: inline-block;
    width: 233px;
    margin: 5px;
    vertical-align: top;

}
.crp_related ul li a {

    display: block;
    background: #fff;
    border: 1px solid #ddd;
    padding: 3px;
    text-align: center;
    min-height: 220px;

}


.team_wrapper {
    height: 550px;
    max-height:100%;
    margin-bottom:30px;
    position:relative;
}

.team_wrapper .team_bg {
    height: 100%;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: top center;
    position:relative;
    display: flex;
    flex-wrap: wrap; /* Optional. only if you want the items to wrap */
    justify-content: center; /* For horizontal alignment */
    align-items: center; /* For vertical alignment */
}

.team_wrapper .team_title {
    color: #fff;
    opacity:0;
    transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -webkit-transition: all .25s ease-in-out;
    width:100%;
    background:rgba(0,0,0,0);
    padding:0;
}

.team_wrapper .team_title p {
    margin:0;
}

.team_wrapper:hover .team_title {
    opacity:1;
    background:rgba(0,0,0,0.5);
    padding:15px 0 15px;
}

.team_wrapper .team_title h2 {color:#fff; font-size:2.5em;}

.team_wrapper a  {
    color:#fff;
}
.team_wrapper a:hover  {text-decoration:none;}

.team_bio {
    position: absolute;
    left: 80%;
    width: 100%;
    z-index: 2;
    top: 100px;
    background: #fff;
    display:none;
    box-shadow: 8px 10px 30px #000;
    padding-bottom: 20px;
}

.team_bio .inner {
    height: 305px;
    padding: 20px;
    overflow: scroll;
}

.team_bio.right {
left:-80%;
}

.team_bio h2 {
    background: #eee;
    padding: 20px 20px 10px;
    margin-bottom:0px;
}

.team_bio .arrow {
    background:url(images/arrow-left-eeeeee.png) no-repeat center right;
    background-size:contain;
    left: -20px;
	top: 38px;
	height: 20px;
	width: 20px;
	position: absolute;
	pointer-events: none;
}

.team_bio.right .arrow {
    background:url(images/arrow-right-eeeeee.png) no-repeat center left;
    right: -17px;
    left: auto;
}

.team_bio .closeBio {
    color: #ccc;
    position: absolute;
    top: -4px;
    right: 8px;
    font-size: 1.75em;
    font-weight: bold;
}
.team_bio .closeBio:hover {
    text-decoration:none;
    color:#333;
}






/******* Content Team Style *******/
.team_wrapper2 {
    height: 255px;
    max-height:100%;
    margin-bottom:30px;
    position:relative;
}

.team_wrapper2 .team_bg {
    height: 100%;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: top center;
    position:relative;
    display: flex;
    flex-wrap: wrap; /* Optional. only if you want the items to wrap */
    justify-content: center; /* For horizontal alignment */
    align-items: center; /* For vertical alignment */
}

.team_wrapper2 .team_title {
    color: #fff;
    opacity:0;
    transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -webkit-transition: all .25s ease-in-out;
    width:100%;
    background:rgba(0,0,0,0);
    padding:0;
}

.team_wrapper2 .team_title p {
    margin:0;
}

.team_wrapper2:hover .team_title {
    opacity:1;
    background:rgba(0,0,0,0.5);
    padding:15px 0 15px;
}

.team_wrapper2 .team_title h2 {color:#fff; font-size:2em;}

.iphone {
    background-image: url(https://www.connecticallc.com/wp-content/uploads/2019/11/phone.png);
    background-size: 100%;
    padding: 24% 7% 25% 7%;
    background-repeat: no-repeat;
}

.iphone .img_holder {
    overflow: scroll;
}

.feat_img {max-height:420px; overflow:hidden;}







.crunchify-link {
    padding: 0;
    color: #666;
    font-size: 21px;
    border-radius: 100px;
    margin-right: 6px;
    cursor: pointer;
    margin-top: 2px;
    display: inline-block;
    text-decoration: none;
    width:50px;
    height:50px;
    line-height:50px;
    background:#E7E7E7;
    border:1px solid #666;
    text-align:center;
}
 
.crunchify-link:hover,.crunchify-link:active {
    color: white;
}

/*
 
.crunchify-twitter {
    background: #00aced;
}
 
.crunchify-facebook {
    background: #3B5997;
}
 
.crunchify-pinterest {
    background: #bd081c;
}
 
.crunchify-linkedin {
    background: #0074A1;
}

*/
 
.crunchify-twitter:hover,.crunchify-twitter:active {
    background: #0084b4;
    border-color: #0084b4;
}
 
.crunchify-facebook:hover,.crunchify-facebook:active {
    background: #2d4372;
    border-color: #2d4372;
}
 
.crunchify-pinterest:hover,.crunchify-pinterest:active {
    background: #bd081c;
    border-color: #bd081c;
}
 
.crunchify-linkedin:hover,.crunchify-linkedin:active {
    background: #006288;
    border-color: #006288;
}
 
.crunchify-social {
    margin: 50px 0px 25px 0px;
    -webkit-font-smoothing: antialiased;
    text-align: center;
    border: 1px solid #ccc;
    padding: 30px 15px;
    border-left: 0;
    border-right: 0;
}


.stock_quote .price {
    font-size: 4em;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    line-height: 1em;
    color: #041E42;
    display: inline-block;
    margin: 10px 0;
}

.stock_quote .text-small {
	font-size:0.9em;
}


@keyframes animate_border { 
    0% { 
        width: 0; 
        height: 0; 
        border-top-color: #EE3F42; 
        border-right-color: transparent; 
        border-bottom-color: transparent; 
        border-left-color: transparent; 
    } 
 
    50% { 
        width: 100%; 
        height: 0; 
        border-top-color: #EE3F42; 
        border-right-color: #EE3F42; 
        border-bottom-color: transparent; 
        border-left-color: transparent; 
    } 
 
    100% { 
        width: 100%; 
        height: 100%; 
        border-top-color: #EE3F42; 
        border-right-color: #EE3F42; 
        border-bottom-color: transparent; 
        border-left-color: transparent; 
    } 
} 

@keyframes animate_border2 { 
    0% { 
        width: 0; 
        height: 0; 
        border-top-color: transparent; 
        border-right-color: transparent; 
        border-bottom-color: transparent; 
        border-left-color: #EE3F42; 
    } 
 
    50% { 
        width: 0; 
        height: 100%; 
        border-top-color: transparent; 
        border-right-color: transparent; 
        border-bottom-color: #EE3F42; 
        border-left-color: #EE3F42; 
    } 
 
    100% { 
        width: 100%; 
        height: 100%; 
        border-top-color: transparent; 
        border-right-color: transparent; 
        border-bottom-color: #EE3F42; 
        border-left-color: #EE3F42; 
    } 
} 



#list-tab .logo {
    display: block;
    width: 100%;
    height: 60px;
    background: center center no-repeat;
    background-size: contain;
}

#list-tab a[aria-controls="qep"] > .logo {
	background-image:url(http://beta.connecticainc.com/qepcorp/wp-content/uploads/2021/05/1-QEP-BW.png);
}
#list-tab a[aria-controls="qep"].active > .logo, #list-tab a[aria-controls="qep"]:hover > .logo {
	background-image:url(http://beta.connecticainc.com/qepcorp/wp-content/uploads/2021/05/1-QEP-5Color-2019.png);
}
#list-tab a[aria-controls="roberts"] > .logo {
	background-image:url(http://beta.connecticainc.com/qepcorp/wp-content/uploads/2021/05/2-Roberts-Logo_BW.png);
}
#list-tab a[aria-controls="roberts"].active > .logo, #list-tab a[aria-controls="roberts"]:hover > .logo {
	background-image:url(http://beta.connecticainc.com/qepcorp/wp-content/uploads/2021/05/2-Roberts-Logo.png);
}
#list-tab a[aria-controls="harriswood"] > .logo {
	background-image:url(http://beta.connecticainc.com/qepcorp/wp-content/uploads/2021/05/3-Harris-BW.png);
}
#list-tab a[aria-controls="harriswood"].active > .logo, #list-tab a[aria-controls="harriswood"]:hover > .logo {
	background-image:url(http://beta.connecticainc.com/qepcorp/wp-content/uploads/2021/05/3-Harris-Color.png);
}
#list-tab a[aria-controls="kraus"] > .logo {
	background-image:url(http://beta.connecticainc.com/qepcorp/wp-content/uploads/2021/05/4-kraus-logo-BW.png);
}
#list-tab a[aria-controls="kraus"].active > .logo, #list-tab a[aria-controls="kraus"]:hover > .logo {
	background-image:url(http://beta.connecticainc.com/qepcorp/wp-content/uploads/2021/05/4-kraus-logo-color.png);
}
#list-tab a[aria-controls="naf"] > .logo {
	background-image:url(http://beta.connecticainc.com/qepcorp/wp-content/uploads/2021/05/5-naf-logo-BW.png);
}
#list-tab a[aria-controls="naf"].active > .logo, #list-tab a[aria-controls="naf"]:hover > .logo {
	background-image:url(http://beta.connecticainc.com/qepcorp/wp-content/uploads/2021/05/5-naf-logo-color.png);
}
#list-tab a[aria-controls="vitrex"] > .logo {
	background-image:url(http://beta.connecticainc.com/qepcorp/wp-content/uploads/2021/05/6-VITREX-LOGO-BW.png);
}
#list-tab a[aria-controls="vitrex"].active > .logo, #list-tab a[aria-controls="vitrex"]:hover > .logo {
	background-image:url(http://beta.connecticainc.com/qepcorp/wp-content/uploads/2021/05/6-VITREX-LOGO-blue-300x87-1.png);
}
#list-tab a[aria-controls="brutus"] > .logo {
	background-image:url(http://beta.connecticainc.com/qepcorp/wp-content/uploads/2021/05/7-brutus_logo_BW.png);
}
#list-tab a[aria-controls="brutus"].active > .logo, #list-tab a[aria-controls="brutus"]:hover > .logo {
	background-image:url(http://beta.connecticainc.com/qepcorp/wp-content/uploads/2021/05/7-brutus_logo_200x65.png);
}
#list-tab a[aria-controls="prci"] > .logo {
	background-image:url(http://beta.connecticainc.com/qepcorp/wp-content/uploads/2021/05/8-PRCI-LOGO_BW.png);
}
#list-tab a[aria-controls="prci"].active > .logo, #list-tab a[aria-controls="prci"]:hover > .logo {
	background-image:url(http://beta.connecticainc.com/qepcorp/wp-content/uploads/2021/05/8-PRCI-LOGO_Light-Backgrounds.png);
}
#list-tab a[aria-controls="plasplugs"] > .logo {
	background-image:url(http://beta.connecticainc.com/qepcorp/wp-content/uploads/2021/05/9-plasplugs-logo-BW.png);
}
#list-tab a[aria-controls="plasplugs"].active > .logo, #list-tab a[aria-controls="plasplugs"]:hover > .logo {
	background-image:url(http://beta.connecticainc.com/qepcorp/wp-content/uploads/2021/05/9-plasplugs-logo-color.png);
}
#list-tab a[aria-controls="tomecanic"] > .logo {
	background-image:url(http://beta.connecticainc.com/qepcorp/wp-content/uploads/2021/05/10-tomecanic-benetiere_BW.png);
}
#list-tab a[aria-controls="tomecanic"].active > .logo, #list-tab a[aria-controls="tomecanic"]:hover > .logo {
	background-image:url(http://beta.connecticainc.com/qepcorp/wp-content/uploads/2021/05/10-tomecanic-benetiere_logo-4.png);
}
#list-tab a[aria-controls="pmm"] > .logo {
	background-image:url(http://beta.connecticainc.com/qepcorp/wp-content/uploads/2021/05/11-PMM-Logo-BW.png);
}
#list-tab a[aria-controls="pmm"].active > .logo, #list-tab a[aria-controls="pmm"]:hover > .logo {
	background-image:url(http://beta.connecticainc.com/qepcorp/wp-content/uploads/2021/05/11-PMM-Logo.png);
}
#list-tab a[aria-controls="applecreek"] > .logo {
	background-image:url(http://beta.connecticainc.com/qepcorp/wp-content/uploads/2021/05/12-AppleCreek_LOGO-BW.png);
}
#list-tab a[aria-controls="applecreek"].active > .logo, #list-tab a[aria-controls="applecreek"]:hover > .logo {
	background-image:url(http://beta.connecticainc.com/qepcorp/wp-content/uploads/2021/05/12-AppleCreek_LOGO.png);
}
#list-tab a[aria-controls="homelux"] > .logo {
	background-image:url(http://beta.connecticainc.com/qepcorp/wp-content/uploads/2021/05/13-Homelux_Logo-BW.png);
}
#list-tab a[aria-controls="homelux"].active > .logo, #list-tab a[aria-controls="homelux"]:hover > .logo {
	background-image:url(http://beta.connecticainc.com/qepcorp/wp-content/uploads/2021/05/13-Homelux_Logo-Secondary-300x90-1.png);
}
#list-tab a[aria-controls="capitol"] > .logo {
	background-image:url(http://beta.connecticainc.com/qepcorp/wp-content/uploads/2021/05/14-Capitol_BW.png);
}
#list-tab a[aria-controls="capitol"].active > .logo, #list-tab a[aria-controls="capitol"]:hover > .logo {
	background-image:url(http://beta.connecticainc.com/qepcorp/wp-content/uploads/2021/05/14-Capitol_286.png);
}
#list-tab a[aria-controls="xpsfoam"] > .logo {
	background-image:url(http://beta.connecticainc.com/qepcorp/wp-content/uploads/2021/05/15-XPS-Logo-BW.png);
}
#list-tab a[aria-controls="xpsfoam"].active > .logo, #list-tab a[aria-controls="xpsfoam"]:hover > .logo {
	background-image:url(http://beta.connecticainc.com/qepcorp/wp-content/uploads/2021/05/15-XPS-Logo.png);
}

/**** Company History Styles ****/
#history2 {
    background: url(images/history-line.png) repeat-y top center;
    width: 900px;
    max-width: 100%;
    margin: 0 auto;
}

#history2 .col-md-6 {padding:50px;}
#history2 .col-md-6.addlineRight {background:url(images/history-line-left.png) no-repeat center right;}
#history2 .col-md-6.addlineLeft {background:url(images/history-line-right.png) no-repeat center left;}

.focus_txt, .accountability_txt, .boldness_txt, .respect_txt, .improvement_txt, .care_txt {
    padding: 5px 10px;
	position: relative;
	background:rgba(4, 30, 66,0);
	transition: 0.25s all ease-in-out;
	border-radius:4px;
	line-height:1.3em;
}

.focus_txt.active, .accountability_txt.active, .boldness_txt.active, .respect_txt.active, .improvement_txt.active, .care_txt.active {
	background:rgba(4, 30, 66,1);
	color:#fff;
}


.popover_pos {
    position: absolute;
    width: 750px;
    max-width: 100%;
    margin-top: -300px;
    margin-left: 60px;
}


.swiper {
    padding: 0;
}

.swiper:before {
    content: '';
    width: 15%;
    height: 100%;
    background: linear-gradient(to left, rgba(82, 100, 112, 0) 0%, rgba(82, 100, 112, 1) 100%);
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0px;
}

.swiper:after {
    content: '';
    width: 15%;
    height: 100%;
    background: linear-gradient(to right, rgba(82, 100, 112, 0) 0%, rgba(82, 100, 112, 1) 100%);
    position: absolute;
    z-index: 2;
    top: 0;
    right: 0px;
}

.swiper-slide {
    transition: transform 0.4s ease, opacity 0.4s ease;
    opacity: 0.25;
}

.swiper-slide.swiper-slide-active {
    opacity: 1;
}

.swiper-card {
    position: relative;
    display: block;
    border-radius: 12px;
    overflow: hidden;
}
.swiper-card:before {
    content:'';
    width:100%;
    height:100%;
    top:0;
    left:0;
    position:absolute;
    transition:0.3s background ease-in-out;
    background: rgba(199, 234, 251, 0.4);
    border: 2px solid rgba(199, 204, 203, 0.4);
    border-radius:12px;
}


.swiper-card:hover:before {
    background: rgba(199, 234, 251, 0.2);
}

.swiper-card img {
    border-radius: 12px;
    object-fit:cover;
    aspect-ratio:3/4;
}

.swiper-card h3 {color:#fff; font-size:1.2em; text-shadow:2px 2px 5px rgba(0,0,0,0.6); margin:0 !important; padding:0;}

.swiper-caption {
    position: absolute;
    bottom: 0px;
    left: 0px;
    padding: 20px;
    color: #fff;
}

.swiper .swiper-button-next, .swiper .swiper-button-prev {color:#fff;}

.swiper .swiper-button-next::after,
.swiper .swiper-button-prev::after {
    font-size: 22px;
}


.grid-card {
    overflow: hidden;
    border-radius: 12px;
    display: block;
    position: relative;
    margin-bottom:calc(.5 * var(--bs-gutter-x));
}

.grid-card img {
    object-fit: cover;
    aspect-ratio: 4/3;
}

.grid-card:before {
    content:'';
    width:100%;
    height:100%;
    top:0;
    left:0;
    position:absolute;
    transition:0.3s background ease-in-out;
    background: rgba(199, 234, 251, 0.4);
    border: 2px solid rgba(199, 204, 203, 0.4);
    border-radius:12px;
}


.grid-card:hover:before {
    background: rgba(199, 234, 251, 0.2);
}

.grid-card h2 {color:#fff; font-size:1.2em; text-shadow:2px 2px 5px rgba(0,0,0,0.6); margin:0 !important; padding:0;}

.grid-caption {
    position: absolute;
    bottom: 0px;
    left: 0px;
    padding: 20px;
    color: #fff;
}

.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl, .row {
    --bs-gutter-x:2rem;
}

.cct_cta .btn:first-child {margin-right:15px;}

#main_header .cta_btns {display:flex; flex-direction:row; gap:1em;}

@media(min-width:781px) {
    .wp-block-columns {
        gap: 4rem;
    }
    .grid-card {margin-bottom:2rem;}
}



/****** Media Queries ******/
@media (min-width:1600px) {
	.d-xxl-block {
		display:block !important;
	}
}

@media (min-width:767px) {
    .float-md-right {float: right;}
    .float-md-left {float: left;}
}

@media (max-width:781px) {
    .wp-block-columns.cct-col-2:not(.is-not-stacked-on-mobile)>.wp-block-column {
        flex-basis: 40% !important;
    }
    #main_header .btn {font-size:85%;}
}

@media (max-width:992px) {
    #main_header .btn {font-size:85%; width:auto; margin:0; justify-content:center;}
    
    #main_header .cta_btns {flex-direction:column; gap:0.5em;}
}


@media (max-width:480px) {
    .clrTop {height:184px;}
    footer, footer .text-right {text-align:center !important;}
    section,.section{padding-top:60px;padding-bottom:60px;}
    
    #logo {width:140px;}
    
    #footer_widgets img {width:220px !important;}
    
    .hero {
        padding: 130px 0 20px;
        background-position: center bottom;
    }
    

	.cart_items {font-size:1.25em; top:23px;}

    #services .inner {
        padding: 50px 10px;
    }
	
	section#world_leader h1 {font-size:55px;}
	
	.p-50 {padding:25px;}
	
	#features img {width:150px}

    section.newsletter form .btn {margin-bottom: 1rem;}
    
    
    #l, #r { width: auto; float:none; }
    #l:before, #r:before { content: ""; width: 0px; height: 0px; float:none;}
    #floatCenter { position: relative; top: 0px; left: 0; margin-left: 0px; }

    .woocommerce form .form-row-first, .woocommerce form .form-row-last, .woocommerce-page form .form-row-first, .woocommerce-page form .form-row-last {width:100%;}
	
	#featuredLinks a {margin: 20px 10px 0; display:block;}
	
	#nav-below a:hover .title {width:0; opacity:0; display:none;}
	#nav-below a:hover .prev-text, #nav-below a:hover .next-text {display:initial;}
	
	section.top-header {padding:60px 0 30px;}
	
	.cct_cta .btn {width:100%; margin: 0 0 15px; justify-content:center;}
	
	.btn {width:100%; margin-bottom:20px; justify-content:center;}
    
    

}
