@font-face {
	font-family: IcoFont;
	font-display: auto;
	font-weight: 400;
	src: url(../fonts/icofont.woff2) format("woff2"),
	url(../fonts/icofont.woff) format("woff")
}

[class*=" icofont-"],
[class^=icofont-] {
	font-family: IcoFont!important;
	speak: none;
	font-style: normal;
	font-weight: 400;
	font-variant: normal;
	text-transform: none;
	white-space: nowrap;
	word-wrap: normal;
	direction: ltr;
	line-height: 1
}

.icofont-phone:before {
	content: "\efbb"
}

.icofont-at:before {
	content: "\eea6"
}

.icofont-badge:before {
	content: "\eeaa"
}

.icofont-share-boxed:before {
	content: "\efe4"
}

.icofont-blogger:before {
	content: "\ed23"
}

.icofont-instagram:before {
	content: "\ed46"
}

.icofont-google-plus:before {
	content: "\ed43"
}

.icofont-linkedin:before {
	content: "\ed4d"
}

.icofont-youtube:before {
	content: "\ed8b"
}

.icofont-check-circled:before {
	content: "\eed7"
}

.icofont-ui-check:before {
	content: "\ec4b"
}

.icofont-phone-circle:before {
	content: "\efba"
}

.icofont-dollar:before {
	content: "\e9d8"
}

.icofont-location-pin:before {
	content: "\ef79"
}

.icofont-map:before {
	content: "\ef8b"
}

.icofont-web:before {
	content: "\f028"
}

.icofont-ui-clock:before {
	content: "\ec4e"
}

.icofont-star:before {
	content: "\f000"
}

.icofont-arrow-down:before {
	content: "\ea5b"
}

.icofont-arrow-left:before {
	content: "\ea5c"
}

.icofont-arrow-right:before {
	content: "\ea5d"
}

.icofont-arrow-up:before {
	content: "\ea5e"
}

.icofont-facebook:before {
	content: "\ed37"
}

.icofont-youtube-play:before {
	content: "\ecbb"
}

.icofont-search-map:before {
	content: "\ed16"
}

.icofont-twitter:before {
	content: "\ed7a"
}

.icofont-foursquare:before {
	content: "\ed3b"
}

.icofont-live-support:before {
	content: "\ef77"
}

.icofont-navigation-menu:before {
	content: "\efa2"
}

.icofont-ui-cell-phone:before {
	content: "\ec49"
}

.icofont-checked:before {
	content: "\eed9"
}

.icofont-xs {
	font-size: .5em
}

.icofont-sm {
	font-size: .75em
}

.icofont-md {
	font-size: 1.25em
}

.icofont-lg {
	font-size: 1.5em
}

.icofont-1x {
	font-size: 1em
}

.icofont-2x {
	font-size: 2em
}

.icofont-3x {
	font-size: 3em
}

.icofont-4x {
	font-size: 4em
}

.icofont-5x {
	font-size: 5em
}

.icofont-6x {
	font-size: 6em
}

.icofont-7x {
	font-size: 7em
}

.icofont-8x {
	font-size: 8em
}

.icofont-9x {
	font-size: 9em
}

.icofont-10x {
	font-size: 10em
}

.icofont-fw {
	text-align: center;
	width: 1.25em
}

.icofont-ul {
	list-style-type: none;
	padding-left: 0;
	margin-left: 0
}

.icofont-ul>li {
	position: relative;
	line-height: 2em
}

.icofont-ul>li .icofont {
	display: inline-block;
	vertical-align: middle
}

.icofont-border {
	border: solid .08em #f1f1f1;
	border-radius: .1em;
	padding: .2em .25em .15em
}

.icofont-pull-left {
	float: left
}

.icofont-pull-right {
	float: right
}

.icofont.icofont-pull-left {
	margin-right: .3em
}

.icofont.icofont-pull-right {
	margin-left: .3em
}

.icofont-spin {
	animation: icofont-spin 2s infinite linear;
	display: inline-block
}

.icofont-pulse {
	animation: icofont-spin 1s infinite steps(8);
	display: inline-block
}

@keyframes icofont-spin {
	0% {
		transform: rotate(0)
	}
	100% {
		transform: rotate(360deg)
	}
}

.icofont-rotate-90 {
	transform: rotate(90deg)
}

.icofont-rotate-180 {
	transform: rotate(180deg)
}

.icofont-rotate-270 {
	transform: rotate(270deg)
}

.icofont-flip-horizontal {
	transform: scale(-1, 1)
}

