/*
Theme Name: ECM To Go
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.

ECM To Go 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.15;
	-webkit-text-size-adjust: 100%;
	box-sizing: border-box;
	overflow-x: hidden;
	width: 100%;
}

*,
::before,
::after {
	box-sizing: inherit;
}

body {
	font-family: 'Orbitron', sans-serif;
	margin: 0 auto;
	width: 100%;
	min-width: 320px;
	background: #000;
	color: #FFF;
	overflow-x: hidden;
}


@media (max-width: 1024px){
	html,body{min-width: 320px;}
}

.container {
	width: 95%;
	max-width: 1200px;
	margin: 0 auto;
	padding: 0;
}



/*products*/
.form.help textarea {
    height: 120px;
}

.form.help .btn {
    margin: 20px 0 0 auto;
}
.form.help {
    background: transparent;
    margin: 0 auto;
    max-width: 1000px;
    padding: 0;
}
.form.help span.wpcf7-list-item-label {
    font-size: 16px !important;
    font-family: 'poppins';
}
.products .is-form-style.is-form-style-3 label {
    max-width: 800px;
    margin: 0 auto 20px !important;
    display: block !important;
}

.call a {
    font-family: 'crossover';
}


/*new home*/


.ecm {
    max-width: 1500px;
    margin: 0 auto;
}

.is-form-style.is-form-style-3 label {
    width: 100% !important;
}

.page-id-2980 p {
    font-family: unset;
    font-size: unset;
    line-height: unset;
}

.outline a {
    text-shadow: 1px 1px 0 #ffffff, -1px -1px 0 #fff, 1px -1px 0 #fbf7f7, -1px 1px 0 #fff, 1px 1px 0 #fff;
}

.page-id-2980 h2:before, .page-id-3498 h2:before {
    display: none;
}
span.is-search-icon {
       background: none !important;
    border: none !important;
    width: 100% !important;
    color: white;
    font-size: 20px !important;
}

input#is-search-input-3167 {
    padding: 30px 5%;
    border-radius: 10px;
	text-align: center;
    font-family: 'Poppins';
}

.is-form-style button.is-search-submit {
    display: block;
    margin: 20px auto;
    background: url(https://ecmtogo.com/wp-content/uploads/2023/12/Untitled-8.fw_.png) no-repeat !important;
    width: 100%;
    max-width: 250px;
    height: auto !important;
    background-size: 100% 100% !important;
    padding: 20px 5% !important;
}

#error-page {
    margin-top: 50px;
    width: 100%;
    max-width: 100%;
}

a.call {
    font-size: 35px;
/*     font-family: 'crossover';*/
    text-shadow: 4px 5px 3px rgba(0, 0, 0, 1); 
	    font-family: "Poppins", Sans-serif;
/*     font-size: 70px; */
    font-weight: 700;
    letter-spacing: 2px;
}

#footer a.call {
    font-size: 30px;
}

