/* QUOTE FORM ============================================================================= */

.quote {
	padding-bottom: 60px;
	height: auto;
	overflow: auto
}

.quote .form-title {
	padding: 30px 20px;
	background-color: #F7F7F7;
}

.quote .form-title h2 {
	font-family: Gilroy;
	font-size: 14px;
	margin-bottom: 0;
	letter-spacing: 1px;
	color: #1F2933;
	text-transform: uppercase;
	display: table;
}

.quote .form-title p {
	color: #7B8794;
	font-size: 14px
}

.quote .form-row {
	border-bottom: 1px solid #E4E7EB;
	padding: 20px;
	color: #616E7C;
}

.quote .no-border {
	border-bottom: none !important
}

.quote input,
.quote textarea {
	width: 100%;
	padding: 12px;
	border: 1px solid #9AA5B1;
	border-radius: 5px;
	box-shadow: 2px 2px 2px #E4E7EB;
	font-size: 14px
}

.quote textarea {
	height: 150px
}

.quote select {
	padding: 12px;
	border: 1px solid #9AA5B1;
	border-radius: 5px;
	box-shadow: 2px 2px 2px #E4E7EB;
	background-color: #FFF;
	color: #3E4C59;
	font-size: 13px;
	font-family: Roboto;
	width: 400px !important
}

.quote #email,
.quote #phone,
.quote #time,
.quote #duration {
	width: 400px;
}

.quote label {
	line-height: 43px;
	color: #1F2933;
	font-weight: 500;
	cursor: pointer;
}

.quote .button-row {
	padding: 0 20px
}

.quote input[type="submit"] {
	background-color: #facc15;
	color: #222;
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-family: Gilroy;
	font-weight: 800;
	margin: 20px 0 0 0;
	padding: 20px;
	width: 220px;
	display: block;
	float: right;
	border: 0;
	box-shadow: none;
	border-radius: 0;
	cursor: pointer;
}

.quote input[type="submit"]:hover {
	background-color: #eab308;
	transition: all ease-in 0.1s
}

.quote input[type="checkbox"] {
	width: auto;
	cursor: pointer;
}

.quote .sensors {
	padding: 30px
}

.quote .sensors label {
	line-height: 1;
}

.quote .sensors p {
	margin-left: 25px;
	font-weight: normal;
	margin-bottom: 20px;
}

.quote .sensors label:last-of-type p {
	margin-bottom: 0px;
}

@media screen and (max-width: 767px) {
  
.quote label {
  line-height: 1;
}

.quote .form-row {
  border-bottom: 0;
  padding: 20px 20px 0px;
}

.quote #email,
.quote #phone,
.quote #duration {
  width: 100% !important;
}

.quote input,
.quote textarea,
.quote select {
  padding: 15px;
  box-shadow: none;
  margin-top: 10px
}

.quote .form-title {
  padding: 30px 20px 30px;
  margin: 30px 0 10px;
}

.quote .form-title p {
  color: #7B8794;
  line-height: 1.8;
}

.quote .sensors input[type="checkbox"] {
  vertical-align: -3px;
  /* Align checkbox to middle */
}

.quote .sensors p {
  margin-bottom: 10px
}

.quote .sensors .label-title {
  margin-bottom: 10px;
  display: block;
}

.quote input[type="submit"] {
  width: 100%;
}

.quote select {
  width: 100% !important;
  max-width: 100% !important;
}
  
}

/* DEFAULT STYLES ============================================================================= */

a {
	color: #DE911D;
	text-decoration: none
}

a:hover {
	text-decoration: underline
}

input::placeholder,
textarea::placeholder {
	color: #102A43;
	font-size: 13px;
	opacity: 0.6;
	font-family: Roboto;
}

strong {
	font-weight: 500;
	color: #515151;
}

iframe{
  display: block;

}

/* MISC ============================================================================= */

.cta-button {
	padding: 20px;
	display: block;
	width: 220px;
	text-align: center;
	font-size: 13px;
	color: #FFF !important;
	font-weight: 700;
	cursor: pointer;
	background-color: #002159;
	text-transform: uppercase;
	margin-top: 30px;
}

.arrow-link {
	display: table;
	color: #515151;
	margin-top: 25px;
}

.arrow-link .arrow {
	width: 15px;
	vertical-align: -3px;
	padding-left: 5px;
	box-sizing: content-box;
}

