charset "UTF-8";
/* CSS Document */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/* new 2021 styles */

svg {fill: #807c7b;
transition: ease all 0.3s;}

svg:hover {
	fill:#141314;
	transition: ease all 0.3s;
}

.footer-icons svg:nth-child(1){margin-right: 5px;}

#login-return {display: flex;
width: 100%;
height: 75px;
margin-top:60px;
justify-content: center;
align-items: center;}

#login-return p {color:#000;
font-weight: 600;
font-size: 18px;
margin-left: 10px;}

.pill-button{width: 66px;
	height: 40px;
display: flex;
    justify-content: center;
border-radius: 25px;
color:#FA582C;
	font-weight: bold;
	text-decoration: none;
	transition: ease all 0.3s;
border:2px solid #FA582C;
background-color:transparent;
text-align: center;}

.pill-button:hover{
display: flex;
    justify-content: center;
border-radius: 25px;
color:#fff;
	font-weight: bold;
	text-decoration: none;
	transition: ease all 0.3s;
background-color:#FA582C;}

.back-arrow {width: 20px;
transform: rotate(180deg);}

.back-arrow-white {width: 20px;
display: none;
transform: rotate(180deg);}

.pill-button:hover .back-arrow {
display:none;}

.pill-button:hover .back-arrow-white {
display:block;}

.background-container{width: 90%;
max-width: 1000px;
margin:auto;
margin-top:20px;
padding: 5% 3% 5% 3%;
background-color:#fff;
border:.5px solid rgba(128, 124, 123,.5);
box-shadow: 3px 3px 20px 8px rgba(0,0,0,.1);
color:#000;}

.cyb-title {text-align: center;
font-size: 28px;
font-weight: 600;
line-height: 36px;
padding-bottom:20px;}

.background-container p {text-align: center;
font-size: 16px;
line-height: 1.5em;
width: 58%;
margin: auto;}

.background-content {display: flex;
flex-wrap: wrap;
justify-content: space-around;
margin-top: 40px;}


.background-dl {flex: 0 1 calc(50% - 40px);
margin-bottom: 40px;
position: relative;}

.background-content .bg {width: 100%;}

.dl-hover {position: absolute;
    top: 0px;
    left: 0px;
width: 100%;
height: 100%;
background-color:transparent;
justify-content: center;
display: none;
transition: ease all 0.3s;}

.dl-hover img {width: 20%;}

.background-dl:hover .dl-hover {display: flex;
	background-color:rgba(0,0,0,.9);
	transition: ease all 0.3s;
	
}

#background-page-footer {margin-top:40px;
display: flex;
align-items: center;
justify-content: space-between;
padding-left:20px;
padding-right: 20px;
color:#807C7B;
font-size: 11px;}

.disclaimer {width: 80%;
margin: auto;
color:#807C7B;
font-size: 12px;
	margin-top:20px;
	font-style: italic;
}

@media screen 
  and (max-width: 800px) { 
	  
.background-container{
		  padding: 12% 7% 7% 7%;}
	  
.cyb-title {width: 90%;
	  margin: auto;}

.background-container p {text-align: center;
width: 100%;
margin: auto;}

.background-dl {flex: 0 1 calc(100%);
margin-bottom: 40px;
position: relative;}
}

@media screen 
  and (max-width: 450px) { 

#background-page-footer {flex-direction: column;
	  }
}

/* new 2020 styles */

* { 
  -moz-box-sizing: border-box; 
  -webkit-box-sizing: border-box; 
  box-sizing: border-box; 
}

*:hover { 
 cursor: pointer;
}

#footer {color:#000;
font-size: 11px;
margin-top:40px;}

.shipping-form-container{width: 90%;
max-width: 1000px;
	margin:auto;
	margin-top:40px;
background-color:#fff;
border:.5px solid rgba(128, 124, 123,.5);
box-shadow: 3px 3px 20px 8px rgba(0,0,0,.1);
color:#000;}

#not-approved-form { width: 70%; 
	margin: auto; 
	overflow: hidden; 
	height: auto; 
	padding-top: 20px;}

.welcome {text-align: left;
font-size: 28px;
	line-height: 36px;
padding-bottom:40px;
padding-top:60px;
width:80%;
margin:auto;}


.welcome-shipping {text-align:left;
font-size: 28px;
	line-height: 36px;
padding-bottom:40px;
padding-top:60px;
width:70%;
margin:auto;}

