/*!

Theme Name: Sun Stopppers

Theme URI: http://underscores.me/

Author: Mike Dickerman

Author URI: https://godigitalalchemy.com/

Description: Sun Stopppers - v1

Version: 1.0.0

License: GNU General Public License v2 or later

License URI: LICENSE

Text Domain: sun_stopppers

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.



Sun Stopppers 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/

*/

/*--------------------------------------------------------------

>>> TABLE OF CONTENTS:

----------------------------------------------------------------

# Normalize

# Typography

# Elements

# Forms

# Navigation

	## Links

	## Menus

# Accessibility

# Alignments

# Clearings

# Widgets

# Content

	## Posts and pages

	## Comments

# Infinite scroll

# Media

	## Captions

	## Galleries

--------------------------------------------------------------*/

/*--------------------------------------------------------------

# Normalize

--------------------------------------------------------------*/

/* normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */

/* Document

	 ========================================================================== */

/**

 * 1. Correct the line height in all browsers.

 * 2. Prevent adjustments of font size after orientation changes in iOS.

 */
html {
	line-height: 1.15;
	-webkit-font-smoothing: antialiased;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
}

/* Sections

	 ========================================================================== */

/**

 * Remove the margin in all browsers.

 */
body {
	margin: 0;
}

/**

 * Correct the font size and margin on `h1` elements within `section` and

 * `article` contexts in Chrome, Firefox, and Safari.

 */

/* Grouping content

	 ========================================================================== */

/**

 * 1. Add the correct box sizing in Firefox.

 * 2. Show the overflow in Edge and IE.

 */
hr {
	box-sizing: content-box;
	height: 0;
	overflow: visible;
}

/**

 * 1. Correct the inheritance and scaling of font size in all browsers.

 * 2. Correct the odd `em` font sizing in all browsers.

 */
pre {
	font-family: monospace, monospace;
	font-size: 1em;
}

/* Text-level semantics

	 ========================================================================== */

/**

 * Remove the gray background on active links in IE 10.

 */
a {
	background-color: transparent;
}

/**

 * 1. Remove the bottom border in Chrome 57-

 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.

 */
abbr[title] {
	border-bottom: none;
	text-decoration: underline;
	text-decoration: underline dotted;
}

/**

 * Add the correct font weight in Chrome, Edge, and Safari.

 */
b, strong {
	font-weight: 700;
}

/**

 * 1. Correct the inheritance and scaling of font size in all browsers.

 * 2. Correct the odd `em` font sizing in all browsers.

 */
code, kbd, samp {
	font-family: monospace, monospace;
	font-size: 1em;
}

/**

 * Add the correct font size in all browsers.

 */
small {
	font-size: 80%;
}

/**

 * Prevent `sub` and `sup` elements from affecting the line height in

 * all browsers.

 */
sub, sup {
	font-size: 35%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sub {
	bottom: -.25em;
}

sup {
	top: -1.22em;
}

/* Embedded content

	 ========================================================================== */

/**

 * Remove the border on images inside links in IE 10.

 */
img {
	border-style: none;
}

/* Forms

	 ========================================================================== */

/**

 * 1. Change the font styles in all browsers.

 * 2. Remove the margin in Firefox and Safari.

 */
button, input, optgroup, select, textarea {
	font-family: inherit;
	font-size: 100%;
	line-height: 1.15;
	margin: 0;
}

/**

 * Show the overflow in IE.

 * 1. Show the overflow in Edge.

 */
button, input {
	/* 1 */
	overflow: visible;
}

/**

 * Remove the inheritance of text transform in Edge, Firefox, and IE.

 * 1. Remove the inheritance of text transform in Firefox.

 */
button, select {
	/* 1 */
	text-transform: none;
}

/**

 * Correct the inability to style clickable types in iOS and Safari.

 */
button, [type="button"], [type="reset"], [type="submit"] {
	-webkit-appearance: button;
}

/**

 * Remove the inner border and padding in Firefox.

 */
button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner {
	border-style: none;
	padding: 0;
}

/**

 * Restore the focus styles unset by the previous rule.

 */
button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring {
	outline: 1px dotted ButtonText;
}

/**

 * Correct the padding in Firefox.

 */
fieldset {
	padding: .35em .75em .625em;
}

/**

 * 1. Correct the text wrapping in Edge and IE.

 * 2. Correct the color inheritance from `fieldset` elements in IE.

 * 3. Remove the padding so developers are not caught out when they zero out

 *		`fieldset` elements in all browsers.

 */
legend {
	box-sizing: border-box;
	color: inherit;
	display: table;
	max-width: 100%;
	padding: 0;
	white-space: normal;
}

/**

 * Add the correct vertical alignment in Chrome, Firefox, and Opera.

 */
progress {
	vertical-align: baseline;
}

/**

 * Remove the default vertical scrollbar in IE 10+.

 */
textarea {
	overflow: auto;
}

/**

 * 1. Add the correct box sizing in IE 10.

 * 2. Remove the padding in IE 10.

 */
[type="checkbox"], [type="radio"] {
	box-sizing: border-box;
	padding: 0;
}

/**

 * Correct the cursor style of increment and decrement buttons in Chrome.

 */
[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button {
	height: auto;
}

/**

 * 1. Correct the odd appearance in Chrome and Safari.

 * 2. Correct the outline style in Safari.

 */
[type="search"] {
	-webkit-appearance: textfield;
	outline-offset: -2px;
}

/**

 * Remove the inner padding in Chrome and Safari on macOS.

 */
[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

/**

 * 1. Correct the inability to style clickable types in iOS and Safari.

 * 2. Change font properties to `inherit` in Safari.

 */
::-webkit-file-upload-button {
	-webkit-appearance: button;
	font: inherit;
}

/* Interactive

	 ========================================================================== */

/*

 * Add the correct display in Edge, IE 10+, and Firefox.

 */
details {
	display: block;
}

/*

 * Add the correct display in all browsers.

 */
summary {
	display: list-item;
}

/* Misc

	 ========================================================================== */

/**

 * Add the correct display in IE 10+.

 */
template {
	display: none;
}

/**

 * Add the correct display in IE 10.

 */
[hidden] {
	display: none;
}

/*--------------------------------------------------------------

# Typography

--------------------------------------------------------------*/
body, button, input, select, optgroup, textarea {
	color: #404040;
	font-family: "proxima-nova", sans-serif;
	font-size: 17px;
	line-height: 26px;
}

h1, h2, h3, h4, h5, h6 {
	font-family: "proxima-nova", sans-serif;
	font-weight: 700;
	clear: both;
}

h1 {
	font-size: 60px;
}

h2 {
	font-size: 55px;
}

h3 {
	font-size: 40px;
}

h4 {
	font-size: 25px;
}

h5 {
	font-size: 21px;
}

h6 {
	font-size: 16px;
}

p {
	margin-bottom: 1.5em;
}

dfn, cite, em, i {
	font-style: italic;
}

blockquote {
	margin: 0 1.5em;
}

address {
	margin: 0 0 1.5em;
}

pre {
	background: #eee;
	font-family: "Courier 10 Pitch", Courier, monospace;
	font-size: 14px;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}

code, kbd, tt, var {
	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
	font-size: 15px;
	font-size: .9375rem;
}

abbr, acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

mark, ins {
	background: #fff9c0;
	text-decoration: none;
}

big {
	font-size: 125%;
}

/*--------------------------------------------------------------

# Elements

--------------------------------------------------------------*/
html {
	box-sizing: border-box;
}

*, *:before, *:after {
	/* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see https://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
	box-sizing: inherit;
}

body {
	background: #fff;
}

hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}

ul, ol {
	margin: 0 0 1.5em 3em;
	padding: 0;
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

li > ul, li > ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}

dt {
	font-weight: bold;
}

dd {
	margin: 0 1.5em 1.5em;
}

img {
	height: auto;
	max-width: 100%;
	image-rendering: -webkit-optimize-contrast;
}

figure {
	margin: 1em 0;
}

table {
	margin: 0 0 1.5em;
	width: 100%;
}

/*--------------------------------------------------------------

# Forms

--------------------------------------------------------------*/
button, input[type="button"], input[type="reset"], input[type="submit"] {
	font-family: "proxima-nova", sans-serif;
	font-weight: 600;
	border: none;
	border: 1px solid #565150;
	border-radius: 30px;
	background: #565150;
	color: #fff;
	font-size: 17px;
	line-height: 30px;
	outline: 0;
}

button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover {
	background-color: #d2b48c;
	border: 1px solid #d2b48c;
}

button:active, button:focus, input[type="button"]:active, input[type="button"]:focus, input[type="reset"]:active, input[type="reset"]:focus, input[type="submit"]:active, input[type="submit"]:focus {
	background-color: #d2b48c;
	border: 1px solid #d2b48c;
}

input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea {
	font-family: "proxima-nova", sans-serif;
	font-weight: 400;
	color: #666;
	border-radius: 3px;
	border: 1px solid #ccc;
	padding: 5px 10px;
	height: 35px;
	outline: 0;
	line-height: 25px;
}

input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="number"]:focus, input[type="tel"]:focus, input[type="range"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="time"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="color"]:focus, textarea:focus {
	color: #111;
}

select {
	border: 1px solid #ccc;
}

textarea {
	width: 100%;
	height: 150px;
}

/*--------------------------------------------------------------

# Navigation

--------------------------------------------------------------*/

/*--------------------------------------------------------------

## Links

--------------------------------------------------------------*/
a {
	color: inherit;
}

a:visited {}

a:hover, a:focus, a:active {}

a:focus {
	outline: 0;
}

a:hover, a:active {
	outline: 0;
}

a:hover, a:focus {
	color: #1d1d1d;
}

/*--------------------------------------------------------------

## Menus

--------------------------------------------------------------*/
.main-navigation {
	clear: both;
	display: block;
	float: left;
	width: 100%;
}

.main-navigation ul {
	display: none;
	list-style: none;
	margin: 0;
	padding-left: 0;
}

.main-navigation ul ul {
	box-shadow: 0 3px 3px rgba(0, 0, 0, .2);
	float: left;
	position: absolute;
	top: 100%;
	left: -999em;
	z-index: 99999;
}

.main-navigation ul ul ul {
	left: -999em;
	top: 0;
}

.main-navigation ul ul li:hover > ul, .main-navigation ul ul li.focus > ul {
	left: 100%;
}

.main-navigation ul ul a {
	width: 200px;
}

.main-navigation ul li:hover > ul, .main-navigation ul li.focus > ul {
	left: auto;
}

.main-navigation li {
	float: left;
	position: relative;
}

.main-navigation a {
	display: block;
	text-decoration: none;
}

/* Small menu. */
.menu-toggle, .main-navigation.toggled ul {
	display: block;
}

@media screen and (min-width: 37.5em) {
	.menu-toggle {
		display: none;
	}
	
	.main-navigation ul {
		display: block;
	}
}

.site-main .comment-navigation, .site-main

.posts-navigation, .site-main

.post-navigation {
	margin: 0 0 1.5em;
	overflow: hidden;
}

.comment-navigation .nav-previous, .posts-navigation .nav-previous, .post-navigation .nav-previous {
	float: left;
	width: 50%;
}

.comment-navigation .nav-next, .posts-navigation .nav-next, .post-navigation .nav-next {
	float: right;
	text-align: right;
	width: 50%;
}

/*--------------------------------------------------------------

# Accessibility

--------------------------------------------------------------*/

/* Text meant only for screen readers. */
.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;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, .6);
	clip: auto !important;
	clip-path: none;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: .875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
	outline: 0;
}

/*--------------------------------------------------------------

# Alignments

--------------------------------------------------------------*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.center-block {
	float: none;
}

/*--------------------------------------------------------------

# Clearings

--------------------------------------------------------------*/
.clear:before, .clear:after, .entry-content:before, .entry-content:after, .comment-content:before, .comment-content:after, .site-header:before, .site-header:after, .site-content:before, .site-content:after, .site-footer:before, .site-footer:after {
	content: "";
	display: table;
	table-layout: fixed;
}

.clear:after, .entry-content:after, .comment-content:after, .site-header:after, .site-content:after, .site-footer:after {
	clear: both;
}

/*--------------------------------------------------------------

# Widgets

--------------------------------------------------------------*/
.widget {
	margin: 0 0 1.5em;
}

.widget  ul {
	list-style: disc inside;
	margin-left: 0;
	padding-left: 0;
}

.widget select {
	max-width: 100%;
}

/*--------------------------------------------------------------

# Content

--------------------------------------------------------------*/

/*--------------------------------------------------------------

## Posts and pages

--------------------------------------------------------------*/
.sticky {
	display: block;
}

.hentry {
	margin: 0 0 1.5em;
}

.updated:not(.published) {
	display: none;
}

.page-content, .entry-content, .entry-summary {
	margin: 1.5em 0 0;
}

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}

/*--------------------------------------------------------------

## Comments

--------------------------------------------------------------*/
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

/*--------------------------------------------------------------

# Infinite scroll

--------------------------------------------------------------*/

/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation, .infinite-scroll.neverending .site-footer {
	/* Theme Footer (when set to scrolling) */
	display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------

# Media

--------------------------------------------------------------*/
.page-content .wp-smiley, .entry-content .wp-smiley, .comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed, iframe, object {
	max-width: 100%;
}

/* Make sure logo link wraps around logo image. */
.custom-logo-link {
	display: inline-block;
}

/*--------------------------------------------------------------

## Captions

--------------------------------------------------------------*/
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption .wp-caption-text {
	margin: .8075em 0;
}

.wp-caption-text {
	text-align: center;
}

/*--------------------------------------------------------------

## Galleries

--------------------------------------------------------------*/
.gallery {
	margin-bottom: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%;
}

.gallery-columns-2 .gallery-item {
	max-width: 50%;
}

.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
	max-width: 25%;
}

.gallery-columns-5 .gallery-item {
	max-width: 20%;
}

.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}

.gallery-caption {
	display: block;
}

/*--------------------------------------------------------------

## CTA

--------------------------------------------------------------*/
.cta-btn {
	display: inline-block;
	font-family: "proxima-nova", sans-serif;
	font-weight: 700;
	font-size: 15px;
	color: #fff;
	border: 2px solid #fff;
	min-width: 158px;
	min-height: 48px;
	padding: 5px 10px;
	line-height: 34px;
	text-align: center;
}

a.cta-btn {
	color: #fff;
	text-decoration: none;
}

.cta-btn.fill {
	background-color: #fff;
	font-size: 14px;
	color: #000;
	border: 0px;
	line-height: 38px;
	letter-spacing: 1px;
}

/*--------------------------------------------------------------

## Header

--------------------------------------------------------------*/
body {
	overflow-x: hidden;
}

.header-wrap {
	width: 100%;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 1002;
}

/*--------------------------------------------------------------

## Banner Wrap

--------------------------------------------------------------*/
.banner-wrap {
	position: relative;
}

.slide {
	background-color: #333;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	height: 100vh;
	position: relative;
	font-family: "proxima-nova", sans-serif;
	font-weight: 400;
	font-size: 25px;
	color: #c6b28f;
	overflow: hidden;
}

.slide h2 {
	margin: 0;
	font-family: "proxima-nova", sans-serif;
	font-size: 50px;
	font-weight: 500;
	line-height: normal;
	color: #fff;
}

.slide p {
	line-height: normal;
	margin: 0;
}

.slide .slide-content {
	position: absolute;
	width: 100%;
	padding: 0;
	z-index: 3;
}

.slide-overlay {
	position: absolute;
	left: 0;
	top: 0;
	background: linear-gradient(to top, #000 10%, transparent);
	width: 100%;
	height: 100%;
	opacity: .8;
}

.container-wrap {
	background-color: #fff;
	position: relative;
	z-index: 100;
}

.section-row {
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	padding: 185px 0;
	position: relative;
	font-size: 22px;
	color: #a6a6a6;
	font-weight: 400;
	margin-bottom: 0px;
	overflow: hidden;
}

.container-wrap .section-row:last-child {
	margin-bottom: 0;
}

.section-row.medium-padding {
	padding: 65px 0;
}

.section-row.small-padding {
	padding: 0;
}

.section-row h2 {
	margin: 30px 0;
}

.section-row p {
	margin: 30px 0;
}

.section-row ul {
	margin: 30px 0;
}

.section-row h2 span {
	display: block;
	font-size: 40px;
}

.section-content {
	max-width: 445px;
}

.section-content .cta-btn {
	margin: 0 -3px;
}

.text-right	.section-content {
	float: right;
}

.text-left	.section-content {
	float: left;
}

.cta-row {
	padding: 80px 0 60px;
	min-height: 100%;
	font-weight: 300;
	color: #424242;
}

.cta-row h2 {
	margin: 20px 0;
}

.cta-row p {
	line-height: normal;
}

.cta-row .container {
	position: relative;
}

.sep {
	content: "";
	display: block;
	background-color: #b6a285;
	width: 3px;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
}

.cta-row .container .sep {
	left: calc(41.66666667% - 35px);
}

.cta-row .col-lg-5 .row-col {
	padding-right: 35px;
}

.cta-row .col-lg-7 .row-col {
	padding-left: 35px;
}

.cta-row .row-col p:first-child {
	margin-top: 0;
}

.cta-row .row-col p:last-child {
	margin-bottom: 0;
}

.cta-row.vertical-middle .col-lg-7 .row-col {}

.cta-row.vertical-middle .row-col {
	height: 144px;
}

.cta-row.vertical-middle h2 {
	margin: 0;
}

.cta-row.vertical-middle figure {
	max-width: 300px;
	margin: 0 auto;
	display: block;
}

.cta-row.vertical-middle h2, .cta-row.vertical-middle p, .cta-row.vertical-middle figure, .cta-row.vertical-middle .cta-btn {
	position: relative;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
}

.cta-row .cta-btn {
	float: right;
}

.information-row {
	padding: 85px 0;
	color: #fff;
	font-size: 16px;
}

.information-row .row {
	position: relative;
}

.information-row .row-col-header {
	margin: 0 0 70px;
}

.information-row .row .sep {
	background-color: #797979;
	left: 50%;
}

.information-row .col-lg-6 .row-col {
	padding-right: 125px;
}

.information-row .sep + .col-lg-6 .row-col {
	padding-left: 125px;
	padding-right: 0;
}

.map-wrap .acf-map {
	width: 100%;
	height: 840px;
}

.location-info {
	max-width: 477px;
	padding: 12px 12px 12px 0px;
	clear: both;
	overflow: hidden;
}

.location-info .location-detail {
	width: calc(100% - 200px);
	float: left;
	color: #000;
}

.location-info .location-detail h6 {
	margin: 0 0 0;
}

.location-info .location-detail p {
	line-height: 20px;
	margin: 0 0 25px;
}

.location-info .location-detail p:last-child {
	margin-bottom: 0;
}

.location-info .location-detail a {
	color: #f99d1b;
	text-decoration: none;
}

.location-info figure {
	background-color: #fff;
	width: 195px;
	padding: 5px;
	float: right;
	margin: 0;
	box-shadow: 0 0 5px rgba(0, 0, 0, .55);
}

.location-info figure img {
	width: auto;
	max-width: 100%;
}

.contact-row {
	padding-bottom: 145px;
}

.info-row-heading {
	background-color: #0c7894;
	padding: 30px 40px;
	margin: 0 0 60px;
	color: #fff;
	box-shadow: 0 0 20px rgba(0, 0, 0, .6);
}

.info-row-heading h3 {
	margin: 0 0 5px;
}

.info-row-heading h4 {
	margin: 0;
	font-weight: 300;
}

.info-row-col {
	display: inline-table;
	vertical-align: top;
	float: none;
	padding: 40px;
	margin-right: -4px;
}

.info-row-col .info-col-content {
	background-color: #fff;
	box-shadow: 0px 0px 20px rgba(0, 0, 0, .33);
	padding: 0 30px 35px;
	min-height: 345px;
	text-align: center;
	color: #424242;
	font-size: 16px;
}

.info-col-content h5 {
	font-size: 23px;
	margin-bottom: 3px;
}

.info-col-content h6 {
	font-weight: 600;
	margin: 0 0 30px;
}

.info-col-content .col-icon {
	background-color: #0c7894;
	width: 60px;
	height: 60px;
	border-radius: 30px;
	display: block;
	margin: 0 auto -7px;
	position: relative;
	top: -30px;
	color: #fff;
	text-align: center;
	line-height: 60px;
	font-size: 25px;
}

.info-col-content hr {
	background-color: #0c7894;
	width: 75px;
	height: 4px;
	border: 0;
	margin: 0 auto 20px;
	display: block;
}

.info-col-content ul {
	text-align: left;
	padding: 0 0 0 20px;
	margin: 0;
}

.gallery-row {
	background-color: #f9f6f1;
}

.gallery-content ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

.gallery-content ul li {
	width: 33.33%;
	display: block;
	float: left;
	padding: 15px;
}

.gallery-content ul li img {
	width: 100%;
	height: 350px;
	border: 4px solid #fff;
	display: block;
	object-fit: cover;
	object-position: center center;
	box-shadow: 0 0 10px rgba(0, 0, 0, .25);
}

.columns-content {
	color: #414141;
	float: none;
	display: inline-table;
	vertical-align: top;
	margin: 0 -4px 0 0;
	padding: 30px;
	font-size: 16px;
}

.columns-content figure {
	display: block;
	margin: 0 0 30px;
}

.columns-content figure img {
	display: block;
	width: 100%;
	height: 175px;
	object-fit: cover;
	object-position: center center;
}

.columns-content h5 {
	margin: 0 0 10px;
	color: #97080f;
}

.columns-content h5 a {
	color: inherit;
	text-decoration: none;
}

.columns-content p {
	line-height: normal;
	margin-top: 0;
}

.columns-content .meta-row {
	color: #b6a285;
	margin: 0 0 18px;
}

.columns-content .meta-row a {
	color: inherit;
	text-decoration: none;
}

.columns-content .cta-btn.fill {
	background-color: #97080f;
	color: #fff;
}

.modal-popup {
	max-width: 700px;
	font-family: "proxima-nova", sans-serif;
	font-weight: 300;
}

.modal-popup figure {
	max-width: 650px;
	margin: 0 auto 50px;
}

.modal-popup figure img {
	width: 100%;
	height: 250px;
	display: block;
	object-fit: cover;
	object-position: center center;
}

.modal-popup h5 {
	color: #97080f;
	margin: 0 0 12px;
}

.modal-popup h5 a {
	color: inherit;
	text-decoration: none;
}

.modal-popup .meta-row {
	color: #b6a285;
	margin: 0 0 30px;
}

.modal-popup .meta-row a {
	color: inherit;
}

.modal-popup p {
	line-height: normal;
	margin: 30px 0;
}

.modal-popup ul {
	margin: 30px 0;
	padding: 0 0 0 20px;
}

.modal-popup ul li {
	line-height: normal;
}

.modal-popup .cta-btn.fill {
	background-color: #97080f;
	color: #fff;
	margin-top: 70px;
}

.modal-popup .fancybox-close-small:after {
	background-color: #97080f;
	color: #fff;
}

.video-row {
	padding: 55px 0;
}

.video {
	border: 5px solid #fff;
	box-shadow: 0 0 10px rgba(0, 0, 0, .35);
	margin: 0 0 40px;
}

.video .item-video {
	height: 680px;
}

.video-thumb-row {
	text-align: center;
}

.video-thumb-row .video-thumb {
	display: inline-block;
	width: 223px;
	height: 126px;
	border: 5px solid #fff;
	box-shadow: 0 0 10px rgba(0, 0, 0, .35);
}

.video-thumb-row .video-thumb img {
	display: block;
	width: 223px;
	height: 117px;
	object-fit: cover;
	object-position: center center;
}

#sync1, #sync2 {
	overflow: hidden;
}

.content-sidebar-row {
	padding: 0 15px;
	margin-bottom: 0;
	font-size: 16px;
}

.content-sidebar {
	width: 385px;
	float: left;
}

.sidebar-nav {
	position: relative;
	padding-top: 4px;
	padding-right: 4px;
}

.sidebar-nav:before {
	content: "";
	width: 6000px;
	height: 100%;
	border-top: 1px solid #e1f1b5;
	border-right: 1px solid #e1f1b5;
	position: absolute;
	right: 0;
	top: 0;
}

.sidebar-nav ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

.sidebar-nav ul li {
	display: block;
	position: relative;
	margin-bottom: 3px;
}

.sidebar-nav ul li:before {
	background-color: #effad1;
	border: 1px solid #e1f1b5;
	border-left: 0;
	height: 100%;
	width: 6000px;
	content: "";
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 99;
}

.sidebar-nav ul li a {
	text-align: right;
	padding: 25px 60px 25px 60px;
	display: block;
	font-size: 21px;
	text-decoration: none;
	color: #8dc002;
	position: relative;
	z-index: 100;
}

.sidebar-nav ul li:last-child {
	margin-bottom: 0;
}

.sidebar-nav ul li:last-child:after {
	border-bottom: 0;
}

.sidebar-nav ul li a:after {
	font-family: "Font Awesome 5 Pro";
	content: "";
	display: block;
	position: absolute;
	right: 30px;
	top: 50%;
	transform: translateY(-50%);
}

.sidebar-nav ul li.current:before {
	background-color: #f9fcf1;
	border-color: #f9fcf1;
	border-top-color: #e1f1b5;
	border-bottom-color: #e1f1b5;
	height: 100%;
	top: 0;
	right: -4px;
}

.sidebar-nav ul li:first-child.current:before {
	height: calc(100% + 3px);
	top: -3px;
	border-color: #f9fcf1;
	border-top-color: #f9fcf1;
	border-bottom-color: #e1f1b5;
}

.content-mian {
	width: calc(100% - 385px);
	background-color: #f9fcf1;
	border-left: 1px solid #e1f1b5;
	border-top: 1px solid #e1f1b5;
	padding: 20px 50px;
	position: relative;
	left: -1px;
	margin-left: -1px;
	float: left;
}

.content-mian:after {
	content: "";
	display: block;
	background-color: #f9fcf1;
	border-top: 1px solid #e1f1b5;
	position: absolute;
	width: 6000px;
	height: calc(100% + 1px);
	left: 100%;
	top: -1px;
}

.content-mian {
	color: #414141;
}

.content-mian strong {
	font-weight: 700;
	color: #8dc002;
}

.content-mian  p {
	margin: 25px 0;
}

.content-mian h1, .content-mian h2, .content-mian h3, .content-mian h4, .content-mian h5, .content-mian h6 {
	margin: 25px 0;
}

.panes {
	display: none;
}

.videotab-container .ug-theme-panel {
	visibility: hidden;
}

.videotab-container .ug-strip-panel {
	visibility: visible;
}

.hamburger-menu {
	display: none;
}

.hamburger-menu {
	margin: 15px 15px 15px 0;
	width: 30px;
	height: 25px;
	position: relative;
	float: right;
	cursor: pointer;
}

.hamburger-menu span {
	display: block;
	background-color: #fff;
	width: 100%;
	height: 3px;
	position: absolute;
	left: 0;
	top: 0;
	transform: rotate(0);
	-webkit-transform: rotate(0);
	transition: transform .2s ease;
	-webkit-transition: transform .2s ease;
}

.hamburger-menu span:nth-child(1) {
	top: 3px;
}

.hamburger-menu span:nth-child(2) {
	top: 12px;
}

.hamburger-menu span:nth-child(3) {
	top: 20px;
}

.hamburger-menu.active span:nth-child(1) {
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	top: 11px;
}

.hamburger-menu.active span:nth-child(2) {
	display: none;
}

.hamburger-menu.active span:nth-child(3) {
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	top: 11px;
}

.section-row.error-404 {
	font-family: "proxima-nova", sans-serif;
	font-weight: 300;
	color: #3b3e43;
	font-size: 16px;
	margin-top: 180px;
}

.error-404 h3 {
	font-family: "proxima-nova", sans-serif;
	font-weight: 300;
	font-weight: 300;
	font-size: 32px;
	color: #757575;
}

.error-404 .cta-btn {
	border-color: #303030;
	color: #000;
	padding: 5px 30px;
	border-radius: 3px;
}

.error-404 .cta-btn:hover {
	background-color: #fbc242;
	border-color: #fbc242;
}

.content-section {
	padding: 35px 0;
}

.gform_wrapper div.validation_error {
	background-color: #f1c40f;
}

body .gform_wrapper .gform_confirmation_message, body .gform_wrapper div.validation_error {
	position: relative;
	padding: 17px 30px;
	color: #fff;
	margin-left: 0;
	margin-right: 0;
	font-weight: 500;
	font-size: 15px;
	letter-spacing: 1px;
	border: none;
}

.header-wrap.no-banner + .container-wrap {
	margin-top: 180px;
}

.single-map-wrap {
	background-color: #666;
}

.single-map-wrap .acf-map {
	height: 450px;
}

.single-map-wrap .location-info .location-detail {
	width: auto;
	float: none;
}

.contact-wrap {
	padding: 40px 0 90px;
}

.section-myaccount {}

.section-myaccount h3 {
	margin: 0 0 40px;
}

.section-myaccount label {
	display: none;
}

.section-myaccount input[id="user_login"] {
	display: block;
	width: 100%;
}

.information-row p a {
	color: #b6a285;
}

.page-id-396 ul {
	margin-left: 0;
}

.easy_youtube_gallery.col-4.video-gallery .eytg-item {
	width: calc(25% - 4px);
	margin: 0 2px;
	padding: 5px;
	background: white;
	border: 1px solid #ddd;
}

.easy_youtube_gallery .eytg-item .eytg-title {
	position: absolute;
	z-index: 5;
	width: 100%;
	text-align: center;
	background: rgba(0, 0, 0, .2);
	color: #fff;
	font-size: 12px;
	text-shadow: 1px 1px 1px #000;
}

.video-gallery .eytg-item .eytg-title {
	background: #eee;
	color: #000;
	text-shadow: none;
	padding: 5px 0;
	left: 0;
}

.easy_youtube_gallery .eytg-item .eytg-title.bottom {
	bottom: 0;
	left: 0;
}

/*===========================================================

[Partners Listing]

============================================================*/
.row-eq-height {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}

.row-eq-height [class*="col-"] {
	padding-top: 15px;
	padding-bottom: 15px;
}

.information-row.two_column_text {
	color: #424242;
	font-size: 22px;
}

.information-row.two_column_text .col-lg-6 .row-col {
	padding-right: 50px;
}

/*================================[2018-04-25]=====================================*/
.home .banner-wrap, .page-template-template-home .banner-wrap {
	height: 100vh;
	background-color: #333;
	position: relative;
}

.parallax-window {
	background-attachment: fixed;
}

.solid-bg .header-bottom-wrap, .solid-bg .header-top-wrap {
	background: rgba(0, 0, 0, 1);
}

.ug-videoplayer .ug-videoplayer-button-close {
	display: none !important;
}

/*.cta-row.vertical-middle a {

	color: #0c7894;

}*/
.slide iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 116%;
	border: 0;
	z-index: 5;
}

.video_overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .1);
	z-index: 2;
}

.page-id-396 .content-section {
	padding: 30px 0;
	background-color: #f8f6f6;
}

.banner-wrap .owl-nav i {
	font-size: 100px;
	color: #fff;
}

.banner-wrap .owl-nav .owl-prev, .banner-wrap .owl-nav .owl-next {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	z-index: 99;
	height: 100px;
}

.banner-wrap .owl-nav .owl-prev {
	left: 20px;
}

.banner-wrap .owl-nav .owl-next {
	right: 20px;
}

.banner-wrap .owl-carousel {
	position: fixed;
	z-index: 1;
}

.owl-carousel .fadeIn {
	opacity: 1;
}

.anim_content {
	position: relative;
}

.footer-wrap {
	position: relative;
	z-index: 2;
	overflow: hidden;
}

.cover_image {
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	transform: scale(1.6, 1.6);
	-webkit-transform: scale(1.6, 1.6);
	-webkit-transition: all .9s ease-in-out .9s;
	-moz-transition: all .9s ease-in-out .9s;
	-o-transition: all .9s ease-in-out .9s;
	transition: all .9s ease-in-out .9s;
}

/*.home .section-row.go .cover_image {

	transform: scale(1 , 1);

	-webkit-transform: scale(1 , 1);

}*/
.home .section-row .cover_image {
	transform: scale(1, 1);
	-webkit-transform: scale(1, 1);
}

.cover_text {
	position: relative;
	z-index: 5;
}

.text-left .cover_text .section-content {
	position: relative;
	right: 100%;
	transition-property: right;
	transition: all .9s ease-in-out .9s;
}

/*.home .section-row.text-left.go .cover_text .section-content {

	right:0;

}*/
.home .section-row.text-left .cover_text .section-content, .page-template-template-home  .section-row.text-left .cover_text .section-content {
	right: 0;
}

.text-right .cover_text .section-content {
	position: relative;
	left: 100%;
	transition-property: left;
	transition: all .9s ease-in-out .9s;
}

/*.home .section-row.text-right.go .cover_text .section-content {

	left:0;

}

*/
.home .section-row.text-right .cover_text .section-content, .page-template-template-home .section-row.text-right .cover_text .section-content {
	left: 0;
}

.footer-wrap .map-wrap {
	background: #fff;
}

/*===================[Scroll-arrow]==========================*/
.down_arrow {
	display: block;
	width: 24px;
	height: 24px;
	position: absolute;
	bottom: 50px;
	left: 50%;
	transform: translateX(-50%);
	z-index: 100;
}

.chevron {
	position: absolute;
	width: 28px;
	height: 8px;
	opacity: 0;
	transform: scale3d(.5, .5, .5);
	animation: move 3s ease-out infinite;
}

.chevron:first-child {
	animation: move 3s ease-out 1s infinite;
}

.chevron:nth-child(2) {
	animation: move 3s ease-out 2s infinite;
}

.chevron:before, .chevron:after {
	content: " ";
	position: absolute;
	top: 0;
	height: 100%;
	width: 51%;
	background: #fff;
}

.chevron:before {
	left: 0;
	transform: skew(0deg, 30deg);
}

.chevron:after {
	right: 0;
	width: 50%;
	transform: skew(0deg, -30deg);
}

@keyframes move {
	25% {
		opacity: 1;
	}
	
	33% {
		opacity: 1;
		transform: translateY(30px);
	}
	
	67% {
		opacity: 1;
		transform: translateY(40px);
	}
	
	100% {
		opacity: 0;
		transform: translateY(55px) scale3d(.5, .5, .5);
	}
}

.down_arrow .text {
	display: block;
	margin-top: 75px;
	margin-left: -30px;
	font-size: 12px;
	color: #fff;
	white-space: nowrap;
	opacity: .25;
	animation: pulse 2s linear alternate infinite;
}

@keyframes pulse {
	to {
		opacity: 1;
	}
}

/*=============[2018-04-27]==================*/
.slide .slide-content.left_position {
	left: 5%;
	top: 50%;
	transform: translateY(-50%);
}

.slide .slide-content.right_position {
	right: 0;
	top: 50%;
	text-align: right;
	transform: translateY(-50%);
}

.slide .slide-content.top_position {
	left: 0;
	top: 25%;
	text-align: center;
}

.slide .slide-content.bottom_position {
	left: 0;
	bottom: 10%;
	text-align: center;
}

.slide .slide-content.center_position {
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	text-align: center;
}

.left_position .anim_content {
	right: 100%;
	transition-property: right;
}

.right_position .anim_content {
	left: 100%;
	transition-property: left;
}

.top_position .anim_content {
	bottom: 100vh;
	transition-property: bottom;
}

.bottom_position .anim_content {
	top: 100vh;
	transition-property: top;
}

.owl-item.active .left_position .anim_content {
	right: 0;
}

.owl-item.active .right_position .anim_content {
	left: 0;
}

.owl-item.active .top_position .anim_content {
	bottom: 0;
}

.owl-item.active .bottom_position .anim_content {
	top: 0;
}

.img_overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .6);
	z-index: 2;
}

.text_info .row-col {
	width: 100%;
	position: relative;
	top: 50%;
	transform: translateY(-50%);
}

/*.page-id-515 .information-row p a {

	color:#f99d1b;

}*/
.page-id-471 .content-mian {
	min-height: inherit;
}

/*==================[2018-04-30]====================*/
.page-template-template-contact .map_heading {
	background-color: #f9f9f9;
	border-top: 1px solid #ededed;
	margin-bottom: 0;
}

