html{ overflow-x: hidden;}

body {
  font-family: "Roboto", serif;
  color: #3a3a3a;
  font-weight: 400;
  background: #fff;
  font-size: 16px;
  line-height: 24px;
  overflow-x: hidden;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5 {
  color: #15475e;
  font-weight: 700;
  font-family: "Poppins", serif;
}



::-moz-selection {
  color: #fff;
  background: #04062e;
}

::selection {
  color: #fff;
  background: #04062e;
}



.btn{ display: inline-flex; min-width: 138px; height: 42px; background:#1173a4; align-items: center; justify-content: center; font-size: 14px; line-height: 24px;  padding: 4px 20px 5px; color: #fff; border-radius: 4px; font-weight: 500; text-transform: uppercase; box-shadow: 0 2px 7px rgba(4, 49, 88, 0.3); -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;}  
.btn:hover{ background: #1173a4; color: #fff; box-shadow: 0 5px 15px rgba(4, 49, 88, 0.5);} 

.btn-2{ min-width: 94px; height: 38px; font-size: 12px;}

.text-clr-1{ color: #374a5e;}

.blue {
  color: #1173a5;
}

h2 {font-size: 2.4rem;}

.lh-28{ line-height: 28px;} 

.link-1{ color: #1173a4; font-weight: 500;  text-transform: capitalize !important; text-decoration: none;} 
.link-1:hover{ color: #19475f;}

.font-14{ font-size: 14px;}

/*========================================= Start navigation ====================================*/
.header{ background: #fff; padding: 25px 0px; box-shadow: 2px 2px 3px #f2f0f0; border-bottom: 1px solid rgba(224, 224, 224, 0.3); } 
.navbar-brand img{ width: 168px;}

.navbar-light {
  background: none !important;
}

.navbar-nav>li {
  position: relative; margin-right: 70px;
  
}

.navbar-nav>li:last-child{ margin-right: 0px;}

.navbar-nav>li>a {
  color: #374a5e !important; letter-spacing: 0.02em; text-transform: uppercase;
  font-weight: 500; 
  font-size: 14px; line-height: 24px;
  border-radius: 0px;
  padding: 0px 0px!important; display: flex; align-items: center; justify-content: center;
  text-decoration: none; 
}



.navbar-nav>li>a.active,
.navbar-nav>li>a:hover,
.navbar-nav>li>a:focus,
.navbar-nav>li:hover>a {
  color: #1173a6 !important;
  background:none; 
}



/*========================================= End navigation ====================================*/


.main-wrappar{ margin-top: 150px;}

.s-bg{ background: url(../images/service-bg-2.png) no-repeat center; background-size: 100%;}
.serv-bx{ border: 1px solid #e0e0e0; border-radius: 15px; display: block !important; padding: 30px 30px 50px; transition: all 0.3s ease;}
.serv-bx i img{ max-height: 94px;} 
.serv-bx:hover{ border: 1px solid transparent; box-shadow: 0 50px 50px rgba(0, 0, 0, 0.07); -webkit-box-shadow:0 50px 50px rgba(0, 0, 0, 0.07);} 

.c-bg{ background-image: url(../images/contact-bg.png); background-position: left top;
  background-size: contain; background-repeat: no-repeat; padding: 120px 0px 150px;} 

  .c-bx {
    padding-left: 30px; background: #fff;
    padding-right: 30px;
    padding-top: 60px;
    padding-bottom: 60px; box-shadow: 0 5px 10px rgba(60, 76, 198, 0.15);
  }

  .contact-info p {
    font-size: 15px;
    line-height: 27px;
  }

  .form-control{ color: #495057; border-color: rgba(0, 0, 0, 0.1) !important; box-shadow: none !important;}
  .form-control::-moz-placeholder{color:#495057;opacity:.7; font-size: 15px;} 
  .form-control::placeholder{color:#495057;opacity:.7; font-size: 15px;} 

  .logo-2{ width: 190px;} 

  .f-menu li{ margin-bottom: 10px;}
  .f-menu li a{ color: #374a5e; text-decoration: none; font-size: 14px;} 
  .f-menu li a:hover{ color: #095f8b;} 

  .footer-bottom a{ color: #1173a4; text-decoration: none;} 
  .footer-bottom a:hover{ color: #19475f;}