/*
Theme Name: Premium Tire & Auto Centre
Theme URI: http://underscores.me/
Author: Vishal Gularia
Author URI: https://clicktecs.com/
Description: Clicktecs Team
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: pcs
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.

pcs is based on Underscores https://underscores.me/, (C) 2012-2017 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/
*/
.wpcf7-spinner{
    position: absolute;
    left: 0;
    bottom: 0;
}
.ct-promotion-post-template .ct-promotion {
  padding: 50px;
  box-shadow: 0 0 30px rgba(0,0,0,0.1);
}
.ct-row{
display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}
.ct-promo-col{
width: 31.3%;
    margin: 15px 1%;
    text-align: center;
    border: solid 1px #a9233e;
}
.ct-promotion-info{
padding: 20px;
color: #000;
width: 50%;
display: flex;
flex-direction: column;
justify-content: center;
}
.ct-promotion-info h3{
margin:10px 0;
    font-size: 1.0em;
    text-transform: uppercase;
    color: #a9233e;
}
.ct-promotion-info p:last-child{
margin-bottom: 0;
}
.ct-promo-col a{
text-decoration: none;
  display: flex;
  flex-wrap: wrap;
  padding: 20px;
  height: 100%;
  align-items: center;
}
.ct-promotion-region-filter-container{
display: flex;
justify-content: flex-end;
padding: 0 0 20px 0;
width: 98%;
border-bottom: solid 1px #ccc;
margin: 20px 1%;
}
.ct-promotion-region-filter-container select{
width: 30%;
    border: solid 1px #a9233e;
}
.ct-promotion-image{
width: 50%;
}
.text-2.foot-col{
	display: flex;
	justify-content: center;
	align-items: center;
}
.logosgrid {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}
.single-logo {
width: 23%;
box-shadow: 0 0 10px rgba(0,0,0,0.2);
display: flex;
justify-content: center;
align-content: center;
padding: 20px;
margin: 10px 1%;
}
.single-logo img{
align-self:center;	
}
#tm-scott-eccles{
display:none;	
}
.clients-logos-gallery {
    margin: 50px 0;
}
.logo-thumb img{
align-self: center;	
    max-height: 100px;
}
.logo-thumb a{
border: #ccc solid 1px;
padding: 20px 20px 60px;
box-shadow: 0 0 15px rgba(0,0,0,0.2);
height: 100%;
position: relative;
display: flex;
    min-height: 190px;
justify-content: center;
transition: all .5s ease 0s;
}
.logo-thumb a:hover,
.logo-thumb a:focus,
.logo-thumb a:active{
border: #a9233e solid 1px;
box-shadow: 0 0 15px rgba(0,0,0,0.5);

}
.logo-thumb h5{
margin: 0;
line-height: normal;
text-transform: uppercase;
font-size: 1.0em;
color: #fff;
position: absolute;
left: 0;
bottom: 0;
background: #a9233e;
width: 100%;
padding: 5px 10px 10px;
}
.clients-logos-gallery .logo-thumb {
text-align: center;
height: 100%;
padding-bottom: 30px;
}
.shopfortire{
	background:#a9233e;
	color:#fff;
	margin-bottom:30px;
}
.shopfortire .btn{
background:#171717;	
}
.shopfortire .btn:hover,
.shopfortire .btn:focus,
.shopfortire .btn:active{
background:#fff;
color:#a9233e;
}
.shopfortire h3{
	text-transform:uppercase;
}
.shopfortire-inner{
padding:30px;	
}
.service-page h2{
	border-bottom: solid 1px #a9233e;
padding-bottom: 20px;
margin-bottom: 30px;
}
.contentside .service-page ul{
	display: flex;
flex-wrap: wrap;
justify-content: flex-start;
margin:0;
}
.contentside .service-page ul li{
	width: 31.333333%;
padding: 0;
margin: 0 2% 2% 0;
}
.service-page ul li a{
	display:block;
	width:100%;
	height:100%;
	box-shadow:0 0 14px rgba(0,0,0,0.15);
	padding:20px;
	text-decoration:none;
}
.service-page ul li a:hover,
.service-page ul li a:focus,
.service-page ul li a:active{
	background:#a9233e;
	color:#fff;
}
.service-page ul li a:hover h3,
.service-page ul li a:focus h3,
.service-page ul li a:active h3{
	color:#fff;
}
.service-page h3{
	margin:0 0 10px;
	font-size:1.167em;
	font-weight:600;
	color:#000;
}
.contentside .service-page ul li::before{
display:none;	
}
.appointment-page{
background-repeat:no-repeat;
background-size:cover;	
}
.appointment-block{
position:relative;
width:100%;
height:100%;	
padding:40px 30px;
}
 .appointment-page:before{
content:"";
width:100%;
height:100%;
position:absolute;
left:0;
top:0;
	background:#f8f8f8;
}
.appointment-form{
background:#a9233e;	
}






.team img{
border: solid 20px #a9233e;
margin: 0 auto;
display: block;
}
.team p:last-child{
	margin:0;
}
.contentside .team-sep:first-child{
	display:none;
}
.team-sep{
width:100%;
clear:both;
height:70px;
position:relative;
}
.team-sep:before {
content:"";
width:100%;
height:1px;
background:#a9233e;
position:absolute;
left:0;
top:50%;
}
.testimonials-all .testimonial-single {
    margin: 0 0 20px 0;
    padding: 25px 30px 35px;
    color: #000;
    overflow: hidden;
    box-shadow:0 0 14px rgba(0,0,0,0.14);
    width: 100%;
}
.testimonials-all .fas {
    font-size: 2.0em;
    color: #a9233e;
    display: block;
}
.testimonials-all .fa-quote-left {
    margin-bottom: 15px;
}
.testimonials-all .fa-quote-right {
    text-align: right;
    margin-top: 15px;
}
.testimonials-all p {
    font-style: italic;
}
.testimonials-all cite {
    color: #a9233e;
    font-style: normal;
    font-weight: 700;
    clear: both;
    display: block;
    line-height: 20px;
    margin-top: -25px;
}
.product-item a{
text-decoration: none;
padding: 30px;
box-shadow: 0px 0 15px rgba(0,0,0,0.2);
display: block;
width: 100%;
height: 100%;
transition: all .5s ease 0s;
}
.sidebar .form-row{
padding-top: 0;
  padding-bottom: 0;
}
.sidebar .featurebox .col-sm-6,
.sidebar .featurebox .col-sm-12,
.home-welcome-copy .featurebox .col-sm-6,
.home-welcome-copy .featurebox .col-sm-12 {
    max-width: 100%;
    width: 100%;
    flex: 0 0 100%;
    margin: 5px 0;
}


.locations-served-bar {
    width: 100%;
    text-align: center;
background:#171717;
    padding: 10px 0 0 0;
}
.loc-served-btn {
color: #fff;
text-transform: uppercase;
text-decoration: none;
font-weight: 600;
padding:3px 15px;
}
.loc-served-btn:hover,
.loc-served-btn:focus,
.loc-served-btn:active{
background:#fff;
	color:#000;
}
.collapse.show {
    display: block;
}
.collapse {
    display: none;
}
.locations-served-bar ul {
    display: flex;
    flex-wrap: wrap;
}
.locations-served-bar ul li {
width: 23%;
list-style-type: none;
padding:5px 10px;
border-bottom: solid 1px rgba(255,255,255,0.2);
margin: 0 1%;
text-align: left;
}
.locations-served-bar ul li a {
    color: #fff;
    text-decoration: none;
    transition: all 0.5s ease 0s;
    display: block;
}
.locations-served-bar ul li a:hover, .locations-served-bar ul li a:focus, .locations-served-bar ul li a:active {
    padding-left: 10px;
}
.loc-served-btn.active:after {
    content: "\f106";
}
.loc-served-btn::after {
    content: "\f107";
    display: inline-block;
    font-family: Font Awesome\ 6 Free;
    font-weight: 700;
    margin: 0 0 0 5px;
}
.unique-service-bg{
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
display: flex;
justify-content: center;
align-items: center;
}
.hometeam ul{
margin:0;
padding:30px 0 0 0;	
}
.hometeam ul li{
background: #a9233e;
margin: 0 10px;
height: auto;
}
.hometeam ul li:hover{
background: #a01117;
}
.hometeam ul li img{
	margin:-25px 0 20px 0;
	border-top:solid 5px #fff;
}
.hometeam ul li h3{
text-transform:uppercase;
margin:0;
font-size:1.111em;
}
.hometeam ul li p{
margin:0;	
}
.hometeam ul li a{
	padding: 25px;
color: #fff;
display: block;
text-decoration: none;
}
.hometeam .slick-prev,
.brands .slick-prev {
    left: -40px;
}
.hometeam .slick-next,
.brands .slick-next {
    right: -40px;
}
.brands .slick-arrow{
color:#aaa;	
margin-top: -30px;
}
.brands .slick-arrow:hover{
color:#777;	
opacity:1;
}






