@charset "utf-8";
/* CSS Document */

*{margin:0px; 
padding:0px; 
box-sizing:border-box;}

body{ font-size: 20px; overflow-x:hidden; color:white; font-family: 'Maven Pro', sans-serif;
font-family: 'Nunito', sans-serif;  }

header{ background-image:url(../images/backgroundimage_1.jpg); 
height:100vh;
background-size:cover;
background-repeat:no-repeat; }

.header{ height:145px; background-image:url(../images/backgroundimage_1.jpg);  border-top:#0054a6 10px solid;  }

.clearfix:after{ content:"."; visibility:hidden; display:block; height:0px; clear:both;}

.row{max-width:1200px; margin:0px auto; }

.logo{height:200px; width:auto; float:left; margin-top:30px;}
.logo1{height:170px; width:auto; float:left; margin-top:20px; background:#fff; border-radius: 100px ; border:#fff 2px solid;} <!----logo1---->



.main-nav{ float:right; margin-top:80px; }
.main-nav li { display:inline-block; list-style:none; margin-left:40px; }
.main-nav li a { color:#FFF; text-decoration:none; font-size:90%; font-weight:100; padding: 5px 0; }
.main-nav li a:hover { border-bottom:#06D4F5 2px solid; }
.active, menu-nav ul li:hover{ border-bottom:#06D4F5 3px solid;    }
.main-nav li  ul li {display:none; }
.main-nav li a:hover  ul li {width: 180px; height: 40px; display: block;  background: #C8C6C6;  float:left; border-bottom:#706C6C 1px solid;   }


 

#navbar{ float: right; color:#fff;   margin-top:80px; padding-top:5px; }  
#navbar li { color:#fff; width:120px; height:40px; list-style: none; float:left;  }
#navbar li {color:#fff; display:inline-block; list-style:none; font-size:80%; padding:5px 0; margin-left:15px;}
#navbar li >a {color:#fff; display: block;text-align: center;text-decoration: none; height: 30px; }
#navbar li >a:hover{ color:#fff; border-bottom:#06D4F5 3px solid;   }
  ul ul {display: none;   }
  ul li:hover >ul{ color:#fff; display: block; z-index:100; }
#navbar li ul li {width: 160px; display: block;  background: #0A1F6E; margin-left:-0px; padding-top:9px;  float: left; border-bottom: #154DBC 1px solid;}
 

.main-content { width:1180px; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);  }

h1{ color:#fff; font-size:240%; word-spacing: 5px; letter-spacing: 1px; margin-bottom: 30px; font-family:'Nunito', sans-serif; font-weight:lighter;} 

.btn{ display: inline-block; padding: 10px 30px; font-weight: lighter; text-decoration:none; text-transform:uppercase; border-radius:200px; transition: background-color 0.2s, border 0.2s, color 0.2;}

.btn-full{ background-color:transparent; color: #44c3fe; margin-right:15px; border:#1064ef 1px solid;}
.btn-full:hover{ background-color: #030e3a; }
.btn-nav{ background-color:transparent; color: #44c3fe; margin-right:15px; border:#1064ef 1px solid;}
.btn-nav:hover{ background-color: #1b2ea4; }

.colorchange{ animation: colorchangesysco 1s infinite; }
@keyframes colorchangesysco{
	0%{ color: #C2EEF1}
	25%{ color: #1F60F5  }
	50%{ color: #C2EEF1  }
	100%{ color: #01BBFF}
}

.container{ min-height:100%; overflow:auto; padding-bottom:200px;}
.mobile-icon { display:none; }

/*/////// TEXT CSS /////////*/

.heading {color:#294398; font-size:60px; margin-top:20px; border-bottom:#C4C1C1 2px dotted ; }
.text{color:#0C61D4; padding-top:20px; text-align:justify; font-size:25px; }
.text_r{ color: #000000; padding-top:10px; text-align:justify; font-size:18px; line-height:25px;} 
.bold_text{color:#0C61D4; text-align:left; font-size:20px; font-weight: bold; padding-top:20px;}
.head_footer{ color:#52A6C4; font-weight:200; font-size:100%;}
.h4{font-size:25px; color:#0738AB; padding-top:25px; border-bottom:#C3C1C1 1px solid;}
.text_color {color:#0C61D4; padding-top:10px; text-align: left; font-size:18px; padding-right:30px; }
h5{color:#707E93;}

.link{font-size:18px; font-weight:bold; color:#667897; border-radius:20px; border:#1867B0 1px solid; padding:10px 10px; margin-top:60px; text-decoration:none;  }
.link:hover{font-size:18px; font-weight:bold; color:#fff; background-color:#0657A3; border-radius:20px; border:#1867B0 1px solid; padding:10px 10px; margin-top:60px; }

.link1{font-size:18px; font-weight:bold; color:#667897;   margin-top:60px; text-decoration:none;  }
.link1:hover{font-size:18px; font-weight:bold; color:#fff; background-color:#0657A3; margin-top:60px; }


/*/////// FLEX BOX ////////*/

.imagebox{ display:flex; flex-wrap:}
.ibox_1{flex:1; margin-right:40px;}
.ibox_m{ display:flex; flex-direction:column;}
.ibox_2{flex:1; }
.ibox_3{flex:1;}

.box_main{ display:flex; flex-flow:row wrap;}
.box_1{flex:1; padding-top:20px; }
 
 footer{ width:100%; background:#164290; height:250px; position:relative; margin-top:-100px; font-size:65%;    }
 
.footer_1{margin-left:auto; margin-right:auto; width:1200px; margin-top:20px;   }
.line{border-bottom:#ABAAAA 1px solid;}
.f1{ float:right; padding-top:8px; color:#6BA5E9; }
.f2{float:left; padding-top:8px; color:#6BA5E9;}
 
.s-m{ float:right;  margin-top:-100px; font-size:200%; }
.s-m a{ color:#fff; margin-right:15px; }
.s-m a:hover{ color:#6099F1; margin-right:15px; }

/*/////////table/////////*/
.content-table{ border-collapse:collapse;
margin:25px; font-size:16px; min-width: 700px; color:#2B2A2A; background-color:#fff;}

.content-table thead tr { background-color:#1C72C3; text-align: center; font-weight:bold; color:#fff;}
 
.content-table th,
.content-table td { padding:5px 15px;  }

.content-table tbody tr{ border-bottom:#B0AAAA 1px solid;  text-align:left;  }
.content-table tbody tr:nth-of-type(even){ background-color:#C5D2D9 ;}
.content-table tbody tr:last-of-type{ border-bottom:#1c72c3 2px solid; }




/*/////// RESPONSIVE QUERIES /////////*/

@media only screen and (max-width:1180px) {
	.main-content{ width:100%; padding: 0 2%; }}
	
@media only screen and (max-width:998px){
	h1{font-size:200%; } }

@media only screen and (max-width:768px){
	h1{font-size:180%; }
	.main-nav{ display:none;}
	.mobile-icon { display: inline-block; color:#fff; float:right; margin-top:30px; margin-right:20px;}
	.main-nav {float:left;}
	.main-nav li{   display:block; margin-top:10px;}
	
	 }
	 
@media only screen and (max-width:468px) {
	.btn-full {margin-button:20px; }
	h1 {font-size: 160%;} }