/* 
 Theme Name:   GCO Plumbing
 Theme URI:    
 Description:  GCO Plumbing
 Author:       admin
 Author URI:   
 Template:     oshea
 Version:      1.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html

 /* == Add your own styles below this line ==
--------------------------------------------*/
h2.section-title {
 	text-align: center;
    color: #02346a;
    margin-bottom: 60px;
    font-style: italic;
    text-shadow: 0.05em 0.05em 0.05em #0a2f5f;
}
.expanded_services {
  	display: flex;
    flex-wrap: wrap;
    max-width: 1100px;
    justify-content: center;
    margin: 0 auto;

}
 .expanded_services .item {
  	max-width: 25%;
    width: 100%;
    padding: 15px;
    text-align: center;
}
.expanded_services .item a:hover{
	text-decoration: none;
}
.expanded_services .item a:hover .content-service p.service-title,
.expanded_services .item a:hover .content-service  .description p,
.expanded_services .item a:hover .content-service .description span.read-more{
	color: #fff;	
	transition: all 0.5s ease;
}
.expanded_services .item a:hover .content-service {
	border-color: #02346a;
    background-color: #02346a;
	transition: all 0.5s ease;
}
.content-service {
    display: flex;
    flex-direction: column;
	height: 100%;
	padding: 40px 20px;
	background-color: #fff;
	box-shadow: 0 0.2em 0.5em rgb(0 0 0 / 25%);
	transition: all 0.5s ease;

}
.service-icon {
    padding: 40px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain; 
    display: flex;
	margin-bottom: 20px;
}
p.service-title {
    line-height: 1.2;
    color: #3ea2ee;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 1em;
    letter-spacing: 0.1em;
    max-height: 40px;
    transition: all 0.25s;
}

.description {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
}
.description p {
    flex-grow: 1;
    margin-bottom: 15px;
    color: #7a7979;
    font-size: 0.9em;
	transition: all 0.5s ease;
}
.description span.read-more{
	box-sizing: border-box;
    width: 100%;
    font-weight: bold;
    font-style: italic;
    text-transform: uppercase;
	color: #7a7979;
	transition: all 0.5s ease;
}
@media (min-width: 601px){
	.footer-quote-popup {
		position: fixed;
		right: -79px;
		top: 50%;
		z-index: 99999;
		transform: rotate(-90deg);
		overflow: hidden;
	}
	.footer-quote-popup .request-quote-popup:hover {
		background-color: #203A74;
	}
	.footer-quote-popup span {
		display: inline-block;
		line-height: 1.6;
	}
	.footer-quote-popup .request-quote-popup {
		background-color: #284891;
		box-shadow: inset 0 0 0 100px rgba(0,0,0,0.2);
		display: inline-block;
		color: #fff;
		font-size: 1.15em;
		text-transform: uppercase;
		line-height: 2.4em;
		padding: 0 1.2em;
	}
	.footer-quote-popup .request-quote-popup:after {
		content: "";
		position: absolute;
		top: 0;
		left: -25%;
		height: 100%;
		width: 150%;
		box-shadow: inset 0 1.2em 0 0 rgba(255,255,255,0.1);
	}
}
@media (min-width: 600px){
	.footer-col {
		width: 25%;
	}
	.footer-col.map-loca {
		width: 50%;
	}
}
@media (min-width: 1201px){
    ul#menu-main-menu li a {
        display: block;
    }
	ul#menu-main-menu>li>a {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
		position: relative;
		white-space: normal;
		max-width: 130px;
		line-height: 20px;
		font-size: 14px;
    }
    ul#menu-main-menu>li>a:before {
        content: '';
        display: block;
        height: 97px;
    }
	ul#menu-main-menu>li {
		display: inline-block;
		vertical-align: middle;
	}
	ul#menu-main-menu li ul.sub-menu li a {
		font-size: 14px;
		line-height: 35px !important;
	}
}
#header-left-repeat {
    background: #fff;
}
#header-left-edge {
    background: #fff;
    border-left: 60px solid transparent;
    border-bottom: 97px solid #2B579B;
}
#header {
    background: #2B579B;
    border-bottom: 3px solid #A12B17;
}
#header #header-phone {
    background-color: #A12B17;
    font-size: 22px;
    font-weight: 600;
    padding: 5px 10px 5px 50px;
    border-radius: 3px;
    position: relative;
    width: 100%;
    display: inline;
    top: 30px;
}
#header #header-call-to-action {
    position: relative;
    width: 100%;
    display: block;
    text-align: center;
}
#header #header-call-to-action {
    position: relative;
    width: 100%;
    display: block;
    text-align: center;
    color: #fff;
    font-weight: 500;
    top: 32px;
}
#header-contact {
    background: none;
    text-align: center;
}
#header #header-phone:before {
    background-image: url(images/icon-phone-white.png);
    content: "";
    height: 30px;
    width: 25px;
    position: absolute;
    left: 15px;
    top: 6px;
    background-repeat: no-repeat;
    background-size: 100%;
}
.mobile-button-header a{
	display: none;
}
#footer-contact-content {
    background-size: auto 82px;
}
.page-banner-content h2,
.contact-location-name {
    color: #2B579B;
}
#service-finder-go,
.wpcf7-submit {
    border-color: #A12B17;
    background: #A12B17;
}
div#footer-copyright a {
    color: #fff;
}
#home-banner {
    background-size: cover;
	background-image: attr(data-url url);
}
@media (min-width: 1001px){
	.banner-bottom-button{
		width: 12%;
	}
}
@media (max-width: 1200px){
	ul#menu-main-menu li a {
        display: block;
		font-size: 15px;
	}
}
@media (max-width: 1000px){
	.banner-bottom-button:hover {
		margin-top: 0;
		padding-top: 0;
	}
}
@media (max-width: 900px){
	
	.expanded_services .item{
		max-width:50%;
	}
}
@media (max-width: 600px){
	.expanded_services .item{
		max-width:100%;
	}
	.footer-quote-popup {
		display: none;
	}
	.mobile-button-header a {
		width: 100% !important;
		display: block !important;
		height: 40px !important;
		line-height: 40px !important;
		text-align: center !important;
		background: #c42f2f !important;
		color: white !important;
		transition: .3s !important;
	}
	#header-left-edge {
		background: #fff;
		border-left: 20px solid transparent;
		border-bottom: 47px solid #2B579B;
	}
	#header #header-call-to-action {
		top: 17px;
	}
	#header #header-phone {
		font-size: 12px;
		padding: 5px 10px 5px 30px;
		top: 13px;
	}
	#header #header-phone:before {
		height: 13px;
		width: 13px;
		left: 10px;
		top: 6px;
	}
	.banner-bottom-button {
		width: 30% !important;
	}
	body #header-contact {
		width: calc(100% - 170px) !important;
		top: 4px;
	}
}
@media (max-width: 415px){
	#home-banner #banner-top-buttons {
		bottom: 30% !important;
	}
	body #header-call-to-action center {
		float: none !important;
	}
}