.icofont-flip-vertical {
	transform: scale(1, -1)
}

.icofont-flip-horizontal.icofont-flip-vertical {
	transform: scale(-1, -1)
}

:root .icofont-flip-horizontal,
:root .icofont-flip-vertical,
:root .icofont-rotate-180,
:root .icofont-rotate-270,
:root .icofont-rotate-90 {
	filter: none;
	display: inline-block
}

.icofont-inverse {
	color: #fff
}

.sr-only {
	border: 0;
	clip: rect(0, 0, 0, 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px
}

.sr-only-focusable:active,
.sr-only-focusable:focus {
	clip: auto;
	height: auto;
	margin: 0;
	overflow: visible;
	position: static;
	width: auto
}

.animate-left,
.row,
sub,
sup {
	position: relative
}

* {
	box-sizing: border-box;
	line-height: 1.5;
	text-rendering:optimizeLegibility;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
	display: block
}

[hidden],
template {
	display: none
}

body {
	font-family: 'Poppins', sans-serif
}

img {
	vertical-align: middle
}

a {
	background: 0 0;
	text-decoration: none;
	color: #008242;
}

a:focus {
	outline: dotted thin
}

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

h1 {
	margin: .67em 0
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: 'Source Sans Pro', sans-serif;
}

abbr[title] {
	border-bottom: 1px dotted
}

b,
strong {
	font-weight: 700
}

dfn {
	font-style: italic
}

hr {
	box-sizing: content-box;
	height: 0
}

mark {
	background: #ff0;
	color: #000
}

code,
kbd,
pre,
samp {
	font-family: 'Poppins', monospace, serif;
	font-size: 1em
}

pre {
	white-space: pre-wrap
}

q {
	quotes: "\201C" "\201D" "\2018" "\2019"
}

small {
	font-size: 80%
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	vertical-align: baseline
}

sup {
	top: -.5em
}

sub {
	bottom: -.25em
}

svg:not(:root) {
	overflow: hidden
}

figure {
	margin: 0
}

fieldset {
	border: 1px solid silver;
	margin: 0 2px;
	padding: .35em .625em .75em
}

legend {
	padding: 0
}

button,
input,
select,
textarea {
	font-family: 'Poppins';
	font-size: 100%;
	margin: 0
}

button,
input {
	line-height: normal
}

button,
select {
	text-transform: none
}

button,
html input[type=button],
input[type=reset],
input[type=submit] {
	cursor: pointer
}

button[disabled],
html input[disabled] {
	cursor: default
}

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

input[type=search] {
	box-sizing: content-box
}

textarea {
	overflow: auto;
	vertical-align: top
}

table {
	border-collapse: collapse;
	border-spacing: 0
}

body,
html {
	height: 100%;
	width: 100%;
	margin: 0;
	padding: 0;
	left: 0;
	top: 0;
	font-size: 100%
}

.center,
.container {
	margin-left: auto;
	margin-right: auto
}

h1 {
	font-size: 2.5rem
}

h2 {
	font-size: 2rem
}

h3 {
	font-size: 1.375rem
}

h4 {
	font-size: 1.125rem
}

h5 {
	font-size: 1rem
}

h6 {
	font-size: .875rem
}

p {
	font-size: 1.125rem;
	font-weight: 200;
	line-height: 1.8
}

.font-light {
	font-weight: 300
}

.font-regular {
	font-weight: 400
}

.font-heavy {
	font-weight: 700
}

.left {
	text-align: left
}

.right {
	text-align: right
}

.center {
	text-align: center
}

.justify {
	text-align: justify
}

.container {
	width: 95%
}

.row {
	width: 100%
}

.row [class^=col] {
	float: left;
	margin: .5rem 2%;
	min-height: .125rem
}

.col-1,
.col-10,
.col-11,
.col-12,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9 {
	width: 96%
}

.col-1-sm {
	width: 4.33%
}

.col-2-sm {
	width: 12.66%
}

.col-3-sm {
	width: 21%
}

.col-4-sm {
	width: 29.33%
}

.col-5-sm {
	width: 37.66%
}

.col-6-sm {
	width: 46%
}

.col-7-sm {
	width: 54.33%
}

.col-8-sm {
	width: 62.66%
}

.col-9-sm {
	width: 71%
}

.col-10-sm {
	width: 79.33%
}

.col-11-sm {
	width: 87.66%
}

.col-12-sm {
	width: 96%
}

.row::after {
	content: "";
	display: table;
	clear: both
}

.hidden-sm {
	display: none
}

@media all and (min-width:720px) {
	.container {
		width: 95%
	}
}

@media all and (min-width:720px) {
	.col-1 {
		width: 4.33%
	}
	.col-2 {
		width: 12.66%
	}
	.col-3 {
		width: 21%
	}
	.col-4 {
		width: 29.33%
	}
	.col-5 {
		width: 37.66%
	}
	.col-6 {
		width: 46%
	}
	.col-7 {
		width: 54.33%
	}
	.col-8 {
		width: 62.66%
	}
	.col-9 {
		width: 71%
	}
	.col-10 {
		width: 79.33%
	}
	.col-11 {
		width: 87.66%
	}
	.col-12 {
		width: 96%
	}
	.hidden-sm {
		display: block
	}
}

@media all and (min-width:960px) {
	.container {
		width: 85%;
		max-width:1150px;
	}
}

.animate-left {
	animation: animateleft .4s
}

@keyframes opacity {
	from {
		opacity: 0
	}
	to {
		opacity: 1
	}
}

@keyframes animateleft {
	from {
		margin-left: -300px;
		opacity: 0
	}
	to {
		margin-left: 0;
		opacity: 1
	}
}

@keyframes fade-in {
	from {
		opacity: 0;
		transform: scale(.7, .7)
	}
	to {
		opacity: 1
	}
}

.fade-in-element {
	animation: fade-in 1.4s
}

.hidden {
	opacity: 0
}

/* ---- TOPBAR --- */
#topbar {
  position:relative;
  display:block;
	margin:0;
  padding:0;
}