.all_address {
	font-size: 14px;
	line-height: 20px;
}

.all_address span {
	display: block;
}

.all_address h5 {
	padding-bottom: 20px;
	border-bottom: 1px solid #ededed;
	margin-bottom: 0;
}

.all_address h6 {
	margin-top: 25px;
	margin-bottom: 5px;
}

.all_address h6 a {
	color: #a6a6a6;
}

.all_address a {
	color: #f99d1b;
}

.all_address a:hover {
	text-decoration: underline;
}

.all_address .location-item {
	float: none;
	display: inline-block;
	margin: 0 -4px;
	vertical-align: top;
}

.vmiddle_content {
	display: table;
	width: 100%;
}

.vmiddle_content .vmiddle_inner {
	display: table-cell;
	float: none;
	vertical-align: middle;
}

.vmiddle_inner figure {
	text-align: center;
	max-width: 70%;
}

.cta-row {
	min-height: inherit;
}

.desk_btn {
	display: inline-block;
}

.mob_btn {
	display: none;
	float: left;
}

.cta-btn.mob_btn {
	padding: 3px 10px;
	line-height: 25px;
	min-height: inherit;
	margin: 5px 0 0 15px;
}

#instafeed li {
	display: none;
}

#instafeed li:nth-of-type(3n+3) {
	display: block;
}

#instafeed:after {
	clear: both;
	content: "";
	display: table;
}

#instalink_btn {
	display: none;
}

.morebtn_area {
	text-align: center;
	margin-top: 40px;
}

.morebtn_area a {
	display: inline-block;
}

/*Car Design

------------------------------*/
.simulator-title-area {
	padding: 90px 0 35px;
	text-align: center;
}

.simulator-title-area h1 {
	font-size: 48px;
	line-height: 80px;
	font-weight: 400;
	color: #000;
	padding: 0;
	margin: 0;
	text-align: left;
}

.simulator-title-area h1 strong {
	font-weight: 700;
}

.car-customizer-wrap {
	width: 100%;
	position: relative;
}

.services-block:before {
	content: "";
	display: block;
	width: 100%;
	height: 220px;
	background: linear-gradient(to bottom, rgba(255, 255, 255, .15) 0%, rgba(0, 0, 0, .15) 100%), radial-gradient(at top center, rgba(255, 255, 255, .4) 0%, rgba(0, 0, 0, .4) 120%) #989898;
	position: absolute;
	top: 24%;
	left: 0;
	z-index: -1;
}

#wind_shield_tinting_block.services-block:before {
	top: 28%;
}

.customizer-link {
	float: right;
	padding: 9px 20px;
	background: linear-gradient(#fee602, #f8991d);
	margin-left: 10px;
}

.header-bottom-wrap .customizer-link {
	display: none;
}

.customizer-link span {
	position: relative;
}

.customizer-link a {
	font-size: 14px;
	font-weight: 700;
	color: #000;
	text-decoration: none !important;
}

.customizer-link a i {
	color: #000;
	font-size: 27px;
	margin-right: 10px;
}

.car-banner {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#cdcdcd+0,201f1f+100 */
	padding: 0px 8% 0;
	overflow: hidden;
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 990;
	display: none;
}

.car-banner:before {
	background: rgba(0, 0, 0, .8);
	content: "";
	height: 100%;
	width: 100%;
	left: 0;
	top: 0;
	position: fixed;
}

.car-bg {
	position: relative;
}

.window-tint-service {
	padding-top: 25px;
}

.car-customize {
	position: relative;
	text-align: center;
}

.services {
	overflow: hidden;
	clear: both;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.services .steps {
	width: 48%;
	display: flex;
	margin-bottom: 25px;
}

.services .steps:nth-child(3) {
	width: 92%;
}

.steps .step-count {
	width: 40px;
	height: 40px;
	background-color: #57514f;
	border-radius: 50%;
	color: #fff;
	text-align: center;
	font-size: 20px;
	line-height: 40px;
	font-weight: 600;
	margin-right: 20px;
}

.services .steps:nth-child(3) .step-count {
	margin-top: 8px;
}

.steps select {
	width: calc(100% - 60px);
	height: 40px;
	border: 1px solid #d0cdcd;
	font-size: 17px;
	line-height: 24px;
	font-weight: 500;
	padding: 8px 30px 8px 15px;
	background-image: url("https://sunstoppers.com/nitropack_static/lMsxHOdsTFvnYLFKjcecEotcDJbEpxHY/assets/images/optimized/rev-6e735cd/sunstoppers.com/wp-content/themes/sun_stopppers/images/down-arrow.svg");
	background-repeat: no-repeat;
	background-size: 14px;
	background-position: 96% center;
	appearance: none;
	-webkit-appearance: none;
}

.steps select.nitro-lazy {
	background-image: none !important;
}

.variations .choosen {
	background: #efb238 !important;
}

.variations {
	position: relative;
	margin: 0 -8px;
}

.variation-box {
	display: inline-block;
	padding: 0 8px;
}

.variation-box h4 {
	position: relative;
	font-size: 13px;
	font-weight: 700;
	color: #000;
	font-family: "azo-sans-web", sans-serif;
}

.variation-box h4:before {
	content: "";
	height: 12px;
	width: 12px;
	background: white;
	position: absolute;
	left: 0px;
	top: 0;
	display: none;
}

.variation-box ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.variation-box ul li {
	display: inline-block;
	margin: 0 -2px;
	text-align: center;
}

.variation-box ul li a {
	width: 38px;
	height: 35px;
	line-height: 35px;
	display: block;
	font-size: 11px;
	color: #fff;
	font-weight: 500;
}

.variation-box ul li a:hover {
	color: #fff;
	text-decoration: none;
}

/*estimate-data*/
.estimate-data {
	padding-bottom: 50px;
}

.data-content-section {
	background: #fff;
	text-align: center;
	padding: 30px 0 0;
	position: relative;
}

.data-content-section:before {
	background: #fff;
	content: "";
	height: 100%;
	width: 100%;
	left: -100%;
	top: 0;
	position: absolute;
}

.data-content-section:after {
	background: #fff;
	content: "";
	height: 100%;
	width: 100%;
	right: -100%;
	top: 0;
	position: absolute;
}

.data-heading h2 {
	font-size: 55px;
	font-weight: 700;
	color: #565150;
	border-top: 3px solid #000;
	display: inline-block;
	padding-top: 20px;
	margin: 20px 0 90px;
}

.data-heading h2 strong {
	color: #000;
}

.data-content {
	text-align: left;
	font-size: 15px;
	color: #424242;
}

.data-content-lt {
	float: left;
	width: 50%;
	padding-right: 160px;
}

.data-content-rt {
	float: right;
	width: 50%;
}

.data-content h3 {
	color: #565150;
	font-size: 23px;
	font-weight: 500;
	margin: 0 0 35px;
}

.data-content h4 {
	font-weight: 700;
	margin: 0;
	font-size: 14px;
}

.data-content ol {
	padding: 0;
	margin: 0;
}

.data-content ol li {
	padding-left: 20px;
	position: relative;
	list-style: none;
}

.data-content ol li:after {
	content: "";
	width: 4px;
	height: 4px;
	background: #646464;
	position: absolute;
	left: 10px;
	top: 10px;
	border-radius: 50%;
}

.data-content ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.data-content ul li {
	margin-bottom: 15px;
}

.data-content ul li i {
	background: #565150;
	width: 40px;
	height: 40px;
	text-align: center;
	line-height: 40px;
	border-radius: 50%;
	float: left;
	margin: 0px 30px 12px 0;
	color: #fff;
	font-size: 21px;
	letter-spacing: .5px;
}

.data-content ul li .box {
	overflow: hidden;
}

.data-content-lt big {
	font-size: 23px;
	font-weight: 300;
}

/*change-parameter*/
.change-parameter {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	text-align: center;
}

/*.paint-protection-service{ padding-top:25px; position:relative;}*/
.paint-protection-service .data-content h3 {
	color: #8dc002;
}

.paint-protection-service .data-content ul li span {
	background: #8dc002;
}

/*.ceramic-coatings{ padding-top:25px; position:relative;}*/
.ceramic-coatings .data-content h3 {
	color: #d8277d;
}

.ceramic-coatings .data-content ul li span {
	background: #d8277d;
}

.main-nav .customizer-link {
	display: none;
}

.service_inner_block, .service_inner_block_wind {
	display: none;
}

.no-banner {
	margin-top: 182px;
}

.information-row .row-col-header h2 span {
	color: #fff !important;
}

.information-row .row-col-header h4 a {
	color: #fff !important;
}

#wind_shield_tinting_premium .data-top {
	background: #0c7894;
}

#wind_shield_tinting_premium .data-top:before {
	background: #0c7894;
}

#wind_shield_tinting_premium .data-top:after {
	background: #0c7894;
}

#wind_shield_tinting_premium .data-top h2::after {
	border-top-color: #0c7894;
}

/*Blog

-------------------------*/
.container-main.blog-section {
	max-width: 1433px;
	padding-top: 60px;
	padding-bottom: 50px;
}

.blog-row {
	width: 100%;
	display: flex;
	justify-content: space-between;
}

.blog-row .blog-left {
	width: 66%;
}

.blog-row .archive-title {
	font-size: 44px;
	line-height: 54px;
	font-weight: 300;
	padding: 0 0 20px;
	margin: 0 0 20px;
	border-bottom: #ccc 1px solid;
}

.blog-left .post-preview img {
	width: 100%;
	height: 346px;
	object-fit: cover;
	object-position: top;
}

.blog-row .blog-sidebar {
	width: 23%;
}

.post_blog {
	padding: 10px 20px 40px 0;
	border-bottom: 2px solid #999;
}

.post_blog:last-child {
	border: 0px;
}

.comments-area .form-submit .submit, .btn {
	min-width: 230px;
	background: #565150;
	display: inline-block;
	font-family: "proxima-nova", sans-serif;
	font-weight: 600;
	font-size: 17px;
	line-height: 28px;
	color: #fff;
	border: #565150 1px solid;
	min-height: 60px;
	padding: 15px 35px;
	border-radius: 100px;
	transition: all .25s ease-in-out;
}

.comments-area .form-submit .submit:hover, .btn:hover {
	background-color: #2f2f2f;
	border: #2f2f2f 1px solid;
	color: #fff;
}

.btn.transparent {
	background-color: transparent;
	border-color: #fff;
	color: #fff;
}

.btn.transparent:hover {
	background-color: #fff;
	color: #000;
}

.btn.gray {
	background-color: #2f2f2f;
	border-color: #2f2f2f;
	color: #f1f1f1;
}

.btn.gray:hover {
	background-color: #000;
	border-color: #000;
	color: #fff;
}

.btn.brown {
	background-color: #565150;
	border-color: #565150;
	color: #fff;
}

.btn.brown:hover {
	background-color: #d2b48c;
	border-color: #d2b48c;
	color: #000;
}

.btn.white {
	background-color: #fff;
	border-color: #fff;
	color: #000;
}

.btn.white:hover {
	background-color: #ddd;
	border-color: #ddd;
	color: #000;
}

.btn.yellow, .btn.yellow-ho {
	background-color: #f6c948;
	border-color: #f6c948;
	color: #fff;
}

.btn.yellow:hover {
	background-color: #2f2f2f;
	border-color: #2f2f2f;
	color: #fff;
}

.btn.yellow-ho:hover {
	background-color: #d2b48c;
	border-color: #d2b48c;
	color: #000;
}

.basic-container.default-bg .btn.yellow:hover, .basic-container.gray-bg .btn.yellow:hover {
	background-color: #fff;
	color: #f6c948;
	border-color: #fff;
}

/* .border-white{
	border-color: #fff !important;
}
.border-white:hover{
	border-color: #deac1d !important;
} */
.btn.top-gap {
	margin-top: 20px;
}

.blog .btn {
	min-height: 40px;
	padding: 5px 33px;
	min-width: 150px;
}

.full-width-pager {
	padding: 36px 0;
	background-color: #dddcdc;
}

.full-width-pager .wp-pagenavi {
	max-width: 1433px;
	padding: 0 15px;
	margin: 0 auto;
	display: flex;
	justify-content: center;
	font-family: "proxima-nova", sans-serif;
	font-size: 17px;
	font-weight: 600;
	color: #4d4c4c;
}

.full-width-pager .wp-pagenavi a, .full-width-pager .wp-pagenavi span {
	border: none;
	margin: 0 10px;
}

.entry-meta {
	margin-bottom: 15px;
}

.entry-meta a {
	color: #e18f1b;
}

.post_blog h3 {
	font-size: 34px;
}

.blog-sidebar .widget ul {
	list-style: outside;
	padding-left: 20px;
}

.blog-sidebar .widget {
	margin: 0 0 30px;
	padding: 0;
}

.blog-sidebar .search-form {
	position: relative;
}

.blog-sidebar .search-form label {
	display: block;
	width: 100%;
	font-weight: 600;
}

.blog-sidebar .search-form input[type="search"] {
	width: 100%;
	height: 40px;
	background-color: #f1f1f1;
	border: #ddd 1px solid;
	outline: none;
	font-size: 17px;
	line-height: 19px;
	font-weight: 600;
	padding: 10px 38px 10px 12px;
}

.blog-sidebar .search-form input[type="submit"] {
	width: 20px;
	height: 14px;
	position: absolute;
	top: 12px;
	right: 15px;
	z-index: 99;
	border: none;
	outline: none;
	text-indent: -9999px;
	background: url("https://sunstoppers.com/nitropack_static/lMsxHOdsTFvnYLFKjcecEotcDJbEpxHY/assets/images/optimized/rev-6e735cd/sunstoppers.com/wp-content/themes/sun_stopppers/images/search-black-arrow-right.svg") no-repeat 0 0;
	background-size: contain;
	cursor: pointer;
	padding: 0;
	min-width: 20px;
}

.blog-sidebar .search-form input[type="submit"].nitro-lazy {
	background-image: none !important;
}

.blog-sidebar ul li {
	margin-bottom: 10px;
}

nav.navigation.posts-navigation {
	padding-top: 20px;
}

.single-post h1 {
	font-size: 44px;
}

.single-post h2 {
	font-size: 36px;
}

.single-post h3 {
	font-size: 26px;
	margin-bottom: 15px;
}

.post-single-area {
	margin-bottom: 50px;
}

.post-single-area .entry-footer {
	font-weight: 700;
}

.post-single-area .entry-footer a {
	color: #d2b48c;
}

aside.widget-area .search-form label {
	width: 71%;
	margin-right: 2%;
}

aside.widget-area .search-form .search-field {
	width: 100%;
}

.fg-default.fg-gutter-15 {
	padding: 50px 0 0;
	text-align: center;
}

.blog-sidebar {
	padding-top: 40px;
}

#go-top {
	position: fixed;
	right: 50px;
	bottom: 50px;
}

.page-id-174 .map-wrap, .page-id-168 .map-wrap, .page-id-515 .map-wrap, .page-template-template-customize .map-wrap {
	display: none;
}

.recent_articles_widget .ra-post {
	text-decoration: none;
	color: #2f2f2f;
}

.recent_articles_widget .ra-post {
	margin-bottom: 25px;
	display: flex;
	justify-content: space-between;
}

.recent_articles_widget .ra-post img {
	width: 98px;
	height: 68px;
	object-fit: cover;
}

.recent_articles_widget .ra-post .rapost-info {
	width: calc(100% - 120px);
	font-size: 17px;
	line-height: 24px;
	font-weight: 600;
	color: #2f2f2f;
}

.recent_articles_widget .ra-post .rapost-info.no-prev {
	width: 100%;
}

.rapost-info span.date {
	font-size: 11px;
	line-height: 13px;
	color: #e69c19;
	font-weight: 600;
	display: block;
	margin-bottom: 5px;
}

.rapost-info p {
	margin: 0;
}

.blog-sidebar .widget select {
	width: 100%;
	font-size: 14px;
	line-height: 20px;
	padding: 10px 34px 10px 12px;
	border: 1px solid #d0d0d0;
	-webkit-appearance: none;
	background: url("https://sunstoppers.com/nitropack_static/lMsxHOdsTFvnYLFKjcecEotcDJbEpxHY/assets/images/optimized/rev-6e735cd/sunstoppers.com/wp-content/themes/sun_stopppers/images/widget-down-arrow.png") no-repeat 94% center;
	background-size: 3%;
	outline: none;
}

.blog-sidebar .widget select.nitro-lazy {
	background-image: none !important;
}

.widget .addtoany_list a.addtoany_share {
	display: none;
}

.single-post .container-main.blog-section {
	padding-top: 30px;
}

.blog-breadcrumb {
	font-size: 14px;
	line-height: 18px;
	margin-bottom: 70px;
}

.blog-breadcrumb a {
	text-decoration: none;
	color: #e69c19;
}

.single-press .blog-breadcrumb {
	margin-bottom: 20px;
}

.single-post .full-width-pager .nav-links {
	display: flex;
	justify-content: space-between;
	font-size: 17px;
	line-height: 20px;
	font-weight: 500;
}

.single-press .wp-caption .wp-caption-text {
	font-size: 14px;
}

.single-press blockquote {
	margin-bottom: 20px;
}

/*=============================================================================

[Customize your car]

=============================================================================*/
.page-template-template-customize .car-banner {
	display: block !important;
	position: relative;
}

.page-template-template-customize .car-banner:before {
	display: none;
}

.page-template-template-customize .customizer-link, .page-template-template-customize .header-bottom-wrap .customizer-link {
	display: none;
}

/* ==========================================================================

   Galleries-page

   ========================================================================== */
.galleries-section {
	background-color: #f1f1f1;
	padding: 0px;
}

.gallery-text {
	padding-top: 50px;
}

.image-box {
	background-color: #fff;
	margin: 0 0 20px 0;
}

.vicon-pos {
	position: relative;
	display: block;
}

.vplayicon {
	width: 40px;
	height: 40px;
	background: url("https://sunstoppers.com/nitropack_static/lMsxHOdsTFvnYLFKjcecEotcDJbEpxHY/assets/images/optimized/rev-6e735cd/sunstoppers.com/wp-content/themes/sun_stopppers/images/btn-play.svg") no-repeat 0 0;
	background-size: contain;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
}

.vplayicon.nitro-lazy {
	background-image: none !important;
}

.photo-gallery:first-child .vplayicon {
	width: 60px;
	height: 60px;
}

.image-box img {
	height: 200px;
	object-fit: cover;
	width: 100%;
}

.image_title {
	padding: 12px;
	text-align: center;
	display: table;
	width: 100%;
	min-height: 76px;
}

.image_title h6 {
	font-size: 16px;
	line-height: 22px;
	color: #404040;
	display: table-cell;
	vertical-align: middle;
}

.image_title h6 a {
	text-decoration: none;
}

.image_title h6 a:hover {
	color: #b6a285;
}

.gallery-box {
	margin: -2px;
	overflow: hidden;
}

.image-gallery-box {
	width: 25%;
	padding: 2px;
	float: left;
}

.image-gallery-box img {
	width: 100%;
	height: 250px;
	object-fit: cover;
}

.gallery-box img {
	height: 250px;
	object-fit: cover;
	width: 25%;
	padding: 2px;
	float: left;
	border: 0;
	outline: 0;
	cursor: pointer;
}

/*=========================================[loaner-module]====================================*/
.loaner-module {
	min-height: 450px;
	padding: 320px 34px 40px;
	background-position: 0 0;
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
	position: relative;
}

.loaner-module:after {
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: url("https://sunstoppers.com/nitropack_static/lMsxHOdsTFvnYLFKjcecEotcDJbEpxHY/assets/images/optimized/rev-6e735cd/sunstoppers.com/wp-content/themes/sun_stopppers/images/loaner-module-overlay.png") repeat-x 0 bottom;
	z-index: 1;
}

.loaner-module .row {
	position: relative;
	z-index: 10;
}

.loaner-module .loaner-desc {
	color: #fff;
	font-weight: 200;
}

img.lazy {
	display: block;
	background-image: url("https://sunstoppers.com/nitropack_static/lMsxHOdsTFvnYLFKjcecEotcDJbEpxHY/assets/images/optimized/rev-6e735cd/sunstoppers.com/wp-content/themes/sun_stopppers/images/ajax-loader.gif");
	background-repeat: no-repeat;
	background-position: 50% 50%;
}

img.lazy.nitro-lazy {
	background-image: none !important;
}

/* ==========================================================================

   Media Queries

   ========================================================================== */
.gallery-nav {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}

.gallery-nav a {
	display: block;
	font-size: 16px;
	font-weight: 600;
	color: #000;
	padding: 20px;
	text-align: center;
}

.gallery-nav img {
	height: 70px;
	max-width: 120px;
	object-fit: contain;
}

/*.gallery-nav a:hover, .gallery-nav a.is-checked {
	text-decoration: none;
	background-color: #F6C948;
	color:#000;
}*/
.column-box-row {
	background-color: #fff;
	padding: 80px 0;
}

.column-box-row .col-lg-4 {
	display: inline-table;
	vertical-align: top;
	float: none;
}

.column-box {
	text-align: left;
	margin: 0 0 40px 0;
}

.column-box img {
	height: 250px;
	width: 100%;
	object-fit: cover;
	margin: 0 0 40px 0;
}

.column-box p {
	color: #404040;
	font-family: "proxima-nova", sans-serif;
	font-size: 17px;
	margin: 0 0 20px 0;
}

.column-box h4 {
	color: #404040;
	font-family: "proxima-nova", sans-serif;
	font-size: 20px;
	font-weight: 600;
	margin: 0 0 15px 0;
}

.column-box-row h3 {
	color: #404040;
	font-family: "proxima-nova", sans-serif;
	font-size: 32px;
	line-height: normal;
	font-weight: 600;
	margin: 0 0 50px 0;
}

.controll-area {
	display: flex;
	margin-bottom: 100px;
}

.controll-area .customize-options, .controll-area .customize-option {
	width: 50%;
}

.controll-area .estimate-output {
	width: 40%;
	padding-left: 10%;
}

.estimate-output h2 {
	font-size: 24px;
	line-height: 30px;
	font-weight: 700;
	color: #2f2f2f;
	padding: 0;
	margin: 0;
}

.estimate-output h2 span {
	color: #565150;
}

.estimate-output .email-cta {
	width: 240px;
	height: 40px;
	min-width: 240px;
	min-height: 40px;
	padding: 0;
	border: none;
	text-align: center;
	font-size: 17px;
	line-height: 40px;
	font-weight: 600;
	cursor: pointer;
	border-radius: 20px;
	background-color: #f6c948;
	color: #000;
	margin-top: 20px;
	transition: all .5s ease-in-out;
}

.estimate-output .email-cta:hover {
	background-color: #57514f;
	color: #fff;
}

.email-overlay {
	background-color: rgba(0, 0, 0, .6);
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	position: fixed;
	z-index: 1200;
	display: none;
}

.email-container {
	background-color: #fff;
	width: 640px;
	position: fixed;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	z-index: 1201;
	display: none;
}

.email-content-holder {
	position: relative;
	padding: 20px;
}

.email-content-holder .email-content-holder-col {
	width: calc(50% - 10px);
	float: left;
	margin: 7px 5px;
}

.email-content-holder label {
	display: block;
}

.email-content-holder input[type="email"], .email-content-holder input[type="text"], .email-content-holder input[type="tel"], .email-content-holder select {
	width: 100%;
	height: 40px;
	font-size: 17px;
	padding: 10px 15px;
	line-height: 20px;
	display: block;
}

.email-content-holder input[type="submit"], .email-content-holder .gform_wrapper .gform_footer input[type="submit"] {
	background: linear-gradient(#fee602, #f8991d);
	width: 100px;
	height: 40px;
	display: block;
	font-size: 17px;
	color: #000;
	border: 0;
	border-radius: 0;
	letter-spacing: 2px;
	cursor: pointer;
	margin: 0 auto 0;
	position: relative;
	top: 5px;
}

.email-content-holder .email-close-btn {
	background-color: #fff;
	width: 26px;
	height: 26px;
	font-size: 26px;
	line-height: 26px;
	position: absolute;
	right: -14px;
	top: -14px;
	border-radius: 13px;
	cursor: pointer;
}

.email-content-holder .notification {
	display: none;
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: #fff;
	left: 0;
	top: 0;
	padding: 20px;
	font-size: 20px;
}

.email-content-holder .gform_wrapper .gform_footer {
	padding: 0;
	margin: 10px 0 0;
}

.email-content-holder .gform_confirmation_message {
	padding: 20px;
	font-size: 20px;
}

.popup-cta {
	position: absolute;
	right: 0;
	bottom: -20px;
	padding: 14px 20px 10px;
	font-weight: 700;
	color: #000;
	background: linear-gradient(#fee602, #f8991d);
	min-width: 200px;
	text-align: center;
	border-radius: 7px 7px 0 0px;
	font-size: 14px;
	box-shadow: 0 0 7px rgba(0, 0, 0, .17);
	cursor: pointer;
	transition: all .3s ease;
	-webkit-transition: all .3s ease;
}

.popup-cta.hide-pop {
	bottom: -30px;
}

.popup-cta-content {
	position: absolute;
	right: 0;
	bottom: -30px;
	padding: 20px;
	background-color: #fff;
	box-shadow: 0 0 7px rgba(0, 0, 0, .17);
	width: 380px;
	border-radius: 7px 7px 0 0px;
	text-align: center;
	transition: all .3s ease;
	-webkit-transition: all .3s ease;
}

.popup-cta-content.show-pop {
	bottom: -20px;
}

.popup-cta-content .icon-box {
	width: 70px;
	height: 70px;
	border: 5px solid #000;
	float: left;
}

.popup-cta-content .icon-box img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center center;
}

.popup-cta-content .icon-box-label {
	overflow: hidden;
	color: #000;
	font-family: "proxima-nova", sans-serif;
	font-weight: 700;
	font-size: 25px;
	padding: 30px 0px 0;
}

.popup-cta-content .icon-box-desc {
	font-family: "proxima-nova", sans-serif;
	font-size: 14px;
	color: #323232;
	clear: both;
	width: 100%;
	padding: 15px 0 25px;
}

.popup-cta-content .cta-btn {
	background-color: #f99d1b;
	color: #fff;
	padding: 5px 20px;
	cursor: pointer;
}

.popup-cta-content .popup-cta-close {
	width: 25px;
	height: 21px;
	position: absolute;
	right: 5px;
	top: 5px;
	color: #000;
	font-size: 20px;
	text-align: center;
	line-height: 25px;
}

.customizer-link.mobile {
	display: none;
}

.wpvl_auto_thumb_box, .video_lightbox_auto_anchor_image {
	width: 100%;
	height: auto;
}

.wpvl_auto_thumb_play {
	left: 50%;
	top: 50%;
	margin: -24px 0 0 -24px;
}

.page-id-170 .panes h5 a {
	text-transform: none;
}

/*Tesla
---------------------*/
.no-banner .tesla {
	margin-top: -182px;
	position: relative;
}

.tesla .slide .slide-content {
	top: 50%;
	transform: translateY(-30%);
	color: #fff;
}

.tesla .play-btn {
	margin-top: 32px;
	display: inline-flex;
	align-items: center;
	border: 1px solid;
	font-weight: 400;
	min-height: 40px;
	line-height: 28px;
}

.tesla .play-btn i {
	font-size: 24px;
	margin-right: 15px;
}

.tesla .cta-btn.fill {
	padding: 10px 22px;
	font-size: 17px;
	background: #fdb71c;
	color: #444;
}

.tesla .result-row {}

.tesla .result-row .sep-top {
	background-color: #c20a29;
	left: 0;
	top: -10px;
	width: 100%;
	height: 3px;
}

.tesla .slide p {
	margin-bottom: 40px;
}

.tesla .slide h1, .tesla .slide h2 {
	font-size: 46px;
	font-weight: 800;
	text-transform: uppercase;
	margin: 0 0 45px;
}

.tesla .slide {
	font-size: 24px;
}

.tesla .result-row {
	padding: 85px 0;
	color: #fff;
	font-size: 17px;
}

.tesla .result-row h2 {
	color: #444 !important;
	font-size: 30px;
	text-transform: none;
}

.tesla .result-row {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 0 0;
}

.tesla .result-row p {
	color: #5a5a5a !important;
}

.tesla .result-row .sep-top + .col-lg-6 .row-col {
	padding-left: 10px;
	padding-right: 95px;
}

.tesla .result-row .col-lg-6 .row-col {
	padding-right: 20px;
	padding-left: 125px;
}

.tesla .result-row .row .sep-top {
	width: calc(100% - 250px);
	margin: 0 140px;
}

.tesla .video-box {
	margin: 0 auto 72px;
	max-width: 760px;
	text-align: center;
	position: relative;
}

.tesla .video-box .play {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	font-size: 66px;
	color: #fff;
}

.model-x-windshield {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 0 0;
	padding: 124px 0 130px;
	background-color: #000414;
}

.model-x-windshield h2 {
	color: #fff;
	margin-bottom: 47px;
}

.transferable-warranty {
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#91041e+0,49020f+100 */
	background: #91041e;
	background: -moz-linear-gradient(top, #91041e 0%, #49020f 100%);
	background: -webkit-linear-gradient(top, #91041e 0%, #49020f 100%);
	background: linear-gradient(to bottom, #91041e 0%, #49020f 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#91041e", endColorstr="#49020f", GradientType=0);
	/* IE6-9 */
	padding: 52px 0 60px;
	position: relative;
}

.transferable-warranty .row {
	display: flex;
	align-items: center;
}

.tw_inner {
	width: 50%;
}

.sep-mid {
	display: block;
	background-color: #fdb71c;
	width: 4px;
	height: calc(100% - 112px);
	position: absolute;
	left: 50%;
	top: 52px;
	bottom: 60px;
}

.tw_inner h3 {
	color: #fff;
	font-size: 30px;
}

.tw_inner ul {
	margin: 0;
	padding: 10px 0 10px 50px;
}

.tw_inner ul li {
	color: #fff;
	font-size: 20px;
	font-weight: 500;
}

.other_services {
	padding: 120px 0;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 0 0;
}

.other_services center {
	margin-bottom: 90px;
}

.other_services-box-row {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}

.other_services-box-col {
	width: 50%;
}

.other_services h2 {
	font-size: 46px;
	margin: 0;
}

.other_services h4 {
	font-size: 30px;
	color: #fdb71c;
	font-weight: 700;
}

.other_services-box-col {
	font-size: 17px;
	line-height: 26px;
}

.other_services-box-col:first-child {
	padding-right: 95px;
}

.other_services-box-col ul {
	padding: 0;
	margin: 0 0 40px;
	list-style-position: inside;
}

.other_services-box-col ul li {
	font-size: 20px;
	color: #909090;
	line-height: 30px;
}

.btn.red {
	background: #91041e;
	font-size: 17px;
	color: #fff;
	border-radius: 0;
	padding: 20px 25px;
	line-height: normal;
	margin-top: 30px;
	font-weight: 400;
}

.tesla .other_services-box-col .video-box {
	margin-bottom: 0;
}

.video-section-area {
	padding: 115px 0;
	background-size: cover !important;
	background-repeat: no-repeat !important;
	background-position: 0 0 !important;
}

.video-section {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}

.video-section-box {
	width: 50%;
}

.video-section-box.lt {
	width: 50%;
}

.video-section-box.rt {
	width: 50%;
	padding-left: 110px;
	color: #fdb71c;
	font-size: 30px;
	line-height: 45px;
}

.tesla .video-section .video-box {
	margin-bottom: 0;
}

.video-section-area.reverse .video-section {
	flex-direction: row-reverse;
}

.video-section-area.reverse .video-section-box.rt {
	padding-left: 0px;
	padding-right: 110px;
}

.transferable-warranty.white {
	background: #fff;
	padding: 125px 0 85px;
}

.transferable-warranty.white .row {
	align-items: flex-start;
}

.transferable-warranty.white .sep-mid {
	background: #91041e;
}

.transferable-warranty.white .tw_inner {
	color: #000;
}

.transferable-warranty.white .tw_inner ul {
	margin-bottom: 34px;
	padding-top: 0;
}

.transferable-warranty.white .tw_inner ul li {
	color: #909090;
	font-size: 20px;
	line-height: normal;
	margin-bottom: 15px;
}

.transferable-warranty.white .tw_inner h2 {
	color: #444;
	font-size: 46px;
	line-height: 46px;
	margin: 0 0 10px;
}

.transferable-warranty.white .tw_inner h4 {
	color: #fdb71c;
	font-size: 30px;
	margin: 0 0 20px;
	line-height: 37px;
}

.transferable-warranty.white .tw_inner p {
	padding-right: 170px;
}

.transferable-warranty.white .btn.red {
	margin: 0 0 0 32px;
}

.makes-different {
	color: #fff;
	padding: 120px 0;
	background-size: cover !important;
	background-repeat: no-repeat !important;
	background-position: 0 0 !important;
}

.makes-different .row {
	max-width: 980px;
	margin: 0 auto;
}

.makes-different h2 {
	color: #fff;
	margin-bottom: 50px;
}

.makes-different p {
	margin-bottom: 50px;
}

.makes-different p:last-child {
	margin-bottom: 0px;
}

.makes-different ul {
	margin-bottom: 50px;
	list-style: none;
	padding: 0 0 0 10px;
}

.makes-different ul li {
	margin-bottom: 0px;
	color: #fdb71c;
	font-size: 20px;
	line-height: 40px;
	position: relative;
	font-weight: 400;
}

.makes-different ul li:before {
	content: "";
	color: #fdb71c;
	font-size: 14px;
	font-family: "Font Awesome 5 Pro";
	position: absolute;
	left: -22px;
	top: -1px;
}

#wpsl-search-wrap form {
	max-width: 1025px;
	margin: 40px auto;
	display: flex;
}

#wpsl-search-wrap .wpsl-input, #wpsl-search-wrap .wpsl-select-wrap {
	border: 2px solid #f0f0f0;
	position: relative;
	border-right: 0px;
}

.wpsl-search {
	margin-bottom: 0;
	padding: 12px 12px 0;
	background: white;
}

#wpsl-search-wrap .wpsl-input label {
	display: none;
}

#wpsl-search-wrap input[type="text"] {
	border: 0px;
	border-radius: 0;
	color: #444;
	font-weight: 400;
	line-height: 36px;
	border-left: 2px solid #f0f0f0;
	width: 480px;
}

#wpsl-category .wpsl-dropdown {
	width: 300px !important;
	border: 2px solid #f0f0f0;
	border-radius: 0px;
	margin-bottom: 15px;
}

.wpsl-dropdown .wpsl-selected-item {
	padding: 0px 20px !important;
	line-height: 50px;
}

#wpsl-search-wrap div {
	float: none;
	margin-right: 0;
	z-index: 10;
}

#wpsl-category {
	margin: 0 20px !important;
}

#wpsl-search-btn {
	border: 0px solid #565150 !important;
	border-radius: 0 !important;
	background: #565150;
	width: 120px;
	font-size: 18px;
	font-weight: 600;
	height: auto;
	line-height: 40px;
	color: #fff !important;
	text-transform: none;
}

#wpsl-search-btn:hover {
	background-color: #2f2f2f;
}

#wpsl-wrap {
	background: #f6f6f6;
}

#wpsl-gmap {
	width: 50%;
}

#wpsl-wrap #wpsl-gmap {
	height: 760px !important;
}

#wpsl-result-list {
	width: 50%;
	padding: 0 15px;
}

#wpsl-result-list #wpsl-stores {
	height: 750px !important;
}

#wpsl-result-list #wpsl-stores {
	padding-top: 50px;
}

#wpsl-wrap {
	margin-bottom: 0;
}

#wpsl-wrap #wpsl-result-list #wpsl-stores ul {
	display: inline-flex;
	flex-wrap: wrap;
}

#wpsl-wrap #wpsl-result-list #wpsl-stores ul li {
	width: calc(33.33% - 30px);
	background: #fff;
	border: 1px solid #ddd;
	margin: 0 10px 32px;
	padding: 0;
	transition: ease-in-out .3s all;
	-webkit-transition: ease-in-out .3s all;
	display: block;
}

#wpsl-wrap #wpsl-result-list #wpsl-stores ul li:hover {
	box-shadow: 0px 20px 20px rgba(0, 0, 0, .13);
	margin-top: -30px;
	margin-bottom: 60px;
	position: relative;
	transition: ease-in-out .3s all;
	-webkit-transition: ease-in-out .3s all;
}

