/* Main Stylesheet */
/* 2-10 - Texas Broker/Agent Landing Page */
/* Author - Casey Winslow - cwinslow@parallelpath.com */
/* Page is written using Bootstrap 4.0.0 */
/* Styles are Mobile First, the main styles are for the Mobile Display Size (<576px) */
/* Media queries handle the styling for larger screens */
/* V6 */
/*
Maroon - #a30046
ORANGE - #e24912
Green - #c2cd35
Teal - #00aaad
BLue-Purps - #2e3192
Purps-2 - #602d91
Gray - #f8f8f8
*/
/* ------ Imported Fonts for Officina Sans Black and Bold ------ */

@font-face {font-family: 'OfficinaSansITCStd-Black';src: url('../fonts/366FA7_0_0.eot');src: url('../fonts/366FA7_0_0.eot?#iefix') format('embedded-opentype'),url('../fonts/366FA7_0_0.woff2') format('woff2'),url('../fonts/366FA7_0_0.woff') format('woff'),url('../fonts/366FA7_0_0.ttf') format('truetype');}


@font-face {font-family: 'OfficinaSansITCStd-Bold';src: url('../fonts/366FA7_3_0.eot');src: url('../fonts/366FA7_3_0.eot?#iefix') format('embedded-opentype'),url('../fonts/366FA7_3_0.woff2') format('woff2'),url('../fonts/366FA7_3_0.woff') format('woff'),url('../fonts/366FA7_3_0.ttf') format('truetype');}


@font-face {font-family: 'OfficinaSansITCStd-Book';src: url('../fonts/366FA7_1_0.eot');src: url('../fonts/366FA7_1_0.eot?#iefix') format('embedded-opentype'),url('../fonts/366FA7_1_0.woff2') format('woff2'),url('../fonts/366FA7_1_0.woff') format('woff'),url('../fonts/366FA7_1_0.ttf') format('truetype');}

/* ------ Base Styles ------ */

/* font-family: 'itc_officina_sans_lt_bookIt'; */

body, p, a { font-family: 'OfficinaSansITCStd-Book', sans-serif; -webkit-font-smoothing: antialiased; }
h1, h2, h3 { font-family: 'OfficinaSansITCStd-Black', sans-serif; -webkit-font-smoothing: antialiased; }

h4, b  { font-family: 'OfficinaSansITCStd-Bold', sans-serif; -webkit-font-smoothing: antialiased; }

p { font-size: 16px; line-height: 1.5; }

h2 {
	font-size: 24px;
	line-height: 1;
	text-transform: uppercase;
	margin: 0 0 10px;
}

h3 {
	font-size: 22px;
	line-height: 1;
	margin: 0px;
	text-transform: uppercase;
	text-align: center;
}
h4 { font-size: 18px; margin: 0px; }

h5 { font-size: 22px; font-family: 'OfficinaSansITCStd-Bold', sans-serif; }