.plans {
    margin-bottom: 100px;
    margin-top: 48px;
}

.request-button {
	position: fixed;
	right: 0px;
	top: 40%;
}

.col-6 {
    float: left;
}

.plans-banner {
    width: 100%;
    height: 380px;
    background-image: linear-gradient(108deg, #00b6bd, #21285e);
    display: flex;
    justify-content: center;
    text-align: center;
	background-image: radial-gradient(ellipse at center, rgb(54, 150, 226) 0%,rgb(4, 72, 145) 100%); 
	background: #0d4983;
background: -moz-radial-gradient(center, ellipse cover, rgba(54,150,226,1) 0%, rgba(4,72,145,1) 100%);
background: -webkit-radial-gradient(center, ellipse cover, rgba(54,150,226,1) 0%,rgba(4,72,145,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3696e2', endColorstr='#044891',GradientType=1 );
}

.plans-banner > div {
    max-width: 700px;
    height: 236px;
}

.plans-banner > div h1 {
    font-size: 32px;
    margin: 40px 0px 0px;
}
.plans-banner h1, .plans-banner p {
    color: #fff;
}

.plans-banner > div p {
    font-size: 20px;
    padding-top: 24px;
}

.section-frame {
    display: flex;
    flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
}

.plan1, .plan2 {
    width: 50%;
    background-color: #fff;
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.08);
    border-radius: 12px;
    text-align: center;
}

.plan1 {
    margin: -144px 24px 0px 80px;
}

.plan2 {
    margin: -144px 80px 0px 24px;
}

.bg-white-bar {
    background-color: #fff;
}

.bg-white-bar:not(:first-child), .bg-grey-bar {
    padding: 32px 0;
}

.bg-grey-bar {
    background-color: rgba(39, 37, 96, 0.04);
}

.plan-details-title {
    font-size: 18px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #000000;
		margin-bottom: 0px;
}

.plan-details-text {
    font-size: 14px;
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #272560;
    padding-top: 8px;
}

.plan1 .plan-zip-logo {
    width: 150px;
}

.plan-zip-logo {
    height: 42px;
    display: block;
    margin: 48px auto 0px;
}

.section-frame {
    display: flex;
    flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
}

.guide .guide-text {
    width: 60%;
    padding-left: 80px;
    word-break: break-all;
}

.guide .guide-text h3 {
    margin-top: 0px;
    font-size: 28px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: 0.4px;
    color: #1f275e;
}

.guide-text-details {
    padding-top: 56px;
}

.guide-text-details div:nth-child(1) {
    border-left: 5px solid #f69822;
}

.guide .guide-text .guide-text-details h5 {
    font-size: 20px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: 0.3px;
    color: #1f275e;
    font-weight: bold;  
		margin-bottom: 0px !important;
}

.guide .guide-text .guide-text-details p {
    font-size: 16px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.12;
    letter-spacing: 0.3px;
    color: #1f275e;
    opacity: 0.8;
    padding-top: 8px;
}

.guide-text-details div:nth-child(2) {
    border-left: 5px solid #00b6bd;
}

.guide-text-details div:nth-child(3) {
    border-left: 5px solid #f15b41;
}

.guide-text-details div {
    margin-bottom: 42px;
    padding-left: 27px;
}

.faq {
    background-color: rgba(39, 37, 96, 0.04);
    border-radius: 12px;
    padding: 40px;  
		border-bottom-left-radius: 0px;
		border-bottom-right-radius: 0px; 
		border-top-right-radius: 0px;
}

.faq > .faq-title {
    margin: 0px 0px 40px;
}

.faq h3 {
    font-size: 24px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: 0.4px;
    color: #1f275e;
    font-weight: bold;
    flex: 1;
}

.faq > .faq-title a {
    display: flex;
    align-items: center;
    text-align: right;
}

.faq-box {
    width: 33%;
    margin-bottom: 16px;
}

.faq-box h5 {
    font-size: 18px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.29;
    letter-spacing: 0.3px;
    color: #1f275e;
    font-weight: bold;
}

.faq-box ul {
    margin: 12px 24px 12px -24px; 
		padding-left: 20px;
}

.faq-box ul li {
    opacity: 0.8;
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.67;
    letter-spacing: 0.2px;
    color: #1f275e;
}

.row.zip-four-box .col-3 {
	text-align: center; 
	box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.08); 
	padding: 20px 15px; 
	max-width: 23%;
	margin-left: 1%;
	margin-right: 1%;
}

.container .row.zip-four-box {
	margin-left: -10px !important;
	margin-right: -10px !important;
}

.row.zip-four-box h4 {
	font-size: 20px;
	margin: 15px 0px 8px;
	color: #21285e;
}

.row.zip-four-box p {
	font-size: 14px;
	margin: 0px 0px 40px;
	opacity: 0.7;
	color: #424876;
}

.guide .guide-image {
    width: 40%;
}

.guide .guide-image > img {
    max-width: 353px;
    max-height: 485px;
}


/* End of Zip Now Pay Later */

#content-blocks ol, #content-blocks ul {
margin-left: 30px;
}

