

* {box-sizing:border-box;-webkit-box-sizing:border-box;	-moz-box-sizing:border-box; outline:0;}
html,body {
	font-size:14px; min-height:100%; margin:0; padding:0; color:#000; font-family: "Open Sans", Arial, Helvetica, sans-serif;background:#fff;
	font-family: 'Poppins',Helvetica,sans-serif;
}
body.overflowHidden {overflow:hidden;}
a, textarea, input[type=text], input[type=password], input[type=button], input[type=submit], select, option,button {
    outline: 0;-webkit-appearance: none;-moz-appearance: none;-ms-appearance: none;-o-appearance: none;appearance: none;
    font-family: "Open Sans", Arial, Helvetica, sans-serif;
    font-family: 'Poppins',Helvetica,sans-serif;
}
.select {cursor: pointer;position: relative;display:block; border-radius:4px; background:#fff;border: 1px solid #ddd;}
select {border:none;background-color:transparent; padding:10px 20px 10px 10px; width:100%; font-size:16px; color:#000}
.select:after {
    content: "\f078"; font-family: 'Font Awesome 5 Free'; font-weight: 900; cursor: pointer; position: absolute;
    right: 20px; top: 50%; margin-top: -.5em; z-index: 1; pointer-events: none; color:#000; font-size:14px;
}
textarea, input[type=text], input[type=password]{
	width:100%;padding:10px;font-size: 16px;display:block; border-radius:4px; color:#000; background:#fff;border: 1px solid #ddd;
}

input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,
textarea:-webkit-autofill,textarea:-webkit-autofill:hover,textarea:-webkit-autofill:focus,
select:-webkit-autofill,select:-webkit-autofill:hover,select:-webkit-autofill:focus {
  -webkit-text-fill-color: #000;
	-webkit-box-shadow: inset 0 0 0px 9999px #fff;
  transition: background-color 5000s ease-in-out 0s;
  background-color:#fff !important;
}

p,h1,h2,h3,h4 {margin:0; padding:0 0 10px 0;}
h1 {font-weight:600;}
h2 {font-weight:600; font-family: 'Montserrat', sans-serif; font-size: 28px;font-weight: 600;text-align: center;}
h3 {font-family: 'Montserrat', sans-serif; font-size:32px; font-weight:600;}
a {
	text-decoration:none; color:#ff670f; font-weight:500; cursor:pointer;
	-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none; 
}

strong,b {font-weight:600; color:#000;}

.siteContainer {max-width:1920px; margin:0 auto;min-height: 100%;}




.header {color:#fff;position:fixed; z-index:999; width:100%;}
.header > div {max-width:1024px; margin:0 auto; padding:20px;}
.header .logo {display:inline-block; vertical-align:middle; width:200px;}
.header .logo img {display: inline-block; vertical-align: middle;margin-right: 5px;}
.header .logo span {display:inline-block; vertical-align:middle;font-family: "Open Sans", Arial, Helvetica, sans-serif;}
.header .logo span:nth-of-type(1) {font-family: 'Montserrat', sans-serif;font-size: 22px;font-weight: 700;text-transform: uppercase;color:#ff670f; vertical-align:bottom;}
.header .logo span:nth-of-type(2) {font-size: 22px; color:#fff; vertical-align:bottom;}
.header .logo span:nth-of-type(3) {color:#fff; vertical-align:super;}

.header.black {background:#000; transition: 200ms linear; box-shadow: 0px 0 10px rgb(0 0 0 / 10%);}
.header.black .mainlinks a {}


.header .mainlinks {display:inline-block; vertical-align:middle; width:calc(100% - 200px); text-align:right;}
.header .mainlinks a {color:#fff;display:inline-block; vertical-align:middle; margin-left:25px;}
.header .mainlinks a span {display:inline-block; vertical-align:middle;}
.header .mainlinks a.mobilelink {display:none;}
.header .mainlinks a i {vertical-align:middle; font-size:18px; margin-right:10px;}
.header .mainlinks a:hover {transition: 200ms linear; color:#ff670f}

.header .hamburgerContainer {display:inline-block; vertical-align:middle; width:calc(100% - 200px); text-align:right; display:none;}
.hamburger {
  	font-size:30px; display:inline-block; width:1em; height:1em; padding:0; cursor:pointer; vertical-align:bottom; border:0 none;
  	transition:transform .2s ease-in-out; background:transparent;
}
.hamburger::-moz-focus-inner {padding: 0;border: 0 none;}
.hamburger:focus {outline: 0;}
.hamburger:before,.hamburger:after {content: "";}
.hamburger:before,.hamburger .icon,.hamburger:after {display: block;width: 100%;height: .1em;margin: 0 0 .2em;transition: transform .2s ease-in-out;border-radius: .05em;background:#ff670f;}
.hamburger.active:before,.hamburger.active .icon,.hamburger.active:after {background:#ff670f;margin: 0 0 .1em;}
.hamburger.hamburger-vertical.active {transform: rotate(270deg);}
.hamburger.hamburger-cancel.active .icon {transform: scale(0);}
.hamburger.hamburger-cancel.active:before {transform: translateY(.2em) rotate(135deg);}
.hamburger.hamburger-cancel.active:after {transform: translateY(-.2em) rotate(-135deg);}
.hamburger.hamburger-plus.active .icon {transform: scale(0);}
.hamburger.hamburger-plus.active:before {transform: translateY(.2em) rotate(90deg);}
.hamburger.hamburger-plus.active:after {transform: translateY(-.2em) rotate(180deg);}


.sloganContainer {
	/*background: url(/images/slogan.webp) right center no-repeat #000; background-size:cover;*/
	height: calc(var(--vh, 1vh) * 100);z-index: 0;position: relative;display: flex; align-items:flex-end;
	background: url(/images/slogan.webp) center center no-repeat #000; background-size:auto 100%; height:600px;
}
.sloganContainer > div {width:100%; text-align:center}

.sloganContainer > div .sloganText {
	text-align:center; color:#fff;font-family: 'Montserrat', sans-serif; z-index:1; text-shadow:2px 2px 2px #000,2px 2px 2px #000;
	padding:30px; background:rgba(0,0,0,0.8);
}
.sloganContainer > div .sloganText > span {display:block;}
.sloganContainer > div .sloganText > span:nth-of-type(1) {margin-bottom:20px;font-size:40px;font-weight: 700;}
.sloganContainer > div .sloganText > span:nth-of-type(2) {font-size:18px;font-weight:500;}
.sloganContainer > div .sloganText button {cursor:pointer;padding: 10px 40px;border-radius: 4px;border: 0;font-size: 16px;background:#ff670f; color:#fff;}

.topContentContainer {display:flex; flex-wrap:wrap; padding:20px; max-width:1580px; margin:0 auto; justify-content: center;}
.topContentContainer > a {
	width:calc(33.333333333% - 20px); position:relative; margin:10px; border-radius:4px; background:#fff; overflow:hidden;box-shadow: 0px 0 10px rgb(0 0 0 / 20%);
	display:flex; flex-direction:column;
}
.topContentContainer img {display:block; border-radius:4px 4px 0 0;transition: 0.6s; max-width:100%; width:100%;}
.topContentContainer .button {display:inline-block; border:2px solid #ff670f; border-radius:20px; padding:4px 20px;}
.topContentContainer > a > div:nth-of-type(1) {overflow:hidden; border-radius:4px 4px 0 0;flex:1 1 auto; display:flex;}
.topContentContainer > a > div:nth-of-type(2) {padding:20px; color:#000;  border-radius:0 0 4px 4px; font-size:16px; transition: background-color 500ms linear;}
.topContentContainer > a:hover img {/*opacity:0.3;*/transform:scale(1.2)}
.topContentContainer > a:hover  > div:nth-of-type(2)  {background:#ff670f; color:#fff;}

.topContentContainer > a:hover .button {border-color:#fff;}


.mainFeatures {display:flex; flex-wrap:wrap; flex-direction:column; padding:20px; max-width:1580px; margin:0 auto; justify-content: center; margin-top:50px; font-size:16px;}
.mainFeatures > div {display:flex; width:100%; align-items: center;}
.mainFeatures > div:nth-of-type(even) {flex-direction: row-reverse;}
.mainFeatures > div .image {width:50%;}
.mainFeatures > div .image img {width:100%;}
.mainFeatures > div .text {width:50%; padding:0 50px;}
.mainFeatures > div:nth-of-type(2),.mainFeatures > div:nth-of-type(3) {margin-top:-150px;}






#staySecure {background:#000; color:#fff; padding:100px; font-size:16px;}
#staySecure h2 {text-align:left; font-size:42px;}
#staySecure h3 {text-align:left;}
#staySecure > div {display:flex; width:100%; align-items: center; max-width:1580px; margin:0 auto; justify-content: center;}
#staySecure > div > div {width:50%;}
#staySecure .text {padding-right:100px;}
#staySecure .background img {max-width:100%;}




#environment {padding:50px 20px; font-size:18px; text-align:center;}
#environment img {height:150px;}
#environment a {margin-top:10px;display:inline-block; vertical-align:middle;background:#3d9c48; border-radius:5px; padding:10px 20px; color:#fff;}

.pricingPanelContainer {text-align:center; padding:50px 20px;}
.pricingPanel {display:flex; flex-wrap:wrap; justify-content:center;}
.pricingPanel > div {margin:20px 10px;box-shadow: 0px 0 10px rgb(0 0 0 / 10%); border:1px solid #e7e7e7; border-radius:5px; text-align:center; width:100%; max-width:250px;}
.pricingPanel > div .head {background:#f6f6f6; padding:10px 20px; border-radius:5px 5px 0 0; font-size:22px; border-bottom:1px solid #e7e7e7;}
.pricingPanel > div .body {padding:10px 20px 20px 20px;}
.pricingPanel > div .price {margin-bottom:10px;}
.pricingPanel > div .price span:nth-of-type(1) {font-size:36px; display:inline-block;}
.pricingPanel > div .price span:nth-of-type(2) {font-size:20px; display:inline-block; color:#999; margin-left:10px;}
.pricingPanel > div .button {background:#ff670f; color:#fff; border-radius:5px; padding:7px 20px; display:block;}



.contactContainer {position:relative;  z-index:0; overflow:hidden; padding-top:100px;}
.contactContainer::before {display:block; content: ''; position:absolute; left:-100px; right:-100px; bottom:0; background:#fff; transform:rotate(-7deg); z-index: -1;}
.contactContainer::after {display: block; content: ''; position: absolute; top:0; left:0; right:0;z-index: -3;}
.contactContainer .overlay {position:absolute; top:0; left:0; right:0; z-index: -2;}
.contactContainer .contactHeader {text-align: center; padding: 50px;font-size: 22px; color:#fff;}
.contactContainer .contactHeader p.title {font-size: 28px;font-weight: 700;text-transform: uppercase;text-align: center;}
.contactContainer .contactFlexContainer {display:flex;justify-content:center; align-items:center; flex-direction: column;padding:0 0 100px 0;}
.contactContainer .contactFlex {display:flex;justify-content:center; align-items:end;width: 100%;}
.contactContainer::before {height:45%;}
.contactContainer::after {height:80%; background:#000; background-size:cover; background-position:top center;}
.contactContainer .overlay {height:80%; background:rgba(0,0,0,0.7);}
.contactContainer .contactForm {
	padding:20px; background:#fff; border-radius:4px; box-shadow:0px 0 20px rgb(0 0 0 / 20%); width:600px; max-width:100%;
	position:relative; max-height:100%; overflow:auto;
}
.contactContainer .contactForm .fa-check-circle {font-size:66px; color: #ff670f;}

.formage label {display:inline-block; width:200px; vertical-align:middle; margin-bottom:10px;}
.formage label.txtAreaLabel {vertical-align:top;}
.formage input[type=text] {display:inline-block; width:calc(100% - 200px); vertical-align:middle; margin-bottom:10px;background:#f6f9fc; border:1px solid #f6f9fc;}
.formage input[type=text].empty, .formage textarea.empty {
	border:1px solid #ffd4b1; background:url(/images/exclamationcircle.svg) no-repeat #f6f9fc; background-size:18px auto; background-position:right 10px center;
}
.formage .button {border:1px solid #ddd; color:#ff670f; background:#fff; border-radius: 5px;padding: 7px 20px;display: inline-block; font-weight:500;}
.formage .button:hover {transition: 200ms linear; background:#ff670f; color:#fff;}
.formage #ftCustomerDomain { width:calc(100% - 325px); margin-right:5px;}
.formage #supportURL {width:calc(100% - 325px); margin-right:5px;}
.formage #ftURL {display:inline-block; width:120px; vertical-align:middle;}
.formage .select {display:inline-block; width:calc(100% - 200px); vertical-align:middle; margin-bottom:10px;background: #f6f9fc;  border:1px solid #f6f9fc;}
.formage select.empty {border:1px solid #ffd4b1;border-radius: 4px;}
.formage textarea {display:inline-block; width:calc(100% - 200px); vertical-align:middle; margin-bottom:10px;background: #f6f9fc;  border:1px solid #f6f9fc; min-height:150px;}
.formage textarea.empty {background-position:right 10px top 10px;}
.gCaptchaContainer {height:400px; width:100%; background:#fff; display:flex; align-items:center; z-index:1; text-align:center; justify-content:center; display:none;}
.gCaptchaContainer .title {font-size:22px;}
.gCaptchaContainer svg {height:80px; fill:#337ab7; opacity:0.3;}
.gCaptchaContainer .g-recaptcha {display:inline-block;margin-bottom:10px;}
.gCaptchaContainer .captchaError {color:red;}
.gCaptchaContainer button {border:1px solid #ddd; color:#ff670f; background:#fff; border-radius: 5px;padding: 7px 20px;display: inline-block; font-weight:500; cursor:pointer; font-size:14px;}
.gCaptchaContainer button:hover {transition: 200ms linear; background:#ff670f; color:#fff;}
.contactContainer .contactText {padding:20px 20px 0 50px; max-width:100%; width:450px;}
.contactContainer .contactText .title {font-size:22px;}
.contactContainer .contactText p {}
.contactContainer .contactText p svg {width:13px; display:inline-block; vertical-align:middle; margin-right:10px;fill:#ff670f;}
.contactContainer .contactText p span {display:inline-block; vertical-align:middle; width:calc(100% - 23px);}

.environmentSlogan {background:#000; position:relative; height:600px;}
.environmentSlogan img {width:100%; height:100%; object-fit:cover; opacity:0.4; display:block;}
.environmentSlogan > div {position:absolute; left:0; top:0; width:100%; height:100%; display:flex; align-items:center; justify-content:center;background: linear-gradient(to bottom, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 25%);}
.environmentSlogan > div > div {}
.environmentSlogan > div > div .title {font-family: 'Montserrat', sans-serif;font-size: 40px; font-size:88px;font-weight: 700; color:#fff;}
.environmentSlogan video {object-fit:cover; width:100%; height:100%; opacity:0.3;}



#footerContainer {background:#000; color:#8e9baf;}
#footerContainer > div {max-width:1160px; margin:0 auto; padding:80px 50px 50px 50px; display:flex; flex-wrap:wrap;}
#footerContainer > div > div.footLogo {margin-right:70px; color:#fff;}
#footerContainer > div > div.footLogo div {width:150px;text-align:center;}
#footerContainer > div > div.footLogo svg {fill:#ff670f; height:75px; margin:0 auto;}
#footerContainer > div > div.footLogo a {color:#fff; font-family: "Open Sans", Arial, Helvetica, sans-serif;}
#footerContainer > div > div.footLogo span {display:inline-block; vertical-align:middle;}
#footerContainer > div > div.footLogo span:nth-of-type(1) {font-family: 'Montserrat', sans-serif;font-size: 22px;font-weight: 700;text-transform: uppercase;color:#ff670f; vertical-align:bottom;}
#footerContainer > div > div.footLogo span:nth-of-type(2) {font-size: 22px;}

#footerContainer > div > div.footLinks span {display:block; margin-bottom:20px;}
#footerContainer > div > div.footLinks {margin-right:70px;}
#footerContainer > div > div.footLinks a {color:#fff;}
#footerContainer > div > div.footLinks a:hover {text-decoration:none;color:#ff670f;transition: 200ms linear;}

#footerContainer > div > div.footSocial {flex:1 1 auto; text-align:right;}
#footerContainer > div > div.footSocial a.fab {
	display:flex; background:#222326; color:#fff; height:54px; width:54px;align-items: center;
    display: inline-flex;justify-content: center;font-size:24px;border-radius: 50%; margin-left:7px; font-weight:normal;
}
#footerContainer > div > div.footSocial a.fab:hover {text-decoration:none;color:#ff670f;transition: 200ms linear;}
#footerContainer > div > div.footSocial > span {display:block; margin-top:20px; font-size:12px;}
#footerContainer > div > div.footSocial > span.footTerms a {display:inline-block; margin-right:10px; color:#fff;display:none;}
#footerContainer > div > div.footSocial > span.footTerms a:hover {text-decoration:none;color:#ff670f;transition: 200ms linear;}


.cookieBar {position: fixed;bottom: 0;background:#000; z-index:9999999999999; width:100%;padding:20px;display: flex;justify-content:center; align-items: center;color: #fff;}
.cookieBar > div:nth-of-type(1) {padding-right:30px;}
.cookieBar a {text-decoration:underline;}
.cookieBar a.button {text-decoration:none;background: #ff670f;color: #fff;border-radius: 5px;padding: 7px 20px;display: inline-block;}
.cookieBar a.button:hover {}


.centerPopup {
	display:flex; height:100%; justify-content:center; align-items:center; min-height:calc(var(--vh, 1vh) * 100);position: fixed;
    top:0; width:100%; height:100%; background:rgba(0,0,0,0.9);z-index:999; overflow:auto; display:none;
}
.centerPopup > div {
	padding:20px; background:#fff; border-radius:4px; box-shadow:0px 0 20px rgb(0 0 0 / 40%); border:1px solid #ccc; width:380px; max-width:100%; 
	position:relative; max-height:100%; overflow:auto; margin:0 20px;
}
.centerPopup > div #closePopup {position: absolute;right: 10px;top: 10px;cursor: pointer;font-size: 22px;color: #ff670f;}
.centerPopup .logo span {display:inline-block; vertical-align:middle;}
.centerPopup .logo span:nth-of-type(1) {font-family: 'Montserrat', sans-serif;font-size: 22px;font-weight: 700;text-transform: uppercase;color:#ff670f; vertical-align:bottom;}
.centerPopup .logo span:nth-of-type(2) {font-size: 22px;}
.centerPopup .title {font-family: 'Montserrat', sans-serif;font-size:16px; font-weight:700;}
.centerPopup .title span {}
.centerPopup button,.centerPopup .button {display:block; border:0; background:#ff670f; color:#fff; padding:10px 30px; width:100%; text-align:center; cursor:pointer; border-radius:4px; font-size:16px;}

.passwordBoxEye {position:relative;}
.passwordBoxEye i {position:absolute; right:10px; top:15px; cursor:pointer;}


.spinnerContainer {
	display:flex; height:100%; justify-content:center; align-items:center; min-height:calc(var(--vh, 1vh) * 100);position: fixed;
    top:0; width:100%; height:100%; background:rgba(0,0,0,1);z-index:999; overflow:auto;
}
.spinnerContainer > div {width:80px; position:relative;}
#spinnyThing {width:100%;}
#squidSpinner {width:60px; height:60px; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%);background:#000; padding:10px; border-radius:50%; margin-top:-2px;}
#squidSpinner svg {fill: #ff670f;}


.passwordStrengthBar {display:flex; margin:-5px 0px 10px 0px;justify-content: space-between;}
.passwordStrengthBar > span {height:3px;background:#ccc; width:calc(25% - 4px); border-radius:4px;}
.passwordStrengthBar > span.active {background:#ff670f;}

.passwordStrengthTxt {margin-bottom:10px; font-size:12px;}
.passwordStrengthTxt p {font-weight:500;}
.passwordStrengthTxt span {display:block; margin-bottom:5px; color:#666;}
.passwordStrengthTxt i {margin-right:5px;}
.passwordStrengthTxt i.active {color:#ff670f;}

#passwordResetPinContainer {margin-bottom:10px;}
#passwordResetPinContainer div {margin-bottom:3px;}
#passwordResetPinContainer input[type="number"] {
	width:calc(16.6666666% - 7px);line-height: 1;margin-right:7px;padding: 8px 0 4px;font-size:26px;text-align: center;appearance: textfield;-webkit-appearance: textfield;
	border: 1px solid #ddd;color:#333;
}
#passwordResetPinContainer input[type="number"]:valid {border-bottom:2px solid #ff670f;}
#passwordResetPinContainer input[type="number"]:nth-of-type(6) {width:16.6666666%;margin-right:0;}
#passwordResetPinContainer input::-webkit-outer-spin-button, #passwordResetPinContainer input::-webkit-inner-spin-button {-webkit-appearance: none;margin: 0;}
#passwordResetPinContainer input[type="number"]:nth-child(n+4) {order: 2;}
#passwordResetPinContainer label {
	border: 0 !important;clip: rect(1px, 1px, 1px, 1px) !important;-webkit-clip-path: inset(50%) !important;clip-path: inset(50%) !important;height: 1px !important;
	margin: -1px !important;overflow: hidden !important;padding: 0 !important;position: absolute !important;width: 1px !important;white-space: nowrap !important;
}

#passwordResetPinContainer2 {margin-bottom:10px;}
#passwordResetPinContainer2 div {margin-bottom:3px;}
#passwordResetPinContainer2 input[type="number"] {
	width:calc(16.6666666% - 7px);line-height: 1;margin-right:7px;padding: 8px 0 4px;font-size:26px;text-align: center;appearance: textfield;-webkit-appearance: textfield;
	border: 1px solid #ddd;color:#333;
}
#passwordResetPinContainer2 input[type="number"]:valid {border-bottom:2px solid #ff670f;}
#passwordResetPinContainer2 input[type="number"]:nth-of-type(6) {width:16.6666666%;margin-right:0;}
#passwordResetPinContainer2 input::-webkit-outer-spin-button, #passwordResetPinContainer2 input::-webkit-inner-spin-button {-webkit-appearance: none;margin: 0;}
#passwordResetPinContainer2 input[type="number"]:nth-child(n+4) {order: 2;}
#passwordResetPinContainer2 label {
	border: 0 !important;clip: rect(1px, 1px, 1px, 1px) !important;-webkit-clip-path: inset(50%) !important;clip-path: inset(50%) !important;height: 1px !important;
	margin: -1px !important;overflow: hidden !important;padding: 0 !important;position: absolute !important;width: 1px !important;white-space: nowrap !important;
}








@media screen and (max-width:1580px) {
	#staySecure > div {flex-direction:column-reverse;}
	#staySecure > div > div.background {width:100%; max-width:700px;}
	#staySecure .text {padding-right:0; width:100%; padding:30px;text-align:center;}
	#staySecure h2 {text-align:center;}
	#staySecure h3 {text-align:center;}
}

@media screen and (max-width:1280px) {
	.mainFeatures > div:nth-of-type(2),.mainFeatures > div:nth-of-type(3) {margin-top:-100px;}
	.environmentSlogan > div > div .title {font-size:68px;}
	

}

@media screen and (max-width:1024px) {
	
	.contactContainer .contactHeader {padding:20px;}
	.contactContainer .contactFlexContainer {padding:30px 0;}
	.contactContainer .contactFlex {flex-direction: column;align-items: start; padding:0 20px;max-width: 600px;}
	.contactContainer .contactText {padding:30px 20px 0 20px;}
	.contactContainer::before {height:55%;}
	.contactContainer::after {height:55%;}
	.contactContainer .overlay {height:55%;}

	.environmentSlogan {height:300px;}
	.environmentSlogan img {opacity:0.3;}
	.environmentSlogan > div > div {padding:0 20px;}
	.environmentSlogan > div > div .title {font-size:40px;}

	#footerContainer > div {max-width:750px; margin:0 auto; padding:80px 30px 50px 30px;}
	#footerContainer > div > div.footLogo {margin-right:0;width:100%; margin-bottom:40px;}
	#footerContainer > div > div.footLinks {margin-right:0; width:33.3333333%}
	#footerContainer > div > div.footSocial {width:100%; text-align:left; margin-top:50px;}
	#footerContainer > div > div.footSocial a.fab {
		height:44px; width:44px;font-size:20px; margin-left:0; margin-right:6px;
	}
}

@media screen and (max-width:980px) {
	.sloganContainer {height:500px;}
	.sloganContainer > div .sloganText {padding:20px;}
	.sloganContainer > div .sloganText > span:nth-of-type(1) {font-size:30px;}

	.topContentContainer {padding:0; max-width:680px;}
	.topContentContainer > a {width:100%;}

	.mainFeatures > div:nth-of-type(even) {flex-direction: column;}
	.mainFeatures > div {flex-direction: column; text-align:center; max-width:500px; margin:0 auto 50px auto;}
	.mainFeatures > div .image {width:100%;}
	.mainFeatures > div .image img {}
	.mainFeatures > div .text {width:100%; padding:0;}
	.mainFeatures > div:nth-of-type(2),.mainFeatures > div:nth-of-type(3) {margin-top:0;}
	
	#staySecure {padding:50px 25px;}
	#staySecure h2 {font-size:32px;}
	#staySecure h3 {font-size:22px;}

}
@media screen and (max-width:820px) {
	.header .hamburgerContainer {display:inline-block;}
    .header .mainlinks {
		position:fixed; width:100%; left:0; text-align:left; padding:20px; background:#000;  z-index:999; display:none; height: calc(var(--vh, 1vh) * 100 - 50px);
	}
	.header .mainlinks a {margin-left:0;display:block; border-bottom:1px solid #333; font-size:22px;position:relative;padding:20px 0;}
	.header .mainlinks a i {font-size:22px; margin-right:20px;}
	.header .mainlinks a:after {
	    content: "\f054"; font-family: 'Font Awesome 5 Free'; font-weight: 900; cursor: pointer; position: absolute;
	    right: 20px; top: 50%; margin-top: -.5em; z-index: 1; pointer-events: none; color:#ff670f; font-size:14px;
	}
}

@media screen and (max-width:700px) {
	.topContentContainer > a {width:100%;}
	#footerContainer > div > div.footLinks {width:50%;}
	#footerContainer > div > div.footLinks.footTerms {width:100%; margin-top:40px;}

	.environmentSlogan > div > div .title {font-size:28px;}
}

@media screen and (max-width:600px) {                                  
	.contactContainer .contactHeader {font-size:18px;}
	.contactContainer .contactHeader p.title {font-size: 20px;}
	.formage  label {display:block; width:auto; font-size:12px;}
	.formage  input[type=text] {display:block; width:100%;}
	.formage #ftCustomerDomain {display:inline-block; width:calc(100% - 125px);}
	.formage #supportURL {display:inline-block; width:calc(100% - 125px);}
	.formage  .select {display:block; width:100%;}
	.formage  textarea {display:block; width:100%;}
	.contactContainer .contactText {padding:30px 10px 0 10px;}
}


@media screen and (max-width:500px) {

	
	.sloganContainer {background-size: 100% auto;background-position:center 40px; }
	
	.pricingPanel > div {margin:20px auto; width:100%; max-width:250px;}

}


