/*
grey - #3E3E3F
dark grey - #383C3F
blue- #0490BF 
dark blue - #19368C
pastel blue - #D5E1F1
*/
/*Font import*/
html {
  scroll-behavior: smooth;
}

@font-face {
  font-family: 'PoppinsReg';
  src: url('fonts/Poppins-Regular.otf') format('otf'),
  url('fonts/Poppins-Regular.woff') format('woff');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'PoppinsMed';
  src: url('fonts/Poppins-SemiBold.otf') format('otf'),
  url('fonts/Poppins-SemiBold.woff') format('woff');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'PoppinsBold';
  src: url('fonts/Poppins-Bold.otf') format('otf'),
  url('fonts/Poppins-Bold.woff') format('woff');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'PoppinsLight';
  src: url('fonts/Poppins-ExtraLight.otf') format('otf'),
  url('fonts/Poppins-ExtraLight.woff') format('woff');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@media (min-width: 1360px){
  .container {
      max-width: 1600px;
      padding: 0 5rem;
  }
}


.form-control{
	    height: calc(1.5em + 1.75rem + 2px);
    padding: 0.75rem 1.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
}
.navbar-brand {
    padding: 0.75rem 0;
}
:focus {
  outline: none;
}
.btn:focus, .btn.focus {
    outline: 0;
    box-shadow: 0;
}
::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #fff;
  opacity: 1; /* Firefox */
}
a {
  color:#fff;
  transition: all 500ms ease-in-out;
}
a:hover,
a:active {
  color: #0490BF;
  text-decoration: none;
}
footer *{
  font-size: 14px;
  color: #fff;
}
h1,
.h1 {
  font-family: 'PoppinsBold', sans-serif;
  font-size: 4.5rem;
  line-height: 1;
}
h2 {
  font-family: 'PoppinsMed', sans-serif;
  margin-bottom: 1rem;
  font-size: 2.5rem;
}
h3 {
  font-family: 'PoppinsMed', sans-serif;
  font-size: 2.15rem;
}
h4 {
  font-family: 'PoppinsMed', sans-serif;
  font-size: 1.35rem ;
}
.h4 {
  font-family: 'PoppinsMed', sans-serif;
  font-size: 1.75rem ;
}
h5, .h5 {
    font-size: 1.1rem;
}
.sub-header {
  font-size: 2.45rem;
}

.body,
body {
  font-family: 'PoppinsReg', sans-serif;
}
nav {
  margin-right: 0;
  z-index: 100;
}
.sticky {
  position: fixed;
  top: 2rem;
  width: 100%;
	max-width:100%;
  z-index: 10;
  transition: top 300ms ease-in-out;
}
footer a {
  font-family: 'PoppinsLight',sans-serif;
}
.navbar {
  padding-bottom: 0;
  padding-top: 0;
}
.navbar ul li {
  list-style: none;
}
.nav-link {
  color: #383C3F;
  font-family: 'PoppinsMed', sans-serif;
  font-size: 13px;
}
.bg-dblue .nav-link {
  font-family: 'PoppinsReg', sans-serif;
}
.bg-dblue .nav-link {
  color: #fff;
}
.custom-logo{
  margin: 0.75rem 0;
}
.navbar-brand img {
  width: 240px;
  transition: all 500ms ease-in-out;
}
.navbar-brand img {
  max-height: 56px;
  transition: all 500ms ease-in-out;
}

.navbar > .container{
  border-bottom: none;
}
.navbar-collapse.collapsing{
  transition: all 500ms ease-in-out;
}
.navbar-collapse.show {
  height: 100vh;
  transition: all 500ms ease-in-out;
}
.navbar-nav {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-top:-1rem;
}

.navbar-collapse.show .menu-overlay {
  animation: FadeIn 500ms linear;
  animation-fill-mode: both;
  animation-delay: 300ms;
}
.dropdown-menu {
  background-color: transparent;
}
.collapse {
  background: rgba(255,255,255,0);
  transition: all 300ms ease-in-out;
}

