* { margin:0; padding:0; outline:0; box-sizing:border-box;}
.nobdr { border:none !important; }
.nobg { background:none !important; }
.nobdr_top { border-top:none !important; }
.nomargin { margin:0px !important; }
.nomargin-top{margin-top:0 !important;}
.nomargin-left { margin-left:0px !important; }
.nomargin-right { margin-right:0px !important; }
.nopadding { padding:0px !important; }
.alignbottom { vertical-align:text-top;}
img {height: auto;  border:0;}
p{margin: 0px !important;}
ul { list-style-type:none; padding:0; margin:0;}
ul li { list-style:none; padding:0; margin:0; }
a { text-decoration:none; outline:none; }
a:hover{text-decoration: none !important;}
aside, details, figcaption, figure, ins, summary, small, mark, title, video, footer, header, hgroup, nav, section, article 
{ display: block; }

.clear { padding:0; margin:0; clear:both; }
h1, h2, h3, h4, h5, h6 { padding:0; margin:0;}
html, body { width: 100%; padding: 0; margin: 0;}
.cf:before,.cf:after {content: " "; display: table;}
.cf:after {clear: both;}
.cf {zoom: 1;}

@font-face {
    font-family: 'Avenir-Book';
    src: url('fonts/Avenir-Book.woff2') format('woff2'),
        url('fonts/Avenir-Book.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Avenir-Black';
    src: url('fonts/Avenir-Black.woff2') format('woff2'),
        url('fonts/Avenir-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

.header {float: left;width: 100%; padding: 30px 33px;  padding-top:60px;}
.logo {  float: left;  width: auto;}
.logo a{ display: block; }
.header nav{ float: right; padding-top: 30px;}
.header nav ul li{float: left; padding: 0px 20px;}
.header nav ul li a{ font:22px/30px 'Avenir-Book'; color: #000; text-transform: uppercase;
 letter-spacing:3px; }
.header nav ul li.active a{ font-family:'Avenir-Black'; color: #0063a2;} 

.middile-from{ width: 100%; padding-top: 100px; float: left;}
.middile-from form .enter-bar{ position: relative; width: 865px; margin:auto;
    height: 80px; }
.middile-from form input{ height: 67px; width: 100%; border:2px solid #a0a0a0; border-radius: 4px; 
padding: 0px 20px;  font:22px/30px 'Avenir-Book'; color: #000; padding-right: 229px; -webkit-appearance: none;}
.middile-from form input.submit{ width:229px; position: absolute; top:0; right: 0px; 
background: #0063a2;  font:22px/30px 'Avenir-Book'; color: #fff; text-transform: uppercase;
 letter-spacing:3px; border-color: #0063a2;padding: 0px 20px;  cursor: pointer;  -webkit-appearance: none;}
 .error{font:18px/30px 'Avenir-Book'; color: #f20415;} 
 .success{font:18px/30px 'Avenir-Book'; color: #199a08;}
 .middile-from form{ width: 100%; }

 .from-two{ float: left; width: 100%; clear:left; padding-top: 50px; padding-bottom: 50px;}
 .from-area{ width: 865px; margin:auto; padding: 30px 18px 50px; background: #f9f9f9;}
 .from-area form{display: flex; flex-wrap: wrap;}
 .alert{font:18px/25px 'Avenir-Book'; color: #000; width: 100%;padding: 0px 15px 20px;}

 .from-grp{ float: left; width: 50%; padding: 0px 15px 30px; }
 .from-grp label{font:16px/25px 'Avenir-Black'; color: #000; padding-bottom:5px;
 display: block;letter-spacing: 1px; }
 .from-grp input{height:50px; width: 100%; border:2px solid #a0a0a0; border-radius: 4px; 
padding: 0px 20px;  font:22px/30px 'Avenir-Book'; color: #000; -webkit-appearance: none;}
.from-rw{ padding: 0px 15px;clear: left; }
 .from-rw input.submit{ width:229px; background: #0063a2;  font:20px/30px 'Avenir-Book'; color: #fff; 
 text-transform: uppercase;  letter-spacing:3px; border-color: #0063a2;padding: 0px 20px; border:none;
  height: 50px; border-radius: 3px; cursor: pointer;   -webkit-appearance: none;}

.choose-outer{ float: left; width: 100%; position: relative; padding-top: 120px; }
.choose-main{  width: 430px;  margin: auto; }

.fil-row{ position: relative;  }
.file-input {display: inline-block;text-align: left;background: #fff;padding:0px;width: 100%;
  position: relative;border-radius: 3px;}
.file-input > [type='file'] { position: absolute;top: 0;left: 0;width: 100%; height: 100%;
  opacity: 0; z-index: 10;cursor: pointer;  -webkit-appearance: none;}
.file-input > .label { white-space: nowrap;font: 22px/60px 'Avenir-Book';color: #939393;
height: 67px;width: 100%;border: 2px solid #a0a0a0;border-radius: 4px;padding: 0px 20px;
display: inline-block;}
.file-input.-chosen > .label {color: #000;} 
.import {position: absolute; right: 0; top: 0; width: 229px; z-index: 999;}
.import input.submit{width:100%;background: #0063a2;  font:22px/30px 'Avenir-Book'; color: #fff; 
text-transform: uppercase; letter-spacing:3px; border-color: #0063a2;padding: 0px 20px;  
cursor: pointer; height: 67px; border-color: #0063a2;border-radius: 4px; -webkit-appearance: none; }
.valid-down{ padding-bottom: 10px; text-align: right;}
.valid-down a{ font: 22px/30px 'Avenir-Book';color: #0063a2; }

.loader-outer{position: fixed;
top: 0;
left: 0;
height: 100%;
width: 100%;
background: rgba(0,0,0,0.1);
z-index: 9999;
align-items: center;
justify-content: center; display: none;}
/*.loader-open .loader-outer{ display: flex; }*/
.load-img {
    width: 100px;
    height: 100px;
}
.load-img img {
    max-width: 100%;
}

@media(max-width:900px){
    .middile-from form .enter-bar{ width: 95%; }
    .logo{ max-width: 300px; }
    .logo img{ max-width: 100%; }
    .header nav{ padding-top: 18px; }
    .header{ padding-top: 40px; }
    .from-area{ width: 95%; }
}

@media(max-width:700px){
    .header nav ul li{ padding: 0px 10px; }
    .header nav ul li a{ font-size: 20px; }
    .logo {max-width: 200px;}
    .header nav{ padding-top: 6px; }
    .middile-from form input{ height: 50px; font-size: 15px; padding-right:160px;}
    .middile-from form input.submit{ width: 140px; font-size: 15px; }
    .middile-from{ padding-top: 60px; }
    .from-grp input{ font-size: 15px; }
    .alert{ font-size: 15px; }
    .from-rw{ padding: 0px; }
    .from-grp label{ font-size: 15px; }
    .from-rw input.submit{ font-size: 15px; width: 140px; }
    .file-input > .label{ font-size: 15px; line-height: 50px; height: 50px; }
    .import{ width: 140px; }
    .import input.submit{ height: 50px; font-size: 15px; }
    .valid-down a{ font-size: 15px; }
}
@media(max-width:540px){
.header {padding-top: 25px;}
.logo{ float: none; margin: 0 auto; max-width: 300px; }
.header nav{ width: 100%;  text-align: center;padding-top: 15px;}
.header nav ul li{ float: none; display: inline-block; }
.header nav ul li a { font-size: 17px;}
.from-grp{width: 100%; padding: 0px 0px 15px;}
.alert{ padding: 0px 0px 15px; }
.choose-main{ width: auto; max-width: 95%; }
}