/*
Author: Christopher Michael Pastore
Author URI: https://ChrisPastore.com/
Version: 1.0
*/

/* Extra small devices (phones, less than 768px) */
/* No media query since this is the default in Bootstrap */

/* START GLOBAL STYLES */
@media all {
body { background-color: #000000; font-family: Roboto, sans-serif; font-size: 18px; font-weight: 300; line-height: 1.6em; color: #ffffff; }
body.thanks { padding-bottom: 800px; background: #000000 url(/images/cta-bg-2-2.jpg) no-repeat top left; background-size: cover; }
body.details { padding-bottom: 100px; background: #000000 url(/images/cta-bg-2-2.jpg) no-repeat top left; background-size: cover; }
h1, h2, h3, h4, h5, h6 { margin-top: 0; font-family: Roboto, sans-serif; font-weight: 300; line-height: 1.3em; color: #ffffff; }
p { margin-bottom: 15px; color: #ffffff; }
a { color: #ffc519; text-decoration: none; }
a:hover, a:focus { text-decoration: underline; }
strong { font-weight: 700; }
a.phone-link { white-space: nowrap; font-weight: 400; color: #ffc519; text-decoration: none; }
.call-out { margin-bottom: 0; font-weight: 400; }
.cta-content-1 .call-out { margin-bottom: 10px; }
.highlight { color: #ffc519; }

.logo { margin-bottom: 10px; padding-top: 15px; padding-bottom: 15px; /*background-color: rgba(0, 0, 0, 0.3);*/ }
.sponsor2 { margin-bottom: 10px; padding-top: 15px; padding-bottom: 15px; /*background-color: rgba(0, 0, 0, 0.3);*/ }
.sponsor2 img { float: right; }

body#two .cta-container-1 { padding-bottom: 0; background: url(/images/cta-bg-2-1-mobile.jpg) no-repeat top left; background-size: cover; }
body.thanks .cta-container-1 { background-image: none; }
body.details .cta-container-1, body.thanks .cta-container-1 { padding-top: 20px; }
body .cta-container-1 .cta-content-1#indo { padding-top: 100px; padding-bottom: 100px; background: url(/images/cta-bg-2-1-mobile.jpg) no-repeat top left; background-size: cover; }
body .cta-container-1 .cta-content-1#etho { padding-top: 100px; padding-bottom: 100px; background: url(/images/cta-bg-1-1-mobile.jpg) no-repeat top left; background-size: cover; }
.cta-container-1 .cta-content-1 h1 { font-size: 30px; }
body#two .cta-container-1 .cta-content-1 h1 { font-size: 22px; }
.cta-container-1 .cta-content-1 h2 { font-size: 20px; }
.cta-container-2 .cta-content-1 h3 { font-size: 22px; }
.cta-container-1 .cta-content-2 { margin-top: 20px; margin-bottom: 20px; padding-bottom: 20px; background-color: rgba(255,255,255,0.1); }
body.details .cta-container-1 .cta-content-2 { margin-top: 0px; margin-bottom: 80px; padding-top: 20px; padding-bottom: 0px; background-color: rgba(255,255,255,0.1); }

body#two .cta-container-2 { padding-top: 20px; padding-bottom: 20px; background: url(/images/cta-bg-2-2.jpg) no-repeat center; background-size: cover; }
.cta-container-2 .cta-content-2 { margin-top: 0; padding-top: 0; padding-bottom: 0; background-color: transparent; }
.cta-container-2 .cta-content-2 .content-form { margin-top: 20px; margin-bottom: 20px; padding-top: 20px; padding-bottom: 20px; background-color: rgba(255,255,255,0.1); }
.cta-container-2 .call-out a { color: #ffc519; }

.form-header { padding: 15px 0 0 0; font-size: 28px; }
.content-form { padding: 0 0 15px 0; }
.content-form legend { padding: 10px; font-weight: 400; color: rgba(255, 255, 255, 1); text-transform: uppercase; }

.content-form .form-control:hover, .content-form .form-control:focus { background: #ffeeaa; }
.content-form label { font-size: 16px; font-weight: 400; }
.content-form label.error { margin: 0; padding: 0 4px; background-color: #ff0000; color: #ffffff; font-size: 12px; line-height: 1.5em; text-transform: uppercase; }
.label-alone { margin-bottom: 0; }
.content-form .submit-button { margin-top: 15px; font-size: 28px; font-weight: 700; background-color: #ffc519; color: #000000; }
.content-form .submit-button:hover, .content-form .submit-button:focus { background: #ffd454; }
.privacy { margin-top: 5px; }

.features-container-1, .features-container-3 { padding-top: 20px; padding-bottom: 20px; background-color: #fff; }
.features-container-2 { padding-top: 20px; padding-bottom: 20px; background-color: #eeeeee; }
.feature-photo-1, .feature-photo-2, .feature-photo-3 { padding-bottom: 20px; }

.features h3, .features p , .features ul { color: #000000; }
.features h3 { margin-top: 0; font-weight: 400; }

.cta-button { font-size: 28px; font-weight: 700; background-color: #ffc519; color: #000000; }
.cta-button:hover, .cta-button:focus { background: #ffd454; }

.footer-container { margin: 0 0 45px 0; background: #ffffff; color: #000000; }
body.details .footer-container, body.thanks .footer-container { display: none; }
.footer-content { padding-top: 20px; padding-bottom: 20px; }
.footer-content p { font-size: 12px; line-height: 1.3em; color: #000000; }
.footer-content p a { color: #ffc519; text-decoration: underline; }
.sponsor1 { margin-top: 10px; }
.sponsor { margin-top: 100px; }

.footer-container-2 { margin: 0 0 45px 0; background: #000000; color: #ffffff; }
.footer-container-2 .footer-content { padding-top: 20px; padding-bottom: 20px; }
.footer-container-2 .footer-content p { font-size: 12px; line-height: 1.3em; color: #ffffff; }
.footer-container-2 .footer-content p a { color: #ffc519; text-decoration: underline; }

.mobile-sticky-container { display: block; width: 100%; background: #008000; }
.mobile-sticky-content { padding-top: 10px; padding-bottom: 10px; }
.mobile-sticky-content a { font-size: 22px; font-weight: 700; color: #ffffff; text-decoration: none; }
.affix { bottom: 0; }

.progress { margin-bottom: 20px !important; height: 40px !important; }
.progress-bar { padding-top: 2px; font-size: 20px; font-weight: 400; line-height: 38px; }
.docusign-message { font-size: 20px; line-height: 1.3em; }
.docusign-button { font-size: 22px !important; }
}
/* END GLOBAL STYLES */

/* START PORTRAIT PHONES and SMALLER */
@media (max-width: 480px) {

}
/* END PORTRAIT PHONES and SMALLER */

/* START LANDSCAPE PHONES and PORTRAIT TABLETS */
@media (max-width: 767px) {

}
/* END LANDSCAPE PHONES and PORTRAIT TABLETS */

/* START PORTRAIT TABLETS and SMALL DESKTOPS / LAPTOPS */
@media (min-width: 768px) and (max-width: 991px) {
	body#two .cta-container-1 { padding-bottom: 60px; background: url(/images/cta-bg-2-1.jpg) no-repeat center left; background-size: cover; }
	body#two .cta-container-2 { padding-top: 60px; padding-bottom: 60px; background: url(/images/cta-bg-2-2.jpg) no-repeat center; background-size: cover; }
	body#two .cta-container-1 .cta-content-1 h1 { font-size: 30px; }
	.cta-container-1 .cta-content-1 { padding-top: 70px; }
	body.details .cta-container-1 .cta-content-1, body.thanks .cta-container-1 .cta-content-1 { padding-top: 20px; }
	.cta-container-1 .cta-content-1 h1 { font-size: 33px; }
	.cta-container-1 .cta-content-1 h2 { font-size: 25px; }
	.cta-content-2 { margin-top: 0px; }
	.cta-container-2 .cta-content-1 h3 { font-size: 40px; }
	body#two .cta-container-2 .cta-content-1 h3 { font-size: 28px; }
	.content-form label { font-size: 18px; font-weight: 400; }
	.footer-container { margin: 0px; }
	.cta-container-2 .cta-content .cta-content-1 { padding-top: 40px; }
}
/* END PORTRAIT TABLETS and SMALL DESKTOPS / LAPTOPS */

/* START LANDSCAPE TABLETS and MEDIUM DESKTOPS / LAPTOPS */
@media (min-width: 992px) and (max-width: 1199px) {
	body#two .cta-container-1 { padding-bottom: 60px; background: url(/images/cta-bg-2-1.jpg) no-repeat center left; background-size: cover; }
	body#two .cta-container-2 { padding-top: 60px; padding-bottom: 60px; background: url(/images/cta-bg-2-2.jpg) no-repeat center; background-size: cover; }
	.cta-container-1 .cta-content-1 { padding-top: 45px; }
	body.details .cta-container-1 .cta-content-1, body.thanks .cta-container-1 .cta-content-1 { padding-top: 0px; }
	.cta-container-1 .cta-content-1 h1 { font-size: 42px; }
	body#two .cta-container-1 .cta-content-1 h1 { font-size: 39px; }
	body.details .cta-container-1 .cta-content-1 h1, body.thanks .cta-container-1 .cta-content-1 h1 { font-size: 30px;	}
	.cta-container-1 .cta-content-1 h2 { font-size: 24px;	}
	.cta-container-1 .cta-content-2 {	margin-top: 0px; }
	.content-form label { font-size: 18px; font-weight: 400; }
	.footer-container { margin: 0px; }
	.cta-container-2 .cta-content .cta-content-1 { padding-top: 120px; }
}

/* END LANDSCAPE TABLETS and MEDIUM DESKTOPS / LAPTOPS */

/* START LARGE DESKTOPS / LAPTOPS */
@media (min-width: 1200px) {
	body#two .cta-container-1 { padding-bottom: 60px; background: url(/images/cta-bg-2-1.jpg) no-repeat center left; background-size: cover; }
	body#two .cta-container-2 { padding-top: 60px; padding-bottom: 60px; background: url(/images/cta-bg-2-2.jpg) no-repeat center; background-size: cover; }
	.cta-container-1 .cta-content-1 { padding-top: 40px; }
	body.details .cta-container-1 .cta-content-1, body.thanks .cta-container-1 .cta-content-1 { padding-top: 0px; }
	.cta-container-1 .cta-content-1 h1 { font-size: 60px; }
	body#two .cta-container-1 .cta-content-1 h1 { font-size: 50px; }
	body.details .cta-container-1 .cta-content-1 h1, body.thanks .cta-container-1 .cta-content-1 h1 { font-size: 30px;	}
	.cta-container-1 .cta-content-1 h2 { font-size: 27px;	}
	.cta-container-2 .cta-content-1 h3 { font-size: 36px;	}
	.cta-container-2 .cta-content-1 p { font-size: 25px; line-height: 1.3em; }
	.feature-content-1 { padding-top: 40px; }
	.feature-content-2 { padding-top: 40px; }
	.feature-content-3 { padding-top: 40px; }
	.content-form label { font-size: 18px; font-weight: 400; }
	.footer-container { margin: 0px; }
	.cta-container-2 .cta-content .cta-content-1 { padding-top: 90px; }
	.features h3 { font-size: 30px; }
}
/* END LARGE DESKTOPS / LAPTOPS */