/*
Theme Name: ACCENT ROOFING COMPANY & CONSTRUCTION
Theme URI: 
Author: the Development team
Author URI: https://wordpress.org/
Description: A theme for WordPress 5.
Requires at least: WordPress 4.9.6
Version: 1.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: wp5default
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

WP5 Default is based on Underscores https://underscores.me/, (C) 2012-2018 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

html {
	line-height: 1; 
	-webkit-text-size-adjust: 100%;
}

body {
	font-family: 'Open Sans', sans-serif; 
	margin: 0 auto; 
	width: 100%; 
	min-width: 1200px;
	overflow-x: hidden;
}

.container {
	width: 100%; 
	max-width: 1600px; 
	margin: 0 auto; 
	padding: 0;
}

.row {
	max-width: 1440px; 
	margin: 0 auto;
}

.so-panel,
.panel-grid {
	margin-bottom: 0 !important;
}

.elementor-column-gap-default>.elementor-column>.elementor-element-populated {
	padding: 0;
}

.elementor-widget:not(:last-child) {
	margin: 0;
}
@media screen and (max-width: 1200px) {
	body {min-width: 320px;}
}

@font-face {
    font-family:'Century Gothic';
    src: url('assets/fonts/Century Gothic.eot');
	src: url('assets/fonts/Century Gothic.eot?#iefix') format('embedded-opentype'),
		url('assets/fonts/Century Gothic.woff2') format('woff2'),
		url('assets/fonts/Century Gothic.woff') format('woff'),
		url('assets/fonts/Century Gothic.svg#Century Gothic') format('svg');
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    unicode-range: U+0020-F003;
}
@font-face {
    font-family:'Bebas';
    src: url('assets/fonts/Bebas.eot');
	src: url('assets/fonts/Bebas.eot?#iefix') format('embedded-opentype'),
		url('assets/fonts/Bebas.woff2') format('woff2'),
		url('assets/fonts/Bebas.woff') format('woff'),
		url('assets/fonts/Bebas.svg#Bebas') format('svg');
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    unicode-range: U+0020-007E;
}
@font-face {
    font-family:'Bebas Neue';
    src: url('assets/fonts/BebasNeue.eot');
	src: url('assets/fonts/BebasNeue.eot?#iefix') format('embedded-opentype'),
		url('assets/fonts/BebasNeue.woff2') format('woff2'),
		url('assets/fonts/BebasNeue.woff') format('woff'),
		url('assets/fonts/BebasNeue.svg#BebasNeue') format('svg');
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    unicode-range: U+0020-00FE;
}
@font-face {
    font-family:'Century Gothic';
    src: url('assets/fonts/Century Gothic Bold.eot');
	src: url('assets/fonts/Century Gothic Bold.eot?#iefix') format('embedded-opentype'),
		url('assets/fonts/Century Gothic Bold.woff2') format('woff2'),
		url('assets/fonts/Century Gothic Bold.woff') format('woff'),
		url('assets/fonts/Century Gothic Bold.svg#Century Gothic Bold') format('svg');
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    unicode-range: U+0020-F003;
}
/*--------------------------------------------------------------
## Layouts
--------------------------------------------------------------*/

.screen-reader-text {
	border: 0; clip: rect(1px, 1px, 1px, 1px); 
	-webkit-clip-path: inset(50%); 
	        clip-path: inset(50%); 
	height: 1px; 
	margin: -1px; 
	overflow: hidden; 
	padding: 0; 
	position: absolute !important; 
	width: 1px; 
	word-wrap: normal !important;  
}

.wp-block-column, 
.blocks-gallery-item {
	margin: 0 !important;
}

.has-1-columns .wp-block-column {
	-ms-flex-preferred-size: 100%;
	    flex-basis: 100%;
}

.wp-block-gallery.is-cropped .blocks-gallery-item img {
	height: auto; 
	width: auto; 
	-o-object-fit: contain; 
	   object-fit: contain;
}

.wp-block-image, 
.wp-block-image figure {
	margin: 0;
}

.cta {
	display: none;
}

img {
	-webkit-transition: all .5s linear;
	-o-transition: all .5s linear;
	transition: all .5s linear;
}

