html{scroll-behavior: smooth;}
body {background-color: #fff; margin: 0;}
::-moz-selection { /* Code for Firefox */ color: #ffffff; background: #0052B0;}
::selection {color: #ffffff; background: #0052B0;}

body::-webkit-scrollbar {width: 10px;}
body::-webkit-scrollbar-track {background-color:#eeeeee;}
body::-webkit-scrollbar-thumb {background-color: #cccccc; border-radius:3px;}

/* Fade In */
@-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; }}
@-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; }}
@keyframes fadeIn { from { opacity:0; } to { opacity:1; }}
.fade-in {opacity:0;  /* make things invisible upon start */-webkit-animation:fadeIn ease-in 1; -moz-animation:fadeIn ease-in 1; animation:fadeIn ease-in 1; -webkit-animation-fill-mode:forwards; -moz-animation-fill-mode:forwards; animation-fill-mode:forwards; -webkit-animation-duration:1s; -moz-animation-duration:1s; animation-duration:1s;}
.fade-in.one {-webkit-animation-delay: 1s; -moz-animation-delay: 1s; animation-delay: 1s;}

/* Fade Out */
@-webkit-keyframes fadeOut {0% {opacity: 1;}100% {opacity: 0;}}         
@keyframes fadeOut {0% {opacity: 1;} 100% {opacity: 0;}         }
.fadeOut {-webkit-animation:fadeOut ease-in 1; -moz-animation:fadeOut ease-in 1; animation:fadeOut ease-in 1; -webkit-animation-fill-mode:forwards; -moz-animation-fill-mode:forwards; animation-fill-mode:forwards; -webkit-animation-duration:1s; -moz-animation-duration:1s; animation-duration:1s;}

/* Containers */
.backgroundOverlay {background-color: #212121; position: fixed; top:0; left:0; height: 100vh; width: 100vw; opacity: 1;}
.headerContainer {background-color: #212121; position: fixed; top:0; left:0; z-index: 20; height: 84px; width: 100vw; box-shadow: 0 1px 0 rgba(0,0,0,.05); padding: 0px 50px;}
.logoContainer {margin-top:20px;}
.menuContainer {margin-top:30px;}
.innerContainerDark {background-color: #585858; margin-top: 83px;}
.whiteContainer {padding: 120px 140px 250px 140px;}
.whiteContainerTwo {padding: 120px 140px;}
.darkContainer {padding: 120px 140px; background-color: #212121;}
.imageContainer {margin-top: -250px;}
.imageInnerContainer {padding: 10px 10px;}
.imageWrapper {position: absolute; top: 50%; left:32%; right: 32%; text-align: center;}
.testimonialContainer {margin-top:80px;}
.testimonialInnerContainer {margin-top:20px;}
.footerStripContainer {background-color: #D8D8D8; padding: 10px 50px;}
.footerContainer {background-color: #EAEAEA; padding: 10px 50px;}
.footerIconContainer {text-align: left;}
.footerTextContainer {text-align: right;}

.hrTitleUnderline {background-color: #212121; border: solid; border-width: 1px; width: 100px; max-width: 100px; margin: 0px;}
.hrLightGrey {border-top: 1px solid #D8D8D8;}


/* Contact Form */
.input {font-family: 'Termina', sans-serif; color:#a0002d; font-size:14px; width:100%; height:30px; padding:20px 10px; background: #f7f7f7; border:1px solid #f7f7f7; margin-bottom:25px; -webkit-transition:all .1s ease-in-out; -moz-transition:all .1s ease-in-out; -ms-transition:all .1s ease-in-out; -o-transition:all .1s ease-in-out; transition:all .1s ease-in-out;}
.input:focus {border:1px solid #ddd; color:#999;}
.textarea {font-family: 'Termina', sans-serif; color:#a0002d; font-size:14px; width:100%; height:150px; padding:20px 10px; background: #f7f7f7; border:1px solid #f7f7f7; margin-bottom:25px; -webkit-transition:all .1s ease-in-out; -moz-transition:all .1s ease-in-out; -ms-transition:all .1s ease-in-out; -o-transition:all .1s ease-in-out; transition:all .1s ease-in-out;}
.textarea:focus {border:1px solid #ddd; color:#999;}
input:focus, select:focus, textarea:focus, button:focus {outline: none;}
.text-danger{color: #a0002d !important; margin-top: -10px !important; margin-left: -10px !important; font-family: 'Termina', sans-serif !important; font-size:14px; font-weight: 400; text-align:left;}
.bg-success{background-color: #dff0d8; font-family: 'Termina', sans-serif; color:#a0002d; font-size:14px; font-weight: 400;}
.form-group{margin-bottom: 5px !important;}


/* Typography */
.navLink {font-family: 'Termina', sans-serif; color: #ffffff; font-weight: 400; font-size: 10px;}
.navLink:hover {color: #79D7FF; text-decoration: none; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s;}
.h1{font-family: 'Termina', sans-serif; color:#252525; font-size:30px; font-weight: 400; text-align: left; line-height: 30px;}
.h2{font-family: 'Termina', sans-serif; color:#252525; font-size:17px; font-weight: 400; text-align: left; line-height: 17px;}
.h3{font-family: 'Termina', sans-serif; color:#ffffff; font-size:17px; font-weight: 400; text-align: center; line-height: 17px;}
.h4{font-family: 'Termina', sans-serif; color:#252525; font-size:11px; font-weight: 400; text-align: left; line-height: 17px;}
.h5{font-family: 'Termina', sans-serif; color:#ffffff; font-size:30px; font-weight: 400; text-align: center; line-height: 30px;}
.copy{font-family: 'Termina', sans-serif; color:#6E6E6E; font-size:13px; font-weight: 200; line-height: 24px;}
.copyWhite{font-family: 'Termina', sans-serif; color:#ffffff; font-size:13px; font-weight: 200; line-height: 24px;}
.copySml{font-family: 'Termina', sans-serif; color:#6E6E6E; font-size:11px; font-weight: 200; line-height: 24px;}
.link{font-family: 'Termina', sans-serif; color:#252525; font-size:14px; font-weight: 200; line-height: 26px;}
.link:hover{text-decoration: none; color:#0B80B1;}
.footerLink{font-family: 'Termina', sans-serif; color:#252525; font-size:11px; font-weight: 200; line-height: 24px;}
.footerLink:hover {color: #0B80B1; text-decoration: none; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s;}

/* Bullet */
.ul {font-family: 'Termina', sans-serif; color:#999999; font-size:11px; font-weight: 400; line-height: 24px; margin-left: 12px;}

/* Nav Hamburger */
#nav-icon1, #nav-icon2, #nav-icon3, #nav-icon4 {width: 30px; height: 24px; position: relative; margin: 0px; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; cursor: pointer;}
#nav-icon1 span, #nav-icon3 span, #nav-icon4 span {display: block; position: absolute; height: 3px; width: 100%; background: #ffffff; border-radius: 2px; opacity: 1; left: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out;}
#nav-icon1 span:nth-child(1) {top: 2px;}
#nav-icon1 span:nth-child(2) {top: 10px;}
#nav-icon1 span:nth-child(3) {top: 18px;}
#nav-icon1.open span:nth-child(1) {top: 12px; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg);}
#nav-icon1.open span:nth-child(2) {opacity: 0; left: -20px;}
#nav-icon1.open span:nth-child(3) {top: 12px; -webkit-transform: rotate(-135deg); -moz-transform: rotate(-135deg); -o-transform: rotate(-135deg); transform: rotate(-135deg);}
.navMenu{z-index:0; opacity: 0; height: 100%; width:320px; background-color: white; position: fixed; padding: 20px; top:70px; text-align: center;}
.navMenuActive{height: 100%; width:320px; background-color: #212121; position: fixed; z-index: 2000; opacity: 0.9; right: 0; transition: opacity .25s ease-in-out; -moz-transition: opacity .25s ease-in-out; -webkit-transition: opacity .25s ease-in-out;}

/* CTA */
.buttonCTA {font-family: 'Termina', sans-serif; color: #ffffff; font-weight:600; font-size: 14px; background-color:#252525; border-radius: 6px; border:none; cursor: pointer; padding: 14px 34px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s;}
.buttonCTA:hover,.formCTA:active {color: #ffffff; background: #79D7FF; text-decoration: none;}


.navBar{display:block;}
.navButton{display:none;}
.image-mob{display: none !important;}



/* Responsive */
@media only screen and (max-width:760px){
	.heroContainer {padding-top: 70px !important;}
	.headerContainer {background-color: #212121; position: fixed; top:0; left:0; z-index: 20; height: 70px; width: 100vw; box-shadow: 0 1px 0; padding: 0px 20px !important;}
	.logoContainer {margin-top:14px !important;}
	.menuContainer {margin-top:23px;}
	.navBar{display:none !important;}
	.navButton{display:block !important;}
	.image-web{display: none !important;}
	.image-mob{display: block !important;}
	.whiteContainer {padding: 80px 30px 250px 30px !important;}
	.whiteContainerTwo {padding: 120px 30px !important;}
	.darkContainer {padding: 120px 30px !important; background-color: #212121;}
	.testimonialContainer {margin-top:80px; padding: 0px 30px !important;}
	.footerIconContainer {text-align: center !important;}
	.footerTextContainer {text-align: center !important;}
	.imageInnerContainer {padding: 15px 10px !important;}
}