#topbar .row {}
#topbar .tb-timing {
  margin:0 2%;
	height: 30px;
	line-height: 30px;
	overflow:hidden;
	color:#fff;
	font-size:14px;
	letter-spacing:.02em;
	font-family:'Poppins', sans-serif;
}

#topbar .tb-timing i {
	margin-right: 5px;
	color: rgba(255, 255, 255, .7);
	vertical-align:baseline;
}

#topbar .tb-phone {
  margin:1px 2%;
	height: 30px;
	line-height: 30px;
	overflow: hidden;
	font-size: 16px;
	color: #fff;
	font-weight: 400;
	letter-spacing: .02em;
}

#topbar .tb-phone a {
	width:100%;
	position:relative;
	font-size: 20px;
	color:#000;
  background:#febf04;
  padding: 3px 20px 7px 20px;
	border-radius: 0px 0px 5px 5px;
}

#topbar .tb-phone a:before {
    content: '';
    position: absolute;
    left: -18px;
    top: 0px;
    border-top: 37px solid #febf04;
    border-left: 20px solid transparent;
}

#topbar .tb-phone i {
	vertical-align:baseline;
}

/* ---- NavBar ---- */

#navbar {
	padding:15px 0;
	margin: 0;
	width:100%;
	overflow:hidden;
}

#navbar.sticky {
	padding:0;
  position:fixed;
  top:0;
  left:0;
  z-index:5;
  background:#008242;
}

#navbar .navbarbox {
	margin: 0;
	padding: 0;
	position: relative;
	display: block;
	transition: all .3s ease
}

#navbar .navbarbox:after {
	content: "";
	display: table;
	clear: both
}

#navbar a {
	display: block
}

#navbar #logo {
	width: 25%;
	position: relative;
	display: block;
	float: left;
	padding:5px 2%;
	padding-right: 0;
}

#navbar .logo img {
	display: block;
	max-height: 50px;
	max-width: 100%
}

#navbar #menu {
	width: 75%;
	position: relative;
	display: block;
	float: left;
	padding:5px 2%;
	padding-left: 0
}

#navbar .menu ul {
	list-style: none;
	padding: 0;
	margin: 0;
	float: right;
	margin-left:-10px;
}

#navbar .menu ul li {
	float: left;
	animation: opacity 1s
}

#navbar .menu ul li a {
	color: #fff;
	padding: 0 7px;
	font-size:17px;
	height:50px;
	line-height:50px
}

#navbar .menu ul li.current-menu-item a {
  border-bottom:2px solid rgba(255, 255, 255, 0.19);
}

/* ---- HERO ---- */

#hero a.btn,
.headerimg {
	max-width: 100%;
	position: relative
}

#hero {
  position:relative;
  display:block;
	width: 100%;
	overflow: hidden;
	height:650px;
	padding: 0;
	background:#008242 url(../img/transparent-grid7.png) repeat;
}