/*--------------------------------------------------------------
## Fonts
--------------------------------------------------------------*/
a, 
a:visited {
	text-decoration: none; 
	-o-transition: all .2s ease; 
	transition: all .2s ease; 
	-webkit-transition: all .2s ease; 
	text-decoration: none !important;
}

a:hover {}
a:focus {
	outline: none !important;
}


h1,h2,h3,h4,h5{ padding:0; margin:0; }
.row {max-width: 1600px;margin: 0 auto}
.row2 {max-width: 1233px;margin: 0 auto;position: relative; }
/*--------------------------------------------------------------
## Buttons
--------------------------------------------------------------*/

.btn,
.kt-btn-wrap .kt-button {
  display: -moz-flex !important;
  display: -ms-flex !important;
  display: -o-flex !important;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-pack: center !important;
      -ms-flex-pack: center !important;
          justify-content: center !important;
  -webkit-box-align: center !important;
      -ms-flex-align: center !important;
          align-items: center !important;
  font-size: 18px !important; 
  font-weight: 300 !important; 
  color: #FFF !important; 
  position: relative !important; 
  background: #CC0000 !important; 
  z-index: 1 !important; 
  width: 200px !important;
  height: 60px !important;
  letter-spacing: 0.15em;
  font-family: 'Teko', sans-serif !important;
  padding: 0 !important;
  margin: auto;
  z-index: 1000;
  border: 1px solid transparent !important;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.btn span {
	position: relative;
	top: 2px;
	-webkit-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
}

.btn:hover {
  border-color: #CC0000 !important;
	
}
.btn:hover,
.btn:hover span {
	color: #CC0000 !important;
	text-shadow: 0px 3px 10px #000, 0px 3px 10px #000;
}

.btn::after {
  content: ""; 
  background: #FFF; 
  position: absolute; 
  width: 100%; 
  height: 100%; 
  top: 0; 
  left: 0; 
  -webkit-transition: all .2s linear; 
  -o-transition: all .2s linear; 
  transition: all .2s linear; 
  -webkit-transform: scaleX(0); 
      -ms-transform: scaleX(0); 
          transform: scaleX(0); 
  z-index: -1;
}

.btn:hover::after {
  -webkit-transform: scaleY(1);
      -ms-transform: scaleY(1);
          transform: scaleY(1);
}

.ow-button-base.ow-button-align-center {
	position: relative;
	z-index: 1000;
}

.kt-button {
	border: none !important;
} 

/*--------------------------------------------------------------
## Layouts
--------------------------------------------------------------*/
.sidebar form, 
.error-404 form {
	position: relative; 
	max-width: 700px; 
	margin: 10px auto;
}

.sidebar input[type="search"], 
.error-404 input[type="search"] {
	width: 100%; 
	padding: 5px 10px;
}

.sidebar input[type="submit"], 
.error-404 input[type="submit"] {
	background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#ccc));
	background: -webkit-linear-gradient(top, #FFF, #ccc);
	background: -o-linear-gradient(top, #FFF, #ccc);
	background: linear-gradient(to bottom, #FFF, #ccc);
	border: 1px solid #000; 
	position: absolute; 
	padding: 6px; 
	right: 0; 
	top: 0;
}

.sidebar .widget:not(:nth-of-type(1)) {
	background: rgba(255, 255, 255, .5);
	border-bottom: 1px solid #CCC;
	padding-bottom: 20px;
	margin-bottom: 20px;  
	padding: 10px 20px;
}

.sidebar input[type="submit"], 
.error-404 input[type="submit"] {
	-webkit-transition: all .4s linear;
	-o-transition: all .4s linear;
	transition: all .4s linear;
}

.sidebar input[type="submit"]:hover, 
.error-404 input[type="submit"]:hover {
	-webkit-box-shadow: 0px 0px 20px #000;
	        box-shadow: 0px 0px 20px #000;
}


/*--------------------------------------------------------------
## Forms
--------------------------------------------------------------*/
form p {
	margin: 0 0 10px !important;
	width: 100%;
}

form i, 
form .hide {
	display: block;
	width: .1px; 
	height: .1px; 
	overflow: hidden;
}

form label {
	display: block; 
}

form input, form textarea {
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}

form input[type="submit"] {
	margin: 20px auto 0;
	background: #8C0000;
	color: #fff;
	border: none;
	letter-spacing: 3px;
	padding: 12px 0;
	display: block;
	width: 144px;
	font-family: 'Bebas Neue';
	font-size: 15px;
	font-weight: 400;
	display: block;
}

div.wpcf7 .ajax-loader {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}

.wpcf7 ::placeholder {
	color: #fff;
	font-family: 'Lato', sans-serif;
	font-size: 15px;
}

.wpcf7 textarea {
	background: #ccc;
  color: #fff;
  font-family: 'Lato', sans-serif;
  font-size: 15px;
  font-weight: 300;
  font-style: italic;
  height: 45px;
  display: block;
  width: 100%;
  border: 1px solid #ddd;
  padding: 5px 10px;
  box-sizing: border-box;
  margin: 0 auto 8px;
  letter-spacing: .32px;
  -webkit-box-shadow: inset 35px 35px 15px -46px rgb(0 0 0);
  -moz-box-shadow: inset 35px 35px 15px -46px rgba(0,0,0,1);
  box-shadow: inset 35px 35px 15px -46px rgb(0 0 0);
}

.wpcf7 input[type="text"],
.wpcf7 input[type="email"] {
	background: #ccc;
  color: #fff;
  font-family: 'Lato', sans-serif;
  font-size: 15px;
  font-weight: 300;
  font-style: italic;
  height: 45px;
  display: block;
  width: 100%;
  border: 1px solid #ddd;
  padding: 5px 10px;
  box-sizing: border-box;
  margin: 0 auto 8px;
  letter-spacing: .32px;
  -webkit-box-shadow: inset 35px 35px 15px -46px rgb(0 0 0);
  -moz-box-shadow: inset 35px 35px 15px -46px rgba(0,0,0,1);
  box-shadow: inset 35px 35px 15px -46px rgb(0 0 0);
}

span.wpcf7-not-valid-tip {
	font-size: 10px;
	position: absolute;
	right: 5px;
	top: -22px;
}

p.message span.wpcf7-not-valid-tip {
	top: -170px;
}

p.acceptance span.wpcf7-not-valid-tip {
	position: relative;
	right: 0;
	top: 0;
	text-align: center;
	font-size: 15px;
}

.wpcf7-display-none {
	text-align: center;
	background: #fff;
}
/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/

/*--------------------------------------------------------------
## Header
--------------------------------------------------------------*/
#header .container {
	max-width: 1440px;
}

#header p {
	font-family: 'Raleway', sans-serif;
	font-size: 16px;
	color: #B20000;
	font-weight: 500;
	display: inline-block;
	vertical-align: top;
	margin: 0;
	line-height: 1.5;
}

#header p a {
	font-family: 'Century Gothic';
	color: #666666;
	font-size: 16px;
	font-weight: 400;
	transition: color 0.6s ease;
}

#header nav ul li a {
	transition: all 0.6s ease;
	font-family: 'Century Gothic';
}
/*--------------------------------------------------------------
## Banner
--------------------------------------------------------------*/
#banner-logos {
    max-width: 1000px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
}