.arrow-link:hover>.arrow {
	padding-left: 10px;
	transition: all ease-in 0.1s;
}

.arrow-link2 {
	display: table;
	color: #222;
	margin-top: 35px;
	/* border: 1px solid #222;
     */
	padding: 12px 20px;
	border-radius: 25px;
	background-color: #facc15;
}

.arrow-link2 .arrow {
	width: 15px;
	vertical-align: -3px;
	padding-left: 5px;
	box-sizing: content-box;
}

.arrow-link:hover2>.arrow {
	padding-left: 10px;
	transition: all ease-in 0.1s;
}

.terms-date {
	text-align: right;
	color: #E1E1E1;
	line-height: 2
}

.file-not-found h1 {
	color: #3B3B3B;
	font-family: Gilroy;
	font-size: 18px;
	line-height: 2;
	text-align: center;
	font-weight: bold !important;
}

/*  PRICING TABLE ============================================================================= */

.pricing-table {
	border-radius: 10px;
	border-collapse: collapse;
	background-color: #FFF;
	overflow: hidden;
	box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
	margin-bottom: 30px;
}

.pricing-table th {
	text-align: left;
	font-size: 13px;
	padding: 17px 26px;
	color: #222;
	background-color: #F7C948;
	font-weight: 500;
}

.pricing-table td {
	text-align: right;
	font-size: 13px;
	padding: 17px 26px;
	color: #515151;
}

.pricing-table td:nth-child(1) {
    text-align: left;
}

.pricing-table td:nth-child(2) {
    text-align: left;
}

.pricing-table tr:nth-child(2n) {
    background-color: #F7F7F7; 
}

.pricing-table .right {
    text-align: right;
}

.pricing-table strong{


}

/* PRICING ============================================================================= */

.pricing {
	background-color: #C6F7E2;
	color: #014D40;
	font-weight: 800;
	padding: 4px 8px 3px;
	border-radius: 15px;
}

/* BODY ============================================================================= */

body {
	font: 14px Roboto, Helmet, Freesans, sans-serif;
}

body,
select,
input,
textarea {
	color: #333;
	font-family: Roboto;
}

body p:last-child {
	margin-bottom: 0px;
}

body .line {
	margin-top: 40px;
	height: 1px;
	width: 100%;
	background-color: #D9E2EC
}

body p {
	margin-bottom: 20px;
	line-height: 2.2;
	font-size: 14px;
	color: #626262;
}

body h2 {
	font-size: 15px;
	margin-bottom: 10px;
	line-height: 2;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-family: Gilroy;
	color: #222222;
}

body h3 {
	font-weight: 500;
	font-size: 14px;
	margin-bottom: 15px;
	color: #1F2933;
}

body ul {
    list-style-type: disc; 
    padding-left: 20px;
    margin-bottom: 20px;
}

body ul:last-child {
  	margin-bottom: 0px
}

body ul li {
    margin-bottom: 10px;
    line-height: 2.2;
    color: #626262;
    list-style-position: inside;
    text-indent: -15px; 
    padding-left: 15px;
}

body ul li:last-child {
	margin-bottom: 0px;
}

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

.bump-text{
  margin-top: 7px
}


/* LAYOUT ============================================================================= */

.section {
	padding: 60px 20px;
	height: auto;
	overflow: auto
}

.section p a {
	font-weight: 500;
	color: #CB6E17;
}

.border {
	border-bottom: 1px solid #E1E1E1;
}

.grey-bg {
	background-color: #F7F7F7
}

.container {
	max-width: 1000px;
	margin: auto;
	width: 100%;
	position: relative
}

/* HERO ============================================================================= */

#hero {
	padding: 110px 20px;
	background-color: #111;
	background-image: url("../images/hero.jpg");
	height: auto;
	overflow: auto;
	background-size: cover;
	background-position: center;
  text-align: center
}

#hero h1 {
	font-size: 35px;
	color: #F7F7F7;
	line-height: 1.4;
	font-family: Gilroy;
	letter-spacing: -1px;
	text-shadow: 0px 0px 6px #000;
}

#hero p {
	color: rgba(255, 255, 255, 0.74);
	font-size: 17px;
	line-height: 2.2;
}