.collapsing {
  background: rgba(255,255,255,0);
  transition: all 300ms ease-in-out;
  opacity: 0;
}
.collapse.show {
  background: rgba(255,255,255,1);
  opacity: 1;
}
.pre-footer .body {
	font-family: 'PoppinsLight', sans-serif;
}

/*Hamburger*/
#nav-icon3 {
  position: relative;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
}

#nav-icon3 span {
  display: block;
  position: absolute;
  height: 3px;
  width: 2rem;
  background: #383C3F;
  border-radius: 9px;
  opacity: 1;
  right: 0;
  margin-left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}
#nav-icon3 span:nth-child(1) {
  top: -0.5rem;
}
#nav-icon3 span:nth-child(2),#nav-icon3 span:nth-child(3) {
  top: 0rem;
}
#nav-icon3 span:nth-child(4) {
  top: 0.5rem;
}
#nav-icon3.open span:nth-child(1) {
  top: 0;
  width: 0%;
  left: 50%;
}
#nav-icon3.open span:nth-child(2) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
#nav-icon3.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
#nav-icon3.open span:nth-child(4) {
  top: 0;
  width: 0%;
  left: 50%;
}

.bg-dblue {
  background: #19368C;
}
.bg-blue {
  background: #0490BF;
}
.bg-mid-blue {
  background: #005D9D;
}
.bg-lgrey {
  background: #E6E7E8;
}
.bg-grey {
  background: #575A5B;
}
.bg-dgrey {
  background: #383C3F;
}
.personal-bg-blue {
  background: rgba(25, 54, 140, 1)
}
.personal-bg-blue img{
  transition: opacity 300ms ease-in-out
}
.personal-bg-blue:hover img{
  opacity: 0;
}
.text-white {
  color: #fff;
}
.text-blue {
  color: #0490BF;
}
.text-dblue {
  color: #19368C;
}
.text-grey {
	color:#808080;
}
.text-black {
	color: #000;
}
.text-bold,
b {
  font-family: 'PoppinsMed';
}
.text-heavy {
  font-family: 'PoppinsBold', sans-serif;
}
.text-light {
  font-family: 'PoppinsLight';
  color: unset !important;
}
.font-light {
	  font-family: 'PoppinsLight' !important;

}
.team-box > div{
  background: #E6E7E8;
  color: #000;
  transition: all ease-in-out 300ms;

}
.team-box > div h3,
.team-box > div p.text-heavy{
  color: #383C3F;
  transition: all ease-in-out 300ms;

}
.team-box .body {
    font-family: 'PoppinsLight', sans-serif;
}
.team-box > div:hover, 
.team-box:hover > div{
  background: #575A5B;
  color: #fff;
}
.team-box > div:hover h3,
.team-box:hover > div *{
  color: #fff !important;
  transition: all ease-in-out 300ms;

}

.btn-white {
  font-family:'PoppinsMed',sans-serif;
  background: transparent;
  border: 3px solid #fff;
  padding: 0.5rem 1rem;
  position: relative;
  overflow: hidden;
  height: 3.5rem;
  max-width: 200px;
  letter-spacing: 0.1rem;
	font-size:18px;
}
.btn-slide {
  padding: 0.75rem 1rem;
  display: flex;
  position: relative;
  overflow: hidden;
  height: 2.75rem;
  width: 200px;
}
.btn-slide span,
.btn-slide > div,
a.btn-white{
  color: #fff !important;
  position: absolute;
  z-index: 5;
}
.btn-slide:before {
 content: '';
 position: absolute;
 background-color: #0490BF;
 right: 0;
 bottom: 0;
 border-top-left-radius: 5rem;
 width:2.75rem;
 height:100%
}
.btn-slide:after {
  content: '';
  position: absolute;
  background-color: #0490BF;
  left: 100%;
  bottom: 0;
  border-top-left-radius: 5rem;
  width:125%;
  height:100%;
  transition: left 500ms ease-in-out;

 }
 .btn-slide:hover:after {
  left: -25%;
 }
