/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.3.6,
* Autoprefixer: v10.3.1
* Browsers: 
*/

/*
Theme Name: St Louis Car Service And Transportation
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/
*/

* { box-sizing: border-box; }
html {line-height: 1.15; -webkit-text-size-adjust: 100%;}
body {font-family: 'Open Sans', sans-serif; margin: 0 auto; width: 100%; }

@font-face {
    font-family: 'Bebas Neue';
    src: url('assets/fonts/BebasNeue/BebasNeue-Regular.eot');
    src: url('assets/fonts/BebasNeue/BebasNeue-Regular.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/BebasNeue/BebasNeue-Regular.woff2') format('woff2'),
        url('assets/fonts/BebasNeue/BebasNeue-Regular.woff') format('woff'),
        url('assets/fonts/BebasNeue/BebasNeue-Regular.ttf') format('truetype'),
        url('assets/fonts/BebasNeue/BebasNeue-Regular.svg#BebasNeue-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


/*###################################
## Layouts
###################################*/
.screen-reader-text {clip: rect(1px, 1px, 1px, 1px); position: absolute !important; word-wrap: normal !important; overflow: hidden; height: 1px; margin: -1px; padding: 0; width: 1px; border: 0;}
.wp-block-column, .blocks-gallery-item {margin: 0 !important;}
.has-1-columns .wp-block-column {flex-basis: 100%;}
.container {width: 100%; max-width: 1600px; margin: 0 auto; padding: 0;}
.row {max-width: 1440px; margin: 0 auto;}
.cta {display: none;}
.grecaptcha-badge {z-index: 999999;}
.db { display: block; }


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


/*###################################
## Buttons
###################################*/

.banner-btn { position: relative; font-family: 'Bebas Neue', sans-serif; font-weight: 400; font-size: 24px; color: #FFFFFF!important; max-width: 195px; width: 100%; margin: 0 auto; background: linear-gradient( to bottom, #F00000, #CE0000 ); clip-path: polygon(100% 0, 100% 75%, 50% 100%, 0 75%, 0 0); padding: 0 0 10px; display: inline-block; }
.banner-btn:hover { background: linear-gradient( to bottom, #004488, #002851 ); clip-path: polygon(100% 0, 100% 75%, 50% 100%, 0 75%, 0 0); transition: all 1s ease-out; }
.btn { max-width: 160px; width: 100%; margin: 0 auto; font-family: 'Raleway', sans-serif; font-weight: 400; font-size: 15px; color: #FFFFFF; background: linear-gradient(#FF0000,#B20000); }
.btn.db { text-align: center; padding: 12px 0; }

/*###################################
## Search
###################################*/
.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: 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"] {transition: all .4s linear;}
.sidebar input[type="submit"]:hover, 
.error-404 input[type="submit"]:hover {box-shadow: 0px 0px 20px #000;}

/*###################################
## Flexbox
###################################*/
.fw { flex-wrap: wrap; }
.flex { display: flex; }
.flexs { display: flex; justify-content: space-between; align-items: flex-start; }
.flexc { display: flex; justify-content: space-between; align-items: center; }
.flexe { display: flex; justify-content: space-between; align-items: flex-end; }

/*###################################
## Forms
###################################*/

form p {margin: 0 0 10px !important;width: 100%;}
.page-id-1025 form p {margin-bottom: 0 !important}
form label {display: inline-block; color: #FFF; line-height: 0.5!important; width: 100%; }
form input[type="submit"] {transition: all .5s linear;}
.ctc-hide { display: none!important; }
/*.formLabel { display: inline-block; } */
/*.formLabel label { width: 32.52%; position: relative; }*/
.formLabel {width: 100%;}
.wpcf7 .flex {gap: 6px;}
.formLabel input[type="text"], .formLabel input[type="email"], .formLabel input[type="tel"], .formLabel input[type="number"],.formLabel input[type="date"]{ width: 100%; box-sizing: border-box; font-family: 'Lato', sans-serif; font-weight: 400; font-size: 16px; color: #888888; padding: 5px 10px; box-sizing: border-box;  height: 40px; background: rgba(102,102,102,0.33); border: 1px solid #666666; font-style: italic; margin: 0 auto 10px; }

.formLabel span.wpcf7-not-valid-tip { color: red; font-size: 10px; font-weight: 400; display: block; position: absolute; top: -10%; right: 3%; }
.formTextarea textarea { width: 100%; box-sizing: border-box; font-family: 'Lato', sans-serif; font-weight: 400; font-size: 16px; color: #888888; padding: 10px; box-sizing: border-box; height: 140px; margin-top: 0; position: relative; background: rgba(102,102,102,0.33); border: 1px solid #666666; font-style: italic; }
.formConsent { text-align: center;padding: 5px 0; box-sizing: border-box; }
.formConsent .wpcf7-list-item-label { color: #111111; font-family: 'Montserrat', sans-serif; font-weight: 400; font-size: 12px; line-height: 120%; }
.formTextarea span.wpcf7-not-valid-tip { color: red; font-size: 10px; font-weight: 400; display: block; position: absolute; bottom: 115px; right: 1%; }
span.wpcf7-list-item { margin: 0!important; }

.inner-form .btn { position: relative; background: #000000; font-family: 'Lato', sans-serif; font-weight: 700; font-size: 16px; color: #FFFFFF; text-transform: uppercase; padding: 15px 0; }
.inner-form .button { text-align: center; }
.inner-form .formConsent .wpcf7-list-item-label { color: #FFFFFF; }

.strong-form-inner p{color:#fff;}
.strong-form input[type="text"]{height:40px;}
.strong-form input[type="text"],.strong-form select, .strong-form textarea{background:transparent;border:1px solid #fff; font-size:16px; color:#fff;padding:10px; font-family:'Oswald', sans-serif;}
.strong-form input[type="submit"]{padding:10px 0;width: 200px;font-size:16px;text-transform:uppercase;background: transparent;color: #fff;font-weight: 700;}


/*Quick Form*/

.form-col { width: 49.5%; }
.quick-form .btn { position: relative; background: #000000; font-family: 'Lato', sans-serif; font-weight: 700; font-size: 16px; color: #FFFFFF; text-transform: uppercase; padding: 15px 0; }
.quick-form .button { text-align: center; }

/*###################################
## Menus
###################################*/


.main-navigation { margin: 0!important; }
/* .main-navigation ul { max-width: 820px; width: 100%; margin: 0 auto; list-style: none; display: flex;padding: 0;} */
.main-navigation ul {
        width: 100%;
        margin: 0 auto;
        list-style: none;
        display: flex;
        padding: 0;
        justify-content: center;
}
.main-navigation ul li {padding: 0;}
.main-navigation ul li:first-of-type {padding-left: 0;}
.main-navigation ul li:last-of-type {padding-right: 0;}
.main-navigation ul li.menu-item-has-children a::after {content: "\f0d7"; font-family: 'FontAwesome'; color: #FFF; transition: all .2s linear; display: inline-block; vertical-align: middle; font-size: 18px; margin-left: 10px; position: relative; top: -2px;}
.main-navigation ul li.menu-item-has-children a:hover::after {transform: rotateZ(180deg);}
.main-navigation ul li a { position: relative; font-family: 'Oswald', sans-serif; font-weight: 400; font-size: 14px; color: #FFFFFF; line-height: 120%; display: inline-block; text-transform: uppercase; padding: 20px 45px; }
.main-navigation ul li a::after { content: ''; background: rgb( 255 255 255 / 50% ); width: 1px; height: 30px; position: absolute; top: 50%; transform: translateY(-50%); right: 0; }
.main-navigation ul li:first-of-type a::before { content: ''; background: rgb( 255 255 255 / 50% ); width: 1px; height: 30px; position: absolute; top: 50%; transform: translateY(-50%); left: 0; }
/*.main-navigation ul li a::before {content: ""; background: #FFF; width: 100%; max-width: 50px; height: 4px; border-radius: 3px; position: absolute; bottom: 0; left: 0; right: 0; margin: 0 auto; transition: all .3s linear; transform: scaleX(0); transform-origin: left;}
.main-navigation ul li a:hover::before,
.main-navigation .current-menu-item a::before {transform: scaleX(1);}*/
.main-navigation ul li a:hover, 
.main-navigation .current-menu-item a,
.main-navigation .current_page_item a { color: #FF0000; }
.main-navigation ul li:hover ul {visibility: visible; opacity: 1; margin-top: 0;}

/*Sub Menu*/
.main-navigation ul ul {background: rgba(106, 123, 100, .9); transition: all .3s linear; box-shadow: 0px 0px 2px #555; box-sizing: border-box; padding: 10px 5px; position: absolute; visibility: hidden; margin-top: 50px; width: 250px;display: block; opacity: 0;}
.main-navigation ul ul li {display: block; margin-right: 0;}
.main-navigation ul ul li a {padding: 10px; display: block; box-sizing: border-box;}
.main-navigation ul ul li a::after, .main-navigation ul ul li a::before {display: none !important;}
.main-navigation ul ul li a:hover {background: #D7BA5A;}

/*Sub Sub Menu*/
/*.main-navigation ul ul ul {visibility: hidden !important; margin-top: -48px !important; opacity: 0 !important; position: absolute; margin-left: 240px;    }
.main-navigation ul ul li:hover ul {visibility: visible !important; opacity: 1 !important; margin-left: 182px;  }
.main-navigation ul ul ul li {}*/

/*Footer Menu*/
.footer-navigation {margin-top: 100px;}
.footer-navigation ul {margin: 0; padding: 0; list-style: none; display: block;}
.footer-navigation ul li {display: inline-block; margin: 0 10px;}
.footer-navigation ul li a {color: #FFF;}
.footer-navigation ul li a:hover {text-shadow: 0px 0px 20px #FFF, 0px 0px 20px #FFF, 0px 0px 20px #FFF;}

/*Social Menu*/
.social-navigation {}
.social-navigation .svg-icon {display: none;}
.social-navigation ul {margin: 0 !important; list-style: none; display: block; padding: 0;  }
.social-navigation ul li {transition: all .4s linear; border-radius: 50%; margin: 0 0 0 10px; height: 40px; width: 40px;}
.social-navigation ul li:hover {box-shadow: 0px 0px 20px #000; transform: rotateZ(360deg);}
.social-navigation ul li a {color: #FFF;}
.social-navigation ul li a::before {font-size: 18px; position: relative; top: 12px;}

/*###################################
## HEADER
###################################*/

.site-header { position: relative; }
.header-logo { position: absolute; left: 0; right: 0; }

#mysticky-nav.wrapfixed { background: #000!important; }
#mysticky-nav.wrapfixed .myfixed { background: #000000 url(https://beta3.technodreamcenter.com/stlouiscarservice.net/wp-content/uploads/2021/11/logo.png)no-repeat!important; background-size: contain!important; }

/*###################################
## BANNER
###################################*/

.site-banner, .banner-container { position: relative; min-height: 855px; }
.site-banner::before, .site-banner::after { content: ''; background: linear-gradient( to bottom, #00448B, #002A52); max-width: 27.34%; width: 100%; height: 525px; position: absolute; }
.site-banner::before { top: 0; right: 0; clip-path: polygon(100% 0, 0 0, 100% 100%); }
.site-banner::after { bottom: 0; left: 0; clip-path: polygon(0 100%, 0 0, 100% 100%); }
.banner-container::before { content: ''; background: url('assets/images/car-01.png')no-repeat top right; background-size: contain; max-width: 42.44%; width: 100%; height: 365px; position: absolute; top: 60px; right: 0; z-index: 2; }
.banner-container::after { content: ''; background: url('assets/images/car-02.png')no-repeat bottom left; background-size: contain; max-width: 36.97%; width: 100%; height: 365px; position: absolute; bottom: 60px; left: 0; z-index: 2; }
.banner-box { max-width: 595px; width: 100%; margin-left: auto; position: absolute; right: 0; bottom: 0; }
.banner-box.title-text { position: relative; z-index: 2; }
.banner-box.title-text h2 { font-family: 'Raleway', sans-serif; font-weight: 400; font-size: 40px; margin: 0; padding: 5px 0; }
.banner-box.title-text:before { content: ''; background: url('assets/images/banner-curl.png')no-repeat top center; max-width: 175px; width: 100%; height: 40px; margin: 0 auto; background-size: contain; display: block; }

/*###################################
## CONTENT
###################################*/

.site-content, .content-text { position: relative; }
.content-text h1 { font-family: 'Bebas Neue', sans-serif!important; text-transform: uppercase; display: inline-block; background: url('assets/images/blue-left.png')no-repeat center left, url('assets/images/blue-right.png')no-repeat center right; line-height: 120%; padding: 0 70px; }
.content-text::after { content: ''; background: url('assets/images/blue-dia.png')no-repeat center bottom; background-size: contain; max-width: 875px; height: 30px; margin: 0 auto; display: block; }
.content-text h2 { text-transform: uppercase; display: inline-block; background: url('assets/images/white-left.png')no-repeat center left, url('assets/images/white-right.png')no-repeat center right; line-height: 120%; padding: 0 70px; }
.content-text.alt h2 { background: url('assets/images/black-left.png')no-repeat center left, url('assets/images/black-right.png')no-repeat center right; }

/*ABOUT*/

.about-section { position: relative; }
.about-list { position: relative; z-index: 2; }
.about-box .elementor-image-box-img { margin: 0!important; }
.about-box .elementor-image-box-img img { width: 100%; display: block; }
.about-box .elementor-image-box-title { position: relative; max-width: 175px; width: 100%; margin: -50px auto 0; background: linear-gradient(#00468C,#001C37); padding: 15px; }
.about-box .elementor-image-box-title::before { content: ''; width: 0; height: 0; border-left: 10px solid transparent;
  border-right: 10px solid transparent; border-top: 10px solid #FFFFFF; display: block; margin: 0 auto 10px; }
.about-box .elementor-image-box-description { padding: 10px 20px 20px; text-align: justify; }

/*TAG*/

.tag-section, .tag-box { position: relative; }
.tag-box::after {  content: ''; background: url('assets/images/red-dia.png')no-repeat center bottom; background-size: contain; max-width: 875px; height: 30px; margin: 0 auto; display: block; }
.tag-box p { margin: 0!important; }

/*SERVICES*/

.services-section {}
.services-content { background: linear-gradient(#00468C,#001C37); outline-offset: -15px; outline: 1px solid #0080FF; }
.services-content.alt { outline-offset: -15px; outline: 1px solid #999999; }
.services-content ul { list-style: none; margin: 0; padding-left: 25px; }
.services-content p:first-of-type { position: relative; }
.services-content p:first-of-type::before { content: ''; background: url('assets/images/gray-curl.png')no-repeat top center; max-width: 175px; width: 100%; height: 40px; margin: 0 auto 10px; background-size: contain; display: block; }
.services-tag p { position: relative; background: rgb( 0 0 0 / 47% ); max-width: 300px; width: 100%; padding: 30px; }
.services-text { max-width: 790px; width: 100%; margin: 0 auto; }

/*GALLERY*/

.gallery-section { position: relative; }
.gallery-section::before { content: ''; background: linear-gradient( to bottom, #003970, #00254A ); max-width: 100%; width: 100%; height: 360px; position: absolute; top: 0; left: 0; right: 0; }
.gallery-section .content-text { margin-bottom: 0!important; }

/*###################################
## FOOTER
###################################*/

.site-footer { position: relative; }

/*FOOTER TOP*/

.footer-top { position: relative; background: linear-gradient( to bottom, #003970, #00254A ); z-index: 2; }

/*FOOTER LINKS*/

.links-section p { position: relative; margin: 0 0 10px; }
.links-section a { font-family: 'Lato', sans-serif; font-weight: 700; font-size: 18px; color: #FFFFFF; }
.links-section .tel p::before, .links-section .loc p::before, .links-section .mail p::before { content: ''; font-family: 'FontAwesome'; font-size: 16px; color: #FFFFFF; display: inline-block; vertical-align: middle; margin-right: 5px; }
.links-section .tel p::before { content: '\f095'; }
.links-section .loc p::before { content: '\f041'; }
.links-section .mail p::before { content: '\f0e0'; }
.links-section .paypal { text-align: center; }

/*FOOTER BOTTOM*/

.ft-text, .ft-text p { margin: 5px 0!important; }

/*COPYRIGHT*/

.copyright { text-align: center; }
.copyright p { color: #FFFFFF; margin: 0; }
.copyright .td img { max-width: 30px; widows: 100%; display: inline-block; vertical-align: middle; margin-left: 10px; }

/*###################################
## Sidebar Blog
###################################*/
.sidebar {border: 1px solid #535353; box-sizing: border-box; flex-basis: 30%; padding: 20px; }
.sidebar h2 {font-size: 25px; margin: 0; }
.sidebar .widget_search {box-sizing: border-box; background: #6A7A64; margin-bottom: 25px; padding: 20px; width: 100%; }
.sidebar .widget:last-of-type {margin-bottom: 0;}

/*###################################
## Inner Pages
###################################*/

.inner { background: #000000 url('assets/images/content-bg.jpg')no-repeat center bottom; background-size: cover; }

.inner .header-logo { display: none; }

.inner .inner-content a { color: #FFFFFF; }

.page-id-1025 .row,
.page-id-1098 .row{
	max-width: 1342px;
}

.page-id-1025 .container,
.page-id-1098 .container{
	max-width: 1649px;
}

.page-id-1025 .container.elementor-section .elementor-container,
.page-id-1098 .container.elementor-section .elementor-container{
	gap: 13px;
	z-index: 20;
}

.page-id-1025 .flex,
.page-id-1025 .formTextarea,
.page-id-1098 .flex,
.page-id-1098 .formTextarea{
	max-width: 1043px;
	margin: auto;
}

.page-id-1025 form label, .page-id-1098 form label {font-family: "Montserrat", sans-serif; font-size: 18px; font-weight: 700; color: #0C3E67;}
.page-id-1025 .formLabel input[type="text"], 
.page-id-1025 .formLabel input[type="email"], 
.page-id-1025 .formLabel input[type="tel"], 
.page-id-1025 .formLabel input[type="number"], 
.page-id-1025 .formLabel input[type="date"],
.page-id-1025 .formTextarea textarea,
.page-id-1098 .formLabel input[type="text"], 
.page-id-1098 .formLabel input[type="email"], 
.page-id-1098 .formLabel input[type="tel"], 
.page-id-1098 .formLabel input[type="number"], 
.page-id-1098 .formLabel input[type="date"],
.page-id-1098 .formTextarea textarea{
  border: 1px solid #003D7C;
  background: #CEDDF0;
}
.page-id-1025 .wpcf7,
.page-id-1098 .wpcf7{
	padding: 40px 10px 35px;
	text-align: center;
	background: url(assets/images/form.png) no-repeat center;
	background-size: 100% 100% !important;
}

.page-id-1025 .wpcf7 h2,
.page-id-1098 .wpcf7 h2{
	font-size: 49px;
	color: #003D7C;
	font-weight: 700;
	margin: 0;
	font-family: "Montserrat", sans-serif;
}

.page-id-1025 .wpcf7 h3,
.page-id-1098 .wpcf7 h3{
	color: #0C3E67;
	font-family: "Poppins", sans-serif;
	line-height: 120%;
	font-size: 18px;
	margin: 0;
	font-weight: 700;
	padding: 27px 0 12px;
}


.page-id-1025 .wpcf7 h4,
.page-id-1098 .wpcf7 h4{
	color: #111111;
	font-family: "Poppins", sans-serif;
	line-height: 120%;
	font-size: 16px;
	margin: 0;
	padding: 12px 0 9px;
}

.page-id-1025 .wpcf7 .btn,
.page-id-1098 .wpcf7 .btn{
	width: 285px;
	height: 64px;
	background: #fff;
	border: 2px solid #13446D;
	max-width: 100%;
	color:#13456C;
	font-size: 16px;
	font-weight: 400;
	font-family: "Montserrat", sans-serif;
	margin-top: 35px;
}
.page-id-1025 .item .elementor-widget-wrap,
.page-id-1098 .item .elementor-widget-wrap{
	background-size: 100% 100% !important;
}

/*###################################
## Blog Page
###################################*/
.blog-container {padding-right: 5%; flex-basis: 65%;}
.blog-list article {transition: all .3s linear; border: 1px solid #535353; box-sizing: border-box; padding: 20px; }
.blog-list article:not(:last-of-type) {margin-bottom: 40px;}
.blog-list article:hover {box-shadow: 0px 0px 20px #000;}
.blog-title h2 {margin: 0 0 20px !important; font-size: 30px;}
.blog-header { align-items: flex-end; margin-bottom: 10px;  }
.blog-header p {margin: 0;}
.blog-header p span {font-style: italic;}
.blog-image {text-align: center;}
.blog-image img {transition: all .5s linear; max-width: 500px !important; height: auto !important;}
.blog-container .btn {margin-top: 10px !important; padding: 10px 20px; font-size: 13px;}
.pagination-n {text-align: right; margin-top: 15px;}
.pagination-n a {background: #D7BA5A; padding: 2px 10px; }
.pagination-n .current {background: #6A7A64; padding: 2px 10px; color: #FFF;}


/*###################################
## Search Page
###################################*/
.page-description {text-align: center; margin-bottom: 40px; font-weight: 700; font-size: 25px; display: block;}
.page-description::after {content: ' "';}
.page-description::before {content: '" ';}
.search article {transition: all .5s linear; border: 1px solid #000; margin-bottom: 30px; padding: 20px; display: block; }
.search article:hover {box-shadow: 0px 0px 20px #000;}
.search article:last-of-type {margin-bottom: 0;}
.search article h2 {margin: 0 0 20px; font-size: 35px;}
.search-con {padding-right: 5%; flex-basis: 65%;}

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

/*###################################
## RESPONSIVE
###################################*/

@media screen and (max-width: 1024px) {
    
    /*BANNER*/

    .site-banner, .banner-container { min-height: 680px; }
	.main-navigation ul li a {
        padding: 20px 20px !important;
}
	
	.page-id-1025 .inner-content {
		background-size: cover !important;
	}

}

@media screen and (max-width: 960px) { 

    #mysticky-nav.wrapfixed .myfixed { background: #000000!important;  }

}

@media screen and (max-width: 860px) {


    .main-navigation ul li a { padding: 20px 40px; }
	.wpcf7 .flex {
		flex-direction: column;
		gap: 0;
	}

}

@media screen and (max-width: 767px) {

    body {min-width: 320px!important;}

    h1, h2 { font-size: 30px!important; }

    p, ul li { font-size: 14px!important; }

    /*FORM*/

    .form-col { width: 100%; }

    /*BANNER*/

    .banner-container::before, .banner-container::after { display: none }
    .site-banner, .banner-container { min-height: 100%; }
    .site-banner::before, .site-banner::after { max-width: 15.34%; height: 100%; }
    .banner-box { max-width: 100%; }

    /*CONTENT*/

    .content-text::after, .tag-box::after { background-size: cover; }

        /*ABOUT*/

        .about-box .elementor-image-box-title { max-width: 300px; }

        /*SERVICES*/

        .services-tag p { max-width: 100%; padding: 15px; }
        .services-content ul li { font-size: 16px; }

    /*FOOTER*/

    .ft-row .ft-logo { order: -1; }
    .fb-row .copyright { order: 3; }

    /*INNER*/

    .inner .inner-content h3 { font-size: 20px!important; line-height: 140%!important; }


    .blog-wrap { flex-direction: column;}
    .blog-container {margin-bottom: 30px; padding-right: 0;}
    .search-wrap { flex-direction: column; }
    .search-con {margin-bottom: 30px; padding-right: 0;}

    .cta {background: #D7BA5A  url("assets/images/phonecall.png") no-repeat center center; border-bottom-left-radius: 40px;border-top: 2px solid #000; border-top-left-radius: 40px; text-decoration: none; text-indent: -9999em; position: fixed; display: block; bottom: 13%; height: 80px; width: 100px; z-index: 999; right: 0;}
    #wprmenu_bar {box-shadow: 0px 0px 2px #000;}
    #wprmenu_bar .bar_logo { height: 35px; }
    #wprmenu_bar .menu_title a {color: #FFF; top: 0;}
    html body div.wprm-overlay {background: transparent;}
    .logged-in #wprmenu_menu_ul {top: 47px !important;}

}


@media screen and (max-width: 480px) {

    h1, h2 { font-size: 28px!important; }

    .site-banner::before, .site-banner::after { max-width: 30.34%; height: 45%; }

    .blog-header { flex-direction: column;}
    .blog-header p, .blog-header h2 {text-align: center; width: 100%;}
    .blog-list article {text-align: center;}
    .blog-header h2 {font-size: 30px;}
    .blog-container .btn {margin-top: 20px !important;}
}

.strong-view.wpmtst-default .wpmtst-testimonial-content p,
.strong-view.wpmtst-default .wpmtst-testimonial-field{
	color: #fff;
	line-height: 1.5;
}