@media screen and (max-width: 450px) {
  #hero p {
    font-size: 3rem;
  }
  #hero p.desc {
    font-size: .5rem;
  }
}

#hero .ex1 {
	position:relative;
	display:block;
	margin:25px 0;
	padding:20px 0;
  opacity: 0;
  perspective: 200px;
  font-size:2.3em;
	color:#fff;
	font-weight:600;
  font-family: 'Source Sans Pro', sans-serif;
}

#hero .ex1 span {
  transform: rotateY(-90deg);
  opacity: 0;
}

#hero .ex1::after {
	width:100px;
	height:0;
	border:0;
	border-top:2px solid gold;
	float:left;
	display:block;
	position:absolute;
	bottom:0;
	left:0;
	content: "";
}

#hero .ex2 {
	position:relative;
	display:block;
	margin:15px 0;
  opacity: 0;
  perspective: 200px;
  font-size:1.4em;
}

#hero .ex2 span {
  transform: rotateY(-90deg) rotateX(45deg);
  transform-origin: -50% 75%;
  opacity: 0;
}

#hero .desc {
	position:relative;
	display:block;
  padding:0;
	margin:50px 0;
  font-size: 1rem;
  opacity: 0;
  transition: 3s 2.5s;
}

.herophone {
   font-size:1.5em;
   padding:10px 25px;
   border-radius:20px;
   color:#fff;
	 border:1px solid #fff;
	 animation: bounce 2s infinite;
	 transition:all 1s;
}

.herophone:hover {
   background:gold;
	 color:#000;
	 border:1px solid gold;
}

#hero svg {
	position: absolute;
	left: 0;
	right: 0;
	width:100% !important;
	bottom: 0;
}

svg {
	overflow: hidden;
	vertical-align: middle;
}



#menubox,
#menubox.visible {
	visibility: visible;
	opacity: 1
}



@media all and (max-width:720px) {
	#navbar .menu ul li {width:100%;height:40px}
	.herophone i {display:none;}
	#hero .herocontent {text-align:center;}
}

#navbar .phone {
	overflow: hidden;
	text-align: right;
	margin: 0 2%
}

#navbar .phone .phonebox {
	color: gold;
	width: 100%;
	padding: 8px 0;
	text-align: center;
	border-radius: 5px;
	border: 2px solid gold
}

#navbar .phone .phonebox i {
	color: gold;
	vertical-align: middle
}

#menuBtn {
	display:none
}

#menubox.visible {
	display:block;
}

@media screen and (max-width:720px) {
	#menubox {
		text-align: left
	}
	.tb-timing {
		display: none
	}
	#navbar #logo {
		width: 100%
	}
	#navbar #menu {
		width: 100%;
		padding: 0
	}
	#navbar #logo::before {
		display: none
	}
	#menuBtn {
		display: block;
		position: absolute;
		top: 15px;
		right: 15px;
		margin: 0;
		padding: 0;
		border: none;
		background: 0 0
	}
	#menuBtn i {
		color: #fff;
		font-size:2em
	}
	#menubox {
		display: none;
		visibility: hidden;
		opacity: 0
	}
	#navbar .menu ul {
		position: fixed;
		background:#000;
		text-align:center;
		z-index: 5
	}
	.headerimg {display:none;}
}

@media screen and (max-width:720px) {
	.tb-phone {
		text-align: center
	}
	.tb-phone i {
		display: none
	}
}


@keyframes slide_up {
	0% {
		opacity: 0;
		transform: translate3d(0, 160%, 0)
	}
	100% {
		opacity: 1;
		transform: translate3d(0, 0, 0)
	}
}



@keyframes hover {
	50% {
		transform: translateY(-3px)
	}
	100% {
		transform: translateY(-6px)
	}
}

@keyframes hover-shadow {
	0%,
	100% {
		transform: translateY(6px);
		opacity: .4
	}
	50% {
		transform: translateY(3px);
		opacity: 1
	}
}



.banner-section .content-box .info-box strong {
	font-size: 32px;
	font-weight: 700;
	margin-left: 10px
}

.info-box a {
	color: #000
}

.headerimg img {
	height: auto;
	max-height: 100%;
	display:inline-block;
	animation: breathing 15s ease-out infinite normal;
}

@keyframes breathing {
  0% {transform:scale(0.9);}
  25% {transform:scale(1);}
  60% {transform:scale(0.9);}
  100% {transform:scale(0.9);}
}


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