.cyb-intro-text-big {text-align: left;
font-size: 22px;
line-height: 22px;
width:80%;
margin:auto;
padding-bottom:15px;
color:#fa582d;}

.cyb-intro-text-big-shipping {text-align: left;
font-size: 22px;
line-height: 22px;
width:70%;
margin:auto;
padding-bottom:15px;
color:#fa582d;}

.cyb-intro-text {text-align: left;
font-size: 16px;
line-height: 22px;
width:80%;
margin:auto;
padding-bottom:15px;}

.cyb-intro-text-shipping {text-align: center;
font-size: 16px;
line-height: 22px;
width:80%;
margin:auto;
padding-bottom:15px;}

.cyb-intro-text-left {text-align: left;
font-size: 16px;
line-height: 24px;
width:70%;
margin:auto;
padding-bottom:15px;}

.cyb-intro-text-sm {text-align: right;
font-size: 10px;
font-style: italic;
width:80%;
margin:auto;}

input[type="text"]{
	background-color:#F4F4F2;
	width:100%;
	height: 45px;
	border:1px solid rgba(128, 124, 123,.35);
	border-radius: 4px;
	font-size:14px;
	padding-left:10px;
	margin-bottom:20px;
	font-family: 'TT Hoves', sans-serif;
	font-weight:300;
	
}

label {font-size: 14px;
padding-bottom:5px;}

.shipping-rule {width: 90%;
	max-width: 800px;
margin:auto;
display: flex;
flex-direction: row;
justify-content: space-between;
border-bottom:3px solid #000;
margin-top:20px;
margin-bottom:40px;}

.shipping-rule p:nth-child(1)
{font-size: 21px;
font-weight: 600;}

#content {width: 90%;
	max-width: 800px;
margin:auto;
display: flex;
flex-direction: column;}

.form-row {display: flex;
flex-direction: row;
justify-content: space-between;}

.form-col {display: flex;
flex-direction: column;}

.input-col {display:flex;
flex-direction: column;
flex:1;
margin-bottom:10px;}

.form-row .input-col:nth-child(1) {margin-right:2%;}
.form-row .input-col:nth-child(3) {margin-left:2%;}

select {  -webkit-appearance: none;
  -webkit-border-radius: 0px;
	height: 45px;
	border:1px solid rgba(128, 124, 123,.35);
	border-radius: 4px;
	font-size:14px;
	padding-left:10px;
	margin-bottom:20px;
	font-family: 'TT Hoves', sans-serif;
	font-weight:300;
	    background-color: #F4F4F2;
}

select#shirt {  -webkit-appearance: none;
  -webkit-border-radius: 0px;
	height: 45px;
	border:1px solid rgba(128, 124, 123,.35);
	border-radius: 4px;
	font-size:14px;
	padding-left:10px;
	margin-bottom:10px;
	font-family: 'TT Hoves', sans-serif;
	font-weight:300;
    background-color: #F4F4F2;}



input[type="tel"] {}


input[type="email"] {width: 100%;
	background-color:#F4F4F2;
	height: 45px;
	border:1px solid rgba(128, 124, 123,.35);
	border-radius: 4px;
	font-size:14px;
	padding-left:10px;
	margin-bottom:20px;
	font-family: 'TT Hoves', sans-serif;
	font-weight:300;}

.cyber_link {color:#FA582D;}

.button-2020 {
	margin-top:40px;
	width:150px;
line-height: 38px;
	border-radius: 25px;
color:#fff;
	font-family: 'TT Hoves', sans-serif;
background-color:#FA582D;
	border:0px;
height: 40px;
font-size:16px;
font-weight: 500;float: none;
 cursor: pointer;}

.button-2020-nomargin {
	width:170px;
line-height: 38px;
	border-radius: 25px;
	margin-top:20px;
	margin-bottom:30px;
color:#fff;
	font-family: 'TT Hoves', sans-serif;
background-color:#FA582D;
	border:0px;
height: 40px;
font-size:16px;
font-weight: 500;float: none;
 cursor: pointer;}

.button-2020:hover {
	cursor: pointer;
transition: ease all 0.5s;
	background-color:#e04d28;}

.button-2020-nomargin:hover {
	cursor: pointer;
transition: ease all 0.5s;
	background-color:#e04d28;}

.light-rule {width: 100%;
margin-top:15px;
margin-bottom:35px;
border-top: 1px solid #E5E5E580;}

.light-rule-short {width: 80%;
margin:auto;
margin-top:15px;
margin-bottom:35px;
border-top: 1px solid #E5E5E580;}

.bottom-row-info {width: 100%;
border-top: 1px solid #E5E5E580;
margin-top: 30px;
padding-top:30px;
padding-bottom: 30px;}


#cyber-banner {max-width:500px; text-align: center;  margin:auto; padding-top: 10vh;}

@media screen 
  and (max-width: 800px) { 
	  
.form-row {display: block;
flex-direction: column;
justify-content: space-between;}
	  
	  #cyber-banner {width: 80%;
	  margin:auto;
	  padding-top: 5vh;}
	  
	  .form-row .input-col:nth-child(1) {margin-right:0%;}
.form-row .input-col:nth-child(3) {margin-left:0%;}
	
}

@media screen 
  and (max-width: 500px) { 
	  .welcome {width: 90%;
	  margin:auto;}
	    
	  .cyb-intro-text {text-align: left;
font-size: 16px;
line-height: 22px;
width:90%;
margin:auto;
padding-bottom:15px;}
	  
	   .cyb-intro-text-shipping {text-align: left;
font-size: 16px;
line-height: 22px;
width:90%;
margin:auto;
padding-bottom:15px;}
	  
	  
	  .cyb-intro-text-big {text-align: left;
font-size: 22px;
line-height: 22px;
width:80%;
margin:auto;
padding-bottom:15px;
color:#fa582d;}
	  
	  .cyb-intro-text-left {width:80%;}
	  
	  #not-approved-form { width: 80%;}
	  
	   input[type="button"] {-webkit-appearance: none;}
	  
	  .button-2020-nomargin  {-webkit-appearance: none;}
	  
	   .button-2020  {-webkit-appearance: none;}
	  
	  .shipping-rule {flex-direction: column;}
	  
	  .cyb-intro-text-sm{width: 100%;
	  text-align: left;
	  margin-bottom:15px;}
	  
	  .shipping-rule p:nth-child(1) {
    margin-bottom: 10px;
}
	  
}

/* START LSM STYLE SHEET */



html {background: url("images/cyberforce-20-bg.png") no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;}


body {font-family: 'TT Hoves', sans-serif;
font-weight:300;
margin:0;
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}


#container {width:100%;
color:#fff;}

/* BLUE HEADER */

#head {
height:auto;
padding-bottom:20px;
width:100%;}


#banner { width: 100%;
position:absolute;
top:0;
left:0; 
z-index:-1;}

#mob_banner { display:none;}

#logo {width:95.5%;
margin:auto;
padding-top:12px;}

h1 {font-size: 36px;
font-weight:300;
line-height:1.2em;
width:70%;
max-width:1000px;
margin:auto;
padding-top:10vh;
padding-bottom:25px;}

h2 {font-size: 24px;
font-weight:300;
line-height:1.4em;
width:70%;
padding-bottom:25px;
max-width:1000px;
margin:auto;}

h5 {font-size: 16px;
font-weight:300;
line-height:1.4em;
width:70%;
max-width:1000px;
margin:auto;
padding-top:20px;}

h6 {font-size: 16px;
font-weight:700;
line-height:1.4em;
display:block;
width:70%;
max-width:1000px;
margin:auto;

padding-top:20px;
padding-left:10px;}

.arrow {width:100%;
margin:auto;
text-align:center;
padding-top:65px;
clear:both;}

/* BODY CONTENT */


.text {font-size:24px;
line-height:1.4em;
padding-bottom:25px;}

.blue {color:#00a8de;}

/* FORM STYLES */

label {float:left;
clear:left;}

input {border:1px solid rgba(255,255,255,.6);
 float:left;}


* { 

}

#size-chart-window-hero {
	position: fixed;
	top:0;
	left:0;
	padding-top:50px;
	padding-bottom: 100px;
	width:100%;
	height: 100vh;
	background-color:rgba(0,0,0,.75);
	overflow-x: scroll;
	  -moz-box-sizing: border-box; 
  -webkit-box-sizing: border-box; 
  box-sizing: border-box; 
}

#size-chart-window-hero p{
	position: fixed;
	top:0px;
	right:50px;
	font-size:30px;
	font-weight: bold;
	color:#fff;
	cursor: pointer;
}

#size-chart-window-guardian {
	position: fixed;
  -moz-box-sizing: border-box; 
  -webkit-box-sizing: border-box; 
  box-sizing: border-box; 
	top:0;
	left:0;
	padding-top:50px;
	padding-bottom: 100px;
	width:100%;
	height: 100vh;
	background-color:rgba(0,0,0,.75);
	overflow-x: scroll;
}

#size-chart-window-guardian p{
	position: fixed;
	top:0px;
	right:50px;
	font-size:30px;
	font-weight: bold;
	color:#fff;
	cursor: pointer;
}

