/* ==========================================================================
   1. IMPORT GOOGLE FONTS
   ========================================================================== */
 
 @import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600;700&display=swap');
 /* ==========================================================================
   2. GENERAL
   ========================================================================== */
 
 body {
     font-family: 'Open Sans', sans-serif;
     color: #333;
     font-size: 14px;
     font-weight: 400;
     background: #fff;
     overflow-x: hidden;
     position: relative;
     min-height: 100vh;
     padding-bottom: 59px;
 }
 
 html {
     overflow-x: hidden;
 }
 
 p {
     font-size: 14px;
     line-height: 26px;
 }
 
 a:hover,
 a:focus {
     color: #145887;
 }
 
 a {
     -webkit-transition: all 0.2s linear;
     -moz-transition: all 0.2s linear;
     -o-transition: all 0.2s linear;
     transition: all 0.2s linear;
 }
 
 h1,
 h2,
 h3,
 h4,
 h5 {
     font-family: 'Open Sans', sans-serif;
     font-size: 40px;
     font-weight: 700;
     /* letter-spacing: 1px; */
 }
 
 ul {
     margin: 0;
     padding: 0;
 }
 
 ul li {
     list-style: none;
 }
 
 a:hover,
 a:focus {
     text-decoration: none;
     outline: none;
 }
 
 a:not([href]):not([tabindex]) {
     color: #fff;
 }
 
 a:not([href]):not([tabindex]):focus,
 a:not([href]):not([tabindex]):hover {
     color: #145887;
 }
 /* ==========================================================================
   2.1 Section Title
   ========================================================================== */
 
 .section {
     padding: 80px 0;
 }
 
 .section-header {
     color: #fff;
     margin-bottom: 40px;
     text-align: center;
 }
 
 .section-subheading {
     color: #333;
     font-size: 30px;
     margin-bottom: 15px;
 }
 
 .section-header .section-title {
     font-size: 42px;
     margin-top: 0;
     text-transform: uppercase;
     font-weight: 700;
     color: #333;
     position: relative;
 }
 
 .section-header .section-title span {
     color: #145887;
 }
 
 .section-header .section-subtitle {
     margin-top: 15px;
     color: #333;
     font-size: 14px;
     font-weight: 400;
 }
 
 .section-header .lines {
     margin: auto;
     width: 70px;
     position: relative;
     border-top: 2px solid #145887;
     margin-top: 15px;
 }
 
 .features .section-header .lines {
     border-top: 2px solid #89c765;
 }
 
 .about-us .section-header .lines {
     margin-left: 70px;
 }
 /* ==========================================================================
   2.2 Buttons
   ========================================================================== */
 
 .btn {
     font-size: 14px;
     padding: 11px 40px;
     border-radius: 0px;
     font-weight: 400;
     color: #fff;
     text-transform: uppercase;
     -webkit-transition: all 0.2s linear;
     -moz-transition: all 0.2s linear;
     -o-transition: all 0.2s linear;
     transition: all 0.2s linear;
     display: inline-block;
 }
 
 .btn:focus,
 .btn:active {
     box-shadow: none;
     outline: none;
     color: #fff;
 }
 
 .btn-common {
     border: 1px solid #145887;
     background: #145887;
     position: relative;
     color: #fff;
     z-index: 1;
     border-radius: 30px;
     cursor: pointer;
 }
 
 .btn-common:hover {
     color: #fff;
     background: #0959af;
     border-color: #0959af;
     transition: all .50s ease-in-out;
     -moz-transition: all .50s ease-in-out;
     -webkit-transition: all .50s ease-in-out;
 }
 
 .btn-border {
     color: #fff;
     background-color: transparent;
     border: 2px solid #fff;
     border-radius: 4px;
 }
 
 .btn-border:hover {
     border: 2px solid #fff;
     color: #fff;
     background-color: #145887;
 }
 
 .btn-lg {
     padding: 14px 33px;
     text-transform: uppercase;
     font-size: 16px;
 }
 
 .btn-rm {
     padding: 7px 0px;
     color: #999;
     text-transform: capitalize;
 }
 
 .btn-rm i {
     vertical-align: middle;
 }
 
 button:focus {
     outline: none !important;
 }
 
 .clear {
     clear: both;
 }
 /* ==========================================================================
   2.3 Social Iocns
   ========================================================================== */
 
 .social-icons {
     margin-top: 40px;
 }
 
 .social-icons ul {
     margin: 0;
     padding: 0;
     list-style: none;
 }
 
 .social-icons ul li {
     display: inline;
 }
 
 .social-icons ul li a {
     display: inline-block;
     margin-right: 5px;
     margin-bottom: 15px;
     border-radius: 50%;
     line-height: 40px;
     width: 40px;
     height: 40px;
     text-align: center;
     background: #ddd;
     font-size: 16px;
 }
 
 .social-icons ul li a:hover {
     color: #fff;
 }
 
 .facebook a {
     color: #4867AA;
 }
 
 .facebook a:hover {
     background: #4867AA;
 }
 
 .twitter a {
     color: #1DA1F2;
 }
 
 .twitter a:hover {
     background: #1DA1F2;
 }
 
 .google-plus a {
     color: #DD4D42;
 }
 
 .google-plus a:hover {
     background: #DD4D42;
 }
 
 .youtube a {
     color: #DF2926;
 }
 
 .youtube a:hover {
     background: #DF2926;
 }
 
 .linkedin a {
     color: #007BB6;
 }
 
 .linkedin a:hover {
     background: #007BB6;
 }
 
 .pinterest a {
     color: #BD081C;
 }
 
 .pinterest a:hover {
     background: #BD081C;
 }
 
 .dribbble a {
     color: #EA4C89;
 }
 
 .dribbble a:hover {
     background: #EA4C89;
 }
 
 .behance a {
     color: #0B7CFF;
 }
 
 .behance a:hover {
     background: #0B7CFF;
 }
 /* ==========================================================================
	 2.4  Pre Loader
	 ========================================================================== */
 
 #loader {
     position: fixed;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background: #333;
     z-index: 9999999999;
 }
 
 .spinner {
     width: 40px;
     height: 40px;
     top: 45%;
     position: relative;
     margin: 0px auto;
 }
 
 .double-bounce1,
 .double-bounce2 {
     width: 100%;
     height: 100%;
     border-radius: 50%;
     background-color: #145887;
     opacity: 0.6;
     position: absolute;
     top: 0;
     left: 0;
     -webkit-animation: sk-bounce 2.0s infinite ease-in-out;
     animation: sk-bounce 2.0s infinite ease-in-out;
 }
 
 .double-bounce2 {
     -webkit-animation-delay: -1.0s;
     animation-delay: -1.0s;
 }
 
 @-webkit-keyframes sk-bounce {
     0%,
     100% {
         -webkit-transform: scale(0);
     }
     50% {
         -webkit-transform: scale(1);
     }
 }
 
 @keyframes sk-bounce {
     0%,
     100% {
         transform: scale(0);
         -webkit-transform: scale(0);
     }
     50% {
         transform: scale(1);
         -webkit-transform: scale(1);
     }
 }
 /* ========================================================================== 
  -2.5 Scroll To Up 
   ========================================================================== */
 
 .back-to-top {
     display: none;
     position: fixed;
     bottom: 18px;
     right: 15px;
 }
 
 .back-to-top i {
     display: block;
     width: 36px;
     height: 36px;
     line-height: 36px;
     color: #fff;
     font-size: 14px;
     text-align: center;
     border-radius: 4px;
     background-color: #89c765;
     -webkit-transition: all 0.2s linear;
     -moz-transition: all 0.2s linear;
     -o-transition: all 0.2s linear;
     transition: all 0.2s linear;
 }
 /* ==========================================================================
   3. Hero Area
   ========================================================================== */
 
 #hero-area {
     background: url(../img/hero-area.jpg) #606060;
     background-size: cover;
     background-repeat: no-repeat;
     color: #fff;
     overflow: hidden;
     position: relative;
    }
    .home-fullscreen {
     height: 100vh;

 }
 
 #hero-area.bg-position {}
 
 #hero-area.bg-position-default {
     background-attachment: fixed;
 }
 
 #hero-area .overlay {
     position: absolute;
     width: 100%;
     height: 100%;
     top: 0px;
     left: 0px;
     background: #145887;
     opacity: 0.9;
 }
 
 #hero-area .contents {
     /* padding: 200px 0 130px; */
 }
 
 #hero-area .contents h1 {
     color: #fff;
     font-size: 37px;
     font-weight: 700;
     margin-bottom: 25px;
     line-height: 65px;
 }

 #hero-area .contents h1 span {
     font-size: 30px;
 }
 
 #hero-area .contents p {
     font-size: 14px;
     color: #fff;
     font-weight: 400;
     line-height: 30px;
     letter-spacing: 0.5px;
 }
 
 #hero-area .contents .btn {
     margin: 25px 25px 0px 0px;
     text-transform: uppercase;
 }
 
 #hero-area .banner_bottom_btn {
     margin-top: 40px;
 }
 
 #hero-area .banner_bottom_btn i {
     color: #fff;
     font-size: 48px;
     -webkit-transition: all 0.2s linear;
     -moz-transition: all 0.2s linear;
     -o-transition: all 0.2s linear;
     transition: all 0.2s linear;
 }
 
 #hero-area .banner_bottom_btn i:hover {
     color: #145887;
 }
 /* ==========================================================================
   4. Navbar Style
   ========================================================================== */
 
 .navbar-brand {
     position: relative;
     padding: 15px 0px;
     padding: 8px 0;
     color: #fff;
     font-weight: 700;
     font-size: 24px;
 }
 
 .navbar-brand img {
     width: 70px;
 }
 
 .top-nav-collapse {
     background: #fff;
     z-index: 999999;
     top: 0px !important;
     padding: 0;
     box-shadow: 0px 3px 6px 3px rgba(0, 0, 0, 0.06);
     -webkit-animation-duration: 1s;
     animation-duration: 1s;
     -webkit-animation-fill-mode: both;
     animation-fill-mode: both;
     -webkit-animation-name: fadeInDown;
     animation-name: fadeInDown;
     background: #fff !important;
 }
 
 .navbar-brand:focus,
 .navbar-brand:hover {
     color: #fff;
 }
 
 .top-nav-collapse .navbar-brand:focus,
 .top-nav-collapse .navbar-brand:hover {
     color: #145887;
 }
 
 .top-nav-collapse .navbar-brand {
     top: 0px;
     color: #145887;
 }
 
 .top-nav-collapse .navbar-nav .nav-link {
     color: #333 !important;
     margin-top: 0px !important;
     margin-bottom: 0px !important;
 }
 
 .top-nav-collapse .navbar-nav .nav-link:hover {
     color: #89c765 !important;
 }
 
 .top-nav-collapse .navbar-nav .nav-link.active {
     color: #fff !important;
 }
 
 .indigo {
     background: transparent;
 }
 
 .navbar-expand-lg .navbar-nav .nav-link {
     color: #fff;
     font-weight: 600;
     padding: 0 22px;
     margin-top: 20px;
     margin-bottom: 20px;
     line-height: 40px;
     border-radius: 30px;
     background: transparent;
     -webkit-transition: all 0.3s ease-in-out;
     -moz-transition: all 0.3s ease-in-out;
     transition: all 0.3s ease-in-out;
 }
 
 .inner-page-header {
     box-shadow: 0px 3px 6px 3px #0000000f;
     padding: 0;
     background: #fff;
 }
 
 .inner-page-header.navbar-expand-lg .navbar-nav .nav-link {
     color: #000;
 }
 
 .inner-page-header .navbar-brand {
     color: #145887;
 }
 
 .inner-page-header .navbar-nav .nav-link {
     margin-top: 0px !important;
     margin-bottom: 0px !important;
 }
 
 .navbar-expand-lg .navbar-nav li a:hover,
 .navbar-expand-lg .navbar-nav li .active>a,
 .navbar-expand-lg .navbar-nav li a:focus {
     color: #89c765;
 }
 
 .navbar .nav-link.active,
 .inner-page-header.navbar .nav-item.active .nav-link {
     color: #fff !important;
     background: #89c765;
 }
 
 .dropdown-toggle::after {
     display: none;
 }
 
 .slicknav_btn {
     border-color: #89c765;
 }
 
 .slicknav_menu .slicknav_icon-bar {
     background: #89c765;
 }
 /* only small tablets */
 
 @media (min-width: 768px) and (max-width: 991px) {
     #nav-main li a.nav-link {
         padding-top: 18px;
     }
 }
 
 .navbar-toggler {
     display: none;
 }
 
 .mobile-menu {
     display: none;
 }
 
 .slicknav_menu {
     display: none;
 }
 @media (max-width:1024px) and (min-width:992px){
    .navbar-expand-lg .navbar-nav .nav-link {
        padding: 0 11px !important;
    }
 }
 @media screen and (max-width: 991px) {
     .container {
         max-width: 98%;
     }
     
    .inner-section.section{
        padding-top: 66px !important;
    }
     .navbar-header {
         width: 100%;
     }
     .navbar-brand {
         position: absolute;
         top: 8px;
     }
     .top-nav-collapse .navbar-brand,
     .inner-page-header .navbar-brand {
         position: absolute;
         top: 1px;
     }
     #mobile-menu {
         display: none;
     }
     .slicknav_menu {
         display: block;
     }
     .slicknav_nav .active a {
         background: #145887;
         color: #fff;
     }
     .slicknav_nav a:hover,
     .slicknav_nav .active {
         color: #145887;
         background: #f8f9fa;
     }
     .slicknav_nav .dropdown li a.active {
         background: #f8f9fa;
         color: #145887;
     }
 }
 /* ==========================================================================
  5. Services section
   ========================================================================== */
 
 .our-team {
      
 }
 
 .item-boxes {
     text-align: left;
     padding: 0px 15px;
     margin-bottom: 15px;
     -webkit-transition: all 0.3s ease 0s;
     -moz-transition: all 0.3s ease 0s;
     transition: all 0.3s ease 0s;
 }
 
 .item-boxes .icon {
     width: 60px;
     height: 60px;
     text-align: center;
     border: 1px solid #f1f1f1;
     display: inline-block;
     border-radius: 30px;
     margin-bottom: 30px;
     -webkit-transition: all 0.3s ease-in-out;
     -moz-transition: all 0.3s ease-in-out;
     transition: all 0.3s ease-in-out;
 }
 
 .item-boxes .icon i {
     font-size: 26px;
     line-height: 60px;
     color: #145887;
 }
 
 .item-boxes h4 {
     font-size: 20px;
     font-weight: 700;
     margin-bottom: 10px;
 }
 
 .item-boxes:hover .icon {
     background: #145887;
 }
 
 .item-boxes:hover .icon i {
     color: #fff;
 }
 /* ==========================================================================
  6. Features Section Style
   ========================================================================== */
 
 .features {
   
     position: relative;
 } 
  
 
 .features .icon {
     display: block;
    /* float: left;
      width: 60px;
  height: 60px;
  border-radius: 30px; */
     text-align: center;
     position: relative;
     z-index: 1;
 }
 
 .features .box-item {
     padding: 10px;
     text-align: center;
     margin-bottom: 30px;
 }
 /* .features .box-item .icon {
  border: 2px solid #89c765;
  text-align: center;
  float: left;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
}

  .features .box-item .icon img {
    padding: 14px;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
} */
 
 .features .box-item .icon img {
    max-width: 60px;
    margin-bottom: 20px;
 }
 
 
 .features .box-item .text h4 { 
     font-weight: 700;
     font-size: 16px;
     text-transform: uppercase;
     line-height: 22px;
 }
 
 .features .box-item .text h4 a {
     color: #89c765;
 }
 
 .features .box-item .text h4 a:hover {
     opacity: 0.7;
     transition: all 300ms linear;
 }
 
 .features .box-item .text p {
     font-size: 14px;
     line-height: 26px;
 }
 /* .features .box-item:hover .icon { 
   
   border: 5px solid #89c765;
}

  .features .box-item:hover .icon img { 
  padding: 12px;
} */
 
 .features .show-box img {
     position: absolute;
     bottom: -120px;
 }
 /* ==========================================================================
 10. Counter Section Style
 ========================================================================== */
 
 .counters {
     position: relative;
 }
 
 .counters .facts-item {
     text-align: center;
     color: #fff;
 }
 
 .counters .facts-item .icon {
     margin-bottom: 30px;
 }
 
 .counters .facts-item .icon i {
     font-size: 50px;
     color: #fff;
 }
 
 .counters .facts-item .fact-count h3 {
     font-size: 35px;
     color: #fff;
     margin-bottom: 15px;
 }
 
 .counters .facts-item .fact-count h4 {
     font-size: 20px;
     font-weight: 400;
     color: #fff;
 }
 /* ==========================================================================
  14. Contact Us
  ========================================================================== */
 
 .contact-us h3 {
     font-size: 36px;
     margin-bottom: 45px;
 }
 .contact-us p label {
     min-width: 48px;
 }
 
 .contact-us p span {
     color: #89c765;
     padding-left: 10px;word-break: break-word;
 }
 
 .contact-us p span a {
    color: #145887;
    font-weight: 600;
 }
 
 #contact {
     background: #343a40;
     color: #fff;
     position: relative;
 }
 
 .contact-address p {
     font-size: 16px;
 }
 #error-msg {
    color: #f90606;
}
 #error-msg1 {
    color: #f90606;
}
 .form-control {
     width: 100%;
     margin-bottom: 10px;
     padding: 14px;
     border-color: #b9b6b6;
     border-radius: 0px;
     color: #333;
     background: transparent;
     font-size: 14px;
     -webkit-transition: all 0.3s;
     -moz-transition: all 0.3s;
     transition: all 0.3s;
 }
 .file-upload {
    border: 1px solid #b9b6b6;
    padding: 9px;
    width: 100%;
 }
 
 .form-control:focus {
     box-shadow: none;
     color: #333;
     border-color: #89c765;
     background: transparent;
     outline: none;
 }
 
 .btn.disabled,
 .btn:disabled {
     opacity: 1;
 }
 
 .text-danger {
     font-size: 14px;
     margin-top: 10px;
 }
 
 .list-unstyled li {
     color: #d9534f;
 }
 
 .inner-sub .section-title {
     color: #333;
 }
 /* inner page */
 
 .subtitle {
     font-size: 20px;
     margin-bottom: 25px;
 }

 .service-section .subtitle {
    margin-bottom: 12px;
 }
 .service-section ul {
     margin-bottom: 35px;
 }
 
 .points li {
     background: url('../img/arrow-right.png') no-repeat;
     padding-left: 35px;
     background-size: 20px;
     background-position: 0 11px;
     padding-top: 6px;
     padding-bottom: 6px;
 }
 
 .text-black {
     color: #b1b1b1;
 }
 
 .points li.middle-title {
     background: none;
     padding-left: 0;
     font-size: 20px;
 }
 
 .inner-section.section {
     padding: 70px 0;
 }
 
 .inner-section .section-header.inner-head {
     padding-top: 80px;
     padding-bottom: 80px;
     background: url('../img/inner-bg.jpg') no-repeat;
     background-size: cover;
     background-position: center;
     position: relative;
 }
 
 .inner-section .section-header.inner-head::before {
     content: '';
     position: absolute;
     width: 100%;
     height: 100%;
     left: 0;
     top: 0;
     right: 0;
     bottom: 0;
     background: #000000a6;
 }
 
 .inner-section .inner-head .section-title {
     color: #fff
 }
 
 .inner-section .inner-head .lines {
     border-top-color: #fff
 }
 
 .im-cirl {
     border: 1px solid #f2f2f2;
     padding: 5px;
     box-shadow: 0 1px 11px #ccc;
     width: 252px;
     height: 240px;
 }
 /* our team */
 
 .our-team h5 {
     font-size: 18px;
 }
 
 .team-item {
     background: #fff;
     padding: 15px;
     box-shadow: 0px 3px 6px 3px #0000000f;
 }
 
 