.vpadding-top-50px {
	padding-top: 50px;	
}

	.mobile-button-header {
		display: none;
	}

.container p {
	font-weight: normal;
}

.padding-bottom-zero {
	padding-bottom: 0px !important;
}

.remove-extra-text h2, .remove-extra-text p {
	display: none;
}

.remove-extra-text h2.show-important, .remove-extra-text p.show-important {
	display: block;
}

.narrow-width-920 .col-8, .narrow-width-920 .col-4  {
	float: left;
}

.local-page-list li {
	width: 50%; 
	float: left; 
	font-weight: normal !important;
}

ul.local-page-list {
	max-width: 640px;
	margin-left: auto;
	margin-right: auto;
}

.wp-gr.wpac {
	margin-top: 50px !important;
}

#header-contact {
    width: 260px !important; 
}

#content-blocks ol {
list-style-type: number;
}

#header #access {
    overflow: visible !important;
}

#header {
    overflow: visible !important;
}

ul#menu-main-menu ul.sub-menu li a {
line-height: 50px !important;
}

ul#menu-main-menu ul.sub-menu li
{
float: left;
width: 100%;
text-align: left;
}

.page-template-page_commercial-plumbing .services-grid-item, .page-template-page_domestic-plumbing .services-grid-item
{
    height: 400px;
    background-size: 50% auto;
    background-position: center 10%;
    position: relative;
    color: #7a7979;
    font-size: 0.9em;
}