#size-chart-window-commander {
	position: fixed;
	  -moz-box-sizing: border-box; 
  -webkit-box-sizing: border-box; 
  box-sizing: border-box; 
	top:0;
	left:0;
	padding-top:50px;
	padding-bottom: 100px;
	width:100%;
	height: 100vh;
	background-color:rgba(0,0,0,.75);
	overflow-x: scroll;
}

#size-chart-window-commander p{
	position: fixed;
	top:0px;
	right:50px;
	font-size:30px;
	font-weight: bold;
	color:#fff;
	cursor: pointer;
}

#size-chart-window-sentry {
	position: fixed;
	  -moz-box-sizing: border-box; 
  -webkit-box-sizing: border-box; 
  box-sizing: border-box; 
	top:0;
	left:0;
	padding-top:50px;
	padding-bottom: 100px;
	width:100%;
	height: 100vh;
	background-color:rgba(0,0,0,.75);
	overflow-x: scroll;
}

#size-chart-window-sentry p{
	position: fixed;
	top:0px;
	right:50px;
	font-size:30px;
	font-weight: bold;
	color:#fff;
	cursor: pointer;
}



img.modal {
	margin:auto;
	width:1000px;
}

.hide {display: none;}

.show {display: flex;}

a.size-chart-hero {
	text-align:right;
	color:#fa582d;
	font-size:12px;
	
}