.notify {
display: flex;
width: 330px;
padding: 14px 26px 14px 13px;
border-radius: 8px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border: 1px solid #ebeef5;
position: fixed;
background-color: #fff;
-webkit-box-shadow: 0 2px 12px 0 rgb(0 0 0 / 10%);
box-shadow: 0 2px 12px 0 rgb(0 0 0 / 10%);

overflow: visible;
right: 16px;
top: 91px;
z-index: 202;
}
.notify.show {
visibility: visible;
-webkit-animation: fadein .5s;
animation: fadein .5s; 
}
.notify-title {
font-weight: 700;
font-size: 16px;
color: #303133;
margin: 0;
}
.notify-content {
font-size: 14px;
line-height: 21px;
margin: 6px 0 0;
color: #606266;
}
.notify-close-btn {
position: absolute;
top: 18px;
right: 15px;
cursor: pointer;
color: #909399;
font-size: 22px;
display: inline-block;
width: 20px;
height: 22px;
overflow: hidden;
}
.lnr-icon img {
max-width: 30px;
}

@-webkit-keyframes fadein {
from {
top: 0;
opacity: 0
}

to {
top: 95px;
opacity: 1
}
}

@keyframes fadein {
from {
top: 0;
opacity: 0
}

to {
top: 95px;
opacity: 1
}
}