.advantages {position:relative;display:block;padding:3em 0;}
.advantages h2 {text-align:center;font-size:30px;color:#333;}
.advantages hr {width:auto;border:0;border-bottom:3px solid #008242;margin:10px 45% 25px;}
.advantages .advantage_img {position:relative;padding:15px 0;text-align:center;}
.advantages .advantage_img svg {margin:25px 0 0;width:75px;height:75px;fill:#008242;}
.advantages .advantage_img::before {position:absolute;z-index:-1;content:"";display:block;left:0;right:0;margin-left:auto;margin-right:auto;background:#eee;width:125px;height:125px;border-radius:50%;box-shadow: 0 0 30px 0 rgba(0, 0, 0, .35);}
.advantages .advantage_img:hover svg {fill:#fff;}
.advantages .advantage_img:hover::before {background:#008242;}
.advantages .advantage_text {position:relative;padding:45px 0;text-align:center;}
.advantages .advantage_text b {display:block;width:100%;font-size:18px;color:#008242;}
.advantages .advantage_text p {font-size:15px;color:#666;}

/*---- ---- */
#offer{position:relative;display:block;margin:70px 0 0;padding:0 0 40px;box-shadow:inset 0 10px 10px 0 rgba(0,0,0,.06);background-color:#febf04;}
#offer .discount{box-shadow:0 0 0 12px #ff9e06;display:block;background-color:#fff5f0;position:relative;width:11em;height:11em;margin:-70px auto 0;text-align:center;border-radius:50%;line-height:1.714em;text-rendering:optimizeLegibility;padding-top:.1em}
#offer .discount .offer{border-color:#ff0c00;display:block;background-color:#fff;width:9em;height:9em;border-radius:50%;border-width:2px;border-style:dashed;margin:.85em auto;vertical-align:middle;cursor:pointer}
#offer .discount .offer .lgHead{font-size:5.15em;text-align:center;margin:0;font-family:'Source Sans Pro',sans-serif;font-weight:900}
#offer .discount .offer .red{color:#ff0c00}
#offer .discount .offer .lgHead sup{font-size:24px;vertical-align:middle;line-height:0}
#offer .discount .offer .lgHead small{font-size:.3em;text-transform:uppercase;line-height:1em;color:#000;display:block;margin-top:-25px}
#offer .offertxt{padding:15px 0;font-size:22px;font-weight:900;text-align:center}
#offer .openoffer {text-align:center;font-size:1.1em;display:none;}
#offer .openoffer a {color:#008242;font-size:1.3em;}
#offer.active {position:fixed;margin:0;padding:75px;top:0;bottom:0;right:0;left:0;width:100%;height:100vh;background:#fff;overflow:hidden;z-index:999;}
#offer.active .openoffer {display:block;}
@media all and (max-width:720px) {
	#offer .discount{width:7em;height:7em;margin:0 auto;line-height:1.714em;padding-top:.1em}
	#offer .discount .offer{width:6em;height:6em;margin:.45em auto;vertical-align:middle;cursor:pointer}
	#offer .discount .offer .lgHead{font-size:3.5em;text-align:center;}
}
@media print {
	#offer .discount{width:7em;height:7em;margin:0 auto;line-height:1.714em;padding-top:.1em}
	#offer .discount .offer{width:6em;height:6em;margin:.45em auto;vertical-align:middle;cursor:pointer}
	#offer .discount .offer .lgHead{font-size:3.5em;text-align:center;}
	#offer .col-4 {}
}
/*---- ---- */

#pagemain {
	position: relative;
	display: block;
	width: 100%;
	padding:0;
	overflow: hidden;
}

#pagemain .headline {
	position: relative;
	margin-bottom: 25px;
	padding:0;
}

#pagemain .headline:before {
    border-top: 1px solid rgba(0,0,0,.2);
		border-bottom: 1px solid rgba(0,0,0,.2);
    content: "";
    height: 5px;
    left: auto;
    position: absolute;
    right: 0;
    top: 50%;
    width: 100%;
}

#pagemain .headline h1 {
	position: relative;
    background: #fff;
    display: inline-block;
		margin:0;
		padding:0;
    padding-right: 15px;
		color:#333;
		text-shadow: 0px 3px 3px rgba(0,0,0,0.1);
}

#pagemain .paragraph {
	position:table;
	display:block;
	overflow:hidden;
	margin:0;
	padding:40px 0;
	color:#333;
}

#pagemain .paragraph .col-7, #pagemain .paragraph .col-5 {
	display:table-column;
	vertical-align:middle;
}

#pagemain .paragraph p {
	font-size:16px;
}

#pagemain .paragraph h2 {
	font-weight:700;
	font-size:1.6em;
	color:#008242;
	padding:0;
	margin:0 0 15px;
}

