/* normal */

:root{
	--clr1: #001a4b;
	--clr2: #ff9933;
	
	--border_clr : #cccccc;
	--awesome100 : 100 100% "Font Awesome 6 Pro";
	--awesome300 : 300 100% "Font Awesome 6 Pro";
	--awesome400 : 400 100% "Font Awesome 6 Pro";
	--awesome900 : 900 100% "Font Awesome 6 Pro";
}

* {
	margin: 0px;
	padding: 0px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	transition-duration:0.2s;
}
html,
body {
	font-family: "Open Sans", sans-serif;
	font-size: 16px;
	color: var(--clr1);
	font-weight: 400;
	line-height:2;
	word-break: break-word;
	scroll-behavior:smooth;
}

body {
	background: #fff;
}
img {
	border: 0px;
	display: block;
	max-width: 100%;
	height:auto;
}
a{color:inherit; text-decoration: none;}

input,
select,
textarea,
button{ -webkit-appearance: none;-moz-appearance:none; appearance:none; outline: none;}
input[type="checkbox"]{-webkit-appearance: unset;-moz-appearance:unset; appearance:unset;}

ul {
	list-style: disc;
}
h1,.h1,
h2,.h2,
h3,.h3,
h4,.h4,
h5,.h5,
h6,.h6 {
	font-weight: 700; line-height:1.3;  font-family: "Raleway", sans-serif;
}

h1, .h1{font-size:34px;}
h2, .h2{font-size:22px;}
h3, .h3{font-size:21px;}
h4, .h4{font-size:20px;}
h5, .h5{font-size:18px;}
h6, .h6{font-size:16px;}

p{margin-bottom:1em}


.warning {
	    width: 100%;
    padding: 10px;
    background: #FF5722;
    color: white;
    text-align: center;
    margin-bottom: 60px;
}

.maxw1{max-width:1400px; margin:0 auto; padding: 0 20px}

.clear{clear:both;}
.flexbox{display:flex; flex-wrap:wrap}
.flexbox.space_between{justify-content: space-between;} 
.flexbox.justify_center{justify-content: center;} 
.flexbox.align_right{justify-content: flex-end;}
.flexbox.align_center{align-items: center;}
.flexbox.align_bottom{align-items: flex-end;}
.flexbox.align_top{align-items: flex-start;}

.grid{display:grid; gap: 36px;}
.grid.col2{grid-template-columns: 1fr 1fr;}
.grid.col3{grid-template-columns: 1fr 1fr 1fr;}
.grid.col4{grid-template-columns: 1fr 1fr 1fr 1fr;}
.grid.col5{grid-template-columns: 1fr 1fr 1fr 1fr 1fr;}

.center_text{text-align:center;}
.center_text ul, .center_text ol{text-align:left;}

.btn_bar{display:block; margin-top:1em;}
.btn{display:inline-block; line-height:1; border:none}

.table_wrap{overflow-x:auto; word-break: auto-phrase;}
.table_wrap table{border-collapse: collapse;}
.table_wrap table td{border:1px solid var(--border_clr); padding:5px 10px; vertical-align:top; min-width: 200px}

.content_container ul, .content_container ol{margin-left:30px; margin-bottom:1em;}

.header{background:var(--clr1); color:#fff; padding:50px 0; border-bottom:40px solid var(--clr2)}

.page_content{padding:70px 0; position:relative;}
.page_content:after{content:""; background:url(img/globe.png) no-repeat bottom/contain; width:300px; height:220px; position:absolute; right:calc(50% - 700px); bottom:0; z-index:-1}
/*.page_content .grid{grid-template-columns: 2fr 1fr;}*/
.page_content h1{margin-bottom:1.5em}
.page_content .downloads {margin-left:0}
.page_content .downloads li{list-style:none; border-bottom:1px solid var(--border_clr); padding: 5px 0 5px 30px; position:relative;}
.page_content .downloads li:before{content:"\f56d"; font:var(--awesome900); position:absolute; left:0; line-height:inherit}
.page_content .downloads li a:hover{color:var(--clr2)}

.footer{ background:var(--clr1); color:#fff; padding:50px 0; border-top:40px solid var(--clr2)}
.footer .grid{grid-template-columns: 2fr 2fr 1fr;}
.footer .title{font-weight:700; font-size:150%; margin-bottom:1em}

.footer .contact .row{display:grid; grid-template-columns:100px 1fr;}
.footer .contact .row .label{font-weight:700; }
.footer .contact .row a{color:var(--clr2)}
.footer .contact .row a:hover{color:#fff}



@media only screen and (max-width: 1440px) {
	.page_content:after{right:20px;}
}


@media only screen and (max-width: 1200px) {
	.footer .grid{grid-template-columns: 1fr 1fr;}
}

@media only screen and (max-width: 950px) {
	.footer .grid{grid-template-columns: 1fr;}
}

@media only screen and (max-width: 800px) {
	.page_content .grid{grid-template-columns: 1fr;}
	
}

@media only screen and (max-width: 500px) {
	.header{ padding:30px 0}
	.page_content{padding:50px 0;}
	.footer { padding:30px 0}
	.footer .contact .row{grid-template-columns:1fr; border-bottom:1px solid rgba(255,255,255,0.2)}
}

@media only screen and (max-width: 370px) {
	html, body { font-size: 14px;}
	h1, .h1{font-size:28px;}
	h2, .h2{font-size:20px;}
	h3, .h3{font-size:18px;}
	h4, .h4{font-size:16px;}
	h5, .h5{font-size:15px;}
	h6, .h6{font-size:14px;}
}




@media print {
   
	html, body {  
			page-break-after: avoid;
            page-break-before: avoid; 
			border: 1px solid white;
            height: 99%;}
   
	div{display:block; width:100%}
   
  
}