body {font-family: 'Poppins', sans-serif; margin: 0; padding: 0;}
a, a:hover, a:focus {text-decoration: none; outline: 0 none;}
ul {list-style: none; margin: 0; padding: 0;}
ul li {margin: 0; padding: 0;}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-Black.woff2') format('woff2'),
        url('../fonts/Poppins-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-Bold.woff2') format('woff2'),
        url('../fonts/Poppins-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-SemiBold.woff2') format('woff2'),
        url('../fonts/Poppins-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-Regular.woff2') format('woff2'),
        url('../fonts/Poppins-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-Thin.woff2') format('woff2'),
        url('../fonts/Poppins-Thin.woff') format('woff');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-Light.woff2') format('woff2'),
        url('../fonts/Poppins-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-Medium.woff2') format('woff2'),
        url('../fonts/Poppins-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-ExtraLight.woff2') format('woff2'),
        url('../fonts/Poppins-ExtraLight.woff') format('woff');
    font-weight: 200;
    font-style: normal;
}

::-webkit-input-placeholder {
  color: #959493;
  font-size: 13px;
  letter-spacing: 1px;
}
::-moz-placeholder {
  color: #959493;
  font-size: 13px;
  letter-spacing: 1px;
}
:-ms-input-placeholder {
  color: #959493;
  font-size: 13px;
  letter-spacing: 1px;
}
:-moz-placeholder {
  color: #959493;
  font-size: 13px;
  letter-spacing: 1px;
}

.siteMain {float:left; width: 100%;}
header {background: rgba(5,84,151,0.5); float: left; width: 100%; height: 90px; display: flex; align-items: center; position: fixed; left: 0; top: 0; right: 0; z-index: 9;}
.logo {width: 100%; float: left;}
.logo a {display: inline-block;}
.logo img {max-width: 100%;}

