@import url('https://fonts.googleapis.com/css?family=Poppins:300,300i,400,500,600,700');

body{
	font-family: 'Poppins', sans-serif;
	font-size: 14px;
	line-height: 24px;
	color: #333;
}
:focus{ outline: none !important; }

.form-control:focus, .btn:focus{ box-shadow: none; }
.btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show>.btn-primary.dropdown-toggle:focus {
   box-shadow: none;
}
.container {
    max-width: 1230px;
}

.f-17{ font-size: 17px; line-height: 27px; }
.f-30{ font-size: 30px;  }
.f-15{ font-size: 15px; line-height: 24px; }
.space-40{ height: 40px; width: 100%; }
.section{ padding: 50px 0px; }
.text-primary {
    color: #225baa !important;
}
.bg-primary-gray {
    background: rgba(8,202,236,1);
    background: -moz-linear-gradient(left, rgba(8,202,236,1) 0%, rgba(34,91,170,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(8,202,236,1)), color-stop(100%, rgba(34,91,170,1)));
    background: -webkit-linear-gradient(left, rgba(8,202,236,1) 0%, rgba(34,91,170,1) 100%);
    background: -o-linear-gradient(left, rgba(8,202,236,1) 0%, rgba(34,91,170,1) 100%);
    background: -ms-linear-gradient(left, rgba(8,202,236,1) 0%, rgba(34,91,170,1) 100%);
    background: linear-gradient(to right, rgba(8,202,236,1) 0%, rgba(34,91,170,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#08caec', endColorstr='#225baa', GradientType=1 );
}
.fw-light{ font-weight: 300; }
.text-light {
    color: #8f8f8f !important;
}
/*.btn*/
.btn {
        padding: 10px 34px !important;
    font-size: 15px;
    color: #225baa !important;
    min-width: 125px;
}

.btn-dark {
    color: #fff !important;
    background-color: #1c2031;
    border-color: #1c2031;
}

.btn-shadow:focus,
.btn-shadow{-webkit-box-shadow:-1px 2px 9px -1px rgba(0,0,0,0.35);

-moz-box-shadow:-1px 2px 9px -1px rgba(0,0,0,0.35);

box-shadow:-1px 2px 9px -1px rgba(0,0,0,0.35);
}

.btn-primary {
    color: #fff !important;
    background-color: #0dacc8;
    border-color: #0dacc8;
}
/*Header */
.navbar-brand img {
    max-width: 100%;-webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
header.header nav.navbar.navbar-expand-lg.navbar-light {
    background-color: transparent !important;
    padding: 20px 10px;
}
.navbar-brand.abs {
    position: absolute;
    top: 55px;-webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.navbar-brand.s-abs{ display: none;  max-width: 65px; }
.navbar-light .navbar-nav .nav-link {
    color: #fff;
    font-size: 15px;
    padding: 10px 20px;
}

.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link {
    color: #fff
}


.navbar-light .navbar-nav .nav-link.btn {
    margin-left: 30px;
}


.header.darkHeader nav.navbar.navbar-expand-lg.navbar-light {
    background-color: #fff !important;
    padding-top: 15px;
    padding-bottom: 15px;
    -webkit-box-shadow: 0px 11px 21px -16px rgba(29,101,247,0.75);
    -moz-box-shadow: 0px 11px 21px -16px rgba(29,101,247,0.75);
    box-shadow: 0px 11px 21px -16px rgba(29,101,247,0.75);
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.header.darkHeader .s-abs {
    position: relative;
    top: 0;-webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
   display: block;
}
.header.darkHeader .abs{ display: none; }
.header.darkHeader .navbar-light .navbar-nav .nav-link { color: #333 }
/*Header */

.hiro {
    background-size: auto;
    background-position: top right;
    background-repeat:  no-repeat;
    padding: 120px 0px 100px
}


.hiro-con h1 {
    color:  #1c2031;
    font-size: 40px;
    font-weight:  700;
    margin-bottom: 15px;
}

.hiro-con h6 {
    color:  #8f8f8f; font-weight: 300

   
}

.hiro-con .btn {
    font-size: 18px;
}

.heading {
    font-size: 50px;
    font-weight: bold;
}


/*service box */

.service-box {
    text-align:  center;
    background-color:  #f3f6fb;
    padding: 30px 15px; border: 1px solid transparent;
    margin-bottom:30px;   -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.service-box h6 {
    color:  #225baa;
    margin-top:  15px;
    text-decoration:  none;
}

.services a.d-block {
    text-decoration:  none;
}

.service-box:hover {
    text-align:  center;
    background-color:  #fff;
     border: 1px solid #d7dde4;-webkit-box-shadow: -7px 26px 45px -17px rgba(0,0,0,0.16);
-moz-box-shadow: -7px 26px 45px -17px rgba(0,0,0,0.16);
box-shadow: -7px 26px 45px -17px rgba(0,0,0,0.16);  -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}


.round-images {
    width:  118px;
    height:  118px;
    border-radius:  100%;
    border: 4px solid #fff;
    text-align:  center;
    line-height: 118px;
    margin-right: 18px;
}

.service-bottom h3 {
    font-size: 18px;
    margin-bottom:  0px; color: #0dacc8 !important;
}


.service-bottom p {
    font-size:  15px;
    line-height: 26px;
    color: #fff;
}
.service-bottom{ padding-bottom: 35px; }
.service-bottom .media {
    margin-bottom: 15px;
}

.section.Contact {
    background-color: #f2f7fb;
}
.form-control {
    min-height:  47px;
    border: none;   -webkit-box-shadow: 0px 11px 21px -16px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 11px 21px -16px rgba(0,0,0,0.75);
    box-shadow: 0px 11px 21px -16px rgba(0,0,0,0.75);
    border-radius: 5px;
}

 textarea.form-control {
    min-height: 150px;
}

.section.need_help {
    padding: 150px 0px;
    background-repeat:  no-repeat;
    background-size:  cover;
}

.need_help_box {
    max-width:  490px;
    margin:  0 0 0 auto;
    padding:  30px;
    background-color: rgb(242, 247, 251,0.8);
    /* text-align:  center; */
}

.need_help_box h3 {
    color:  #225baa;
    font-weight:  bold;
    text-align:  center;
    font-size:  40px;
    margin-bottom: 30px;
}

.need_help_box a,.need_help_box h6 {
    text-decoration:  none;
    font-size:  25px;
    color:  #1c2031;
}

.need_help_box .media-body {
    padding-left: 15px;
}

.need_help_box .media {
    margin-top: 15px;
}

.footer {
    padding: 35px 0px;
    background-color:  #1c2031;
}

.footer li a {
    color:  #fff;
    font-size:  15px;
    padding: 0 15px;
    text-decoration:  none;
}

ul.list-inline.m-0.p-0.soacal a {
    padding: 0px 8px;
    text-align:  center;
    display:  block;
}

.footer-copy {
    text-align:  center;
    padding:  30px;
    color:  #8f8f8f;
    font-size: 15px;
}

* {
    white-space: normal;
}
@media(max-width: 991px){
	 .navbar-brand.abs {
    display: none;
}
.navbar-brand.s-abs{ display: block; }

.need_help_box a, .need_help_box h6 {
    text-decoration: none;
    font-size: 17px;
    color: #1c2031;
}
.hiro-con h1 {
    color: #fff;
    font-size: 25px;
    font-weight: 700;
    margin-bottom: 15px;
}
header.header nav.navbar.navbar-expand-lg.navbar-light {
    background-color: #fff !important;
    padding: 20px 10px;
}
.navbar-light .navbar-nav .nav-link {
    color: #000;}		
    .navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link {
    color: #000;
}
.navbar-light .navbar-nav .nav-link.btn {
    margin-left: 0;
    margin-bottom: 15px;
}
}

.login-page .form-control ,.login-page .form-control:focus{
    border: 1px solid #ecefef;
}

.login-page  .modal-title {
    margin-bottom: 0;
    line-height: 1.5;
    font-size: 35px;
    font-weight: bold;
    width: 100%;
    text-align: center;
        padding-bottom: 0px;
}

.login-page button.close {
    position: absolute;
    right: 0;
    top: -28px;
    right: 6px;
    z-index: 10000;
    z-index: 1;
    opacity: 1;
}
.login-page  .modal-header{ border: none; }

.login-page  .modal-content {
    background-image: url(../images/login.png);
    background-color: transparent;
    background-position: center bottom;
    padding: 0px 40px 55px;
    border: none;
    box-shadow: none;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 25px !important;
    
}

.login-page  .text-primary {
    color: #0dacc8 !important;
}


.login-page  .modal-dialog {
    margin-top: 130px;
}
.join_us_now .form-control ,.join_us_now .form-control:focus{
    border: 1px solid #ecefef;
}

.join_us_now  .modal-title {
    margin-bottom: 0;
    line-height: 1.5;
    font-size: 35px;
    font-weight: bold;
    width: 100%;
    text-align: center;
}

.join_us_now button.close {
    position: absolute;
    right: 0;
    top: -28px;
    right: 6px;
    z-index: 10000;
    z-index: 1;
    opacity: 1;
}
.join_us_now  .modal-header{ border: none; }

.join_us_now  .modal-content {
    background-image: url(../images/login2.png);
    background-color: transparent;
    background-position: center bottom;
    padding: 0px 40px 55px;
    border: none;
    box-shadow: none;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 25px !important;
    
}

.join_us_now  .text-primary {
    color: #225baa !important;
}


.join_us_now  .modal-dialog {
    margin-top: 100px;    max-width: 1030px;
}

.join_us_now  .modal-dialog  h6.mb-5 {
    text-align: center;
    font-size: 20px;
}

@media(max-width: 830px){
	.join_us_now .modal-title {
    margin-bottom: 0;
    line-height: 1.5;
    font-size: 14px;}
    .join_us_now .modal-content,.login-page .modal-content {
   
    padding: 0px 0px 55px;}
     .join_us_now .modal-content  br{ display: none; }

     .join_us_now .modal-dialog h6.mb-5 {
    text-align: center;
    font-size: 14px;
    margin-bottom: 17px !important;
}
.join_us_now .modal-header {
    border: none;
    padding-bottom: 0px;
    padding-top: 31px;
}
}