.store-img {
	overflow: hidden;
	height: 166px;
	margin-bottom: 15px;
}

.store-img img {
	transition: ease-in-out .3s all;
	-webkit-transition: ease-in-out .3s all;
}

#wpsl-wrap #wpsl-result-list #wpsl-stores ul li:hover .store-img img {
	transform: scale(1.1, 1.1);
	-webkit-transform: scale(1.1, 1.1);
	transition: ease-in-out .3s all;
	-webkit-transition: ease-in-out .3s all;
}

.wpsl-store-location {
	overflow: hidden;
}

#wpsl-stores .wpsl-store-thumb.wp-post-image {
	height: 166px !important;
	width: 100% !important;
	float: none;
	margin: 0 0px 10px;
	border-radius: 0;
	object-fit: cover;
	-webkit-object-fit: cover;
}

#wpsl-direction-details #wpsl-result-list #wpsl-stores ul {
	display: block;
}

#wpsl-wrap #wpsl-result-list #wpsl-direction-details ul li {
	width: 100%;
	background: transparent;
	border: 0px solid #ddd;
	margin: 0 10px 12px;
	padding: 0 10px 10px;
}

#wpsl-result-list #wpsl-stores li .store-desc {
	margin: 0;
	line-height: 18px;
	font-size: 13px;
	color: #707070;
	padding: 0 15px;
}

.wpsl-contact-details {
	line-height: 18px;
	font-size: 13px;
	color: #707070;
	padding: 0 15px !important;
	margin: 0 !important;
}

.wpsl-direction-wrap .wpsl-directions {
	font-size: 13px;
	font-weight: 600;
	color: #d2b48c;
}

.wpsl-direction-wrap {
	color: #222128;
	font-weight: 700;
	font-size: 13px;
	line-height: 17px;
	padding: 10px 15px 15px;
}

.wpsl-direction-wrap a {
	color: #d2b48c;
	padding-right: 15px;
	position: relative;
}

.wpsl-direction-wrap a:after {
	content: "|";
	position: absolute;
	right: 4px;
	top: 0;
	color: #222128;
	font-weight: 400;
	font-size: 13px;
}

.icon-direction {
	width: 480px;
	clear: both;
}

#wpsl-result-list #wpsl-stores .wpsl-store-location a {
	letter-spacing: .34px;
	color: #222128;
	line-height: normal;
	margin-top: 0;
	display: inline-block;
	text-decoration: none;
	margin-bottom: 12px;
	font-size: 17px;
}

#wpsl-wrap .icon-direction span {
	background: url("https://sunstoppers.com/nitropack_static/lMsxHOdsTFvnYLFKjcecEotcDJbEpxHY/assets/images/optimized/rev-6e735cd/sunstoppers.com/wp-content/themes/sun_stopppers/images/location_icon.png") no-repeat 0 0;
	margin: 13px 10px;
	float: left;
	height: 24px;
	width: 24px;
	background-size: cover;
	cursor: pointer;
}

#wpsl-wrap .icon-direction span.nitro-lazy {
	background-image: none !important;
}

.icon-direction span {
	background: url("https://sunstoppers.com/nitropack_static/lMsxHOdsTFvnYLFKjcecEotcDJbEpxHY/assets/images/optimized/rev-6e735cd/sunstoppers.com/wp-content/themes/sun_stopppers/images/location_icon.png") no-repeat 0 0;
	margin: 13px 10px;
	float: left;
	height: 24px;
	width: 24px;
	background-size: cover;
	cursor: pointer;
}

.icon-direction span.nitro-lazy {
	background-image: none !important;
}

#wpsl-search-wrap input[type=text] {
	width: calc(100% - 50px);
}

.icon-direction span:hover {
	background-position: 0 -24px !important;
}

.wpsl-selected-item:after {
	position: absolute;
	content: "";
	right: 0;
	top: 4px;
	margin-top: -4px;
	border: 0px solid transparent;
	border-top: 0px solid #000;
	background: #000;
	width: 50px;
	height: 100%;
	color: #fff;
	text-align: center;
	font-family: "Font Awesome 5 Pro";
}

.wpsl-active .wpsl-selected-item:after {
	margin-top: -4px;
	border: 0px solid transparent;
	border-bottom: 0px solid #000;
}

.wpsl-no-results-msg {
	width: auto !important;
}

.wpsl-icon-direction, .wpsl-icon-direction.wpsl-active-icon {
	font-size: 16px !important;
	color: #4a4a4a !important;
	font-weight: 500 !important;
	letter-spacing: .32px;
	font-family: "proxima-nova", sans-serif !important;
	cursor: pointer;
}

.location-drop i {
	color: #ffcd00;
	padding-right: 15px;
	padding-left: 2px;
	font-size: 20px;
}

/*Store Locator Single
--------------------------------*/
.store-locator-single {
	position: relative;
}

.store-single-header {
	padding: 42px 0 28px;
}

.store-locator-hero {
	margin-top: -3px;
	position: relative;
}

.content_lt {
	width: calc(100% - 500px);
	float: left;
}

.content_lt h5 {
	color: #000414;
	font-size: 18px;
	line-height: 26px;
	margin: 0 0 8px;
}

.content_lt img {
	margin-right: 6px;
}

.content_rt {
	width: 360px;
	margin-left: 140px;
	float: right;
	margin-top: -160px;
	position: relative;
}

.share-icons span {
	color: #707070;
	font-size: 15px;
	font-weight: 600;
	line-height: 30px;
	margin-right: 5px;
	display: inline-block;
}

.share-icons a {
	display: inline-block;
	margin-right: 3px;
	font-size: 15px;
	color: #999;
}

.breadcrumb-store {
	font-size: 14px;
	line-height: 26px;
	color: #707070;
	margin-bottom: 20px;
}

.breadcrumb-store a {
	color: #e3b20f;
	text-decoration: none;
}

.store-locator-hero {}

.store-locator-hero ul {
	list-style: none;
	padding: 0;
	margin: 0 0 10px;
}

.store-locator-hero ul li {}

.store-locator-hero ul li img {
	height: 450px;
	width: auto;
	object-fit: cover;
	-webkit-object-fit: cover;
}

.store-single-header h1 {
	font-size: 40px;
	color: #222128;
	line-height: 44px;
	font-weight: 500;
}

.store-single-content {
	background: #f6f6f6;
	border-top: #777;
	padding: 50px 120px 115px;
}

.store-locator-single .hentry {
	margin: 0;
}

.store-single-widget {
	padding: 30px 20px;
	background: #fff;
	border: 1px solid #ddd;
	margin-bottom: 30px;
}

.store-single-widget .wpsl-locations-details span strong {
	font-size: 24px;
	line-height: 26px;
	font-weight: 700;
	color: #222128;
	margin-bottom: 12px;
	display: block;
}

.store-single-widget .wpsl-location-address {
	dominant-baseline: 15px;
	line-height: 20px;
	font-weight: 400;
	color: #707070;
	margin-bottom: 23px !important;
	font-size: 15px;
}

.store-single-widget .wpsl-contact-details {
	line-height: 20px;
	font-weight: 400;
	color: #707070;
	margin-bottom: 17px !important;
	font-size: 15px;
	padding: 0 !important;
}

.store-single-widget .wpsl-contact-details span {
	background: #fff;
	position: relative;
	margin-left: -10px;
	margin-bottom: 5px;
	padding: 1px 10px;
	display: inline-block;
}

.store-single-widget .wpsl-gmap-canvas {
	width: calc(100% + 20px) !important;
	margin: -20px -10px 20px -10px !important;
}

.share-icons-sidebar span {
	color: #707070;
	font-size: 15px;
	font-weight: 500;
	line-height: 30px;
	margin-right: 10px;
}

.share-icons-sidebar a {
	margin-right: 6px;
}

.gbusiness-link {
	font-size: 15px;
	line-height: 20px;
	font-weight: 400;
	padding-top: 15px;
}

.gbusiness-link a {
	text-decoration: none;
	color: #707070;
}

.gbusiness-link span {
	width: 15px;
	display: inline-block;
	margin-left: 8px;
}

.gbusiness-link a:hover {
	text-decoration: underline;
}

.content_lt a {
	color: #d2b48c;
}

.store-payment {
	margin-bottom: 35px;
}

.two-column-service {
	border-top: 1px solid #dbdbdb;
	padding-top: 33px;
	margin-top: 40px;
	font-size: 17px;
}

.two-column-service > ul {
	margin: 0;
	padding: 0;
	list-style: none;
	display: flex;
	flex-wrap: wrap;
}

.two-column-service > ul  ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.two-column-service > ul > li {
	width: 100%;
	max-width: 50%;
	font-size: 17px;
	margin-bottom: 1.5em;
}

.two-column-service ul li a {
	color: #707070;
}

.two-column-service ul li strong {}

.customlisttext {
	display: none;
}

.special-link li:first-child .customlisttext {
	display: block;
}

.special-link li:first-child > ul> li.customlisttext + li {
	display: none;
}

.two-column-row {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 35px;
}

.two-column-col {
	width: 50%;
	color: #707070;
	line-height: 26px;
	font-size: 17px;
}

.two-column-col strong {
	font-weight: 700;
	color: #000;
	display: block;
}

.store-single-content h3 {
	color: #000;
	font-size: 30px;
	line-height: 26px;
	margin: 0 0 25px;
}

.store-single-widget h4 {
	font-size: 24px;
	line-height: 26px;
	font-weight: 700;
	color: #222128;
	margin-bottom: 12px;
	display: block;
	margin: 0 0 10px;
}

.store-single-widget .btn {
	background: #565150;
	color: #fff;
	display: block;
	border-radius: 0;
	border-radius: 30px;
	line-height: 30px;
	min-width: 307px;
	height: 60px;
	padding: 15px;
	border-color: #565150;
}

.separetor {
	text-align: center;
	margin-bottom: 30px;
	font-size: 15px;
	line-height: 20px;
}

.two-column-with-background {
	padding: 130px 0 90px;
	position: relative;
	background-repeat: no-repeat !important;
	background-size: cover !important;
	background-position: 0 0 !important;
}

.tcwb-row {
	display: flex;
	margin: 0 10px 50px;
	padding-bottom: 50px;
	border-bottom: 1px solid #7c7c7c;
}

.tcwb-row.reverse {
	flex-direction: row-reverse;
}

.tcwb-row:last-child {
	margin-bottom: 0px;
	padding-bottom: 0px;
	border-bottom: 0px solid #5d5c5d;
}

.tcwb-column {
	width: 50%;
	padding: 0 20px;
	color: #e7e7e7;
	font-size: 17px;
	position: relative;
}

.tcwb-column span {
	display: block;
	color: #fff;
	margin-bottom: 20px;
}

.tcwb-column p:last-child {
	margin-bottom: 0px;
}

.tcwb-column .caption {
	text-align: center;
	margin: 0 auto;
	max-width: 80%;
	color: #eae2d6;
	font-size: 15px;
	line-height: 26px;
	margin-top: 15px;
}

.tcwb-column h3 {
	font-size: 30px;
	line-height: 26px;
	font-weight: 700;
	color: #fff;
	margin: 0 0 15px;
}

.two-column-with-background .overlay {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
	background: transparent linear-gradient(180deg, #222 0%, #000 100%) 0% 0% no-repeat padding-box;
}

.tcwb-column .video-box {
	position: relative;
}

.tcwb-column .video-box .play {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	font-size: 44px;
	color: #fff;
}

.store-single-widget .wpsl-contact-details {
	padding-left: 25px !important;
	position: relative;
}

.store-single-widget .wpsl-contact-details:before {
	content: "";
	font-family: "Font Awesome 5 Pro";
	position: absolute;
	left: 0px;
	top: 1px;
	font-size: 15px;
	color: #565150;
}

.store-single-widget .wpsl-contact-details span:first-child:before {
	content: "";
}

.store-single-widget .wpsl-contact-details span.ico-website:before {
	content: "";
}

.store-single-widget .wpsl-contact-details span:before {
	content: "";
	font-family: "Font Awesome 5 Pro";
	position: absolute;
	left: -15px;
	top: 1px;
	font-size: 15px;
	color: #d2b48c;
}

.store-single-widget .btn img {
	position: relative;
	top: -2px;
	margin-right: 4px;
}

.wpsl-info-window {}

.gm-style-iw-d .iwLink {
	display: none;
}

.popup-store-img {
	overflow: hidden;
	height: 100%;
	float: right;
	width: 150px;
	object-fit: cover;
	object-position: bottom;
	margin-left: 10px;
}

.popup-store-img a {
	position: absolute;
	top: 0;
	width: auto;
	right: 0;
	height: 100%;
}

.popup-store-img img {
	display: inline;
	opacity: 1 !important;
	width: 120px !important;
	max-height: none !important;
	object-fit: cover;
	height: 100% !important;
}

.wpsl-info-desc {
	width: 165px;
	float: left;
}

.wpsl-info-window strong a {
	font-size: 15px;
	font-weight: 700;
	line-height: 18px;
	color: #222128;
	margin-bottom: 10px;
	display: block;
}

.wpsl-info-window span {
	color: #707070;
	font-size: 13px;
	line-height: 17px;
}

.wpsl-direction-wrap a {
	color: #565150;
	padding-right: 15px;
	position: relative;
}

.gm-style .gm-style-iw-c {
	border-radius: 0 !important;
}

.distance-pop {
	color: #222128;
	font-weight: 700;
	font-size: 13px;
	margin-top: 10px;
	display: inline-block;
}

.details-pop {
	color: #d2b48c;
	padding-right: 15px;
	position: relative;
	outline: 0;
	font-size: 13px;
	margin-top: 10px;
	font-weight: 700;
	display: inline-block;
}

.page-template-template-store-locations #wpsl-gmap .wpsl-info-window {
	max-width: 340px !important;
}

.wpsl-info-window .details-pop {
	padding-right: 3px;
}

.two-column-with-background:nth-child(even) .tcwb-row {
	flex-direction: row-reverse;
}

/*==========================================================
[Store Locater new design]
===========================================================*/
.single-faq {
	background-color: #f1f1f1;
	padding: 90px 0 85px;
}

.single-container {
	max-width: 1188px;
	padding-left: 15px;
	padding-right: 15px;
	margin: 0px auto;
}

.single-faq h2 {
	font-size: 40px;
	line-height: 50px;
	font-weight: 700;
	padding: 0 0 15px;
	margin: 0 0 15px;
}

.single-faq .faq-accordian h4 {
	font-size: 20px;
	line-height: 24px;
	font-weight: 700;
	color: #2f2f2f;
	padding: 30px 30px 30px 0;
	margin: 0;
	border-top: 1px solid #adacac;
	position: relative;
	cursor: pointer;
}

.single-faq .faq-accordian h4:after {
	content: "+";
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 15px;
	transition: all .3s ease;
	font-size: 24px;
}

.single-faq .faq-accordian h4.active:after {
	content: "-";
}

.single-faq .faq-accordian .element:first-child h4 {
	border: none;
}

/*.single-faq .faq-accordian h4:after {
	content: "\f067";
	color: #2F2F2F;
	font-weight: 300;
	font-size: 24px;
	font-family: 'Font Awesome 5 Pro';
	position: absolute;
	right: 2px;
	top: 30px;
}
.single-faq .faq-accordian h4.active {
	color: #DEAC1D;
}

.single-faq .faq-accordian h4.accordion.active:after {
	content: "\f068";
	color: #DEAC1D;
}*/
.single-faq .acc-content {
	font-size: 17px;
	line-height: 26px;
	color: #2f2f2f;
	display: none;
}

.single-faq .acc-content p {
	padding: 0;
	margin: 0 0 15px;
}

.single-faq #loadMore {
	text-decoration: none;
	font-size: 17px;
	line-height: 30px;
	padding: 10px 5px;
	text-align: center;
	font-weight: 600;
	display: block;
	color: #fff;
	width: 200px;
	height: 50px;
	border-radius: 25px;
	background-color: #565150;
	transition: all .25s ease-in-out;
	margin: 50px auto 0;
}

.single-faq #loadMore:hover {
	background-color: #d2b48c;
}

.store-locator-profile .store-single-content {
	padding: 100px 0 30px;
	background-color: #fff;
	border: none;
}

.store-locator-profile .container {
	max-width: 1188px;
	display: flex;
	justify-content: space-between;
	flex-direction: row-reverse;
}

.store-locator-profile .container .content_lt {
	float: none;
	width: 57%;
}

.store-locator-profile .container .content_lt h2 {
	font-size: 40px;
	font-weight: 400;
	line-height: 49px;
	display: block;
	margin: 0 0 60px;
}

.store-locator-profile .container .content_lt h2 strong {
	font-weight: 700;
}

#lsd-sec.right-content .tcf-col.tcf-content {
	padding: 0 0 0 5%;
}

.store-locator-profile .container .content_rt {
	float: none;
	float: none;
	width: 31%;
	margin: 0;
}

.ld-icon-area {
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
	position: relative;
}

.ld-icon-area:before {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	background: linear-gradient(90deg, rgba(14, 37, 67, 1) 0%, rgba(0, 0, 0, 1) 35%, rgba(0, 0, 0, 1) 100%);
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	opacity: .9;
}

.home .ld-icon-area:before {
	display: none;
}

.ld-icon-area .tc-icon-boxes {
	padding: 80px 0;
	position: relative;
	z-index: 2;
	color: #f1f1f1;
	text-align: center;
}

.ld-icon-area .tc-icon-boxes h3 {
	margin: 0 0 40px;
}

.location-review.featured-review .title-area {
	margin: 0 0 70px;
}

.location-review.featured-review .title-area h2 {
	font-size: 30px;
	line-height: 37px;
	padding: 0;
	margin: 0;
	font-weight: 300;
}

.location-review.featured-review .title-area h2 strong {
	font-weight: 700;
}

#improve-sec.tcf-content {
	padding: 100px 0;
}

#improve-sec .tcf-col.tcf-content h3 {
	font-size: 30px;
	line-height: 37px;
	text-transform: none;
	font-weight: 600;
	color: #f1f1f1;
}

#improve-sec .tcf-col.tcf-content {
	padding: 0 6% 0 0;
}

.tcf-col.tcf-content ul.special-points {
	padding: 0 0 20px;
	margin: 0;
	list-style: none;
	max-width: 450px;
}

.tcf-col.tcf-content ul.special-points li {
	position: relative;
	padding: 0 0 0 50px;
	margin: 0 0 40px;
	color: #f1f1f1;
}

.tcf-col.tcf-content ul.special-points li span {
	width: 40px;
	height: 40px;
	background-color: #d2b48c;
	border-radius: 50%;
	text-align: center;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
}

.tcf-col.tcf-content ul.special-points li span img {
	position: relative;
	top: 40%;
	transform: translateY(-50%);
}

.tcf-col.tcf-content ul.special-points li h4 {
	font-size: 22px;
	line-height: 27px;
	font-weight: 600;
	padding: 0;
	margin: 0 0 12px;
}

#improve-sec .tcf-col.tcf-content .btn.transparent {
	margin-left: 20px;
}

#top-two-coltext .container-main {
	max-width: 1188px;
}

#top-two-coltext .tct-row .tct-col.small-col {
	width: 32%;
}

#top-two-coltext .tct-row .tct-col.large-col {
	width: 62%;
}

#top-two-coltext h2 {
	font-size: 40px;
	line-height: 49px;
	font-weight: 400;
	padding: 0;
	margin: 0 0 20px;
}

#top-two-coltext h3 {
	font-size: 30px;
	line-height: 37px;
}

.ttct-section {
	background-color: #f1f1f1;
	padding: 80px 0;
}

.ttct-section .container-main {
	max-width: 1188px;
}

.ttct-section h2 {
	font-size: 40px;
	line-height: 49px;
	font-weight: 400;
	text-align: center;
	padding: 0 0 20px;
	margin: 0 0 50px;
	border-bottom: 1px solid #adacac;
}

.adjustable-three-col.two-column-service {
	border: none;
	margin-top: 0;
	padding-top: 0;
}

.ttct-section h2 strong {
	font-weight: 700;
}

.adjustable-three-col.two-column-service > ul > li {
	width: 33.33%;
}

.ttct-btn-area {
	text-align: center;
	padding: 30px 0 0;
}

.ttct-btn-area .btn {
	margin-left: 10px;
	margin-right: 10px;
}

.location-breadcrumb {
	padding: 15px 0 15px 3%;
	background-color: #f1f1f1;
}

.location-breadcrumb ul {
	padding: 0;
	margin: 0;
	list-style: none;
	display: flex;
}

.location-breadcrumb ul li {
	padding: 0 5px 0 10px;
	position: relative;
	color: #707070;
}

.location-breadcrumb ul li br {
	display: none;
}

.location-breadcrumb ul li:before {
	content: "/";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	color: #e3b20f;
}

.location-breadcrumb ul li:first-child {
	padding-left: 0;
}

.location-breadcrumb ul li:first-child:before {
	display: none;
}

.location-breadcrumb ul li a {
	text-decoration: none;
	color: #d2b48c;
}

.location-breadcrumb ul li a:hover {
	text-decoration: underline;
}

.location-detail-hero {
	display: flex;
	justify-content: space-between;
}

.location-detail-hero .hero-banner {
	width: 74%;
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
	background-color: rgba(12, 24, 41, .63);
	background-blend-mode: multiply;
	color: #d2b48c;
	display: flex;
}

.location-detail-hero .hero-banner .banner-content {
	max-width: 784px;
	margin: 0 auto;
	text-align: center;
	align-self: center;
	font-size: 24px;
	line-height: 29px;
	color: #d2b48c;
}

.location-detail-hero h1 {
	font-size: 66px;
	line-height: 84px;
	color: #fff;
	font-weight: 700;
	padding: 0px;
	margin: 0;
}

.location-detail-hero .hero-map {
	width: 26%;
}

.hero-map .title-area {
	padding: 22px 10px 22px 32px;
	font-size: 22px;
	line-height: 26px;
	color: #fff;
	background-color: #565150;
}

.hero-map .title-area a {
	text-decoration: none;
	color: #fff;
	font-weight: 700;
}

.hero-map #wpsl-base-gmap_1 {
	height: 318px;
}

.hero-map .store-single-widget {
	margin: 0;
	border: none;
}

/*===============================================================*/

/*Store Locator New*/
.wpsl-icon-direction {
	position: relative;
	float: left;
	padding: 12px 13px;
	display: inline-block;
	font-family: wpsl-fontello;
	font-style: normal;
	font-weight: 400;
	font-size: 1.3em;
	color: #737373;
	speak: none;
	text-decoration: inherit;
	text-align: center;
	font-variant: normal;
	text-transform: none;
	line-height: 1em;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.location-drop {
	position: absolute;
	left: -2px;
	top: calc(100% + 2px);
	z-index: 9;
	border: 2px solid #f0f0f0;
	border-top: 0px;
	width: calc(100% + 122px);
	padding: 3px 0;
	display: none;
}

#store-search-wrap form {
	max-width: 1024px;
	width: 100%;
	margin: 40px auto;
	display: flex;
	align-items: flex-start;
}

#store-search-wrap select {
	display: block;
	width: 100%;
	border: 0;
	padding: 14px 18px;
	background: transparent;
	color: #000;
	height: 50px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

.wpsl-dropdown {
	position: relative;
}

.wpsl-dropdown:after {
	position: absolute;
	content: "";
	right: 0;
	top: 0;
	margin-top: 0;
	border: 0 solid transparent;
	border-top: 0 solid #000;
	background: #000;
	width: 50px;
	line-height: 52px;
	height: 100%;
	color: #fff;
	text-align: center;
	font-family: "Font Awesome 5 Pro";
	z-index: -1;
}

.mega-toggle-block {
	display: none !important;
}

.icon-direction {
	width: 550px;
}

#wpsl-category {
	margin: 0 40px !important;
}

a.getDirection {
	color: #565150;
	text-decoration: underline;
}

#store-search-wrap input[type=text] {
	height: 50px;
}

.search-loader {
	display: none;
	background-image: url("https://sunstoppers.com/nitropack_static/lMsxHOdsTFvnYLFKjcecEotcDJbEpxHY/assets/images/source/rev-6e735cd/sunstoppers.com/wp-content/themes/sun_stopppers/images/loader.svg");
	background-position: center center;
	background-repeat: no-repeat;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(255, 255, 255, .6);
}

.search-loader.nitro-lazy {
	background-image: none !important;
}

#store-search-wrap {
	float: none;
	margin-right: 0;
	z-index: 10;
	padding-top: 10px;
}

#store-search-wrap .container-main {
	text-align: center;
}

#store-search-wrap h1 {
	font-size: 40px;
	line-height: 49px;
	font-weight: 700;
	color: #000;
	padding: 50px 0 0;
	margin: 0;
}

#store-search-wrap .wpsl-input, #store-search-wrap .wpsl-select-wrap {
	display: table;
	border: 2px solid #f0f0f0;
	position: relative;
	border-right: 0;
}

#store-search-wrap input[type=text] {
	width: calc(100% - 50px);
	border: 0;
	border-radius: 0;
	color: #444;
	font-weight: 400;
	line-height: 36px;
	border-left: 2px solid #f0f0f0;
}

.store-map-section {
	background-color: #f3f3f3;
	box-shadow: 0 5px 10px rgba(0, 0, 0, .18);
	position: relative;
	z-index: 600;
}

.store-map-row {
	display: flex;
	flex-wrap: wrap;
	flex-direction: row-reverse;
}

.store-map-col {
	width: 100%;
}

.store-map {
	height: 760px;
}

.store-map-col iframe {
	height: 100% !important;
}

.store-map-list {
	position: relative;
	display: none;
}

.has_locations .store-map-list, .has_locations .store-map-col {
	width: 50%;
}

.has_locations .store-map-list {
	display: block;
}

#wpsl-search-btn {
	padding: 7px 10px;
}

.search-result-list {
	padding: 0px 0px 10px 15px;
	overflow-y: auto;
	height: 657px;
}

.search-result-list ul {
	list-style: none;
	padding: 0;
	margin: 0;
	display: flex;
	flex-wrap: wrap;
}

.search-result-list ul li {
	width: calc(33.33% - 20px);
	background: #fff;
	border: 1px solid #ddd;
	margin: 0 10px 32px;
	padding: 0;
	transition: ease-in-out .3s all;
	-webkit-transition: ease-in-out .3s all;
	display: block;
}

.search-result-list ul li:hover {
	box-shadow: 0px 20px 20px rgba(0, 0, 0, .13);
	margin-top: -25px;
	margin-bottom: 60px;
	position: relative;
	transition: ease-in-out .3s all;
	-webkit-transition: ease-in-out .3s all;
}

.search-result-list ul li .store-desc {
	margin: 0;
	line-height: 18px;
	font-size: 13px;
	color: #707070;
	padding: 0 15px;
}

.search-result-list ul li .store-desc strong {
	display: block;
	font-size: 19px;
	margin-bottom: 10px;
	color: #333;
	line-height: normal;
}

.search-result-list ul li a img {
	width: 100%;
	object-fit: cover;
	height: 165px;
}

.search-result-list ul li:hover a img {
	transform: scale(1.1, 1.1);
	-webkit-transform: scale(1.1, 1.1);
	transition: ease-in-out .3s all;
	-webkit-transition: ease-in-out .3s all;
}

option.level-0 {
	font-weight: 700;
}

.owl-carousel .owl-nav .owl-prev {
	position: absolute;
	left: 0;
	top: 0;
	width: 60px;
	height: 100%;
	color: #fff !important;
	background: rgba(0, 0, 0, .6) !important;
	z-index: 99;
	font-size: 78px !important;
}

.owl-carousel .owl-nav .owl-next {
	position: absolute;
	right: 0;
	top: 0;
	width: 60px;
	height: 100%;
	color: #fff !important;
	background: rgba(0, 0, 0, .6) !important;
	z-index: 99;
	font-size: 78px !important;
}

.owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next {
	opacity: .5;
	transition: ease-in-out all .3s;
	-webkit-transition: ease-in-out all .3s;
}

.store-locator-hero .owl-carousel .owl-nav .owl-prev:hover, .store-locator-hero .owl-carousel .owl-nav .owl-next:hover {
	opacity: 1;
}

.no-result-location {
	text-align: center;
	width: 100%;
	font-weight: 700;
	font-size: 20px;
}

.search-result-head {
	flex-wrap: wrap;
	padding: 30px 28px 30px 25px;
	align-items: center;
	font-size: 15px;
	position: relative;
	display: none;
}

.has_locations .search-result-head {
	display: flex;
}

.search-result-head-lt {
	width: 50%;
}

.search-result-head-rt {
	width: 50%;
	text-align: right;
	color: #404040;
}

.search-result-head-rt span {
	width: 50px;
	background: #fff;
	text-align: center;
	padding: 5px 0 2px;
	font-size: 24px;
	display: inline-block;
	margin-left: 5px;
	cursor: pointer;
}

.search-result-head-rt span.active i {
	color: #e3b20f;
}

.filter-drop {
	position: absolute;
	right: 28px;
	top: 75%;
	padding: 22px;
	background: #fff;
	display: none;
	box-shadow: 0 0 5px rgba(0, 0, 0, .1);
	-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .1);
	z-index: 100;
	text-align: left;
	max-width: 262px;
}

.filter-drop ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.filter-drop ul li {
	display: block;
}

.filter-drop ul li a {
	display: block;
	color: #111;
	line-height: 28px;
}

.filter-drop ul ul {
	padding-left: 20px;
	padding-bottom: 10px;
}

.filter-drop ul li:hover > a {
	text-decoration: none;
	color: #e3b20f;
}

.icon-direction {
	position: relative;
}

.clear-search {
	position: absolute;
	right: 15px;
	top: 14px;
	display: none;
	cursor: pointer;
	color: #111;
}

#wpsl-base-gmap_0 {
	height: 360px;
}

/*=================================================================================================================
[New Design Style]
=================================================================================================================*/
.header-top {
	padding: 11px 3%;
	background-color: #2f2f2f;
	color: #f5f5f5;
	display: flex;
	justify-content: flex-end;
	line-height: normal;
}

.header-top a {
	font-size: 15px;
	line-height: 18px;
	font-weight: 500;
	color: #f5f5f5;
	display: block;
	margin: 0 15px;
}

.header-top a:last-child {
	margin-right: 0;
}

.header-top a.social-link {
	margin: 0 8px;
}

.header-top a:hover {
	text-decoration: none;
	color: #f6c948;
}

.header-main {
	width: 100%;
	padding-left: 2%;
	display: flex;
	justify-content: space-between;
	box-shadow: 0px 2px 5px rgba(0, 0, 0, .1);
	background: url("https://sunstoppers.com/nitropack_static/lMsxHOdsTFvnYLFKjcecEotcDJbEpxHY/assets/images/optimized/rev-6e735cd/sunstoppers.com/wp-content/themes/sun_stopppers/images/ss_header_dark-bg.webp") no-repeat center center;
	background-size: cover;
}

.header-main.nitro-lazy {
	background-image: none !important;
}

.logo {
	width: 235px;
	display: flex;
	align-items: center;
}

.main-menu {
	width: 56%;
}

.main-menu ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

.main-menu ul li {
	font-size: 18px;
	line-height: 22px;
	font-weight: 600;
	color: #000;
}

.main-menu ul li a {
	text-decoration: none;
	color: #000;
}

.header-right {
	width: 27%;
	display: flex;
	justify-content: flex-end;
}

.right-elements {
	width: 47%;
	padding-right: 32px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.store-locatore-link {
	text-decoration: none;
	font-size: 18px;
	line-height: 22px;
	font-weight: 600;
	color: #fff;
	transition: all .25s ease-in-out;
}

.store-locatore-link i {
	width: 14px;
	margin-right: 6px;
}

.store-locatore-link:hover {
	text-decoration: none;
	color: #f6c948;
}

.search-icon {
	text-decoration: none;
	color: #fff;
	transition: all .25s ease-in-out;
}

.search-icon:hover {
	text-decoration: none;
	color: #f6c948;
}

.quote-btn {
	width: 53%;
	font-size: 18px;
	line-height: 30px;
	font-weight: 600;
	text-decoration: none;
	background-color: #f6c948;
	color: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	clip-path: polygon(9% 0%, 100% 0%, 100% 100%, 0% 100%);
	transition: all .25s ease-in-out;
}

.quote-btn:hover {
	color: #f6c948;
	text-decoration: none;
	background-color: #fff;
}

/*============[Header-searchform]==============*/
.search-dropdown {
	width: 100%;
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 99;
	padding: 99px 0 120px;
	display: none;
	background-color: rgba(47, 47, 47, .9);
}

.search-dropdown .search-wrapper {
	max-width: 919px;
	margin: 0 auto;
	padding: 0 15px;
}

.search-dropdown #searchform {
	widows: 100%;
	height: 60px;
	background: #fff;
	padding: 10px 20px;
	display: flex;
	justify-content: space-between;
	border: 1px solid #d0cdcd;
}

#searchform input[type="text"] {
	width: 95%;
	height: 40px;
	border: none;
	background-color: transparent;
	outline: none;
	color: #22201f;
	font-size: 20px;
	line-height: 28px;
	padding: 6px 0;
}

#searchform input[type="submit"] {
	width: 26px;
	height: 22px;
	cursor: pointer;
	border: none;
	outline: none;
	padding: 0;
	margin: 0;
	background: url("https://sunstoppers.com/nitropack_static/lMsxHOdsTFvnYLFKjcecEotcDJbEpxHY/assets/images/optimized/rev-6e735cd/sunstoppers.com/wp-content/themes/sun_stopppers/images/arrow-right.svg") no-repeat 0 0;
	background-size: contain;
	align-self: center;
}

#searchform input[type="submit"].nitro-lazy {
	background-image: none !important;
}

#searchform input[type="submit"]:hover {
	background: url("https://sunstoppers.com/nitropack_static/lMsxHOdsTFvnYLFKjcecEotcDJbEpxHY/assets/images/optimized/rev-6e735cd/sunstoppers.com/wp-content/themes/sun_stopppers/images/arrow-right.svg") no-repeat 0 0;
	background-color: transparent !important;
}

#searchform input[type="submit"]:hover.nitro-lazy {
	background-image: none !important;
}

.search-dropdown .header-search-close {
	font-size: 20px;
	position: absolute;
	top: 20px;
	right: 30px;
	cursor: pointer;
	text-decoration: none;
	color: #fff;
}

.mega-mwrapper {
	max-width: 800px;
	padding: 0;
	margin: 0;
}

.header-placeholder {
	width: 100%;
	height: 139px;
}

/*==============[Mega Menu]==================*/
.main-menu #mega-menu-wrap-menu-2 #mega-menu-menu-2 > li.mega-menu-megamenu > ul.mega-sub-menu {
	box-shadow: 0px 6px 8px rgba(0, 0, 0, .2);
}

.main-menu .col-has-devider>ul.mega-sub-menu {
	display: flex !important;
}

.main-menu #mega-menu-wrap-menu-2 #mega-menu-menu-2 li.mega-menu-megamenu>ul.mega-sub-menu>li.mega-menu-row .mega-menu-column:before {
	content: "";
	display: block;
	width: 1px;
	height: calc(100% - 60px);
	background-color: #dedede;
	position: absolute;
	top: 15px;
	left: 0;
}

.main-menu #mega-menu-wrap-menu-2 #mega-menu-menu-2 li.mega-menu-megamenu>ul.mega-sub-menu>li.mega-menu-row .mega-menu-column:first-child:before {
	display: none;
}

.main-menu #mega-menu-wrap-menu-2 #mega-menu-menu-2 li.mega-menu-item-has-children>a.mega-menu-link>span.mega-indicator {
	display: none;
}

.main-menu .mega-menu-megamenu .textwidget h3 {
	font-size: 17px;
	line-height: 20px;
	font-weight: 700;
	color: #000;
	padding: 0;
	margin: 0;
}

.main-menu .mega-menu-megamenu .textwidget a {
	font-size: 17px;
	line-height: 28px;
	font-weight: 700;
	color: #f6c948;
	text-decoration: none;
}

.main-menu .mega-menu-megamenu .textwidget a:after {
	content: "";
	font-family: "Font Awesome 5 Pro";
	font-style: normal;
	font-weight: 400;
	text-decoration: inherit;
	font-size: 15px;
	margin-left: 6px;
	transition: all .25s ease-in-out;
}