#hero .button {
	background-color: #F7C948;
	color: #222;
	padding: 20px 0;
	text-align: center;
	width: 280px;
	line-height: 0;
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: 1px;
	margin-top: 122px;
	box-shadow: rgb(0, 0, 0) 0px 20px 30px -10px;
	font-weight: bold;
	display: block;
	float: right;
	font-family: Gilroy;
	border-radius: 10px;
}

#hero .button:hover {
	background-color: #F0B429
}

#hero .button .icon {
	margin-left: 10px;
	vertical-align: -4px;
	width: 19px;
}

.hero2 {
	display: block;
	margin-top: 35px;
	border-radius: 10px;
}

.hero3 {
	display: block;
	border-radius: 10px;
	margin-bottom: 30px;
	margin-top: 30px;
}

/* CONTACT PAGE ============================================================================= */

#contact-hero {
	padding: 100px 20px;
	background-color: #222;
	background-size: cover;
	background-position: center;
}

#contact-hero h1 {
	font-weight: bold;
	font-size: 33px;
	margin-bottom: 20px;
	color: #F5F7FA;
	line-height: 1.5;
	font-family: Gilroy;
	letter-spacing: -1px;
}

#contact-hero h4 {
	color: #FFF;
	margin-bottom: 8px;
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: 800;
}

#contact-hero p {
	color: rgba(255, 255, 255, 0.65);
	font-size: 16px;
	line-height: 2.3;
}

#contact-hero a {
	color: #E4E7EB;
}

#contact-hero #form {
	padding: 25px;
	background-color: #FFF;
	box-shadow: rgba(0, 0, 0, 0.25) 0px 25px 50px -12px;
	height: auto;
	overflow: auto;
	border-radius: 5px;
	max-width: 450px;
	float: right;
	z-index: 9999;
	position: relative;
}

#contact-hero #form-wrap {
	position: absolute;
	right: 0;
	top: -67px;
}

#contact-hero #form h3 {
	font-family: Gilroy;
	line-height: 1.2;
	margin-bottom: 20px !important;
	text-transform: uppercase;
	color: #1F2933 !important;
}

#contact-hero #form label {
	color: #1F2933;
	display: block;
	margin-bottom: 2px;
	margin-top: 2px;
	width: 100%;
	font-size: 14px;
	font-weight: 500;
}

#contact-hero #form input,
#contact-hero #form textarea {
	border: 1px solid #9AA5B1;
	font-size: 15px;
	margin-bottom: 20px;
	margin-top: 2px;
	padding: 15px;
	width: 100%;
	font-family: Roboto;
	border-radius: 5px;
}

#contact-hero #form textarea {
	height: 120px;
}

#contact-hero #form input[type="submit"] {
	background-color: #F7C948;
	color: #27241D;
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	padding: 20px;
	display: block;
	float: right;
	border: 0;
	box-shadow: none;
	cursor: pointer;
	width: 100%;
	margin-bottom: 0;
	border-radius: 5px;
	font-weight: 800;
}

#contact-hero #form .button:hover {
	background-color: #F0B429;
	cursor: pointer;
}

#contact-list {
	padding: 48px 20px;
	border-bottom: 0;
	background-color: #F7F7F7;
}

#contact-list ul {
	list-style-type: none;
	padding-left: 0;
	margin-bottom: 0
}

#contact-list ul li {
	margin-bottom: 15px;
	position: relative;
	padding-left: 30px;
	list-style-type: none;
}

#contact-list ul li:last-child {
	margin-bottom: 0px;
}

#contact-list ul li::before {
	content: '';
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 20px;
	height: 20px;
	background-image: url('../images/check.svg');
	background-size: contain;
	background-repeat: no-repeat;
}

#contact-details h5 {
	color: #515151;
	font-family: Gilroy;
	font-size: 14px;
	line-height: 1.1;
	margin-bottom: 15px;
	text-transform: uppercase;
	letter-spacing: 1px;
}

#contact-details p a {
	font-weight: normal;
  color: #626262
}

/* TITLE ============================================================================= */

.title {
	background-color: #222;
	background-image: none;
	padding: 30px 20px;
}

.title h1 {
	color: #F0F4F8;
	font-family: Gilroy;
	font-size: 14px;
	text-transform: uppercase;
	letter-spacing: 1px;
	line-height: 2;
}

/* NAVIGATION ALT ============================================================================= */