.page-template-page_commercial-plumbing .services-grid-item:hover, .page-template-page_domestic-plumbing .services-grid-item:hover
{
    color: white;
}

.page-template-page_commercial-plumbing .services-grid-item .services-grid-info-title, .page-template-page_domestic-plumbing .services-grid-item .services-grid-info-title
{
    display: block;
    font-size: 1.25em;
    margin-bottom: 15px;
    color: #3ea2ee;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 1em;
    letter-spacing: 0.1em;
    max-height: 40px;
    transition: all 0.25s;
}
.page-template-page_commercial-plumbing .services-grid-item:hover .services-grid-info-title, .page-template-page_domestic-plumbing .services-grid-item:hover .services-grid-info-title
{
    color: white;
}


.page-template-page_commercial-plumbing .services-grid-item, .page-template-page_domestic-plumbing .services-grid-item
{
    background-color: white;
    border: 0;
    box-shadow: 0 0.2em 0.5em rgba(0,0,0,0.25);
}
.page-template-page_commercial-plumbing .page-banner-content-bottom, .page-template-page_domestic-plumbing .page-banner-content-bottom
{
    display: none;
}

.page-template-page_commercial-plumbing .services-grid-item:hover, .page-template-page_domestic-plumbing .services-grid-item:hover {
    text-decoration: none;
    border-color: #02346a;
    background-color: #02346a;
}

.page-template-page_commercial-plumbing .page-banner-content-middle, .page-template-page_domestic-plumbing .page-banner-content-middle {
    padding-bottom: 220px;
}

.page-template-page_commercial-plumbing #services-grid, .page-template-page_domestic-plumbing #services-grid {
    margin-bottom: 0px;
}

.page-id-1611 #services-grid {
    margin-bottom: 0px;
}



ul#menu-main-menu li a {
    position: relative;
}

ul#menu-main-menu ul.sub-menu {
    background: #2978ba none repeat scroll 0 0;
    box-sizing: border-box;
    margin: 0 auto;
    min-width: 200px;
    opacity: 0;
    position: absolute;
    transition: all .3s ease 0s;
    visibility: hidden;
    z-index: -9999;
}

ul#menu-main-menu li:hover ul.sub-menu, ul#menu-main-menu li a:hover ul.sub-menu  {
opacity: 1 !important;
visibility:visible !important;
z-index:999 !important;
}

#footer-logos .footer-external {
    display: inline-block;
    width: 23%;
    height: 100px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
@media all and (min-width:600px) {
.footer-col {
    width: 25%;
}
}

@media all and (min-width:1200px) {
ul#menu-main-menu li {
    display: inline-block;
}
}

@media all and (max-width:1200px) {
ul#menu-main-menu ul.sub-menu {
min-width: 100% !important;
}

ul#menu-main-menu ul.sub-menu li {
    text-align: center !important;
}

ul#menu-main-menu ul.sub-menu li a {
margin-left: -0.8em !important;
}
	

}

/* Start of 1024px */
@media all and (max-width:1025px) { 
	.row.zip-four-box .col-3 {
    width: 48%;
    flex: 0 0 48%;
    margin-bottom: 20px; 
		max-width: 48% !important;
}
	
	.section-frame {
    -webkit-flex-direction: column;
		flex-direction: column; 
		align-items: center;
		justify-content: center;
}
	
	.plan1 {
    margin: -144px 0px 0px 0px;
}
	
.plan2 {
    margin: 50px 0px 0px 0px;
}
	
	.guide .guide-text {
    width: 100%;
    padding-left: 80px;
    word-break: break-all;
}
	
	
.faq-box {
    width: 100%;
    margin-bottom: 16px;
}
	
}
/* End of 1024px */

/* Start of 768px */
@media all and (max-width: 768px) {  
	.plan1, .plan2 {
    width: 75%; 
	}
	
	.plans-banner > div {
    padding-left: 5%;
    padding-right: 5%;
}
	
	.plan-details-text {
		margin-bottom: 0px !important;
	}
	
}
/* End of 768px */