.main-menu .mega-menu-megamenu .textwidget a:hover {
	text-decoration: none;
	color: #57514f;
}

.main-menu .mega-menu ul li {
	line-height: 28px;
	font-weight: 500;
	color: #57514f;
	padding: 0;
	margin: 6px 0;
}

.main-menu .mega-menu ul li a {
	display: block;
	text-decoration: none;
	color: #57514f;
	transition: all .25s ease-in-out;
	-webkit-transition: all .25s ease-in-out;
	font-size: 18px;
}

.main-menu .mega-menu ul li a:hover, .main-menu .mega-menu ul li.current-menu-item a {
	text-decoration: none;
	color: #f6c948;
}

.main-menu .mega-menu ul li.bold-font {
	font-weight: 700;
	color: #22201f;
}

.main-menu .mega-menu ul li.bold-font a {
	color: #22201f;
}

.main-menu .mega-menu-megamenu .textwidget a.menu-btn {
	font-size: 17px;
	line-height: 32px;
	font-weight: 600;
	color: #fff;
	text-decoration: none;
	width: 150px;
	height: 32px;
	text-align: center;
	background-color: #565150;
	display: inline-block;
	border-radius: 16px;
	margin-top: 20px;
	transition: all .25s ease-in-out;
}

.main-menu .mega-menu-megamenu .textwidget a.menu-btn:after {
	display: none;
}

.main-menu .mega-menu-megamenu .textwidget a.menu-btn:hover {
	background-color: #2f2f2f;
	color: #fff;
	text-decoration: none;
}

.container-main {
	max-width: 1420px;
	padding-left: 15px;
	padding-right: 15px;
	margin: 0 auto;
}

.main-menu #mega-menu-wrap-menu-2 #mega-menu-menu-2 > li#mega-menu-item-4620.mega-menu-megamenu > ul.mega-sub-menu {
	width: 780px !important;
}

#mega-menu-wrap-menu-2 #mega-menu-menu-2 li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li#mega-menu-4620-0-1.mega-menu-columns-3-of-12 {
	width: 28%;
}

#mega-menu-wrap-menu-2 #mega-menu-menu-2 li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li#mega-menu-4620-0-2.mega-menu-columns-5-of-12 {
	width: 38%;
}

#mega-menu-wrap-menu-2 #mega-menu-menu-2 li#mega-menu-item-4620.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item {
	padding: 15px;
}

.main-menu .mega-menu-megamenu span.mega-block-title {
	display: block;
	font-size: 17px;
	color: #22201f;
	font-family: "proxima-nova", sans-serif;
	font-weight: 700;
	line-height: 18px;
	margin: 0 0 20px;
}

/*==========================[Footer]======================*/
.footer {
	width: 100%;
	background-image: url("https://sunstoppers.com/nitropack_static/lMsxHOdsTFvnYLFKjcecEotcDJbEpxHY/assets/images/optimized/rev-6e735cd/sunstoppers.com/wp-content/themes/sun_stopppers/images/footer-bg.webp");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	background-color: rgba(0, 0, 0, .7);
	background-blend-mode: multiply;
	-webkit-background-blend-mode: multiply;
	color: #fff;
	position: relative;
	z-index: 99;
}

.footer.nitro-lazy {
	background-image: none !important;
}

.footer-top {
	padding: 68px 0 58px;
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	flex-wrap: wrap;
}

.footer-top .foo-widget-area {
	width: 84%;
	padding-top: 5px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.foo-widget-area .widget {
	width: 34%;
}

.foo-widget-area .widget:first-child {
	width: 13%;
}

.foo-widget-area .widget:nth-child(2) {
	width: 17%;
}

.foo-widget-area .widget:last-child {
	width: 34%;
}

.foo-widget-area .widget ul {
	padding: 0 15px 0 0;
	margin: 0;
	list-style: none;
}

.foo-widget-area .widget ul li {
	font-size: 17px;
	line-height: 20px;
	font-weight: 400;
	color: #fff;
	padding: 7px 0;
}

.foo-widget-area .widget ul li:first-child {
	font-weight: 700;
	padding: 0 0 7px;
}

.foo-widget-area .widget ul li a {
	text-decoration: none;
	color: #fff;
	transition: all .25s ease-in-out;
}

.foo-widget-area .widget ul li a:hover {
	text-decoration: none;
	color: #d2b48c;
}

.foo-widget-area h5 {
	display: block;
	font-size: 17px;
	line-height: 20px;
	color: #fff;
	font-weight: 700;
	padding: 0 0 7px;
	margin: 0;
}

.foo-widget-area .textwidget a {
	color: #fff;
	font-size: 15px;
	line-height: 21px;
	transition: all .25s ease-in-out;
}

.foo-widget-area .textwidget a:focus, .foo-widget-area .textwidget a:active {
	color: #d2b48c;
}

.foo-widget-area .textwidget a:hover {
	text-decoration: none;
	color: #d2b48c;
}

.footer-top .foo-subscribe-area {
	width: 14.6%;
}

.subscribe-form {
	font-size: 17px;
	line-height: 26px;
	font-weight: 500;
	color: #fff;
}

.subscribe-form .gform_wrapper {
	margin: 0;
	position: relative;
}

.subscribe-form .gform_wrapper .gform_heading {
	margin: 0;
}

.subscribe-form h4 {
	display: block;
	font-size: 24px;
	line-height: 29px;
	color: #fff;
	font-weight: 700;
	padding: 0;
	margin: 0;
}

.subscribe-form p {
	padding: 0;
	margin: 5px 0 20px;
}

.subscribe-form .gform_wrapper ul.gform_fields li.gfield {
	padding: 0;
	margin: 0;
}

body .subscribe-form .gform_wrapper .top_label div.ginput_container {
	margin: 0;
}

.subscribe-form .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) {
	margin: 0;
	padding: 12px 40px 12px 20px;
	height: 50px;
	outline: none;
	font-size: 17px;
	line-height: 26px;
	color: #000;
}

.subscribe-form .gform_wrapper input[type="text"]:placeholder {
	color: #434343;
}

.subscribe-form .gform_wrapper .gform_footer {
	padding: 0;
	margin: 0;
	width: 20px;
	position: absolute;
	top: 14px;
	right: 20px;
	z-index: 10;
}

.subscribe-form .gform_wrapper .gform_footer input[type=submit] {
	width: 20px;
	height: 14px;
	cursor: pointer;
	border: none;
	outline: none;
	padding: 0;
	margin: 4px 0 0;
	text-indent: -9999px;
	background: url("https://sunstoppers.com/nitropack_static/lMsxHOdsTFvnYLFKjcecEotcDJbEpxHY/assets/images/optimized/rev-6e735cd/sunstoppers.com/wp-content/themes/sun_stopppers/images/arrow-right.svg") no-repeat 0 0;
	background-size: contain;
	align-self: center;
}

.subscribe-form .gform_wrapper .gform_footer input[type=submit].nitro-lazy {
	background-image: none !important;
}

.subscribe-form .gform_wrapper .gform_footer input[type=submit]:hover {
	background-color: transparent;
}

.foo-subscribe-area .foo-social {
	display: flex;
	font-size: 28px;
	padding: 22px 0 0;
}

.foo-subscribe-area .foo-social a {
	margin-right: 22px;
	text-decoration: none;
	color: #fff;
	transition: all .25s ease-in-out;
}

.foo-subscribe-area .foo-social a:last-child {
	margin-right: 0;
}

.foo-subscribe-area .foo-social a:hover {
	text-decoration: none;
	color: #d2b48c;
}

.footer-bottom {
	width: 100%;
	padding: 24px 0 19px;
	font-size: 12px;
	line-height: 12px;
	font-weight: 400;
	letter-spacing: 1.2px;
	background-color: #57514f;
}

.footer-bottom a {
	text-decoration: none;
	color: #fff;
	transition: all .25s ease-in-out;
}

.footer-bottom a:hover {
	text-decoration: none;
	color: #d2b48c;
}

.footer-bottom .copyright {
	font-weight: 600;
}

.footer-bottom .container-main {
	display: flex;
	justify-content: space-between;
}

.footer-bottom .container-main:before, .footer-bottom .container-main:after {
	display: none;
}

.foo-bottom-link a {
	text-decoration: none;
	color: #fff;
	margin: 0 9px;
}

.credit img {
	margin-right: 9px;
}

.credit a:hover {
	color: #fff;
}

/*=================================[home-hero]==================================*/
.home-hero {
	width: 100%;
}

.home-hero .slide-element {
	background-repeat: no-repeat;
	background-position: top center;
	background-size: cover;
	padding: 0;
	position: relative;
}

.slide-element:before {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	background: -moz-linear-gradient(left, rgba(0, 0, 0, .78) 0%, rgba(0, 0, 0, .78) 1%, rgba(0, 0, 0, .5) 19%, rgba(0, 0, 0, 0) 100%);
	background: -webkit-linear-gradient(left, rgba(0, 0, 0, .78) 0%, rgba(0, 0, 0, .78) 1%, rgba(0, 0, 0, .5) 19%, rgba(0, 0, 0, 0) 100%);
	background: linear-gradient(to right, rgba(0, 0, 0, .78) 0%, rgba(0, 0, 0, .78) 1%, rgba(0, 0, 0, .5) 19%, rgba(0, 0, 0, 0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#c7000000", endColorstr="#00000000", GradientType=1);
}

.slide-element.rightbg:before {
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#7db9e8+0,607287+99&0+43,1+99 */
	background: -moz-linear-gradient(left, rgba(125, 185, 232, 0) 0%, rgba(112, 154, 190, 0) 43%, rgba(96, 114, 135, 1) 99%);
	background: -webkit-linear-gradient(left, rgba(125, 185, 232, 0) 0%, rgba(112, 154, 190, 0) 43%, rgba(96, 114, 135, 1) 99%);
	background: linear-gradient(to right, rgba(125, 185, 232, 0) 0%, rgba(112, 154, 190, 0) 43%, rgba(96, 114, 135, 1) 99%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#007db9e8", endColorstr="#607287", GradientType=1);
}

#home-slide-2.slide-element.rightbg:before {
	background: transparent linear-gradient(270deg, #1f4e8b 0%, rgba(33, 73, 108, .46) 48%, rgba(35, 69, 81, 0) 100%) 0% 0% no-repeat padding-box;
	mix-blend-mode: multiply;
}

#home-slide-3.slide-element.rightbg:before {
	background: transparent linear-gradient(270deg, #3c4857 0%, rgba(47, 47, 47, 0) 100%) 0% 0% no-repeat padding-box;
	mix-blend-mode: multiply;
}

#home-slide-4.slide-element:before {
	background: transparent linear-gradient(90deg, #3c4857 0%, #3c4857 0%) 0% 0% no-repeat padding-box;
	mix-blend-mode: multiply;
	opacity: .6;
}

.no-visibility {
	opacity: 0;
}

.slide-element .hero-content {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
}

.hero-content .container-main {
	display: flex;
	position: relative;
	top: 50%;
	transform: translateY(-50%);
}

.hero-content .container-main.rightside {
	display: flex;
	justify-content: flex-end;
}

.content-element {
	width: auto;
	font-size: 24px;
	line-height: 30px;
	font-weight: 500;
	color: #fff;
}

.content-element h1 {
	font-size: 66px;
	line-height: 70px;
	font-weight: 100;
	color: #f1f1f1;
	padding: 0;
	margin: 0 0 15px;
}

.content-element h1 strong {
	display: block;
	font-weight: 700;
	color: #fff;
}

.page-template-template-home .content-element h2, .content-element h2 {
	font-size: 56px;
	line-height: 61px;
	font-weight: 100;
	color: #f1f1f1;
	padding: 0;
	margin: 0 0 15px;
}

.page-template-template-home .content-element h2 strong, .content-element h2 strong {
	display: block;
	font-weight: 700;
	color: #fff;
}

.content-element p {
	max-width: 550px;
	padding: 0;
	margin: 0 0 40px;
}

.content-element .hero-btn {
	text-decoration: none;
	display: inline-block;
	font-size: 17px;
	line-height: 30px;
	font-weight: 700;
	color: #fff;
	width: 203px;
	text-align: center;
	padding: 15px 5px;
	border-radius: 30px;
	margin: 0 10px 0;
	background-color: transparent;
	border: 1px solid #fff;
	transition: all .25s ease-in-out;
}

.content-element .hero-btn:hover {
	text-decoration: none;
	color: #000;
	background-color: #fff;
}

.content-element .hero-btn.solid {
	color: #fff;
	border: 1px solid #565150;
	background-color: #565150;
}

.content-element .hero-btn.solid:hover {
	border: 1px solid #d2b48c;
	background-color: #d2b48c;
}

.home-hero .owl-carousel .owl-nav .owl-prev, .home-hero .owl-carousel .owl-nav .owl-next {
	background: transparent !important;
	font-size: 40px !important;
}

.tc-content {
	padding: 100px 0 80px;
	font-size: 24px;
	line-height: 34px;
	font-weight: 400;
	color: #000;
}

.tc-content h2 {
	font-size: 40px;
	line-height: 49px;
	font-weight: 100;
	color: #000;
	padding: 0;
	margin: 0 0 20px;
}

.tc-content h2 strong {
	font-weight: 700;
}

.tc-content h3 {
	font-size: 24px;
	line-height: 46px;
	font-weight: 700;
	color: #e69c19;
	padding: 0;
	margin: 0 0 20px;
}

.tc-content ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

.tc-content ul li {
	font-size: 20px;
	line-height: 44px;
	font-weight: 600;
	color: #2f2f2f;
	padding: 0 0 0 20px;
	position: relative;
}

.tc-content ul li:before {
	content: "";
	font-family: "Font Awesome 5 Pro";
	font-style: normal;
	font-weight: 300;
	text-decoration: inherit;
	color: #e69c19;
	font-size: 18px;
	position: absolute;
	top: 1px;
	left: 0;
}

.tc-content ul li a {
	text-decoration: none;
	color: #2f2f2f;
}

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

.tc-left-col {
	width: 57%;
}

.tc-right-col {
	width: 41%;
}

.cta-section {
	padding: 100px 0;
	text-align: center;
	font-size: 20px;
	line-height: 34px;
	font-weight: 400;
	color: #f1f1f1;
	background-repeat: no-repeat;
	background-position: center center;
	background-color: #000;
	background-size: cover;
	position: relative;
}

.cta-section:before {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	background: transparent linear-gradient(91deg, rgba(6, 33, 69, .9) 0%, #000 38%, rgba(84, 84, 84, 0) 100%) 0% 0% no-repeat padding-box;
}

.cta-section .container-main {
	position: relative;
	z-index: 2;
}

.cta-section h2 {
	font-size: 60px;
	line-height: 73px;
	font-weight: 300;
	color: #d2b48c;
	padding: 0;
	margin: 0;
}

.cta-section h2 strong {
	font-weight: 700;
}

.service-area {
	padding: 50px 0 110px;
	background-color: #f1f1f1;
}

.service-area .service-row {
	margin-left: -15px;
	margin-right: -15px;
}

.service-row .service-col {
	width: calc(50% - 30px);
	float: left;
	margin: 15px 15px 17px;
	background-repeat: no-repeat;
	background-position: top center;
	background-size: cover;
	position: relative;
}

.service-col .no-visibility {
	opacity: 0;
}

.service-col .service-overlay {
	width: 100%;
	height: 100%;
	padding: 30px 6%;
	text-decoration: none;
	color: #fff;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	display: flex;
	align-items: flex-end;
	background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 1) 100%, rgba(0, 0, 0, 1) 101%);
	background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 1) 100%, rgba(0, 0, 0, 1) 101%);
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 1) 100%, rgba(0, 0, 0, 1) 101%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00000000", endColorstr="#000000", GradientType=0);
}

.service-info {
	font-size: 18px;
	line-height: 30px;
	font-weight: 400;
}

.service-info h3 {
	font-size: 30px;
	line-height: 37px;
	font-weight: 600;
	color: #fff;
	padding: 0;
	margin: 0 0 10px;
}

.service-info p {
	padding: 0;
	margin: 0 0 10px;
}

.service-info span.more-link {
	display: block;
	font-weight: 600;
	color: #fff;
}

.service-info span.more-link i {
	font-size: 14px;
	margin-left: 5px;
}

.service-col .service-overlay:hover {
	text-decoration: none;
	color: #fff;
}

.service-area .service-row:after {
	content: "";
	clear: both;
	display: table;
}

.featured-review {
	padding: 95px 0 150px;
}

.featured-review .title-area {
	display: flex;
	justify-content: space-between;
	margin-bottom: 114px;
}

.featured-review .title-area h2 {
	font-size: 40px;
	line-height: 49px;
	font-weight: 300;
	padding: 0;
	margin: 0;
}

.featured-review .title-area h2 strong {
	font-weight: 700;
}

.featured-review .title-area a.more-rev-link {
	text-decoration: none;
	font-size: 17px;
	line-height: 30px;
	padding: 10px 5px;
	text-align: center;
	font-weight: 600;
	display: block;
	color: #fff;
	width: 169px;
	height: 50px;
	border-radius: 25px;
	background-color: #565150;
	transition: all .25s ease-in-out;
}

.featured-review .title-area a.more-rev-link:hover {
	background-color: #2f2f2f;
}

.featured-review .review-row {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.review-row .review-module {
	width: 32%;
	font-size: 18px;
	line-height: 30px;
	font-weight: 400;
}

.review-module h3 {
	font-size: 30px;
	line-height: 37px;
	font-weight: 600;
	color: #000;
	padding: 0;
	margin: 0;
}

.review-module .rating {
	display: flex;
	color: rgba(86, 81, 80, .5);
	padding: 14px 0 20px;
}

.review-module .rating i {
	margin-right: 5px;
	font-size: 18px;
}

.review-row .review-module a.morelink {
	text-decoration: underline;
	color: inherit;
	font-size: 16px;
	line-height: 26px;
	font-weight: 500;
	margin: 0;
	position: relative;
	top: -16px;
}

.gift-section {
	padding: 58px 0;
	position: relative;
	z-index: 200;
	background: linear-gradient(to bottom, rgba(255, 255, 255, .15) 0%, rgba(0, 0, 0, .15) 100%), radial-gradient(at top center, rgba(255, 255, 255, .4) 0%, rgba(0, 0, 0, .4) 120%) #989898;
}

.gift-section .gift-row {
	display: flex;
	justify-content: flex-end;
}

.gift-row .gift-content {
	width: 44%;
	font-size: 17px;
	line-height: 26px;
	font-weight: 500;
	color: #000;
}

.gift-content h3 {
	font-size: 40px;
	line-height: 49px;
	font-weight: 400;
	color: #000;
	padding: 0;
	margin: 0 0 10px;
}

.gift-content a.gift-btn {
	width: 228px;
	display: block;
	text-decoration: none;
	color: #fff;
	font-size: 17px;
	line-height: 30px;
	text-align: center;
	padding: 10px 5px;
	border-radius: 25px;
	background-color: #000;
	transition: ease-in-out .25s background-color, ease-in-out .25s color;
}

.gift-content a.gift-btn:hover {
	text-decoration: none;
	color: #000;
	background-color: #fff;
}

.gift-row .gift-image {
	width: 48%;
	position: relative;
}

.gift-row .gift-image img {
	position: absolute;
	right: 0;
	bottom: -57px;
}

.home-hero .owl-carousel .owl-item img.for-mob-slide {
	display: none;
}

/*=============[New Contact]==============*/
.contact-content {
	padding: 120px 0 80px;
	display: flex;
	justify-content: space-between;
}

.contact-content .contact-address {
	width: 18%;
	font-size: 17px;
	line-height: 26px;
	font-weight: 500;
}

.contact-address h3 {
	font-size: 30px;
	line-height: 37px;
	color: #000;
	padding: 0;
	margin: 20px 0;
}

.contact-content .contact-main {
	width: 71%;
}

.contact-content .contact-main.no-address {
	width: 100%;
}

.contact-main {
	font-size: 17px;
	line-height: 26px;
	color: #22201f;
	padding: 0;
	margin: 0 0 15px;
}

.contact-main h1 {
	font-size: 48px;
	line-height: 58px;
	font-weight: 700;
	color: #000;
	padding: 0;
	margin: 0;
}

.contact-main .gform_wrapper ul.gform_fields li.gfield {
	margin-top: 0;
	margin-bottom: 27px;
}

.contact-main .gform_wrapper .top_label .gfield_label {
	font-size: 18px;
	line-height: 30px;
	display: block;
	font-weight: 500;
	margin-bottom: 0;
}

.contact-main .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) {
	font-size: 17px;
	line-height: 24px;
	padding: 13px 20px;
	height: 50px;
	background-color: #fff;
	border: 1px solid #d0cdcd;
	margin-bottom: 0;
}

.contact-main .gform_wrapper textarea.medium {
	padding: 13px 20px;
}

.contact-main #field_2_6 {
	text-align: right;
	overflow: hidden;
}

.contact-main .ginput_recaptcha {
	width: 304px;
	float: right;
}

.contact-main .gform_wrapper .gform_footer {
	padding: 0;
	margin: 0;
	text-align: right;
}

.contact-main .gform_wrapper .gform_footer input.button, .contact-main .gform_wrapper .gform_footer input[type=submit] {
	font-size: 17px;
	line-height: 30px;
	font-weight: 600;
	width: 160px;
	height: 50px;
	color: #000;
	border: none;
	outline: none;
	cursor: pointer;
	background-color: #d2b48c;
	border-radius: 100px;
	text-transform: none;
	transition: all .25s ease-in-out;
}

.contact-main .gform_wrapper .gform_footer input.button:hover, .gform_wrapper .gform_footer input[type=submit]:hover {
	background-color: #deac1d;
}

/*================================[New Image Banner]===============================*/
.img-banner {
	width: 100%;
	position: relative;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	background-color: rgba(12, 24, 41, .15);
	background-blend-mode: multiply;
	-webkit-background-blend-mode: multiply;
}

.img-banner.has-video {
	height: 518px;
}

.img-banner .embed-container {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	overflow: hidden;
}

#background-video, #background-mobvideo {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	overflow: hidden;
}

#background-mobvideo .ytplayer-player {
	left: 0 !important;
}

.ytplayer-container {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: -1;
}

.img-banner .banner-overlay {
	width: 100%;
	height: 100%;
	background-color: rgba(12, 24, 41, .45);
	position: absolute;
	top: 0;
	left: 0;
	z-index: 3;
	display: flex;
	align-items: center;
	justify-content: center;
}

.banner-overlay .banner-content {
	font-size: 24px;
	line-height: 30px;
	color: #fff;
	font-weight: 500;
	text-align: center;
	text-align: left;
	padding: 0 20px;
	max-width: 1420px;
	width: 100%;
}

.banner-content .banner-content-wrapper {
	max-width: 900px;
}

.banner-overlay .banner-content h1, .banner-overlay .banner-content h2, .banner-overlay .banner-content h3 {
	font-size: 56px;
	line-height: 61px;
	font-weight: 700;
	color: #fff;
	padding: 0;
	margin: 0 0 15px;
}

.banner-overlay .banner-content h1 span, .banner-overlay .banner-content h2 span, .banner-overlay .banner-content h3 span {
	font-weight: 100;
	display: block;
}

.banner-content .hero-btn {
	text-decoration: none;
	display: inline-block;
	font-size: 17px;
	line-height: 30px;
	font-weight: 700;
	width: 203px;
	text-align: center;
	padding: 15px 5px;
	border-radius: 30px;
	margin: 0;
	color: #000;
	border: 1px solid #fff;
	background-color: #fff;
	transition: all .25s ease-in-out;
}

.banner-content .hero-btn.outline {
	border: 2px solid #fff;
	background-color: transparent;
	color: #fff;
	line-height: 28px;
	margin-left: 15px;
}

.banner-content .hero-btn:hover {
	border: 1px solid #d2b48c;
	background-color: #d2b48c;
	color: #fff;
}

.banner-content .hero-btn.outline:hover {
	border: 1px solid #fff;
	background-color: #fff;
	color: #000;
}

.banner-content .hero-btn.yellow-btn {
	background-color: #f6c948;
	border-color: #f6c948;
	color: #fff;
}

.banner-content .hero-btn.yellow-btn:hover {
	background-color: #fff;
	border-color: #fff;
	color: #f6c948;
}

#sbasic-7.basic-container h4, #sbasic-9.basic-container h4 {
	font-size: 40px;
	line-height: 48px;
	font-weight: 300;
	padding: 0;
	margin: 0 0 18px;
}

/* .page-id-4979 .banner-content .hero-btn {
	background-color: #9f8f78;
	border-color: #9f8f78;
	color: #fff;
}
.page-id-4979 .banner-content .hero-btn:hover {
	background-color: #deac1d;
	border-color: #deac1d;
	color: #000;
} */

/*=================================[]=======================*/
.dark-bg-content {
	padding: 70px 0;
	background-color: #2f2f2f;
}

.dark-bg-content {
	font-size: 18px;
	line-height: 30px;
	color: #f1f1f1;
}

.dark-bg-content h1, .dark-bg-content h2 {
	font-size: 40px;
	line-height: 49px;
	font-weight: 300;
	color: #f1f1f1;
	padding: 0;
	margin: 0;
}

.dark-bg-content h1 strong, .dark-bg-content h2 strong {
	font-weight: 700;
}

.dark-bg-content span.subtitle {
	display: block;
	font-size: 18px;
	line-height: 46px;
	color: #e69c19;
}

.dark-bg-content .container-main {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.dark-bg-content .title-content {
	width: 49%;
}

.dark-bg-content .desc-content {
	width: 47%;
}

.dark-bg-content .desc-content p {
	margin: 10px 0;
}

/*================================[New Partners Area]================================*/
.partners-area {
	padding: 80px 0;
	display: flex;
	flex-wrap: wrap;
}

.partners-area.small-top-gap {
	padding-top: 20px;
}

.partners-area.small-bottom-gap {
	padding-bottom: 20px;
}

.partners-area .partner_module {
	width: 25%;
	padding: 0 35px;
	font-size: 17px;
	line-height: 26px;
	font-weight: 500;
	text-align: center;
	margin-bottom: 35px;
}

.partners-area .partner_module .partner-logo {
	margin-bottom: 10px;
	display: flex;
	align-items: flex-end;
	position: relative;
}

.partners-area .partner_module .partner-logo img {
	height: 178px;
	width: auto;
	margin: 0 auto;
	object-fit: contain;
}

.partners-area .partner_module .partner-logo .plogo-link {
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

.partners-area .partner_module h3 {
	font-size: 30px;
	line-height: 37px;
	font-weight: 700;
	color: #000;
	padding: 0;
	margin: 0;
}

.partners-area .partner_module p {
	padding: 0;
	margin: 20px 0 20px;
}

.partners-area .partner_module a {
	text-decoration: underline;
	color: #deac1d;
	font-size: 17px;
	line-height: 30px;
	font-weight: 600;
}

.partners-area .partner_module a:hover {
	text-decoration: none;
}

.partners-area .partner_module a.morelink {
	text-decoration: underline;
	color: inherit;
	font-size: 16px;
	line-height: 26px;
	font-weight: 500;
	margin: 0;
	position: relative;
	top: -16px;
}

/*================================[content-menu]=================================*/
.content-menu {
	width: 100%;
	background-color: #fff;
	box-shadow: 0px 2px 5px rgba(0, 0, 0, .1);
}

.content-menu ul {
	padding: 0;
	margin: 0;
	list-style: none;
	display: flex;
}

.content-menu ul li {
	font-family: proxima-nova-condensed, sans-serif;
	font-weight: 800;
	font-size: 17px;
	line-height: 22px;
}

.content-menu ul li a {
	text-decoration: none;
	color: #000;
	display: block;
	padding: 24px 20px;
	transition: all .25s ease-in-out;
}

.content-menu ul li a:hover, .content-menu ul li.current-menu-item a {
	background-color: #565150;
	color: #fff;
}

/*=================================[Two Column Image With Content]============================*/
.horizontal-img-content {
	padding: 50px 0 30px;
}

.horizontal-img-content.reduce-top {
	padding-top: 15px;
}

.horizontal-img-content.reduce-bottom {
	padding-bottom: 15px;
}

.horizontal-img-content.img-cover-style {
	position: relative;
}

.img-cover-style .img-cover-size {
	width: 50%;
	height: 100%;
	position: absolute;
	top: 0;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	z-index: 10;
}

.img-cover-size .vidplay-icon {
	display: block;
	font-size: 80px;
	color: #fff;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.img-cover-size .vidplay-icon:hover {
	color: #fff;
}

.img-cover-size .vidplay-icon i {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
}

.img-cover-style.left-cover .img-cover-size {
	left: 0;
}

.img-cover-style.right-cover .img-cover-size {
	right: 0;
}

.content-with-readmore.img-cover-style.left-cover.imgreduce .img-cover-size {
	background-size: contain;
	background-position: 0 0;
}

.horizontal-img-content .tciwc-row {
	display: flex;
	justify-content: space-between;
}

.horizontal-img-content .tciwc-row.img-right-align {
	flex-direction: row-reverse;
}

.tciwc-row .tciwc-img {
	width: 50%;
	position: relative;
}

.tciwc-row .tciwc-img i {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
	z-index: 2;
	color: #fff;
	font-size: 80px;
}

.img-cover-style .tciwc-row .tciwc-img img {
	display: none;
}

.tciwc-row .tciwc-content {
	width: 49%;
	font-size: 17px;
	line-height: 26px;
	padding-left: 5%;
}

.img-cover-style .tciwc-row .tciwc-content {
	font-size: 17px;
	line-height: 26px;
	font-weight: 400;
}

.img-cover-style .tciwc-row .tciwc-content p {
	margin: 0 0 30px;
}

.tciwc-row .tciwc-content ul {
	margin-left: 0;
	margin-bottom: 30px;
	padding: 0 0 0 20px;
}

.tciwc-row .tciwc-content h3 {
	font-size: 35px;
	font-weight: 100;
	padding: 0;
	margin: 0 0 20px;
}

.tciwc-row .tciwc-content h3 strong {
	font-weight: 700;
}

.tciwc-row.img-right-align .tciwc-content {
	padding: 0 5% 0 0;
}

.tciwc-content h2 {
	font-size: 30px;
	line-height: 37px;
	font-weight: 400;
	padding: 0;
	margin: 0 0 45px;
}

.tciwc-content h2 strong {
	font-weight: 700;
}

.img-cover-style .tciwc-content h2 {
	font-size: 48px;
	line-height: 58px;
	font-weight: 300;
	padding: 0;
	margin: 0 0 15px;
}

.img-cover-style .tciwc-content h2 strong {
	font-weight: 700;
}

.tciwc-content .btn {
	margin-right: 20px;
}

/*==================================[New Two column Text Module]================================*/
.tct-module {
	width: 100%;
	font-size: 16px;
	line-height: 24px;
	padding: 70px 0 60px;
}

.tct-module.reduce-top {
	padding-top: 15px;
}

.tct-module.reduce-bottom {
	padding-bottom: 15px;
}

.tct-module ul {
	margin: 0;
	padding: 0 0 0 20px;
}

.tct-module .tct-row {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.tct-row a.pdf-icon {
	font-weight: 700;
	color: #000;
	padding-left: 30px;
	display: block;
	background: url("https://sunstoppers.com/nitropack_static/lMsxHOdsTFvnYLFKjcecEotcDJbEpxHY/assets/images/optimized/rev-6e735cd/sunstoppers.com/wp-content/themes/sun_stopppers/images/pdf-icon.png") no-repeat 0 5px;
	background-size: 20px;
}

.tct-row a.pdf-icon.nitro-lazy {
	background-image: none !important;
}

.tct-row a.pdf-icon:hover {
	color: #d2b48c;
	text-decoration: none;
}

.tct-row .tct-col {
	width: 49%;
}

.tct-module h3 {
	font-size: 30px;
	line-height: 37px;
	font-weight: 400;
	padding: 0;
	margin: 0 0 20px;
}

.tct-module h3 strong {
	font-weight: 700;
}

.tct-module h4 {
	font-size: 30px;
	line-height: 37px;
	font-weight: 400;
	padding: 0;
	margin: 0 0 20px;
}

.tct-module h4 strong {
	font-weight: 700;
}

/*===========================================[New Basic Content]=====================================*/
.basic-container {
	width: 100%;
	font-weight: 500;
	color: #000;
	padding: 100px 0;
	background: linear-gradient(to bottom, rgba(255, 255, 255, .15) 0%, rgba(0, 0, 0, .15) 100%), radial-gradient(at top center, rgba(255, 255, 255, .4) 0%, rgba(0, 0, 0, .4) 120%) #989898;
}

.basic-container.white-bg {
	background: #fff;
}

.basic-container.gray-bg {
	background: #2f2f2f;
	color: #fff;
}

.basic-container.beige-bg {
	background: linear-gradient(to bottom, rgba(255, 255, 255, .15) 0%, rgba(210, 180, 140, .15) 100%), radial-gradient(at top center, rgba(255, 255, 255, .4) 0%, rgba(210, 180, 140, .4) 120%) #989898;
}

.basic-container.beige-solid {
	background: #d2b48c;
	color: #fff;
}

.basic-container.reduce-top {
	padding-top: 15px;
}

.basic-container.reduce-bottom {
	padding-bottom: 15px;
}

.basic-container .container-main p:last-child {
	margin: 0;
}

/*.small-container .container-main {
	max-width: 1190px;
}*/
.basic-container h1 {
	font-size: 66px;
	line-height: 80px;
	font-weight: 300;
	padding: 0;
	margin: 0 0 18px;
}

.basic-container h2 {
	font-size: 40px;
	line-height: 48px;
	font-weight: 300;
	padding: 0;
	margin: 0 0 18px;
}

.basic-container h3 {
	font-size: 30px;
	line-height: 37px;
	font-weight: 700;
	padding: 0;
	margin: 0 0 20px;
}

.page-id-306 .basic-container h1 {
	font-size: 56px;
	line-height: 68px;
	margin: 0;
}

.basic-container ul {
	padding: 0 0 0 20px;
	margin-left: 0;
}

/*================[New Image with content-three/two column (Article Modules)]=================================*/
.article-section {
	width: 100%;
	padding: 120px 0 40px;
}

.article-section.reduce-top {
	padding-top: 15px;
}

.article-section.reduce-bottom {
	padding-bottom: 0px;
}

.article-row {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-left: -15px;
	margin-right: -15px;
}

.article-row a {
	text-decoration: underline;
	color: #d2b48c;
}

.article-row a:hover {
	text-decoration: none;
}

.article-column {
	padding: 0 15px;
}

.article-column .article-preview {
	margin-bottom: 35px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
}

.article-column .article-preview:before {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	mix-blend-mode: multiply;
	background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 1) 100%, rgba(0, 0, 0, 1) 101%);
	background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 1) 100%, rgba(0, 0, 0, 1) 101%);
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 1) 100%, rgba(0, 0, 0, 1) 101%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00000000", endColorstr="#000000", GradientType=0);
}

.article-column .article-preview .preview-overlay {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: flex-end;
	padding: 24px 6%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
}

.article-column .article-video {
	position: relative;
	width: 100%;
	overflow: hidden;
	display: none;
	padding-top: 56.25%;
}

.article-column .article-video iframe {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	width: 100%;
	height: 100%;
	border: none;
}

.article-column h3 {
	font-size: 30px;
	line-height: 37px;
	color: #fff;
}

/*.ar-col-three .article-column h3 {
	font-size: 30px;
	line-height: 37px;
	color: #fff;
}*/
.article-column ul {
	padding: 0 0 0 18px;
	margin: 0 0 10px;
}

.ar-col-two {
	font-size: 17px;
	line-height: 30px;
}

.ar-col-three .article-column p {
	margin-bottom: 10px;
}

.article-row.ar-col-two .article-column {
	width: 50%;
	margin-bottom: 80px;
}

.article-row.ar-col-three .article-column {
	width: 33.33%;
	margin-bottom: 80px;
}

.article-row.ar-col-two .article-column.no-b-margin, .article-row.ar-col-three .article-column.no-b-margin {
	margin-bottom: 30px;
}

.article-column .btn {
	text-decoration: none;
	font-weight: 700;
	color: #fff;
	background-color: #565150;
	border-color: #565150;
	min-width: 340px;
}