.nav-quote{
  float: right;
}


/* DESKTOP NAVIGATION ============================================================================= */

#nav {
	padding: 24px 20px;
	height: auto;
	overflow: auto;
	background-color: #F7F7F7;
}

#nav ul {
	margin-bottom: 0;
	text-align: center
}

#nav ul li {
	display: inline-block;
	margin-right: 20px;
	line-height: 0;
	font-size: 14px;
}

#nav ul li > a {
	color: #222;
}

#nav ul li:last-child {
	margin-right: 0px;
}

#nav .logo {
	width: 160px;
	display: block;
}

#nav .logo:hover {
	opacity: 0.8;
}

#nav .phone {
	text-transform: uppercase;
	float: right;
	font-size: 14px;
	color: #002159;
	line-height: 1;
	letter-spacing: 0.5px;
}

#nav .phone>a {
	color: #333;
}

#nav .phone-icon {
	width: 17px;
	height: 17px;
	margin-right: 5px;
	vertical-align: -4px;
}


#nav .email{
  text-align: right;
  color: #222;
  display: block

}




/* MOBILE NAVIGATION ============================================================================= */

#mobile-nav-wrapper {
	display: none;
}

#mobile-nav {
	height: auto;
	overflow: auto;
	background-color: #FFF;
	display: flex;
	align-items: center;
	height: 70px;
}

#mobile-nav .toggle-nav {
	box-sizing: content-box;
	display: block;
	float: right;
	width: 20px;
	padding: 23px 20px;
}

#mobile-nav .logo {
	max-width: 185px;
	display: block;
	margin-left: 20px;
	box-sizing: border-box;
}

#mobile-nav .phone {
	text-transform: uppercase;
	float: right;
	font-size: 14px;
	color: #222;
	line-height: 1;
}

#mobile-nav .phone>a {
	color: #222;
	display: inline-block;
	padding: 24px 0 24px 0;
}

#mobile-nav .phone-icon {
	width: 17px;
	height: 17px;
	margin-right: 5px;
	vertical-align: -3px;
}

#mobile-nav-items {
	display: none;
	height: auto;
	overflow: auto;
	background-color: #F7F7F7;
	padding: 15px 0;
}

#mobile-nav-items ul {
	margin-bottom: 0
}

#mobile-nav-items ul li {
	list-style-type: none;
	margin-bottom: 0;
	text-transform: uppercase;
	font-weight: 800;
	font-size: 13px;
	letter-spacing: 1px
}

#mobile-nav-items li a {
	padding: 10px 20px;
	display: block;
	width: 100%;
	color: #222222
}

/* REVIEWS SECTION ============================================================================= */

.reviews .col {
	padding: 30px;
	background-color: #FFF;
	height: auto;
	overflow: auto;
	border-radius: 10px;
}

.reviews .col p {
	color: #626262;
	margin-bottom: 25px;
}

.reviews .col .rating {
	width: 100px;
	vertical-align: -3px;
	float: right;
}

.reviews .col .rating-number {
	float: right;
	font-size: 14px;
	color: #626262;
	padding-left: 10px;
}

.reviews .col .date {
	color: #626262;
	float: left;
}

.toggle-reviews {
	margin-top: 30px;
	cursor: pointer;
	float: right;
	color: #515151;
}

/* OWL CAROUSEL ============================================================================= */
.owl-carousel .owl-item img {
	border-radius: 10px;
}

/*  FOOTER - CALL TO ACTION ============================================================================= */

.footer-call-to-action {
	padding: 70px 20px;
	background-color: #222;
	height: auto;
	overflow: auto;
}

.footer-call-to-action h3 {
	color: #F7F7F7;
	font-family: Gilroy;
	font-size: 33px;
	letter-spacing: -1px;
	font-weight: 800;
	max-width: 440px;
	line-height: 1.5;
}

.footer-call-to-action p {
  color: #B1B1B1;
  font-size: 16px;
  float: left;
  line-height: 2.2;
}

.footer-call-to-action .button {
	background-color: #F7C948;
	color: #222;
	padding: 20px 0;
	text-align: center;
	width: 280px;
	line-height: 0;
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: 1px;
	margin-top: 78px;
	font-weight: bold;
	display: block;
	float: right;
	font-family: Gilroy;
	border-radius: 10px;
	box-shadow: rgb(0, 0, 0) 0px 20px 30px -10px;
}