.form .btn {
    display: block;
    margin: 20px auto 0;
	background: url(https://ecmtogo.com/wp-content/uploads/2023/12/Untitled-8.fw_.png) no-repeat;
    background-size: 100% 100%;
    padding: 30px 5%;
    color: white;
    font-size: 23px;
    font-family: 'poppins';
    border: none;
}

.form h2::before{display:none;}
.form {
    background: url(https://ecmtogo.com/wp-content/uploads/2023/12/Untitled-4.fw-1.png) no-repeat;
    background-size: 100% 100%;
    max-width: 1500px;
    margin: -60px auto 0;
    padding: 40px 7% 65px;
}
.form span {
    color: white;
    width: 100%;
    font-family: 'Montserrat';
    margin-bottom: 10px;
	font-size:16px;
}
.form label {
    color: transparent;
	font-size: .2px;
}
.form .flex p {
    display: flex;
    margin: 0;
    column-gap: 30px;
}
.form h2 {
    font-size: 50px;
    text-align: center;
    font-family: 'crossover';
}

@media (max-width:1024px){
	a.call {
		font-size: 25px;
	}
}

@media (max-width: 767px){
	.form .flex p {
		display: block;
	}
	.form{
		padding: 70px 7% 65px;
	}
	.form.help .btn {
		margin: 20px auto 0;
	    max-width: 250px;
    	width: 100%;
	}
}

@media (max-width: 480px){
	.form h2 {
		font-size: 35px;
	}
	.form .btn{
		font-size: 18px;
	}
}




@media screen and (max-width: 768px) {
	html {
		/* for 60px height WP Responsive Menu */
		padding-top: 60px !important;
	}
}

/*
 * ================================
 * Layouts and Guttenberg Overrides
 * ================================
 */

.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important;
	/* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

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

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

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

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

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

/*
 * ====================
 * Typography
 * ====================
 */

@font-face {
	font-family: 'xscale';
	src: url('assets/fonts/xscale/x-scale.TTF') format('ttf'),
		url('assets/fonts/xscale/x-scale.woff2') format('woff2'),
		url('assets/fonts/xscale/x-scale.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

a,
a:visited {
	text-decoration: none;
	transition: all .5s ease;
	-webkit-transition: all .5s ease;
	text-decoration: none !important;
}

a:hover {}

a:focus {
	outline: none !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	position: relative;
	font-family: 'Orbitron', sans-serif;
	text-transform: uppercase;
	margin: 1rem 0;
	word-break: break-word;
}

h1 {
	/* font-family: '', sans-serif; */
	font-size: 70px;
	font-weight: 900;
}

h2 {
	/* font-family: '', sans-serif; */
	font-size: 36px;
	font-weight: 400;
}

h2::before {
	content: url(assets/images/h2_arrow_right.png);
	position: absolute;
	top: 0;
	right: 102%;
}

h3 {
	/* font-family: '', sans-serif; */
	font-size: 28px;
}

p,
ul,
ol,
a {
	font-family: 'Montserrat', sans-serif;
	font-size: 16px;
	line-height: 1.6;
	color: inherit;
}

dl,
dd {
	margin: 0;
}

p {
	margin: 1rem 0;
}

strong {
	color: #FF0000;
}

@media screen and (max-width: 768px) {
	h1 {
		font-size: 50px;
	}
}

@media screen and (max-width: 600px) {
	h1 {
		font-size: 35px;
	}

	h2 {
		font-size: 28px;
	}

	h3 {
		font-size: 20px;
	}
}

/*
 * ====================
 * Buttons
 * ====================
 */

.btn a, .button {
	display: inline-block;
	position: relative;
	z-index: 1;
	overflow: hidden;
	padding: 17px;
	background: #000;
	color: #FF0000;
	font-family: 'Orbitron', sans-serif;
	font-size: 13px;
	text-transform: uppercase;
	letter-spacing: 3px;
	border: 1px solid #FF0000;
	min-width: 160px;
	text-align: center;
}

.btn a:hover, .button:hover {
	color: #FFF;
}

.btn a:after, .button:after {
	content: "";
	background: #FF0000;
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	transition: all .5s ease;
	transform: translateX(101%);
	z-index: -1;
}

.btn a:hover:after, .button:hover:after {
	transform: translateX(0%);
}

/*
 * ====================
 * Flexbox Classes
 * ====================
 */

.dflex {
	display: flex;
	display: -webkit-flex;
}

.sb-flex {
	justify-content: space-between;
	-webkit-justify-content: space-between;
}

.sa-flex {
	justify-content: space-around;
	-webkit-justify-content: space-around;
}

.cn-flex {
	justify-content: center;
	-webkit-justify-content: center;
}

.fe-flex {
	justify-content: flex-end;
	-webkit-justify-content: flex-end;
}

.align-start {
	align-items: flex-start;
	-webkit-align-items: flex-start;
}

.align-end {
	align-items: flex-end;
	-webkit-align-items: flex-end;
}

.align-center {
	align-items: center;
	-webkit-align-items: center;
}

/*
 * ====================
 * 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;
	width: 100%;
}

form input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]),
form textarea,
form select {
	font-family: inherit;
	/* font-size: ; */
	display: block;
	width: 100%;
	padding: 15px;
	border: 1px solid #EEE;
	margin: 10px 0;
}

form .wrap {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

form .wrap label {
	flex-basis: 32%;
}

form input[type="submit"],
form button[type="submit"] {
	margin-top: 30px
}

/* Contact Form 7 error messages */
form label>span.wpcf7-form-control-wrap {
	display: block;
	width: 100%;
}

form.wpcf7-form span.wpcf7-not-valid-tip {
	position: absolute;
	right: 10px;
	bottom: 10px;
	font-size: 14px;
}

@media screen and (max-width: 550px) {
	form .wrap label {
		flex-basis: 100%;
	}
}

/* Home Form */

.home-form {
	padding: 20px;
}

/* Contact Us Form */
.contact-form {
	max-width: 900px;
	margin: 0 auto;
	text-align: center;
}

.page-id-72 .wpcf7-form input[type=submit] {
	background: #000;
	border: 1px solid #FF0000;
	color: #FF0000;
	font-size: 13px;
	font-family: 'Orbitron', sans-serif;
	letter-spacing: 3px;
	min-width: 160px;
	text-transform: uppercase;
	position: relative;
	overflow: hidden;
	z-index: 1;
	padding: 17px;
}

.page-id-72 .wpcf7-form input[type=submit]:hover {
	background: #FF0000;
	color: #FFF;
}

/*
 * ====================
 * Menus
 * ====================
 */

/* Main Menu */
.main-navigation {}

.main-navigation ul {
	margin: 0;
	padding: 0;
	list-style: none;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.main-navigation ul li {}

.main-navigation ul li a {
	color: #FFF;
	display: block;
	padding: 17px;
	border: 1px solid transparent;
	font-family: 'Orbitron', sans-serif;
	text-transform: uppercase;
	font-size: 13px;
	text-align: center;
}

.main-navigation ul li a:hover,
.main-navigation .current-menu-item a,
.main-navigation .current_page_item a {
	color: #FF0000;
	border: 1px solid #FF0000;
}

/* Sub Menu */

.main-navigation ul>li.sub-menu>ul {
	display: block;
	position: absolute;
	background: rgba(0, 0, 0, .7);
	margin-top: 50px;
	transition: all .4s linear;
	visibility: hidden;
	opacity: 0;
	width: 100%;
	min-width: 200px;
	box-sizing: border-box;
	z-index: 999;
}

.main-navigation ul>li.sub-menu:hover>ul {
	visibility: visible;
	opacity: 1;
	margin-top: 0;
}

.main-navigation ul>li.sub-menu>ul>li {
	display: block;
	margin-right: 0;
}

.main-navigation ul>li.sub-menu>ul>li>a {
	padding: 0 10px;
	display: block;
	box-sizing: border-box;
	text-transform: capitalize;
}

.main-navigation ul>li.sub-menu>ul>li>a::before,
.main-navigation ul>li.submenu>ul>li>a::after {
	display: none;
}

.main-navigation ul>li.sub-menu>ul>li>a:hover {
	background: #0F3A6F;
}

/* Sub Sub Menu */

.main-navigation ul>li.sub-menu>ul>li.sub-menu>ul {
	position: absolute;
	margin-left: 240px;
	margin-top: -48px !important;
	visibility: hidden !important;
	opacity: 0 !important;
}

.main-navigation ul>li.sub-menu>ul>li:hover>ul {
	margin-left: 200px;
	visibility: visible !important;
	opacity: 1 !important;
}

@media screen and (max-width: 1200px) {
	.main-navigation ul li a {
		padding: 12px;
	}
}

/* WP Responsive Menu Custom Styles */
@media screen and (max-width: 768px) {
	#wprmenu_bar {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: reverse;
		-ms-flex-direction: row-reverse;
		flex-direction: row-reverse;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
	}

	#wprmenu_bar .menu_title {
		width: 200px;
		top: 0 !important;
		line-height: 1 !important;
	}

	#wprmenu_bar .menu_title a {
		top: 0 !important;
		line-height: 1 !important;
	}

	#wprmenu_bar .menu_title img {
		width: 100%;
		max-width: 130px;
		height: auto;
	}
}

/* Secondary Menu */
.secondary-menu {
	padding: 30px 0;
}

.secondary-navigation {
	position: relative;
}

.secondary-navigation ul {
	margin: 0;
	padding: 0;
	list-style: none;
	display: flex;
	justify-content: space-around;
	align-items: center;
	flex-wrap: wrap;
}

.secondary-navigation ul li {}

.secondary-navigation ul li a {
	position: relative;
	color: #FFF;
	display: block;
	padding: 20px 10px 0;
	font-family: 'Orbitron', sans-serif;
	text-transform: uppercase;
	text-align: center;
	font-weight: 500;
	font-size: 13px;
	overflow: hidden;
}

.secondary-navigation ul li a::before {
	content: url(assets/images/caret_down.png);
	position: absolute;
	left: 50%;
	top: 0;
	transform: translate(-50%, -100%);
	-webkit-transform: translate(-50%, -100%);
	-moz-transform: translate(-50%, -100%);
	-ms-transform: translate(-50%, -100%);
	-o-transform: translate(-50%, -100%);
	transition: all .3s ease;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
}

.secondary-navigation ul li a:hover {
	color: #FF0000;
}

.secondary-navigation ul li a:hover::before {
	transform: translate(-50%, 0);
	-webkit-transform: translate(-50%, 0);
	-moz-transform: translate(-50%, 0);
	-ms-transform: translate(-50%, 0);
	-o-transform: translate(-50%, 0);
}

@media screen and (max-width: 1200px) {
	.secondary-navigation ul li a {
		padding: 20px 5px 0;
	}
}

@media screen and (max-width: 600px) {
	.secondary-navigation ul li {
		flex-basis: 100%;
	}
}

/* Footer Menu */
.footer-navigation {
	margin: 30px 0;
}

.footer-navigation ul {
	margin: 0;
	padding: 0;
	list-style: none;
	display: flex;
	justify-content: center;
	align-items: center;
}

.footer-navigation ul li {}

.footer-navigation ul li a {
	color: #FFF;
	padding: 10px;
	font-family: 'Orbitron', sans-serif;
	text-transform: uppercase;
	font-weight: 500;
	text-align: center;
}

.footer-navigation ul li a:hover,
.footer-navigation .current-menu-item a,
.footer-navigation .current_page_item a {
	color: #FF0000;
}

@media screen and (max-width: 768px) {
	.footer-navigation ul {
		flex-wrap: wrap;
	}

	.footer-navigation ul li {
		flex-basis: 100%;
		text-align: center;
	}
}

/* Social Menu */
.social-navigation {
	background: #000;
}

.social-navigation ul {
	margin: 0;
	padding: 0;
	list-style: none;
	display: block;
}

.social-navigation ul li {
	display: inline-block;
	margin-right: 10px;
}

.social-navigation ul li a {}

.social-navigation ul li a::before {}

/*
 * ====================
 * Header
 * ====================
 */

.site-header {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 9999;
}

.site-header .header-top {
	padding: 10px 0;
	text-align: center;
	font-family: 'Montserrat', sans-serif;
	background: #000;
}

.site-header .header-top a {
	color: #FF0000;
}
.site-header .header-top a.email {
	margin-right: 10px;
}

.site-header .custom-logo {
	display: block;
	width: auto;
	height: auto;
	/* max-width: ; */
}

.site-header .header-nav {
	background: rgba(0, 0, 0, .7);
	background: linear-gradient(to bottom, #000, transparent);
}

.site-header .header-nav .container {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}

.site-header .header-email {
	max-width: 900px;
    margin: 0 auto;
    line-height: 36px;
}

@media screen and (max-width: 1024px) {
	.site-header .header-logo {
		flex-basis: 20%;
	}

	.site-header .header-logo img {
		max-width: 100%;
	}

	.site-header .header-nav {
		flex-basis: 80%;
	}
	
	.site-header .header-email {
		max-width: 100%;
	}
}

@media screen and (max-width: 768px) {
	.site-header {
		top: 30px;
	}
	span.phone {
		display: block;
	}
	span.email,
	a.email{
		display: none;
	}
	.site-header .header-top,
	.social-navigation {
		background: none;
	}
	.site-header .header-top a {
		color: #fff;
	}
	.site-header .header-email {
		text-align: left
	}
	
	.site-header .social-navigation ul.social-links-menu {
		justify-content: flex-start;
		padding-left: 9px;
	}
}

@media screen and (max-width: 425px) {
	.site-header {
		top: 0;
	}
}
/*
 * ====================
 * Banner
 * ====================
 */

.site-banner {
	position: relative;
}

.site-banner::before {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 300px;
	background: linear-gradient(to top, #000, transparent);
	z-index: 11;
}

.site-banner .banner-bg {
	position: relative;
	z-index: 10;
	display: block;
	width: 100%;
}

.site-banner .widget_text {
	position: absolute;
	top: 45%;
	left: 50%;
	max-width: 100%;
	width: 1200px;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	z-index: 20;
	padding: 0 15px;
}

.site-banner .widget_text h2 {
	color: #FF0000;
	font-family: 'xscale', sans-serif;
	font-size: 75px;
	font-weight: 900;
	line-height: .55;
	max-width: 600px;
	margin: 50px 0;
}

.site-banner .widget_text h3 {
	color: #FF0000;
	font-family: 'xscale', sans-serif;
	font-size: 75px;
	max-width: 600px;
	line-height: .55;
}

.site-banner .widget_text p {
	font-family: 'xscale', sans-serif;
	font-size: 30px;
	font-weight: 700;
	text-transform: uppercase;
	max-width: 600px;
	line-height: .5;
}

.site-banner .button{
	font-size: 25px;
}

.site-banner .button:hover{
    transform: scale(1.2);
}

@media screen and (max-width: 1440px) {
	.site-banner .widget_text {
		top: 55%;
	}
}

@media screen and (max-width: 1200px) {
	.site-banner .widget_text {
		position: relative;
		top: 0;
		left: 0;
		transform: none;
		-webkit-transform: none;
		-moz-transform: none;
		-ms-transform: none;
		-o-transform: none;
		text-align: center;
	}

	.site-banner .widget_text h2,
	.site-banner .widget_text h3,
	.site-banner .widget_text p {
		max-width: 100%;
	}
}

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

	.site-banner .widget_text h2,
	.site-banner .widget_text h3 {
		font-size: 50px;
	}
}

/*
 * ====================
 * Home Page
 * ====================
 */

@media screen and (max-width: 768px) {
	.wp-block-columns {
		flex-wrap: wrap;
	}

	.wp-block-columns .wp-block-column {
		flex-basis: 100% !important;
	}
}

/* About Section */
.about-section {
	position: relative;
}

.about-section .container {
	max-width: 1600px;
}

.about-section .section-text {
	max-width: 600px;
}

.about-section .section-text h1 {
	font-size: 32px;
	color: #FF0000;
}

.about-section .section-text h1::after {
	position: relative;
	content: url(assets/images/h2_arrow_left.png);
	display: block;
	left: -100px;
}

@media screen and (max-width: 768px) {
	.about-section .section-text {
		max-width: 100%;
		text-align: center;
	}

	.about-section .section-text h1::after {
		display: none;
	}
}

/* Services Section */
.services-section .service {
	position: relative;
}

.services-section .service-text {
	position: relative;
	z-index: 10;
	max-width: 580px;
}

.services-section .service-text h3 {
	position: relative;
	color: #FF0000;
	padding: 35px 0;
}

.services-section .service-1 .service-text h3::after {
	content: url(assets/images/long_arrow_right.png);
	position: absolute;
	bottom: 0;
	left: 45px;
	display: block;
}

.services-section .service-1 .service-image img {
	position: absolute;
	top: 50%;
	width: 65%;
	right: -15%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
}

.services-section .service-2 {
	justify-content: flex-end;
	margin-top: 100px;
}

.services-section .service-2 .service-text h3::after {
	content: url(assets/images/long_arrow_left.png);
	position: absolute;
	bottom: 0;
	right: 45px;
	display: block;
}

.services-section .service-2 .service-image img {
	position: absolute;
	top: 50%;
	width: 65%;
	left: -15%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
}

@media screen and (max-width: 1600px) {
	.services-section .service-1 .service-image img {
		right: 0;
	}

	.services-section .service-2 .service-image img {
		left: 0;
	}
}

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

	.services-section .service-1 .service-text h3::after,
	.services-section .service-2 .service-text h3::after {
		display: none;
	}
}

@media screen and (max-width: 768px) {
	.services-section {
		text-align: center;
	}

	.services-section .service-text {
		max-width: 100%;
		order: 1;
		text-align: center;
	}

	.services-section .service-text {
		order: 2;
	}

	.services-section .service-1 .service-image img,
	.services-section .service-2 .service-image img {
		position: relative;
		width: 100%;
		transform: none;
		-webkit-transform: none;
		-moz-transform: none;
		-ms-transform: none;
		-o-transform: none;
	}

	.services-section .service-2 {
		margin-top: 0;
	}
}

/*
 * ====================
 * Footer
 * ====================
 */

.site-footer {
	padding: 100px 0 20px;
	background: url(assets/images/footer_bg.jpg) center bottom no-repeat;
	background-size: cover;
}

.site-footer .footer-contact h2 {
	text-align: center;
}

.site-footer .footer-contact h2::before {
	display: none;
}

.site-footer .footer-contact .wrap {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 50px 0;
}

.site-footer .footer-contact span {
	display: block;
	color: #FF0000;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: 3px;
	margin: 10px 0;
}

.site-footer .footer-contact img {
	max-width: 100%;
}

.site-footer .footer-contact .footer-email {
	max-width: 300px;
}

.site-footer .privacy-policy {
	text-align: center;
	margin: 50px 0;
}

.site-footer .privacy-policy h3 {
	color: #FF0000;
}

.site-footer .copyright {
	text-align: center;
}

.site-footer .copyright p {
	margin: 0;
	color: #FFF;
}

.site-footer .copyright .techno img {
	display: inline-block;
	vertical-align: middle;
	padding: 0 10px;
	max-width: 50px;
}

@media screen and (max-width: 768px) {
	.site-footer .footer-contact .wrap {
		flex-wrap: wrap;
	}

	.site-footer .footer-contact .footer-accepted,
	.site-footer .footer-contact .footer-logo,
	.site-footer .footer-contact .footer-email {
		flex-basis: 100%;
		text-align: center;
		margin: 10px 0;
		order: 2;
	}
	
	.site-footer .footer-contact .footer-email {
		max-width: 100%;
	}

	.site-footer .footer-contact .footer-logo {
		order: 1;
	}

	.site-footer .footer-contact img {
		margin: 0 auto;
	}
}

/*
 * ====================
 * Inner Pages
 * ====================
 */

.inner #content {
	min-height: 500px;
	padding: 40px 0;
}