.menu {width: auto; float: right;}
.menu li {float: left; margin: 0 12px; position: relative;}
.menu li a {font-size: 18px; font-weight: normal; text-transform: capitalize; color: #fff; display: block; line-height: 34px;}
.menu li.active a {color: #f2682a;}
.menu li.active:before {position: absolute; content: ""; left: 0; top: -28px; width: 100%; height: 3px; background: #f2682a;}
.menu li:last-child {margin-right: 0;}
.live_logo {width: auto; float: right; margin-left: 25px;}
.live_logo li {float: left;}
.live_logo a {padding: 5px; background: #fff; border-radius: 2px; display: block;}
.live_logo img {max-height: 24px; display: block;}
.banner {float: left; width: 100%; height: 100vh; position: relative; background-color: #055497;}
.banner .carousel-inner {height: 100vh;}
.banner .carousel-item img {width: 100%; height: 100vh; object-fit: cover;}
.banner .carousel-indicators {bottom: 25px; z-index: 1;}
.banner .carousel-indicators li {width: 12px; height: 12px; border-radius: 100%; cursor: pointer; margin: 0 5px;}
.banner .carousel-indicators .active {background-color: #f2682a;}

.banner .carousel-item:before {position: absolute; left: 0; top: 0; width: 100%; height: 100%; content: ""; background: rgba(0,0,0,0.65); z-index: 1;}
.banner .home_banner_cap {top: 50%; left: 50%; z-index: 9; position: absolute; transform: translate(-50%, -50%); width: 100%;}
.banner .home_banner_cap .cm_ttl, .banner .home_banner_cap .ab_txt {color: #fff; position: relative; z-index: 2;}
.banner .home_banner_cap .ab_txt {padding: 0 30px; margin: 0;}

.inner_cnt {float: left; width: 100%;}
.fl_w {float: left; width: 100%;}
.cm_sec {float: left; width: 100%; padding: 50px 0;}
.cm_ttl {margin: 0 0 40px 0; text-align: center; color: #959493; font-weight: 300; font-size: 45px;}
.cm_sm_ttl {margin: 0 0 25px 0; text-align: center; color: #959493; font-weight: 300; font-size: 26px;}
.bolder_font {font-weight: 600;}
.bolder_bbb {font-weight: 700;}
.blue_txt {color: #055497;}
.org_txt {color: #f2682a;}
.short_des {font-size: 26px; line-height: normal; color: #959493; margin: 0 0 30px 0; padding: 0 10%; text-align: center;}
.ab_txt {font-size: 15px; line-height: 24px; color: #959493;  padding: 0 14%; text-align: center; margin:0 0 30px; position: relative; z-index: 9;}
.full_width {float: left; width: 100%;}
.mrg_tp50 {margin-top: 50px !important;}
.mrg_btm20 {margin-bottom: 20px !important;}

.ab_left {float: left; width: 100%;}
.ab_left ul {padding-right: 50px;}
.ab_left li {color: #959493; font-size: 14px; line-height: 20px; font-weight: 300; margin-bottom: 22px; float: left; width: 100%; position: relative; padding-left: 12px}
.ab_left li:before {position: absolute; content: ""; left: 0; top: 8px; width: 5px; height: 5px; border-radius: 100%; background: #f2682a;}

.ab_right {float: left; width: 100%;}
.dw_sec_row {float: left; width: 100%; text-align: center; margin-bottom: 50px;}
.dw_sec_row:last-child {margin-bottom: 0;}
.sm_lg {margin-bottom: 20px; float: left; width: 100%;}
.eq_2_col {width: 50%; padding: 0 5px; float: left;}
.icon {margin-bottom: 15px;}
.inner_li {width: 50%; float: left; padding: 0 15px; border-right: 1px solid #959493;}
.inner_li:last-child {border-right: 0;}
.inner_li span {margin: 0; color: #959493; font-size: 30px; font-weight: 300; line-height: normal;}
.inner_li p {margin: 0; color: #959493; font-size: 14px; font-weight: 300; line-height: normal; margin: 0;}

.cnt_form {max-width: 700px; width: 100%; margin: 0 auto;}
.cnt_form .eq_box {width: 49%; float: left; margin: 0 2% 20px 0;}
.cnt_form .eq_box:nth-child(2n) {margin-right: 0;}
.cnt_form .eq_box:last-child {margin-bottom: 0;}
.cnt_form .form-control {border: 0; float: left; width: 100%; padding: 5px; font-size: 15px; color: #767676; border-bottom: 1px solid #e5e5e5; background: transparent; border-radius: 0; height: 33px;}
.cnt_form .form-control:focus {box-shadow: none;}
.cnt_form .full_box {width: 100%; float: left; margin-right: 0;}
.cnt_btn { background: #f46606; height: 44px; line-height: 44px; padding: 0 10px; color: #fff; font-size: 18px; font-weight: normal; border: 0; border-radius: 0; text-transform: capitalize; cursor: pointer; min-width: 190px; }

footer {float: left; width: 100%; background: #055497; padding: 50px 0 0 0;}
.top_hd, .btm_hd {float: left; width: 100%;}
.footer_block {float: left; width: 100%;}
.footer_block h3 {color: #f46606; font-size: 18px; text-transform: uppercase; margin-bottom: 20px;}
.footer_block li {float: left; width: 100%;}
.down_links li {margin-bottom: 20px;}
.down_links li:last-child {margin-bottom: 0;}
.down_links a {display: inline-block; line-height: 50px; color: #fff;}
.play_store_icon {width: 50px; height: 50px; float: left; line-height: 50px; text-align: center; background: #fff; border-radius: 100%; margin-right: 15px;}

.ft_icon {left: 0; float: left; width: 20px; margin-right: 10px; position: absolute; text-align: center; font-size: 17px; color: #fff;}
.add_blk li {line-height: normal; margin-bottom: 25px; color: #fff; font-size: 16px; font-weight: normal; position: relative; padding-left: 30px;}
.add_blk li:last-child {margin-bottom: 0;}
.add_blk li a {display: inline-block; color: #f46606; font-size: 16px; font-weight: normal;}

.social_media li {float: left; margin-right: 10px; width: auto;}
.social_media li:last-child {margin-right: 0;}
.social_media li a {display: block;}

.btm_hd {margin-top: 50px; padding: 10px 0; border-top: 1px solid rgba(255,255,255,0.5);}
.cnd a {font-size: 13px; color: #fff; padding-right: 15px; margin-right: 15px; border-right: 1px solid rgba(255,255,255,0.5);}
.cnd a:last-child {padding-right: 0; margin-right: 0; border-right: 0;}

.video_sec {position: relative; padding: 0 0 200px;}
.vid_bg {background: url(../images/HoleShot.jpg) no-repeat top center / cover; padding: 250px 0; position: absolute; z-index: 1; top: 300px; width: 100%;}
.vid_bg:before {position: absolute; content: ""; left: 0; top: 0; width: 100%; height: 100%; background: #033778; background-blend-mode: multiply; opacity: 0.8;}
.video {width: 100%; float: left; position: relative; z-index: 2;}
.video iframe {display: block; width: 100%; height: 600px;}

.toggle_bar {display: none;}

.inner_banner {height: 320px; position: relative;}
.banner_img img {max-width: 100%; height: 320px; width: 100%; object-fit: cover;}
.banner_cap {position: absolute; left: 0; right: 0; bottom: 30px; width: 100%; text-align: center; z-index: 2;}
.pg_ttl {font-size: 60px; font-weight: 300; color: #fff; margin: 0;}


.gray_bg {background-color: #f6f6f6;}
.brand_list {background-color: #f6f6f6; position: relative; overflow: hidden;}
.brand_list:before {position: absolute; content: ""; left:-255px; bottom: 100px; width: 385px; height: 385px; border-radius: 100%; opacity: 0.5; border: 40px solid #f2682a;}
.brand_list:after {position: absolute; content: ""; right:-255px; top: 50%; transform: translateY(-50%); width: 385px; height: 385px; border-radius: 100%; opacity: 0.5; border: 40px solid #033679;}
.brand_list_inner {float: left; width: 100%; position: relative;}
.brand_list_inner:before {position: absolute; content: ""; left:-70px; top: -70px; width: 140px; height: 140px; border: 15px solid #055497; opacity: 0.2; border-radius: 100%;}
.brand_list_inner li {float: left; width: 23.5%; margin: 0 2% 2% 0; position: relative; z-index: 2;}
.brand_list_inner li:nth-child(4n) {margin-right: 0;}

.box {width: 100%; height: 100%; border: 2px solid #ccc; border-radius: 8px; min-height: 265px; display: table; text-align: center; background: #fff; box-shadow: 8px 8px 10px rgba(0,0,0,0.1);}
.box a {height: 100%; padding: 15px; display: table-cell; align-items: center; justify-content: center; vertical-align: middle; box-sizing: border-box;}
.box a img {max-width: 100%; width: 100%;}

.brand_dt {background-image: url('../images/ship_icon.png'); background-repeat: no-repeat; background-position: bottom -10px left; background-size: 250px; padding-bottom: 180px !important; }
.brand_inner_dt {max-width: 900px; margin: 0 auto; display: table; width: 100%;}
.brd_main {width: 100%; float: left; text-align: center; margin-bottom: 80px;}
.brd_main img {max-height: 70px; display: inline-block;}
.brd_inn_icon {float: left; width: 100%;}
.brd_inn_icon li {float: left; width: 25%; margin-bottom: 30px; text-align: center; padding: 0 10px;}
.brd_bx img {max-height: 80px; margin-bottom: 15px;}
.brd_bx span {float: left; width: 100%; font-size: 20px; color: #81818b; padding: 0 20px; line-height: 24px; min-height: 48px; display: flex; align-items: center; justify-content: center;}

.static_page h3 {font-size: 22px; line-height: 26px; margin-bottom: 15px;}
.static_page p {font-size: 15px; margin-bottom: 10px; position: relative;padding-left: 25px;}
.count_1 {position: absolute; left: 0; top: 0; width: 20px; text-align: center;}
.ico_logo {border: 1px solid #c8c8c8; border-radius: 100%; height: 55px; width: 55px;}

.map_img_box img {max-width: 100%;}

.pop_dis {
  display: block !important;
  visibility: visible !important;
}
.clip_frame img {
    max-width: 100%;
}

@media(max-width: 1199px) {
  .inner_banner, .banner_img img {height: 400px;}  
  .pg_ttl {font-size: 40px;}
  .brd_main {margin-bottom: 50px;}
}

@media(max-width: 991px) {
  .container {max-width: 100%;}
  header {height: 70px;}
  .menu li {margin: 0 7px;}
  .menu li a {font-size: 15px;}
  .menu li.active:before {top: -18px;}
  .live_logo {margin-left: 10px;}
  .cm_sec {padding: 50px 0;}
  .cm_ttl {font-size: 35px; margin: 0 0 20px 0;}
  .short_des {font-size: 20px; line-height: 26px; padding: 0 20px; margin-bottom: 15px;}
  .ab_txt {padding: 0 20px;}
  .ab_left ul {padding-right: 0;}
  .inner_li {padding: 0 5px;}
  .inner_li span {font-size: 25px;}
  .inner_li p {font-size: 13px;}

  .video iframe {height: 330px;}
  .vid_bg {top: 130px; padding: 150px 0;}
  .video_sec {padding: 0 0 100px;}

  .social_media li {margin-right: 5px;}

  .box {min-height: 200px;}
  .brand_list_inner:before {left: -40px; top: -40px; width: 80px; height: 80px; border: 10px solid #055497;}
  .brand_list:before {left: -120px; bottom: 100px; width: 200px; height: 200px; border: 25px solid #f2682a;}
  .brd_inn_icon li {margin-bottom: 20px;}
  .brd_bx img {max-height: 70px; margin-bottom: 10px;}
  .brd_bx span {font-size: 15px; line-height: 18px; padding: 0 10px; min-height: 40px;}
}
@media(min-width: 768px) {
  .menu {display: inline-block !important;}
}
@media(max-width: 767px) {
  header {height: 55px;}
  header .col-sm-3 {flex: auto; max-width: 100%; width: 60px;}
  header .col-sm-9 {position: static; flex: auto; max-width: max-content; float: right; padding-left: 5px;}
  .toggle_bar {display: inline-block; float: right; width: 34px; height: 34px; text-align: center; background: #f2682a; border-radius: 2px; font-size: 21px; margin-left: 10px; line-height: 34px; cursor: pointer; color: #055497;}
  .menu {display: none; position: absolute; top: 100%; left: 0; width: 100%; background: #055497; padding: 0 15px; height: calc(100vh - 55px); z-index: 9;}
  .menu li {width: 100%; margin: 0; border-bottom: 1px solid rgba(255,255,255,0.3);}
  .menu li:last-child {border-bottom: 0;}
  .menu li a {display: inline-block; line-height: 45px;}
  .menu li.active:before {display: none;}
  .live_logo {margin-left: 0;}  
  .ov_hide {overflow: hidden;}
  .cm_sec {padding: 30px 0;}
  .cm_ttl {font-size: 26px; margin: 0 0 15px 0;}
  .cm_sm_ttl {font-size: 22px; margin: 0 0 15px 0;}
  .short_des {font-size: 18px; line-height: 24px; padding: 0 15px; margin-bottom: 15px;}
  .ab_txt {padding: 0; font-size: 14px; line-height: 22px; margin: 0 0 20px 0;}
  .about_sec .col-sm-6 {flex: auto; max-width: 100%; width: 100%; margin-bottom: 20px;}
  .ab_left li {margin-bottom: 10px;}
  .dw_sec_row {margin-bottom: 25px;}
  .video_sec {padding: 0 0 60px;}
  .vid_bg {top: 130px; padding: 130px 0;}
  .banner .home_banner_cap .cm_ttl, .banner .home_banner_cap .ab_txt {padding: 0;}

  footer {padding: 30px 0 0 0;}
  footer .col-sm-4 {flex: auto; max-width: 100%; width: 100%; text-align: center; margin-bottom: 20px;}
  footer .col-sm-4:last-child {margin-bottom: 0;}
  footer .btm_hd .col-sm-6 {flex: auto; max-width: 100%; width: 100%; text-align: center; margin-bottom: 5px;}
  footer .btm_hd .col-sm-6:last-child {margin-bottom: 0;}
  footer .float-right {float: none !important;}
  .footer_block h3 {margin-bottom: 10px;}
  .footer_block {float: none; width: 100%; max-width: 220px; margin: 0 auto; display: table;}
  .down_links li {margin-bottom: 10px;}
  .down_links li a {line-height: 30px; font-size: 15px;}
  .play_store_icon {width: 30px; height: 30px; line-height: 30px; margin-right: 5px;}
  .play_store_icon img {max-height: 15px;}
  .add_blk li {margin-bottom: 10px; font-size: 14px; text-align: left;}
  .social_media li {float: none; display: inline-block;}
  .social_media img {max-height: 30px;}
  .btm_hd {margin-top: 20px;}    
  .static_page h3 {font-size: 18px; line-height: 24px;}
  .map_main {display: none;}
  body {min-width: 100%;}
}
@media(max-width: 575px) {
  .brand_list_inner li {width: 49%; margin: 0 2% 20px 0 !important;}
  .brand_list_inner li:nth-child(2n) {margin-right: 0 !important;}  
  .box {min-height: 150px; width: 90%; margin: 0 auto;}
}
@media(max-width: 479px) {
  .cm_sm_ttl {font-size: 20px;}
  .short_des {font-size: 16px; line-height: 22px; padding: 0;}
  .sm_lg {margin-bottom: 15px;}
  .inner_li span {font-size: 22px;}
  .inner_li p {font-size: 12px;}
  .video iframe {height: 250px;}
  .vid_bg {top: 100px; padding: 105px 0;}
  .cnt_form .eq_box {width: 100%; margin: 0 0 10px 0;}
  .mrg_tp50 {margin-top: 20px !important;}
  .cnt_btn {min-width: 160px; font-size: 16px; height: 35px; line-height: 35px;}

  .inner_banner, .banner_img img {height: 300px;}
  .pg_ttl {font-size: 32px;}
  .brand_list_inner:before {left: 24px; top: -25px;}
  .brand_list:before {left: -120px; bottom: 80px; width: 170px; height: 170px; border: 15px solid #f2682a;}
  .brand_list:after {right: -120px; width: 170px; height: 170px; border: 15px solid #033679;}  
  .brd_main {margin-bottom: 30px;}  
  .brd_inn_icon li {width: 33.33%; margin-bottom: 15px; padding: 0 8px;}
  .brd_bx img {max-height: 55px; margin-bottom: 5px;}
  .brd_bx span {font-size: 14px; line-height: 18px; min-height: 38px; padding: 0;}
}
.parentLbl {
  position: absolute;
  background-color: #025596;
  color: #fff;
  padding: 2px 0;
  font-size: 16px;
  transform: rotate(-45deg);
  left: -16px;
  right: 76px;
  top: 60px;
  width: 112px;
}
.box {
  overflow: hidden;
  position: relative;
}