a.size-chart-guardian {
	text-align:right;
	color:#fa582d;
	font-size:12px;
	
}

a.size-chart-commander {
	text-align:right;
	color:#fa582d;
	font-size:12px;
	
}

a.size-chart-sentry {
	text-align:right;
	color:#fa582d;
	font-size:12px;
	
}

#shirt-options {
	width:965px;
	display:flex;
	flex-direction:row;
}

.shirt-option {
	width:100%;
	height: auto;
	overflow: hidden;
	display: flex;
	flex-direction:column;
}




.bold {font-weight:600;}

.bluea {color:#00a8de;
padding-left:6px;
float:left;
padding-top:-10px;
display:block;}


/* MODAL STYLES */

#modal {
position: fixed;
top: 0;
left: 0;
background: rgba(0,0,0,.9);
z-index: 99999;
height: 100%;
width: 100%;}

.modalcontent {
margin:auto;
margin-top:5%;
background: rgba(0,0,0,0);
width: 90%;
max-width:1000px;
height:400px;
padding:0px 0px 50px 0px;}

#modalheader {width:70%; 
margin:auto; 
}

h3 {font-size:30px;
font-weight:300;
color:#fff;
padding-top:100px;
padding-bottom:25px;
line-height:1.2em;}

h4 {font-size:20px;
font-weight:300;
color:#fff;
padding-bottom:25px;
line-height:1.2em;}
	
p.modaltext {text-align:center;
color:#fff;
font-size:24px;
font-weight:300;
padding-bottom:8px;
padding-top:25px;}

p.modaltextblue {text-align:center;
font-size:24px;
font-weight:600;
color:#00a8de;
padding-bottom:45px;}

#button {float:right;
border:1px solid #000;
outline:none;
background:#f07245;
color:rgba(255,255,255,.4);
font-weight:600;
font-size:40px;
padding-right:15px;}

#modalicons {width:185px;
margin:auto;}

a.sub_link {color:#8cd4de;
text-decoration:none;}

/* FOOTER STYLES */

#footer {clear:both;
padding-top:100px;
margin-bottom:0;
padding-bottom:0;
width:100%;
margin:auto;}

#ft_img { width: 100%;}

#ft_img_mob { display:none;}


#ft_text {font-size:13px;
letter-spacing: .2px;
padding-top:10px;
color:#888888;
float:left;}

#icons {float:right;}

