html {
 	font-size: 10px;
 	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
 	max-width: 100vw;
 	overflow-x: hidden;
 }

 body {
 	font-size: 14px;
 	line-height: 1.3;
 	color: #000;
 	background-color: #fff;
 	max-width: 100vw;
 	overflow-x: hidden;
 	font-family: open-sans, sans-serif;
 }
  @font-face {
    font-family: 'nevis';
    font-style: normal;
    font-weight: normal;
    src: local('nevis'), url('../fonts/Nevis-Font/Nevis/nevis.woff') format('woff'),url('../fonts/Nevis-Font/Nevis/nevis.ttf') format('truetype');
    }
 .mobile {
 	display: none !important;
 }

 .desktop {
 	display: block !important;
 }

 @media only screen and (max-width: 768px) {
 	.desktop {
 		display: none !important;
 	}

 	.mobile {
 		display: block !important;
 	}
 }

 /* #Navigation
================================================== */

 .navbar {
 	padding: 0;
 }

 .navbar-brand img {
 	height: 28px;
 	width: auto;
 	display: block;
 	filter: brightness(10%);
 	-webkit-transition: all 0.3s ease-out;
 	transition: all 0.3s ease-out;
 }

 .navbar-toggler {
 	float: right;
 	border: none;
 	padding-right: 0;
 	display: none;
 }

 .navbar-toggler:active,
 .navbar-toggler:focus {
 	outline: none;
 }

 .navbar-toggler-icon {
 	width: 24px;
 	height: 17px;
 	background-image: none;
 	position: relative;
 	border-bottom: 1px solid #fff;
 	transition: all 300ms linear;
 }

 .navbar-toggler-icon:after,
 .navbar-toggler-icon:before {
 	width: 24px;
 	position: absolute;
 	height: 1px;
 	background-color: #fff;
 	top: 0;
 	left: 0;
 	content: '';
 	z-index: 2;
 	transition: all 300ms linear;
 }

 .navbar-toggler-icon:after {
 	top: 8px;
 }

 .navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:after {
 	transform: rotate(45deg);
 }

 .navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:before {
 	transform: translateY(8px) rotate(-45deg);
 }

 .navbar-toggler[aria-expanded="true"] .navbar-toggler-icon {
 	border-color: transparent;
 }

 .nav-link {
 	color: #fff !important;
 	font-weight: bold;
 	font-size: .94vw;
 	transition: all 200ms linear;
 }

 .nav-item:hover .nav-link {
 	color: #ef7f1a !important;
 }

 .nav-item.active .nav-link {
 	color: #ef7f1a !important;
 }

 .nav-link {
 	position: relative;
 	padding: 5px 0 !important;
 	display: inline-block;
 }

 .nav-item:after {
 	position: absolute;
 	bottom: -5px;
 	left: 0;
 	width: 100%;
 	height: 2px;
 	content: '';
 	background-color: #fff;
 	opacity: 0;
 	transition: all 200ms linear;
 }

 .nav-item:hover:after {
 	bottom: 0;
 	opacity: 1;
 }

 .nav-item.active:hover:after {
 	opacity: 0;
 }

 .nav-item {
 	position: relative;
 	transition: all 200ms linear;
 	margin-right: 3%;
 	letter-spacing: 1px;
 }

 /* #Primary style
================================================== */


 .nav-item .dropdown-menu {
 	transform: translate3d(0, 10px, 0);
 	visibility: hidden;
 	opacity: 0;
 	max-height: 0;
 	display: block;
 	padding: 0;
 	margin: 0;
 	transition: all 200ms linear;
 }

 .nav-item.show .dropdown-menu {
 	opacity: 1;
 	visibility: visible;
 	max-height: 999px;
 	transform: translate3d(0, 0px, 0);
 }

 .dropdown-menu {
 	padding: 10px !important;
 	margin: 0;
 	font-size: 13px;
 	letter-spacing: 1px;
 	color: #212121;
 	background-color: #fff;
 	border: none;
 	border-radius: 3px;
 	box-shadow: 0 5px 10px 0 rgba(138, 155, 165, 0.15);
 	transition: all 200ms linear;
 }

 .dropdown-toggle::after {
 	display: none;
 }

 .dropdown-item {
 	padding: 6px 15px;
 	color: #000;
 		font-size: .94vw;
 	border-radius: 2px;
 	transition: all 200ms linear;
 }

 .dropdown-item:hover,
 .dropdown-item:focus {
 	color: #fff;
 	background-color: #ef7f1a;
 }

 /* #Media
================================================== */

 @media (max-width: 767px) {
 	.navbar {
 		padding: 0px 6%;
 		width: 100%;
 		left: 0;
 		position: absolute;
        z-index: 6;
 		background: #096486;
 	}

 	.navbar-toggler {
 		display: block;
 	}
    .nav-item {
   
    margin: 5px 0px;
    margin-right: 3%;
    }
     .nav-link {
         font-size: 1.8rem;
         padding: 8px 0 !important;
         width: 100%;
     }
 	.nav-item:after {
 		display: none;
 	}
    
    .dropdown-toggle::after { 
    content:  ' +'; 
    display:block;
    border: 0px !important;
    float: right;
    }
   
 	.dropdown-item {
 		color: #fff;
        font-size: 1.8rem;
 	}

 	.dropdown-toggle[aria-expanded="true"]::after {
 		transform: rotate(90deg);
 		opacity: 0;
 	}

 	.dropdown-menu {
 		padding: 0 !important;
 		background-color: transparent;
 		box-shadow: none;
 		transition: all 200ms linear;
 	}

 	.dropdown-toggle[aria-expanded="true"]+.dropdown-menu {
 		margin-top: 10px !important;
 		margin-bottom: 20px !important;
 	}
   
  
 }

 /* #header
================================================== */

 .header-container {
 	width: 100vw;
 	background: #096486;
 	position: relative;

 }

 .header-container.scroll-on {

 	position: fixed;
    z-index:5;
    box-shadow: 0 0.125rem 0.25rem rgb(0 0 0 / 8%) !important;

 }

 .top-patch-image {
 	padding: 0px;
 	margin: 0px;
 	top: 0px;
 	position: absolute;
 	display: block;
 }

 .header-container.scroll-on .top-patch-image {
 	display: none;
 }

 .main-container {
 	min-height: 70vh;
 }

 .header-section {
 	width: 100%;
 	padding: 5vh 0vh;
 	padding-bottom: 1.5vh;
 }

 .header-container.scroll-on .header-section {
 	padding: 1vh 0vh;

 }

 .header-section .logo {
 	width: 330px;
 	height: auto;
 	padding: 10% 0px;
 }

 .logodiv {
 	width: 30%;
 	margin-left: 10%;
 	float: left;
 	display: flex;
 }

 .menu-div {
 	margin-left: 5%;
 	width: 55%;
 	float: left;
 	display: flex;
 	margin-right: 0%;
 }

 #navbarSupportedContent {
 	padding-top: 5%;
 }

 @media (max-width:768px) {
 	.logodiv {
 		width: 85%;
 		margin-right: 5%;

 	}

 	.header-section {
 		width: 100%;
 		padding-top: 9px;
 	}

 	.header-container.scroll-on .header-section {
 		padding: 1vh 0vh;

 	}

 	.menu-div {

 		width: 100%;
 		justify-content: center;
 		margin: 0%;

 	}

 	.header-section .logo {
 		width: 45%;
 		padding: 2vh 0vh;
 		padding-bottom: 1vh;
 	}
 }
   

 /* #footer
================================================== */
 .footer {
 	width: 100%;
 	display: flex;
 	background: #F17E00;
 	flex-direction: column;
 	margin-top: 10vh;
 }

 .footer-top-section {
 	width: 100%;
 	display: flex;
 	margin: 5vh 5vw;
 	margin-bottom: 1vh;
 	flex-direction: row;
 }

 .footer-sec1 {
 	width: 35%;
 	padding: 0px 5%;
 	font-size: 1vw;
    line-height: 1.3;
 	color: #000;
 }
 .footer-sec1 p{
	margin-bottom: 3%;
    margin-top: 2%;
 }

 .footer-sec1 a {
 	color: #000;
 }