#banner-logos img {
    width: 100%;
    max-width: 200px;
    max-height: 100px;
    object-fit: scale-down;
}

#banner h1 {
    font-family: 'Bebas Neue';
    font-size: 50px;
    color: #FF0000;
    display: block;
    line-height: 145%;
    letter-spacing: .11px;
    text-align: center;
}

#banner a.link {
    font-family: 'Bebas';
    font-size: 18px;
    color: #fff;
    letter-spacing: 2px;
    font-weight: 400;
    display: flex;
    align-items: center;
    justify-content: center;
    /* width: 209px; */
    max-width: 535px;
    width: 100%;
    background: #8C0000;
    padding: 14px 0;
    margin: 28px auto 0;
    transition: all 0.7s ease;
    box-sizing: border-box;
}

#banner a.link:hover {
    color: #FF0000;
    background: #8C0000;
}

.banner-text {
	position: absolute;
	left: 0;
	right: 0;
/* 	bottom: 120px; */
	bottom: 0;
	margin: auto;
}

.cnt-cn h1 {
    font-family: 'Bebas Neue';
    font-size: 29px;
    margin: 0 auto;
    font-weight: 300;
    color: #fff;
}

.cnt-cn h1 strong {
    display: block;
    font-weight: 700;
    font-size: 70px;
    line-height: 60px;
    color: #fff;
}