/* Start of 600px */
@media all and (max-width: 600px) { 
	span#header-phone {
		text-align: center;
		clear: both;
		display: block;
	}
	
	.request-button {
		display: none !important;
	}
	
	.bg-white-bar:not(:first-child), .bg-grey-bar {
    padding: 15px 0;
}
	
	.plan-details-text {
    margin-bottom: 0px !important;
}
	
	.guide .guide-text {
    width: 100%;
    padding-left: 0px;
    word-break: break-all; 
		word-break: break-word;
}
	
	#header-contact {
    margin-top: -5px;
}
	
	#main {
    padding-top: 90px !important;
}
	
	.mobile-button-header a {
		width: 100% !important;
		display: block !important;
		height: 40px !important;
		line-height: 40px !important;
		text-align: center !important; 
		background: #c42f2f !important;
		color: white !important; 
		transition: .3s !important;
	}
	
	.mobile-button-header a img {
		width: 9.5px !important;
		height: 11.5px !important;
		padding-left: 10px !important;
	}
	
	.mobile-button-header a:hover {
				background: #a52828 !important;
	}
	
		.mobile-button-header {
		display: initial;
	}
	
#banner-top-buttons {
    top: 4.5em !important; 
	}
	
.rplg .rplg-badge_left-fixed {
    left: 5px !important;
    bottom: 5px !important;
}
	
	#home-banner {
		padding-bottom: 175px !important; 
		background-color: #c42f2f !important;
	}
	
	#banner-bottom-buttons {
    bottom: -173px !important;
}
	
	#home-primary-service-finder-inner {
    padding-top: 30px;
}
	
#banner-bottom-buttons {
    bottom: -210px !important;
}
	
	.service-finder-left, .service-finder-right {
    margin-bottom: 10px;
    margin-top: 15px;
}
	
	.half-left.popup-form {
		width: 100% !important;
	}
	
	.half-right.popup-form {
		width: 100% !important;
	}
	
	.pum-container.popmake .wpcf7-form-control.wpcf7-submit {
		margin-bottom: 0px !important;
	}

	.rplg-badge-cnt                 .rplg-badge_left-fixed, .rplg, .rplg .rplg-badge_left-fixed {
		z-index: 2000000000 !important;
	}     
	

	.pum-theme-14422 .pum-container, .pum-theme-default-theme .pum-container {
		z-index: 2147483647 !important; 
		margin-bottom: 0px !important;
	}
	
	#pum-14428 {
		z-index: 2147483647 !important;
}
	
	.pum-theme-14422 .pum-container form.wpcf7-form {
    margin-bottom: 10px;
}
	
	button.pum-close.popmake-close {
		background-color: #3ea2ee !important;
		width: 35px !important;
		height: 35px !important;
		line-height: 35px !important;
		padding: 0px !important;
		font-size: 16px !important;
		transition: .3s !important;
	}
	
		button.pum-close.popmake-close:hover {
		background-color: #02458d !important; 
	}
	
	.wpcf7-form-control-wrap {
    margin-bottom: 10px !important;
}
	
	#banner-tagline {
    color: #02458d !important;
    text-shadow: 0em 0em 0em #0a2f5f !important;
}
	
	
	
} 
/* End of 600px */

/* Start of 480px */
@media all and (max-width: 481px) {   
	.container .row.zip-four-box {
    margin-left: -10px !important;
    margin-right: -10px !important;
    align-items: center;
    align-items: center;
    justify-content: center;
}
	
.row.zip-four-box .col-3 {
    width: 95% !important;
    flex: 0 0 95%;
    margin-bottom: 20px;
    max-width: 95% !important;
    margin-left: 0px;
    margin-right: 0px;
}
	
.plans-banner > div h1 {
    font-size: 24px;
    margin: 40px 0px 0px;
}
	
	.plan1, .plan2 {
    width: 90%;
}
	
	.plan1 {
    margin: -200px 0px 0px 0px;
}
	
.guide .guide-image {
    width: 100%;
    align-content: flex-end;
    align-items: flex-end;
    display: flex;
    justify-content: flex-end;
}
	
	.guide .guide-image > img {
    max-width: 100%;
    max-height: 485px;
}
}
/* End of 480px */

/* Start of 414px */
@media all and (max-width: 415px) {  
	#header-contact {
        width: 200px !important;
    }
    	
	#banner-top-buttons {
        top: auto !important;
        bottom: 0px !important;
    }
}
/* End of 414px */


/* Start of 375px */
@media all and (max-width: 376px) {  
	#header-contact {
    width: 165px !important;
}
}
/* End of 375px */

