*{
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
body { border:0; margin:0;}
.clear {clear:both;}
#wraper { width:100%; height:auto;}

p { font-family: "Open Sans", sans-serif; font-size:16px; line-height:26px; }
.img-res { max-width:100%;}
.container { width:90%; margin:0 auto; overflow:hidden;}


header { width:100%; background-color:#fff;}
.total-fluid {
	width:100%;
	
	}
.logo-area {
	width:40%;
	float:left;}
.email-area {
	width:30%;
	float:left;
	margin:65px 0px 0px 0px;
	padding:0px 0px 0px 40px;}
.soci-area {
	width:30%;
	float:left;
	margin:65px 0px 0px 0px;
	padding:0px 0px 0px 40px;
	}
.logo {
	width:60%;
	margin-right:40%;}
.emal-logo {
	width:15%;
	float:left;}
.emal-txt {
	width:85%;
	float:left;}
.em-con-txt p {
  color: #0b5394;
  font-family: "Jost", sans-serif;
  font-size: 20px;
}
.em-con-txt p a {
  text-decoration: none;
  color: #444444;
  font-family: "Manrope", sans-serif;
  font-size: 16px;
}
.em-con-txt p a:hover {
  color: #6aa84f;}
.so-me-ic p {
  color: #0b5394;
  font-family: "Jost", sans-serif;
  font-size: 20px;}

.soci-ic-list ul {
	 list-style-type:none;
	 margin:5px 0px 0px 0px;
	 padding:0;
	 }
.soci-ic-list ul li {
	float:left;
	margin:10px 8px;
    }
.soci-ic-list ul li a {
	background-color:#6aa84f;
	padding:10px;
	border-radius:25px;
	color:#fff;
	font-size:20px;}
.soci-ic-list ul li a:hover {
	color:#6aa84f;
	background-color:#444444;}




.menu-bg {
	width:100%;}
.he-er {
  padding:0px 10px;
  width: 100%;
  background-color:#0b5394;
  z-index:99;
}
/* Logo Section       */
.brand {
  text-align: center;
  display: flex;
  align-items: center;
  padding: 0px 5px;
  

}
.brand-logo {
  text-decoration: none;
  color: #212529;
}
/* End of Logo Section     */
/*    Nav links        */
.nav {
  background-color: #0b5394;
  padding: 3px 20px;
  margin-left: 99px;
  font-family: "Cabin", sans-serif;
}
.nav-link {
  text-decoration: none;
  display: block;
  padding:10px;
  color: #fff;
  margin-bottom: 5px;
  width:150px;	
}
.nav-link:hover {
  text-decoration:none;
  color: #96d57b;
}
.is-active {
  display: none;
  background-color: #364fc7;
}
.nav-burger {
  position: fixed;
  right: 20px;
  
}
.nav-cancel{
  position: fixed;
  right: 20px;
  top:180px;
  z-index:999
}


/*.nav {
  position: fixed;
  right: 0;
}*/
@media screen and (min-width:1620px) and (max-width:1920px) {
.container { width:90%; max-width:1560px!important; margin:0 auto!important;}

.lar-ema-mar {
  padding: 0px 0px 0px 110px;
}
.nav {
  padding: 4px 20px;
  margin-left: 180px;
}
}

@media screen and (min-width:1200px) and (max-width:1320px) {
	
.container { width:90%; max-width:1200px; margin:0 auto;}

.email-area {
  margin: 50px 0px 0px 0px;
}
.nav {
  margin-left: 50px;
}

}
@media screen and (min-width:720px) and (max-width:1168px) {
.container { width:90%; max-width:1080px; margin:0 auto;}	
.logo {
  width: 80%;
  margin-right: 20%;
}
.email-area{
  margin: 35px 0px 0px 0px;
}
.soci-area {
  margin: 35px 0px 0px 0px;
}	
.soci-ic-list ul {
  margin: 3px 0px 0px 0px;
}
.soci-ic-list ul li {
  float: left;
  margin: 8px 6px;
}
.soci-ic-list ul li a {
  padding: 6px;
  border-radius: 15px;
  font-size: 16px;
}
.nav-cancel {
  position: fixed;
  right: 40px;
  top: 115px;
  cursor:pointer;
}
.nav-burger {
  position: fixed;
  right: 40px;
  cursor:pointer;
}
  

	
 .nav {
    height: 50vh;
    padding-top: 30px;
	margin-left: 0px;
	background-color:#0b5394
  }
 .brand {
	 background-color:#0b5394;
	 padding: 23px 0px;
}
}

/* Hide nav links on screens with width below 768px  */
@media (min-width: 768px) {
  .he-er {
    display: flex;
    justify-content: space-between;
  }
  .nav-burger {
    display: none;
  }

  /*  Desktop  Nav links        */
  .nav {
    display: block;
    text-align: center;
    display: flex;
    align-items: center;
    font-size: 1.1rem;
    background-color: #0b5394;
  }
  .nav-link {
    text-decoration: none;
    display: inline-block;
    padding: 8px 15px;
    color: #fff;
  }
  /*   End of Nav links        */
}

@media screen and (min-width:420px) and (max-width:600px) {
.container { width:90%; max-width:560px; margin:0 auto;	
}
.logo {
  width: 100%;
  margin-right: 0%;
}
.soci-area {
	display:none;}
.email-area {
  width: 60%;
  margin: 14px 0px 0px 0px;
}
.lar-ema-mar {
  padding: 0px 0px 0px 40px;
}
.nav-cancel {
  position: fixed;
  right: 40px;
  top: 85px;
  cursor:pointer;
}
.nav-burger {
  position: fixed;
  right: 40px;
  cursor:pointer;
}	
 .nav {
    height: 50vh;
    padding-top: 30px;
	margin-left: 0px;
	background-color:#0b5394
  }
 .brand {
	 background-color:#0b5394;
	 padding: 23px 0px;
}
}