.cnt-cn h2 strong {
    font-family: 'Roboto', sans-serif;
    font-size: 26px;
    display: block;
    margin: 0 auto 6px;
}

.cnt-cn h2 {
    font-family: 'Oswald', sans-serif;
    font-size: 18px;
    display: block;
    margin: 0 auto 6px;
    font-weight: 400;
    color: #fff;
}


.cnt-cn h3 {
	font-size: 18px;
	color: #fff;
	font-weight: 700;
}

.cnt-cn p {
    font-family: 'Roboto', sans-serif;
    font-size: 18px;
    display: block;
    margin: 25px auto;
    font-weight: 400;
    letter-spacing: 1.05px;
    line-height: 22px;
    max-width: 821px;
    color: #fff;
}

.btn2 {
    font-family: 'Bebas Neue';
    font-size: 15px;
    font-weight: 400;
    display: block;
    width: 144px;
    padding: 12px 0;
    margin: 0 auto;
    background: #FF0000;
    text-align: center;
    transition: all 0.7s ease;
    color: #fff;
}

.srv .row {
	max-width: 1190px;
}

.srv figure {
    position: relative;
    overflow: hidden;
}

.srv figcaption {
    margin: 0 !important;
    font-family: 'Bebas Neue' !important;
    color: #fff !important;
    font-weight: 400 !important;
    letter-spacing: .25px !important;
    font-size: 24px !important;
    position: absolute !important;
    bottom: 77px !important;
    left: 0;
    right: 0;
    margin: 0 auto !important;
    display: block;
    max-width: 322px;
}

@media screen and (max-width: 768px) {
	.banner-text {
		position: relative;
		bottom: 0;
		padding: 40px 10px;
	}

	.banner-image img {
		height: auto !important;
	}

	#banner h1 {
		font-size: 35px;
		margin: 15px 0;
	}

	#banner a.link {
		font-size: 15px;
		margin-top: 0;
		text-align: center;
		line-height: 1.6;
	}

	#banner-logos {
		flex-wrap: wrap;
		justify-content: center;
		gap: 15px;
	}
	
	.cnt-cn p {
		font-size: 15px;
	}
	
	.ratings p {
		text-align: center;
	}
	
	.ratings a,
	.ratings img {
		display: block;
		width: 100%;
		max-width: 150px;
		margin: 20px auto;
	}
}
/*--------------------------------------------------------------
## Content
--------------------------------------------------------------*/
.cnt-cn h2 {
    font-family: 'Oswald', sans-serif;
    font-size: 18px;
    display: block;
    margin: 0 auto 6px;
    font-weight: 400;
}


.about.elementor-section .elementor-container {
	max-width: 1233px;;
}
.about-cn {
    color: #fff;
    padding: 75px 0 40px 56px;
    text-align: left;
    position: relative;
    overflow-x: hidden;
}

.about-cn h5 {
    font-family: 'Century Gothic';
    color: #fff;
    font-size: 33px;
    font-weight: 400;
    margin: 0;
}

.about-cn h3 {
    font-family: 'Oswald', sans-serif;
    color: #fff;
    font-size: 26px;
    font-weight: 400;
}

.about-cn h3 strong {
    font-size: 60px;
    color: #FF0000;
    display: block;
    font-weight: 400;
    line-height: 60px;
    font-family: 'Oswald', sans-serif;
}

.about-cn p {
    font-family: 'Century Gothic';
    font-size: 15px;
    font-weight: 400;
    line-height: 24px;
    max-width: 530px;
    letter-spacing: .55px;
    margin: 21px 0;
    color: #fff;
}

.about-cn .btn2 {
	margin: 0;
}


.about .abt-img {
    position: absolute;
    right: -120px;
    top: -160px;
}

.about .abt-img img {
	width: 100%;
}
.tsml {
    border: 5px solid rgba(255,0,0,0.5);
    box-shadow: 0px 0px 18px #b20000;
    margin: 0 30px;
    background: #fff;
    color: #777;
    padding: 38px 0 60px;
}

.tsml .row {
	max-width: 1233px;
}

.tsml h3 {
    letter-spacing: 14px !important;
    font-family: 'Century Gothic' !important;
    font-size: 45px !important;
    font-weight: 400 !important;
    display: block !important;
    color: #777 !important;
    font-weight: 400 !important;
    margin: 0 auto 57px !important;
}