.article-column .btn:hover {
	background-color: #2f2f2f;
	border: #2f2f2f 1px solid;
	color: #fff;
}

/*======================================[Special Quote.]==============================*/
.special-quote {
	padding: 130px 0;
	font-size: 20px;
	line-height: 38px;
	font-weight: 600;
	font-style: italic;
	color: #f1f1f1;
	text-align: center;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	position: relative;
}

.special-quote:before {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background-color: rgba(14, 37, 67, .7);
	z-index: 1;
}

.special-quote .container-main {
	max-width: 1090px;
	position: relative;
	z-index: 2;
}

/*==========================================[Featured Listing]===================================*/
.listing-section {
	padding: 70px 0;
}

.listing-section.reduce-top {
	padding-top: 15px;
}

.listing-section.reduce-bottom {
	padding-bottom: 15px;
}

.listing-section h2 {
	font-size: 30px;
	line-height: 37px;
	font-weight: 700;
	padding: 0 0 26px;
	margin: 0 0 26px;
	border-bottom: #d9d9d9 1px solid;
}

.listing-section .listing-row {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.listing-row .listing-col {
	width: 48%;
	margin-bottom: 15px;
}

.listing-section .listing-col {
	font-size: 17px;
	line-height: 26px;
}

.listing-section .listing-col h4 {
	font-size: 22px;
	line-height: 27px;
	font-weight: 700;
	color: #000;
	padding: 0;
	margin: 0;
	display: flex;
	align-items: center;
}

.listing-section .listing-col h4 span {
	width: 40px;
	height: 40px;
	background-color: #565150;
	border-radius: 50%;
	margin-right: 15px;
	display: inline-block;
	align-items: center;
	color: #fff;
}

.listing-section .listing-col h4 span i {
	position: relative;
	top: 50%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
}

.listing-section .listing-col h4 span img {
	position: relative;
	top: 50%;
	left: 50%;
	transform: translateY(-75%) translateX(-50%);
}

.listing-section .listing-col h4 strong {
	width: calc(100% - 55px);
	display: block;
}

.listing-row .listing-col p {
	margin-bottom: 10px;
}

.listing-section .listing-col h4 span img {
	filter: brightness(0) invert(1);
}

/*======================================[Full Image BG with text Overlay]========================================*/
.tcf-content {
	width: 100%;
	padding: 35px 0;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	position: relative;
}

#lsd-sec.tcf-content {
	padding: 90px 0;
}

.tcf-content .tcf-overlay {
	width: 50%;
	height: 100%;
	display: block;
	position: absolute;
	top: 0;
	z-index: 1;
}

.tcf-content .overlapping-img {
	width: 50%;
	height: 100%;
	text-align: center;
	display: block;
	position: absolute;
	top: 0;
	z-index: 1;
	overflow: hidden;
}

.tcf-content .overlapping-img img {
	position: relative;
	top: 50%;
	transform: translateY(-50%);
}

.tcf-content.right-content .tcf-overlay {
	right: 0;
}

.tcf-content.left-content .tcf-overlay {
	left: 0;
}

.tcf-row {
	display: flex;
	flex-wrap: wrap;
	position: relative;
	z-index: 2;
}

.tcf-row .tcf-col {
	width: 50%;
}

.tcf-col.tcf-img img.mob-visible {
	display: none;
}

.tcf-col.tcf-img {
	align-self: center;
}

.tcf-col.tcf-content {
	font-size: 17px;
	line-height: 26px;
	font-weight: 500;
	color: #f1f1f1;
	padding: 0 10% 0 0;
	align-self: center;
}

.tcf-col.tcf-content h3 {
	font-size: 40px;
	line-height: 49px;
	font-weight: 100;
	padding: 0;
	margin: 0 0 20px;
}

.tcf-col.tcf-content h3 strong {
	font-weight: 700;
}

.tcf-col.tcf-content h4 {
	font-size: 22px;
	line-height: 27px;
	font-weight: 700;
	padding: 0;
	margin: 0 0 8px;
}

.tcf-col.tcf-content p {
	margin-bottom: 20px;
}

.tcf-col.tcf-content ul {
	padding: 0 0 0 20px;
	margin-left: 0;
}

.tcf-col.tcf-content .btn {
	background-color: #fff;
	border-color: #fff;
	color: #000;
}

.tcf-col.tcf-content .btn:hover {
	color: #fff;
	background-color: #565150;
	border-color: #565150;
}

.tcf-col.tcf-content .btn.yellow {
	background-color: #f6c948;
	border-color: #f6c948;
	color: #fff;
}

.tcf-col.tcf-content .btn.yellow:hover {
	color: #f6c948;
	background-color: #fff;
	border-color: #fff;
}

.left-content .tcf-row {
	flex-direction: row-reverse;
}

.right-content .tcf-col.tcf-content {
	padding: 0 0 0 10%;
}

.standard-height .tcf-row {
	min-height: 480px;
}

/*==========================================[Video Grid Section	]================================*/
.video-grid-section {
	width: 100%;
	padding: 72px 0 100px;
}

.video-grid-section.medium-top-gap {
	padding-top: 35px;
}

.video-grid-section.small-top-gap {
	padding-top: 15px;
}

.video-grid-section.medium-bottom-gap {
	padding-bottom: 50px;
}

.video-grid-section.small-bottom-gap {
	padding-bottom: 25px;
}

.video-grid-section h4 {
	font-family: proxima-nova-condensed, sans-serif;
	font-size: 48px;
	line-height: 58px;
	font-weight: 100;
	text-align: center;
	padding: 0;
	margin: 0 0 80px;
}

.video-grid-section h4 strong {
	font-weight: 700;
}

.video-grid-section h4 span.sub {
	font-size: 18px;
	line-height: 30px;
	display: block;
}

.video-grid-section .popvideo-row {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -13px;
}

.popvideo-row .video-col {
	width: calc(33.33% - 26px);
	margin: 0 13px 30px;
}

.video-col a.vid-prev {
	text-decoration: none;
	display: block;
	position: relative;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	margin-bottom: 20px;
}

.vid-prev .play-btn {
	width: 64px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
}

.vid-prev .vid-placeholder {
	opacity: 0;
}

.video-col h3 {
	font-size: 22px;
	line-height: 28px;
	font-weight: 700;
	padding: 0;
	margin: 0 0 10px;
}

.video-col h5 {
	font-size: 18px;
	line-height: 20px;
	font-weight: 700;
	color: #939393;
	padding: 0;
	margin: 0;
}

/*===========================================[Special heading]=====================================*/
.special-title {
	padding: 130px 0;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	position: relative;
}

.special-title:before {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	background: transparent linear-gradient(90deg, #0e2543 0%, #000 38%, rgba(84, 84, 84, 0) 100%) 0% 0% no-repeat padding-box;
	mix-blend-mode: multiply;
	opacity: .93;
}

.special-title .container-main {
	position: relative;
	z-index: 2;
}

.special-title h2 {
	font-size: 55px;
	line-height: 67px;
	font-weight: 300;
	padding: 0;
	margin: 0;
}

.special-title h2 strong {
	font-weight: 700;
}

/*=============================================[special-cta-section]=============================================*/
.special-cta-section {
	width: 100%;
	padding: 100px 0;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	position: relative;
	font-size: 17px;
	line-height: 26px;
	font-weight: 400;
}

.special-cta-section.has-imgbg:before {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	background-color: rgba(0, 0, 0, .7);
}

.special-cta-section .container-main {
	position: relative;
	z-index: 2;
}

.cta-grid {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	flex-direction: row-reverse;
}

.cta-grid .cta-grid-col {
	width: 50%;
}

.cta-grid .cta-grid-col.cta-content {
	max-width: 585px;
}

.cta-mob-img img {
	display: none;
}

.special-cta-section h3 {
	font-size: 45px;
	line-height: 54px;
	font-weight: 300;
	padding: 0;
	margin: 0 0 10px;
}

.special-cta-section h3 strong {
	font-weight: 700;
}

.special-cta-section p {
	padding: 0;
	margin: 0 0 35px;
}

.special-cta-section .cta-main-img {
	width: 50%;
	text-align: right;
	position: absolute;
	right: 0;
	bottom: 0;
	z-index: 999;
}

.special-cta-section .cta-main-img.topalign {
	top: 0;
}

.special-cta-section .cta-main-img.bottomalign {
	bottom: 0;
}

.special-cta-section .cta-main-img.centeralign {
	height: 100%;
	bottom: 0;
}

.special-cta-section .cta-main-img.centeralign img {
	position: relative;
	top: 50%;
	transform: translateY(-50%);
}

.special-cta-section .btn {
	margin-right: 20px;
}

.car-title {
	font-size: 17px;
	line-height: 20px;
	font-weight: 700;
	color: #000;
	padding: 0;
	margin: 0;
	font-family: "proxima-nova", sans-serif;
}

/*===========================================[horizontal-icon-boxes]===========================================*/
.horizontal-icon-boxes {
	padding: 40px 0;
	background: #d2b48c;
	background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(86, 81, 80, 1) 100%);
}

.horizontal-icon-boxes .container-main {
	max-width: 1300px;
}

.horizontal-icon-boxes .icon-box-row {
	display: flex;
	justify-content: space-between;
	position: relative;
}

.icon-box-row:before {
	content: "";
	position: absolute;
	top: 0;
	left: 50%;
	width: 5px;
	height: 100%;
	display: block;
	background-color: #565150;
}

.icon-box-row .icon-box {
	width: 530px;
	display: flex;
	justify-content: space-between;
}

.icon-box .icon {
	width: 74px;
	height: 74px;
	background-color: #2f2f2f;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.icon-box .box-info {
	width: calc(100% - 75px);
	font-size: 17px;
	line-height: 26px;
	font-weight: 500;
	color: #000;
	padding-left: 24px;
}

.icon-box .box-info h4 {
	font-size: 30px;
	line-height: 37px;
	font-weight: 700;
	color: #000;
	padding: 0;
	margin: 0 0 5px;
}

.icon-box .box-info p {
	margin-bottom: 0;
}

.icon-box .box-info a {
	text-decoration: underline;
	color: #000;
}

/*=======================================[Three Column-icon-boxes]=====================================*/
.tc-icon-boxes {
	padding: 100px 0;
}

.tc-icon-boxes.medium-top-gap {
	padding-top: 50px;
}

.tc-icon-boxes.small-top-gap {
	padding-top: 25px;
}

.tc-icon-boxes.medium-bottom-gap {
	padding-bottom: 50px;
}

.tc-icon-boxes.small-bottom-gap {
	padding-bottom: 25px;
}

.tc-icon-boxes .container-main {
	max-width: 1307px;
}

.tc-icon-boxes .top-tcib-content {
	text-align: center;
	padding-bottom: 60px;
	font-size: 17px;
	line-height: 26px;
	font-weight: 500;
	color: #fff;
}

.tc-icon-boxes .top-tcib-content h2 {
	font-size: 40px;
	line-height: 48px;
	font-weight: 700;
	padding: 0;
	margin: 0 0 15px;
}

.tc-icon-boxes .top-tcib-content p {
	margin: 0;
}

.tc-icon-boxes .button-area {
	text-align: center;
	padding: 50px 0 0;
}

.tc-icon-boxes .button-area .btn.light {
	background-color: #fff;
	border-color: #fff;
	color: #000;
}

.tc-icon-boxes .button-area .btn.light:hover {
	background-color: #565150;
	border-color: #565150;
	color: #fff;
}

.tc-icon-boxes .button-area .btn.beige {
	background-color: #d2b48c;
	border-color: #d2b48c;
	color: #000;
}

.tc-icon-boxes .button-area .btn.beige:hover {
	background-color: #565150;
	border-color: #565150;
	color: #fff;
}

.tc-icon-boxes .button-area .btn.yellow:hover {
	background-color: #fff;
	border-color: #fff;
	color: #f6c948;
}

.tc-icon-boxes .tcib-row {
	margin-left: -15px;
	margin-right: -15px;
	display: flex;
	justify-content: space-between;
}

.tc-icon-boxes .tcib-row .tcib-col {
	width: 26%;
	padding: 0 15px;
	font-size: 17px;
	line-height: 26px;
	text-align: center;
}

.tc-icon-boxes .icon-holder {
	width: 80px;
	height: 80px;
	color: #fff;
	font-size: 30px;
	display: block;
	border-radius: 50%;
	background-color: #565150;
	text-align: center;
	margin: 0 auto 35px;
}

.tc-icon-boxes .icon-holder img, .tc-icon-boxes .icon-holder i {
	position: relative;
	top: 50%;
	transform: translateY(-50%);
}

.tc-icon-boxes h3 {
	font-size: 30px;
	line-height: 37px;
	font-weight: 700;
	padding: 0;
	margin: 0 0 25px;
}

.tc-icon-boxes .icon-holder img {
	filter: brightness(0) invert(1);
}

/*===========================================[]====================================*/
.iwfp-main {
	padding: 90px 0;
}

.iwfp-title-area {
	text-align: center;
	margin: 0 auto;
}

.iwfp-title-area h2 {
	font-size: 40px;
	line-height: 58px;
	font-weight: 300;
	margin: 0 0 25px;
}

.iwfp-title-area h2 strong {
	font-weight: 700;
}

.iwfp-row {
	display: flex;
	justify-content: space-between;
}

.iwfp-row .iwfp-content {
	width: 23%;
	padding: 40px 0 0;
}

.iwfp-content .iwfp-element {
	padding: 40px 0;
	font-size: 17px;
	line-height: 26px;
	font-weight: 500;
}

.iwfp-content .iwfp-element h4 {
	font-size: 24px;
	line-height: 28px;
	font-weight: 700;
	padding: 0;
	margin: 0 0 10px;
}

.iwfp-content .iwfp-element p {
	margin-bottom: 0;
}

.iwfp-row .iwfp-middle {
	width: 42%;
}

/*===============================[Automotive Gallery Page]=================================*/
.gallery-page-title {
	padding: 130px 0 80px;
	text-align: center;
}

.gallery-page-title h1 {
	font-size: 56px;
	line-height: 67px;
	font-weight: 700;
	color: #2f2f2f;
}

.gallery-page-title h1 span {
	font-weight: 100;
}

.galleries-section .gallery-nav-area {
	background-color: #fff;
	width: 100%;
	padding-bottom: 0px;
	margin-bottom: 100px;
}

.single-gallery-view {
	padding: 58px 0;
	background-color: #f1f1f1;
}

.shorting-area {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	flex-direction: row-reverse;
}

.shorting-area .filters-select {
	width: 330px;
	display: block;
	padding: 10px 40px 10px 10px;
	appearance: none;
	-webkit-appearance: none;
	background: url("https://sunstoppers.com/nitropack_static/lMsxHOdsTFvnYLFKjcecEotcDJbEpxHY/assets/images/optimized/rev-6e735cd/sunstoppers.com/wp-content/themes/sun_stopppers/images/filter-drop-arrow.svg") no-repeat 298px center;
}

.shorting-area .filters-select.nitro-lazy {
	background-image: none !important;
}

.shorting-area .gallery-nav {
	width: calc(100% - 400px);
	display: flex;
}

.shorting-area .gallery-nav a {
	display: block;
	padding: 16px 30px;
	text-decoration: none;
	color: #000;
}

.shorting-area .gallery-nav a:hover {
	color: #d2b48c;
}

/*==============================================[Compare Grid]==============================================*/
.compare-section {
	width: 100%;
	padding: 70px 0 43px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	position: relative;
}

.compare-section .comp-overlay {
	width: 100%;
	height: 100%;
	background-color: rgba(31, 78, 139, .93);
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}

.compare-section .container-main {
	position: relative;
	z-index: 2;
	text-align: center;
}

.compare-section .container-main h2 {
	font-size: 40px;
	line-height: 48px;
	font-weight: 300;
	color: #fff;
	padding: 0;
	margin: 0 0 60px;
}

.compare-section .comp-row {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.compare-section .comp-row .comp-col {
	width: 25%;
	padding: 0 6%;
	text-align: center;
	font-size: 18px;
	line-height: 28px;
	font-weight: 600;
	color: #fff;
	border-left: #6e819a 2px solid;
}

.compare-section .comp-row .comp-col:first-child {
	border-left: none;
}

.comp-col .iconholder {
	display: block;
	text-align: center;
	margin-bottom: 20px;
}

.comp-col .iconholder img {
	filter: brightness(0) invert(1);
}

.comp-col h4 {
	font-family: proxima-nova-condensed, sans-serif;
	font-size: 78px;
	line-height: 95px;
	font-weight: 700;
	color: #fff;
	padding: 0;
	margin: 0;
}

/*======================================[Client Area]=============================*/
.client-section {
	width: 100%;
	padding: 100px 0 60px;
}

.client-section h2 {
	font-size: 40px;
	line-height: 49px;
	font-weight: 300;
	text-align: center;
	padding: 0;
	margin: 0 0 60px;
}

.client-module {
	display: flex;
	justify-content: space-around;
	align-items: center;
}

.client-module .client-logo {
	display: block;
}

.spacer {
	width: 100%;
}

.page-id-4557 .tct-module .btn {
	margin-top: 20px;
}

/*==========================================[Content With Sidebar]=========================================*/
.content-with-sidebar {
	padding: 75px 0 100px;
}

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

.cws-main .cws-sidebar {
	width: 17%;
}

.cws-main-content {
	width: 80%;
	font-size: 18px;
	line-height: 28px;
}

.cws-row {
	padding-bottom: 30px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.cws-row .full-content {
	width: 100%;
}

.cws-row .full-content.left-cont {
	width: 47%;
}

.cws-row .right-content {
	width: 47%;
}

.cws-main-content h2 {
	font-size: 30px;
	line-height: 37px;
	font-weight: 400;
	padding: 0;
	margin: 0 0 10px;
}

.cws-main-content p {
	padding: 0;
	margin: 0 0 10px;
}

.cws-sidebar .widget-area {
	background-color: #f1f1f1;
	border: #e6e6e6 1px solid;
	padding: 5px 20px;
}

.cws-sidebar ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

.cws-sidebar ul li {
	font-size: 17px;
	line-height: 30px;
	font-weight: 500;
	padding: 5px 0;
	color: #2f2f2f;
	border-bottom: #dcdcdc 1px solid;
}

.cws-sidebar ul li:last-child {
	border: none;
}

.cws-sidebar ul li.menu-item-has-children {
	padding-right: 20px;
	position: relative;
}

.cws-sidebar ul li.menu-item-has-children:after {
	font-family: "Font Awesome 5 Pro";
	content: "";
	position: absolute;
	top: 5px;
	right: 2px;
}

.cws-sidebar ul li.menu-item-has-children.active:after {
	content: "";
}

.cws-sidebar ul li a {
	text-decoration: none;
	color: #2f2f2f;
}

.cws-sidebar ul li a:hover {
	color: #e69c19;
}

.cws-sidebar ul ul {
	padding: 0;
	margin: 0 0 10px 15px;
	list-style: none;
	display: none;
}

.cws-sidebar ul li li {
	font-size: 17px;
	line-height: 18px;
	border: none;
}

.cws-sidebar ul li.menu-item-has-children:hover:after {
	color: #e69c19;
}

.basic-container .fg-default.fg-gutter-10 {
	max-width: 1290px;
	margin-left: auto;
	margin-right: auto;
}

/*=======================================[Form Bar style]===================================*/
.basic-container .gform_wrapper .percentbar_orange {
	background: transparent linear-gradient(94deg, #d2b48c 0%, #e69c19 100%) 0% 0% no-repeat padding-box;
}

.basic-container .gform_wrapper .gf_progressbar {
	padding: 0;
}

.basic-container .gform_wrapper h2 {
	font-size: 30px;
	line-height: 37px;
	font-weight: 700;
	padding: 0;
	margin: 0;
}

.basic-container .gform_wrapper .top_label .gfield_label {
	font-size: 17px;
	line-height: 21px;
	font-weight: 700;
}

.basic-container .gfield_checkbox label {
	border: none;
	box-shadow: none;
}

.basic-container .gform_wrapper .gfield_checkbox li input[type=checkbox] {
	display: none;
}

.basic-container .gform_wrapper .gfield_checkbox li input[type=checkbox] + label {
	display: block;
	margin: 0 0 26px 0 !important;
	cursor: pointer;
	padding: .2em !important;
	max-width: 100%;
	font-size: 17px;
	font-weight: 600;
	border-radius: 0 !important;
	width: 100% !important;
}

.basic-container .gform_wrapper .gfield_checkbox li input[type=checkbox] + label:before {
	content: "";
	display: inline-block;
	width: 24px;
	height: 24px;
	margin-right: 20px;
	vertical-align: bottom;
	color: transparent;
	background-image: url("https://sunstoppers.com/nitropack_static/lMsxHOdsTFvnYLFKjcecEotcDJbEpxHY/assets/images/optimized/rev-6e735cd/sunstoppers.com/wp-content/themes/sun_stopppers/images/Checkbox-with-text.png");
	background-repeat: no-repeat;
	background-position: 0 0;
}

.basic-container .gform_wrapper .gfield_checkbox li input[type=checkbox]:checked + label:before {
	background-position: 0 -24px;
}

.basic-container .gform_wrapper .gform_page_footer {
	border: none;
}

.basic-container .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) {
	padding: 13px 15px;
	height: 50px;
}

.basic-container .gform_wrapper .gform_page_footer .button.gform_previous_button {
	background-color: transparent;
	border-color: #000;
	color: #000;
}

.basic-container .gform_wrapper .gform_page_footer .button.gform_previous_button:hover {
	background-color: #000;
	border-color: #000;
	color: #fff;
}

.basic-container .foogallery.fg-border-thin .fg-item-inner {
	border-width: 0px;
}

.basic-container .fg-default.fg-gutter-10 .fg-item {
	margin-right: 30px;
	margin-bottom: 30px;
}

.basic-container .fg-default.fg-gutter-10 {
	padding-left: 30px;
}

.basic-container .gform_wrapper .gform_page_footer input.button {
	padding: 15px 10px;
	min-width: 160px;
	height: 60px;
}

body.fancybox-active.compensate-for-scrollbar {
	margin-right: 0;
	overflow-y: auto;
}

/*=============================================[warranty-popup]=======================================*/
.fancybox-slide .warranty-popup {
	max-width: 1158px;
	padding: 60px;
	color: #22201f;
	font-size: 17px;
	line-height: 26px;
	overflow: hidden;
}

.warranty-popup h2 {
	font-size: 30px;
	line-height: 37px;
	font-weight: 700;
	padding: 0;
	margin: 0 0 25px;
}

.warranty-popup h3 {
	font-size: 17px;
	line-height: 26px;
	font-weight: 700;
	padding: 0;
	margin: 0 0 5px;
}

.warranty-popup h4 {
	font-size: 17px;
	line-height: 26px;
	font-weight: 700;
	padding: 0;
	margin: 0 0 5px;
}

.warranty-popup p {
	padding: 0;
	margin: 0 0 25px;
}

.warranty-popup p:last-child {
	margin-bottom: 0;
}

.warranty-popup .cross-close {
	width: 20px;
	height: 20px;
	position: absolute;
	top: 0;
	right: -34px;
	z-index: 20;
}

.fancybox-close-small:hover {
	background-color: transparent;
	border: none;
}

/*=================================================[Location Bottom]=========================================*/
.ld-bottom {
	padding: 90px 0 38px;
	background-color: #484848;
}

.ld-bottom-row {
	padding: 70px 0;
	display: flex;
	justify-content: space-between;
	border-top: #7c7c7c 1px solid;
}

.ld-bottom .container-main .ld-bottom-row:first-child {
	border: none;
}

.ld-bottom-row.reverse-col {
	flex-direction: row-reverse;
}

.ld-bottom-row .ld-col {
	width: 48.5%;
	font-size: 17px;
	line-height: 26px;
	color: #e7e7e7;
	font-weight: 400;
}

.ld-bottom-row .ld-col h3 {
	font-size: 30px;
	line-height: 32px;
	font-weight: 700;
	padding: 0;
	color: #fff;
	margin: 0 0 15px;
}

.ld-bottom-row .img-caption {
	display: none;
	max-width: 440px;
	text-align: center;
	font-size: 15px;
	line-height: 26px;
	color: #eae2d6;
	margin: 20px auto 0;
}

.ld-bottom-row .img-frame {
	position: relative;
}

.ld-bottom-row .play {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	font-size: 44px;
	color: #fff;
	z-index: 9;
}

/*===============================================
[Ebook Download Section]
==================================================*/
.ebook-setion {
	padding: 32px 0;
	background-color: #fff;
	color: #000;
}

.ebook-row {
	display: flex;
	align-items: center;
}

.ebook-row .ebook-content {
	width: 55%;
	padding-left: 5%;
	font-size: 17px;
	line-height: 26px;
	font-weight: 500;
}

.ebook-content h3 {
	font-size: 40px;
	line-height: 49px;
	font-weight: 400;
	color: #000;
	padding: 0;
	margin: 0 0 10px;
}

.ebook-content a.ebook-btn {
	width: 228px;
	display: block;
	text-decoration: none;
	color: #fff;
	font-size: 17px;
	line-height: 30px;
	text-align: center;
	padding: 10px 5px;
	border-radius: 25px;
	background-color: #565150;
}

.ebook-content a.ebook-btn:hover {
	background-color: #2f2f2f;
}

.ebook-row .ebbok-image {
	width: 40%;
	position: relative;
	text-align: right;
}

/*============================[Mobile Toggle]=============================*/
.toggle-container {
	padding: 15px 0 50px;
}

.toggle-container h4.accordion {
	font-size: 17px;
	line-height: 24px;
	font-weight: 700;
	padding: 12px 30px 12px 0;
	margin: 0;
	position: relative;
}

.toggle-container h4.accordion.active {
	color: #d2b48c;
}

.toggle-container h4.accordion:after {
	content: "";
	color: #fff;
	font-weight: 300;
	font-size: 24px;
	font-family: "Font Awesome 5 Pro";
	position: absolute;
	right: 2px;
	top: 10px;
}

.toggle-container h4.accordion.active:after {
	content: "";
	color: #d2b48c;
}

.toggle-container .acc-content {
	font-size: 18px;
	line-height: 30px;
	font-weight: 400;
	padding: 10px 0;
	display: none;
	overflow: hidden;
}

.menu-service-box {
	display: none;
	z-index: 999;
}

.fancybox-navigation button:hover {
	border: none;
}

.location-review .rplg .rplg-box {
	background-color: #fff !important;
	border: none !important;
}

.location-review .rplg-grid .rplg-review-name {
	font-size: 30px !important;
	line-height: 37px !important;
	font-weight: 600 !important;
	color: #000 !important;
}

.location-review .rplg .rplg-url {
	display: none;
}

.mega-block-title {
	font-size: 16px !important;
}

#mega-menu-wrap-menu-2 #mega-menu-menu-2 > li.mega-menu-item > a.mega-menu-link:hover {
	color: #f6c948;
}

.simulator-title-area .container-main {
	max-width: 100%;
	padding-left: 8%;
	padding-right: 8%;
}

.tc-content h4 {
	color: #e69c19;
	margin-bottom: 30px;
	letter-spacing: 2px;
}

.home .cta-section h4 {
	font-size: 56px;
	font-weight: 300;
	color: #d2b48c;
}

.play-btn-article {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 4;
	color: #fff !important;
	font-size: 80px;
	width: 100%;
	height: 100%;
}

.play-btn-article i {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
}

.page-id-306 .popvideo-row .video-col {
	margin-bottom: 40px;
}

.home .tc-content h1, .home .tc-content h3 {
	font-size: 30px;
	color: #e69c19;
	font-weight: 700;
	margin-bottom: 30px;
}

.page-id-170 .horizontal-img-content {
	padding-bottom: 0;
}

.page-id-5291 .special-title:before {
	background: #9f8f78;
	mix-blend-mode: normal;
}

.page-id-5291 .special-title h2 {
	font-size: 40px;
}

.home.ld-icon-area h2 {
	font-weight: 300;
}

.home.ld-icon-area h2 strong {
	font-weight: 700;
}

.home.ld-icon-area p {
	margin-bottom: 51px;
}

#gform_wrapper_17 ul, #gform_wrapper_42 ul {
	position: relative;
}

#gform_wrapper_17 li#field_17_20, #gform_wrapper_42 li#field_42_20 {
	position: absolute;
	right: 0;
	top: 0;
	width: 400px;
}

#gform_wrapper_17 li#field_17_20 img, #gform_wrapper_42 li#field_42_20 img {
	width: 444px;
	height: 350px;
	object-fit: cover;
}

.content-with-readmore {
	color: #fff;
}

.content-with-readmore.reduce-top {
	padding: 0;
}

.content-with-readmore.reduce-bottom {
	padding: 0;
}

.content-with-readmore .tciwc-row .tciwc-content {
	padding: 20px 5%;
}

.content-with-readmore .tciwc-row {
	align-items: center;
}

.tciwc-content h2 {
	font-weight: 700;
	margin: 0 0 25px;
}

.tciwc-content .title-text {
	font-size: 30px;
	line-height: 37px;
	font-weight: 700;
}

.less-content {
	display: block;
}

.full-content {
	display: none;
}

.btn.top-gap {
	margin-top: 30px;
}

.morelink {
	display: inline-block;
}

.morelink i {
	margin-right: 5px;
}

.morelink:hover {
	color: #fff;
}

.lesscont.morelink:hover, .fullcont.morelink:hover {
	color: #000;
}

.morebtn-area {
	text-align: center;
	padding: 50px 0;
}

.customizer-cta-btn {
	text-decoration: none;
	font-size: 17px;
	line-height: 30px;
	padding: 10px 35px;
	text-align: center;
	font-weight: 600;
	display: inline-block;
	color: #fff;
	width: auto;
	height: 50px;
	border-radius: 25px;
	background-color: #565150;
	transition: all .25s ease-in-out;
}

.customizer-cta-btn:hover {
	background-color: #2f2f2f;
	color: #fff;
	text-decoration: none;
}

.content-with-readmore .tciwc-content .btn.yellow-btn {
	background-color: #f6c948;
	border-color: #f6c948;
	color: #fff;
}

.content-with-readmore .tciwc-content .btn.yellow-btn:hover {
	background-color: #2f2f2f;
	border-color: #2f2f2f;
	color: #fff;
}

.home-hero {
	min-height: 650px;
	background: url("https://sunstoppers.com/nitropack_static/lMsxHOdsTFvnYLFKjcecEotcDJbEpxHY/assets/images/optimized/rev-6e735cd/sunstoppers.com/wp-content/themes/sun_stopppers/images/slider-loader.gif") no-repeat center center;
	background-size: 100px;
}

.home-hero.nitro-lazy {
	background-image: none !important;
}

.gallery-hero {
	margin-bottom: 83px;
	position: relative;
	height: 380px;
}

.gallery-hero-overlay {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, .77);
	z-index: 1;
}

.gallery-hero .gallery-page-title {
	z-index: 2;
	position: relative;
}

.gallery-hero h1 {
	color: #fff;
}

.gallery-nav-area h5 {
	font-size: 18px;
	color: #000;
	font-weight: 700;
	margin-bottom: 30px;
}

.car-grid2 {
	display: flex;
	flex-wrap: wrap;
}

.photo-gallery {
	width: 25%;
	padding: 0 20px;
	position: relative !important;
	left: inherit !important;
	top: inherit !important;
	float: left;
}

.photo-gallery:first-child {
	width: 75%;
}

.photo-gallery:first-child img {
	height: 496px;
}

.gallery-nav a {
	transition: ease-in-out all .3s;
	-webkit-transition: ease-in-out all .3s;
}

.gallery-nav a.is-checked, .gallery-nav a:hover {
	background-color: #f1f1f1;
	color: #d2b48c;
	text-decoration: none;
}

.car-grid {
	height: auto !important;
}

/*service-area-section
=================================*/
.service-area-section {
	background-repeat: no-repeat !important;
	background-size: cover !important;
	padding: 30px 0;
	position: relative;
}

.service-area-section .container-main {
	position: relative;
	z-index: 2;
	margin-bottom: 50px;
}

.service-area-overlay {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: transparent linear-gradient(131deg, #1f4e8b 0%, #0e2543 100%) 0% 0% no-repeat padding-box;
	opacity: .96;
	z-index: 1;
}

.services-head {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	border-bottom: 1px solid rgba(255, 255, 255, .14);
	margin-bottom: 31px;
}

.services-head h3 {
	color: #000;
	font-size: 36px;
	line-height: 44px;
}

.services-head h3 span {
	font-weight: 300;
}

.services-head a {
	margin-left: auto;
	letter-spacing: .85px;
	color: #000;
}

.service-area-row {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
}

.service-area-col {
	position: relative;
	width: 440px;
}

.service-area-col img {
	width: 100%;
	height: 300px;
	object-fit: cover;
}

.service-area-content {
	position: absolute;
	left: 0;
	top: 50%;
	width: 100%;
	transform: translateY(-50%);
	z-index: 2;
	padding: 0 60px;
	text-align: center;
	color: #fff;
}

.service-area-content h4 {
	text-transform: uppercase;
}

.service-area-content .btn {
	line-height: 40px;
	min-height: 40px;
	padding: 0 30px;
	min-width: 180px;
}

.service-area-content .btn:hover {
	background-color: #fff;
	border-color: #fff;
	color: #000;
}

.service-area-row.owl-carousel .owl-nav .owl-prev {
	left: -75px;
	background: transparent !important;
	opacity: 1;
}

.service-area-row.owl-carousel .owl-nav .owl-next {
	right: -75px;
	background: transparent !important;
	opacity: 1;
}

.services-overlay {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
	background: transparent linear-gradient(180deg, rgba(0, 0, 0, .49) 0%, rgba(14, 37, 67, .92) 100%) 0% 0% no-repeat padding-box;
	mix-blend-mode: multiply;
}

.content-menu.desktop {
	position: sticky;
	top: 140px;
	left: 0;
	z-index: 1000;
}

.foo-widget-area #text-17 .textwidget a {
	text-decoration: underline;
}

.foo-widget-area #text-17 .textwidget a:hover {
	text-decoration: none;
}

.mob-only-num {
	display: none;
	color: #000;
	font-size: 14px;
	font-weight: 700;
}

.mob-only-num:hover {
	color: #000;
}

.mobile-special-links {
	display: none;
	width: 100%;
	padding-top: 1px;
	background-color: #000;
	position: fixed;
	top: 56px;
	left: 0;
	z-index: 1001;
}

.mobile-special-links .spcial-wrap {
	display: flex;
	justify-content: space-between;
}