.hometeam{
width:100%;
background:#171717;
color:#fff;
padding:60px 0;
text-align:center;
}

.home-extra-features{
clear: both;
  width: 100%;
  max-width: 2560px;
  margin: 0 auto;
    background: #f8f8f8;
}
.unique-service{
text-align: center;
width: 100%;
height: 100%;
}
.unique-service p{
margin: 0;
height: 100%;
}
.unique-service iframe{
display: block;
width: 100%;
height: 100%;
}
.unique-service h2{
text-transform:uppercase;	
margin-bottom:40px;
}
.gallery-slider .slick-prev {
    left: 20px;
}
.gallery-slider .slick-next {
    right: 20px;
}
.gallery-slider .slick-arrow{
font-size: 1.0em;
  margin: -22px 0 0 0;
  color: #555;
  background: #fff;
  width: 40px;
  height: 40px;
  border-radius: 100%;
  box-shadow: 0 0 15px rgba(0,0,0,0.5);
}
.gallery-slider .slick-arrow:hover{
  color: #fff;
  background: #a9233e;
}





.home-featured-services h2,
.home-featured-products h2,
.home-welcome-copy h1,
.home-why-choose h2,
.quotebox h2,
.testimonial h2,
.brands h2,
.hometeam h2 {
    font-size:1.667em;
    text-align: center;
	text-transform:uppercase;
	color:#a9233e;
}
.hometeam h2{
color:#fff;	
}
.btn-video{
color: #000;
text-decoration: none;
margin-left: 10px;
padding: 8px 20px;
vertical-align: middle;
}
.btn-video:hover,
.btn-video:focus,
.btn-video:active{
	background:#e6e600;
	color:#000;
}
.contentside.sidebar .form-row {
    margin: 10px 0;
}
.contentside.sidebar .featurebox .btn:hover{
	background:#221f1f;
	color:#fff;
}
.stepicon{
background:#fff;
margin: 0;
box-shadow: 0 0px 45px rgba(0,0,0,0.1);
border-radius: 100%;
padding: 12px;
font-size: 2.778em;
width: 170px;
height: 170px;
line-height: 150px;
color: #d2232a;
}
.stepno{
color: #21409a;
font-size: 5.556em;
position: absolute;
left: 38px;
top: -37px;
}
.step-arrow {
    position: absolute;
    right: 20px;
    top: 50%;
    font-size: 1.667em;
    margin-top: -15px
}

.home-featured-services {
width: 100%;
padding: 10px 0;
position: relative;
background: #a9233e;
color: #fff;
}

.home-featured-services ul {
margin: 0;
padding:0;
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.home-featured-services ul li p {
    margin: 0
}

.home-featured-services ul li {
margin: 0;
list-style-type: none;
padding: 0;
border-right: solid 1px rgba(255,255,255,0.15);
}
.home-featured-services ul li:last-child {
  border-right: none;
}
.home-featured-services img{
border-radius: 25px;
box-shadow: 0 10px 10px rgba(0,0,0,0.15);
}
.home-featured-services ul li a {
padding: 15px 45px 15px 100px;
color: #fff;
transition: all .5s ease 0s;
display: flex;
flex-direction: column;
justify-content: center;
position: relative;
}

.home-featured-services ul li a:active,
.home-featured-services ul li a:focus,
.home-featured-services ul li a:hover {
    color: #a9233e;
	background:#fff;
}
.home-featured-services ul li a:active h3,
.home-featured-services ul li a:focus h3,
.home-featured-services ul li a:hover h3,
.home-featured-services ul li a:hover h3 strong,
.home-featured-services ul li a:focus h3 strong,
.home-featured-services ul li a:active h3 strong,
.home-featured-services ul li a:hover .service-icon,
.home-featured-services ul li a:focus .service-icon,
.home-featured-services ul li a:active .service-icon{
color:#a9233e;	
}

.home-featured-services ul li h3 {
margin: 0;
font-size:1.333em;
text-transform: uppercase;
text-align:left;
}
.home-featured-services ul li h3 strong{
display:block;
font-weight:400;
font-size:0.750em;	
}
.service-icon{
font-size: 1.556em;
position: absolute;
left: 50px;
top: 23px;
}
.btn.uploadfile-btn{
min-width:200px;
margin-bottom:15px;
}
.separator:before{
content: "\f0d7";
font-family: Font Awesome\ 6 Free;
font-size: 1.667em;
font-weight: 700;
position: absolute;
margin: 0 0 0 -10px;
left: 50%;
top: -14px;
}
.separator {
    display: block;
    border-bottom: dotted 2px #444;
    height: 1px;
    margin-bottom: 30px;
    position: relative;
}
.side-col {
   background: #3d3d3d;
padding: 30px;
color: #fff;
font-size:0.889em;
border-top:solid 5px #e6e600;
}
.contentside .side-col ul li::before{
	background:#e6e600;
	color:#000;
}
.side-col h3{
	color:#fff;
}
.side-col ul li {
    margin-bottom: 5px
}

.product-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: start;
    padding-top: 20px
}

.product-item {
width: 31%;
margin: 0 1% 30px;
text-align: center;
position: relative;

}
.product-item img {
    transition: all .5s ease 0s
}

.product-item a:hover{
background:#a9233e;
color:#fff;
}

.product-item h3 {
margin: 20px 0 0 0;
font-size: 1.0em;
text-transform: uppercase;
font-weight: 700;
}

.gallery-page {
    position: relative;
    width: 100%
}