.tsml p {
    text-align: left;
    font-family: 'Lato', sans-serif;
    font-size: 20px;
    font-weight: 300;
    font-style: italic;
    line-height: 26px;
    max-width: 545px;
    margin: 0 auto;
}
.tsml .name {
    text-align: right;
    display: block;
    width: 117px;
    margin: 20px 0 0 auto;
}

.tsml .name h6 {
    display: block;
    font-family: 'Lato', sans-serif;
    font-size: 16px;
    margin: 0;
}

.tsml p a {
    padding: 10px 30px;
    color: #fff;
    background: #B20000;
    margin: auto;
    display: block;
    width: 254px;
    display: flex;
    align-items: center;
    font-size: 16px;
    font-style: normal;
    justify-content: center;
}

.glry .row {
    max-width: 1600px;
    width: 100%;
    margin: 0 auto;
}

.glry h3 {
    font-family: 'Oswald', sans-serif;
    font-size: 60px;
    color: #B20000;
    font-weight: 400;
    display: block;
    line-height: 1.5;
    margin: 0 auto 97px;
}


.glry figcaption {
    background: #B20000;
    width: 140px;
    height: 140px;
    display: block;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    position: absolute;
    margin: 0 auto;
    border-radius: 50%;
    right: 0;
    font-family: 'Oswald', sans-serif;
        font-size: 20px;
        color: #fff;
        color: #fff !important;
        font-weight: 400;
        transition: all 0.6s ease;
        display: flex;
        align-items: center;
        justify-content: center;
        transition: color 0.6s ease;
}

.glry img {
    width: 100%;
    display: inline-block;
    vertical-align: top;
    outline: 7px solid rgb(255 255 255 / 40%);
        outline-offset: -10px;
        filter: drop-shadow(2px 4px 6px rgb(0 0 0 / 50%));
        padding: 5px;
        box-sizing: border-box;
}

.glry .left img {
	max-width: 366px !important;
}
.dl-cn {
    width: 40%;
    margin: 0 -150px;
    position: relative;
}

.glry.elementor-section .elementor-container {
	justify-content: center;
}

.loc-form iframe {
	height: 526px;
	max-width: 739px;
	border: 0;
	width: 100%;
}

.loc-form .row {
    max-width: 1280px;
}

.loc-form h3 {
    color: #8C0000;
    font-family: 'Oswald', sans-serif;
    letter-spacing: 2.50px;
    font-weight: 400;
    font-size: 60px;
    margin: 0 auto 26px;
    line-height: 56px;
}

.loc-form form h3 {
    font-family: 'Bebas';
    font-size: 45px;
    text-align: center;
}

.loc-form form {
	background: #fff;
	padding: 33px 40px 10px;
	-webkit-box-shadow: 0px 0px 15px 0px rgb(0 0 0 / 49%);
	-moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.49);
	box-shadow: 0px 0px 15px 0px rgb(0 0 0 / 49%);
	width: 100%;
	max-width: 511px;
}

.loc-form form input[type="text"],
.loc-form form input[type="email"],
.loc-form form textarea {
    width: 100%;
    display: block;
    margin: 0 auto 7px;
}

.loc-form form textarea {
    height: 145px;
}

@media screen and (max-width: 1024px) {
	#header .hfe-nav-menu__layout-horizontal {
		justify-content: center;
	}

	#header .hfe-nav-menu__layout-horizontal .hfe-nav-menu {
		margin: auto;
	}

	.about .abt-img img {
		max-width: 600px !important;
	}

	.about .abt-img {
		top: 0;
		right: -100px;
	}
}