.btn-arrow {
  width:1.25rem;
  height:1.25rem;
  background-image: url("image/arrow-white.svg");
  background-size: cover;
}
.arrow-blue {
  width:1.25rem;
  height:1.25rem;
  background-image: url("image/arrow-blue.svg");
  background-size: cover;
}
.accordion a:after {
	width:1rem;
	height:1rem;
	background-image: url("image/arrow-blue-right.svg");
 	transform: rotate(-90deg);
	background-size: cover;
    content: "";
    position: absolute;
    right: 1rem;
	transition: transform 300ms ease;
}
.accordion a.collapsed:after {
	transform: rotate(0deg);
}
footer .btn-arrow {
  width:1.25rem;
  height:1.25rem;
}
.select {
  position: relative;
  display: inline-block;
  margin-bottom: 15px;
  width: 100%;
}    .select select {
      font-family: 'Arial';
      display: inline-block;
      width: 100%;
      cursor: pointer;
      padding: 10px 15px;
      outline: 0;
      border: 1px solid #fff;
      border-radius: 0px;
      background: #0490BF;
      color: #fff;
      appearance: none;
      -webkit-appearance: none;
      -moz-appearance: none;
  }
      .select select::-ms-expand {
          display: none;
      }
      .select select:hover,
      .select select:focus {
          color: #fff;
          background: #0490BF;
      }
      .select select:disabled {
          opacity: 0.5;
          pointer-events: none;
      }
.select_arrow {
  position: absolute;
  top: 16px;
  right: 15px;
  width: 0px;
  height: 0px;
  border: solid #fff;
  border-width: 0 2px 2px 0;
  display: inline-block;
  padding: 3px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}
.select select:hover ~ .select_arrow,
.select select:focus ~ .select_arrow {
  border-color: #fff;
}
.select select:disabled ~ .select_arrow {
  border-top-color: #fff;
}
.form-control {
      background: #F1F2F2;
    border-radius: 0;
    border: 0;
}
select,
.custom-select{
	appearance: none;
  background-image: url('image/select-black.png') !important;
	    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: 100% !important;

}
.carousel-indicators li.active {
  background-color: #003f70;
}.carousel-control-next, .carousel-control-prev {
  color: #003f70;
}

.carousel-control-prev, .carousel-control-next {
  opacity: 1;

}
.carousel-control-prev-icon {
  background-image: url('image/arrow-left.png');
  height: 28px;
  width: 18px;
}
.carousel-control-next-icon {
  background-image: url('image/arrow-right.png');
  height: 28px;
  width: 18px;
}
.carousel-indicators li {
  box-sizing: content-box;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  width: 16px;
  height: 16px;
  margin-right: 3px;
  margin-left: 3px;
  border-radius: 50%;
  border-top: 0;
  border-bottom: 0;
}
.carousel-indicators li {
  background-color: #003f70;
}
.carousel-indicators li.active {
  background-color: #003f70;
  opacity: 0.75;
}
.home-video {
	right:0;
}
@media (max-width: 1360px) {

  h1, .h1 {
    font-size: 4.2rem;
    line-height: 1;
  }
  h2 {
    font-size: 1.85rem;
  }
  h4 {
    font-size: 1.45rem;
  }
  .nav-link {
    font-size: 11px;
  }
  .navbar-brand img {
    max-height: 44px;
	  width:220px
  }
  
}

@media (min-width: 1200px) {

  .home-hero {
    height: 90vh;
  }
}
	.top-section {
		margin-top: 6.75rem
	}