.icons {float:left;
opacity:.4;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;}

.icons:hover {opacity:1;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;}

/* RESPONSIVE STYLES: 1600px */

@media screen 
  and (max-width: 1600px) {   
h1 {font-size: 36px;
font-weight:300;
line-height:1.2em;
width:70%;
max-width:1000px;
margin:auto;
padding-top:225px;
padding-bottom:25px;}


	
  }
/* RESPONSIVE STYLES: 1400px */

@media screen 
  and (max-width: 1400px) {   
h1 {font-size: 46px;
padding-top:150px;
}

h2 {font-size: 32px;}

.text {font-size:20px;
line-height:1.4em;
padding-bottom:25px;}






	  



/* RESPONSIVE STYLES: 800px */

@media screen 
  and (max-width: 800px) { 
	  
	  	  img.modal {
	margin:auto;
	width:90%;
}


	  
	  .shirt-option {width:100%;}

	  
h1 {padding-top: 100px;}



#modal {
position: absolute;
top: 0;
left: 0;
background: rgba(0,0,0,.2);
z-index: 99999;
height: 100%;
width: 100%;}
}

/* RESPONSIVE STYLES: 700px */

@media screen 
  and (max-width: 700px) { 
  
  input[type="submit"] {-webkit-appearance: none;}

#ft_text {clear:left;
font-size:13px;
padding-top:10px;
color:#888888;
float:none;
width:85%;
margin:auto;
padding-top:40px;
text-align:center;}

#icons {float:none;
width:185px;
margin:auto;
padding-top:15px;}

   h1 {padding-top: 85px;
   font-size:40px;}
   
   h2 {font-size:26px;} 
   
.modalcontent {
margin:0;
margin-top:0%;
background: rgba(0,0,0,.9);
width: 100%;
height:600px;
padding:0px 0px 0px 0px;}
  }

  
/* RESPONSIVE STYLES: 600px */

@media screen 
  and (max-width: 600px) { 
	  

	  


h1 {padding-top: 75px;
font-size:30px;
text-align:center;}

h2 {font-size:24px;
text-align:center;} 

#ft_text {line-height:1.2em;
font-size:11px;}
}

/* RESPONSIVE STYLES: 400px */

@media screen 
  and (max-width: 400px) { 
	  
	  
	  a.size-chart-hero {
    font-size: 11px;
		  width: 273px;
		  text-align: left;}
	  
	   a.size-chart-guardian {
    font-size: 11px;
		  width: 273px;
	  text-align: left;}
	  
	   a.size-chart-commander {
    font-size: 11px;
		  width: 273px;
	  text-align: left;}
	  
	  #cyber-banner {width:350px; text-align: center;  margin:auto; padding-top: 5vh;}
  

	  

#banner { display:none;}

#mob_banner { display:block;
width: 100%;
position:absolute;
top:0;
left:0; 
z-index:-1;}

#head {
height:auto;
padding-bottom:20px;
width:100%;}

h1 {
font-size:30px;
text-align:center;}

h2 {font-size:20px;
text-align:center;} 

input[type="text"] {-webkit-appearance: none;
border-radius: 2;}

input[type="email"] {-webkit-appearance: none;
border-radius: 2;}

input[type="tel"] {-webkit-appearance: none;
border-radius: 2;}



input[type="submit"] {-webkit-appearance: none;}
  
  .arrow {width:100%;
margin:auto;
text-align:center;
padding-top:35px;
clear:both;}
 
.modalcontent {
margin:0;
margin-top:0%;
background: rgba(0,0,0,.9);
width: 100%;
height:600px;
padding:0px 0px 0px 0px;}

#modalheader {width:80%; 
margin:auto; 
}

h3 {font-size:22px;
font-weight:400;
color:#fff;
text-align:center;
padding-top:100px;}

h4 {font-size:16px;
font-weight:400;
text-align:center;
color:#fff;
padding-bottom:25px;}
	
p.modaltext {text-align:center;
color:#fff;
width:80%;
margin:auto;
font-size:18px;
font-weight:300;
padding-bottom:8px;
padding-top:25px;}

p.modaltextblue {text-align:center;
font-size:18px;
font-weight:600;
color:#00a8de;
padding-bottom:45px;}

#modalicons {width:185px;
margin:auto;}

#ft_img { display:none;}

#ft_img_mob { width: 100%;
display:block;}

  }