.footer-sec1 h4 {
 	color: #000;
    font-weight:bold;
    font-size: 1vw;
 }
 .footer-sec2 {
 	width: 55%;
 	padding: 0px 5%;
 	font-size: 1vw;
 	line-height: 1.6;
 	color: #000;
 }

 .footer-sec2 a {
 	color: #000;
 }

 .footer-bottom-section {
 	width: 100%;
 	display: flex;
 	background: #096486;
 	font-size: .74vw;
 	line-height: 1.3;
 	justify-content: center;
 	padding: 10px 0px;
 	color: #fff;
 }

 .footer-top-icon {
 	width: 100%;
 	display: flex;
 	justify-content: center;
 }

 .footer-logo-image {
 	width: 6vw;
 	position: relative;
 	margin-top: -3vh;
 	border-radius: 50%;
 	box-shadow: 0 3px 10px rgb(0 0 0 / 50%);
 }
 .foot-contact-grid{
     width:100%;
     display: inline-flex;
 }
  .contact-grid1{
      width: max-content;
    padding-right: 2%;
   min-width: max-content;
  }
  .contact-grid2{
     width: max-content;
    padding: 0px 2%;
      display: inline-flex;
      justify-content:center;
  }
 .contact-grid2 img{
     height: 40px;
    width: auto;
    margin-top: 5px;
 }
 .contact-grid3{
      width: inherit;
      display: inline-flex;
      justify-content: center;
  }
 .contact-grid3 img{
     height: 60px;
    width: auto;
 }

 @media (max-width: 767px) {
 	.footer {
 		margin-top: 4vh;
 	}

 	.foot-contact-grid {
 		flex-wrap: wrap;
 	}

 	.contact-grid1 {
 		width: 100%;
 	}

 	.contact-grid2 {
 		width: 30%;
 	}

 	.contact-grid3 {
 		width: 70%;
 		justify-content: flex-start;
 	}

 	.footer-sec1 p {
 		margin-bottom: 6%;
 		margin-top: 6%;
 	}

 	.footer-logo-image {
 		width: 20vw;
 		margin-top: -2vh;
 	}

 	.footer-top-section {
 		width: 100%;
 		margin: 3vh 2vw;
 	}

 	.contact-grid3 img {
 		margin-top: -6px;
 	}

 	.footer-sec1 {
 		width: 40%;
 		padding: 0px 3%;
 		font-size: 1.3rem;
 	}

 	.footer-sec2 {
 		width: 47%;
 		font-size: 1.3rem;
 		padding: 0px 2%;
 	}

 	.footer-bottom-section {
 		font-size: 1.2rem;
 	}

 	.footer-sec1 h4 {
 		font-size: 1.35rem;
 	}

 }
 
  /* #popup box
================================================== */
 .popup {
 	width: 100%;
 	height: 100%;
 	display: none;
 	position: fixed;
 	top: 0px;
 	left: 0px;
 	background: rgb(0 0 0 / 23%);
 	z-index: 5;
 }

 .popup {
 	text-align: center;
 }

 .popup:before {
 	content: '';
 	display: inline-block;
 	height: 100%;
 	margin-right: -4px;
 	vertical-align: middle;
 }

 .popup-inner {
 	display: inline-block;
 	text-align: left;
 	vertical-align: middle;
 	position: relative;
 	max-width: 700px;
 	width: 90%;
 	padding: 40px;
 	padding-top: 10vh;
 	border-radius: 3px;
 	box-shadow: 0 5px 15px rgb(0 0 0 / 50%);
 	text-align: center;
 	background: url('../images/popbg.jpg');
 	background-size: cover;
 }

 .popup-inner p {
 	color: #fff;
 	font-size: 1.1vw;
 	letter-spacing: .5px;
 	padding-right: 0%;
 	text-align: left;
 	margin-bottom: 4vh;
 }

 .popup-close {
 	width: 34px;
 	height: 34px;
 	padding-top: 4px;
 	display: inline-block;
 	position: absolute;
 	top: 20px;
 	right: 20px;
 	-webkit-transform: translate(50%, -50%);
 	transform: translate(50%, -50%);
 	border-radius: 100%;
 	background: transparent;
 	border: solid 4px #fff;
 }

 .popup-close:after,
 .popup-close:before {
 	content: "";
 	position: absolute;
 	top: 11px;
 	left: 5px;
 	height: 4px;
 	width: 16px;
 	border-radius: 30px;
 	background: #fff;
 	-webkit-transform: rotate(45deg);
 	transform: rotate(45deg);
 }

 .popup-close:after {
 	-webkit-transform: rotate(-45deg);
 	transform: rotate(-45deg);
 }

 .popup-close:hover {
 	-webkit-transform: translate(50%, -50%) rotate(180deg);
 	transform: translate(50%, -50%) rotate(180deg);
 	background: #ef7f1a;
 	text-decoration: none;
 	border-color: #ef7f1a;
 }

 .popup-close:hover:after,
 .popup-close:hover:before {
 	background: #fff;
 }

 .download_form_input {
 	width: 100%;
 	padding: 1% 1%;
 	min-height: 45px;
 	font-size: 1vw;
 }

 .download_form_button {
 	background-color: #096486;
 	color: #fff;
 	min-width: 30%;
 	min-height: 40px;
 	font-size: 1.2vw;
 	border: none;
 	margin: 1vh 0px;
 	font-weight: 600;
 	padding: 1.1vh 1vh;
 }

 .popup-logo-image {
 	width: 8vw;
 	position: absolute;
 	right: 6%;
 	top: 2%;
 }
 #download_sending{
     font-size: 1vw;
 }

 @media (max-width:768px) {
 	.popup-inner {
 		padding: 25px;
 		padding-top: 8vh;
 	}

 	.popup-inner p {
 		font-size: 1.4rem;
 		margin-bottom: 3vh;
 	}

 	.download_form_input {
 		min-height: 35px;
 		font-size: 1.4rem;
 	}

 	.download_form_button {
 		min-width: 40%;
 		min-height: 35px;
 		font-size: 1.4rem;
 	}

 	.popup-logo-image {
 		width: 23vw;
 	}
     #download_sending{
    font-size: 1.2rem;
     }
 	.popup-close {
 		top: 0px;
 		right: 0px;
 	}
 