@media screen and (max-width: 768px) {
	p {
		font-size: 16.5px !important;
	}
	#header p {
		padding-top: 20px;
	}
	#header p a {
		display: block;
	}
	.cnt-cn h1 strong {
		font-size: 50px
	}
	.about .abt-img {
		position: relative;
		right: 0;
	}

	.about-cn {
		padding: 40px 10px;
	}

	.about-cn h5,
	.about-cn h3 {
		text-align: center
	}

	.about-cn p {
		text-align: center;
		margin: 20px auto;
	}

	.about-cn .btn2 {
		margin: auto;
	}

	.about-cn h3 strong {
		font-size: 40px
	}

	.about-cn h5 {
		font-size: 25px
	}

	.srv {
		background-attachment: fixed;
	}

	.about-cn h5 {
		letter-spacing: 0;
		font-size: 35px !important;
		margin-bottom: 20px !important;
	}

	.glry h3 {
		font-size: 40px;
		margin-bottom: 30px;
	}

	.tsml h3 {
		font-size: 35px !important;
		letter-spacing: 0 !important;
		margin: 0 !important;
	}

	.dl-cn {
		margin: 0;
		width: 100%;
	}

	.dl-cn img {
		max-width: 360px;
		margin: auto;
	}

	.tsml {
		margin: 40px 10px;
		padding: 40px 10px;
	}

	.loc-form h3 {
		text-align: center;
		font-size: 40px
	}

	.loc-form form h3 {
		font-size: 35px
	}

	.loc-form form {
		padding: 33px 10px 10px;
		margin: auto;
	}


}
/*--------------------------------------------------------------
## Footer
--------------------------------------------------------------*/
#footer .row {
	max-width: 1233px;
}
#footer h2 {
    letter-spacing: 2px;
    font-family: 'Oswald', sans-serif;
    font-size: 60px;
    margin: 0 auto 40px;
    color: #FF0000;
    font-weight: 400;
    line-height: 68px;
    text-align: center;
}

#footer h5 {
    font-family: 'Century Gothic';
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 13px;
}


#footer .svc-area {
    margin-top: 15px;
}

.b-hrs ul:first-of-type {
    padding-right: 13px;
}

.b-hrs ul {
    display: inline-block;
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.b-hrs ul li {
    font-family: 'Century Gothic';
    font-size: 16px;
    font-weight: 400;
    line-height: 23px;
    list-style: none;
    margin-bottom: 13px;
    color: #fff;
}

#footer p {
    display: block;
    font-family: 'Lato', sans-serif;
    font-size: 15px;
    color: #CCCCCC;
    line-height: 1.8;
    margin-bottom: 4px;
}

#footer p a {
	color: #fff;
}

#footer p.phone a,
 #footer p.fax a {
 	color: #fff;
    font-size: 22px;
    margin-top: 4px;
    display: block;
}

#footer .fr-txt {
    font-size: 16px;
    font-family: 'Century Gothic';
    color: #fff;
    font-weight: 400;
    margin-bottom: 6px;
}

#footer p.fax {
    margin: 15px 0 48px;
}

#footer p.email a {
	display: block;
}

#footer nav ul li a {
	font-family: 'Century Gothic';
	color: #fff;
	font-size: 16px;
	font-weight: 400;
	display: block;
	transition: all 0.6s ease;
}

#footer .copy {
    text-align: center;
    font-size: 13px;
    color: #fff;
    display: block;
    margin: 30px auto 0;
    font-family: 'Century Gothic';
}
p.silver img {
	position: relative;
	width: 50px;
	padding-right: 10px;
	top: 5px;
}