.inner #content h1 {
	position: relative;
}

.inner #content h1::before {
	content: url(assets/images/h2_arrow_right.png);
	position: absolute;
	right: 102%;
	top: 0;
}

.inner #content h1::after {
	content: url(assets/images/long_arrow_right.png);
	position: relative;
	display: block;
}

.inner #content h2 {
	color: #FF0000;
	font-weight: 900;
}

@media screen and (max-width: 768px) {
	.inner #content h1::after {
		display: none;
	}
}

/* Parts and Locations Page */
.page-id-16 ul {
	margin: 40px 0;
}

.page-id-16 .col-3 {
	columns: 3;
}

.page-id-16 .col-4 {
	columns: 4;
}

.page-id-16 .col-6 {
	columns: 6;
}

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

	.page-id-16 .col-3,
	.page-id-16 .col-4,
	.page-id-16 .col-6 {
		columns: 2;
	}
}

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

	.page-id-16 .col-3,
	.page-id-16 .col-4,
	.page-id-16 .col-6 {
		columns: 1;
	}
}

/* Reviews Page */
.page-id-18 .reviews-list .testimonial {
	padding: 30px;
	background: #000;
	box-shadow: 0 0 30px #FF0000;
	margin: 30px 0;
}

.page-id-18 .reviews-list .testimonial .testimonial-name {
	font-weight: 900;
	font-size: 25px;
}