@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:portrait) {
	.logodiv {
		width: 20%;
		margin-left: 10%;
		float: left;
		display: flex;
		margin-right: 0%;
	}

	.menu-div {
		margin-left: 0%;
		width: 65%;
		float: left;
		display: flex;
		margin-right: 0%;
	}

	.contact-grid1 {
		width: max-content;
		padding-right: 2%;
		min-width: 120px;
	}

	.footer-sec1 {
		width: 40%;
		padding: 0px 3%;
		font-size: 1.3rem;
	}

	.footer-sec2 {
		width: 47%;
		font-size: 1.3rem;
		padding: 0px 2%;
	}

	.footer-bottom-section {
		font-size: 1.2rem;
	}

	.footer-sec1 h4 {
		font-size: 1.35rem;
	}

	.nav-link {
		font-size: 1.1rem;
	}

	.nav-item {
		margin-right: 1%;
		margin-left: 1%;
	}

	.header-section .logo {
		width: 80%;
	}

	.dropdown-item {
		font-size: 1.2rem;
	}
}

@media all and (device-width: 1024px) and (device-height: 768px) and (orientation:landscape) {
	.contact-grid1 {
		width: max-content;
		padding-right: 2%;
		min-width: 120px;
	}

	.footer-sec1 {
		width: 40%;
		padding: 0px 3%;
		font-size: 1.3rem;
	}

	.footer-sec2 {
		width: 47%;
		font-size: 1.3rem;
		padding: 0px 2%;
	}

	.footer-bottom-section {
		font-size: 1.2rem;
	}

	.footer-sec1 h4 {
		font-size: 1.35rem;
	}
}