#pagemain .paragraph img {
	margin:10px 0 0;
	max-width:100%;
	height:auto;
	border-radius:15px;
	box-shadow: 0 1rem 3rem rgba(0, 0, 0, .175);
}

.paragraphbg1 {
	background:#febf04;
}

.flex-vertical {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center
}

.padding-1 {
	padding: 1rem
}


@keyframes tranzlateX {
	from {
		transform: translateX(-100%)
	}
	to {
		transform: translateX(0)
	}
}

.bigCoupon {
	background: #87ceeb;
	width: 100%;
	height: 100%;
	left: -120%;
	padding: 10px;
	position: fixed;
	top: 0;
	transition: all 1.5s;
	visibility: hidden;
	overflow: hidden;
	z-index: 10
}

.nav-open .bigCoupon {
	visibility: visible;
	left: 0
}

.nav-toggle {
	width: 50px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	background: #fff;
	color: #000;
	border-radius: 50%;
	box-shadow: 0 0 5px #000;
	display: block;
	font-size: 1.5em;
	cursor: pointer
}

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

.contactbox {
  position:relative;
	width: 100%;
	padding:40px 0;
	overflow:hidden;
	background-color:#008242;
  background-image:url(../img/Call-Center.jpg);
  background-position:left top;
  background-repeat:no-repeat;
  background-size:auto 100%;
}

.contactbox form {
	clear: both;
	overflow: hidden;
	margin:0 0 0 40%;
  padding:20px;
	border-radius:20px;
}

.contactbox .form-group {
	margin: 15px 2% 0;
	position: relative;
	box-sizing: border-box;
	overflow: hidden
}

.contactbox .form-group input {
  width:100%;
  height:50px;
  border-color:transparent;
  background-color:#f7f7f7;
  border-radius:5px;
  color:#808080;
  padding:15px;
  font-size:14px;
  line-height:20px;
  font-weight:300;
}

.contactbox .form-group textarea {
	width: 100%;
	font-size: 14px;
	padding: 0;
	height: 100px;
	border: none;
	margin-bottom: 10px;
  background-color:#f7f7f7;
  border-radius:5px;
  color:#808080;
  padding:15px;
}

.contactbox .form-group input[type=submit] {
	font-family: 'Poppins';
	font-size: 1em;
	width: 100%;
	background: gold;
	color: #000;
	border: none;
	margin: 0
}

.contactbox .form-group input[type=submit] :before {
	content: "\ef77";
	font-family: 'Poppins', IcoFont!important;
	speak: none;
	font-style: normal;
	font-weight: 400;
	font-variant: normal;
	text-transform: none;
	white-space: nowrap;
	word-wrap: normal;
	direction: ltr;
	line-height: 1
}

.contactbox h3 {
	position: relative;
	display: block;
	text-align: center;
	margin: 16px 0 25px;
	padding: 10px 0;
	font-size: 3em;
	color: #fff;
	text-shadow: 0 1px 2px #000
}

.contactbox .text {
	text-align: center;
	padding: 25px 0
}

.contactbox p {
	color: rgba(255, 255, 255, .8);
	text-shadow: 0 0 5px #011c30
}

@media all and (max-width:720px) {
	.contactbox form {margin:0;}
}

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

#socialbox {
	position:relative;
	display:block;
	margin:25px 0;
	padding:10px 0;
	overflow:hidden;
	text-align:center;
	border-top:1px solid rgba(255,255,255,.05);
	border-bottom:1px solid rgba(255,255,255,.05);
}

#socialbox .row div {
	display: inline-block
}

.social {
	display:block;
	position:relative;
	margin:0 10px;
	text-align:center;
	width:70px;
	overflow:hidden;
}

.social i{transition:all 2.3s;}