.page-id-18 .reviews-form .strong-form-inner {
	padding: 0;
}

/* Gallery Page */
/* Photo Gallery Pop-up (Light Theme) */
.spider_popup_wrap {
	background: rgba(255, 255, 255, 0.8) !important;
}

/*
 * ====================
 * Blog Page
 * ====================
 */

.blog-container {
	padding-right: 5%;
	flex-basis: 65%;
}

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

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

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

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

.blog-header {
	margin-bottom: 10px;
	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 {
	transition: all .5s linear;
	max-width: 500px !important;
	height: auto !important;
}

.blog-container .button {
	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: 800px) {
	.blog-wrap {
		flex-direction: column;
		-webkit-flex-direction: column;
	}

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

@media screen and (max-width: 500px) {
	.blog-header {
		flex-direction: column;
		-webkit-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 .button {
		margin-top: 20px;
	}
}

/*
 * ==========================
 * Search and Error Page Form
 * ==========================
 */

.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;
}

/*
 * ====================
 * 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;
	transition: all .5s linear;
}

.search article:hover {
	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%;
	flex-basis: 65%;
}

@media screen and (max-width: 800px) {
	.search-wrap {
		flex-direction: column;
		-webkit-flex-direction: column;
	}

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

/*
 * ====================
 * Error Page
 * ====================
 */

.error-404 {
	text-align: center;
}

.cta {
	display: none;
}

@media screen and (max-width: 850px) {
	.cta {
		background: #222 url(assets/images/phonecall.png) no-repeat center center;
		border-top-left-radius: 40px;
		border-bottom-left-radius: 40px;
		bottom: 10px;
		display: block;
		height: 80px;
		position: fixed;
		right: 0;
		text-decoration: none;
		text-indent: -9999em;
		width: 100px;
		z-index: 999;
	}

	.grecaptcha-badge {
		bottom: 95px !important;
	}
}
.social-navigation svg {
  display: none !important;
}

.social-navigation a:before {
  font-size: 20px !important;
  position: relative; 
}

.social-navigation ul.social-links-menu {
  margin: 0;
  padding: 0;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.social-navigation ul.social-links-menu li {
  display: inline-block;
  vertical-align: bottom;
  vertical-align: -webkit-baseline-middle;
  list-style: none;
  -webkit-transition: all .3s linear;
  -o-transition: all .3s linear;
  transition: all .3s linear;
  border-radius: 50%;
}


.social-navigation ul.social-links-menu li:not(:last-of-type) { 
  display: block; 
}

.social-navigation ul.social-links-menu li:nth-child(n+2) {
  margin-left: 0.1em;
}

.social-navigation ul.social-links-menu li a {
  border-bottom: 1px solid transparent;
  display: block;
  color: #FFF;
  -webkit-transition: all .3s linear;
  -o-transition: all .3s linear;
  transition: all .3s linear;
}

.social-navigation ul.social-links-menu li:hover {
 	-webkit-transform: scale(1.3);
 	    -ms-transform: scale(1.3);
 	        transform: scale(1.3);
}


.social-navigation ul.social-links-menu li a:focus {
}

.social-navigation ul.social-links-menu li a svg {
  display: block;
  width: 32px;
  height: 32px;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
}

.social-navigation ul.social-links-menu li a svg#ui-icon-link {
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
}


.site-footer .social-navigation ul.social-links-menu {
	justify-content: flex-start;
}

.sgpb-theme-1-content p {
	color: #000 !important;
	font-size: 30px;
	text-align: center;
}