.mobile-special-links a {
	width: 100%;
	height: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 18px;
	letter-spacing: 2px;
	text-transform: uppercase;
	color: #000;
	font-weight: 700;
	background: #f0d93b;
	background: -moz-linear-gradient(top, #f0d93b 0%, #f0da36 1%, #eed435 12%, #eecf37 22%, #f0cc36 23%, #ecc633 33%, #efc137 40%, #ecbe34 44%, #ebb435 55%, #eeb534 57%, #ecb332 58%, #ecb133 61%, #ebad32 62%, #edab33 65%, #eaa933 69%, #ea9832 96%, #e9982f 97%, #e89835 98%, #ec962f 99%, #e99731 100%);
	background: -webkit-linear-gradient(top, #f0d93b 0%, #f0da36 1%, #eed435 12%, #eecf37 22%, #f0cc36 23%, #ecc633 33%, #efc137 40%, #ecbe34 44%, #ebb435 55%, #eeb534 57%, #ecb332 58%, #ecb133 61%, #ebad32 62%, #edab33 65%, #eaa933 69%, #ea9832 96%, #e9982f 97%, #e89835 98%, #ec962f 99%, #e99731 100%);
	background: linear-gradient(to bottom, #f0d93b 0%, #f0da36 1%, #eed435 12%, #eecf37 22%, #f0cc36 23%, #ecc633 33%, #efc137 40%, #ecbe34 44%, #ebb435 55%, #eeb534 57%, #ecb332 58%, #ecb133 61%, #ebad32 62%, #edab33 65%, #eaa933 69%, #ea9832 96%, #e9982f 97%, #e89835 98%, #ec962f 99%, #e99731 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f0d93b", endColorstr="#e99731", GradientType=0);
}

.mobile-special-links a i {
	margin-right: 20px;
}

.mlf-link {
	height: 50px;
	text-decoration: none;
	background-color: #febd00;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 16px;
	letter-spacing: 2px;
	text-transform: uppercase;
	color: #000;
	font-weight: 700;
}

.mlf-link i {
	margin-right: 12px;
}

.pac-container:after {
	content: none !important;
}

.mob-location-pointer {
	display: none;
	cursor: pointer;
	padding: 10px 0 0 5px;
}

/*========================================================
[Video iframe for mobile]
=========================================================*/
.mob-iframe-video {
	position: relative;
	width: 100%;
	overflow: hidden;
	display: none;
	padding-top: 56.25%;
	margin: 10px 0 20px;
}

.mob-iframe-video iframe {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	width: 100%;
	height: 100%;
	border: none;
}

.post-password-form input[type="submit"] {
	padding: 2px 20px;
}

/*====================================================================
[Tint-Laws-single-structure]
=====================================================================*/
.laws-banner {
	width: 100%;
	position: relative;
	background-color: #d2b48c;
}

.laws-banner .banner-image {
	width: 54%;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 1;
	background-repeat: no-repeat;
	background-position: right 0;
	background-size: cover;
	clip-path: polygon(10% 0%, 100% 0%, 100% 100%, 0% 100%);
}

.lwsbanner-wrap {
	max-width: 1920px;
	padding: 0 15px;
	width: 100%;
	margin: 0 auto;
	position: relative;
	z-index: 2;
}

.lwsbanner-wrap .lws-banner-content {
	width: 45%;
	font-size: 24px;
	line-height: 32px;
	padding: 135px 0 115px;
	text-align: right;
	color: #000;
}

.lwsbanner-wrap .lws-banner-content h1 {
	font-size: 50px;
	color: #000;
	line-height: 58px;
	text-transform: uppercase;
	padding: 0;
	margin: 0;
}

.lwsbanner-wrap .lws-banner-content h2 {
	font-family: "proxima-nova", sans-serif;
	font-size: 30px;
	font-weight: 400;
	color: #000;
	line-height: 38px;
	padding: 0;
	margin: 0 0 15px;
}

.lwsbanner-wrap .lws-banner-content p {
	padding: 0;
	margin: 0 0 15px;
}

.lwsbanner-wrap .lws-banner-content .lawhero-btn {
	font-size: 21px;
	line-height: 23px;
	font-weight: 700;
	font-style: italic;
	text-transform: uppercase;
	padding: 9px 26px 9px 16px;
	display: inline-block;
	color: #fff;
	background-color: #000;
	clip-path: polygon(4% 0%, 100% 0%, 96% 100%, 0% 100%);
}

.lwsbanner-wrap .lws-banner-content .lawhero-btn:hover {
	text-decoration: none;
}

.three-grid-section {
	width: 100%;
	border-bottom: #ccc 20px solid;
}

.three-grid-section .tcs-title {
	background-color: #2f2f2f;
	padding: 12px 15px;
	font-size: 30px;
	line-height: 32px;
	color: #d2b48c;
	font-weight: 700;
	text-transform: uppercase;
	text-align: center;
}

.three-grid-section .tcs-title h2 {
	font-size: 30px;
	line-height: 32px;
	color: #d2b48c;
	font-weight: 700;
	padding: 0;
	margin: 0;
}

.tcs-container {
	max-width: 1920px;
	padding: 28px 15px;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.tcs-container .tcs-col {
	width: 33.33%;
	border-left: #808080 4px solid;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	font-size: 24px;
	color: #000;
	line-height: 28px;
}

.tcs-container .tcs-col:first-child {
	border-left: none;
}

.tcs-container .tcs-col p {
	padding: 0;
	margin: 0 0 25px;
}

.tcs-container .tcs-col h4 {
	font-size: 30px;
	line-height: 36px;
	font-weight: 600;
	color: #000;
	padding: 0;
	margin: 0px;
}

.tcs-col .first-tcs-col {
	width: 390px;
}

.tcs-col .second-tcs-col {
	width: 530px;
}

.tcs-col .third-tcs-col {
	width: 436px;
}

.stc-section {
	width: 100%;
}

.stc-section .stc-wrapper {
	max-width: 1920px;
	padding: 0 15px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.stc-wrapper .stc-heading {
	width: 50%;
	text-align: center;
	padding: 20px 0;
	color: #2f2f2f;
	font-weight: 700;
	font-size: 30px;
	line-height: 32px;
}

.stc-wrapper .stc-heading h2 {
	font-weight: 700;
	font-size: 30px;
	line-height: 32px;
	padding: 0;
	margin: 0;
}

.stc-main-container {
	width: 100%;
	position: relative;
	background-color: #ccc;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.stc-main-container .stc-image {
	background-color: #d2b48c;
	width: 50%;
}

.stc-main-container .stc-image img {
	width: 100%;
	height: auto;
	position: relative;
	top: 50%;
	transform: translateY(-50%);
}

.stc-section .stc-main-container .stc-content {
	width: 50%;
}

.stc-content-area {
	width: 50%;
	padding: 24px 0 0 5%;
	text-align: center;
	font-size: 18px;
	line-height: 24px;
	color: #000;
	font-weight: 300;
}

.stc-content-area h3 {
	font-size: 40px;
	line-height: 40px;
	font-weight: 700;
	text-transform: uppercase;
	color: #000;
	padding: 0;
	margin: 0;
}

.stc-content-area ul {
	text-align: left;
}

.stc-content-area ul li {
	text-align: left;
	margin: 10px 0;
}

.tint-variety-section {
	width: 100%;
}

.tint-variety-section .tvs-caption {
	padding: 12px 15px;
	text-align: center;
	font-size: 24px;
	color: #000;
	line-height: 28px;
}

.state-law-area {
	width: 100%;
}

.state-law-area .sla-title {
	text-align: center;
	font-size: 30px;
	line-height: 32px;
	color: #000;
	font-weight: 700;
	text-transform: uppercase;
	padding: 10px 15px;
	background-color: #d2b48c;
}

.state-law-area .sla-title h2 {
	font-size: 30px;
	line-height: 32px;
	color: #000;
	font-weight: 700;
	padding: 0;
	margin: 0;
}

.state-law-row {
	display: flex;
	flex-wrap: wrap;
}

.state-info-block {
	width: 400px;
	padding: 45px 50px 50px;
	background-color: #2f2f2f;
	text-align: center;
}

.state-info-block select {
	width: auto;
	height: 30px;
	color: #000;
	color: #000;
	padding: 0 50px 0 30px;
	font-size: 18px;
	font-weight: 700;
	border: none;
	outline: none;
	margin: 0 auto 30px;
	border-radius: 0;
	appearance: none;
	-webkit-appearance: none;
	background: #d2b48c url("https://sunstoppers.com/nitropack_static/lMsxHOdsTFvnYLFKjcecEotcDJbEpxHY/assets/images/optimized/rev-6e735cd/sunstoppers.com/wp-content/themes/sun_stopppers/images/state-select-arrow-icon.png") no-repeat 87% center;
}

.state-info-block select.nitro-lazy {
	background-image: none !important;
}

.state-info-block h2 {
	font-size: 30px;
	line-height: 32px;
	font-weight: 700;
	color: #fff;
	text-transform: uppercase;
	padding: 0;
	margin: 0 0 70px;
}

.state-info-block .map-img {
	display: block;
	margin-bottom: 70px;
}

.state-info-block .state-info-btn {
	text-decoration: none;
	display: inline-block;
	font-size: 21px;
	line-height: 40px;
	font-weight: 700;
	font-style: italic;
	color: #d2b48c;
	padding: 0 20px;
	text-transform: uppercase;
	background-color: #000;
}

.state-law-row .law-list {
	width: calc(100% - 400px);
	padding: 22px 0;
	display: flex;
	flex-wrap: wrap;
	background-color: #e5e5e5;
}

.law-list .state-applied-law {
	width: 25%;
	padding: 22px 2%;
	text-align: center;
	font-size: 18px;
	line-height: 22px;
	border-left: #808080 4px solid;
}

.law-list .state-applied-law:first-child {
	border-left: none;
}

.state-applied-law h3 {
	font-size: 22px;
	color: #000;
	font-weight: 700;
	line-height: 24px;
	text-transform: uppercase;
	padding: 0;
	margin: 0 0 25px;
}

.state-applied-law p {
	padding: 0;
	margin: 0 0 15px;
}

.collapse-note {
	width: 100%;
	background-color: #e5e5e5;
}

.collapse-note .cn-title {
	background-color: #d2b48c;
	padding: 8px 15px;
	text-align: center;
	font-size: 20px;
	font-weight: 600;
	line-height: 22px;
	cursor: pointer;
	color: #000;
}

.collapse-note .cn-title h3 {
	font-size: 20px;
	font-weight: 600;
	line-height: 22px;
	padding: 0;
	margin: 0;
}

.collapse-note .cn-title span {
	font-size: 15px;
	font-weight: 400;
}

.collapse-note .cn-title h3 span {
	font-size: 15px;
	font-weight: 400;
}

.cn-row {
	width: 100%;
	display: none;
	flex-wrap: wrap;
}

.cn-row.show-note {
	display: flex;
}

.cn-row .note-heading {
	font-size: 20px;
	font-weight: 700;
	color: #000;
	background-color: #acacac;
	width: 400px;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
}

.cn-row .note-heading h3 {
	font-size: 20px;
	font-weight: 700;
	color: #000;
	padding: 0;
	margin: 0;
}

.cn-row .note-desc {
	font-size: 18px;
	font-weight: 300;
	color: #000;
	width: calc(100% - 400px);
	padding: 16px 4%;
	column-count: 2;
	column-gap: 4%;
}

.law-cta {
	width: 100%;
	position: relative;
	background-color: #d2b48c;
}

.law-cta .cta-img-preview {
	width: 55%;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 1;
	background-repeat: no-repeat;
	background-position: 0 center;
	background-size: cover;
	clip-path: polygon(10% 0%, 100% 0%, 100% 100%, 0% 100%);
}

.law-cta-btn {
	position: absolute;
	top: 35px;
	left: 12%;
	font-size: 30px;
	line-height: 32px;
	text-transform: uppercase;
	font-style: italic;
	font-weight: 700;
	color: #000;
	background-color: #f6c948;
	display: inline-block;
	padding: 14px 28px 14px 50px;
	clip-path: polygon(4% 0%, 100% 0%, 100% 100%, 0% 100%);
}

.law-cta-btn:hover {
	text-decoration: none;
}

.law-cta-wrapper {
	max-width: 1920px;
	padding: 0 15px;
	margin: 0 auto;
}

.law-cta-wrapper .law-cta-content {
	width: 45%;
	padding: 35px;
	font-size: 26px;
	font-weight: 300;
	line-height: 30px;
	color: #000;
}

.law-cta-wrapper .law-cta-content h3 {
	font-size: 36px;
	line-height: 40px;
	font-weight: 700;
	color: #000;
	text-transform: uppercase;
	padding: 0;
	margin: 0 0 10px;
}

.law-cta-wrapper .law-cta-content p {
	margin: 0;
}

.disclaimer-note {
	width: 100%;
	background-color: #2f2f2f;
	padding: 20px 15px 5px;
	font-size: 18px;
	line-height: 24px;
	font-weight: 300;
	color: #fff;
	text-align: center;
}

.disclaimer-note .disclaimer-wrapper {
	max-width: 1778px;
	margin: 0 auto;
}

.disclaimer-note p {
	margin-bottom: 20px;
}

/*=====================================================
[Tint School]
======================================================*/
.tschool_reasons {
	width: 100%;
}

.tschool_reasons .tschool_title {
	background: #2f2f2f;
	text-align: center;
	font-size: 30px;
	font-weight: 400;
	line-height: 32px;
	padding: 10px;
	color: #fff;
	text-transform: uppercase;
}

.tschool_reasons .tschool_title strong {
	font-weight: 700;
	color: #d2b48c;
}

.tschool_reasons .tschool_title h2 {
	font-size: 30px;
	font-weight: 400;
	line-height: 32px;
	padding: 0;
	margin: 0;
}

.tschool_reasons .tschool_title h2 strong {
	font-weight: 700;
	color: #d2b48c;
}

.tschool_reasons .tschool_points {
	padding: 30px;
}

.tschool_reasons .tschool_points ul {
	padding: 0;
	margin: 0;
	list-style: none;
	display: flex;
	flex-wrap: wrap;
}

.tschool_reasons .tschool_points ul li {
	width: 33.33%;
	text-align: center;
	font-size: 28px;
	font-weight: 600;
	color: #000;
	line-height: 30px;
	border-left: #808080 3px solid;
	border-bottom: #808080 3px solid;
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 100px;
}

.tschool_reasons .tschool_points ul li:first-child {
	border-left: none;
}

.tschool_reasons .tschool_points ul li:nth-child(4) {
	border-left: none;
}

.tschool_reasons .tschool_points ul li:nth-child(4), .tschool_reasons .tschool_points ul li:nth-child(5), .tschool_reasons .tschool_points ul li:nth-child(6) {
	border-bottom: none;
}

.course-title-area {
	width: 100%;
	background: #ccc;
	padding: 32px 0;
}

.course-title-area .course-title-wrapper {
	max-width: 1580px;
	padding: 0 15px;
	text-align: center;
	font-size: 22px;
	line-height: 26px;
	font-weight: 300;
	color: #000;
	margin: 0 auto;
}

.course-title-area .course-title-wrapper h2 {
	font-size: 35px;
	line-height: 37px;
	font-weight: 700;
	color: #000;
	padding: 0;
	margin: 0 0 5px;
}

.course-title-area .course-title-wrapper p {
	padding: 0;
	margin: 0;
}

.course-main {
	width: 100%;
	position: relative;
	background-color: #d2b48c;
}

.course-main .course-previw {
	width: 45%;
	height: 100%;
	position: absolute;
	top: 0;
	z-index: 1;
	background-repeat: no-repeat;
	background-position: right 0;
	background-size: cover;
}

.course-main.left-side .course-previw {
	left: 0;
	clip-path: polygon(0% 0%, 100% 0%, 85% 100%, 0% 100%);
}

.course-main.right-side .course-previw {
	right: 0;
	clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 15% 100%);
}

.course-main .course-main-wrapper {
	max-width: 1920px;
	padding: 0 15px;
	width: 100%;
	margin: 0 auto;
	position: relative;
	z-index: 2;
	display: flex;
}

.course-main.left-side .course-main-wrapper {
	justify-content: flex-end;
}

.course-main.right-side .course-main-wrapper {
	justify-content: flex-start;
}

.course-main-wrapper .course-content {
	width: 52%;
	font-size: 28px;
	line-height: 38px;
	font-weight: 300;
	padding: 26px 0 50px;
	color: #000;
}

.course-main-wrapper .course-content h1 {
	display: inline-block;
	background-color: #2f2f2f;
	font-size: 51px;
	line-height: 53px;
	color: #fff;
	font-weight: 800;
	font-style: italic;
	padding: 12px 40px;
	margin: 0 0 25px;
}

.course-main-wrapper.left-side .course-content h1 {
	clip-path: polygon(6% 0%, 100% 0%, 94% 100%, 0% 100%);
}

.course-main-wrapper.right-side .course-content h1 {
	clip-path: polygon(0% 0%, 95% 0%, 100% 100%, 0% 100%);
}

.course-content .course-content-btn {
	text-decoration: none;
	font-size: 21px;
	line-height: 23px;
	font-weight: 700;
	text-transform: uppercase;
	padding: 9px 26px 9px 16px;
	display: inline-block;
	color: #fff;
	background-color: #2f2f2f;
	clip-path: polygon(0% 0%, 100% 0%, 96% 100%, 0% 100%);
	margin-top: 20px;
}

.course-content .course-content-btn:hover {
	text-decoration: none;
	background-color: #000;
}

.course-main-wrapper .course-content h3 {
	font-size: 40px;
	line-height: 42px;
	font-weight: 700;
	color: #000;
	padding: 0;
	margin: 0 0 5px;
}

.course-main-wrapper .course-content ul {
	padding: 0;
	margin: 0 0 20px 30px;
}

.course-main-wrapper .course-content ul li {
	font-size: 28px;
	line-height: 36px;
	font-weight: 300;
	color: #000;
}

.course-main-wrapper .course-content p {
	padding: 0;
	margin-bottom: 15px;
}

.courses-area {
	width: 100%;
}

.courses-area .courses-heading {
	background: #2f2f2f;
	text-align: center;
	font-size: 30px;
	font-weight: 400;
	line-height: 32px;
	padding: 10px;
	color: #fff;
	text-transform: uppercase;
}

.courses-area .courses-heading strong {
	font-weight: 700;
	color: #d2b48c;
}

.courses-area .courses-heading h2 {
	font-size: 30px;
	font-weight: 400;
	line-height: 32px;
	padding: 0;
	margin: 0;
}

.courses-area .courses-heading h2 strong {
	font-weight: 700;
	color: #d2b48c;
}

.courses-type {
	max-width: 1920px;
	padding: 0 30px;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
}

.courses-type .course-module {
	width: 33.33%;
	padding: 30px 0;
	display: flex;
	flex-wrap: wrap;
}

.course-module .course-preview {
	width: 40%;
}

.course-module .course-info {
	width: 60%;
	padding: 0 4%;
	text-align: center;
	font-size: 22px;
	line-height: 30px;
	color: #000;
}

.course-module .course-info h3 {
	font-size: 26px;
	line-height: 30px;
	font-weight: 700;
	color: #000;
	padding: 0;
	margin: 0 0 10px;
}

.course-module .course-info p {
	padding: 0;
	margin: 0 0 10px;
}

.course-module .course-info .course-price {
	font-size: 29px;
	color: #939598;
	font-weight: 700;
	padding: 0;
	margin: 0 0 15px;
	display: block;
	text-transform: uppercase;
}

.course-module .course-info .cmbtn {
	text-decoration: none;
	display: inline-block;
	font-size: 28px;
	line-height: 30px;
	color: #2f2f2f;
	background-color: #d2b48c;
	font-weight: 700;
	text-transform: uppercase;
	padding: 10px 30px;
	clip-path: polygon(0% 0%, 100% 0%, 94% 100%, 6% 100%);
	transition: background-color .3s ease;
}

.course-module .course-info .cmbtn:hover {
	background-color: #f6a948;
}

.tschool-cta-section {
	width: 100%;
}

.tschool-cta-section .tschool-cta-heading {
	background: #2f2f2f;
	text-align: center;
	font-size: 30px;
	font-weight: 400;
	line-height: 32px;
	padding: 10px;
	color: #fff;
	text-transform: uppercase;
}

.tschool-cta-section .tschool-cta-heading strong {
	font-weight: 700;
	color: #d2b48c;
}

.tschool-cta-section .tschool-cta-heading h2 {
	font-size: 30px;
	font-weight: 400;
	line-height: 32px;
	padding: 0;
	margin: 0;
}

.tschool-cta-section .tschool-cta-heading h2 strong {
	font-weight: 700;
	color: #d2b48c;
}

.tschool-cta-content {
	max-width: 770px;
	padding: 30px 15px 50px;
	text-align: center;
	font-size: 26px;
	color: #000;
	line-height: 30px;
	margin: 0 auto;
}

.tschool-cta-content p {
	padding: 0;
	margin: 0 0 15px;
}

.tschool-cta-content .tscta-btn {
	text-decoration: none;
	display: inline-block;
	font-size: 28px;
	line-height: 30px;
	color: #2f2f2f;
	background-color: #d2b48c;
	font-weight: 700;
	text-transform: uppercase;
	padding: 10px 30px;
	clip-path: polygon(0% 0%, 100% 0%, 94% 100%, 6% 100%);
	transition: background-color .3s ease;
}

.tschool-cta-content .tscta-btn:hover {
	background-color: #f6a948;
}

.tschool-video-section {
	width: 100%;
}

.tschool-video-section .ts-heading {
	background: #2f2f2f;
	text-align: center;
	font-size: 30px;
	font-weight: 400;
	line-height: 32px;
	padding: 10px;
	color: #fff;
	text-transform: uppercase;
}

.tschool-video-section .ts-heading strong {
	font-weight: 700;
	color: #d2b48c;
}

.tschool-video-section .ts-heading h2 {
	font-size: 30px;
	font-weight: 400;
	line-height: 32px;
	padding: 0;
	margin: 0;
}

.tschool-video-section .ts-heading h2 strong {
	font-weight: 700;
	color: #d2b48c;
}

.ts-video-grid {
	max-width: 1920px;
	padding: 50px 30px;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
}

.ts-video-grid .ts-video-column {
	width: 33.33%;
	padding: 0 30px;
	margin-bottom: 30px;
	text-align: center;
}

.ts-video-column .videoimg-preview {
	height: 310px;
	background: #ccc;
}

.ts-video-column .videoimg-preview img {
	height: 310px;
	object-fit: cover;
}

.ts-video-column h3 {
	font-size: 22px;
	line-height: 24px;
	color: #000;
	font-weight: 700;
	padding: 20px 5px;
	margin: 0;
}

/*====================================================
[Careers]
======================================================*/
.application-process {
	padding: 32px 15px;
	border-top: #2f2f2f 24px solid;
	border-bottom: #dcdcdc 20px solid;
	text-align: center;
}

.application-intro {
	max-width: 1300px;
	padding: 0 0 10px;
	font-size: 36px;
	line-height: 50px;
	font-weight: 500;
	margin: 0 auto;
}

.application-intro h2 {
	font-size: 50px;
	line-height: 52px;
	color: #000;
	padding: 0;
	margin: 0 0 25px;
}

.application-row {
	max-width: 1920px;
	display: flex;
	flex-wrap: wrap;
	padding: 0 0 26px;
	margin: 0 auto;
}

.application-row .application-column {
	width: 33.33%;
	padding: 0 20px;
	text-align: center;
	font-size: 30px;
	line-height: 32px;
	color: #000;
	border-left: #808080 2px solid;
}

.application-row .application-column:first-child {
	border: none;
}

.application-column .apicon {
	width: 100%;
	height: 154px;
	text-align: center;
}

.application-column .apicon img {
	width: auto;
	height: 154px;
}

.application-column span {
	display: block;
	text-align: center;
	padding: 10px 0 0;
	font-weight: 600;
}

.application-btn {
	font-size: 21px;
	line-height: 23px;
	font-weight: 700;
	font-style: italic;
	text-transform: uppercase;
	padding: 9px 26px 9px 16px;
	display: inline-block;
	color: #f6c948;
	background-color: #000;
	clip-path: polygon(4% 0%, 100% 0%, 96% 100%, 0% 100%);
	transition: background-color .5s ease, color .5s ease;
}

.application-btn:hover {
	text-decoration: none;
	color: #000;
	background-color: #f6c948;
}

.joining-reason {
	padding: 45px 0 15px;
	background-color: #2f2f2f;
}

.joining-reason .jr-wrapper {
	max-width: 1740px;
	padding: 0 20px;
	margin: 0 auto;
}

.joining-reason h2 {
	text-align: center;
	font-size: 50px;
	line-height: 52px;
	text-transform: uppercase;
	color: #d2b48c;
	font-weight: 700;
	padding: 0;
	margin: 0 0 40px;
}

.joining-reason ul {
	padding: 0;
	margin: 0;
	list-style: none;
	column-count: 3;
}

.joining-reason ul li {
	font-size: 30px;
	line-height: 35px;
	color: #fff;
	position: relative;
	counter-increment: inst;
	padding: 0 0 0 50px;
	margin: 0 0 40px;
}

.joining-reason ul li:before {
	width: 34px;
	height: 34px;
	content: counter(inst);
	background: #d2b48c;
	color: #2f2f2f;
	font-size: 30px;
	text-align: center;
	font-weight: 600;
	line-height: 35px;
	border-radius: 50%;
	position: absolute;
	top: 0;
	left: 0;
}

.road-to-success {
	background: url("https://sunstoppers.com/nitropack_static/lMsxHOdsTFvnYLFKjcecEotcDJbEpxHY/assets/images/optimized/rev-6e735cd/sunstoppers.com/wp-content/themes/sun_stopppers/images/rts-bg.jpg") no-repeat 0 0;
	background-size: cover;
	border-bottom: #d2b48c 10px solid;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
	position: relative;
}

.road-to-success.nitro-lazy {
	background-image: none !important;
}

.road-to-success:before {
	content: "";
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, .7);
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}

.rts-img {
	width: 42.7%;
	position: absolute;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 3;
}

.rts-img img {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	clip-path: polygon(0% 0%, 100% 0%, 90% 100%, 0% 100%);
	object-fit: cover;
}

.rts-content {
	width: 60%;
	padding: 40px 0;
	position: relative;
	z-index: 2;
}

.rts-content h2 {
	font-size: 50px;
	line-height: 52px;
	color: #000;
	background-color: #d2b48c;
	display: block;
	padding: 6px 0 6px 5%;
	margin: 0;
}

.rts-content .rts-text {
	color: #fff;
	padding: 40px 10px 10px 5%;
	font-size: 36px;
	line-height: 40px;
	font-weight: 500;
}

.rts-content .rts-text ul {
	margin: 0 0 15px;
}

.rts-content .rts-text ul li {
	font-size: 40px;
	line-height: 50px;
}

.rts-btn {
	font-size: 21px;
	line-height: 23px;
	font-weight: 700;
	font-style: italic;
	text-transform: uppercase;
	padding: 9px 26px 9px 16px;
	display: inline-block;
	color: #000;
	background-color: #f6c948;
	clip-path: polygon(6% 0%, 100% 0%, 94% 100%, 0% 100%);
	transition: background-color .5s ease, color .5s ease;
	position: absolute;
	bottom: 30px;
	right: 54px;
}

.rts-btn:hover {
	text-decoration: none;
	color: #000;
	background-color: #fff;
}

.ciwc-container {
	width: 100%;
	position: relative;
	background-color: #dcdcdc;
}

.cwic-wrapper {
	max-width: 1832px;
	padding: 0 20px;
	display: flex;
	margin: 0 auto;
}

.no-reverse .cwic-wrapper {
	justify-content: flex-end;
}

.ciwc-image {
	width: 50%;
	height: 100%;
	position: absolute;
	top: 0;
}

.ciwc-image img {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	object-fit: cover;
}

.reverse .ciwc-image {
	right: 0;
}

.no-reverse .ciwc-image {
	left: 0;
}

.cwic-wrapper .cwic-text {
	width: 50%;
	font-size: 28px;
	line-height: 32px;
	font-weight: 500;
	color: #000;
	padding-top: 46px;
	padding-bottom: 75px;
	position: relative;
}

.no-reverse .cwic-wrapper .cwic-text {
	padding-left: 45px;
}

.reverse .cwic-wrapper .cwic-text {
	padding-right: 45px;
}

.cwic-wrapper .cwic-text h2 {
	font-size: 50px;
	line-height: 52px;
	font-weight: 700;
	color: #000;
	padding: 0;
	margin: 0 0 25px;
}

.cwic-wrapper .cwic-text h4 {
	font-size: 28px;
	line-height: 38px;
	font-weight: 500;
	color: #000;
	padding: 0;
	margin: 0px;
}

.cwic-wrapper .cwic-text ul {
	margin: 0 0 25px 0;
}

.cwic-wrapper .cwic-text ul li {
	font-size: 24px;
	line-height: 30px;
	font-weight: 400;
}

.cwic-wrapper .cwic-text p {
	padding: 0;
	margin: 0 0 20px;
}

.cwic-btn {
	font-size: 21px;
	line-height: 23px;
	font-weight: 700;
	font-style: italic;
	text-transform: uppercase;
	padding: 9px 26px 9px 16px;
	display: inline-block;
	color: #000;
	background-color: #f6c948;
	clip-path: polygon(6% 0%, 100% 0%, 94% 100%, 0% 100%);
	transition: background-color .5s ease, color .5s ease;
	position: absolute;
	bottom: 30px;
	right: 38px;
}

.cwic-btn:hover {
	text-decoration: none;
	color: #000;
	background-color: #fff;
}

.enrolling-section {
	width: 100%;
	background-color: #2f2f2f;
	color: #fff;
	padding: 40px 0 50px;
}

.enrolling-section .enrolling-wrapper {
	max-width: 1840px;
	padding: 0 20px;
	text-align: center;
}

.enrolling-section h2 {
	text-align: center;
	font-size: 50px;
	line-height: 52px;
	color: #d2b48c;
	font-weight: 700;
	padding: 0;
	margin: 0 0 20px;
}

.enrolling-row {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 60px;
}

.enrolling-row .enrolling-column {
	width: 50%;
	padding: 0 30px;
	font-size: 32px;
	line-height: 36px;
	color: #fff;
	font-weight: 500;
	text-align: left;
}

.enrolling-row .enrolling-column ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

.enrolling-row .enrolling-column ul li {
	font-size: 32px;
	line-height: 36px;
	color: #fff;
	font-weight: 500;
	padding: 0 0 0 38px;
	margin: 0 0 25px;
	background: url("https://sunstoppers.com/nitropack_static/lMsxHOdsTFvnYLFKjcecEotcDJbEpxHY/assets/images/optimized/rev-6e735cd/sunstoppers.com/wp-content/themes/sun_stopppers/images/enrolling-list-icon.svg") no-repeat 0 0;
	background-size: 32px;
}

.enrolling-row .enrolling-column ul li.nitro-lazy {
	background-image: none !important;
}

.enrolling-btn {
	font-size: 21px;
	line-height: 23px;
	font-weight: 700;
	font-style: italic;
	text-transform: uppercase;
	padding: 5px 30px;
	display: inline-block;
	color: #000;
	background-color: #f6c948;
	clip-path: polygon(3% 0%, 100% 0%, 97% 100%, 0% 100%);
	transition: background-color .5s ease, color .5s ease;
}

.enrolling-btn:hover {
	text-decoration: none;
	color: #000;
	background-color: #fff;
}

/*=============================[Apply-foem-popup]============================*/
.apply-form {
	max-width: 450px;
}

.apply-form .gform_wrapper.gravity-theme .gform_footer input[type="submit"] {
	padding: 5px 30px;
}

.apply-form .gform_wrapper .ginput_container_radio .gfield_radio {
	display: flex;
}

.apply-form .gform_wrapper .ginput_container_radio .gfield_radio .gchoice {
	margin-right: 15px;
}

/*=============================================================================
[New Image banner]
==============================================================================*/
.img-banner-preview {
	mix-blend-mode: multiply;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}

.img-banner-content {
	width: 100%;
	background-color: #2f2f2f;
	color: #fff;
	overflow: hidden;
}

.img-banner-content .container-main {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	position: relative;
}

.img-banner-content .container-main:after {
	content: "";
	width: 100%;
	height: 100%;
	display: block;
	background-color: #f1f1f1;
	position: absolute;
	right: -98%;
	top: 0;
	z-index: 1;
}

.img-banner-content .caption {
	width: 86%;
	padding: 32px 0 26px;
	font-size: 22px;
	line-height: 25px;
}

.img-banner-content .caption h1, .img-banner-content .caption h2, .img-banner-content .caption h3 {
	font-size: 44px;
	line-height: 48px;
	color: #fff;
	font-weight: 700;
	font-style: italic;
	padding: 0;
	margin: 0;
}

.img-banner-content .caption p {
	padding: 0;
	margin: 0;
}

.img-banner-content .caption h1 br, .img-banner-content .caption h2 br, .img-banner-content .caption h3 br {
	display: none;
}

.img-banner-content .caption p br {
	display: none;
}

.img-banner-content .banner-button-area {
	width: 14%;
	background-color: #f1f1f1;
	display: flex;
	justify-content: flex-end;
	align-items: center;
	clip-path: polygon(25% 0%, 100% 0%, 100% 100%, 0% 100%);
	position: relative;
	z-index: 2;
}

.img-banner-content .banner-button-area a {
	font-size: 18px;
	line-height: 25px;
	font-weight: 700;
	color: #000;
}

/*=================================================================
[Special Three column]
===================================================================*/
.special-three-column {
	padding: 100px 0;
}

.special-three-column .stc-title {
	text-align: center;
	padding: 0 0 50px;
}

.special-three-column .stc-title h3 {
	padding: 0;
	margin: 0;
}

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

.stc-row .stc-column {
	width: 32%;
}

.single-gallery-view iframe {
	height: 800px;
}

.gallery-box.blog-gallery {
	padding: 50px 0;
}

/*=========================================
[Social Media Icons]
==========================================*/
.social-links-section {
	padding: 0 0 50px;
	font-size: 30px;
}

.social-links-section .container-main {
	display: flex;
}

.social-links-section .container-main.center-align {
	justify-content: center;
}

.social-links-section .container-main.right-align {
	justify-content: flex-end;
}

.social-links-section .container-main a {
	margin-right: 20px;
}

.social-links-section .container-main.right-align a {
	margin: 0 0 0 20px;
}

.social-links-section .container-main a:hover {
	color: #d2b48c;
}

.page-id-3310 .fluentform-step.active {
	overflow: hidden;
}

.page-id-3310 .fluentform-step.active .ffp-img-preview {
	width: 50%;
	padding-left: 20px;
}

.page-id-3310 .fluentform-step.active .ffp-text-preview {
	width: 50%;
	float: left;
}

.page-id-3310 .fluentform-step.active .ff-select-services-container {
	width: 50%;
	float: left;
}

.page-id-3310 .fluentform-step.active .ff_cond_v {
	width: 100%;
	clear: both;
}

/*====================================================
[tint-visualizer-section]
=====================================================*/
.tint-visualizer-section {
	width: 100%;
	position: relative;
}

.tint-visualizer-section .tv-img-section {
	width: 50%;
	height: 100%;
	background-color: rgba(255, 255, 255, .7);
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}

.tint-visualizer-section .tv-img-section .caption {
	font-size: 28px;
	line-height: 32px;
	font-weight: 700;
	color: #000;
	padding: 0;
	margin: 0;
}

.tv-img-section .tint-img-gallery {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
}

.tv-img-section .tint-img-gallery .tint-img {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	opacity: 0;
	transition: ease-in-out .5s opacity;
}

.tv-img-section .tint-img-gallery .tint-img.current {
	opacity: 1;
}

.tint-visualizer-section .container-main {
	position: relative;
	z-index: 2;
}

.tint-visualizer-section .content-area {
	max-width: 556px;
	padding: 75px 0;
	margin-left: auto;
	font-size: 17px;
	line-height: 26px;
	font-weight: 500;
}

.tint-visualizer-section .content-area .tint-tab {
	cursor: pointer;
}

.tint-visualizer-section .content-area p {
	padding: 0;
	margin: 0 0 20px;
}

.tint-visualizer-section .content-area ul {
	padding: 0 0 0 20px;
	margin: 0 0 20px 0;
}

.tint-visualizer-section .content-area h3 {
	font-size: 40px;
	line-height: 49px;
	font-weight: 100;
	padding: 0;
	margin: 0 0 20px;
}

.tint-visualizer-section .content-area h3 strong {
	font-weight: 700;
}

.tint-visualizer-section .content-area h4 {
	font-size: 22px;
	line-height: 27px;
	font-weight: 700;
	padding: 0;
	margin: 0 0 10px;
}

.tccwi-section .tccwi-content h3 {
	font-size: 40px;
	font-weight: 100;
	padding: 0;
	margin: 0 0 20px;
}

.tccwi-section .tccwi-content h3 strong {
	font-weight: 700;
}

.tccwi-section .tccwi-content ul {
	margin-left: 0;
	padding-left: 20px;
}

.tccwi-section .tccwi-image {
	position: relative;
}

.tccwi-section .tccwi-image .overlap-img {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
	display: flex;
	align-items: center;
	z-index: 2;
}

.tccwi-section .tccwi-image .overlap-img img {
	width: auto;
	height: auto;
}

.tccwi-section .tccwi-content {
	min-height: 500px;
}

/*=======================================
[secondary-hero]
========================================*/
.secondary-hero {
	width: 100%;
	background-repeat: no-repeat;
	background-position: 0 0;
	background-size: cover;
	position: relative;
}

.secondary-hero:before {
	content: "";
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, .4);
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}

.secondary-hero .container {
	position: relative;
	z-index: 2;
}

.secondary-hero .hero-caption-area {
	max-width: 900px;
	padding-top: 150px;
	padding-bottom: 150px;
}

.hero-caption-area .hero-logo {
	max-width: 228px;
	margin-bottom: 20px;
}

.hero-caption-area h4 {
	color: #fff;
	font-size: 18px;
	line-height: 20px;
	font-weight: 100;
	padding: 0;
	margin: 0 0 30px;
}

.hero-caption-area h1 {
	color: #fff;
	font-size: 50px;
	line-height: 52px;
	font-weight: 700;
	padding: 0;
	margin: 0 0 20px;
}

.hero-caption-area .btn.second-btn {
	margin-left: 20px;
	background-color: #fff;
	border-color: #fff;
}

/*===========================================================================
[Tesla PPF]
============================================================================*/

/*.swap-section .swap-row:nth-child(odd) {
	background-color: #F1F1F1;
}*/
.swap-section .container {
	width: 100%;
	padding-left: 40px;
	padding-right: 40px;
}

.swap-section .swap-modules {
	padding: 15px 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.swap-section .swap-row:nth-child(odd) .swap-modules {
	flex-direction: row-reverse;
}

.swap-section .swap-modules .sm-image {
	width: 50%;
	border: #f6ebeb 1px solid;
	display: flex;
	justify-content: center;
	align-items: center;
}

.swap-section .swap-modules .sm-description {
	width: 50%;
	padding: 60px;
	margin: 50px 0;
	background-color: #f1f1f1;
	min-height: 500px;
	display: flex;
	align-items: center;
}

.swap-section .swap-modules .sm-description h2 {
	font-size: 50px;
	font-weight: 700;
	padding: 0;
	margin: 0 0 20px;
}

.swap-section .swap-modules .sm-description h2 strong {
	font-weight: 700;
}

.swap-section .swap-modules .sm-description h3 {
	font-size: 20px;
	font-weight: 100;
	padding: 0;
	margin: 0 0 15px;
}

.swap-section .swap-modules .sm-description h3 strong {
	font-weight: 700;
}

.swap-section .swap-modules .sm-description .btn {
	padding: 8px 25px;
	min-height: auto;
	min-width: auto;
	margin-top: 25px;
}

/*================================================
[Color Theme Change]
=================================================*/
.page-id-4724 .header-main, .page-id-5024 .header-main, .page-id-515 .header-main, .page-id-4845 .header-main, .page-id-5291 .header-main, .page-id-3123 .header-main, .page-id-4734 .header-main, .page-id-168 .header-main, .page-id-4979 .header-main, .page-id-4871 .header-main, .page-id-4849 .header-main, .page-id-5061 .header-main, .page-id-5295 .header-main, .page-id-3118 .header-main {
	background: url("https://sunstoppers.com/nitropack_static/lMsxHOdsTFvnYLFKjcecEotcDJbEpxHY/assets/images/optimized/rev-6e735cd/sunstoppers.com/wp-content/themes/sun_stopppers/images/header-white-bg.webp") no-repeat center center;
	background-color: #fff;
}

.page-id-4724 .header-main.nitro-lazy, .page-id-5024 .header-main.nitro-lazy, .page-id-515 .header-main.nitro-lazy, .page-id-4845 .header-main.nitro-lazy, .page-id-5291 .header-main.nitro-lazy, .page-id-3123 .header-main.nitro-lazy, .page-id-4734 .header-main.nitro-lazy, .page-id-168 .header-main.nitro-lazy, .page-id-4979 .header-main.nitro-lazy, .page-id-4871 .header-main.nitro-lazy, .page-id-4849 .header-main.nitro-lazy, .page-id-5061 .header-main.nitro-lazy, .page-id-5295 .header-main.nitro-lazy, .page-id-3118 .header-main.nitro-lazy {
	background-image: none !important;
}

.page-id-4724 #mega-menu-wrap-menu-2 #mega-menu-menu-2 > li.mega-menu-item > a.mega-menu-link, .page-id-5024 #mega-menu-wrap-menu-2 #mega-menu-menu-2 > li.mega-menu-item > a.mega-menu-link, .page-id-515 #mega-menu-wrap-menu-2 #mega-menu-menu-2 > li.mega-menu-item > a.mega-menu-link, .page-id-4845 #mega-menu-wrap-menu-2 #mega-menu-menu-2 > li.mega-menu-item > a.mega-menu-link, .page-id-5291 #mega-menu-wrap-menu-2 #mega-menu-menu-2 > li.mega-menu-item > a.mega-menu-link, .page-id-3123 #mega-menu-wrap-menu-2 #mega-menu-menu-2 > li.mega-menu-item > a.mega-menu-link, .page-id-4734 #mega-menu-wrap-menu-2 #mega-menu-menu-2 > li.mega-menu-item > a.mega-menu-link, .page-id-168 #mega-menu-wrap-menu-2 #mega-menu-menu-2 > li.mega-menu-item > a.mega-menu-link, .page-id-4979 #mega-menu-wrap-menu-2 #mega-menu-menu-2 > li.mega-menu-item > a.mega-menu-link, .page-id-4871 #mega-menu-wrap-menu-2 #mega-menu-menu-2 > li.mega-menu-item > a.mega-menu-link, .page-id-4849 #mega-menu-wrap-menu-2 #mega-menu-menu-2 > li.mega-menu-item > a.mega-menu-link, .page-id-5061 #mega-menu-wrap-menu-2 #mega-menu-menu-2 > li.mega-menu-item > a.mega-menu-link, .page-id-5295 #mega-menu-wrap-menu-2 #mega-menu-menu-2 > li.mega-menu-item > a.mega-menu-link, .page-id-3118 #mega-menu-wrap-menu-2 #mega-menu-menu-2 > li.mega-menu-item > a.mega-menu-link {
	color: #000;
}

.page-id-4724 #mega-menu-wrap-menu-2 #mega-menu-menu-2 > li.mega-menu-item > a.mega-menu-link:hover, .page-id-5024 #mega-menu-wrap-menu-2 #mega-menu-menu-2 > li.mega-menu-item > a.mega-menu-link:hover, .page-id-515 #mega-menu-wrap-menu-2 #mega-menu-menu-2 > li.mega-menu-item > a.mega-menu-link:hover, .page-id-4845 #mega-menu-wrap-menu-2 #mega-menu-menu-2 > li.mega-menu-item > a.mega-menu-link:hover, .page-id-5291 #mega-menu-wrap-menu-2 #mega-menu-menu-2 > li.mega-menu-item > a.mega-menu-link:hover, .page-id-3123 #mega-menu-wrap-menu-2 #mega-menu-menu-2 > li.mega-menu-item > a.mega-menu-link:hover, .page-id-4734 #mega-menu-wrap-menu-2 #mega-menu-menu-2 > li.mega-menu-item > a.mega-menu-link:hover, .page-id-168 #mega-menu-wrap-menu-2 #mega-menu-menu-2 > li.mega-menu-item > a.mega-menu-link:hover, .page-id-4979 #mega-menu-wrap-menu-2 #mega-menu-menu-2 > li.mega-menu-item > a.mega-menu-link:hover, .page-id-4871 #mega-menu-wrap-menu-2 #mega-menu-menu-2 > li.mega-menu-item > a.mega-menu-link:hover, .page-id-4849 #mega-menu-wrap-menu-2 #mega-menu-menu-2 > li.mega-menu-item > a.mega-menu-link:hover, .page-id-5061 #mega-menu-wrap-menu-2 #mega-menu-menu-2 > li.mega-menu-item > a.mega-menu-link:hover, .page-id-5295 #mega-menu-wrap-menu-2 #mega-menu-menu-2 > li.mega-menu-item > a.mega-menu-link:hover, .page-id-3118 #mega-menu-wrap-menu-2 #mega-menu-menu-2 > li.mega-menu-item > a.mega-menu-link:hover {
	color: #cc9e19;
}

.page-id-4724 .store-locatore-link, .page-id-5024 .store-locatore-link, .page-id-515 .store-locatore-link, .page-id-4845 .store-locatore-link, .page-id-5291 .store-locatore-link, .page-id-3123 .store-locatore-link, .page-id-4734 .store-locatore-link, .page-id-168 .store-locatore-link, .page-id-4979 .store-locatore-link, .page-id-4871 .store-locatore-link, .page-id-4849 .store-locatore-link, .page-id-4061 .store-locatore-link, .page-id-5295 .store-locatore-link, .page-id-3118 .store-locatore-link, .page-id-5061 .store-locatore-link {
	color: #000;
}

.page-id-4724 .store-locatore-link:hover, .page-id-5024 .store-locatore-link:hover, .page-id-515 .store-locatore-link:hover, .page-id-4845 .store-locatore-link:hover, .page-id-5291 .store-locatore-link:hover, .page-id-3123 .store-locatore-link:hover, .page-id-4734 .store-locatore-link:hover, .page-id-168 .store-locatore-link:hover, .page-id-4979 .store-locatore-link:hover, .page-id-4871 .store-locatore-link:hover, .page-id-4849 .store-locatore-link:hover, .page-id-4061 .store-locatore-link:hover, .page-id-5295 .store-locatore-link:hover, .page-id-3118 .store-locatore-link:hover, .page-id-5061 .store-locatore-link:hover {
	color: #d2b48c;
}

.page-id-4724 .header-top, .page-id-5024 .header-top, .page-id-515 .header-top, .page-id-4845 .header-top, .page-id-5291 .header-top, .page-id-3123 .header-top, .page-id-4734 .header-top, .page-id-168 .header-top, .page-id-4979 .header-top, .page-id-4871 .header-top, .page-id-4849 .header-top, .page-id-4061 .header-top, .page-id-5295 .header-top, .page-id-3118 .header-top {
	background-color: #57514f;
}

.page-id-4724 .img-banner-content, .page-id-5024 .img-banner-content, .page-id-515 .img-banner-content, .page-id-4845 .img-banner-content, .page-id-5291 .img-banner-content, .page-id-3123 .img-banner-content, .page-id-4734 .img-banner-content, .page-id-168 .img-banner-content, .page-id-4979 .img-banner-content, .page-id-4871 .img-banner-content, .page-id-4849 .img-banner-content, .page-id-4061 .img-banner-content, .page-id-5295 .img-banner-content, .page-id-3118 .img-banner-content {
	background-color: #57514f;
}

.page-id-4724 .dark-bg-content, .page-id-5024 .dark-bg-content, .page-id-515 .dark-bg-content, .page-id-4845 .dark-bg-content, .page-id-5291 .dark-bg-content, .page-id-3123 .dark-bg-content, .page-id-4734 .dark-bg-content, .page-id-168 .dark-bg-content, .page-id-4979 .dark-bg-content, .page-id-4871 .dark-bg-content, .page-id-4849 .dark-bg-content, .page-id-4061 .dark-bg-content, .page-id-5295 .dark-bg-content, .page-id-3118 .dark-bg-content {
	background-color: #9f8f78;
}

.page-id-4724 .dark-bg-content span.subtitle, .page-id-5024 .dark-bg-content span.subtitle, .page-id-515 .dark-bg-content span.subtitle, .page-id-4845 .dark-bg-content span.subtitle, .page-id-5291 .dark-bg-content span.subtitle, .page-id-3123 .dark-bg-content span.subtitle, .page-id-4734 .dark-bg-content span.subtitle, .page-id-168 .dark-bg-content span.subtitle, .page-id-4979 .dark-bg-content span.subtitle, .page-id-4871 .dark-bg-content span.subtitle, .page-id-4849 .dark-bg-content span.subtitle, .page-id-4061 .dark-bg-content span.subtitle, .page-id-5295 .dark-bg-content span.subtitle, .page-id-3118 .dark-bg-content span.subtitle {
	color: #fff;
}

.page-id-4724 .footer, .page-id-5024 .footer, .page-id-515 .footer, .page-id-4845 .footer, .page-id-5291 .footer, .page-id-3123 .footer, .page-id-4734 .footer, .page-id-168 .footer, .page-id-4979 .footer, .page-id-4871 .footer, .page-id-4849 .footer, .page-id-4061 .footer, .page-id-5295 .footer, .page-id-3118 .footer, .page-id-5061 .footer {
	background-color: rgba(87, 81, 79, 1);
	background-image: none;
}

.page-id-4724 .footer.nitro-lazy, .page-id-5024 .footer.nitro-lazy, .page-id-515 .footer.nitro-lazy, .page-id-4845 .footer.nitro-lazy, .page-id-5291 .footer.nitro-lazy, .page-id-3123 .footer.nitro-lazy, .page-id-4734 .footer.nitro-lazy, .page-id-168 .footer.nitro-lazy, .page-id-4979 .footer.nitro-lazy, .page-id-4871 .footer.nitro-lazy, .page-id-4849 .footer.nitro-lazy, .page-id-4061 .footer.nitro-lazy, .page-id-5295 .footer.nitro-lazy, .page-id-3118 .footer.nitro-lazy, .page-id-5061 .footer.nitro-lazy {
	background-image: none !important;
}

.page-id-4724 .footer:before, .page-id-5024 .footer:before, .page-id-515 .footer:before, .page-id-4845 .footer:before, .page-id-5291 .footer:before, .page-id-3123 .footer:before, .page-id-4734 .footer:before, .page-id-168 .footer:before, .page-id-4979 .footer:before, .page-id-4871 .footer:before, .page-id-4849 .footer:before, .page-id-4061 .footer:before, .page-id-5295 .footer:before, .page-id-3118 .footer:before, .page-id-5061 .footer:before {
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	background-image: url("https://sunstoppers.com/nitropack_static/lMsxHOdsTFvnYLFKjcecEotcDJbEpxHY/assets/images/optimized/rev-6e735cd/sunstoppers.com/wp-content/themes/sun_stopppers/images/footer-bg.webp");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	mix-blend-mode: multiply;
	opacity: .15;
}

.page-id-4724 .footer .container-main, .page-id-5024 .footer .container-main, .page-id-515 .footer .container-main, .page-id-4845 .footer .container-main, .page-id-5291 .footer .container-main, .page-id-3123 .footer .container-main, .page-id-4734 .footer .container-main, .page-id-168 .footer .container-main, .page-id-4979 .footer .container-main, .page-id-4871 .footer .container-main, .page-id-4849 .footer .container-main, .page-id-4061 .footer .container-main, .page-id-5295 .footer .container-main, .page-id-3118 .footer .container-main, .page-id-5061 .footer .container-main {
	position: relative;
	z-index: 4;
}

.page-id-4724 .footer-bottom, .page-id-5024 .footer-bottom, .page-id-515 .footer-bottom, .page-id-4845 .footer-bottom, .page-id-5291 .footer-bottom, .page-id-3123 .footer-bottom, .page-id-4734 .footer-bottom, .page-id-168 .footer-bottom, .page-id-4979 .footer-bottom, .page-id-4871 .footer-bottom, .page-id-4849 .footer-bottom, .page-id-4061 .footer-bottom, .page-id-5295 .footer-bottom, .page-id-3118 .footer-bottom, .page-id-5061 .footer-bottom {
	position: relative;
	z-index: 10;
}

.page-id-3123 .gallery-hero-overlay, .page-id-3118 .gallery-hero-overlay {
	background-color: rgba(159, 143, 120, .9);
}

.page-id-4979 .cta-section, .page-id-515 .cta-section {
	background-color: #9f8f78;
}

.page-id-4979 .cta-section:before, .page-id-515 .cta-section:before {
	background: transparent linear-gradient(91deg, rgba(159, 143, 120, .9) 0%, #9f8f78 38%, rgba(84, 84, 84, 0) 100%) 0% 0% no-repeat padding-box;
}

.page-id-515 .cta-section h2 {
	color: #fff;
}

/* .page-id-5024 .banner-content .hero-btn,
.page-id-5024 .content-with-readmore .tciwc-row .tciwc-content .btn,
.page-id-5295 .btn,
.page-id-168 .btn,
.page-id-168 .banner-content .hero-btn{
	background-color: #9f8f78;
    border-color: #9f8f78;
	color: #fff;
}
.page-id-5024 .banner-content .hero-btn:hover,
.page-id-5024 .content-with-readmore .tciwc-row .tciwc-content .btn:hover,
.page-id-5295 .btn:hover,
.page-id-168 .btn:hover,
.page-id-168 .banner-content .hero-btn:hover{
	background-color: #deac1d;
    border-color: #deac1d;
    color: #000;
} */
.page-id-4724 .service-info span.more-link {
	color: #9f8f78;
}

.page-id-4724 .service-info span.more-link:hover {
	color: #deac1d;
}

.blog-video-content iframe {
	min-height: 480px;
}

/*==============================================================
[Elementor Style]
===============================================================*/
.secondery-menu {}

.secondery-menu .elementor-nav-menu li a {
	font-family: proxima-nova-condensed, sans-serif !important;
	background-color: transparent;
	transition: all .25s ease-in-out;
}

.secondery-menu .elementor-nav-menu li a:hover {
	background-color: #d2b48c;
}

.franchise_list .elementor-widget-container ul {
	margin-left: 0;
}

.franchisee-form .gform-body h3 {
	font-size: 20px;
	line-height: 22px;
	margin: 0 0 15px;
}

.franchisee-form .gform_wrapper.gravity-theme .gform_required_legend {
	display: none;
}

.franchisee-form .gform_wrapper.gravity-theme .gform_footer input[type="submit"] {
	padding: 15px 75px;
}

.hide-video-mob {
	background-repeat: no-repeat;
	background-position: 0 0;
	background-size: cover;
}

.page-id-18286 .basic-container table tr:nth-child(2n) td:first-child {
	background: #fff4d5;
}

.page-id-18286 .basic-container table td {
	border: 1px solid #d9d9d9;
	padding: 10px 20px;
	text-align: left;
}

.page-id-18286 .tciwc-row .tciwc-content table td {
	border: 1px solid #d9d9d9;
	padding: 10px 20px;
	text-align: left;
}

.page-id-18286 .basic-container table.table-box tr:nth-child(2n) td:first-child {
	background: #fff;
}

.page-id-18286 .basic-container table.table-box tr td {
	text-align: center;
}

.page-id-18286 .basic-container table.table-box td tr td {
	border: 0px solid #d9d9d9;
	text-align: left;
}

.page-id-18286 .basic-container table.table-box tr td table tr:nth-child(2n) {
	background: #fff4d5;
}

.page-id-18286 .basic-container table.table-box tr:nth-child(2n) td tr:nth-child(2n) td {
	background: #fff4d5;
}

.page-id-5024 .video-grid-section {
	display: none;
}

.page-id-396 .basic-container {
	display: none;
}

.about-gallery .container-main {
	text-align: center;
}

.about-gallery .container-main h2 {
	margin: 0 0 50px;
}

.page-id-170 #sbasic-4 {
	padding-top: 0;
}

.page-id-5024 #iconbox-0.tc-icon-boxes .icon-holder {
	background-color: #d2b48c;
}