@media screen and (max-width: 768px) {
	.cards {
		text-align: center;
	}
	
	#footer h2 {
		font-size: 40px;
		margin-bottom: 20px;
	}

	#footer h5 {
		text-align: center;
		margin-top: 20px;
	}

	#footer p {
		text-align: center
	}

	#footer nav ul li a {
		text-align: center
	}
	.b-hrs ul li {
		font-size: 18px;
	}

	.b-hrs .wrapper {
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.cta {
		background: url("assets/images/phonecall.png") no-repeat center center,
		-webkit-radial-gradient(#eb151a,#000,#000);
		background: url("assets/images/phonecall.png") no-repeat center center,
		-o-radial-gradient(#eb151a,#000,#000);
		background: url("assets/images/phonecall.png") no-repeat center center,
		radial-gradient(#eb151a,#000,#000);
		border-bottom-left-radius: 40px;
		border: 2px solid #eb151a;
		border-right: none;
		border-top-left-radius: 40px;
		bottom: 13%;
		display: block;
		height: 65px;
		position: fixed;
		right: 0;
		text-decoration: none; 
		text-indent: -9999em;
		width: 80px;
		z-index: 999;
	}
}
/*--------------------------------------------------------------
## Sidebar Blog
--------------------------------------------------------------*/
.sidebar {
	-ms-flex-preferred-size: 30%;
	    flex-basis: 30%; 
	padding: 20px; 
	-webkit-box-sizing: border-box; 
	        box-sizing: border-box; 
	border: 1px solid #535353;
}

.sidebar .widget {
	padding: 10px; 
	background: rgba(238, 238, 238, .3); 
	-webkit-box-shadow: 0px 0px 2px #111; 
	        box-shadow: 0px 0px 2px #111; 
	margin-bottom: 20px;
}

.sidebar h2 {
	margin: 0; 
	font-size: 22px;
}

.sidebar ul {
	margin: 10px auto; 
	line-height: 120%;
}

.sidebar ul a {
	font-size: 17px; 
	color: #111;
}

.sidebar ul a:hover {
	text-shadow: 0px 0px 20px #000;
}

.sidebar .widget_search {
	-webkit-box-sizing: border-box;
	        box-sizing: border-box; 
	padding: 20px;
	width: 100%; 
	background: #0F3A6F; 
	margin-bottom: 20px;
}

.sidebar form {
	position: relative;
}

.sidebar input[type="search"] {
	width: 100%; 
	padding: 5px 10px;
}

.sidebar input[type="submit"] {
	background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#ccc));
	background: -webkit-linear-gradient(top, #FFF, #ccc);
	background: -o-linear-gradient(top, #FFF, #ccc);
	background: linear-gradient(to bottom, #FFF, #ccc); 
	border: 1px solid #000; 
	padding: 6px; 
	position: absolute; 
	right: 0; 
	top: 0;
}

.sidebar input[type="submit"] {
	cursor: pointer; 
	-webkit-transition: all .4s linear; 
	-o-transition: all .4s linear; 
	transition: all .4s linear;
}

.sidebar input[type="submit"]:hover {
	-webkit-box-shadow: 0px 0px 20px #000;
	        box-shadow: 0px 0px 20px #000;
}


/*--------------------------------------------------------------
## Inner Pages
--------------------------------------------------------------*/
.inner #primary {
	padding: 40px 10px;
	min-height: 500px; 
	box-sizing: border-box;
}

.inner #primary h1 {
    font-family: 'Raleway', sans-serif;
    font-size: 75px;
    color: #B20000;
    text-align: center;
	padding-bottom: 20px;
}

.inner #primary h4 {
    font-family: 'Raleway', sans-serif;
    font-size: 50px;
    color: #333333;
}

.inner #primary p {
    font-family: 'Roboto', sans-serif;
    font-size: 18px;
    line-height: 165%;
    color: #333333;
}

.inner #primary h4 {
    font-family: 'Raleway', sans-serif;
    font-size: 30px;
    color: #B20000;
}

.inner #primary .list {
    display: inline-block;
    list-style: disc;
    padding-left: 40px;
}

.inner #primary .list li {
    line-height: 180%;
    font-size: 18px;
    color: #333333;
    letter-spacing: 1px;
    text-align: left;
}

.inner #primary .list-col2 {
    columns: 2;
    list-style-position: inside;
    text-align: left;
}

.inner #primary #svc-logos img {
    width: 100%;
    max-width: 200px;
    display: inline-block;
    vertical-align: middle;
    margin: 10px;
}

.inner #primary #main {
	max-width: 1190px;
	margin: auto;
}

.inner #primary ul {
    color: #333333;
    font-size: 18px;
    letter-spacing: 1px;
    line-height: 180%;
}

div.wpcr3_review div.wpcr3_review_datePublished {
	display: none !important;
}

div.wpcr3_review blockquote.wpcr3_content p {
	font-family: 'Roboto', sans-serif;
	font-size: 18px;
	line-height: 165% !important;
	color: #333333;
}

.inner .rm-testi {
    background: #c72a33;
    color: #fff;
    padding: 15px 0;
    display: block;
    text-align: center;
    margin: 10px auto;
    width: 450px;
    font-size: 16px;
    box-shadow: 0 0 15px rgb(0 0 0 / 50%);
    transition: 1s ease;
}

.inner form textarea {
    height: 120px !important;
    padding-top: 10px;
}

@media screen and (max-width: 768px) {
	.inner #primary h1 {
		font-size: 50px
	}

	.inner #primary h4 {
		font-size: 25px;
		text-align: center
	}
	
	.inner #primary p,
	.inner #primary .list li,
	.inner #primary .list-col2 li {
		font-size: 15px;
	}
	
	div.wpcr3_review blockquote.wpcr3_content {
		margin: 15px 0 !important;
	}
	.inner .rm-testi {
		width: 100%;
		max-width: 450px;
		font-size: 15px;
	}
}