.social i:hover {color:#fff;transform: scale(1.2);}

.social:hover {
	color: #000
}

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

.listing {
	position:relative;
	text-align:left !important;
}

.listing h4 {
	text-align: center;
	font-size: 1.5em
}

.listing ul {
	list-style: none;
	padding: 0
}

.listing ul li {
	display: block;
	width: 24%;
	margin: 5px .5%;
	padding: 5px;
	float: left;
	position:relative;
}

.listing ul li:before {
    content: "";
		position: absolute;
		display:block;
    width:10px;
    height:10px;
		top:12px;
		left:-15px;
    background:#008242;
}

.listing ul li a {
	position: relative;
	color: #666
}

.listing ul li a:hover {
	color: #fff
}

.listing::after {
	content: "";
	display: table;
	clear: both
}


@media all and (max-width:720px) {
	.listing ul li {
		width: 99%;
		display:block;
		margin-left:15px;
	}
}

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

.footer {
	position: relative;
	display: block;
	max-width:100%;
	overflow:hidden;
	padding: 3em 0;
	background-color:#141414;
	color:#999;
	text-align:center;
}

.footer i {
	font-size: 2em;
	margin:30px 0 20px;
	margin-right: 5px;
	color: #00ff81;
	display:block;
	text-align:center;
	height:30px;
}

.footer h3 {
	padding: 5px 0;
	font-size:2em;
	margin: 0 0 15px;
	font-weight: 900;
	color: #fff;
	text-align:center;
}

.footerrating {color:#999;}

.footer b {
	display:block;
	color:#fff;
	font-size:1.2em;
	margin:10px 0;
}

.footer a {
	color:#999;
}

.bgfoot {
	padding: 0 55px;
	position: relative;
	max-height: 380px;
	display: block;
	overflow: hidden
}

.bgfoot img {
	max-width: 100%
}

.copyright {
	background:#060606;;
	color: #fff;
	padding: 10px;
	text-align: center
}

/* ---- alert ---- */

.alert {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	text-align: center;
	padding: 20px;
	background-color: #4caf50;
	color: #fff
}

.alert.dangerous {
	background-color: #f44336
}

.closebtn {
	margin-left: 15px;
	color: #fff;
	font-weight: 700;
	float: right;
	font-size: 22px;
	line-height: 20px;
	cursor: pointer;
	transition: .3s
}

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

#featuredbox {
	background:#eee;
	position:relative;
	padding: 50px 0;
}

#featuredbox img {
	width:100%;
	height:auto;
}

#featuredbox h3 {
	position: relative;
	margin: 0;
	padding: 0;
	color:#008242;
	font-weight: 600;
	font-size: 32px;
}

#featuredbox hr {
	border:none;
	border-top:3px solid #febf04;
	width:auto;
	margin:10px 75% 20px 0;
}

#featuredbox .right hr {
	margin:10px 0 20px 75%;
}

#featuredbox ul {
	list-style:none;
	padding:0;
	margin:0;
}

#featuredbox ul li {
	padding:10px 0;
	margin:0;
	color:#333;
	font-size:20px;
	position:relative;
}

#featuredbox ul li::after {
	content: "";
	position: absolute;
	display: block;
	width: 10px;
	height: 10px;
	top: 22px;
	left: -25px;
	background: #008242;
	border-radius:50%;
	animation: wave 1.2s cubic-bezier(0, 0.2, 0.8, 1) infinite;
}

@keyframes wave {
  0% {
    outline:none;
    opacity: 1;
  }
  100% {
    box-shadow:0 0 10px #008242;
    opacity: 1;
  }
}

#featuredbox .right ul li::after {
	left:auto;
	right:-25px;
}

@media all and (max-width:720px) {
	#featuredbox .right {text-align:left;}
	#featuredbox .right hr {margin:10px 75% 20px 0;}
	.featuredimg {display:none}
	#featuredbox ul li::after {display:none;}
}

/* --- --- */

.shadow {
	box-shadow: 0 1rem 3rem rgba(0, 0, 0, .175)!important
}

/* --- --- */
.blogbox {
	padding:15px 0;
}
.blogpost {
	padding: 10px;
	margin: 0 0 10px;
	position: relative;
	width: 100%;
	height: 250px;
	overflow: hidden
}

.blogpost a {
	margin: 0;
	padding: 0;
	color: #21759b
}

.blogpost img {
	float: left;
	width: 30%;
	min-height: 250px;
	margin-right: 10px
}

.blogpost h3 {
	display: block;
	margin: 0 0 10px;
	padding: 0;
	font-size: 20px
}

.blogpost p {
	font-size: 14px
}

@media all and (max-width:720px) {
	.blogpost {
		height: auto;
		overflow: visible
	}
	.blogpost img {
		width: 100%
	}
}