.pre-footer .btn-white {
	max-width:unset;
}
@media (max-width: 1200px) {
	.pre-footer .btn-white {
	max-width:280px;
}
  h1, .h1 {
    font-size: 3.5rem;
    line-height: 1;
  }
  .nav-link {
    font-size: 16px;
  }
	nav .container {
		max-width:unset
	}
	.nav-link {
		font-size: 20px;
    	font-family: 'PoppinsLight';
	}
	.micro .nav-link {
		font-size: 14px;
	}
}
.background-pattern {
	background-image: url('./image/body-pattern.png');background-size:contain;
    background-position: 0 100%;
    background-repeat: no-repeat;
}
@media (min-width:992px) {
	
	.background-fixed {
	background-attachment:fixed;
	height:100vh;
}
	.h4.body {
		line-height:40px;
	}
}
@media (max-width: 576px){
.home-video {
	right:100%;
}
}
@media (min-width: 576px){
.modal-content .container {
    max-width: unset;
}
}
@media (max-width: 991px) {
	
	.background-fixed {
		height:560px;
	}
	h1, .h1 {
    font-size: 2.8rem;
	}
	
	h3 {
		font-size: 2rem;
	}
	.home-h3 {
		font-size: 1.75rem;
	}
	.h4 {
		font-size: 1.5rem;
		line-height: 1.75rem;
	}
	.custom-logo {
		margin-left: 1rem;
	}
	.background-pattern {
	background-image: none;
	}
}
@media (max-width: 768px) {
	
	.top-section {
		margin-top: 7.5rem
	}
}
.hover {
	background-size:100%;
	min-height: 290px;
	background-position: center;
	transition: all 500ms ease-in-out;
}
.hover:hover {
	background-size:115%;
}

.close {
    float: right;
    font-size: 1.75rem;
    font-weight: 700;
    line-height: 1;
    color: rgba(255,255,255,1);
    text-shadow: 0 0 black;
    opacity: 1;
	transition: color 300ms ease-in-out;
}
.close:hover {
    color: rgba(255,255,255,.5);
}
a .text-dblue,
a .text-white,
a .text-black,
.navbar.micro .nav-item{
	transition: all 300ms ease-in-out;
}
a:hover .text-dblue,
a:hover .text-white,
a:hover .text-black{
	color:#0490BF !important;
}
.navbar.micro .nav-item:hover {
	background:rgba(255,255,255,0.25);
}
.pre-footer h4 {
	letter-spacing: 0.1rem
}

/* .pre-footer a.btn-white:hover {
    background: white;
    color: #000 !important;
}
.pre-footer a.btn-white:hover .btn-arrow{
background-image: url(image/arrow-blue.svg);
} */
.carousel-indicators  {
	z-index:5
}

nav .collapse.show {
    opacity: 1;
/* position: fixed; */
    width: 100%;
    top: 0;
	padding-top:3rem;
	height:100vh;
}
.collapsing {

  -webkit-transition: height 600ms ease;
       -o-transition: height 600ms ease;
          transition: height 600ms ease;
}
.navbar-toggler {
	cursor: pointer;
	z-index: 50;
	padding:0.75rem 1.5rem;
}
/* #wpadminbar {
	display:none;
} */
button, [type="button"], [type="reset"], [type="submit"] {
    -webkit-appearance: none;
}
input[type="submit" i] {
}
button:focus {
    outline: none;
}
.wpcf7-submit {
	padding: 1rem 4.75rem 1rem 2.5rem;
    border-style: none;
    color: #fff;
    background: #173586;
    background-image: url(image/arrow-white.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 90%;
}

.in-touch {
	background: #808285;
	transition: all 300ms ease;
}

.in-touch:hover {
	background: #575A5B;
}
.close {
	color: #000
}
.heateor_sss_sharing_container {
	display: flex;
}
.heateor_sss_sharing_title {
	margin-right:1rem;
	font-weight:400 !important;
}
.bg-lgrey .heateor_sss_sharing_container {
	display: none;
}