/* Start of 360px */
@media all and (max-width: 361px) {  
	#header-contact {
    width: 150px !important;
}
	
	#header-phone.phone-number-header {
		text-align: right !important;
	}
	
	#header-call-to-action center {
		float: right !important;
	}
	
	.plans-banner > div p {
    font-size: 16px;
    padding-top: 15px;
}
}
/* End of 360px */

/* Start of 325px */

@media all and (max-width: 326px) {
	#banner-tagline {
    font-size: 15px !important;
}

.plans-banner > div h1 {
    font-size: 20px;
    margin: 40px 0px 0px;
}
	
}
#header-logo,
#header-left-edge,
#header-left-repeat {
    height: calc(100% - 3px);
}
#footer-links {
    background: #fff;
}
#footer-links a,
.footer-col-head {
    color: #000;
}
#footer-links {
    background: #fff;
    border-top: 3px solid #A12B17;
}
.footer-col.map-loca .wrap {
    border: 3px solid #A12B17;
}
#footer-contact-content {
    padding-left: 0;
    max-width: 1200px;
    margin: 0 auto;
}
#footer-contact {
    padding: 0;
    overflow: hidden;
    position: relative;
    background: #2B579B;
    height: 113px;
}
.logo-footer {
    width: 160px;
    float: left;
}
.logo-footer:before {
    content: "";
    background-color: #fff;
    position: absolute;
    left: 0;
    z-index: 1;
    top: 0;
    width: calc((100% - 1200px)/2 + 220px);
    display: block;
    bottom: 0;
}
.logo-footer span {
    position: relative;
    z-index: 1;
}
.logo-footer span:after {
    content: "";
    position: absolute;
    background: #fff;
    border-left: 60px solid transparent;
    border-bottom: 113px solid #2B579B;
}
#footer-contact-content .desc {
    padding-left: 100px;
    width: calc(100% - 220px);
    float: right;
    max-width: 660px;
    text-align: right;
}
#footer-contact-content .desc h2 a {
    color: #fff;
}
#footer-contact-content .desc h2 {
    margin: 0;
    font-size: 25px;
    color: #fff;
    padding-top: 25px;
}
.page-banner-content h1{
	color: #A12B17;
}
.footer-col.map-loca .wrap iframe {
    display: block;
}
@media all and (max-width: 1199px) {
	.logo-footer:before {
		width: 220px;
	}
	#banner-tagline {
		white-space: inherit;
	}
}
@media all and (max-width: 991px) {
	#footer-contact-content .desc {
		width: calc(100% - 170px);
		padding-left: 90px;
	}
	#footer-contact-content .desc h2 {
		font-size: 20px;
		padding-top: 28px;
	}
	.page-banner-content.page-banner-content-bottom h1 {
		max-width: 90%;
	}
}
@media all and (max-width: 767px) {
.footer-col.footer-col-primary:not(.map-loca) {
    display: none;
}
}
@media all and (max-width: 690px) {
	#footer-contact-content .desc h2 {
		font-size: 18px;
		padding-top: 35px;
	}
	.logo-footer {
		width: 120px;
	}
	#footer-contact {
		overflow: inherit;
		height: auto;
	}
	.logo-footer {
		width: 100%;
		float: left;
		text-align: center;
		background: #fff;
		position: relative;
		padding: 0 15px;
	}
	.logo-footer img {
		max-width: 160px;
	}
	.logo-footer:before {
		width: 100%;
	}
	.logo-footer span:after{content: none;}
	#footer-contact .hpadding {
		padding: 0;
	}
	#footer-contact-content .desc {
		width: 100%;
		text-align: center;
		padding: 0 15px;
	}
	#footer-contact-content .desc h2 {
		font-size: 18px;
		padding-top: 20px;
		padding-bottom: 20px;
	}
	#footer-contact-content {
		padding: 0 !important;
	}
	#footer-logos .footer-external {
		width: 100%;
		height: 100px;
	}

}
@media all and (max-width: 600px) {
	.footer-col.footer-col-primary.map-loca {
		width: 100%;
		padding-right: 0;
	}
	.footer-col{
		width: 100%;
	}
	table.two-col-table td {
		height: auto !important;
	}
	.services-grid-item {
		width: 42%;
		height: 170px;
		max-width: 42%;
		box-sizing: content-box;
	}
}
@media all and (max-width: 320px) {
	.services-grid-item {
		width: 32%;
		height: 170px;
		max-width: 32%;
		box-sizing: content-box;
	}
}