.page-id-5024 #listing-0.listing-section .listing-col h4 span {
	background-color: #d2b48c;
}

.page-id-4845 #tccwi-4 .tccwi-image img {
	object-position: right;
}

.page-id-4845 #tccwi-6 .tccwi-image img {
	object-position: top;
}

.page-id-4845 .about-gallery {
	padding: 50px 0;
}

.page-id-515 .img-banner-content .caption h1, .page-id-4845 .img-banner-content .caption h1, .page-id-5291 .img-banner-content .caption h1 {
	color: #d2b48c;
}

.page-id-515 .img-banner-content .banner-button-area, .page-id-4845 .img-banner-content .banner-button-area, .page-id-5291 .img-banner-content .banner-button-area {
	background-color: #f6c948;
}

.page-id-515 .content-menu ul li a:hover, .page-id-515 .content-menu ul li.current-menu-item a, .page-id-4845 .content-menu ul li a:hover, .page-id-4845 .content-menu ul li.current-menu-item a, .page-id-5291 .content-menu ul li a:hover, .page-id-5291 .content-menu ul li.current-menu-item a {
	background-color: #d2b48c;
	color: #fff;
}

.page-id-515 .img-banner-content .container-main:after, .page-id-4845 .img-banner-content .container-main:after, .page-id-5291 .img-banner-content .container-main:after {
	background-color: #f6c948;
}

.page-id-515 .img-banner-content .banner-button-area a, .page-id-4845 .img-banner-content .banner-button-area a, .page-id-5291 .img-banner-content .banner-button-area a {
	color: #fff;
}

.page-id-3927 #tciwc-12 .tciwc-row .tciwc-img {
	text-align: right;
}

.page-id-3927 #tciwc-12 .tciwc-row .tciwc-img img {
	width: auto;
}

.page-id-4845 #tccwi-5 .tccwi-image img {
	object-position: right;
}

.page-id-4845 #tccwi-7 .tccwi-image img {
	object-position: right;
}

.page-id-5024 .content-menu ul li a:hover, .page-id-5024 .content-menu ul li.current-menu-item a {
	background-color: #d2b48c;
}

.page-id-5024 .btn.brown, .page-id-515 .btn.brown, .page-id-4845 .btn.brown, .page-id-5291 .btn.brown, .page-id-168 .btn.brown, .page-id-4979 .btn.brown, .page-id-4871 .btn.brown, .page-id-4849 .btn.brown, .page-id-5061 .btn.brown, .page-id-5295 .btn.brown, .page-id-3118 .btn.brown {
	background-color: #d2b48c;
	color: #000;
	border-color: #d2b48c;
}

.page-id-5024 .btn.brown:hover, .page-id-515 .btn.brown:hover, .page-id-4845 .btn.brown:hover, .page-id-5291 .btn.brown:hover, .page-id-168 .btn.brown:hover, .page-id-4979 .btn.brown:hover, .page-id-4871 .btn.brown:hover, .page-id-4849 .btn.brown:hover, .page-id-5061 .btn.brown:hover, .page-id-5295 .btn.brown:hover, .page-id-3118 .btn.brown:hover {
	background-color: #565150;
	border-color: #565150;
	color: #fff;
}

.page-id-3123 .shorting-area .gallery-nav a:hover, .page-id-3123 .gallery-nav a.is-checked {
	color: #d2b48c;
}

.page-id-4734 .service-info span.more-link {
	color: #d2b48c;
}

.page-id-168 .content-menu ul li a:hover, .page-id-168 .content-menu ul li.current-menu-item a, .page-id-4979 .content-menu ul li a:hover, .page-id-4979 .content-menu ul li.current-menu-item a, .page-id-4871 .content-menu ul li a:hover, .page-id-4871 .content-menu ul li.current-menu-item a, .page-id-4849 .content-menu ul li a:hover, .page-id-4849 .content-menu ul li.current-menu-item a, .page-id-5061 .content-menu ul li a:hover, .page-id-5061 .content-menu ul li.current-menu-item a, .page-id-5295 .content-menu ul li a:hover, .page-id-5295 .content-menu ul li.current-menu-item a, .page-id-3118 .content-menu ul li a:hover, .page-id-3118 .content-menu ul li.current-menu-item a {
	background-color: #d2b48c;
}

.page-id-168 .btn, .page-id-4979 .btn, .page-id-4871 .btn, .page-id-4849 .btn, .page-id-5061 .btn, .page-id-5295 .btn, .page-id-3118 .btn {
	background-color: #d2b48c;
	color: #000;
	border-color: #d2b48c;
}

.page-id-168 .btn:hover, .page-id-4979 .btn:hover, .page-id-4871 .btn:hover, .page-id-4849 .btn:hover, .page-id-5061 .btn:hover, .page-id-5295 .btn:hover, .page-id-3118 .btn:hover {
	background-color: #565150;
	color: #fff;
	border-color: #565150;
}

.page-id-168 .btn.yellow-ho, .page-id-4979 .btn.yellow-ho, .page-id-4871 .btn.yellow-ho, .page-id-4849 .btn.yellow-ho, .page-id-5061 .btn.yellow-ho, .page-id-5295 .btn.yellow-ho, .page-id-3118 .btn.yellow-ho {
	background-color: #f6c948;
	color: #fff;
	border-color: #f6c948;
}

.page-id-168 .btn.yellow-ho:hover, .page-id-4979 .btn.yellow-ho:hover, .page-id-4871 .btn.yellow-ho:hover, .page-id-4849 .btn.yellow-ho:hover, .page-id-5061 .btn.yellow-ho:hover, .page-id-5295 .btn.yellow-ho:hover, .page-id-3118 .btn.yellow-ho:hover {
	background-color: #d2b48c;
	color: #000;
	border-color: #d2b48c;
}

.page-id-168 .tc-icon-boxes .icon-holder, .page-id-4979 .tc-icon-boxes .icon-holder, .page-id-4871 .tc-icon-boxes .icon-holder, .page-id-4849 .tc-icon-boxes .icon-holder, .page-id-5061 .tc-icon-boxes .icon-holder, .page-id-5295 .tc-icon-boxes .icon-holder, .page-id-3118 .tc-icon-boxes .icon-holder {
	background-color: #d2b48c;
}

.page-id-168 .listing-section .listing-col h4 span, .page-id-4979 .listing-section .listing-col h4 span, .page-id-4871 .listing-section .listing-col h4 span, .page-id-4849 .listing-section .listing-col h4 span, .page-id-5061 .listing-section .listing-col h4 span, .page-id-5295 .listing-section .listing-col h4 span, .page-id-3118 .listing-section .listing-col h4 span {
	background-color: #d2b48c;
}

.page-id-5024 .article-row a, .page-id-515 .article-row a, .page-id-4845 .article-row a, .page-id-5291 .article-row a, .page-id-168 .article-row a, .page-id-4979 .article-row a, .page-id-4871 .article-row a, .page-id-4849 .article-row a, .page-id-5061 .article-row a, .page-id-5295 .article-row a, .page-id-3118.article-row a {
	color: #d2b48c;
}

.page-id-5024 #tciwc-22 .tciwc-content .btn {
	background-color: #f6c948;
	border-color: #f6c948;
	color: #fff;
}

.page-id-5024 #tciwc-22 .tciwc-content .btn:hover {
	background-color: #d2b48c;
	border-color: #d2b48c;
	color: #000;
}

.page-id-168 #tciwc-25 .tciwc-content .btn, .page-id-5295 #tciwc-10 .tciwc-content .btn {
	background-color: #f6c948;
	border-color: #f6c948;
	color: #fff;
}

.page-id-168 #tciwc-25 .tciwc-content .btn:hover, .page-id-5295 #tciwc-10 .tciwc-content .btn:hover {
	background-color: #d2b48c;
	border-color: #d2b48c;
	color: #000;
}

.page-id-4871 .img-banner-content, .page-id-4849 .img-banner-content, .page-id-5061 .img-banner-content, .page-id-5295 .img-banner-content {
	background-color: #d2b48c;
}

.page-id-4871 .img-banner-content .banner-button-area, .page-id-4849 .img-banner-content .banner-button-area, .page-id-5061 .img-banner-content .banner-button-area, .page-id-5295 .img-banner-content .banner-button-area {
	background-color: #f6c948;
	color: #fff;
}

.page-id-4871 .img-banner-content .container-main:after, .page-id-4849 .img-banner-content .container-main:after, .page-id-5061 .img-banner-content .container-main:after, .page-id-5295 .img-banner-content .container-main:after {
	background-color: #f6c948;
}

.page-id-6068 .img-banner-content .banner-button-area {
	background-color: #f6c948;
	color: #fff;
}

.page-id-6068 .img-banner-content .banner-button-area a {
	color: #fff;
}

.page-id-6068 .img-banner-content .container-main:after {
	background-color: #f6c948;
}

.page-id-6068 #tciwc-17 .tciwc-content .btn {
	background-color: #f6c948;
	border-color: #f6c948;
	color: #fff;
}

.page-id-6068 #tciwc-17 .tciwc-content .btn:hover {
	background-color: #565150;
	border-color: #565150;
	color: #fff;
}

.tccwi-section .tccwi-content .btn.light-btn {
	background-color: #fff;
	border-color: #fff;
	color: #000;
}

.tccwi-section .tccwi-content .btn.light-btn:hover {
	background-color: #565150;
	border-color: #565150;
	color: #fff;
}

.tccwi-section .tccwi-content .btn.yellow-btn {
	background-color: #f6c948;
	border-color: #f6c948;
	color: #fff;
}

.tccwi-section .tccwi-content .btn.yellow-btn:hover {
	background-color: #fff;
	border-color: #fff;
	color: #f6c948;
}

.white-icon svg {
	filter: brightness(0) invert(1);
}

.gform_legacy_markup_wrapper .gform_page_footer .button.gform_next_button, .gform_legacy_markup_wrapper .gform_page_footer .button.gform_previous_button, .gform_legacy_markup_wrapper .gform_page_footer .button.gform_button {
	padding: 10px 30px;
}

.gform_legacy_markup_wrapper .gform_page_footer .button.gform_next_button:hover, .gform_legacy_markup_wrapper .gform_page_footer .button.gform_next_button:active, .gform_legacy_markup_wrapper .gform_page_footer .button.gform_next_button:focus, .gform_legacy_markup_wrapper .gform_page_footer .button.gform_previous_button:hover, .gform_legacy_markup_wrapper .gform_page_footer .button.gform_previous_button:active, .gform_legacy_markup_wrapper .gform_page_footer .button.gform_previous_button:focus, .gform_legacy_markup_wrapper .gform_page_footer .button.gform_button:hover, .gform_legacy_markup_wrapper .gform_page_footer .button.gform_button:active, .gform_legacy_markup_wrapper .gform_page_footer .button.gform_button:focus {
	background-color: #2f2f2f;
	color: #fff;
}

.page-id-3310 #default-wp-content {
	display: none;
}

/*.element {
	display: none;
}*/

/*======================
[Font width:
Proxima Nova thin: 100;
Proxima Nova Light: 300;
Proxima Nova Regular: 400;
Proxima Nova Medium: 500;
Proxima Nova Semibold: 600;
Proxima Nova Bold: 700;
Proxima Nova Extrabold: 800;
font-family: proxima-nova-condensed, sans-serif; (400)
Proxima Nova Black: 900;

]
=======================*/

/*======================================================================
[Responsive Start]
======================================================================*/
@media only screen and (max-width: 1540px) {
	.service-area-row {
		max-width: 1330px;
		margin: 0 auto;
	}
	
	.service-area-row.owl-carousel .owl-nav .owl-prev {
		left: 0;
	}
	
	.service-area-row.owl-carousel .owl-nav .owl-next {
		right: 0;
	}
	
	.rts-content h2 {
		font-size: 38px;
		line-height: 46px;
	}
	
	.rts-content .rts-text {
		font-size: 24px;
		line-height: 30px;
	}
	
	.rts-content .rts-text ul li {
		font-size: 26px;
		line-height: 40px;
	}
	
	.enrolling-section h2 {
		font-size: 38px;
		line-height: 46px;
	}
	
	.enrolling-row .enrolling-column, .enrolling-row .enrolling-column ul li {
		font-size: 22px;
		line-height: 28px;
	}
	
	.cwic-wrapper .cwic-text h2 {
		font-size: 38px;
		line-height: 46px;
	}
	
	.cwic-wrapper .cwic-text {
		font-size: 24px;
		line-height: 30px;
	}
	
	.cwic-wrapper .cwic-text ul {
		padding-left: 28px;
	}
	
	.cwic-wrapper .cwic-text ul li {
		font-size: 20px;
		line-height: 26px;
	}
	
	.joining-reason h2 {
		font-size: 38px;
		line-height: 46px;
	}
	
	.joining-reason ul li {
		font-size: 26px;
	}
	
	.application-intro h2 {
		font-size: 40px;
		line-height: 46px;
	}
	
	.application-intro {
		font-size: 28px;
		line-height: 36px;
	}
	
	.lwsbanner-wrap .lws-banner-content h1 {
		font-size: 38px;
		line-height: 48px;
		margin-bottom: 15px;
	}
	
	.lwsbanner-wrap .lws-banner-content {
		font-size: 22px;
		line-height: 30px;
	}
}

@media only screen and (max-width: 1440px) {
	.service-area-row {
		max-width: 1300px;
		margin: 0 auto;
	}
	
	.service-area-row.owl-carousel .owl-nav .owl-prev {
		width: 30px;
		left: -40px;
	}
	
	.service-area-row.owl-carousel .owl-nav .owl-next {
		width: 30px;
		right: -40px;
	}
	
	.service-area-col {
		width: 414px;
	}
	
	.service-area-content {
		padding: 0 30px;
	}
	
	.stc-content-area h3 {
		font-size: 36px;
	}
	
	/*=============*/
	.course-main-wrapper .course-content ul li {
		font-size: 24px;
		line-height: 30px;
	}
	
	.course-module .course-preview {
		width: 35%;
	}
	
	.course-module .course-info {
		width: 65%;
		font-size: 20px;
		line-height: 26px;
	}
	
	.course-module .course-info h3 {
		font-size: 22px;
		line-height: 26px;
	}
	
	.course-module .course-info .course-price {
		font-size: 22px;
		line-height: 28px;
	}
	
	.course-module .course-info .cmbtn {
		font-size: 18px;
		padding: 8px 24px;
	}
	
	.stc-wrapper .stc-heading h2 {
		font-size: 21px;
		line-height: 25px;
	}
	
	.stc-content-area h3 {
		font-size: 24px;
	}
	
	.law-cta-wrapper .law-cta-content h3 {
		font-size: 22px;
		line-height: 30px;
	}
}

@media only screen and (max-width: 1280px) {
	.service-area-row {
		max-width: 1200px;
		margin: 0 auto;
	}
	
	.service-area-row.owl-carousel .owl-nav .owl-prev {
		width: 30px;
		left: -30px;
	}
	
	.service-area-row.owl-carousel .owl-nav .owl-next {
		width: 30px;
		right: -30px;
	}
	
	.service-area-col {
		width: 380px;
	}
	
	.service-area-content {
		padding: 0 25px;
	}
	
	.joining-reason ul li {
		font-size: 22px;
	}
	
	.joining-reason h2, .rts-content h2, .cwic-wrapper .cwic-text h2, .enrolling-section h2 {
		font-size: 30px;
	}
	
	.img-banner-content .caption {
		font-size: 18px;
	}
	
	.img-banner-content .caption h1, .img-banner-content .caption h2, .img-banner-content .caption h3 {
		font-size: 36px;
	}
}

@media only screen and (max-width: 1199px) {
	/*new css 15.10.2020----------------*/
	#improve-sec .tcf-col.tcf-content .btn {
		min-width: 200px;
	}
	
	.joining-reason ul {
		column-count: 2;
	}
	
	/*new css 15.10.2020----------------*/
	.img-banner-content .caption {
		font-size: 17px;
	}
	
	.img-banner-content .caption h1, .img-banner-content .caption h2, .img-banner-content .caption h3 {
		font-size: 30px;
	}
	
	.single-gallery-view iframe {
		height: 580px;
	}
	
	.tint-visualizer-section .content-area {
		max-width: 465px;
	}
}

