@import url("../bootstrap/css/bootstrap.min.css");
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,300;0,400;0,500;0,700;0,900;1,300;1,400;1,700&display=swap');
@import url("../js/slick/slick.css");
@import url("../js/scrollbar/jquery.mCustomScrollbar.min.css");
/*@import url("../js/slick/slick-theme.css");*/

img{max-width:100%}
a:focus, .slick-vertical .slick-slide{ outline:none !important;}

body{font-family: 'Roboto', sans-serif}
.body-wrap{}
.container{ max-width: 1080px;}
.container-booking{ max-width: 80%;}
p, .normal_content, .normal_content p{font: normal normal normal 16px/26px Roboto; color: #00222B;}
.small_text{font: normal normal normal 13px/20px Roboto !important; color: #00222B;}
#master_wrap{ position: relative; height: 1920px; padding-bottom: 220px; z-index: 1;}
.bg-shape{ background:url(../../img/bg-shape.svg) no-repeat center top; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1;}
.bg-shape.in-bg{ background-image: url(../../img/in_bg.svg);}

.bg-primary {background-color:#3A94D5 !important;}

.fs-11{ font-size:11px !important}
.fs-12{ font-size:12px !important}
.fs-13{ font-size:13px !important}
.fs-14{ font-size:14px !important}

.shodow01{ box-shadow:0 3px 6px rgba(0,0,0,0.16);}
.shodow02{box-shadow: 0px 3px 7px #00000073;}

.rounded-4{ border-radius: .4rem !important;}
.rounded-6{ border-radius: .6rem !important;}
.rounded-8{ border-radius: .8rem !important;}
.rounded-10{ border-radius: 1rem !important;}

h2.sec-title{text-align: left;font: normal normal 700 20px/24px Roboto;letter-spacing: 0px;color: #000000;text-transform: uppercase; margin:0}

.top-bar-sec{ background:#3A94D5; position:relative}
.top-bar-sec:before{ content:""; position:absolute; top:0; left:0; border-left:#fff solid 42px; border-top:32px solid transparent;}

.app-download img{ height:20px;}
.panic-btn{ background:#63CCF2; position:relative}
.panic-btn:before{ content:""; border-right:#63CCF2 solid 56px;border-top:80px solid transparent; position:absolute; right:100%; top:0}
.panic-btn img{ height:64px;}

.slider-wrap{ display:flex;}
.slider-left{ width:78%; position:relative}
.slider-right{ width:22%; padding:12px 0}

.slider-left h2{font: normal normal bold 52px/56px Roboto; color:#fff; position:absolute; left:5%; width:90%; bottom:10%;}
.slider-left h2 span{color:#FCE93D; display:block}
.slide-big figure{ margin:0; position:relative}
.slide-big figure:before{background: transparent linear-gradient(270deg, #00000000 0%, #000000AB 100%) 0% 0% no-repeat padding-box; content:""; position:absolute; top:0; left:0; bottom:0; width:85%;}
.slide-big a{ text-decoration:none; color:#fff;}

.img-grid{background-size:cover; background-repeat:no-repeat; background-position:center; position:relative; display:flex; flex-direction:column; justify-content:flex-end; min-height:100px; transition:0.3s; box-shadow: 0px 3px 6px #0000004D;}
.img-grid h2{font: normal normal 500 16px/19px Roboto; color:#fff; position:relative; z-index:1; padding:8px 12px; margin:0}
.img-grid:before, 
.app-dwld-grid .in:after{ content:""; position:absolute; bottom:0; left:0; right:0; top:35%; background: transparent linear-gradient(180deg, #00000000 0%, #000000AB 100%) 0% 0% no-repeat padding-box; z-index:0}
.img-grid a{ position:absolute; top:0; left:0; right:0; bottom:0; z-index:2}


.h-slider{ margin:0 -8px}
.h-slider .img-grid{ margin:8px}
.h-slider button.slick-arrow,
.h-slider button.slick-arrow:focus{ border:0; background-color:transparent; padding:0; position:absolute; top:50%; transform:translateY(-50%); z-index:1; outline:none !important}
.h-slider button.slick-prev{ left:-7px;}
.h-slider button.slick-next{ right:-7px}
.h-slider .img-grid:hover{ transform:scale(0.92);  box-shadow:0 0 0 2px #fff, 0px 0px 12px #00000083}

.slide-right-thumb{ height:100px; margin:7px 17px;}
.slider-right button.slick-arrow{ border:0; background-color:transparent; outline:none; margin:auto; display:block; width:40px;}

.slider-right .slick-current .slide-right-thumb{ box-shadow:0 0 0 3px #fff, 0 0 0 5px #3A94D5;}
.slider-right .slick-current .slide-right-thumb:after{ content:""; border-right:10px solid #3A94D5; border-bottom:55px solid transparent; border-top:55px solid transparent; position:absolute; top:50%; left:-15px; transform:translateY(-50%)}

.left-items .slick-track{margin-left: 0;}

#map{ width:100%; height:100%;}
.cat-grid-list{ display:flex; flex-wrap:wrap; margin:-10px}
.cat-grid-list li{ width:25%; padding:12px 10px; text-align:center}
.cat-grid{background: #FFFFFF;box-shadow: 0px 3px 7px #00000073;border-radius: 12px; padding:4px; transition:0.3s; transform:scale(1)}
.cat-grid a{ text-decoration:none; color:#000}
.cat-grid figure{background: #3A94D5;border-radius: 10px; display:flex; align-items:center; justify-content:center; min-height:66px; margin:0}
.cat-grid h2{font: normal normal normal 14px/14px Roboto;letter-spacing: 0px;color: #000000; padding:4px 2px; margin:0; min-height:35px; display:flex; align-items:center; justify-content:center}
.cat-grid:hover{box-shadow: 0px 0px 7px #00000083; transform:scale(1.12);}

.share-btn{ position:relative; z-index:1; margin-top:-16px;}
.share-btn a.btn-primary{background: transparent linear-gradient(180deg, #FCE93D 0%, #F6891F 100%) 0% 0% no-repeat;box-shadow: 0px 3px 6px #00000029;border: 2px solid #FFFFFF;border-radius: 5px; color:#000}
.share-btn a.btn-primary:hover{background: transparent linear-gradient(180deg, #FE5054 0%, #FF151B 100%) 0% 0% no-repeat; color:#fff}

.popular_trails .img-grid{ height:140px;}
.top_attractions .img-grid{ height:157px;}

.search-sec{background: #3A94D5 0% 0% no-repeat padding-box;box-shadow: 0px 3px 6px #0000004D;border: 1px solid #FFFFFF; padding:5px;}

.search-form{ background:#fff; min-height:54px; border-radius:35px; position: relative;}
.search-form .form-control{ border:0; background-color:transparent; border-radius:35px;}
.search-form .form-control{padding:0.8rem 1.75rem; height: calc(3.2rem + 2px);}
.search-form .form-control:focus, .search-form .form-control:active{ box-shadow:none; border:0}
.search-form .btn-primary{background: transparent linear-gradient(180deg, #FCE93D 0%, #F6891F 100%) 0% 0% no-repeat padding-box;border: 3px solid #FFFFFF;border-radius: 27px;height: 54px; width: 74px;}
.search-form .btn-primary:hover{background: transparent linear-gradient(180deg, #777 0%, #333 100%) 0% 0% no-repeat padding-box;}
.search-form .btn-primary:hover svg{ fill:#fff}


.app-btn{ padding:0 4px}
.app-btn .btn.btn-outline-light{border: 2px solid #FFFFFF;border-radius: 18px; width: 71px; height: 76px; font-size:14px; padding:6px 2px}
.app-btn .btn.btn-outline-light img{ height:35px; margin-bottom:3px; }
.app-btn .btn.btn-outline-light span{ display:block}

.cat-grid-bottom img{ margin:auto; height:44px; margin-bottom:8px}
.cat-grid-bottom a{background: #3A94D5;box-shadow: 0px 3px 7px #00000073;border: 2px solid #FFFFFF;border-radius: 27px; padding:15px 2px; text-align:center; display:block; color:#fff; font: normal normal 400 15px/18px Roboto; margin:10px; text-decoration:none; transition:0.3s; transform:scale(1)}
.cat-grid-bottom span{ display:block}
.bottom_cat.h-slider button.slick-prev{left: -12px;}
.bottom_cat.h-slider button.slick-next{right: -12px;}
.cat-grid-bottom a:hover, .footer-nav-active .cat-grid-bottom a{ transform:scale(1.08); background:#2071AB; position: relative;}
.footer-nav-active .cat-grid-bottom a:before{ content: ""; position: absolute; border-bottom: #2071AB solid 7px; border-right: 10px solid transparent; border-left: 10px solid transparent;  bottom: 100%; left: 50%; transform: translateX(-50%);}

.fix_footer{ position:absolute; bottom: 0; left: 0; right: 0;}

.foot-menu li{ margin:0 2px}
.foot-menu li a{ color:#fff;padding:5px 13px;text-decoration:none; display:block; font: normal normal normal 16px/19px Roboto; border: 2px solid transparent;}
.foot-menu li.active a, .foot-menu li a:hover{background: transparent linear-gradient(180deg, #FCE93D 0%, #F6891F 100%) 0% 0% no-repeat padding-box;box-shadow: 0px 3px 6px #00000029;border: 2px solid #FFFFFF;border-radius: 5px; text-align: center;color: #000000;}

a.touchpad-btn{background: transparent linear-gradient(180deg, #FCE93D 0%, #F6891F 100%) 0% 0% no-repeat padding-box;border-radius: 15px 15px 0px 0px; display:inline-flex;text-align: center;font: normal normal 900 20px/24px Roboto;letter-spacing: 0px;color: #002844;text-transform: uppercase; align-items:center; text-decoration:none; padding:15px 22px; margin-top:-14px;}
a.touchpad-btn span{ padding-right:10px}
a.touchpad-btn:hover{ color:#fff;background: transparent linear-gradient(180deg, #63CCF2 0%, #096080 100%) 0% 0% no-repeat padding-box;}
a.touchpad-btn:hover svg{fill:#fff}

.modal-lg{ max-width:1040px}
.app-dwld-grid{ width:100%;}
.app-dwld-grid .in{position:relative;  height:420px; display:flex}
.app-dwld-grid .bg-img{ position:absolute; top:0; bottom:0; right:0; left:0; background-size:cover; background-position:center top; background-repeat:no-repeat; z-index:0}
.app-dwld-grid h2{ font-size:16px; margin:0; padding:4px 2px; font-weight:500; color:#3A94D5;}

.app-qr-wrap{ position:relative; margin:auto auto 0; z-index:1; top:auto; padding:15px}
.app-qr{ margin:5px;}
.app-qr h4{ font-size:14px; color:#fff; text-align:center}
.app-qr figure{ margin:0; padding:6px; background:#fff; border-radius:5px; max-width:130px}

#main_menu .cat-grid{ margin:11px 11px 35px;}
#main_menu .cat-grid a h2{ text-align: center; color: #3A94D5; font-weight: 500;}
#main_menu.h-slider button.slick-prev{left: -15px;}
#main_menu.h-slider button.slick-next{right: -15px;}
#main_menu .header-nav-active .cat-grid:hover{ transform: scale(1);}
#main_menu .header-nav-active{ transform: scale(1.2); transform-origin: top;}
#main_menu .header-nav-active .cat-grid{ position: relative;}
#main_menu .header-nav-active .cat-grid:after{ content: ''; position: absolute; bottom: -10px; left: 50%; transform: translateX(-50%); border-top: #3A94D5 solid 10px; border-left:12px solid transparent; border-right:12px solid transparent;}

.sub_menu_item{ margin:4px;}
.sub_menu_item a{ background-color: #3A94D5; border-radius: 12px; padding: 10px 20px; font-size: 16px; font-weight: 500; color: #fff; display: block; text-decoration: none; box-shadow: 0px 2px 4px #00000040;}
#submain_menu.h-slider button.slick-prev {left: -42px;}
#submain_menu.h-slider button.slick-next {right: -42px;}

h1.site-title{ font-size: 30px; font-weight: 700; color: #000000;}

.btn-primary.cust-btn,
.btn-danger.cust-btn{background: transparent linear-gradient(180deg, #FCE93D 0%, #F6891F 100%) 0% 0% no-repeat padding-box;box-shadow: 0px 3px 6px #00000029;border: 2px solid #FFFFFF;border-radius: 10px;color: #FFFFFF; text-shadow: 0px 3px 6px #00000029; font: normal normal bold 18px/24px Roboto; padding: 10px 16px;}
.btn-primary.cust-btn:hover{ background:#3A94D5 ;}
.btn-primary.cust-btn.icon-btn{padding:9px 12px;}

.btn-danger.cust-btn{background: transparent linear-gradient(180deg, #F6891F 0%, #FF000A 100%) 0% 0% no-repeat padding-box;box-shadow: 0px 3px 6px #00000029;border: 2px solid #FFFFFF;border-radius: 10px;}

.btn-primary.cust-btn.btn-lg{font: normal normal bold 20px/28px Roboto; padding: 14px 24px;}

.btn-primary.cust-btn.dark-btn,
.btn-primary.btn-sm.dark-btn{ background: #274C57; color: #fff;}
.btn-primary.cust-btn.dark-btn:hover,
.btn-primary.btn-sm.dark-btn:hover{ background: #3A94D5;}

.list-gird{ position: relative; margin-bottom: 20px;}
.list-gird a{ text-decoration: none;}
.list-gird:after{ content:""; width:67px; height:66px; background: url(../../img/corner.svg) no-repeat left top; position: absolute; bottom: -11px; right:-11px; z-index: 1;}
.list-gird figure{ height: 188px; margin: 0; background-position: center; background-repeat: no-repeat; background-size: cover;}
.grid-content h2{font: normal normal bold 22px/29px Roboto; color: #3A94D5;}
.grid-content p{font: normal normal 300 16px/26px Roboto;color: #000000; margin: 0 0 5px;}
.dis-value{font: normal normal bold 18px/24px Roboto; color: #000000;}

.list-gird-small.shodow02 {box-shadow: 0px 2px 5px #00000043;}
.list-gird-small.list-gird figure{ height: 125px;}
.list-gird-small .grid-content h2{font: normal normal bold 16px/21px Roboto;}
.list-gird-small .qr_code img{ max-width: 28px; margin-right: 10px;}
.list-gird-small.list-gird::after {width: 45px;height: 44px;bottom: -9px;right: -9px;background-size: contain;}

.scroll-section{ margin:-5px -15px 0; padding:5px 0;}
.scroll-section_in{ padding: 15px;}

.scroll-section .mCSB_scrollTools{ width:42px; opacity: 1;}
.scroll-section .mCSB_scrollTools .mCSB_buttonDown, 
.scroll-section .mCSB_scrollTools .mCSB_buttonUp,
.scroll-section .mCSB_scrollTools .mCSB_buttonDown{ height: 30px; width: 30px; left: 6px; background-color:#63CCF2 ; background-position: center; background-repeat: no-repeat;  opacity: 1; border-radius: 50px; box-shadow:0 3px 6px rgba(0,0,0,0.16);}
.scroll-section .mCSB_scrollTools .mCSB_buttonUp{ background-image:  url(../../img/arrow-top.svg);}
.scroll-section .mCSB_scrollTools .mCSB_buttonDown{ background-image:  url(../../img/arrow-bottom.svg);}

.scroll-section .mCSB_inside > .mCSB_container {margin-right:50px;}
.scroll-section .mCSB_scrollTools a + .mCSB_draggerContainer {margin: 35px 0; overflow: hidden;}
.scroll-section .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background: #3A94D5 url(../../img/bar-icons.svg) center no-repeat; box-shadow: 0px 2px 4px #00000054; border: 1px solid #FFFFFF;border-radius: 19px; width: 38px;}
.scroll-section .mCSB_scrollTools .mCSB_draggerRail{ width: 20px; background-color: #E6E6E6; border-radius: 20px;}

#single_image_slider.h-slider,
#single_video_slider.h-slider,
#video_slider360.h-slider{ margin: 0;}
#single_image_slider.h-slider button.slick-prev,
#single_video_slider.h-slider button.slick-prev,
#video_slider360.h-slider button.slick-prev {left: -18px;}
#single_image_slider.h-slider button.slick-next,
#single_video_slider.h-slider button.slick-next,
#video_slider360.h-slider button.slick-next {right: -18px;}

#myTabContent.shodow02{ min-height: 465px;}
.tab_slider.nav-tabs{ border: 0; padding: 5px 20px; margin-top: -32px; position: relative; z-index: 2;}
.tab_slider .nav-link { text-align: center; color: #274C57; font-size: 16px; text-transform: uppercase; font-weight: 700; width: 115px; height: 128px; background-color: transparent; padding: 28px 5px 0; outline: none;}
.tab_slider .nav-link:focus, .tab_slider .nav-link:hover{ outline: none; border: 0;}
.tab_slider .nav-link svg{ fill: #274C57; }
.tab_slider.nav-tabs .nav-link.active{ border: 0; background:url(../../img/btn_bg.svg) no-repeat center; color: #fff;}
.tab_slider.nav-tabs .nav-link.active svg{ fill: #fff;}
.tab_slider .nav-link span{ display: block; }

.single_slide_video video{ min-height:460px; background-color: #000; display: block; padding-bottom:35px;}

.single_page_map{ float: right; width: 450px; margin: 0 0 15px 30px;}
.single_page_map #map{ height: 350px;}
.addReadMore.showlesscontent .SecSec,
.addReadMore.showlesscontent .readLess {display: none;}
.addReadMore.showmorecontent .readMore,
.addReadMore.showmorecontent .dots {display: none;}
.addReadMore .readMore,
.addReadMore .readLess { display: block; font-size: 16px; font-weight: 500; padding: 12px 0; color: #000000; cursor: pointer; text-transform: uppercase;}

.addReadMoreWrapTxt.showmorecontent .SecSec,
.addReadMoreWrapTxt.showmorecontent .readLess {display: block;}

.grid-style1{background: #FCFCFC; box-shadow: 0px 3px 6px #00000029; border-radius: 15px; padding: 10px 12px; border-bottom: #3A94D5 solid 5px; margin: 8px 0;}
.grid-style1 figure{ margin-bottom: 7px;}
.grid-style1 h5{font: normal normal bold 17px/26px Roboto; color: #274C57; text-transform: uppercase; margin: 0; padding: 0;}

.grid-style2{background: #3A94D5;box-shadow: 0px 3px 6px #00000029;border-radius: 15px; margin: 8px 0;}
.grid-style2 .in{background: #FCFCFC; box-shadow: 0px 3px 6px #00000029; border-radius: 15px; display: flex;  align-items: center; padding:20px 15px;}
.grid-style2 .in figure{ margin: 0 10px 0 0;}
.grid-style2 .in h5{font: normal normal 900 22px/26px Roboto;color: #274C57;text-transform: uppercase; margin: 0;}
.grid-style2 .value{font: normal normal bold 30px/26px Roboto;color: #FFFFFF; padding: 15px 28px;}

.trail_map .share-btn{margin-bottom: -17px;}

.or{background: #FFFFFF; border: 1px solid #707070A8; width: 35px;height: 35px; font: normal normal bold 15px/22px Roboto;color: #9A9A9A; padding:6px; text-align: center; border-radius: 50px;}
.or:after{content: ""; position: absolute; top:15%; bottom:15%; width: 1px; background: #E2E2E2;  left:38%; z-index: -1;}

.panic_btns a{ text-decoration: none;}
.panic_btns .grid-style2 .in{ flex-direction: column; align-items: flex-start; padding: 15px;}
.panic_btns .grid-style2 .in figure{ display: block; max-height: 30px;}
.panic_btns .grid-style2 .in h5 {font: normal normal 700 18px/26px Roboto;}
.panic_btns .grid-style2 .value {font: normal normal bold 24px/30px Roboto; padding: 15px;pointer:cursor}

.nav-tabs.panic_btns{ border: 0;}

.grid-check input{ position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer;}
.grid-check span{ position:absolute; background-color: #fff; border-radius: 5px; width: 35px; height: 35px; box-shadow: 0 3px 6px rgba(0,0,0,0.16); left: -10px; top:-10px; border:#2071AB solid 2px; pointer-events: none;}
.grid-check input:checked + span{background-color:#2071AB }
.grid-check input:checked + span:after{ content: ''; width: 10px; height: 20px; border-bottom: #fff solid 4px; border-right: #fff solid 4px; transform: rotate(45deg); position: absolute; top:3px; left: 11px;}

.scroll-on-right .mCSB_scrollTools{ left: 0; right: auto;}
.scroll-on-right .mCSB_container_wrapper{ margin-left: 30px; margin-right: 0;}
.scroll-on-right .mCSB_container_wrapper > .mCSB_container{ padding-left: 30px; padding-right: 0;}

.time-box .plus{ font-size: 30px; font-weight: 400; padding: 5px 0; display: inline-block;}
.time-box label{ font-size: 16px; line-height: 21px; font-weight: 300;}
.time-box h4{ font-size: 20px; line-height: 24px; font-weight: 500;}
.time-box h4 span{ font-size:16px; line-height: 19px; font-weight: 400;}
.time-box .total-time{ padding-top: 10px;}
.time-box .total-time label{font-size: 20px; line-height: 26px; font-weight:500;}
.time-box .total-time h3{font-size:36px; line-height: 43px; font-weight:500;}
.time-box .total-time h3 span{font-size:30px; line-height: 37px; font-weight:400;}

.v-slider{ text-align: center;}
.selected_places .img-grid{ min-height: 134px; margin: 5px 10px; text-align: left;}
.selected_places .slick-arrow{ border: 0; background-color: transparent; margin:8px;}
.selected_places .close_btn{position: absolute;top:-14px;right: -16px;border: 0;padding: 0;margin: 0;background-color: transparent;}

.v-align .qr-code img{ max-width: 55px;}
.v-align .or{ margin:10px  auto; display: inline-block;}
.v-align .or::after {top: 61%;bottom: auto;width: 70%;left: 50%;z-index: -1;height: 1px;transform: translateX(-50%);}

.bg-light-grey{ background-color: #EFEFEF;}

.event-details{ padding: 12px 0;}
.event-details .date{ color: #000000; font-size: 20px; font-weight: 700;}
.event-details .valnue{color: #000000; font-size:16px; font-weight: 700; margin-bottom: 5px;}

.fee{ padding-top: 15px;}
.fee span{ display: block; font-size: 18px; color: #274C57; font-weight: 600;}
.fee h2{font-size: 32px; color: #274C57; font-weight: 900; margin: 0;}

.book-btn{ text-align: center; padding: 12px; margin-bottom: 20px;}
.book-btn .btn-danger.cust-btn{ font-size: 30px; font-weight: 700; padding: 24px 50px;}

.form-label {margin-bottom: .1rem;}
.form-control {padding: 12px 15px;}

#search-list{list-style:none;margin:0; position: absolute; top:100%; left: 0; padding: 10px; background-color: #fff; width: 100%; border-radius: 15px; box-shadow:0 5px 15px rgba(0,0,0,0.6); z-index: 99;}
#search-list li{padding:8px; border-bottom: #bbb9b9 1px solid;list-style-type:none; color:#505050; text-decoration:none; font-size:14px;}
#search-list a:last-child li{ border: 0;}
#search-list a{text-decoration:none;color: #000; text-decoration: none; display:block;}
#search-list a:hover{background:#ebebeb;cursor: pointer;}

.more-weather{position: absolute;left:6px;bottom:-4px; white-space: nowrap;}
.more-weather > div{background-color: rgb(241, 241, 241); padding:0 5px; font-size: 12px !important; border:rgb(224, 224, 224) solid 1px; border-radius: 2px; line-height: 16px !important;}
#weather_forecast_id{ position: absolute; top: 100%; left:30px; background-color:#fff; box-shadow: 0 0 10px rgba(0,0,0,0.6);z-index: 2147483657;
pointer-events: auto; width: 230px; border-radius: 10px;}

.wrap
{
    width:1080px;
    height: 692px;
    padding: 0;
    overflow: hidden;
}
.frame
{
    width: 1280px;
    height: 786px;
    border: 0;

    -ms-transform: scale(0.80);
    -moz-transform: scale(0.80);
    -o-transform: scale(0.80);
    -webkit-transform: scale(0.80);
    transform: scale(0.80);
   -ms-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
}

.form-label.required:after {
  content:"*";
  color:red;
}

.vid_wrap{ position:relative}
.vid_wrap iframe{ position:relative; z-index:1;}
.click_dis{ position:absolute; top:0;left:0; width:100% !important; z-index:2; height:25%; cursor: not-allowed; pointer-events: all !important;} 
.click_dis_footer{ position:absolute; top:85%;left:0; width:100% !important; z-index:2; height:25%; cursor: not-allowed; pointer-events: all !important;} 
#map_dis{position: absolute;
width: 150px;
height: 50px;
bottom: 0;
left: 0;}

.page_loader{ display: flex; flex-direction: column; justify-content: center; align-items: center; background: #fff; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 9999;}
.page_loader span{ display:block; padding: 10px;text-align: center;}
.callnearby_police_user{cursor:pointer;}
.callpolice_user{cursor:pointer;}
.callamb_user{cursor:pointer;}

#iframe_sec html{ display: none;}