@-webkit-keyframes fadeout {
from {
top: 50px;
opacity: 1
}

to {
top: 20px;
opacity: 0
}
}

@keyframes fadeout {
from {
top: 50px;
opacity: 1
}

to {
top: 20px;
opacity: 0
}
}

@media screen and (max-width:370px) {
.notify {
width: 290px;
padding: 10px;
}
}

@media(max-width:768px){
    .notify{
        width: 90%;
        padding: 10px;
        right: 0;
        transform: translateX(-50%);
        left: 50%;
    }
}

@media (max-width:400px){
    .navbar-brand{
        font-size:18px;
    }
    .navbar-brand img{
        max-width: 50px;
    }
    .slicknav_btn{
        margin: 10px 0px;
    }
    .inner-section.section{
        padding-top: 56px !important;
    }
    .slicknav_nav{
        top:0;
    }
}
 /* ==========================================================================
15. Footer Style
 ========================================================================== */
 
 footer {
     background: #292f35;
     padding: 4px 0;
     position: absolute;
     bottom: 0;
     width: 100%;
 }
 
 .footer-links {
     line-height: 48px;
 }
 
 .footer-links li {
     float: left;
 }
 
 .footer-links li a {
     color: #fff;
     margin-right: 15px;
     transition: all 0.3s ease-in-out;
     -webkit-transition: all 0.3s ease-in-out;
     -moz-transition: all 0.3s ease-in-out;
 }
 
 .footer-links li a:hover {
     color: #89c765;
 }
 
 .copyright {
     margin-top: 10px;
     float: right;
 }
 
 .copyright p {
     color: #fff;
 }
 
 .copyright p a {
     color: #fff;
 }
 
 .copyright p a:hover {
     color: #145887;
 }