a, a:visited { color: #fff; }
a:hover, a:focus { color: #fff; text-decoration: underline; }

.modal { z-index: 10000; }
/* ------ Text Styles ------ */
.purps-text { color: #2e3192; }
.teal-text { color: #00aaad; }
.white-text { color: #fff; }
.gray-text { color: #6b6b6b; }

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

.header-margin { margin-bottom: 1rem; }
.header-half-margin { margin-bottom: 1.5rem; }
.header-quarter-margin { margin-bottom: .5rem; }

/* ------ Section Styles ------ */
.white-section { background-color: #fff; }
.gray-section { background-color: #f6f6f6; }
.green-section { background-color: #c2cd35; }

.padded-section { padding: 2rem 0; }

/* ------ Color Block Grid Styles ------ */
.block-container { padding: 1rem; margin-bottom: 1rem; }
.warranty-block-container { padding: 2rem; margin-bottom: 1rem; }
/* .first-row { margin-bottom: auto; } */

.teal-block { background-color: #00aaad; }
.green-block { background-color: #c2cd35; }
.red-block { background-color: #e24912; }
.maroon-block { background-color: #a30046; }
.purps-block { background-color: #602d91; }
.blue-block { background-color: #2e3192; }


/* ------ CTA Button Styles ------ */
.cta-btn {
	height: 50px;
	padding: 16px 2rem 0;
	display: block;
	text-align: center;
	text-transform: uppercase;
	color: #fff;
	background-color: #2e3192;
	font-weight: 600;
	font-size: 14px;
	text-decoration: none;
	line-height: 1;
}

.cta-btn span { padding-left: 5px; font-size: 18px; }
.cta-btn:hover { text-decoration: none; background-color: #00aaad; color: #fff; }

.cta-btn-green {
	height: 50px;
	padding: 16px 2rem 0;
	display: block;
	text-align: center;
	text-transform: uppercase;
	color: #fff;
	background-color: #c2cd35;
	font-weight: 600;
	font-size: 14px;
	text-decoration: none;
	line-height: 1;
}

.cta-btn-green span { padding-left: 5px; font-size: 18px; }
.cta-btn-green:hover { text-decoration: none; background-color: #00aaad; color: #fff; }

.button-right { float: right; margin: 0; }

/* ------ Header Styles ------ */
.navbar {
	position: fixed;
	top: 0px;
	height: auto;
	margin: 0;
	width: 100%;
	border-radius: 0;
	z-index: 1300;
	border: 0;
	transition: all 0.6s ease;
}

#logo-main { display: block; padding: 0; }
#logo-main img {
	width: 100px;
	height: auto;
	background-color: #fff;
	padding: 10px;
	top: 0px;
	left: 0px;
	position: absolute;
}

#phone-num-mobile {
	display: block;
	position: absolute;
	top: 1rem;
	right: 1rem
}

#phone-num {
	display: none;
	position: absolute;
	top: 4rem;
	font-family: 'OfficinaSansITCStd-Bold', sans-serif;
	font-size: 30px;
	color: #fff;
	line-height: 1;
	text-align: right;
	text-transform: uppercase;
}

.phone-icon { display: inline-block; vertical-align: text-bottom; margin-right: 6px;}
.phone-icon-sticky { display: none; vertical-align: text-bottom; margin-right: 6px;}
.navbar.sticky .phone-icon { display: none; }
.navbar.sticky .phone-icon-sticky { display: inline-block; }

/* Fixed Navbar on Scroll */
.navbar.sticky {
	height: 60px;
	background: rgba(255, 255, 255, 1);
	z-index: 1300;
	box-shadow: 0 2px 2px 0px rgba(0,0,0,0.1);
	z-index: 10000;
}

.navbar #logo-main { display: block;}
.navbar.sticky #logo-main { display: none; }
.navbar #logo-sticky { display: none;  }
.navbar #logo-sticky img { width: 120px; height: auto; }
.navbar.sticky #logo-sticky { display: block; }

.navbar.sticky .navbar-brand { display: block; top: 0px; }
.navbar.sticky #phone-num a { color: #00aaad; margin-top: 0px; }

.navbar.sticky #phone-num { color: #00aaad; text-align: right; }

.navbar.sticky .cta-btn { width: 100%; bottom: 0px; left: 0; position: fixed; }
#header-cta { width: 100%; bottom: 0px; left: 0; position: fixed; display: inline-block; }

.hero-image { position: absolute; }

/* ------ Hero Section Styles ------ */

#hero-form-container {
  padding-bottom: 4rem;
}

.jumbotron {
	position: relative;
	width: 100%;
	height: auto;
	display: block;
	background: #c2cd35 url(../img/hero-image.jpg) bottom center no-repeat;
	background-size: cover;
	margin-bottom: 0px;
}

.jumbotron h1 {
	color: #fff;
	font-size: 24px;
	line-height: 1;
	text-align: left;
	text-transform: uppercase;
	padding: 0 0 1rem;
	-webkit-font-smoothing: antialiased;
	max-width: 900px;
	display: block;
	margin: 0 auto;
}

.message-container { padding: 0; position: relative; margin-top: 5rem; }

/* .message-container p { font-size: 16px; } */

#scroll-arrow {
  position: absolute;
  bottom: 5vh;
  left: 50%;
  margin-left: -19px;
  display: none;
}

/* ------- Form Styles ------ */
.form-control {
	border: 0;
	border-radius: 0;
	height: 3rem;
	background-color: #fff;
	margin: 0 0 .5rem;
}

form .cta-btn {
	border: 0;
	padding: 0 2rem;
}

/* ------- Section-1 ------ */
#section-1 img { display: block; margin: 0 auto; width: 80%; height:auto; max-width: 409px;}

/* ------ Section-2 ------ */

#benefits-section a { color: #2e3192; font-family: 'OfficinaSansITCStd-Bold', sans-serif; }

/* ------ Section 3 ------ */

.testimonial-container {
		height: 180px;
		display: inline-block;
		position: relative;
		margin: 0 auto;
		z-index: 1000;
		width: 100%;
	}

.testimonial-container blockquote {
	text-align: center;
	font-size: 1rem;
	font-family: 'OfficinaSansITCStd-Bold', sans-serif;
	line-height:1.6;
	padding: 0 3rem;
}

.testimonial-byline {
	text-align: center;
	margin: 0 auto;
	display: block;
	position: relative;
}

.carousel-control-prev { margin-left: -5rem; background-image:none; display: none; }
.carousel-control-next { margin-right: -5rem;background-image:none; display: none;}

/* ------ Section 4 ------ */

#house-graphic {
	z-index: 1000;
	display: block;
	margin: 0 auto;
	width: 90%;
	max-width: 400px;
	height: auto;
	position: relative;
	padding-bottom: 1rem;
}

/* ------ Section 5 ------ */

#enroll-section { background-color: #c2cd35; }
#enroll-container { padding-bottom: 8rem; }
#form-container { padding-top: 3rem; }
#enroll-section a { color: #fff; }

#or-graphic {
  margin-top: -3rem;
  z-index: 1000;
}

ol.enroll-list {
    list-style-type: none;
    counter-reset: ol-counter;

    margin: 2rem 0 0 3em;
    padding: 0;
}
ol.enroll-list > li{
    position: relative;
    margin-bottom: 20px;
    padding-left: 0.5em;
    min-height: 3em;
}

ol.enroll-list > li:before {
    font-family: 'OfficinaSansITCStd-Black', sans-serif;
    font-size: 50px;
    position: absolute;
    top: 0;
    left: -1em;
    width: 0.8em;

    line-height: 1;
    font-weight: bold;
    text-align: right;
    color: #fff;

    content: counter(ol-counter);
    counter-increment: ol-counter;
}

ol.enroll-list>li {
	counter-increment: item;
	margin-bottom: 2rem;
	padding:0 0 0 .7rem;
	margin-top: 0;
	font-family: 'OfficinaSansITCStd-Book';
	font-size: 18px;
  line-height: 1.5;
}

#disclaimer {
    font-size: 10px;
    line-height: 1.2;
    color: #fff;
    padding: 1rem 0;
}

/* ------ Section 6 ------ */

.faq-link, .faq-link:visited { color: #00aaad; text-decoration: underline;}
.faq-link:focus, .faq-link:hover { color: #a30046; }

#faq-section ul>li { list-style: none; }
#faq-section ul>li:before {
	color: #a30046;
  content: "\25AA";
  font-size: 1.5rem;
  padding-right: 1.1225rem;
  position: relative;
  top: .25rem;
}

.panel-default>.panel-heading { background-color: transparent;}
.panel-default {
	background-color: transparent;
	border-radius: 0;
	border-top: 1px solid #eaeaea;
	border-bottom: transparent;
	border-left: transparent;
	border-right: transparent;
}

.panel-default:last-child { border-bottom: 1px solid #eaeaea; margin-bottom: 70px; }
.panel-group .panel { border-radius: 0; box-shadow: none; -webkit-box-shadow: none; }
.panel-group .panel-heading+.panel-collapse .panel-body {
 border-top: none; }
.panel-heading { padding: 2rem; }
.panel-title a {
  font-family: 'OfficinaSansITCStd-Bold', sans-serif; color: #a30046;
  text-decoration: none;
}
.panel-title a:hover { color: #00aaad; text-decoration: none; }
.panel-body {  color: #6b6b6b; padding: 15px; }

.panel-body p { padding: 0 1rem; }

.plus {
  color: #2e3192;
  position: absolute;
  right: 1rem;
}
#first-plus { margin-top: -.9rem; }

#collapseSix img { width: 100%; max-width: 899px; height: auto; }
#collapseSix a, #collapseSix a:hover, #collapseSix a:visited, #collapseSix a:focus { color: #6b6b6b; text-decoration: none; }

/* ------ Section 7 ------ */

.logo-container {
		height: 14rem;
		width: 100%;
		display: inline-block;
		position: relative;
		margin: 0 auto;
		z-index: 1000;
	}

.logo-container img {
	display: block;
	margin: 0 auto;
	width: auto;
	max-width: 100px;
	height: auto;
	vertical-align: middle;
}

.logo-container h4 {
	text-align: center;
	margin-top: 2rem;
	font-family: 'OfficinaSansITCStd-Book';
	font-size: 18px;
}

#logo-carousel .carousel-control-prev { margin-top: 4rem; }
#logo-carousel  .carousel-control-next { margin-top: 4rem; }

/* ------ Footer Styles ------ */

.footer-logo {
	margin: 30px auto 0;
	text-align: center;
	display: block;
}

#footer-disclaimer {
    font-size: 10px;
    line-height: 1.2;
    color: #999999;
    padding: 0 0 2rem;
		text-align: center;
}

.footer-logo img { background-color: #fff; padding: 33px 18px; width: 188px; height: 176px; }
.copy-footer { height: 100px; background-color: #fff; }

.copy-footer p {
	font-size: 12px;
	color: #999999;
	font-weight: 600;
	background-color: #fff;
	text-align: center;
	padding: 0;
}

.up-arrow {
	width: 0px;
	height: 0px;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-bottom: 8px solid rgba(255, 255, 255, 0.60);
	display: block;
	margin: 15px auto;
}

.back-to-top {
	position: fixed;
	bottom: 60px;
	right: 20px;
	color: #fff;
	background-color: rgba(0, 0, 0, 0.4);
	display: none;
	width: 40px;
	height:40px;
	border-radius: 20px;
	z-index: 1000;
}

.back-to-top:hover { background-color: rgba(0, 0, 0, .6); }

/*  ---------------------------------------------------------- Media Queries for Responsive Design  ---------------------------------------------------------- */

/*  ----------------------------------- Small Devices - tablets  ----------------------------------- */

@media screen and (min-width: 576px) {

	.jumbotron h1 { font-size: 40px; }

}

@media screen and (min-width: 768px) {
	p { font-size: 18px; }
	h2 { font-size: 36px; line-height: 1.2; }
	h3 { font-size: 27px; }
	h4 { font-size: 18px; }

  #scroll-arrow { display: block; }

	.navbar.sticky { height: 80px; }

	#logo-main img {
		width: 188px;
		height: auto;
		background-color: #fff;
		padding: 20px 18px;
		top: 0px;
		left: 0px;
		position: absolute;
	}
	.navbar #logo-sticky img { width: 154px; }

	.navbar #header-cta {
    width: 230px;
    right: 1rem;
    top: 1rem;
		bottom: auto;
		left: auto;
		position: fixed;
	}

	#phone-num-mobile { display: none; }
	#phone-num { display: block; }

	#phone-num {
		position: absolute;
		top: 1.6rem;
		right: 17rem;
		pointer-events: none;
		cursor: default;
	}

	.cta-btn { font-size: 16px; }
	.cta-btn span { padding-left: 5px; font-size: 18px; }

	.navbar.sticky .cta-btn { bottom: auto; left: auto; position: relative; display: inline; }
	.navbar.sticky #phone-num { color: #00aaad; padding: 0; float: none; margin-top: 0px;  }
	.navbar.sticky #phone-num a { color: #00aaad; }

	.navbar.sticky #logo-sticky { display: inline-block; }

	.message-container { margin-top: 120px;}
	.message-container p { font-size: 20px; }


	.nav-container .descrip { padding: 32px 40px 0; }

	.header-margin { margin-bottom: 4rem; }
	.header-half-margin { margin-bottom: 2rem; }
	.header-quarter-margin { margin-bottom: 1rem; }

	.padded-section { padding: 2rem 0; }

  .jumbotron { height: 100vh; }

	#benefits-section h2 { font-size: 22px; }

	.block-container { padding: 2rem; margin-bottom: 0;}
	.warranty-block-container { padding: 2rem; }
	.first-row { margin-bottom: 2rem; }

	#section-1 img { width: 100%; }

	/* .logo-container img { max-width: 250px; } */

	.button-block { height: 12rem; }

	#house-graphic {
		z-index: 1000;
		display: block;
		margin: 0 0 0 -16rem;
		max-width: 500px;
		height: auto;
		/* position: absolute; */
		left: 50%;
	}

	/* #house-graphic-mobile { display: none; } */

	#warranty-section .teal-block, #warranty-section .blue-block {
		padding-top: 9rem;
	}
	#warranty-section .blue-block {
		padding-bottom: 9rem;
	}

	/* ol>li::first-line { line-height: 1; font-size: 18px; font-family: 'OfficinaSansITCStd-Book'; } */
  ol { padding-bottom: 1rem; }

  #or-graphic { position: absolute; margin-left: -1rem; }

  #enroll-container { padding: 4rem 3rem 8rem; margin-top: -5rem; margin-bottom: -4rem; }
  #form-container { padding-top: 2rem; }
  #enroll-section {
  	/* height: 50rem; */
  	border-top: 5rem solid #f6f6f6;
  	border-bottom: 3rem solid #fff;
  	box-sizing: border-box;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
  }

  #enroll-section.padded-section { padding: 0; }

	.plus-icon { width: 24px; height: auto; top: .5rem;
	right: 1.5rem; }

	/* ------ Footer Styles ------ */

	.footer-logo img { margin: 0 auto; }

	.back-to-top { right: 60px; }
}

@media screen and (min-height: 900px) {
	.jumbotron { height: 70vh; }
}

/*  ----------------------------------- Medium Devices - laptops & desktops  ------------------------ */

@media screen and (min-width: 992px) {
	p { font-size: 20px; }
	h4 { font-size: 22px;}

  .jumbotron h1 { font-size: 52px; }

	.padded-section { padding: 5rem 0;}

	/* ------ Header Styles ------ */

	.navbar { margin: 0; }

	.message-container { margin-top: 140px; position: relative; top: 0px; }

	/* ------ Hero Section Styles ------ */
	.message-container .cta-btn { margin: 40px 0 0; width: 345px;}

	.nav-container { height: auto; }

	.cta-btn { font-size: 18px; }

  #hero-form-container { padding-bottom: 8rem; }

	/* .logo-container img { max-width: 300px; } */

	.carousel-control-prev { margin-left: -2rem; display: block; }
	.carousel-control-next { margin-right: -2rem; display: block;}

	.testimonial-container blockquote { font-size: 1.5rem; }

	#benefits-section h2 { font-size: 36px; }

	.warranty-block-container { padding: 3rem; margin-top: -10rem; }

	#warranty-section .teal-block, #warranty-section .blue-block {
		padding-top: 12rem;
	}
	#warranty-section .blue-block {
		padding-bottom: 8rem;
	}

	#house-graphic {
		margin: 0 0 0 -27rem;
		max-width: 774px;
		left: 50%;
	}

	.panel-body p { padding: 0 2rem; }

	#bottom-cta .cta-btn { width: 300px; margin: 0 auto; }


}

/* Disable scroll arrow on short but wide screens */

@media screen and (min-width: 768px) and (max-height: 720px) {
  #scroll-arrow { display: none; }
}

@media screen and (min-width: 768px) and (min-height: 720px) {
  #scroll-arrow { display: block;; }
}

@media screen and (min-width: 1400px) and (min-height: 900px) {
	.jumbotron {
	    height: 80vh;
	}
}

/* ----------------------------------- Large Devices - laptops & desktops -----------------------------*/

@media screen and (min-width: 1200px) {

	#warranty-section .blue-block {
		padding-bottom: 9rem;
	}

	.carousel-control-prev { margin-left: -5rem; }
	.carousel-control-next { margin-right: -5rem; }
}

@media screen and (min-width: 1400px) {
  .message-container { margin-top: 180px; }
}

@media screen and (min-width: 2000px) {
	.jumbotron { height: 60vh; }
}