.stickyphone {
	position:fixed;
	bottom:-1px;
	left:15px;
	padding:10px 35px;
	background:#134900;
	background:linear-gradient(to bottom, #52c234, #134900);
	font-size:17px;
	border-top-left-radius:15px;
	border-top-right-radius:15px;
	border:1px solid #fff;
}
.stickyphone a {
	color:#fff;
	display: block;
	animation: bounce 2s infinite;
}
@keyframes bounce {
	0%, 20%, 50%, 80%, 100% {transform: translateY(0);}
	40% {transform: translateY(-5px);}
	60% {transform: translateY(-3px);}
}
@media all and (max-width:720px) {
	.stickyphone {
		width:100%;
		right:0;
		border-radius:0;
		text-align:center;
		overflow:hidden;
		border:none;
	}
}

/* --- --- */

.js-slidein {
  opacity: 0;
  transform: translateY(100px);
  -webkit-transition: all 300ms ease-in-out;
  transition: all 2s ease-in-out;
}

.js-slidein-visible {
  opacity: 1 !important;
  transform: translateY(0) !important;
}

/* --- --- */
@keyframes fadeInUp {
  from {
    -webkit-transform: translate3d(0, 40px, 0);
            transform: translate3d(0, 40px, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@-webkit-keyframes fadeInUp {
  from {
    -webkit-transform: translate3d(0, 40px, 0);
            transform: translate3d(0, 40px, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.animated {
  animation-duration: 1s;
  animation-fill-mode: both;
  -webkit-animation-duration: 1s;
  -webkit-animation-fill-mode: both;
}

.animatedFadeInUp {
  opacity: 0;
}

.fadeInUp {
  opacity: 0;
  animation-name: fadeInUp;
  -webkit-animation-name: fadeInUp;
}



.blogmain {position:relative;display:block;overflow:hidden;margin:0;padding:20px 0;}
.blogmain img {float:right;width:auto;max-width:40%;height:auto;margin:0 0 10px 10px;border-radius:15px;box-shadow:0 0 10px rgba(0,0,0,.2);}





/* ------------------------------------------------------------- */
#carbrands {position:relative;display:block;overflow:hidden;padding:40px 0;background:#eee;box-shadow:inset 0 10px 10px 0 rgba(0,0,0,.06);}
#carbrands h3 {text-align:center;font-size:2em;margin:0 0 10px;padding:0;}
#carbrands ul {list-style-type:none;padding:0;margin:0;}
#carbrands .group:after {content:"";display:table;clear:both;}
#carbrands .gallery li{width:18%;text-align:center;height:50px;line-height:50px;background-color:#febf04;float:left;margin:10px 1%;transition:all .7s ease 0s;border:2px solid #fff;box-shadow:0 0 3px rgba(0,0,0,.06);}
#carbrands .gallery li:hover{background-color:#008242;color:#fff;box-shadow:0 0 5px rgba(0,0,0,.16);}
@media(max-width:720px){#carbrands .gallery li{width:48%}}
/* ------------------------------------------------------------- */
#zipcodes {position:relative;display:block;overflow:hidden;padding:40px 0;background:#eee;box-shadow:inset 0 10px 10px 0 rgba(0,0,0,.06);}
#zipcodes h3 {text-align:center;font-size:2em;margin:0 0 10px;padding:0;}
#zipcodes ul {list-style-type:none;padding:0;margin:0;}
#zipcodes .group:after {content:"";display:table;clear:both;}
#zipcodes .gallery li{width:14.66%;text-align:center;height:50px;line-height:50px;float:left;margin:10px 1%;transition:all 1.7s ease 0s;border-bottom:2px solid #333;}
#zipcodes .gallery li:hover{background-color:#333;color:#fff;box-shadow:0 0 5px rgba(0,0,0,.16);}
@media(max-width:720px){#zipcodes .gallery li{width:48%}}
/* ------------------------------------------------------------- */
.citiesaround {position:relative;display:block;overflow:hidden;padding:40px 0;}
.citiesaround h4 {text-align:center;font-size: 1.5em;margin:0 0 10px;padding:0;}
.citiesaround ul {list-style-type:none;padding:0;margin:0;}
.citiesaround:after {content:"";display:table;clear:both;}
.citiesaround li{width:23%;text-align:center;height:50px;line-height:50px;float:left;margin:10px 1%;transition:all 1.7s ease 0s;border-bottom:2px solid #222;}
form.CUS input.subject { display: none; }
.CUS input, .CUS textarea{ background-color: #ffffff;
margin: 10px;border-radius: 8px;height: 40px;width: 45%;padding-left: 1%; color:#333;}
.CUS select{background-color: #ffffff;border-radius: 8px;height: 40px;margin: 10px; width: 45%;color:#333;display:inline;}
@media (max-width:1200px){.CUS input, .CUS textarea{width: 95%;}}