body{font-family: 'Roboto-Regular';background:url(../images/footer.jpg) no-repeat bottom center; background-size: 100%;font-smooth: always;-webkit-font-smoothing: antialiased;overflow-x: hidden;font-size: 16px;line-height: 26px;font-weight: 400; color: #333;letter-spacing: 0.5px;}
@font-face {
  font-family: 'Roboto-Regular';
  src: url('../fonts/Roboto-Regular.eot?#iefix') format('embedded-opentype'),  url('../fonts/Roboto-Regular.woff') format('woff'), url('../fonts/Roboto-Regular.ttf')  format('truetype'), url('../fonts/Roboto-Regular.svg#Roboto-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
    font-family: 'ralewayregular';
    src: url('../fonts/raleway-regular.woff2') format('woff2'),
         url('../fonts/raleway-regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

html {scroll-behavior: smooth;}
.bg-white-inner{background: #fff; -webkit-box-shadow: 0px 0px 15px #555; -moz-box-shadow: 0px 0px 15px #555; box-shadow: 0px 0px 15px #555;min-height: 650px}
h1, h2, h3, h4, h5, h6 {font-family: 'ralewayregular';}
a{color: #00558f;text-decoration: none;outline: none; -webkit-transition: all 0.3s ease-in;-moz-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}
a:hover {color: #88c12e;text-decoration: none;outline: none; -webkit-transition: all 0.3s ease-in;-moz-transition: all 0.3s ease-in;transition: all
 0.3s ease-in;}

/* Top Header */
.headerTop {width: 100%;box-sizing: border-box;background: #fff;min-height:50px;padding: 10px 0 5px;color:#333;}
.headerTop ul{margin:0px; padding:0;}
.top-middle li {display: inline-block;margin-left:5px;}
.top-middle li a{color:#fff;}
.top-left li {display: inline-block;color:#333;margin-right: 8px;margin-top: 4px;}
.top-left li a{color:#333;}
.top-left i.fa {margin-right: 2px;color: #00558f;font-size: 16px;border: solid 1px #00558f;padding: 4px 7px;}
.top-middle .fa-facebook {font-size: 16px;text-align: center;line-height: 29px;width: 30px;height: 30px;}
.top-middle .fa-facebook:hover {background: #527dbd;color: #ececec;border: 1px solid #527dbd;}
.top-middle .fa-twitter {font-size: 16px;text-align: center;line-height: 29px;width: 30px;height: 30px;}
.top-middle .fa-twitter:hover {background: #1da1f2;color: #ececec;border: 1px solid #1da1f2;}
.top-middle .fa-youtube {font-size: 16px;text-align: center;line-height: 29px;width: 30px;height: 30px;}
.top-middle .fa-youtube:hover {background: #dd4b39;color: #ececec;border: 1px solid #dd4b39;}
.top-middle .fa-linkedin {font-size: 16px;text-align: center;line-height: 29px;width: 30px;height: 30px;}
.top-middle .fa-linkedin:hover {background: #0077b5;color: #ececec;border: 1px solid #0077b5;}
.top-middle i.fa {border: 1px solid #fff;color: #fff;transition: 0.5s all;-webkit-transition: 0.5s all;-moz-transition: 0.5s all;-o-transition: 0.5s all;-ms-transition: 0.5s all;}
/* Top Header End */

/*Header*/
.sticky-top{background:#00558f;border-bottom: solid 1px #00558f;padding: 0 0;}
.navbar-light .navbar-nav .nav-link {color: #fff;font-size: 17px;padding: 8px 23px;}
.navbar-light .navbar-nav .nav-link.active,.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover{color: #92d2fd;}
.dropdown-divider {border-top: 1px solid #94e496;}
.navbar_custum .dropdown-menu{border-radius: 0px;margin: 0 0 0;}
.navbar_custum .navbar-nav li.nav-item.active a{color:#fff;background: #0d6dae;}
.navbar_custum .navbar-nav li .dropdown-item{font-size: 14px;padding: 2px 15px;color:#333 !important;background: #fff !important;}
.navbar_custum .navbar-nav li .dropdown-item:hover{color: #00558f !important;}
.navbar_custum .dropdown-item:focus, .dropdown-item:hover{background-color: transparent;}
.navbar-nav li{margin: 0 0 0px;}
.navbar_custum .navbar-brand {padding-top: 0;padding-bottom: 0;}

.navbar_custum.navbar-dark .navbar-toggler{border-color: transparent; padding: 0px;outline: 0;}
.navbar_custum.navbar-dark .navbar-toggler:focus{outline: 0;}
.navbar-brand img{max-width: 100%; max-height: 90px;}
.no-gutters > .col, .no-gutters > [class*="col-"]{padding: 8px !important;}
.navbar-dark .navbar-nav .nav-link {color: #fff;}
.banner{position:relative;}
.carousel-indicators {bottom: 30px;}
.banner .carousel-caption{bottom: 35%;}
.banner .carousel-caption h1{font-size: 80px;}
.dropdown-toggle::after { vertical-align: middle;}

.carousel-indicators li{width: 12px;height: 0px; border-radius: 50%;background: #fff;border-top: 0px solid transparent;border-bottom: 12px solid transparent;}
.carousel-indicators li.active{background: #ffd90a;}

.carousel-item{background:#000;}
.carousel-item img{opacity: 1;}

/*COMMON CSS Open*/
h1{font-size: 44px;line-height: 48px;font-weight: 300;margin: 0;padding: 0; color: #606060;}
h2{font-size: 30px;line-height: 34px;font-weight: 400;margin: 0;padding: 0;}
h3{font-size: 24px;line-height: 30px;font-weight: 400;margin: 0;padding: 0;}
h4{font-size: 20px;line-height: 24px;font-weight: 400;margin: 0;padding: 0;}
h5{font-size: 18px;line-height: 26px;font-weight: 400;margin: 0;padding: 0;}
h6{font-size: 15px;line-height: 22px;font-weight: 400;margin: 0;padding: 0;}
p{font-size: 16px;line-height: 26px;font-weight: 300;}

/*Buttons*/
.btn_blue{color: #fff !important;background-color: #5bb8ca;font-weight: 600; font-size: 14px; min-height: 32px; line-height: 22px; outline: none; padding: 5px 15px; cursor: pointer; border-radius: 4px;text-align: center;display: inline-block; letter-spacing: 1px;-webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; transition: all 0.3s ease-in;}
.btn_blue:hover{background-color: #138496; outline: none;}

.btn_blue_black{color: #3d5359 !important;background-color: #9adbe8;border:solid 1px #81b0bb;font-weight: 600; font-size: 15px; min-height: 36px; line-height: 24px; outline: none; padding: 6px 15px; cursor: pointer; border-radius: 4px;text-align: center;display: inline-block; letter-spacing: 1px;-webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; transition: all 0.3s ease-in;}
.btn_blue_black:hover{background-color: #138496; outline: none; color: #fff !important;border:solid 1px #81b0bb;}

.news_event{position: absolute;top: 0;right: 50px;z-index: 100;background: rgba(255,255,255,0.9);max-width: 360px;border-radius: 0 0 7px 6px;overflow: hidden;}

/*Popup*/
.modal-content .close{position: absolute;top: -25px;right: 0;color: #fff;opacity: 1;font-weight: 100;font-size: 18px;}
#videomodal .modal-dialog{max-width:650px;}
#videomodal .modal-dialog iframe{width:100%; height: 380px;}
.hand{max-height: 50px; opacity: 0.5;}

/*tabs*/
.tabs .nav-tabs {border-bottom: none;background: #ebebeb;}
.tabs .nav-tabs .nav-link {color: #444;text-transform: capitalize;border: none;padding-left: 20px;padding-right: 20px; font-size: 15px;}
.tabs .nav-tabs .nav-link.active{color: #fff;background-color: #5bb8ca;border: none;border-radius: 0;}


/* Custom Select */
.select-hidden {display: none;visibility: hidden;padding-right: 10px;}
.select {cursor: pointer;display: inline-block;position: relative;font-size: 16px;color: #333;width: 100%;height: 40px;}
.select-styled {position: absolute;top: 0;right: 0;bottom: 0;left: 0;background-color: #fff;padding: 8px 10px;-moz-transition: all 0.2s ease-in;-o-transition: all 0.2s ease-in;-webkit-transition: all 0.2s ease-in;transition: all 0.2s ease-in;border: 1px solid #ced4da;border-radius: .25rem;}
.select-styled:after {content: "";width: 0;height: 0;border: 7px solid transparent;border-color: #495057 transparent transparent transparent;position:absolute;top: 16px;right: 10px;}
.select-styled:hover {background-color: #fff;}
.select-styled:active, .select-styled.active {background-color: #fff;}
.select-styled:active:after, .select-styled.active:after {top: 9px;border-color: transparent transparent #495057 transparent;}
.select-options {display: none;position: absolute;top: 100%;right: 0;left: 0;z-index: 999;margin: 0;padding: 0;list-style: none;background-color: #fff;
border: 1px solid #ced4da;}
.select-options li {margin: 0;padding: 5px 0;text-indent: 15px;border-top: 1px solid #ced4da;-moz-transition: all 0.15s ease-in;-o-transition: all 0.15s ease-in;-webkit-transition: all 0.15s ease-in;transition: all 0.15s ease-in;}
.select-options li:hover {color: #000;background: #efefef;}
.select-options li[value="hide"] {display: none;}
/* Custom Select */

/*CLIENTS SLIDE*/
.clients .carousel-control-next, .clients .carousel-control-prev{width: 50px;}
.clients #quote-carousel {padding: 0 10px 30px 10px;margin-top: 60px;}
.clients #quote-carousel .carousel-control {background: none;color: #CACACA;font-size: 2.3em;text-shadow: none;margin-top: 30px;}
.clients #quote-carousel .carousel-indicators {position: relative;right: 50%;top: auto;bottom: 0px;margin-top: 20px;margin-right: -19px;}
.clients #quote-carousel .carousel-indicators li {width: 50px;height: 50px;cursor: pointer;border: 1px solid #ccc;box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);border-radius: 50%;opacity: 0.4;overflow: hidden;transition: all .4s ease-in;vertical-align: middle;}
.clients #quote-carousel .carousel-indicators .active {width: 128px;height: 128px;opacity: 1;transition: all .2s;}
.clients .carousel-item{background:transparent;}
.clients .item blockquote {border-left: none;margin: 0;}
.clients .item blockquote p:before {content: "\f10d";font-family: 'Fontawesome';float: left;margin-right: 10px;}

/*SLIDE GALLERY 3D*/
#carousel3d .carousel-3d-slide {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-flex: 1;-ms-flex: 1;flex: 1;-webkit-box-orient:vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;text-align: center;background: #d3d3d3;padding: 20px !important;-webkit-transition: all .4s;transition: all .4s;border:none !important;}
#carousel3d .carousel-3d-slide.current {background-color: #fff;border:none !important;}
.next[data-v-43e93932], .prev[data-v-43e93932]{color: #e8e8e8 !important;}


/*TESTIMONIALS*/
.testimonials{color: #fff;background: #00558f;}
.testimonials h1{color: #fff;}
.testimonials .carousel-item .box14{width: 300px;max-height: 300px;float: left; }
.testimonials .carousel-item{padding: 0 10%; background: transparent;overflow: visible;}
.testimonials .testimonials_content{color: #333; float: right; background: #fff; box-shadow: 0 7px 20px rgba(0,0,0,.5); width: calc(100% - 300px); padding:25px; min-height: 300px; text-align: left;}
.testimonials .post{color: #00558f;}
.testimonials .testimonials_content .fa{color: #00558f; font-size: 20px;}

/*Inner Banner*/
.inner-head-banner{background: url(../images/inner_header.jpg) no-repeat center top/cover;height: 220px;display: table;width: 100%;padding: 50px 0;}
.inner-head-banner .contentwrap {height: 100%;display: table-cell;vertical-align: middle;}
.inner-head-banner .breadcrumb{background: transparent;border: none;text-align: center;color:#fff;font-size: 16px;display: inline-block; text-transform: capitalize;}
.inner-head-banner .breadcrumb a{color: #fff; font-weight: 600;}

.heading_one{color:#000;font-weight: 600;text-transform: uppercase;}
.heading_one span{color:#00558f;}

.services-icon .fa{color: #00558f;font-size: 40px;}
.services-icon:hover .fa{color: #000;}

.about_bg{background: #f4f4f4;}
.about_bg .content {background: #00558f;padding: 40px;}
.text_green{color:#00558f;}

/*FOOTER*/
.footer{background:#0b0c11; padding: 50px 0;}
.footer h3{color:#fff;}
.footer ul{margin: 0;padding: 0;}
.footer ul li{font-size: 14px;line-height: 28px;color: #fff; list-style: none;}
.footer ul li a{color: #bfbfbf;}
.footer ul li .fa{color: #ffd90a; font-size:17px; margin:0 5px 0 0;}
.footer ul li a:hover{color: #fff;}	
.footer ul li.social .fa{font-size: 18px;color: #fff;padding: 6px;border: solid 1px #ffd90a;width: 38px;height: 36px;text-align: center;line-height: 24px;margin: 5px 7px 0 0;}
.footer ul li.social .fa:hover{color: #fff;background: #00558f;-webkit-transition: all 0.3s ease-in;-moz-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}

.copyright{font-size: 14px; background: #1d1d23; padding: 20px 0; color: #fff;}

/* Back to top button */
.back-to-top {position: fixed;background: #00558f;color: #fff;width: 44px;height: 44px;text-align: center;line-height: 1;border-radius: 50%;right: 15px;bottom: 15px;transition: background 0.5s;z-index: 11;}
.back-to-top i{padding-top: 12px;color: #fff;}

.newsletter{background: #00558f;}
.newsletter .input_wrap{position:relative;}
.newsletter .input_wrap input{height: 60px;background-color:#fff;border-radius: 30px;border: none;padding: 10px 20px; color: #333; font-size: 18px;}
.newsletter .input_wrap .btn{position: absolute;right: 10px;top: 10px;background:transparent;border-radius: 50%;padding: 0;margin: 0;}
.newsletter .input_wrap .btn .fa{font-size:36px; color:#00558f;}

.contact_form .form-control{padding: 10px 0;border-bottom: 1px solid #ced4da !important;border-radius: 0;box-shadow: none;border: none;}
.contact_form .form-control:focus{border-bottom: 1px solid #ced4da !important;border-radius: 0;box-shadow: none;border: none;}
.contact_form textarea{height: 100px;}
.contact_form .btn-info {border-radius: 24px; border-color:#00558f;background: #00558f;}
.contact_form .btn-info:hover{background-color:#00558f; border-color:#00558f;}

.contact_form .form-control-placeholder {position: absolute;top: 0;transition: all 200ms;opacity: 0.5;}
.contact_form .form-control:focus + .form-control-placeholder, .contact_form .form-control:valid + .form-control-placeholder {font-size: 75%;transform: translate3d(0, -100%, 0);opacity: 1;}

.contact_form .fa{color: #00558f;-webkit-transition: all 0.3s ease-in;-moz-transition: all 0.3s ease-in;transition: all 0.3s ease-in;font-size: 20px;margin: 0 5px 0px 0;}
.contact_form .fa:hover {color: #000;}

.left_nav{width:100%;background: #fff; border: solid 1px #d6ecb2; border-bottom: none;position: sticky;top: 110px;z-index: 100;margin-bottom: 50px;}
.left_nav ul{margin:0px; padding:0px;}
.left_nav ul li{margin:0px; padding:0; list-style:none; width:100%; display:block;}
.left_nav ul li a{margin:0px; padding:12px 18px 12px 12px; border-bottom:solid 1px #d6ecb2; width:100%; display:block; color:#000; position:relative;}
.left_nav ul li a:after{content:"\f054"; font-family:FontAwesome; position:absolute; top: 12px;right: 5px;color: #777;}
.left_nav ul li a:hover, .left_nav ul li a:hover:after{color:#00558f;}
.left_nav ul li a.active, .left_nav ul li a.active:after{color:#00558f;background: #f2f4ed; font-weight: 600;}
.left_nav .card-header{border-radius: 0;background: #00558f;color: #fff;font-size: 18px;text-transform: uppercase;}

.profile_img{border-radius: 50%;width: 180px;max-height: 180px;border: solid 1px #e2e2e2;padding: 8px;}

.inner_heading{color:#000; font-weight:600; margin-bottom:30px !important; position:relative;}
.inner_heading:after{content:"";position:absolute; width:60px; border-bottom: solid 4px #00558f;left: 0;bottom: -10px;}

ul.list1{padding-left: 17px;}
.list1 li{position:relative;list-style: none; font-size:17px; line-height:26px; margin-bottom:10px;}
.list1 li:before{content: "\f054";font-family: FontAwesome;position: absolute;top: 0px;left: -15px;color: #00558f; font-size:15px;}
ol li{position:relative; font-size:17px; line-height:26px; margin-bottom:10px;}

.table td, .table th{font-size:15px;}
.table th{background: #00558f; color:#fff;}

.accordion .card-header:after {
    font-family: 'FontAwesome';  
    content: "\f068";
    float: right; 
}
.accordion .card-header.collapsed:after {
    /* symbol for "collapsed" panels */
    content: "\f067"; 
}
.accordion>.card .card-header {
    cursor: pointer;
    background: #00558f;
    margin-bottom: 10px;
	color:#fff;
}

.copyright p{margin-bottom:0px !important; font-size:13px;}

.login_page_bg {
    background: url(../images/login_bg.jpg) 0 0/cover;
}
.login-page, .register-page {
    height: 100vh;
    display: table;
    width: 500px;
    margin: auto;
    padding: 15px 0;
}
.login-box, .register-box {
    max-width: 500px;
    display: table-cell;
    margin: auto;
    vertical-align: middle !important;
}
.login-logo a, .register-logo a {
    color: #444;
}
.login-box-body, .register-box-body {
    padding: 0 35px 35px 35px;
    border-radius: 4px;
    overflow: hidden;
	    background: #fff;
    border-top: 0;
    color: #333;
}
.login-box-msg, .register-box-msg {
    margin: 0 0 20px;
    text-align: center;
    padding: 15px 15px;
    color: #00558f;
    line-height: 30px;
    background: #f4f4f4;
    width: calc(100% + 80px);
    left: -40px;
    top: 0px;
    position: relative;
    font-weight: 600;
    font-size: 28px;
    text-transform: capitalize;
}
.login .input-group-addon {
       color: #fff;
    background: #00558f;
    padding: 0 15px;
    border-radius: 0;
    overflow: hidden;
    border-top: 0;
    line-height: 42px;

}
.login-box-body .form-control {
    border: none;
    background: #f2f2f2;
    height: 44px;
    border-radius: 0px !important;
    font-size: 18px;
    padding: 5px 12px;
}
.login-box-body .btn-info{
 background: #00558f;
 border:solid 1px #00558f;
}

dl, ol, ul{margin: 0;padding: 0 0 0 15px;}
dl li, ol li, ul li{margin: 0 0 10px;padding:0;}

.carousel-control-next, .carousel-control-prev{width:10%;}