@media screen and (max-width: 425px) {
	.inner #primary .list-col2 {
		columns: 1;
	}

	#svc-logos {
		display: flex;
		flex-direction: column;
		align-items: center;
	}
}
/*--------------------------------------------------------------
## Blog Page
--------------------------------------------------------------*/
.blog-container {
	padding-right: 5%; 
	-ms-flex-preferred-size: 65%; 
	    flex-basis: 65%;
}

.blog-list article {
	padding: 20px; 
	-webkit-box-sizing: border-box; 
	        box-sizing: border-box; 
	border: 1px solid #535353; 
	-webkit-transition: all .3s linear; 
	-o-transition: all .3s linear; 
	transition: all .3s linear;
}

.blog-list article:not(:last-of-type) {
	margin-bottom: 40px;
}

.blog-list article:hover {
	-webkit-box-shadow: 0px 0px 20px #000;
	        box-shadow: 0px 0px 20px #000;
}

.blog-title h2 a {
	font-size: 30px; 
	margin: 0 0 20px; 
	color: #111;
}

.blog-header {
	margin-bottom: 10px; 
	-webkit-box-align: end; 
	    -ms-flex-align: end; 
	        align-items: flex-end; 
	-webkit-align-items: flex-end;
}

.blog-header p {
	margin: 0; 
	font-size: 18px;
}

.blog-header p span {
	font-style: italic;
}

.blog-image {
	text-align: center;
}

.blog-image img {
	-webkit-transition: all .5s linear;
	-o-transition: all .5s linear;
	transition: all .5s linear; 
	max-width: 500px !important; 
	height: auto !important;
}

.blog-container .btn {
	padding: 10px 20px; 
	font-size: 13px; 
	margin-top: 10px;
}

.pagination-n {
	text-align: right; 
	margin-top: 15px;
}

.pagination-n a {
	padding: 2px 10px; 
	background: #0F3A6F; 
	color: #FFF;
}

.pagination-n .current {
	padding: 2px 10px; 
	background: #6A7A64; 
	color: #FFF;
}

@media screen and (max-width: 768px) {
	.blog-wrap {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
	}

	.blog-container {
		margin-bottom: 30px; 
		padding-right: 0; 
		text-align: center;
	}

}

@media screen and (max-width: 500px) {
	.blog-header {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
	}

	.blog-header p, .blog-header h2 {
		width: 100%; 
		text-align: center;
	}

	.blog-list article {
		text-align: center;
	}

	.blog-header h2 {
		font-size: 30px;
	}

	.blog-container .btn {
		margin-top: 20px;
	}
}


/*--------------------------------------------------------------
## Search Page
--------------------------------------------------------------*/
.page-description {
	text-align: center; 
	font-size: 25px; 
	font-weight: 700; 
	margin-bottom: 40px; 
	display: block;
}

.page-description::after {
	content: ' "';
}

.page-description::before {
	content: '" ';
}

.search article {
	padding: 20px; 
	border: 1px solid #000; 
	margin-bottom: 30px; 
	display: block; 
	-webkit-transition: all .5s linear; 
	-o-transition: all .5s linear; 
	transition: all .5s linear;
}
.search article:hover {
	-webkit-box-shadow: 0px 0px 20px #000;
	        box-shadow: 0px 0px 20px #000;
}

.search article:last-of-type {
	margin-bottom: 0;
}

.search article h2 a {
	margin: 0 0 20px; 
	font-size: 35px; 
	color: #111;
}

.search-con {
	padding-right: 5%; 
	-ms-flex-preferred-size: 65%; 
	    flex-basis: 65%;
}

@media screen and (max-width: 768px) {
	.search-wrap {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
	}
	.search-con {
		margin-bottom: 30px; 
		padding-right: 0; 
		text-align: center;
	}
}

@media screen and (max-width: 500px) {
	.mobile-slide {margin-top: -150px !important;}
	.mobile-banner-end {margin-top: -150px !important;}
}


/*--------------------------------------------------------------
## Error Page
--------------------------------------------------------------*/
.error-404 {
	text-align: center;
}