.footer-call-to-action .button .icon {
  margin-left: 10px;
  vertical-align: -4px;
  width: 19px;
}

.footer-call-to-action .button:hover {
  background-color: #F0B429;
  transition: all ease-in 0.15s;
}






/* COPYRIGHT ============================================================================= */

#copyright {
	padding: 26px 20px;
	background-color: #F7F7F7;
	height: auto;
	overflow: auto;
	color: #222;
}

/*#copyright {
	padding: 25px;
	background-color: #222222;
	height: auto;
	overflow: auto;
	color: #E1E1E1;
}*/

#copyright a {
	color: #222
}

#copyright span {
	float: left
}

#copyright ul {
	float: right;
	margin-bottom: 0;
}

#copyright ul li {
	line-height: 1;
	list-style: none;
	color: #7B8794;
	display: inline-block;
	margin-right: 20px;
  margin-bottom: 0
}

#copyright ul li:last-child {
	margin-right: 0px;
}


@media (max-width: 1000px) {

/* CONTACT PAGE ============================================================================= */
  
#contact-hero {
  height: auto;
  overflow: auto;
  padding: 40px 20px;
}
  
#contact-hero h1 br{
  display: none;
}  

#contact-hero p {
  margin-bottom: 40px;
}

#contact-hero #form-wrap {
  position: relative;
  top: 0px
}

#contact-hero #form {
  max-width: 100%;
  width: 100%;
  padding: 20px;
  float: none;
}

#contact-list {
  display: none;
}

#contact-details {
  padding: 60px 20px
}

#contact-details h5 {
  margin-bottom: 10px
}

#contact-details p {
  margin-bottom: 30px
}

#contact-details .last-child p {
  margin-bottom: 0;
}
  
}

@media (max-width: 767px) { 

/*  FOOTER CALL TO ACTION MOBILE MOBILE ============================================================================= */

.footer-call-to-action {
	padding: 40px 20px 45px;
}
  
.footer-call-to-action .button {
	margin-top: 20px;
	width: 100%
}
  
/* CONTACT PAGE ============================================================================= */
  
#contact-hero #form-wrap {
  position: relative;
  top: 0px;
  margin-left: -20px; 
  margin-right: -20px; 
  margin-bottom: -40px;
}

#contact-hero #form {
  max-width: 100%;
  width: 100%;
  padding: 30px 20px;
  float: none;
  border-radius: 0
}

#contact-details{
  background-color: #F7F7F7;
  padding: 60px 20px
}

/* DEKTOP NAV ============================================================================= */

#nav {
  display: none;
}

#nav ul {
  float: none;
  text-align: center
}

#nav .logo {
  text-align: center;
  display: block;
}

/* MOBILE NAV ============================================================================= */
  
#mobile-nav-wrapper {
  display: block;
}

/* FOOTER ============================================================================= */
  
#footer {
  padding: 50px 20px 20px
}
  
/* PRICING TABLE ============================================================================= */

.pricing-table {
  line-height: 1.5;
}



/* HERO ============================================================================= */
  
#hero {
  padding: 60px 20px
}

#hero h1 {
  font-size: 30px;
}

#hero p {
  font-size: 14px
}

#hero .button {
  margin-top: 40px;
  width: 100%
}

#hero br {
  display: none
}

/* TS & CS ============================================================================= */
  
.terms-date {
  text-align: left;
  color: #E1E1E1
}

/* REVIEWS SECTION ============================================================================= */
  
.reviews .col {
  margin-bottom: 20px;
}
  
/* MISC ============================================================================= */
  
.cta-button {
  width: 100%
}
  
/* BODY ============================================================================= */
 
body h3 {
  line-height: 1.5

  }
  
body h2 br{
  display: none;
}

  
}

/* CUSTOM FONTS ============================================================================= */
@font-face {
	font-family: 'Gilroy';
	src: url('../fonts/gilroy-bold-webfont.eot');
	src: url('../fonts/gilroy-bold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/gilroy-bold-webfont.woff') format('woff'), url('../fonts/gilroy-bold-webfont.ttf') format('truetype'), url('../fonts/gilroy-bold-webfont.svg#webfont') format('svg');
	font-weight: 800;
	font-display: swap;
}