@media only screen and (max-width: 1023px) {
	/*new css 15.10.2020----------------*/
	.mobile-special-links {
		display: block;
	}
	
	.location-detail-hero {
		flex-direction: column;
		-webkit-flex-direction: column;
		position: relative;
	}
	
	.location-detail-hero .hero-banner, .location-detail-hero .hero-map {
		width: 100%;
	}
	
	.location-detail-hero .hero-banner {
		margin-top: 50px;
		padding: 50px 20px;
	}
	
	.location-detail-hero .hero-banner h1 {
		font-size: 50px;
		line-height: 60px;
		margin: 0 0 13px;
	}
	
	.location-detail-hero .hero-map .title-area {
		background-color: #000;
		width: 100%;
		height: 50px;
		position: absolute;
		left: 0;
		top: 0;
		text-align: center;
		padding: 0;
		display: flex;
		align-items: center;
		-webkit-align-items: center;
		justify-content: center;
		-justify-content: center;
		font-size: 17px;
	}
	
	.store-locator-profile .container {
		flex-direction: column;
		-webkit-flex-direction: column;
		justify-content: center;
		-webkit-justify-content: center;
	}
	
	.store-locator-profile .container .content_lt {
		width: 100%;
	}
	
	.store-locator-profile .container .content_rt {
		width: 100%;
	}
	
	.ttct-section {
		padding: 40px 0;
	}
	
	.ttct-section h2 {
		color: #000;
		text-align: left;
		border: 0;
		padding: 0 0 16px;
		margin: 0;
		font-size: 34px;
		line-height: 40px;
	}
	
	.ttct-section .two-column-service ul li strong {
		color: #000;
	}
	
	.ttct-section .adjustable-three-col.two-column-service > ul > li {
		width: 50%;
		max-width: none;
	}
	
	#top-two-coltext .tct-row {
		flex-direction: column;
		-webkit-flex-direction: column;
	}
	
	#top-two-coltext .tct-row .tct-col.small-col, #top-two-coltext .tct-row .tct-col.large-col {
		width: 100%;
	}
	
	#top-two-coltext .tct-row .tct-col.small-col {
		margin-bottom: 30px;
	}
	
	#improve-sec.tcf-content {
		background: none !important;
		padding: 0;
	}
	
	#improve-sec.tcf-content .tcf-col.tcf-img, #improve-sec.tcf-content .tcf-col.tcf-content {
		width: 100%;
	}
	
	#improve-sec.tcf-content .tcf-col.tcf-img img.mob-visible {
		display: block;
	}
	
	#improve-sec.tcf-content .tcf-overlay {
		width: 100%;
		height: 100%;
	}
	
	#improve-sec.tcf-content .container-main {
		padding: 0;
	}
	
	#improve-sec.tcf-content .tcf-col.tcf-content {
		padding: 40px 20px;
		background: none;
	}
	
	.tciwc-row .tciwc-img i {
		font-size: 40px;
	}
	
	.location-review.featured-review .title-area {
		margin: 0 0 40px;
	}
	
	.ld-icon-area .tc-icon-boxes {
		padding: 50px 0;
	}
	
	.store-locator-profile .container .content_lt h2 {
		font-size: 34px;
		line-height: 40px;
		margin: 0 0 30px;
	}
	
	.single-faq {
		padding: 50px 0;
	}
	
	/*new css 15.10.2020----------------*/
	.service-area-row {
		max-width: 690px;
		margin: 0 auto;
	}
	
	.service-area-col {
		width: 330px;
	}
	
	.service-area-content {
		padding: 0 30px;
	}
	
	.service-area-row.owl-carousel .owl-nav .owl-prev {
		left: -40px;
	}
	
	.service-area-row.owl-carousel .owl-nav .owl-next {
		right: -40px;
	}
	
	.mobile-special-links {
		top: 97.8px;
	}
	
	.header-placeholder {
		height: 149px;
	}
	
	.mob-only-num {
		display: block;
	}
	
	.content-menu.desktop {
		display: none;
	}
	
	/*---------new-tint-pages-------------*/
	.laws-banner .banner-image {
		width: 100%;
		position: relative;
		height: 300px;
		clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
	}
	
	.lwsbanner-wrap .lws-banner-content {
		width: 100%;
		font-size: 18px;
		line-height: 24px;
		padding: 50px 0;
		text-align: center;
	}
	
	.lwsbanner-wrap .lws-banner-content h1 {
		font-size: 28px;
		line-height: 32px;
	}
	
	.lwsbanner-wrap .lws-banner-content h1 br, .lwsbanner-wrap .lws-banner-content p br {
		display: none;
	}
	
	.three-grid-section .tcs-title {
		font-size: 20px;
		line-height: 26px;
	}
	
	.three-grid-section .tcs-title h2 {
		font-size: 20px;
		line-height: 26px;
	}
	
	.tcs-container {
		padding: 8px 15px;
	}
	
	.tcs-container .tcs-col {
		width: 100%;
		border-left: none;
		border-top: #808080 4px solid;
		padding: 20px 0;
	}
	
	.tcs-container .tcs-col:first-child {
		border-top: none;
	}
	
	.stc-wrapper .stc-heading {
		display: none;
	}
	
	.stc-main-container .stc-img-preview {
		width: 100%;
		height: 150px;
		position: relative;
		clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
	}
	
	.stc-content-area {
		width: 100%;
	}
	
	.tint-variety-section .tvs-caption {
		font-size: 20px;
		line-height: 24px;
	}
	
	.state-law-area .sla-title, .state-law-area .sla-title h2 {
		font-size: 20px;
		line-height: 26px;
	}
	
	.state-info-block {
		width: 100%;
		padding: 40px;
	}
	
	.state-law-row .law-list {
		width: 100%;
	}
	
	.law-list .state-applied-law {
		width: 100%;
		border-left: none;
		border-top: #808080 4px solid;
	}
	
	.law-list .state-applied-law:first-child {
		border-top: none;
	}
	
	.cn-row .note-heading, .cn-row .note-heading h3 {
		width: 100%;
		padding: 20px 15px;
	}
	
	.cn-row .note-desc {
		width: 100%;
		column-count: 1;
		padding: 20px;
	}
	
	.law-cta-wrapper .law-cta-content {
		width: 100%;
	}
	
	.law-cta .cta-img-preview {
		width: 100%;
		position: relative;
		background-size: cover;
		height: 250px;
		clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
	}
	
	.law-cta-btn {
		top: 15px;
		left: 0;
		clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
		font-size: 20px;
		line-height: 24px;
	}
	
	.law-cta-wrapper .law-cta-content {
		padding: 30px 5px;
		font-size: 18px;
		line-height: 26px;
	}
	
	.law-cta-wrapper .law-cta-content h3 {
		font-size: 24px;
		line-height: 28px;
	}
	
	.three-grid-section {
		border-bottom: none;
	}
	
	.tschool_reasons .tschool_title, .tschool_reasons .tschool_title h2 {
		font-size: 20px;
		line-height: 26px;
	}
	
	.tschool_reasons .tschool_points ul li {
		width: 100%;
		border: none;
		font-size: 20px;
		line-height: 24px;
		min-height: auto;
		padding: 10px 0;
		border-top: #808080 1px solid;
	}
	
	.tschool_reasons .tschool_points ul li:first-child {
		border-top: none;
	}
	
	.course-title-area .course-title-wrapper {
		font-size: 18px;
		line-height: 24px;
	}
	
	.course-title-area .course-title-wrapper h2 {
		font-size: 24px;
		line-height: 30px;
	}
	
	.course-main .course-previw {
		width: 100%;
		height: 200px;
		position: relative;
	}
	
	.course-main.left-side .course-previw, .course-main.right-side .course-previw {
		clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
	}
	
	.course-main-wrapper .course-content {
		width: 100%;
		font-size: 20px;
		line-height: 26px;
	}
	
	.course-main-wrapper .course-content h3 {
		font-size: 24px;
		line-height: 28px;
		margin-bottom: 15px;
	}
	
	.course-main-wrapper .course-content h1 {
		font-size: 30px;
		line-height: 35px;
	}
	
	.course-main-wrapper .course-content ul li {
		font-size: 20px;
		line-height: 26px;
	}
	
	.courses-area .courses-heading, .courses-area .courses-heading h2 {
		font-size: 20px;
		line-height: 26px;
	}
	
	.courses-type {
		padding: 0 20px;
	}
	
	.courses-type .course-module {
		width: 100%;
	}
	
	.course-module .course-preview, .course-module .course-info {
		width: 100%;
	}
	
	.course-module .course-info {
		font-size: 18px;
		line-height: 24px;
		padding: 20px 0;
	}
	
	.course-module .course-info h3 {
		font-size: 22px;
		line-height: 26px;
	}
	
	.course-module .course-info .course-price {
		font-size: 24px;
	}
	
	.course-module .course-info .cmbtn {
		font-size: 24px;
		line-height: 28px;
	}
	
	.courses-type .course-module {
		padding: 15px 0;
	}
	
	.tschool-cta-content {
		font-size: 18px;
		line-height: 24px;
	}
	
	.tschool-cta-section .tschool-cta-heading {
		font-size: 20px;
		line-height: 26px;
	}
	
	.tschool-cta-content h3 {
		font-size: 26px;
	}
	
	.tschool-cta-content .tscta-btn {
		font-size: 24px;
		line-height: 26px;
	}
	
	.tschool-video-section .ts-heading, .tschool-video-section .ts-heading h2 {
		font-size: 20px;
		line-height: 26px;
	}
	
	.ts-video-grid .ts-video-column {
		width: 100%;
		padding: 0;
	}
	
	.lwsbanner-wrap .lws-banner-content h2 {
		font-size: 18px;
		line-height: 24px;
	}
	
	.joining-reason ul {
		column-count: 2;
	}
	
	.joining-reason ul li {
		font-size: 20px;
	}
	
	.joining-reason h2, .rts-content h2, .cwic-wrapper .cwic-text h2, .enrolling-section h2 {
		font-size: 26px;
		line-height: 30px;
	}
	
	.rts-content .rts-text ul li {
		font-size: 18px;
		line-height: 26px;
	}
	
	.rts-content .rts-text {
		font-size: 18px;
		line-height: 26px;
	}
	
	.cwic-wrapper .cwic-text {
		width: 100%;
	}
	
	.ciwc-image {
		width: 100%;
		height: auto;
		position: relative;
	}
	
	.ciwc-image img {
		width: 100%;
		height: auto;
		position: relative;
	}
	
	.reverse .cwic-wrapper .cwic-text {
		padding-right: 0;
	}
	
	.no-reverse .cwic-wrapper .cwic-text {
		padding-left: 0;
	}
	
	.enrolling-row .enrolling-column {
		width: 100%;
	}
	
	.application-row .application-column {
		font-size: 20px;
		line-height: 24px;
	}
	
	.img-banner-content .caption {
		width: 100%;
	}
	
	.img-banner-content .caption h1, .img-banner-content .caption h2, .img-banner-content .caption h3 {
		line-height: 32px;
	}
	
	.img-banner-content .banner-button-area {
		width: 100%;
		margin: 0 0 20px;
		border-radius: 23px;
		justify-content: center;
		padding: 10px;
		clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
	}
	
	.img-banner-content .container-main:after {
		display: none;
	}
	
	.single-gallery-view iframe {
		height: 420px;
	}
	
	.footer .footer-top .foo-widget-area {
		width: 100%;
	}
	
	.foo-widget-area .widget:first-child {
		width: 20%;
		order: 1;
	}
	
	.foo-widget-area .widget:nth-child(2) {
		width: 30%;
		order: 2;
	}
	
	.foo-widget-area .widget:nth-child(3) {
		width: 100%;
		order: 4;
	}
	
	.foo-widget-area .widget:last-child {
		width: 46%;
		order: 3;
	}
	
	.footer-top .foo-subscribe-area {
		width: 100%;
	}
	
	.tint-visualizer-section .tv-img-section {
		width: 48%;
	}
	
	.tint-visualizer-section .content-area {
		max-width: 350px;
	}
	
	.tint-visualizer-section .content-area h3 {
		font-size: 30px;
		line-height: 39px;
	}
	
	.swap-section .swap-modules .sm-description {
		min-height: auto;
		margin: 30px 0;
		padding: 30px;
	}
	
	.swap-section .swap-modules .sm-description h2 {
		font-size: 40px;
	}
}

@media only screen and (max-width: 767px) {
	.blog-video-content iframe {
		min-height: 280px;
	}
	
	.beforeAfter {
		height: auto !important;
	}
	
	.desk-spacer {
		height: auto !important;
	}
	
	.tccwi-section .tccwi-content {
		min-height: auto;
		padding: 40px 20px;
	}
	
	.tint-visualizer-section .content-area h4.mob-toggle-btn {
		cursor: pointer;
	}
	
	.tint-visualizer-section .content-area .toggle-element {
		display: none;
	}
	
	.tint-visualizer-section .content-area .current .toggle-element {
		display: block;
	}
	
	.tccwi-row .tccwi-content h2 {
		margin-top: 0;
	}
	
	.hide-video-mob #myPlayer {
		display: none;
	}
	
	.hide-video-mob #customElement {
		display: none;
	}
	
	ul, ol {
		margin-left: 10px;
		padding-left: 10px;
	}
	
	.horizontal-img-content.img-cover-style {
		padding: 0 0 30px;
	}
	
	.video-grid-section h4 {
		font-size: 28px;
		line-height: 34px;
		margin: 0 0 30px;
	}
	
	.article-column .btn.gray {
		background-color: #57514f;
		color: #f1f1f1;
	}
	
	#tcfic-8.right-content .tcf-col.tcf-content {
		background-color: #1f4e8b;
	}
	
	#sbasic-7.basic-container.reduce-bottom {
		text-align: center !important;
	}
	
	.client-module {
		max-width: 150px;
		margin: 0 auto;
		display: block;
	}
	
	.client-section .owl-carousel .owl-item img {
		height: auto;
	}
	
	.client-section .owl-carousel .owl-nav .owl-prev, .client-section .owl-carousel .owl-nav .owl-next {
		width: 13px;
		height: 23px;
		top: 37%;
	}
	
	.client-section .owl-carousel .owl-nav .owl-prev {
		background: url("https://sunstoppers.com/nitropack_static/lMsxHOdsTFvnYLFKjcecEotcDJbEpxHY/assets/images/optimized/rev-6e735cd/sunstoppers.com/wp-content/themes/sun_stopppers/images/client-left-arrow.png") no-repeat 0 0 !important;
		left: -20%;
	}
	
	.client-section .owl-carousel .owl-nav .owl-prev.nitro-lazy {
		background-image: none !important;
	}
	
	.client-section .owl-carousel .owl-nav .owl-next {
		background: url("https://sunstoppers.com/nitropack_static/lMsxHOdsTFvnYLFKjcecEotcDJbEpxHY/assets/images/optimized/rev-6e735cd/sunstoppers.com/wp-content/themes/sun_stopppers/images/client-right-arrow.png") no-repeat 0 0 !important;
		right: -20%;
	}
	
	.client-section .owl-carousel .owl-nav .owl-next.nitro-lazy {
		background-image: none !important;
	}
	
	.client-section .owl-carousel .owl-nav .owl-prev span, .client-section .owl-carousel .owl-nav .owl-next span {
		display: none;
	}
	
	/*#tcfic-5 .tcf-col.tcf-content { background:#1F4E8B; }
	#tcfic-6 .tcf-col.tcf-content { background:#1F4E8B; }*/
	.banner-content .hero-btn {
		font-size: 15px;
		padding: 10px 5px;
		margin-top: 20px;
	}
	
	.basic-container .gform_wrapper.gf_browser_chrome .gfield_checkbox li input[type=checkbox] + label {
		font-size: 14px;
	}
	
	/*========[Mobile Form]========*/
	#gform_wrapper_17 {
		display: block !important;
	}
	
	.menu-about-menu-container {
		width: 50%;
		position: relative;
		padding: 15px 0;
	}
	
	#store-search-wrap h1 {
		font-size: 32px;
		line-height: 39px;
		padding-top: 20px;
	}
	
	#wpsl-category {
		display: none;
	}
	
	.mob-location-pointer {
		display: block;
	}
	
	.icon-direction span {
		display: none;
	}
	
	#store-search-wrap input[type=text] {
		width: 100%;
	}
	
	/*new css 15.10.2020----------------*/
	.location-detail-hero .hero-banner {
		padding: 34px 20px;
	}
	
	.location-detail-hero .hero-banner .banner-content {
		font-size: 17px;
	}
	
	.location-detail-hero .hero-banner h1 {
		font-size: 32px;
		line-height: 39px;
	}
	
	.location-detail-hero .hero-banner .ttct-btn-area, .ttct-section .ttct-btn-area {
		display: flex;
		align-items: center;
		-webkit-align-items: center;
		flex-direction: column;
		-webkit-flex-direction: column;
		padding: 26px 0 0;
	}
	
	.location-detail-hero .hero-banner .ttct-btn-area .btn, .ttct-section .ttct-btn-area .btn {
		width: auto;
		min-width: 216px;
		margin-top: 5px;
		margin-bottom: 5px;
		letter-spacing: .8pt;
	}
	
	.location-detail-hero .hero-map .store-single-widget {
		padding: 30px 38px;
	}
	
	.location-detail-hero .hero-map .ico-website a {
		word-break: break-all;
	}
	
	.location-detail-hero .hero-map #wpsl-base-gmap_1 {
		height: 306px;
		width: calc(100% + 76px) !important;
		margin: -20px -38px 38px -38px !important;
	}
	
	.location-breadcrumb {
		display: none;
	}
	
	.ttct-section {
		padding: 30px 0;
	}
	
	.ttct-section .adjustable-three-col.two-column-service > ul > li {
		width: 100%;
		max-width: none;
	}
	
	.ttct-section .two-column-service > ul > li {
		font-size: 20px;
		line-height: 32px;
	}
	
	#top-two-coltext .tct-row .tct-col.small-col {
		width: 100%;
		color: #000;
	}
	
	#top-two-coltext .tct-row .tct-col.large-col {
		width: 100%;
	}
	
	#top-two-coltext .tct-row .tct-col.small-col {
		margin-bottom: 0;
	}
	
	#top-two-coltext h2 {
		font-size: 16px;
		color: #000;
		line-height: normal;
		margin: 0 0 16px;
	}
	
	.tct-module {
		padding: 40px 0;
	}
	
	#top-two-coltext h3 {
		font-size: 24px;
		line-height: 34px;
		color: #000;
	}
	
	#improve-sec.tcf-content .tcf-col.tcf-content a.btn, #lsd-sec.tcf-content .container-main  a.btn {
		display: block !important;
		margin: 10px auto;
		width: auto;
		max-width: 250px;
	}
	
	.tciwc-row .tciwc-img i {
		font-size: 30px;
	}
	
	.ttct-section h2 {
		font-size: 28px;
		line-height: 34px;
	}
	
	#tciwc-7.horizontal-img-content {}
	
	.tciwc-row .tciwc-content {
		padding-top: 20px;
	}
	
	.location-review.featured-review .title-area {
		margin: 0 0 18px;
	}
	
	.ld-icon-area .tc-icon-boxes {
		padding: 30px 0;
	}
	
	#lsd-sec.right-content {
		background-image: none !important;
	}
	
	#lsd-sec.right-content.nitro-lazy {
		background-image: none !important;
	}
	
	#lsd-sec.right-content .tcf-col.tcf-content {
		padding: 50px 20px;
		background: none;
	}
	
	#lsd-sec.right-content .tcf-overlay {
		display: block;
		height: 100%;
	}
	
	.store-locator-profile .container .content_lt h2 {
		font-size: 28px;
		line-height: 34px;
		margin: 0 0 20px;
		color: #000;
	}
	
	.single-locations .store-single-content .container {
		padding: 0;
	}
	
	.single-locations .store-single-widget .wpsl-gmap-canvas {
		width: calc(100% + 50px) !important;
		margin: 0 -20px 20px !important;
	}
	
	.single-locations .store-single-content .store-single-widget {
		border: 0;
	}
	
	.single-locations .store-single-content .store-single-widget + .store-single-widget {
		background-color: #000;
		text-align: center;
		color: #fff;
	}
	
	.single-locations .store-single-content .store-single-widget + .store-single-widget h4 {
		color: #fff;
	}
	
	.store-locator-profile .container .content_lt {
		padding-left: 20px;
		padding-right: 20px;
	}
	
	.single-faq h2 {
		color: #000;
		border-bottom: 0;
		padding: 0;
	}
	
	.single-faq {
		padding: 60px 0;
	}
	
	.single-faq .faq-accordian h4 {
		padding: 25px 0;
	}
	
	.content-menu.mobile {
		position: sticky;
		left: 0;
		width: 100%;
		top: 56px;
		z-index: 1000;
	}
	
	/*new css 15.10.2020----------------*/
	.foo-widget-area .widget:last-child {
		width: 100%;
	}
	
	.service-area-section {
		padding: 50px 0;
	}
	
	.service-area-section .container-main {
		margin-bottom: 50px;
		overflow: hidden;
	}
	
	.services-head a {
		margin-right: auto;
	}
	
	.services-head h3 {
		width: 100%;
		text-align: center;
		font-size: 26px;
		line-height: 34px;
	}
	
	.service-area-row {
		margin: 0 auto;
		max-width: 300px;
	}
	
	.service-area-col {
		width: 300px;
	}
	
	.service-area-content {
		padding: 0 30px;
	}
	
	.service-area-row.owl-carousel .owl-nav .owl-prev {
		left: -36px;
	}
	
	.service-area-row.owl-carousel .owl-nav .owl-next {
		right: -36px;
	}
	
	.mobile-special-links {
		top: 56px;
	}
	
	.banner-overlay .banner-content h1, .banner-overlay .banner-content h2, .banner-overlay .banner-content h3 {
		font-size: 36px;
		line-height: 42px;
	}
	
	.mobile .banner-overlay .banner-content h1 span, .mobile .banner-overlay .banner-content h2 span, .mobile .banner-overlay .banner-content h3 span {
		display: inline;
	}
	
	.page-template-template-contact .content-menu, .blog .content-menu, .page-template-template-commercial-galleries .content-menu, .page-template-template-residential-galleries .content-menu, .page-template-template-galleries .content-menu {
		display: none;
	}
	
	.search-result-list {
		height: auto;
	}
	
	.search-result-list ul li:hover {
		box-shadow: 0 0 0 rgba(0, 0, 0, 0);
		margin: 0 0 22px;
	}
	
	.search-result-list ul li:hover a img {
		transform: scale(1, 1);
		-webkit-transform: scale(1, 1);
	}
	
	.search-loader {
		top: -321px;
		background-position: center 120px;
	}
	
	.mob-iframe-video {
		display: block;
	}
	
	.video-col a.vid-prev.desktop {
		display: none;
	}
	
	.tciwc-row.img-right-align .tciwc-content.mob-r-p-top {
		padding-top: 10px;
	}
	
	.content-menu.desktop {
		display: block;
	}
	
	.tciw-mob-img.mobile {
		margin-bottom: 30px;
	}
	
	.laws-banner .banner-image {
		width: 100%;
		position: relative;
		height: 300px;
		clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
	}
	
	.lwsbanner-wrap .lws-banner-content {
		width: 100%;
		font-size: 18px;
		line-height: 24px;
		padding: 50px 0;
		text-align: center;
	}
	
	.lwsbanner-wrap .lws-banner-content h1 {
		font-size: 28px;
		line-height: 32px;
	}
	
	.lwsbanner-wrap .lws-banner-content h1 br, .lwsbanner-wrap .lws-banner-content p br {
		display: none;
	}
	
	.three-grid-section .tcs-title {
		font-size: 20px;
		line-height: 26px;
	}
	
	.three-grid-section .tcs-title h2 {
		font-size: 20px;
		line-height: 26px;
	}
	
	.tcs-container {
		padding: 8px 15px;
	}
	
	.tcs-container .tcs-col {
		width: 100%;
		border-left: none;
		border-top: #808080 4px solid;
		padding: 20px 0;
	}
	
	.tcs-container .tcs-col:first-child {
		border-top: none;
	}
	
	.stc-wrapper .stc-heading {
		display: none;
	}
	
	.stc-main-container .stc-img-preview {
		width: 100%;
		height: 150px;
		position: relative;
		clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
	}
	
	.stc-content-area {
		width: 100%;
	}
	
	.tint-variety-section .tvs-caption {
		font-size: 20px;
		line-height: 24px;
	}
	
	.state-law-area .sla-title, .state-law-area .sla-title h2 {
		font-size: 20px;
		line-height: 26px;
	}
	
	.state-info-block {
		width: 100%;
		padding: 40px;
	}
	
	.state-law-row .law-list {
		width: 100%;
	}
	
	.law-list .state-applied-law {
		width: 100%;
		border-left: none;
		border-top: #808080 4px solid;
	}
	
	.law-list .state-applied-law:first-child {
		border-top: none;
	}
	
	.cn-row .note-heading, .cn-row .note-heading h3 {
		width: 100%;
		padding: 20px 15px;
	}
	
	.cn-row .note-desc {
		width: 100%;
		column-count: 1;
		padding: 20px;
	}
	
	.law-cta-wrapper .law-cta-content {
		width: 100%;
	}
	
	.law-cta .cta-img-preview {
		width: 100%;
		position: relative;
		background-size: cover;
		height: 250px;
		clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
	}
	
	.law-cta-btn {
		top: 15px;
		left: 0;
		clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
		font-size: 20px;
		line-height: 24px;
	}
	
	.law-cta-wrapper .law-cta-content {
		padding: 30px 5px;
		font-size: 18px;
		line-height: 26px;
	}
	
	.law-cta-wrapper .law-cta-content h3 {
		font-size: 24px;
		line-height: 28px;
	}
	
	.three-grid-section {
		border-bottom: none;
	}
	
	.tschool_reasons .tschool_title, .tschool_reasons .tschool_title h2 {
		font-size: 20px;
		line-height: 26px;
	}
	
	.tschool_reasons .tschool_points ul li {
		width: 100%;
		border: none;
		font-size: 20px;
		line-height: 24px;
		min-height: auto;
		padding: 10px 0;
		border-top: #808080 1px solid;
	}
	
	.tschool_reasons .tschool_points ul li:first-child {
		border-top: none;
	}
	
	.course-title-area .course-title-wrapper {
		font-size: 18px;
		line-height: 24px;
	}
	
	.course-title-area .course-title-wrapper h2 {
		font-size: 24px;
		line-height: 30px;
	}
	
	.course-main .course-previw {
		width: 100%;
		height: 200px;
		position: relative;
	}
	
	.course-main.left-side .course-previw, .course-main.right-side .course-previw {
		clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
	}
	
	.course-main-wrapper .course-content {
		width: 100%;
		font-size: 20px;
		line-height: 26px;
	}
	
	.course-main-wrapper .course-content h3 {
		font-size: 24px;
		line-height: 28px;
		margin-bottom: 15px;
	}
	
	.course-main-wrapper .course-content h1 {
		font-size: 30px;
		line-height: 35px;
	}
	
	.course-main-wrapper .course-content ul li {
		font-size: 20px;
		line-height: 26px;
	}
	
	.courses-area .courses-heading, .courses-area .courses-heading h2 {
		font-size: 20px;
		line-height: 26px;
	}
	
	.courses-type {
		padding: 0 20px;
	}
	
	.courses-type .course-module {
		width: 100%;
	}
	
	.course-module .course-preview, .course-module .course-info {
		width: 100%;
	}
	
	.course-module .course-info {
		font-size: 18px;
		line-height: 24px;
		padding: 20px 0;
	}
	
	.course-module .course-info h3 {
		font-size: 22px;
		line-height: 26px;
	}
	
	.course-module .course-info .course-price {
		font-size: 24px;
	}
	
	.course-module .course-info .cmbtn {
		font-size: 24px;
		line-height: 28px;
	}
	
	.courses-type .course-module {
		padding: 15px 0;
	}
	
	.tschool-cta-content {
		font-size: 18px;
		line-height: 24px;
	}
	
	.tschool-cta-section .tschool-cta-heading {
		font-size: 20px;
		line-height: 26px;
	}
	
	.tschool-cta-content h3 {
		font-size: 26px;
	}
	
	.tschool-cta-content .tscta-btn {
		font-size: 24px;
		line-height: 26px;
	}
	
	.tschool-video-section .ts-heading, .tschool-video-section .ts-heading h2 {
		font-size: 20px;
		line-height: 26px;
	}
	
	.ts-video-grid .ts-video-column {
		width: 100%;
		padding: 0;
	}
	
	.joining-reason ul {
		column-count: 1;
	}
	
	.joining-reason ul li {
		font-size: 20px;
		margin-bottom: 20px;
	}
	
	.joining-reason ul li:before {
		font-size: 20px;
	}
	
	.joining-reason h2, .rts-content h2, .cwic-wrapper .cwic-text h2, .enrolling-section h2, .application-intro h2 {
		font-size: 26px;
		line-height: 30px;
	}
	
	.rts-content .rts-text ul li {
		font-size: 18px;
		line-height: 26px;
	}
	
	.rts-content .rts-text {
		font-size: 18px;
		line-height: 26px;
	}
	
	.cwic-wrapper .cwic-text {
		width: 100%;
	}
	
	.ciwc-image {
		width: 100%;
		height: auto;
		position: relative;
	}
	
	.ciwc-image img {
		width: 100%;
		height: auto;
		position: relative;
	}
	
	.reverse .cwic-wrapper .cwic-text {
		padding-right: 0;
	}
	
	.no-reverse .cwic-wrapper .cwic-text {
		padding-left: 0;
	}
	
	.enrolling-row .enrolling-column {
		width: 100%;
		padding: 0;
	}
	
	.application-row .application-column {
		font-size: 20px;
		line-height: 24px;
	}
	
	.application-intro {
		font-size: 20px;
		line-height: 26px;
	}
	
	.application-intro p br {
		display: none;
	}
	
	.application-row .application-column {
		width: 100%;
		margin-bottom: 30px;
		border: none;
	}
	
	.application-column .apicon {
		width: 60%;
		margin: 0 auto;
	}
	
	.rts-img {
		width: 100%;
		position: relative;
	}
	
	.rts-img img {
		position: relative;
		height: auto;
		clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
	}
	
	.rts-content {
		width: 100%;
		padding: 0 0 40px;
	}
	
	.enrolling-btn {
		font-size: 16px;
	}
	
	.enrolling-row {
		margin-bottom: 20px;
	}
	
	.stc-row .stc-column {
		width: 100%;
	}
	
	.single-gallery-view iframe {
		height: 300px;
	}
	
	.page-id-3310 .fluentform-step.active .ffp-img-preview {
		display: none;
	}
	
	.page-id-3310 .fluentform-step.active .ffp-text-preview {
		width: 100%;
		float: none;
	}
	
	.page-id-3310 .fluentform-step.active .ff-select-services-container {
		width: 100%;
		float: none;
	}
	
	.swap-section .container {
		padding-left: 15px;
		padding-right: 15px;
	}
	
	.swap-section .swap-modules .sm-image {
		width: 100%;
		height: 300px;
	}
	
	.swap-section .swap-modules .sm-description {
		width: 100%;
	}
	
	.swap-section .swap-modules .sm-description h2 {
		font-size: 30px;
	}
	
	.swap-section .swap-modules .sm-description .btn {
		line-height: 35px;
	}
	
	.hero-caption-area .btn.second-btn {
		margin-left: 0;
	}
	
	.hero-caption-area h1 {
		font-size: 30px;
		line-height: 38px;
	}
	
	.tint-visualizer-section .content-area {
		max-width: inherit;
		padding: 30px 0;
	}
	
	.page-id-5024 .video-grid-section {
		display: block;
		padding-bottom: 0;
	}
	
	.page-id-5024 .horizontal-img-content .mob-iframe-video {
		display: none;
	}
	
	/* .about-gallery ul { overflow: scroll !important; height: 300px;} */
	.popvideo-row .video-col {
		display: none;
	}
	
	.popvideo-row .video-col:first-child {
		display: block;
	}
	
	.page-id-396 .basic-container {
		display: block;
		padding-bottom: 40px;
		position: relative;
	}
}

@media only screen and (max-width: 480px) {
	/*new css 15.10.2020----------------*/
	.location-detail-hero .hero-map .store-single-widget {
		padding: 30px 20px;
	}
	
	.location-detail-hero .hero-map #wpsl-base-gmap_1 {
		height: 306px;
		width: calc(100% + 40px) !important;
		margin: -20px -10px 30px -10px !important;
	}
	
	.single-faq .faq-accordian h4 {
		padding: 20px 0;
	}
	
	.photo-gallery {
		width: 100%;
	}
	
	.photo-gallery:first-child {
		width: 100%;
	}
	
	.photo-gallery:first-child img {
		height: auto;
	}
	
	/*new css 15.10.2020----------------*/
	.single-gallery-view iframe {
		height: 260px;
	}
}

/* Roller Shades & Blinds 10.28.21*/
.page-id-4979 section#sbasic-14, .page-id-515 section#sbasic-14 {
	display: none;
}

.page-id-4979 .section-row.information-row.parallax-window, .page-id-515 .section-row.information-row.parallax-window {
	background: #f1f1f1;
	color: #404040;
}

.page-id-4979 .section-row.information-row.parallax-window h2, .page-id-515 .section-row.information-row.parallax-window h2 {
	color: #404040 !important;
	font-weight: 400;
}

@media (min-width: 1300px) {
	.page-id-4979 .col-lg-4, .page-id-515 .col-lg-4 {
		width: 33%;
	}
}

@media screen and (max-width:767px) {
	.mbYTP_wrapper iframe {
		display: none;
	}
	
	.page-id-4979 .section-row h2, .page-id-515 .section-row h2 {
		font-size: 25px;
	}
	
	.page-id-4979 .img-banner-content, .page-id-515 .img-banner-content {
		padding-bottom: 2em;
	}
	
	.page-id-4979 .client-section, .page-id-515 .client-section {
		padding: 2em 1em;
	}
	
	.page-id-4979 .client-section h2, .page-id-515 .client-section h2 {
		font-size: 25px;
		line-height: 1.4em;
	}
	
	.page-id-4979 section.cta-section h3, .page-id-515  section.cta-section h3 {
		font-size: 25px;
	}
	
	.page-id-4979 .section-row.information-row.parallax-window h2, .page-id-515 .section-row.information-row.parallax-window h2 {
		font-size: 25px;
	}
	
	.page-id-4979 .information-row .row-col-header, .page-id-515 .information-row .row-col-header {
		margin-bottom: 0px;
	}
	
	.page-id-4979 .column-box-row h3, .page-id-515 .column-box-row h3 {
		font-size: 25px;
	}
	
	.page-id-4979 .column-box-row, .page-id-515 .column-box-row {
		padding: 2em 1em;
	}
	
	.page-id-4979 .header-placeholder, .page-id-515 .header-placeholder {
		height: 60px;
	}
	
	.page-id-4979 .img-banner.mobile img, .page-id-515 .img-banner.mobile img {
		min-height: 385px;
		object-fit: cover;
	}
	
	.page-id-4979 a.btn, .page-id-515 a.btn {
		padding: 20px 20px;
		word-break: break-word;
		white-space: pre-wrap;
		line-height: 1.2em;
		font-size: 15px;
	}
	
	.galleries-section iframe {
		height: 250px !important;
	}
}

@media screen and (max-width: 1023px) {
	.horizontal-img-content .tciwc-row {
		display: block;
	}
	
	.tciwc-row .tciwc-img {
		width: 100%;
		margin-bottom: 30px;
	}
	
	.tciwc-row .tciwc-content {
		width: 100%;
		padding-left: 0;
	}
	
	.page-id-18286 .basic-container table.table-box td tr td {
		font-size: 15px;
		line-height: normal;
	}
}

@media screen and (max-width: 600px) {
	.page-id-18286 .basic-container table.table-box td tr td {
		font-size: 11px;
		line-height: normal;
	}
	
	.page-id-18286 .basic-container table {
		width: 100%;
		overflow: scroll;
	}
	
	.page-id-18286 .basic-container table tbody {
		width: 100%;
		display: inline-block;
	}
	
	.page-id-18286 .basic-container table td, .page-id-18286 .tciwc-row .tciwc-content table td {
		border: 1px solid #d9d9d9;
		padding: 10px 8px;
		text-align: left;
		font-size: 11px;
		line-height: normal;
	}
	
	.tciwc-row .tciwc-content ul {
		margin-left: 0;
		margin-bottom: 30px;
		padding: 0 0 0 9px;
		list-style: none;
	}
	
	.tciwc-row .tciwc-content ul li {
		margin-top: 5px;
	}
	
	.table_ul {
		padding: 0px;
	}
	
	.table_ul li {
		font-size: 10px;
		line-height: 16px;
		padding: 3px 0;
	}
	
	.comparison {
		max-width: 100%;
	}
	
	.comparison td:first-child, .comparison th:first-child {
		display: none;
	}
	
	.comparison tbody tr:nth-child(odd) {
		display: table-row;
		background: #f7f7f7;
	}
	
	.comparison .row {
		background: #fff;
	}
	
	.comparison td, .comparison th {
		border: 1px solid #ccc;
		border-top: none;
		padding: 10px;
	}
	
	.price-info {
		border-top: 0 !important;
		padding: 10px 0 !important;
	}
	
	.price-info p {
		line-height: 8px;
		font-size: 8px !important;
	}
	
	.comparison .compare-row {
		background: #fff;
	}
	
	.comparison .price-now p {
		display: block;
	}
	
	.comparison .price-now span {
		font-size: 16px;
	}
	
	.comparison .qbse {
		font-size: 1.2em;
	}
	
	.comparison td {
		font-size: 14px;
	}
	
	.comparison th {
		font-size: 14px;
	}
}

/* End */
.elementor-16078 .elementor-element.elementor-element-a84c3ec {
	--display: none !important;
}

.elementor-16078 .elementor-element.elementor-element-7f3a452 {
	padding-left: 0 !important;
	width: auto !important;
	margin: 0 auto !important;
}