.contentside .gallery-page ul {
    position: relative;
    width: 100%;
    margin: 0!important;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.gallery-page ul li {
    box-shadow: 0 0 20px rgba(0, 0, 0, .28);
    margin: 15px 0!important;
    padding: 0!important;
    position: relative;
    width: 23.5%
}

.contentside .gallery-page ul li a {
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    line-height: 0
}

.gallery-page ul li:before {
    content: normal!important
}

.gallery-page img {
    max-width: 100%;
    height: auto;
    padding: 0;
    margin: 0;
    width: 100%
}

.contentside .gallery-page ul li a::before {
    position: absolute;
    top: 40%;
    left: 50%;
    margin: 0 0 0 -16px;
    font-family: Font Awesome\ 6 Free;
    content: "\f067";
    font-weight: 700;
    color: #fff;
    font-size: 2em;
    opacity: 0;
    z-index: 1;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    transition: all .3s linear
}

.contentside .gallery-page ul li a::after {
    position: absolute;
    width: 100%;
    top: 0;
    bottom: 0;
    background: rgba(0, 0, 0, .3);
    content: "";
    opacity: 0;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    transition: all .3s linear;
    left: 0
}

.contentside .gallery-page ul li a:hover::before {
    top: 50%;
    opacity: 1
}

.contentside .gallery-page ul li a:hover::after {
    opacity: 1
}

.gallery-container {
    display: flex;
    padding: 1px;
    flex-wrap: wrap;
    justify-content: space-between
}

.gallery-item a:active h3,
.gallery-item a:focus h3,
.gallery-item a:hover h3 {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}

.gallery-item {
    width:33.15%;
    margin: 2px 0;
    text-align: center;
    position: relative
}

.gallery-item a {
    display: block
}

.gallery-item img {
    width: 100%;
    display: block
}

.gallery-item h3 {
    transition: all .5s ease 0s;
    color: #000;
    font-size: 1.444em;
    width: 100%;
    text-transform: uppercase;
    padding: 20px 0;
    margin: 0;
    position: absolute;
    left: 0;
    bottom: 0;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#e6e600+0,00ffff+100&0.8+0,0.8+100 */
background: -moz-linear-gradient(left, rgba(230,230,0,0.8) 0%, rgba(0,255,255,0.8) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(230,230,0,0.8) 0%,rgba(0,255,255,0.8) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(230,230,0,0.8) 0%,rgba(0,255,255,0.8) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cce6e600', endColorstr='#cc00ffff',GradientType=1 ); /* IE6-9 */
}

.intro-right {
    text-align: center
}

.brands {
padding:60px 0;
	text-align:center;
    width: 100%;
	position:relative;
}
.home-why-choose ol {
margin: 0;
padding: 0;
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
height: 100%;
    border-left: solid 1px rgba(0,0,0,0.21);
}
.home-why-choose ol li {
padding:40px;
list-style-type: none;
position: relative;
width: 50%;
border-right: solid 1px rgba(0,0,0,0.21);
border-top: solid 1px rgba(0,0,0,0.21);
margin: 0;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
}
.home-why-choose ol li a{
display:block;
text-decoration:none;
transition: all .5s ease 0s;
color:#000;	
}
.home-why-choose ol li a:hover strong,
.home-why-choose ol li a:focus strong,
.home-why-choose ol li a:active strong{
color:#000;	
}
.home-why-choose ol li a:hover .whyicon,
.home-why-choose ol li a:focus .whyicon,
.home-why-choose ol li a:active .whyicon{
color:#222;	
}
.home-why-choose ol li:nth-child(1),
.home-why-choose ol li:nth-child(2) {
border-top:none;	
}
.brands h3{
color:#fff;	
}
.brands h3{
text-align:left;	
}
.home-why-choose ol li strong {
	transition: all .5s ease 0s;
font-size: 1.111em;
font-weight: 700;
display: block;
padding-bottom: 10px;
text-transform: uppercase;
color: #a9233e;
}
.whyicon {
margin: 0 0 20px;
font-size: 2.778em;
transition: all .5s ease 0s;
color: #a9233e;
}
.home-why-choose {
text-align: center;
padding: 0;
width: 100%;
height: 100%;
}

.brands ul {
margin: 0;
padding: 30px 0;
position: relative;
}

.brands ul li {
position: relative;
margin:1px 10px;
list-style-type: none;
height: inherit;
border: solid 1px rgba(0,0,0,0.18);
display: flex !important;
justify-content: center;
}
.brands ul li img{
align-self:center;	
}
.brands .slick-track,
.hometeam .slick-track{
display:flex;
}
.brands .followicon {
    padding: 0 5px;
    display: inline-block
}
.brands ul li a {
   color: #fff;
display: flex;
justify-content: center;
align-items: center;
padding: 20px;
height:100%;
width:100%;
}

.brands a:active,
.brands a:focus,
.brands a:hover {
    color: #ccc
}

.brands .cta-icon {
    font-size: 1.667em;
    display: block;
    margin: 0 0 20px 0
}
.header.sticky-head .main-nav{
	padding:15px 0;
}
.header.sticky-head{
position:fixed;
left:0;
top:45px;	
}
.topbar.sticky-topbar{
position:fixed;
left:0;
top:0;	
z-index:4;
}
.slick-dots {
   text-align: center;
margin: 0 auto;
background: none;
display: block;
padding: 0;
position: absolute;
bottom: 33px;
width: 100%;
left: 0;
z-index: 3;
}

.sidebar .featurebox {
    margin-bottom: 20px;
}

.sidebar .form-full,
.sidebar .form-half {
    width: 100%;
    margin: 0 0 20px 0
}

.wp-pagenavi {
    clear: both;
    margin: 20px 0 0 0;
    width: 100%
}

.wp-pagenavi a,
.wp-pagenavi span {
    margin: 0 3px 3px 0;
    background-color: #444;
    color: #fff;
    font-size: .8em;
    font-weight: 400;
    width: 34px;
    height: 34px;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    line-height: 34px
}

.wp-pagenavi a:active,
.wp-pagenavi a:focus,
.wp-pagenavi a:hover,
.wp-pagenavi span.current,
.wp-pagenavi span.pages {
   background: #a9233e;
color: #fff;
}

.wp-pagenavi a.last,
.wp-pagenavi span.pages {
    padding: 0 10px;
    width: auto
}

.quotebox {

width: 100%;
text-align: center;
position: relative;
padding: 60px 0;
}
.home-testimonials h2{
text-align:left;	
margin-bottom: 30px;
}
.testimonials-rotator:before {
    content: "\f10d";
    font-family: Font Awesome\ 6 Free;
    font-size:2.222em;
    font-weight: 700;
    color: rgba(255,255,255,0.2);
    position: absolute;
    left: 0;
    top: -18px
}

.testimonials-rotator:after {
    content: "\f10e";
    font-family: Font Awesome\ 6 Free;
    font-size:2.222em;
    font-weight: 700;
    color: rgba(255,255,255,0.2);
    position: absolute;
    right: 0;
    bottom: 20px
}

.testimonials-rotator .slick-arrow {
    margin-top: -80px
}

.testimonials-rotator .slick-prev {
    left: -150px
}

.testimonials-rotator .slick-next {
    right: -150px
}

.quotebox blockquote {
padding: 0;
margin: 25px 0 0 0;
font-weight: 400;
font-style: italic;
position: relative;
border: none;
width: 100%;

font-size: 1.111em;
line-height: 1.400em;
}

.rating-stars {
margin: 0;
color: #f7ae11;
clear: both;
font-size: 1.222em;
text-align: center;
}

.quotebox cite {
font-style: normal;
display: block;
font-weight: 700;
clear: both;
padding: 30px 0 0 0;
line-height: normal;
}

.quotebox cite span {
    display: block;
    font-weight: 400
}

.home-testimonials {
background-position: top center;
background-repeat:no-repeat;
background-size:cover;
background-attachment:fixed;
    
    width: 100%;
    position: relative;
}
.home-testimonials-inn {
    
    width: 100%;
    position: relative;
    padding:70px 0;
    background:rgba(255,255,255,0.90);
}
.home-featured-products {
    text-align: center;
    position: relative;
    
    width: 100%
}
.home-featured-products h2{
color:#fff;	
}
.sec2con {
    
    width: 100%
}
.sec2box a{
text-decoration: none;
display: block;
height: 100%;
width: 100%;
position: relative;
color: #fff;
padding: 120px 50px;
}
.product-icon{
background: #a9233e;
width: 65px;
height: 65px;
line-height: 65px !important;
border-radius: 100%;
font-size: 1.333em;
margin: 0 0 20px;
    display: none;
}
.sec2box-inner {
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.5);
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.sec2box {
height: auto;
text-align: center;
transition: all .5s ease 0s;
position: relative;
padding: 0;
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
color: #fff;
}

.sec2box a:active .sec2box-pic:before,
.sec2box a:focus .sec2box-pic:before,
.sec2box a:hover .sec2box-pic:before {
    background: rgba(255, 255, 255, .61);
    border: none
}

.sec2con .slick-track {
    display: flex
}

.sec2box h3 {
font-size: 1.444em;
text-transform: uppercase;
color: #fff;
}
.sec2box p{
	padding: 0 60px;
}
.sec2box a p{
	padding: 0;
}
.sec2box-info {
background: #fff;
    
    width: 100%;
    padding: 30px 20px;
}

.sec2box a:active,
.sec2box a:focus,
.sec2box a:hover{
	background:rgba(169,35,62,0.90);
}
.sec2box a:hover .product-icon,
.sec2box a:focus .product-icon,
.sec2box a:active .product-icon {
    background: #fff;
	color:#a9233e;
	opacity:1;
}
.sec2box-pic {
    overflow: hidden;
    position: relative
}

.sec2box .btn {
   position: absolute;
left: 50%;
bottom: 0;
margin: 0 0 -14px -70px;
}

.sec2box img {
    display: block;
    margin: 0 auto;
    width: 100%;
    transition: all .5s ease 0s
}

img.aligncenter {
    display: block;
    margin: 0 auto 20px auto
}

.service-info {
    text-align: left
}

.social-sharing {
    width:57%;
    
    text-align: right
}

.social-sharing span {
    display: inline-block;
    font-size: 110%
}

.social-sharing span.bottom,
.social-sharing span.top {
    width: 100%
}

.social-sharing span.right {
    display: inline
}

a.button-facebook,
a.button-googleplus,
a.button-linkedin,
a.button-pinterest,
a.button-reddit,
a.button-twitter,
a.button-xing {
    font-size: 1em;
    font-weight: 400;
    margin: 1% 1% 1% 0;
    padding: 5px 1%;
    padding: .5rem 1%;
    text-align: center;
    display: inline-block;
    border: 0
}

a.button-facebook {
    font-size: 100%;
    color: #fff;
    background-color: #2b4170
}

a.button-facebook:active,
a.button-facebook:focus,
a.button-facebook:hover {
    font-size: 100%;
    background-color: #3b5998;
    color: #fff
}

a.button-googleplus {
    font-size: 100%;
    color: #fff;
    background-color: #c33219
}

a.button-googleplus:active,
a.button-googleplus:focus,
a.button-googleplus:hover {
    font-size: 100%;
    background-color: #a82508;
    color: #fff
}

a.button-twitter {
    font-size: 100%;
    color: #fff;
    background-color: #016cac
}

a.button-twitter:active,
a.button-twitter:focus,
a.button-twitter:hover {
    font-size: 100%;
    background-color: #006e97;
    color: #fff
}

a.button-linkedin {
    font-size: 100%;
    color: #fff;
    background-color: #0073b2
}

a.button-linkedin:active,
a.button-linkedin:focus,
a.button-linkedin:hover {
    font-size: 100%;
    background-color: #017cad;
    color: #fff
}

a.button-pinterest {
    font-size: 100%;
    color: #fff;
    background-color: #a0171c
}

a.button-pinterest:active,
a.button-pinterest:focus,
a.button-pinterest:hover {
    font-size: 100%;
    background-color: #cb2027;
    color: #fff
}

.ss-social-sharing a {
    text-indent: -99999px
}

a.ss-button-facebook,
a.ss-button-googleplus,
a.ss-button-linkedin,
a.ss-button-pinterest,
a.ss-button-reddit,
a.ss-button-twitter,
a.ss-button-xing {
    background-image: url(img/socialshare.png);
    width: 45px;
    height: 45px;
    background-repeat: no-repeat;
    padding: 0;
    border: 0;
    margin: 0 1% 1% 0;
    display: inline-block
}

a.ss-button-twitter {
    background-position: 0 -45px
}

a.ss-button-twitter:active,
a.ss-button-twitter:focus,
a.ss-button-twitter:hover {
    background-position: 0 0;
    transition-delay: 0s;
    transition-duration: 250ms;
    transition-property: all;
    transition-timing-function: ease-in-out
}

a.ss-button-googleplus {
    background-position: -45px -45px
}

a.ss-button-googleplus:active,
a.ss-button-googleplus:focus,
a.ss-button-googleplus:hover {
    background-position: -45px 0;
    transition-delay: 0s;
    transition-duration: 250ms;
    transition-property: all;
    transition-timing-function: ease-in-out
}

a.ss-button-facebook {
    background-position: -90px -45px
}

a.ss-button-facebook:active,
a.ss-button-facebook:focus,
a.ss-button-facebook:hover {
    background-position: -90px 0;
    transition-delay: 0s;
    transition-duration: 250ms;
    transition-property: all;
    transition-timing-function: ease-in-out
}

a.ss-button-linkedin {
    background-position: -135px -45px
}

a.ss-button-linkedin:active,
a.ss-button-linkedin:focus,
a.ss-button-linkedin:hover {
    background-position: -135px 0;
    transition-delay: 0s;
    transition-duration: 250ms;
    transition-property: all;
    transition-timing-function: ease-in-out
}

a.ss-button-pinterest {
    background-position: -180px -45px
}

a.ss-button-pinterest:active,
a.ss-button-pinterest:focus,
a.ss-button-pinterest:hover {
    background-position: -180px 0;
    transition-delay: 0s;
    transition-duration: 250ms;
    transition-property: all;
    transition-timing-function: ease-in-out
}

@media (max-width:480px) {
	
    .social-sharing a {
        text-indent: -99999px
    }
    a.button-facebook,
    a.button-googleplus,
    a.button-linkedin,
    a.button-pinterest,
    a.button-reddit,
    a.button-twitter,
    a.button-xing {
        width: 45px;
        height: 45px;
        background-repeat: no-repeat;
        padding: 0;
        border: 0
    }
    a.button-twitter {
        background-position: 0 -45px
    }
    a.button-twitter:active,
    a.button-twitter:focus,
    a.button-twitter:hover {
        background-position: 0 0;
        transition-delay: 0s;
        transition-duration: 250ms;
        transition-property: all;
        transition-timing-function: ease-in-out
    }
    a.button-googleplus {
        background-position: -45px -45px
    }
    a.button-googleplus:active,
    a.button-googleplus:focus,
    a.button-googleplus:hover {
        background-position: -45px 0;
        transition-delay: 0s;
        transition-duration: 250ms;
        transition-property: all;
        transition-timing-function: ease-in-out
    }
    a.button-facebook {
        background-position: -90px -45px
    }
    a.button-facebook:active,
    a.button-facebook:focus,
    a.button-facebook:hover {
        background-position: -90px 0;
        transition-delay: 0s;
        transition-duration: 250ms;
        transition-property: all;
        transition-timing-function: ease-in-out
    }
    a.button-linkedin {
        background-position: -135px -45px
    }
    a.button-linkedin:active,
    a.button-linkedin:focus,
    a.button-linkedin:hover {
        background-position: -135px 0;
        transition-delay: 0s;
        transition-duration: 250ms;
        transition-property: all;
        transition-timing-function: ease-in-out
    }
    a.button-pinterest {
        background-position: -180px -45px
    }
    a.button-pinterest:active,
    a.button-pinterest:focus,
    a.button-pinterest:hover {
        background-position: -180px 0;
        transition-delay: 0s;
        transition-duration: 250ms;
        transition-property: all;
        transition-timing-function: ease-in-out
    }
}

.home-welcome-copy {
    
    padding:60px 0;
    position: relative;
    width: 100%;
    background: #f8f8f8;
}


.home-welcome-copy h1 strong,
.home-featured-services h2 strong{
font-weight:400;
display:block;
font-size:0.750em;
}
.home-welcome-copy h1{
font-size:1.667em;
}
.anniversary36{
text-align:center;
}
.anniversary36 h3{
margin:0;
color:#fff;
font-size:1.111em;
}
.anniversary36 img{
margin-bottom:20px;	
}

.clear {
    clear: both
}

.box-inner {
    padding: 15px 20px;
    
    width: 100%
}

.sidebox h3 {
position: relative;
font-size: 1.556em;
background: #a9233e;
color: #fff;
padding:15px 20px 18px;
margin: 0;
text-transform: uppercase;
}

.sidebox.accordion .box-inner h3 {
    margin: 0
}

.inner-content {
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+95,efefef+100 */
background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(top, rgba(255,255,255,1) 95%, rgba(239,239,239,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 95%,rgba(239,239,239,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(255,255,255,1) 95%,rgba(239,239,239,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#efefef',GradientType=0 ); /* IE6-9 */
    
    padding: 30px 0 60px;
    width: 100%;
        min-height: 500px;
}

.clear.hr {
    background-color: #cfcdcd;
    
    height: 1px;
    margin: 11px 0;
    width: 100%
}

textarea {
    min-height: inherit!important
}

.introbox {

width: 100%;
text-align:center;
position: relative;
}
/*.introbox:before{
width:1px;
height:100%;
content:"";
position:absolute;
left:-70px;
top:0px;	
background:#393939;
}*/
.home-video{
padding-top:60px;	
}
.video-responsive{
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
}
.video-responsive iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
	border:#fff solid 5px;
}
.introbox h1 strong,
.introbox h2 strong {
font-weight: 400;
color: #000;
font-size: 0.667em;
padding-bottom: 10px;
}

.linkbtn {
    display: inline-block;
    font-size: 1em;
    font-weight: 600;
    color: #092f57;
    padding: 3px 0 1px 0;
    border-bottom: #092f57 solid 1px
}

.linkbtn:active,
.linkbtn:focus,
.linkbtn:hover {
    color: #2a9941;
    border-color: #2a9941
}

.linkbtn:active i,
.linkbtn:focus i,
.linkbtn:hover i {
    color: #2a9941
}

.linkbtn i {
    color: #092f57;
    margin: 0;
    vertical-align: middle
}

table {
    overflow: auto;
    border-collapse: collapse;
    width: 100%;
    clear: both;
    border-top: #ccc solid 1px;
    border-left: #ccc solid 1px;
    margin-bottom: 30px;
    font-size: .8em;
    text-align: left
}
.contentside .social-icons{
margin-bottom:20px;	
}
table th {
    background: #f8f8f8
}

table td,
table th {
    line-height: normal;
    border-bottom: #ccc solid 1px;
    border-right: #ccc solid 1px;
    padding: 10px;
    box-shadow: inset 0 0 3px rgba(0, 0, 0, .08)
}

table p {
    font-size: 1.125em;
    line-height: 30px
}

table p:last-child {
    margin-bottom: 0
}
.foot-col{
height: 100%;
padding: 60px 50px;
border-left: solid 1px rgba(0,0,0,0.13);	
}
/*.footer:before{
content:"";
width:100%;
height:100%;
position:absolute;
left:0;
top:0;
background:rgba(0,0,0,0.8);	
}*/
.footer {
    
    position: relative;
    width: 100%;
    background: #f8f8f8;

}
.footer h3 {
font-size: 1.5em;
margin: 0 0 30px;
text-transform: uppercase;
font-weight: 700;
}

.subscribebox input[type=email],
.subscribebox input[type=text] {
    font-size: 1em;
    padding: 10px 15px;
    margin: 0 0 10px 0;
    transition: all .5s ease 0s
}

.subscribebox input[type=email]:focus,
.subscribebox input[type=text]:focus {
    border-color: #2a9941
}

.foot-col h4 {
    font-size: 1em;
    margin-bottom: 10px
}
.text-center{
text-align:center;	
}
.footer-copyrights {
background: #171717;

font-weight: 400;
font-size: .9em;
color: #aaa;
margin: 0;
text-align: center;
padding: 10px 0;
position: relative;
width: 100%;
}

.subscribebox .btn {
    width: 100%
}

.footer-nav li:before {
    content: "\f105";
    font-family: Font Awesome\ 6 Free;
    font-size: 1.111em;
    font-weight: 700;
    color: #a9233e;

    position: absolute;
    left: 0;
    top: 0
}

.footer-nav li {
    display: block;
    position: relative;
    padding: 0 0 15px 20px
}


.footer-links.footer-nav li {
padding-bottom: 8px;

width: 50%;
}

.footer-nav li a {
    display: block
}

.footer-nav {
    list-style-type: none;
    margin: 0
}

.footer-copyrights p {
    margin:0;
    clear: both
}

.footer-copyrights a {
    color: #aaa
}

.footer-copyrights a:active,
.footer-copyrights a:focus,
.footer-copyrights a:hover {
    color: #fff
}

.post {
   
width: 100%;
border: solid 1px #a9233e;
padding: 30px;
margin: 0 0 20px 0;
}

.post-inner {
    
    padding: 20px;
    width: 100%
}

.contentside .sidebox ul {
    margin-bottom: 0
}

.contentside .sidebox ul li {
    text-transform: uppercase;
    border-bottom: 1px solid #ccc;
    font-size: .889em;
    font-weight: 400;
    line-height: 22px;
    list-style-type: none;
    margin: 0;
    min-height: inherit;
    padding: 15px 0
}

.sidebox ul li:last-child {
    border: none
}

.contentside .sidebox ul li:first-child {
    padding-top: 0
}

.contentside sidebox ul li a:hover {
    color: #fed403
}

.post img {
    height: auto;
    max-width: 100%
}

.contentside .post p {
    margin-bottom: 20px
}

.post_info {
font-size: 1.0em;
font-weight: 500;
clear: both;

margin: 0 0 15px;
width: 100%;
color: #000;
}

.post_info a:active,
.post_info a:focus,
.post_info a:hover {
    color: #d2232a
}

.post_info a {
    color: #000;
    display: inline-block;
    margin: 0 20px 0 0
}

.post h1.title,
.post h2.title {
    font-size:1.667em
}
.post h1.title a,
.post h2.title a {
    color: #231f20
}

.post_info .fas {
   margin: 0 2px 0 0;
color: #a9233e;
}

.post h1.title a:hover,
.post h1.title a:focus,
.post h1.title a:active,
.post h2.title a:hover,
.post h2.title a:focus,
.post h2.title a:active
{
    color: #d2232a
}

::-webkit-input-placeholder {
    color: #000;
    opacity: 1
}

:-moz-placeholder {
    color: #000;
    opacity: 1
}

::-moz-placeholder {
    color: #000;
    opacity: 1
}

:-ms-input-placeholder {
    color: #000;
    opacity: 1
}

.uneditable-input,
input[type=color],
input[type=date],
input[type=datetime-local],
input[type=datetime],
input[type=email],
input[type=month],
input[type=number],
input[type=password],
input[type=search],
input[type=tel],
input[type=text],
input[type=time],
input[type=url],
input[type=week],
select,
textarea {
    font-family: 'Poppins', sans-serif;
    border: #ccc solid 1px;
    box-shadow: none;
    height: auto;
    line-height: normal;
    font-size: .778em;
    color: #000;
    padding: 8px 10px;
    width: 100%;
    opacity: 1;
    background: #fff
}

.sidebox {

margin: 0 0 30px 0;
width: 100%;
box-shadow: 0 0 25px rgba(0,0,0,0.1);
}
.sidebox img{
display:block;
margin:0 auto;	
}
.sidebox ul {
    margin: 0
}

.sidebox ul li {
    list-style-type: none;
    position: relative;
    padding-left: 35px
}

.sidebox ul li:before {
content: "\f0a9";
font-family: Font Awesome\ 6 Free;
position: absolute;
left: 7px;
top: 3px;
color: #a9233e;
font-weight: 700;
font-size: 0.889em;
}

.sidebox ul li a {
    display: block;
    padding: 3px 0;
    color: #000
}

.sidebox ul li a:active,
.sidebox ul li a:focus,
.sidebox ul li a:hover {
    color: #d2232a
}

.sharethis {
    
    font-size: 1em;
    font-weight: 600;
    margin: 0;
    text-transform: uppercase
}

.sharethis img {
    border: none;
    box-shadow: none;
    margin: 0;
    padding: 0;
    border-radius: 5px
}

.sidebox.accordion h3 {
    cursor: pointer;
    padding-left: 40px
}

.sidebox.accordion h3:before {
    content: "\f067";
    color: #000;
    font-family: Font Awesome\ 6 Free;
    left: 0;
    position: absolute;
    top: 5px;
    background: #fecc17;
    width: 28px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    font-size: .8em;
    border-radius: 3px
}

.sidebox.accordion h3.active:before {
    content: "\f068"
}

.sidebox p {
    padding: 0
}

.sidebox.box-light h3 {
    color: #004b8f
}

.sidebox .sidebox-events li span {
    display: block;
    font-size: .722em;
    font-weight: 400
}

.contentside ul li:before {
content: "\f058";
font-family: Font Awesome\ 6 Free;
font-size:0.889em;
position: absolute;
left: 0;
top: 5px;
font-weight: 700;
color: #a9233e;
}

.contentside ul li {
    list-style-type: none;
    padding: 2px 0 2px 1.8em;
    position: relative
}

.contentside ol li {
    counter-increment: step-counter;
    list-style-type: none;
    padding: 2px 0 2px 1.8em;
    position: relative
}

.contentside ol li::before {
color: #a9233e;
content: counter(step-counter, decimal);
display: inline-block;
left: 0;
position: absolute;
top: 4px;
font-weight: 700;
}

.form-half {
    margin: 0 0 0 2%;
    
    width: 49%
}

.form-half:first-child {
    margin-left: 0
}

.contentside ol,
.contentside ul {
    margin: 0 0 25px;
    padding: 0
}

.contentside blockquote p:last-child {
    margin-bottom: 0
}

.sidebar .featurebox input[type=email],
.sidebar .featurebox input[type=text],
.sidebar .featurebox select,
.sidebar .featurebox textarea {
    background: #fff
}

.contentside blockquote {
    box-shadow: 0 0 25px rgba(0, 0, 0, .16);
    border-left: 7px solid #a9233e;
    border-radius: 10px;
    margin: 0 0 20px;
    font-style: normal;
    padding: 20px 30px;
    width: 100%
}

.contentside ul ul {
    margin: 0;
    padding: 5px 0 5px
}

.contentside ul li:last-child {
    padding-bottom: 0
}

.slider-img {
    
    width: 54%
}

.home-slider .container {
    position: relative
}

@media screen and (max-width:1600px) {
    .whyicon {
  margin: 0 0 10px;
  font-size: 2.0em;
}
	.home-why-choose{
	bottom:40px;	
	}
	

    .sec2box h3 {
        font-size: 1.2em
    }
    
    .home-featured-products .slick-prev {
        left: 0
    }
    .home-featured-products .slick-next {
        right: 0
    }

    .form-row textarea {
        height: 68px
    }
}

@media screen and (max-width:1500px) {
    .wrapper {
        width: 90%
    }
	.hometeam .slick-prev, .brands .slick-prev {
    left: 0;
}
.hometeam .slick-next, .brands .slick-next {
    right: 0;
}
}

@media screen and (max-width:1440px) {
	.home-slider .slick-slide::after {
    width: 50%;
    background: url(img/slider-rectangle.png) no-repeat bottom left;
}
	.home-featured-services ul li div{
	padding-right:40px;	
	}
    .home-featured-services ul li a {
        font-size: 1em
    }
}

@media screen and (max-width:1400px) {
    .form-half {
        margin: 0 0 10px 4%;
        width: 48%
    }
    .form-half:first-child {
        margin-left: 0
    }
    .contact-page .form-half,
    .sidebar .form-half {
        width: 100%;
        margin-left: 0
    }
}

@media screen and (max-width:1366px) {
    .banner-inner .featurebox h2 {
        font-size: 1.375em
    }
	.slider-text-inner {
    width: 100%;
    margin-top: -100px;
}
	
}

@media screen and (max-width:1280px) {
    .introbox {
        padding: 0
    }


    .slider-text h2 {
        font-size: 2.5em
    }
    .home-featured-products h2 br {
        display: none
    }
    .banner-inner .featurebox h2 {
        font-size: 1.111em
    }

}

@media screen and (max-width:1200px) {
	
	.slider-text{
	align-items: center;	
	}
	.home-why-choose{
	position: relative;
left: auto;
bottom: auto;
	}

   
    .header::after {
        display: none
    }
}

@media screen and (max-width:1199px) {
      .slider-text h2 {
    font-size: 2.0em;
  }
    .main-navigation li.menu-pos-left > ul {
  left: auto;
  right: auto;
}
     .main-navigation ul li.dropdown-2col > ul,
    .main-navigation ul li.dropdown-3col > ul{
    width: 100%;
  }
     .main-navigation ul li.dropdown-2col > ul > li,
    .main-navigation ul li.dropdown-3col > ul > li{
    width: 100%;
    float: none;
    clear: both;
  }
    .site-header-menu{
        text-align: left;
    }
    .menu-container {
  display: block;
}
    .main-navigation ul a{
        display: block;
    padding: 10px 40px 10px 0;
    line-height: 1;
    }
    .main-navigation ul li{
        border-bottom: solid 1px rgba(0,0,0,0.1);
        position: relative;
    }
    .main-navigation ul li:last-child{
        border-bottom:none;
    }
    button.dropdown-toggle {
 position: absolute;
    right: 0;
    top: 3px;
    background: rgba(0,0,0,0.1);
    color: rgba(0,0,0,0.8);
    min-width: 31px;
    min-height: 31px;
    margin: 0;
}
    .main-navigation ul ul {
  background: #f8f8f8;
  padding: 10px 20px;
  font-size: 0.85em;
}
      .main-navigation ul ul ul{
    font-size: 1.0em;
    margin: 0 !important;
          padding-top: 0;
  }
    
    
    
    
    
    
    
    
    
    
    
    .home-why-choose ol li {
  padding: 30px 40px;
}
   
    .header-inner .align-items-center{
        align-items: flex-start !important;
        -ms-flex-align:flex-start !important;
    }
     .header .wrapper {
    width: 96%;
  }
    .headphone {
  margin: 0 6px 0;
  font-size: 1.3em;
}
    .ct-promotion-post-template .ct-promotion {
  padding: 20px;
}
	
	.slider-text p {
    font-size: 1.0em;
    margin-bottom: 20px;
    font-weight: 400;
}
	.shopfortire-inner {
    padding: 30px 2px 2px;
}
	.homebanner-cta {
    position: relative;
    left: auto;
    bottom: auto;
}
.homebanner-cta div {
    width: 48%;
    margin:5px 1%;
    background: rgb(116, 117, 119);
}
	.topbar.sticky-topbar,
	.header.sticky-head{
		position:relative;
	left:auto;
	top:auto;

	}
	.team-sep {
    height: 90px;
}
	
	.v-center {
    align-items: inherit;
}

	.home-featured-products-inner{
	background-size:inherit;	
	}
	.home-welcome-copy .featurebox {
    margin-top: 0;
}
	
	.searchsite{
	display:none;	
	}
	
	
   
    .service-col {
        background-image: none
    }
    .service-col-inner {
        padding: 20px
    }
    .home-slider .slick-slide::after {
        display: none
    }

    .home-featured-services .row {
        padding-top: 0
    }
    .introbox {
        padding-right: 0
    }
    .home-welcome-copy {
        padding: 60px 0
    }

    .home-slider .slick-slide::before {
        width: 100%;
        left: 0;
        transform: inherit;
        height: 100%
    }
    .home-slider-container {
        margin-top: 0
    }
    .home-slider .slick-arrow {
        margin-top: -30px
    }
    .home-slider .slick-prev {
        left: 5px
    }
    .home-slider .slick-next {
        right: 5px
    }
    .home-welcome-copy p {
        font-size: 1em;
        line-height: 1.5em
    }
    .border-sep {
        border-left: none
    }
    .homeform .featurebox {
        width: 100%;
        box-shadow: none;
        border: #092f57 solid 1px
    }
    .sidebar .featurebox h2 br {
        display: none
    }
    .slider-text-inner {
        padding: 0 30px;
        margin-top: 0;
        width: 100%;
		text-align:center;
    }
    .home-welcome-copy h1 br {
        display: none
    }

    .sec2box h3 {
        min-height: inherit
    }
    .sec2box h3 .fas {
        right: 10px;
        top: 8px;
        width: 40px;
        height: 40px;
        line-height: 40px
    }

    .homeform {
        margin: 0;
        width: 100%;
        position: relative;
        left: auto;
        top: auto;
        
        height: auto
    }
    .featurebox {
        width: 100%
    }
    .slider-text {
        width: 100%;
    }
    
    .testimonials-rotator {
        padding: 0
    }
    .quotebox cite::before {
        content: normal
    }
    .quotebox cite {
        position: relative;
        right: auto;
        bottom: auto;
        padding: 0
    }
    .slider-text h2::after {
        margin: 0 auto 8px
    }
    .test-bg {
        display: none
    }

    .home-featured-products h2 br {
        display: none
    }
    
    .btn-call {
        float: none;
        display: inline-block;
        margin: 15px 0 0 0
    }
    .box h3 {
        font-size: 1.222em
    }
    .banner-inner h2 {
        font-size: 1.222em
    }
    .featurebox input.input-large[type=text] {
        width: 92%
    }
    .featurebox h3 {
        font-size: 1.111em
    }
    .post h1,
    .post h2 {
        font-size: 1.333em;
    }
    .more {
        display: inline-block
    }
    .intro-pic {
        width: 16%
    }
}

@media screen and (max-width:1024px) {
    .sidebtn {
        transform: rotate(0);
        -ms-transform: rotate(0);
        -moz-transform: rotate(0);
        -webkit-transform: rotate(0);
        -o-transform: rotate(0);
        position: relative;
        top: auto;
        right: auto;
        z-index: 1;
        clear: both
    }
    .closebtn-icon {
        display: none
    }
    .banner-inner .featurebox {
        width: 100%
    }
    nav ul li a {
        padding: 13px 11px;
        font-size: .778em;
        font-weight: 400
    }
    .slider ul li {
        line-height: 18px!important;
        background-position: left top
    }
}

@media screen and (max-width:991px) {
    .home-why-choose ol {
  border-left: none;
}
    .appointment-block {
  height:auto;
  padding: 30px 15px 0;
}
    .ct-promo-col {
  width: 48%;
  margin: 10px 1%;
}
	.unique-service iframe {
  height: 350px;
}
	
	.unique-service {
    width: 100%;
height: auto;

}
	.unique-service p {
  height: auto;
}
	.brands .slick-arrow {
    font-size: 2.5em;
}

	.wprs_unslider{
	padding:0 50px;	
	}
	.wprs_unslider-arrow.next{
	right:0;	
	}
	.wprs_unslider-arrow.prev{
	left:0;	
	}
	.team{
		text-align:center;
	}
	.team img{
	margin-bottom:20px;	
	}
	.hometeam{
	padding:20px 0;	
	}
	.foot-col {
    padding: 20px 0;
    border-left:none;
}
	.home-featured-services ul li a {
    padding-left:70px;
}
.service-icon {
    left: 25px;
	top: 18px;
}
	.home-why-choose ol li{
	width:100%;	
	padding:20px;
	}
	.home-why-choose ol li::before,
	.home-why-choose ol li::after{
	display:none;	
	}
	.home-why-choose ol li:first-child{
	border-bottom:solid 1px rgba(0,0,0,0.21);	
	}
	.home-why-choose ol li{
	border-right:none;
	padding-left:0;
	padding-right:0;
	}
	.whyicon{
	position:relative;
	left:auto;
	top:auto;
	margin:0 0 20px 0;	
	}
	.locations-served-bar ul li{
	width:31%;	
	}

	.home-welcome-copy{
	padding-top:20px;
	padding-bottom:20px;	
	}
	.home-featured-services ul li{
	width:50%;	
	}
	.home-featured-services ul{
	justify-content: center;	
	}
	.home-welcome-copy .featurebox {
    margin-top: 20px;
}
	.overlay-black::after{
	display:none;	
	}
	.home-featured-services ul li h3 {
    font-size: 1.1em;
}
	
    .home-featured-services ul li:nth-child(4) .step-arrow {
        display: block
    }
.home-featured-services ul li div {
    padding: 0 20px;
}
.stepno {
    font-size: 3.0em;
    position: relative;
    left: auto;
    top: auto;
}


    .quotebox::before {
        left: 30px;
        top: 0;
        font-size: 1.8em
    }
    .quotebox::after {
        right: 30px;
        bottom: 0;
        font-size: 1.8em
    }
    .home-why-choose {
        padding: 20px
    }
    .home-why-choose::before {
        display: none
    }
    .product-item h3 {
        font-size: 1em
    }
   
    .slick-dots {
        bottom: 0
    }
    .home-testimonials::after {
        display: none
    }
    .testimonial h2 {
        margin-bottom: 20px
    }
    .home-welcome-copy img {
        float: none;
        display: block;
        margin: 20px auto 0
    }
    .gallery-item h3 {
        font-size: 1.3em
    }
    .breadcrumb-bar {
font-size: 0.85em;
    }
    .contentside .featurebox {
        margin-top: 0
    }
    .inner-content {
        padding: 20px 0
    }

    .testimonials-rotator {
        margin-top: 0
    }
    .quotebox blockquote {
        font-size: 1em;
        line-height: 1.5em
    }
    .brands,
    .footer,
    .footer-copyrights,
    .home-vidsec-inner {
        padding: 20px 0
    }
    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        margin-bottom: 20px
    }
    .brands h2,
    .findloc h3,
    .home-featured-products h2,
    .home-featured-services h2,
    .home-testimonials h2,
    .home-welcome-copy h1,
    .home-why-choose h2,
    .logos-outer h2,
    .serve-info h3{
        font-size:2.0em;
    }
    .brands ul {
        padding:0 0 30px 0;
    }
    h3,
    h4 {
        font-size: 1.3em
    }
    .introbox {
        padding-left: 0;
		text-align: center;
    }
    .home-welcome-copy h1 {
        margin-bottom:10px;
		text-align: center;
    }
    .banner-inner h1,
    .banner-inner p {
        font-size: 1em;
		
    }
	.banner-inner{
	padding:40px 0;	
	}
    .overlay-black {
        position: relative;
        left: auto;
        top: auto;
        margin: 0;
background-image:none;
background-color:#221f1f;
    }
    .contact-info {
        min-height: inherit;
        margin-bottom: 10px
    }
    .home-featured-products iframe {
        margin-bottom: 10px
    }
    .sidebar {
        clear: both;
        padding-top: 20px
    }
   
    .home-featured-products h2 {
        margin: 0;
        padding: 10px 20px
    }
    .finance-left,
    .finance-right {
        width: 100%
    }
    nav ul li a {
        font-size: .889em
    }
    nav ul li ul li:hover ul {
        position: relative
    }
    nav ul li ul li ul li a {
        padding-left: 40px
    }
    nav ul {
        text-align: left
    }
    nav ul li {
        border-bottom: 1px solid #504944
    }
    nav ul li ul {
        width: 100%
    }
    nav ul li ul ul {
        left: auto;
        position: relative;
        top: auto;
        margin-bottom: 10px;
        display: block
    }
    .camera_next,
    .camera_prev {
        display: none!important
    }
    .main-nav .btn {
        float: none;
        margin: 10px 0 0 0
    }
    .accordion h3 span {
        padding-top: 3px
    }
    .tinynav {
        border: none;
        border-radius: 5px;
        display: block;
        padding: 7px 2%;
        width: 70%;
    }
    .main-nav .btn {
        margin: 0 auto;
        display: block;
        width: 320px;
        clear: both
    }
}

@media screen and (max-width:900px) {
    .footer-nav li a {
        line-height: 22px
    }
}

@media screen and (max-width:768px) {
	.contentside .service-page ul li {
    width: 47.333333%;
}
	

	    .home-featured-services ul {
        padding-top:0;
    }

    .head-email .fa-envelope-o {
        margin: 0 3px 0 0
    }
    .home-featured-products p br {
        display: none
    }
}

@media screen and (max-width:767px) {
    .row{
        margin-left: 0;
        margin-right: 0;
    }
    .topbar {
  font-size: 0.80em;
}
    .topright {
  background: #f8f8f8;
        justify-content: space-between;
}
        .logo {
        margin-top: 0
    }
    .ct-promotion .post-thumbnail{
        margin-bottom: 20px;
    }
    .ct-promo-col {
  width: 100%;
  margin: 10px 0;
}
	.single-logo {
width: 31%;
}
	.home-video {
    padding-top: 20px;
}

	.post h1.title, .post h2.title{
	margin-top:20px;	
	}



	.home-featured-services ul li a{
	margin:0 auto;	
	}
	.locations-served-bar ul li{
	width:100%;	
	}
	.contentside.sidebar .form-row {
    margin: 0;
}

	.brands h2, .findloc h3, .footer h3, .home-featured-products h2, .home-featured-services h2, .home-testimonials h2, .home-welcome-copy h1, .home-why-choose h2, .logos-outer h2, .serve-info h3 {
    font-size: 1.5em;
}
.featurebox h2{
font-size:1.2em;	
margin-left:0;
margin-right:0;
}
	
	.home-featured-services img {
    border-radius: 5px;
}
	.brands ul li{
padding:0;
	width:100%;	
	}
	.home-why-choose ol{
	padding:0;	
	}
	
	.home-featured-services ul li div{
width: 100%;
padding: 50px 0;
	}
	.home-featured-services ul li{
	margin:0;	
	}
	
    .home-why-choose ol li {
        width: 100%;
    }
    .slider-text {
        width: 100%;
        text-align: center;
        position: relative;
        left: auto;
        top: auto;
        background: #231f20
    }
    .slider-text-inner {
        padding: 20px 0
    }
    .home-slider .slick-slide::before {
        display: none
    }
    .product-item {
        width: 48%
    }
    .footer h3 {
        margin-bottom: 20px
    }
    .homeform .form-row {
        margin: 0
    }
    .gallery-item {
        width: 49.70%
    }
    .post h1.title,
    .post h2.title {
        font-size:1.3em
    }
.slider-text h2 {
font-size: 1.2em;
}
   
   
    .slider-text p {
        font-size: 0.85em;
    }
    .slider-text h2,
    .slider-text p {
        text-shadow: inherit
    }
    img.alignleft,
    img.alignright {
        display: block;
        float: none;
        margin: 0 auto 20px
    }
    .testimonials-rotator {
        margin-top: 0
    }
    .home-slider .slick-slide {
        padding-bottom: 0
    }
    .sec2con {
        display: inherit
    }
    .home-slider .slick-dots {
        position: relative;
        left: auto;
        bottom: auto;
        padding: 8px 0;
        background: #221f1f
    }
    .slider-text h3 {
        font-size: 1.111em
    }
    .home-slider {
        border: none
    }
    .text-center {
        text-align: left
    }
    .sidebox.accordion h3::before {
        top: 0
    }
    .text-right {
        text-align: left
    }
    .introbox p {
        margin-bottom: 20px
    }
    .home-welcome-copy {
        padding-left: 0;
        padding-right: 0
    }
    .topbar .wrapper {
        width: 100%;
    }
    .post {
        width: 100%;
padding:20px 10px;
        margin: 0 0 15px 0
    }
    .introbox h1,
    .introbox h2 {
        margin: 0 0 10px
    }
   
    .banner-inner h2 {
        left: auto;
        margin: 0;
        position: relative;
        top: auto;
        width: 100%
    }
    .header .col-lg-3 {
        padding-left: 15px
    }
    .head-email {
        padding-top: 0
    }
    .header .col-lg-3 {
        width: 100%
    }
    .featurebox {
        width: 100%
    }

    .heading {
        font-size: 1.111em;
        padding: 8px 47px 7px 20px;
        display: block;
        clear: both
    }
    .areas-served {
        margin-bottom: 30px
    }
    .accordion h3 span {
        padding-top: 3px
    }
    
    .cta-btn {
        display: block;
        left: auto;
        margin: 6px auto 0;
        position: relative;
        right: auto;
        top: auto
    }
    .sharethis {
    }
    .featurebox input.input-large[type=text] {
        width: 100%
    }
    .camera_next {
        right: 0
    }
    .camera_prev {
        left: 0
    }
    .footer-links.footer-nav li a {
        background: 0 0;
        padding-left: 0
    }
    .footer .span3 {
        background: 0 0
    }
    .featurebox {
        min-height: inherit
    }
    .topbar p {
        float: none;
        font-size: .889em;
        margin: 0 0 10px;
        text-align: center
    }
}

@media screen and (max-width:640px) {
	
	.sec2box a {
  padding: 60px 50px;
}
    .sec2box{
	margin:0;	
	}
	.stepicon {
    padding: 0;
    font-size: 1.5em;
    width: 100px;
    height: 100px;
    line-height: 100px;
}
    .product-item img {
        width: 100%
    }
    .product-item {
        width: 100%
    }
    .home-featured-services ul li a::before {
        display: none
    }
    .gallery-page ul li {
        width: 48%;
        margin: 5px 0!important
    }
    .service-info {
        position: relative;
        left: auto;
        bottom: auto;
    }
    .basic-table td {
        
        width: 100%;
        padding: 20px
    }
    .header .col-lg-3 {
        padding-left: 15px
    }
    .post h1,
    .post h2 {
        font-size: 1.111em
    }
    .post .btn {
    }
    .introtext {
        width: 100%;
        padding: 5px 0 0 0;
        background: 0 0
    }
}
@media screen and (max-width:575px) {
    
    .main-navigation > ul {
    max-height: calc(100vh - 80px); /* adjust 80px for height of header */
    overflow-y: scroll;
}
    .site-header-menu{
        height: 100%;
    }
    .menu-button {
  position: absolute;
  right: 20px;
  top: -50px;
}
      .logo {
    max-width: 180px;
  }
    
    .form-row {
  padding-top: 0;
  padding-bottom: 0;
}
    .featurebox .col-sm-6,
    .featurebox .col-sm-12{
        padding-bottom: 5px;
        padding-top: 5px;
    }
    .collapse-button{
margin: 6% 5px 0 0;
    }
     
    .position-inherit{
        position: inherit;
    }
	.home-featured-services ul li {
        margin: 0;
        width: 100%;
		border: none;
    }
	.home-featured-services ul li:first-child {
		border-bottom:solid 1px rgba(255,255,255,0.15)
		}
.homebanner-cta div {
    width: 100%;
    margin:5px 0;
}
}
@media screen and (max-width:540px) {
    .topbar p span {
        display: block
    }
    .topbar p span.address {
        margin-top: 5px
    }
    .hide-mobile {
        display: none!important
    }
	.contentside .service-page ul li {
    width:100%;
	margin-right:0;
	margin-bottom:15px;
}
.contentside .service-page ul{
margin-bottom:15px;	
}

}

@media screen and (max-width:480px) {
    .ct-promotion-image,
    .ct-promotion-info{
  width: 100%;
}
    .ct-promotion-info{
        padding: 20px 0 0 0;
    }
    .ct-promotion-region-filter-container select {
  width: 100%;
}
		.single-logo {
width: 48%;
}
	.wprs_unslider{
	padding:0;	
	}
	.wprs_unslider-arrow{
	display:none;	
	}
	.wprs_unslider-nav {
    display: block !important;
}
	.wprevpro_t1_DIV_2{
	padding:20px 0;	
	}
	.gallery-item {
        width: 100%
    }
	.btn-video,
	.introbox .btn{
	display:block;	
	width:100%;
	margin:5px 0;
	text-align:center;
	}
	
    .home-featured-services ul {
        margin-left: 0
    }

    .home-slider .slick-slide::before {
        background: 0 0
    }

   
    .post_info a {
        margin: 0;
        display: block
    }
    .footer h3 {
        font-size: 1.1em
    }
    .sharethis {
        
        width: 100%
    }
    .post .social-sharing {
        width: 100%;
        
        margin: 10px 0 0 0;
        text-align: left
    }
    .topbar p span {
        font-size: .611em
    }
}

@media screen and (max-width:479px) {    
    .headphone a {
display: block;
    padding: 7px 10px;
    line-height: normal;
    min-height: 37px;
    background: #231f20;
    color: #fff;
    font-size: 0.85em;
}
     .headphone a:hover,
    .headphone a:focus,
    .headphone a:active{
        background: #a9233e;
    color: #fff;
}
    .headphone{
    margin: 0;
    width: 50%;
    text-align: center;
    
    }
    .topright .btn {
  width: 50%;
        padding: 9px 10px;

}
    .social-icons {
  display: none;
}
    .sec2box {
        display: inherit
    }
    .c100 {
        float: none;
        margin: 0 auto 10px
    }
    .sec2box-col {
        width: 100%;
        
        text-align: center
    }
    .sec2box-col:last-child {
        min-width: inherit;
        max-width: inherit;
        padding: 10px 0 0 0
    }
    .slider-text .btn br {
        display: inline-block
    }
    .social-sharing {
        clear: both;
        display: block;
        
        font-weight: 600;
        margin: 0;
        vertical-align: middle;
        width: 100%
    }
    .post .social-sharing {
        width: 100%
    }
    .featurebox input[type=email],
    .featurebox input[type=text],
    .featurebox select,
    .featurebox textarea {
        font-size: .889em
    }
    .form-full,
    .form-half {
        
        margin: 0 0 10px 0;
        width: 100%
    }

    .form-medium {
        width: 50%
    }
   
   
}

@media screen and (max-width:320px) {
    .topright .btn {
    min-height: 37px;
  }
    .topbar {
    font-size: 0.70em;
  }
    .contentside .nav-tabs li {
        width: 100%
    }
    .contentside .nav-tabs li a {
        display: block;
        margin: 0
    }
    .main-nav .btn {
        clear: both;
        display: block;
        width: 100%
    }
}


/****************custom css************/

.footer-nav .menu {
    list-style: outside none none;
    margin: 0;
}



/*====================*/
div.wpcf7-validation-errors, div.wpcf7-acceptance-missing {
    border: 0px solid #f7e700 !important;
}

/*====================*/
div.wpcf7-validation-errors, div.wpcf7-acceptance-missing {
margin:0;
    border: 2px solid #ff0000 !important;
    display: block !important;
    clear: both;
}

.wpcf7-validation-errors {
    color: #ff0000;
	opacity:1;
}



#wpcf7-f27-o1 label, #wpcf7-f108-o2 label, #wpcf7-f34-o1 label, .cf7_hide_labels label  {
    display: none;
}


.wpcf7-validation-errors {

}


.sidebox.widget_archive ul {
    /*background: #f4f4f4;*/
    padding: 15px 20px;
}

.sidebox.widget_categories ul {
    /*background: #f4f4f4;*/
    padding: 15px 20px;
}


.get-more-info-sm-links a span {
    display: none;
}

.breadcrumb .post {
    border: none;
    float: inherit;
    margin-bottom: 0;
    width: auto;
    background: none;
    padding: 0;
}

.ss-social-sharing .ss-button-facebook, 
.ss-social-sharing .ss-button-twitter, 
.ss-social-sharing .ss-button-linkedin {
    font-size: 0;
    vertical-align: top;
}

.comments-title {
    margin: 35px 0;
}

.ak-consonent-wrapper span, .ak-consonent-wrapper a {
    display: inline !important;
}

.file-upload-btn{
    padding: 15px 80px; 
}

.request-quote-page-form {
    max-width: 800px;
    text-align: center;
    margin: 0 auto;
}

.request-quote-page-form .featurebox {
    padding-bottom: 20px;
}

.request-quote-page-form .featurebox h2 {
    background-color: unset;
}

.request-quote-page-form .wpcf7-form-control-wrap {
    margin-bottom: 15px;
    display: block;
}

.breadcrumb > .current-item > span.current-item {
    color: #000;
    font-weight: 700;
}

.navigation.post-navigation {
    padding: 35px 0;
    clear: both;
    display: block;
}

#wpcf7-f108-o2 .wpcf7-validation-errors  {
    display: none !important;
}

.faq-sec {
    width: 100%;
    clear: both;
    padding: 30px 0;
}
.faq-btn {
    background: #dddeee;
    display: block;
    cursor:pointer;
    padding: 10px 20px;
    font-size: 0.889em;

}
.faq-btn:before {
    font-family: "Font Awesome\ 5 Free";
    content:"\f067";
    font-weight:600;
    color:#111;
    display:inline-block;
    vertical-align:middle;
    margin-right:10px;
    font-size: 0.778em;
}
.faq-btn:hover,
.faq-btn:active,
.faq-btn:focus,
.faq-btn.active{
    background:#1C2536;
    color:#fff; 
	opacity:1;
}
.faq-btn:hover:before,
.faq-btn:focus:before,
.faq-btn:active:before,
.faq-btn.active:before{
    color:#fff; 
	opacity:1;
}
.faq-btn.active:before{
    content:"\f068";
    color:#fff;
}
.faq-data{
    clear:both;
    display: none;
    font-size: 0.889em;
    border: 1px solid #d2d2d2;
    padding: 10px 15px;
}

footer.footer .foot-col.first-col {
    border-left: none;
}

.hidethis { display: none; }


.wpcf7-not-valid-tip {
    color: #fff;
    font-style: italic;
    font-size: small;
}

.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output {
    clear: both;
}

.inner-content  .contentside img {
	box-shadow: none;
}


#wprev-slider-1 .wprev_preview_bradius_T1 {border-radius: 0px;}
#wprev-slider-1 .wprev_preview_bg1_T1 {background:#212121;}
#wprev-slider-1 .wprev_preview_tcolor1_T1 {color:#aaaaaa;}
#wprev-slider-1 .wprev_preview_tcolor2_T1 {color:#ffffff;}
#wprev-slider-1 .wprev_preview_bg1_T1::after{ border-top: 30px solid #212121; }