@font-face {
    font-family: 'Nunito Sans';
    src: url('../fonts/NunitoSans-Regular.eot');
    src: url('../fonts/NunitoSans-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/NunitoSans-Regular.woff2') format('woff2'),
        url('../fonts/NunitoSans-Regular.woff') format('woff'),
        url('../fonts/NunitoSans-Regular.ttf') format('truetype'),
        url('../fonts/NunitoSans-Regular.svg#NunitoSans-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Nunito Sans';
    src: url('../fonts/NunitoSans-Black.eot');
    src: url('../fonts/NunitoSans-Black.eot?#iefix') format('embedded-opentype'),
        url('../fonts/NunitoSans-Black.woff2') format('woff2'),
        url('../fonts/NunitoSans-Black.woff') format('woff'),
        url('../fonts/NunitoSans-Black.ttf') format('truetype'),
        url('../fonts/NunitoSans-Black.svg#NunitoSans-Black') format('svg');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Nunito Sans';
    src: url('../fonts/NunitoSans-Bold.eot');
    src: url('../fonts/NunitoSans-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/NunitoSans-Bold.woff2') format('woff2'),
        url('../fonts/NunitoSans-Bold.woff') format('woff'),
        url('../fonts/NunitoSans-Bold.ttf') format('truetype'),
        url('../fonts/NunitoSans-Bold.svg#NunitoSans-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Nunito Sans';
    src: url('../fonts/NunitoSans-ExtraLight.eot');
    src: url('../fonts/NunitoSans-ExtraLight.eot?#iefix') format('embedded-opentype'),
        url('../fonts/NunitoSans-ExtraLight.woff2') format('woff2'),
        url('../fonts/NunitoSans-ExtraLight.woff') format('woff'),
        url('../fonts/NunitoSans-ExtraLight.ttf') format('truetype'),
        url('../fonts/NunitoSans-ExtraLight.svg#NunitoSans-ExtraLight') format('svg');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Nunito Sans';
    src: url('../fonts/NunitoSans-SemiBold.eot');
    src: url('../fonts/NunitoSans-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/NunitoSans-SemiBold.woff2') format('woff2'),
        url('../fonts/NunitoSans-SemiBold.woff') format('woff'),
        url('../fonts/NunitoSans-SemiBold.ttf') format('truetype'),
        url('../fonts/NunitoSans-SemiBold.svg#NunitoSans-SemiBold') format('svg');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Nunito Sans';
    src: url('../fonts/NunitoSans-Light.eot');
    src: url('../fonts/NunitoSans-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/NunitoSans-Light.woff2') format('woff2'),
        url('../fonts/NunitoSans-Light.woff') format('woff'),
        url('../fonts/NunitoSans-Light.ttf') format('truetype'),
        url('../fonts/NunitoSans-Light.svg#NunitoSans-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Nunito Sans';
    src: url('../fonts/NunitoSans-ExtraBold.eot');
    src: url('../fonts/NunitoSans-ExtraBold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/NunitoSans-ExtraBold.woff2') format('woff2'),
        url('../fonts/NunitoSans-ExtraBold.woff') format('woff'),
        url('../fonts/NunitoSans-ExtraBold.ttf') format('truetype'),
        url('../fonts/NunitoSans-ExtraBold.svg#NunitoSans-ExtraBold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}


@font-face {
    font-family: 'Georgia';
    src: url('../fonts/Georgia-Bold.eot');
    src: url('../fonts/Georgia-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Georgia-Bold.woff2') format('woff2'),
        url('../fonts/Georgia-Bold.woff') format('woff'),
        url('../fonts/Georgia-Bold.ttf') format('truetype'),
        url('../fonts/Georgia-Bold.svg#Georgia-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Georgia';
    src: url('../fonts/Georgia-Italic.eot');
    src: url('../fonts/Georgia-Italic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Georgia-Italic.woff2') format('woff2'),
        url('../fonts/Georgia-Italic.woff') format('woff'),
        url('../fonts/Georgia-Italic.ttf') format('truetype'),
        url('../fonts/Georgia-Italic.svg#Georgia-Italic') format('svg');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Georgia';
    src: url('../fonts/Georgia.eot');
    src: url('../fonts/Georgia.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Georgia.woff2') format('woff2'),
        url('../fonts/Georgia.woff') format('woff'),
        url('../fonts/Georgia.ttf') format('truetype'),
        url('../fonts/Georgia.svg#Georgia') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}



.header_wrap {background: #18458b;}
.header_wrap .navbar-brand img{ max-width: 222px; }

body,
p,
h1,h2, h3, h4, h5, h6 {font-family: 'Nunito Sans', sans-serif !important;}

body {
    font-family: 'Nunito Sans', sans-serif !important;
    font-size: 15px;
    line-height: 1.6;
    color: #999999;
    font-weight: 400;
}
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, 
.col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, 
.col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, 
.col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, 
.col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, 
.col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, 
.col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, 
.col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9{padding-left: 15px; padding-right: 15px;}


div#content {overflow-x: hidden;}
.row {
    margin-right: -15px !important;
    margin-left: -15px !important;
}

 
h1,h2, h3, h4, h5, h6 {color: #333333;}
#navbar > .nav > li > a {
	color: #fff;
    font-size: 15px;
    padding: 10px 16px !important;
    display: block;
    line-height: 45px;
    box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
}
.navbar {
  margin-bottom: 0px;
  border: 0;
}

.header_wrap > nav.navbar > .container {
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    align-items: center;
    -moz-align-items: center;
    -webkit-align-items: center;
    -webkit-box-align: center;
}
.header_wrap div#navbar {margin-left: auto;}
.navbar-brand {
    float: none;
    height: auto;
    padding: 0px 15px;
    line-height: 20px;
    display: block;
}
ul.nav.navbar-nav.menu-left {
    margin-right: 15px;
}
.header_wrap div#navbar > ul.nav.menu-left li:first-child a img {
    padding-right: 30px;
    vertical-align: middle;
    margin-top: -5px;
}

#navbar > .nav > li > a:hover,
#navbar > .nav > li > a:focus {
    background: transparent;
}

#navbar .nav .open>a, 
#navbar .nav .open>a:focus, 
#navbar .nav .open>a:hover {
    background-color: transparent;
    border-color: #337ab7;
}
.navbar-toggle .icon-bar {background: #fff;}
#navbar .caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 8px dashed;
    border-right: 8px solid transparent;
    border-left: 8px solid transparent;
    color: #3aaced;
    margin-top: -2px;
}

.header_wrap ul li a img {
    vertical-align: middle;
    padding-right: 5px;
    margin-top: -2px;
}
.signin-info img {padding-right: 10px !important;}
ul.navbar-right > li.dropdown > a {font-weight: 600;}
li.tel-info a {font-size: 16px !important;}
.navbar-right > li:last-child {
    background: #3496d8;
    padding: 0 20px;
    margin-left: 10px;
}

.dropdown-menu>li>a {
    padding: 10px 20px;
    box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
}
.open>.dropdown-menu {padding: 0;}
.dropdown-menu>li>a:focus, 
.dropdown-menu>li>a:hover {
    color: #ffffff;
    background-color: #f89700;
}
.footertop {
	background: #18458b;
	color: #fff;
    position: relative;
}
.footertop .container {
	padding: 70px 15px 50px 15px;
    box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
}
.footerbt_inner p {margin: 0;}
.footerbottom {
	background: #061b41;
	color: #fff;
	padding: 12px 0;
    box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
}
.borderline {border-bottom: 1px solid #eee;}
.scrollTop {
    position: absolute;
    bottom: 40px;
    right: 70px;
}
.scrollTop a {
    background: #3aaced;
    border-radius: 7px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    text-align: center;
    padding: 8px 10px;
    box-shadow: 0 0 0 7px #13376f;
    -webkit-box-shadow: 0 0 0 7px #13376f;
    -moz-box-shadow: 0 0 0 7px #13376f;
}
.customer-logos button.slick-arrow {
    display: inline-block;
    font-weight: bold;
    padding: 10px 15px 10px 10px;
    position: relative;
    text-decoration: none;
    background: transparent;
    font-size: 0;
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    border: 0;
    box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
}
.customer-logos button.slick-arrow:before, 
.customer-logos button.slick-arrow:after {
    border-right: 3px solid;
    content: '';
    display: block;
    height: 16px;
    margin-top: -12px;
    position: absolute;
    -moz-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    top: 50%;
    width: 0;
}
.customer-logos button.slick-prev.slick-arrow:before, 
.customer-logos button.slick-prev.slick-arrow:after {
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.customer-logos button.slick-prev.slick-arrow:after {
    margin-top: -2px;
    -moz-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
}
.customer-logos button.slick-next.slick-arrow:after {
    margin-top: -2px;
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
section.customer-logos.slider.slick-initialized.slick-slider {padding: 0 30px;}
.customer-logos button.slick-prev.slick-arrow{left: 0px;}
.customer-logos button.slick-next.slick-arrow {right: 0px;}
.contantdeatils ul {
    padding: 0;
    list-style: none;
    margin: 0;
}
.fcontact .col-md-5 .fcontact_in {padding-right: 40px;}
.contantdeatils ul {
    padding: 0;
    list-style: none;
    margin: 0;
}
.contantdeatils, .topcontact {
    border-bottom: 1px dashed #eee;
    margin-bottom: 30px;
    padding-bottom: 15px;
    font-weight: 300;
    box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
}
.contantdeatils ul li {margin-bottom: 10px; 
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;}
.contantdeatils ul li img {
    margin-right: 11px;
    max-width: 20px;
    width: 20px;
    vertical-align: middle;
    height: 24px;
    object-fit: contain;
}
.contantdeatils ul li a {color: #fff;}
.actionbox {
    background: #305ca1;
    border: 1px solid #4c72ad;
    border-radius: 15px;
    padding: 20px 25px;
    margin-bottom: 40px;
    box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
    
}
.actionbox_in {
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    align-items: center;
    -moz-align-items: center;
    -webkit-align-items: center;
    -webkit-box-align: center;
} 
.actionbox_inleft {
    width: 60%;
    z-index: 999999;
    padding-left: 20px;
}
.actionbox_inleft h4 {
    font-size: 17px;
    line-height: 22px;
    margin: 0 0 15px 0;
}
.actionbox_in > img {position: absolute;z-index: 5;}
.actionbox_inright {
    width: 40%;
    text-align: right;
}
.actionbox_inright a {
    background: #f9b90e;
    padding: 10px 20px;
    color: #fff;
    border-radius: 5px;
    text-decoration: none;
    font-size: 15px;
    line-height: 20px;
    box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
}
.actionbox_inright a img {
    max-width: 14px;
    margin-left: 5px;
}
.form-control {
    display: block;
    width: 100%;
    height: 40px;
    padding: 8px 12px;
    font-size: 15px;
    box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
}

textarea.form-control {height: 90px;}
.actionbox_inleft p a {color: #38a4e4;} 
.actionbox_inleft p {
    font-size: 27px;
    line-height: 20px;
    font-weight: 600;
        margin: 0 0 2px 0;
}
.formcontact .form-group button.btn-primary {
    text-align: center;
    margin: 0 auto;
    display: block;
    padding: 10px 32px;
    font-size: 16px;
    line-height: 24px;
    background: #03a9f3;
    border: 0;
    font-weight: 700;
    letter-spacing: 1px;
    margin-top: 15px;
    box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
}

.formcontact .form-group button.btn-primary,
.formcontact .form-group button.btn-primary:hover,
.formcontact .form-group button.btn-primary:focus {
    text-align: center;
    margin: 0 auto;
    display: block;
    padding: 12px 32px;
    font-size: 24px;
    line-height: 26px;
    background: #3496d8;
    border: 0 !important;
    font-weight: 700;
    letter-spacing: 1px;
    margin-top: 15px;
    outline: 0;
    max-width: 235px;
    width: 100%;
    box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
}
.actionbox_inleft p a {color: #38a4e4;text-decoration: none;}
.actionbox.formcontact h4 {
     margin: 0 0 20px 0;
    color: #38a4e4;
    font-size: 24px;
    line-height: 28px;
}
.menufooter .dropdown-menu {top: auto !important;bottom: 100% !important;}  

.menufooter .nav>li>a, 
.menufooter .nav>li>a:focus, 
.menufooter .nav>li>a:hover {
    background-color: transparent !important;
    color: #999999;
}
.menufooter ul.navbar-right > li.dropdown > a {
    font-weight: 600;
    color: #fff;
}
.menufooter .navbar-right > li:last-child {padding: 0 !important;}
.menufooter li.dropdown {background: transparent !important;}
.menufooter li.dropdown .caret {
    border-top: 7px dashed #f9b90e;
    border-right: 7px solid transparent;
    border-left: 7px solid transparent;
}
.footerbottom > .container > .row {
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    align-items: center;
    -moz-align-items: center;
    -webkit-align-items: center;
    -webkit-box-align: center;
}
.banner-wrap {
    line-height: 0;
    position: relative;
    padding: 0;
    background: #000;
    height: 530px;
} 
.banner-wrap > img {
    height: 530px;
    width: 100%;
    object-fit: cover; -moz-object-fit: cover; -webkit-object-fit: cover;
}
.banner-cnt { 
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    z-index: 2;
    margin: 0 auto;
    width: 100%;
    box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
.banner-cnt .title-section h2 {font-weight: 700;}
.banner-inner {
    padding: 0 30px;
    margin: 0 auto;
    max-width: 1170px;
    width: 100%;
    text-align: left;
    box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
}
.banner-wrap .title-section p {
    line-height: 22px;
}

.banner-inner .banner-form {
    width: 100%;
    margin: 0 auto;
    text-align: center;
    box-shadow: 0 0 0 12px rgb(255 255 255 / 50%);
    border-radius: 15px;
    font-weight: 300;
    max-width: 840px;
} 
.banner-form .input-group {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    width: 100%;
}
.banner-form .form-group.col-md-3 {width: 27.6666%;}
.banner-form .form-group.col-md-3:last-child {
    width: 17.1%;
    margin-right: -1px;
}
.banner-form .input-group-prepend {
    display: flex;
    margin-right: -1px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-width: 35px;
    width: 100%;
}

.banner-form span.input-group-text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: .375rem .75rem;
    margin-bottom: 0;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    text-align: center;
    white-space: nowrap;
    background-color: #ffffff;
    /*border: 1px solid #ced4da;*/
    border-radius: 0;
    width: 35px;
}
.banner-form .form-control {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    width: 1%;
    margin-bottom: 0;
    height: 44px;
    padding: 8px 5px;
    font-size: 15px;
    border: 0;
    border-radius: 0;
    color: #010101;
    box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
}
.form-group.col-md-3 {
    padding: 0;
    margin: 0;
}
.banner-form span.input-group-text img{
    text-align: center;
    display: block;
    margin: 0 auto;
    padding-left: 5px;
}

.banner-form .form-control:hover,
.banner-form .form-control:focus{
    box-shadow: none;
}
.banner-form button.btn,
.banner-form button.btn-primary.focus, 
.banner-form button.btn-primary:focus,
.banner-form button.btn-primary:hover {
    width: 100%;
    height: 44px;
    background: #f9b90f;
    font-size: 15px;
    border-radius: 0;
    border-bottom-right-radius: 15px;
    border-top-right-radius: 15px;
    border: 0;
    outline: 0;
}

.banner-form input::-webkit-input-placeholder { color: #010101 !important;  opacity: 1; }
.banner-form input:-moz-placeholder { color: #010101 !important;  opacity: 1; }
.banner-form form .row {margin: 0 !important;}
.form-group.col-md-3:nth-child(1), 
.form-group.col-md-3:nth-child(2) {border-right: 1px solid #e8e8e8;}
.form-group.col-md-3 {
    padding: 0;
    border-radius: 0;
}

.form-group.col-md-3:nth-child(1)  span.input-group-text {
    border-bottom-left-radius: 15px !important;
    border-top-left-radius: 15px !important;
}
.banner-form button.btn img {margin-left: 5px;}
.banner-form .arrowselect {
    background-image: url(../images/dropdown.png);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-repeat: no-repeat;
    background-position: 94% center;
    padding-right: 18px !important;
}
input.form-control.circle-img {
    background-image: url(../images/circle.png);
    background-repeat: no-repeat;
    background-position: 94% center;
    padding-right: 35px !important;
}
.scroll-down {
  opacity: 1;
  -webkit-transition: all .5s ease-in 3s;
  transition: all .5s ease-in 3s;
}

.scroll-down { 
    position: absolute;
    bottom: 0px;
    left: 0;
    right: 0;
    margin: 0 auto;
    display: block;
    width: 100%;
    max-width: 145px;
    height: 45px;
    border: 0;
    background-size: 14px auto;
    border-radius: 0;
    z-index: 2;
    background: #3aaced;
    -webkit-transition: all .2s ease-in;
    transition: all .2s ease-in;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
}
.scroll-down:before, .scroll-down:after {
    position: absolute;
    top: calc(46% - 8px);
    left: calc(50% - 6px);
    transform: rotate(-45deg);
    display: block;
    width: 12px;
    height: 12px;
    content: "";
    border: 2px solid white;
    border-width: 0px 0 2px 2px;
}
.scroll-down:after {top: calc(60% - 8px);}
section.banner_below {
    padding: 115px 0 50px 0;
    box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
}
.title-section {margin-bottom: 30px;}
.title-section h2:before {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    max-width: 40px;
    height: 4px;
    background: #3aaced;
    border-radius: 5px;
} 
section.box_section .container .title-section > p,
.testimonials_wrap .container .title-section > p,
.banner_below .container .title-section > p {
    color: #878c9f;
}

.title-section.text-center h2:before {margin: 0 auto;}
.title-section h2 {
    font-size: 33px;
    line-height: 38px;
    margin: 0 0 10px 0;
    position: relative;
    padding-bottom: 15px;
    color: #333;
    font-weight: normal;
    box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
}
.container-in{
  display: grid;
  grid-template-columns: repeat(6,1fr);
  grid-auto-rows: 0px 250px;
  grid-gap: 14px;
  grid-auto-flow: dense;
}

.gallerysection {
  display: grid;
  grid-template-columns: repeat(6,1fr);
  grid-auto-rows: 0px 180px;
  grid-gap: 12px;
  grid-auto-flow: dense;
}

.gallery-item{
  width: 100%;
  height: 100%;
  position: relative;
}
.gallery-item .image{
  width: 100%;
  height: 100%;
  overflow: hidden;
  border-radius: 10px;
}
.gallery-item .image img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 50%;
  cursor: pointer;
  transition:.5s ease-in-out;
}
.gallery-item:hover .image img{transform: scale(1.5);}
.gallery-item .text{
    position: absolute;
    top: 50%;
    left: 0px;
    right: 0;
    transform: translateY(-50%);
    color: white;
    font-size: 14px;
    pointer-events: none;
    z-index: 4;
    transition: .3s ease-in-out;
    /*-webkit-backdrop-filter: blur(5px) saturate(1.8);
    backdrop-filter: blur(5px) saturate(1.8);*/
    text-align: left;
    height: 100%;
    width: 100%;
    padding: 32px 20px 25px 32px;
    box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
}

.img-itemtext {
    position: absolute;
    bottom: 0;
    top: auto;
    width: 100%;
    left: 0;
    right: 0;
    background-image: linear-gradient(0deg, #007dea8c, #0000000a);
    height: 120px;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
}

.gallery-item .text .btn-primary {
    color: #fff;
    background-color: #18458b;
    border-color: #18458b;
    box-shadow: 0 0 0 7px #ffffff69;
    font-size: 10px;
    padding: 6px 15px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    margin-left: 7px;
    margin-top: 7px;
}
.img-itemtext .img-inner{
    padding: 15px 30px 10px 30px;
    box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
}
.img-itemtext .img-inner h3 {
    font-size: 25px;
    line-height: 30px;
    padding: 0;
    margin: 0 0 10px 0;
}

.w-1{grid-column: span 1;}
.w-2{grid-column: span 2;}
.w-3{grid-column: span 3;}
.w-4{ grid-column: span 4;}
.w-5{grid-column: span 5;}
.w-6{grid-column: span 6;}
.h-1{grid-row: span 1;}
.h-2{grid-row: span 2;}
.h-3{grid-row: span 3;}
.h-4{grid-row: span 4;}
.h-5{grid-row: span 5;}
.h-6{grid-row: span 6;}

.btn-section a.btn {padding: 0;line-height: 0;}

.btn-shadow,
.btn-shadow:hover,
.btn-shadow:focus {
    box-shadow: 0 0 0 7px #9dd6f6;
    -webkit-box-shadow: 0 0 0 7px #9dd6f6;
    -moz-box-shadow: 0 0 0 7px #9dd6f6;
}
span.arrowselect {
    background: #3aabed;
    /* height: 50px; */
    width: 50px;
    display: inline-block;
    line-height: 55px;
    border-top-right-radius: 7px;
    border-bottom-right-radius: 7px;
    border-left: 1px solid #b1d3ea;
}
span.btntext {
    padding: 12px 25px;
    display: inline-block;
    font-size: 16px;
    box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
}
.btn-primary {background-color: #3b91ca;border: 0;}
span.arrowselect:before {
    content: '';
    display: inline-block;
    font-size: 18px;
    text-align: center;
    background-image: url(../images/arrow-right.png);
    background-repeat: no-repeat;
    background-size: 15px;
    height: 9px;
    width: 15px;
    transform: rotate(-90deg);
}
.actionbox_inner {
    border: 1px solid #8e8e8e;
    padding: 30px 15px;
    text-align: center;
    height: 100%;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    position: relative;
    color: #737680;
    box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
}
.actionbox_inner p {
    font-family: 'Open Sans', sans-serif !important;
    font-size: 15px;
    line-height: 25px;
    color: #737680;
}
.btn {
    border-radius: 7px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
}
section.box_section {
    padding: 55px 0 110px 0;
    box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
}
.light-section
.light-section h1,
.light-section h2,
.light-section h3,
.light-section h4,
.light-section h5,
.light-section h6,
.light-section p {color: #fff;}

.actionbox_inner h3 {
    font-size: 22px;
    font-weight: 600;
    line-height: 28px;
    color: #18458b;
}
.actionbox_inner:before {
    content: "";
    display: block;
    position: absolute;
    height: 1px;
    width: 22px;
    right: -22px;
    background: #8e8e8e;
    top: 50%;
}
.container.box_service > .row > .col-md-4 {
    padding-left: 10px;
    padding-right: 10px;
}

.box_service .row > .col-md-4:last-child .actionbox_inner:before{display: none;}

section.mapsection_wrap.light-section {
    padding: 50px 0 0px 0;
    background-size: cover;
}
.mapsection_inner p {padding-right: 55px;}
.line-img img {
    position: absolute;
    left: -48px;
    opacity: 0.5;
    z-index: 0;
}
.linehide h2:before {display: none;}
.btn-wrap {
    position: relative;
    display: inline-block;
    vertical-align: middle;
}
.btn-wrap {
    margin-top: 35px;
    margin-left: 8px;
}
.btn-wrap a.btn {
    padding: 10px 30px;
    margin-right: 20px;
     box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
} 
.btn-wrap a.btn img {
    padding-right: 10px;
    vertical-align: middle;
    margin-top: -2px;
}
.btn-wrap a.btn {
    padding: 12px 20px;
    margin-right: 20px;
    background: #335a97;
    margin-bottom: 25px;
}
.title-section2 h2 {
    font-size: 36px;
    line-height: 40px;
    margin: 0 0 12px 0;
    padding-bottom: 10px;
    font-weight: 700;
}
section.mapsection_wrap .title-section h2:before {display: none;}
.testimonials_wrap{
    padding: 110px 0 70px 0;
     box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
}

#customers-testimonials .item {
    text-align: left;
    margin-bottom: 50px;
    padding: 45px 25px 20px 45px;
    opacity: 1;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    background-color: #FFF;
    border-radius: 5px;
    border: 1px solid #999999;
    position: relative;
} 
#customers-testimonials .owl-item.active.center .item {
    opacity: 1;
   /* -webkit-transform: scale3d(1.0, 1.0, 1);
    transform: scale3d(1.0, 1.0, 1);*/
    background-color: #ecf6f8;
    border-color: #ecf6f8;
}
#customers-testimonials .owl-item {
    padding: 0 12px;
}
.owl-carousel .owl-item .star-rating img {
    display: inline-block;
    width: auto;
    max-width: inherit;
}
#customers-testimonials.owl-carousel .owl-stage {padding-top: 50px;}
#customers-testimonials.owl-carousel .owl-dots .owl-dot.active span, 
#customers-testimonials.owl-carousel .owl-dots .owl-dot:hover span {
    background: #3aaced;
    border-color: #3aaced;
}
#customers-testimonials.owl-carousel .owl-dots {
    display: inline-block;
    width: 100%;
    text-align: center;
}
#customers-testimonials.owl-carousel .owl-dots .owl-dot {
    display: inline-block;
    outline: none;
}
#customers-testimonials.owl-carousel .owl-dots .owl-dot span {
    background: #8e8e8e;
    display: inline-block;
    height: 15px;
    margin: 0 5px 5px;
    transform: translate3d(0px, -50%, 0px) scale(0.8);
    transform-origin: 50% 50% 0;
    transition: all 250ms ease-out 0s;
    width: 15px;
    border-radius: 100%;
}
.author-img {
    position: absolute;
    top: -40px;
    z-index: 999999;
    left: 55px;
}
.author-img img {
    width: 100% !important;
    padding: 10px;
    max-width: 70px;
    object-fit: cover;
    height: 70px;
    border-radius: 100%;
    margin-bottom: 0 !important;
    z-index: 99999;
    background: #f7f9fb;
    border: 1px solid #999;
    padding: 7px;
    border-radius: 100%;
    margin-bottom: 0 !important;
}

#customers-testimonials .owl-item.active.center .item .author-img {top: -45px;}
#customers-testimonials .owl-item.active.center .item .author-img img {
    max-width: 90px;
    object-fit: cover;
    height: 90px;
}
.star-rating {
    padding-bottom: 12px;
    margin-top: -20px;
    text-align: right;
    margin-right: 10px;
}
h5.client_name {
    font-size: 12px;
    color: #333333;
    font-weight: 700;
    text-transform: uppercase;
}

h5.client_name span {color: #999999;}
.client_text {
    font-style: italic;
   /* color: #999999;*/
    font-size: 14px;
    line-height: 22px;
}
.client_text p {font-family: 'Georgia' !important;}
.socia_media a {
    font-size: 12px;
    color: #18458b;
}
.item.shadow-lg:before, .item.shadow-lg:after {
    content: "";
    display: block;
    background-image: url(../images/quotes.png);
    background-repeat: no-repeat;
    background-size: 30px;
    max-width: 35px;
    height: 34px;
    position: absolute;
    top: 15px;
    left: 15px;
    width: 39px;
}

.active.center .item.shadow-lg:before,
.active.center .item.shadow-lg:after {
    background-image: url(../images/blue-quote.png);
}
.item.shadow-lg:after {
    bottom: 5px;
    right: 10px;
    top: auto;
    left: auto;
} 
#customers-testimonials button.owl-prev,
#customers-testimonials button.owl-next{
    height: 45px;
    width: 45px;
    background: #f9b90f !important;
    position: absolute;
    bottom: 5px;
    border-radius: 100%;
}
#customers-testimonials button.owl-prev span,
#customers-testimonials button.owl-next span {
    background-image: url(../images/arrow.png);
    background-repeat: no-repeat;
    background-size: 24px;
    display: block;
    color: transparent;
    background-position: center;
}

#customers-testimonials button.owl-prev span {transform: rotate(-180deg);}
#customers-testimonials button.owl-prev {left: 40%;}
#customers-testimonials button.owl-next { right: 40%;}
.plusicon span.arrowselect:before {
    content: '';
    display: inline-block;
    font-size: 18px;
    text-align: center;
    background-image: url(../images/plus-icon.png);
    background-repeat: no-repeat;
    background-size: 18px;
    height: 16px;
    width: 18px;
    transform: none;
    margin-bottom: -5px;
}
.btn-section {margin-left: 8px;}   
section.hm_bannerimg_wrap {
    height: 335px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    align-items: center;
    -moz-align-items: center;
    -webkit-align-items: center;
    -webkit-box-align: center;
}


/*------booking page------*/
section.booking_wrap {
    background: #ecf6f8;
    padding: 40px 0 70px 0;
}
.map_booktext {
    position: absolute;
    bottom: 0px;
    width: 100%;
    background: rgb(0 0 0 / 62%);
    top: auto;
    padding: 7px 0;
    text-align: center;
    display: block;
    font-size: 16px;
    line-height: 24px;
    font-weight: 600;
    border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px;
}
.map_booktext a {
    display: block;
    color: #fff;
    text-decoration: none;
}
.bookingmap {
    position: relative;
    padding: 0;
    margin: 0;
    line-height: 0;
}
.btn-light {background: #fff;}
.text-blue{color: #296ecb;}
.text-green {color: #5ecfb1;}
.bookingmap iframe { border-radius: 7px;}
.booking_deatils h5 {
    font-size: 16px;
    line-height: 22px;
    color: #999999;
    margin: 0 0 10px 0;
}
.booking_deatils h5 img {
    vertical-align: middle;
    margin-right: 5px;
    margin-top: -2px;
}
.booking_deatils.mb-50 h2 {
    font-size: 27px;
    font-weight: 600;
    line-height: 32px;
    color: #333333;
    margin: 0 0 2px 0;
}
.fa.checked {color: #f79800;}
.score-wrap {
    color: #999999;
    font-size: 16px;
    line-height: 20px;
}
span.stars-active {padding-right: 5px;}
.booking_location ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.btn-group2 .btn:first-child {margin-right: 12px;}
.btn-group2 .btn {font-weight: 600;font-size: 10px;padding: 5px 10px;}
.btn-group2 .btn i{padding-right: 1px;}
.booking_location ul li {padding: 0 0 6px 0; font-weight: 300;}
.booking_location ul li span{ color: #5ecfb1;} 
.booking_location {
    border-bottom: 1px solid #999999;
    border-top: 1px solid #999999;
}
.booking_location ul li  img{padding-right: 12px;}
span.stars-active i.fa {margin-right: 2px;}

.bookingform .quantity {display: inline-block; }
.bookingform .quantity .input-text.qty {
     width: 40px;
     height: 30px;
     padding: 0px;
     text-align: center;
     background-color: transparent;
     border: none;
     font-size: 28px;
    font-weight: 600;
    outline: 0;
}

.bookingform .quantity.buttons_added {
     text-align: left;
     position: relative;
     white-space: nowrap;
     vertical-align: top; 
 }

.bookingform .quantity.buttons_added input {
 display: inline-block;
 margin: 0;
 vertical-align: top;
 box-shadow: none;
}

.bookingform .quantity.buttons_added .minus,
.bookingform .quantity.buttons_added .plus {
 padding: 5px;
 height: 30px;
 width: 30px;
 font-size: 34px;
line-height: 0px;
cursor: pointer;
border-radius: 5px;
 background-color: #ecf6f8;
 border: none;
 cursor:pointer;
}

.bookingform .quantity.buttons_added .minus:hover,
.bookingform .quantity.buttons_added .plus:hover {background: #eeeeee; } 

.bookingform .quantity input::-webkit-outer-spin-button,
.bookingform .quantity input::-webkit-inner-spin-button {
 -webkit-appearance: none;
 -moz-appearance: none;
 margin: 0; }
 
.bookingform  .quantity.buttons_added .minus:focus,
.bookingform .quantity.buttons_added .plus:focus {outline: none; } 
.bookingform.box_boder {
    background: #fff;
    padding: 25px 30px;
    border: 1px solid #999999;
    border-radius: 8px;
}
.bookingform .form-group h2 {
    margin: 0 0 6px 0;
    font-size: 24px;
    color: #333333;
}
.bookingform > form > h3 {
    font-size: 18px;
    line-height: 24px;
    margin: 0 0 20px 0;
    color: #333333
}
.bookingform .form-group  h5 {
    margin: 0 0 15px 0;
    font-size: 16px;
    color: #333333;
}

.bookingform select.form-select.form-control {
    width: 44%;
    margin: 1%;
        font-weight: 600;
        font-size: 18px;
}
.bookingform .select-feild label {
    width: 24%;
    color: #333333;
    font-size: 17px;
    font-weight: 600 !important;
}
.bookingform .select-feild span {
    width: 30%;
    text-align: right;
    margin-left: auto;
} 
.form-group.applycoupon .form-control {
    border-top: 0;
    box-shadow: none;
    border-left: 0;
    border-right: 0;
    border-radius: 0;
}
.bg-info {background: #ecf6f8;}
.bookingform button.btn {
    max-width: 190px;
    width: 100%;
    padding: 10px;
    border: 0;
    font-size: 22px;
    line-height: 26px;
    background: #f89800;
    font-weight: 300;
}
.bookingform button.btn i {padding-left: 5px;}
.booking_wrap > .container > .row > .col-md-6:last-child {padding-left: 25px;}
.bookingform .col-md-5 label {
    margin-bottom: 12px;
    font-weight: normal;
    font-size: 16px;
}

.bookingform .col-md-12 label {
    margin-bottom: 18px;
    font-weight: 600;
    font-size: 18px;
    color: #333333;
}
.textarea-feild textarea {height: auto !important;}
.bookingform .form-control {border: 1px solid #999999;}
.bookingform hr {border-color: #999;}
.banne_innerpage {
    height: 365px;
    line-height: 0;
    position: relative;
    padding: 0;
}
.banne_innerpage img {
    height: 365px;
    width: 100%;
    object-fit: cover;
    -moz-object-fit: cover;
    -webkit-object-fit: cover;
}
.banner-text{
    position: absolute;
    bottom: 0;
    top: auto;
    width: 100%;
    left: 0;
    right: 0;
    background-image: linear-gradient(0deg, #007dea8c, #0000000a);
    height: 120px;

}

.banner-text .title-section h2 {
    font-size: 60px;
    line-height: 65px;
    margin: 0 0 10px 0;
    position: relative;
    padding-bottom: 20px;
    color: #fff;
    font-weight: 700;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.banner-text .title-section h2:before{display: none;}
.beforehide h2:before{display: none;}
.innerpage_wrap {
    padding: 50px 0 70px 0;
    font-weight: 300;
    font-size: 18px;
    line-height: 32px;
}
.innerpage_wrap p {
    margin-bottom: 20px;
}
/*------booking page------*/


/*listing page*/

.listtop_innerform .selectdiv select, 
.selectfilter select {
    position: relative;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: block;
  width: 100%;
  -ms-word-break: normal;
  word-break: normal;
   background-color: #ecf6f8;
    background-repeat: no-repeat;
    background-position: 4% center;
    padding-left: 32px;
    font-size: 13px;
    line-height: 24px;
    color: #999999;
}
.listtop_innerform .selectdiv .listicon,
.selectfilter select  {
    background-image: url(../images/line-orange.png);
}
.listtop_innerform .selectdiv .locationicon {
    background-image: url(../images/location-yello.png);
}
.listtop_innerform .selectdiv .dateicon {
    background-image: url(../images/Calander.png);
}


.listtop_innerform .selectdiv:after,
.selectfilter:after {
    content: '';
    display: block;
    color: #0ebeff;
    right: 10px;
    top: 13px;
    position: absolute;
    pointer-events: none;
    font-weight: bold;
    border-left: 2px solid #0ebeff;
    border-bottom: 2px solid #0ebeff;
    transform: rotate(-45deg);
    height: 10px;
    width: 10px;
}
.selectdiv,
.selectfilter {
    position: relative;
}

/* IE11 hide native button (thanks Matt!) */
.listtop_innerform select::-ms-expand {display: none;}


.quantity_data .quantity.buttons_added {
   width: 100%;
    position: relative;
    max-width: 75px;
}
.listtop_innerform label {
    margin-bottom: 10px;
    font-weight: 600;
    font-size: 13px;
    color: #999999;
    text-transform: uppercase;
}
.listtop_innerform .quantity_data  label {
    margin: 0 !important;
    padding-right: 20px;
    font-weight: 600;
}

.quantity_data input.minus, 
.quantity_data input.plus {
    position: absolute;
    right: 0;
    top: 0;
    width: 22px;
    height: 20px;
    line-height: 20px;
    -webkit-appearance: none;
    font-size: 20px;
    padding: 0;
    background: #ecf6f8;
    border: 1px solid #999999;
}
.quantity_data input.minus {
    bottom: 0;
    top: auto;
    font-size: 24px;
    line-height: 18px;
}

.quantity_data input.input-text.qty {
    height: 42px;
    width: 100%;
    outline: 0;
    padding-left: 18px;
    border-bottom-left-radius: 5px;
    font-weight: 600;
    border-top-left-radius: 5px;
    border: 1px solid;
    /* text-align: revert; */
}

section.listing_topsection,
.border_bm {border-bottom: 1px solid #999999;}

.listtop_innerform > form > .row > .col-md-4 {padding-right: 30px;}
.listtop_map {line-height: 0;}
section.listing_wrap {
    padding: 30px 0 30px 0;
    background-color: #ecf6f8;
} 

.selectfilter select {
    background-position: 4% center;
    padding-left: 32px;
    font-size: 15px;
    line-height: 25px;
    background-color: #fff;

}
.listing_groupbtn {text-align: right;}

.listing_groupbtn .btn-gridlist:last-child > .btn {margin-left: 20px;}
.listing_groupbtn .btn-gridlist > .btn {
    background: #fff;
    width: 40px;
    height: 40px;
    border-radius: 100px;
    border: 1px solid #999999;
    box-shadow: none;
    padding: 0;
    color: #999999;
} 
.listing_groupbtn .btn-gridlist > .btn:hover,
.listing_groupbtn .btn-gridlist > .btn:focus {color: #3496d8;}

.listing_groupbtn .btn-gridlist > .btn i {
    font-size: 18px;
    line-height: 40px;
}

.listing_gridwrap {
    display: block;
    padding: 0px;
    margin-bottom: 35px;
    line-height: 1.42857143;
    background-color: #fff;
    border-radius: 10px;
    -webkit-transition: border .2s ease-in-out;
    -o-transition: border .2s ease-in-out;
    transition: border .2s ease-in-out;
}
.list-group > .item.col-lg-4 {
    padding-left: 12px;
    padding-right: 12px;
}
.list-group {margin-bottom: 12px;}

.listing_img {height: 230px; position: relative;}
.listing_img img.list-group-image {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    max-width: 100%;
    display: block;
    height: 100%;
    object-fit: cover;
    width: 100%;
}
.listing_imgtext {
    position: absolute;
    top: 50%;
    left: 0px;
    right: 0;
    transform: translateY(-50%);
    color: white;
    font-size: 14px;
    pointer-events: none;
    z-index: 4;
    transition: .3s ease-in-out;
    text-align: left;
    height: 100%;
    width: 100%;
    padding: 22px 20px 25px 25px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.listing_imgtextbottom {
    position: absolute;
    bottom: 0;
    top: auto;
    width: 100%;
    left: 0;
    right: 0;
    background-image: linear-gradient( 0deg, #007dea8c, #0000000a);
    height: 70px;
    padding: 10px 20px 18px 25px;
}
.listing_imgtext .listauthor-img img {
    width: 100%;
    max-width: 100%;
    border-radius: 100%;
}
.listing_imgtext .listauthor-img {
    height: 32px;
    width: 32px;
    box-shadow: 0 0 0 4px #ffffff69;
    border-radius: 100px;
    float: left;
}
.listing_imgtext .sale-text span {
    position: absolute;
    right: 0;
    top: 50%;
    left: 21px;
    margin: 0 auto;
    display: block;
    top: 50%;
    left: 0px;
    right: 0;
    transform: translateY(-50%);
    text-align: center;
}
.listing_imgtext .sale-text {
    margin-left: auto;
    position: relative;
}

.listing_imgtext .reviewstext {
    float: right;
    width: 50%;
    text-align: right;
}
.listing_imgtext .score-wrap {
    width: 50%;
    float: left;
}

.listing_imgtext .reviewstext p span {
    font-size: 18px;
}
.listing_imgtext .reviewstext p {
    font-size: 13px;
    margin: 0;
    padding-right: 15px;
        text-align: center;
}
.listing_imgtext a.btn {
    width: 38px;
    height: 38px;
    background: #18458b;
    color: #fff;
    line-height: 38px;
    font-size: 20px;
    padding: 0;
    box-shadow: 0 0 0 4px rgb(255 255 255 / 50%);
    border-radius: 4px;
    border-bottom-left-radius: 0;
}
.listing_title_wrap i {
    font-size: 18px;
    color: #f9b90f;
    padding-right: 8px;
}
.listing_imgtext .fa.checked {
    color: #f9b90f;
    font-size: 22px;
}

.listing_caption {padding: 20px;}
.listing_title_wrap h2.list-item-heading {
    margin: 0 0 10px 0;
    font-size: 22px;
    font-weight: 700;
    line-height: 28px;
    color: #3aaced;
}
.listing_title_wrap p {margin: 0 0 10px 0;}
.listing_caption .listing-des {
    border-bottom: 1px solid #999999;
    border-top: 1px solid #999999;
}
.listing_caption .listing-des p {
    font-family: 'Open Sans', sans-serif !important;
}

.available-item ul li {
    display: inline-block;
    margin-right: 8px;
}

.available-item {padding: 10px 0;}
.available-item ul {
    padding: 0;
    margin: 0;
    list-style: none;
}
.socialmedia ul {
    list-style: none;
    padding: 0;
    margin: 0;
    text-align: right;
}
.socialmedia {
    padding: 0;
    margin: 0;
    position: relative;
}
.socialmedia ul li {
    display: inline-block;
    margin-left: 6px;
}
.socialmedia ul li a {
    width: 38px;
    height: 38px;
    background: #ecf6f8;
    display: block;
    line-height: 35px;
    border-radius: 4px;
    text-align: center;
}
.listing_add a.btn {
    background: #ecf6f8;
    color: #999;
    box-shadow: none;
    padding: 8px 10px;
    font-size: 14px;
    line-height: 20px;
    font-weight: 700;
    border-radius: 4px;
    border: 1px solid #999999;
}
.listing_add a.btn span {color: #3aaced;}
.listing_title_wrap img {
    position: absolute;
    top: 0;
    right: 0;
}
.listing_title_wrap {position: relative;}

.listing_pagination span.previous-btn, 
.listing_pagination span.next-btn {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 0;
    vertical-align: middle;
    border-top: 8px dashed;
    border-right: 8px solid transparent;
    border-left: 8px solid transparent;
    color: #999999;
    margin-top: 0;
    transform: rotate(90deg);
}
.listing_pagination span.next-btn {
    transform: rotate(-90deg);
}
.listing_pagination .pagination>li>a:focus, 
.listing_pagination .pagination>li>a:hover, 
.listing_pagination .pagination>li>span:focus, 
.listing_pagination .pagination>li>span:hover {
    z-index: 2;
    color: #ffffff;
    background-color: #3496d8;
    border-color: #3496d8;
}

.listing_pagination .pagination li a:focus span, 
.listing_pagination .pagination li a:hover span{color: #ffffff;}
.listing_pagination a.page-link {
    margin-left: 5px !important;
    margin-right: 5px;
    height: 40px;
    width: 40px;
    line-height: 38px;
    padding: 0;
    text-align: center;
    color: #999999;
    font-size: 20px;
    border: 1px solid #999999;
    border-radius: 4px;
}

.item.list-group-item .listing_gridwrap {
    margin-bottom: 0px;
    display: block;
    height: 100%;
    border: 0;
}
.list-group-item .listing_img {
    float: left;
    height: auto;
    width: 40%;
    height: 100%;
}
.list-group-item .listing_caption {
    padding: 20px;
    float: left;
    width: 60%;
}
.listing_pagination nav {text-align: center;}

.listing_pagination ul.pagination li.page-item.active a, 
.listing_pagination ul.pagination li.page-item.active a span {
    color: #fff;
    background: #3496d8;
} 
.listing_pagination ul.pagination {
    margin: 0 !important;
    padding: 0;
}
.item.list-group-item{
    float: none;
    width: 100% !important;
    margin-bottom: 15px;
    background-color: transparent;
    border: 0;
}
.item.list-group-item .list-group-image{margin-right: 10px;}
.item.list-group-item .listing_gridwrap {margin-bottom: 0px;}
/*.item.list-group-item .listing_gridwrap:nth-of-type(odd){background: #eeeeee;}*/
.item.list-group-item:before, 
.item.list-group-item:after{
    display: table;
    content: " ";
}
.list-group-item .listing_img img.list-group-image,
.list-group-item .listing_imgtextbottom {
    border-top-right-radius: 0;
    border-bottom-left-radius: 10px;
}
.item.list-group-item:after{clear: both;}

/*baggage listing Page*/
.errorcode_in {
    padding: 7px 15px;
    background: #ebebeb;
    border-radius: 5px;
}
.errorcode_in p {
    line-height: 24px;
    font-size: 14px;
    margin: 0;
    
} 
.errorcode_in p img {
    margin-right: 5px;
    margin-top: -2px;
}
.baggagelist_inform label {
    margin-bottom: 15px;
    font-weight: 500;
    font-size: 14px;
    color: #333333;
    text-transform: none;
}
.baggagelist_inform .bookingform button.btn {
    font-size: 16px;
    line-height: 20px;
    padding: 10px 10px;
    border: 0;
    outline: 0;
    font-weight: 400;
}
.baggagelist_inform .bookingform .quantity .input-text.qty {
    width: 32px;
    height: 30px;
    font-size: 24px;
    outline: 0;
    color: #333;
}
.baggagelist_inform .bookingform .quantity.buttons_added .minus, 
.baggagelist_inform .bookingform .quantity.buttons_added .plus {
    font-size: 24px;
}

.baggagelist_inform .bookingform .quantity.buttons_added input {color: #333;}
.baggagelist_inform .bookingform button.btn i {font-weight: 100;}
.baggagelist_inform > form > .bookingform > .col-md-3,
.baggagelist_inform > form > .row > .col-md-12 {padding-right: 30px;}
.baggagelist_inform .bookingform button.btn img {padding-left: 5px;}

.baggagelist_intop p span {color: #3496d8;}
.baggagelist_intop p {
    font-weight: 600;
    color: #333333;
}
.baggagelist_intop.text-right p img {margin-top: -3px;}
.baggagelist_intop.text-right p {
    font-size: 14px;
   
}

.baggagelist_wrap {
    padding: 20px 0 60px 0;
    background-color: #ecf6f8;
} 
.baggagelist_box h2 {
    color: #000;
    font-size: 20px;
    line-height: 26px;
    margin: 0 0 12px 0;
    font-weight: 600;
}

.baggagelist_box {
    border: 1px solid #999999;
    padding: 20px;
    border-radius: 5px;
    background: #fff;
}
.baggagelist_box img.img-responsive {
    height: 100%;
    object-fit: cover;
    border-radius: 7px;
}
.baggagelist_box_in {height: 100%;}
.baggagelist_box_in ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.baggagelist_box span.stars-active i.fa {margin-right: 4px;}
.baggagelist_box_in ul li{
    padding: 0 0 5px 0;
    margin: 0;
    display: flex;
    display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;      /* TWEENER - IE 10 */
    display: -webkit-flex;     /* NEW - Chrome */
}

.baggage_loc_icon {margin-right: 7px;}
.baggage_loc_text {
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    
}
.baggage_loc_text p span {
    color: #3496d8;
}
.baggage_loc_icon {
    margin-right: 5px;
    max-width: 22px;
    width: 100%;
}
.baggage_loc_icon img {
    margin-top: -5px;
}
.btn-more a {
    max-width: 120px;
    font-size: 13px;
    line-height: 18px;
    width: 100%;
    background: #f79800;
    border: 0;
    text-transform: uppercase;
    font-weight: 600;
    line-height: 34px;
    height: 32px;
    padding: 0;
    text-align: center;
    border-radius: 4px;
}

.btn-more a:last-child {
    /*background: #18458b;
    margin-left: 10px;*/
}
.btn-more a img {
    margin-top: -2px;
    margin-left: 2px;
}
.openingtime {
    text-align: right;
    color: #5ecfb1;
    font-weight: 400;

}
.baggage_parhour p b{
    font-size: 20px;
    color: #333;
    font-weight: 600;
}
.baggage_parhour span {color: #3496d8; font-weight: 600; font-size: 20px;}

.baggagelist_box > .row .col-md-7 {
    padding-right: 10px;
}
.baggagelist_box > .row .col-md-5 {
    padding-right: 12px;
}

.row.baggagelist-row .col-md-6:last-child {
    padding-left: 10px;
}
.row.baggagelist-row .col-md-6:first-child {
    padding-right: 10px;
}

/*baggage listing Page*/


/*Baggage Storage*/

.our_working_in h5 {
    color: #999999;
    font-size: 17px;
    font-weight: 300;
    margin: 0 0 12px 0;
    letter-spacing: 0.3px;
}
.our_working_in img {
    margin-bottom: 18px;
    
}

.our_working_in h3 {
    margin: 0 0 15px 0;
    color: #333333;
    font-weight: 400;
    font-size: 22px;
}
.our_working_in p {
    font-size: 16px;
    padding-right: 14px;
    line-height: 26px;
}
.btn_location a.btn {
    max-width: 270px;
    width: 100%;
    font-size: 18px;
    line-height: 27px;
    padding: 15px 10px;
    font-weight: 400;
}

section.storageprice_wrap {
    padding: 35px 0 50px 0;
}
.storageprice_in ul {
    padding: 0;
    margin: 0;
    list-style: none;
    columns: 3;
    column-gap: 60px;
}
.storageprice_in ul li img{display: block; margin-bottom: 8px;}

.storageprice_in h2 {
    font-size: 28px;
    font-weight: 700;
    line-height: 42px;
    margin: 0 0 30px 0;
    max-width: 380px;
    color: #333333;
}

.imagesbg {
    max-width: 400px;
    background: #000;
    height: 530px;
    border-radius: 8px;

}

.imagesbg img {
    opacity: 0.8;
    height: 100%;
    object-fit: cover;
    border-radius: 8px;
}
.storagepriceimg {
    position: absolute;
    left: 0;
    right: 0;
    display: block;
    width: 100%;
    max-width: 400px;
    padding-left: 40px;
    top: 0;
    height: 100%;
    color: #fff;

}

.storageprice_in.storage-img {
    position: relative;
}
.arrowbtn, .findmore, .price_text {
    padding-left: 40px;
    left: 0px;
    right: 0;
    position: absolute;
}
.arrowbtn {
    top: 70px;
}
.findmore {
    bottom: 70px;
}
.price_text {
    top: 50%;
    transform: translateY(-50%);
}
.findmore a {
    background: #fff;
    color: #3b91ca;
    padding: 10px 30px;
    font-size: 18px;
    font-weight: 700;
}

.arrowbtn span:before, .arrowbtn span:after {
    color: #fff;
    border-right: 1px solid currentcolor;
    border-bottom: 1px solid currentcolor;
    content: '';
    position: absolute;
    width: 7px;
    height: 7px
}
.storageprice_in {
    margin-bottom: 20px;
}

.arrowbtn span:before{
    left: -1px;
    transform: rotate(135deg)
}
.arrowbtn span:after{
    right: -1px;
    transform: rotate(-45deg)
}
.arrowbtn span {
    width: 10px;
    height: 10px;
    position: relative;
    transform: rotate(90deg);
    display: inline-block;
        margin-left: 7px;
    margin-right: 5px;
}

.arrowbtn a.btn {
    background: rgb(255 255 255 / 35%);
    padding: 10px 15px;
    color: #fff;
    font-size: 18px;
    line-height: 26px;
}

.price_text h2 {
    font-size: 50px;
    line-height: 55px;
    color: #fff;
    font-weight: 700;
    margin: 0 0 15px 0;
}

.storageprice_in ul li {
    font-size: 18px;
    line-height: 30px;
}

section.storage_trusted {
    padding: 20px 0 60px 0;
}
.bg-lightblue {
    background: #ecf6f8;
}

.storage_trusted_wrap > .container {
    width: 50%;
}
.storage_trusted_wrap > .storagemap_img {
    width: 45%;
}
.storage_trusted_wrap > .storagemap_img img {
    width: 100%;
}
.trusted_info h2 {
    font-size: 28px;
    line-height: 38px;
    color: #333333;
    font-weight: 700;
    margin: 0 0 30px 0;
    max-width: 420px;
}
.bg-lightblue .col-md-6:first-child:before {
    content: "";
    display: block;
    background: #ecf6f8;
    width: 1000%;
    left: -1000%;
    position: absolute;
    height: 100%;
    z-index: -1;
}
.bg-lightblue .col-md-6:last-child:before {
    content: "";
    display: block;
    background: #ecf6f8;
    width: 1000%;
    right: -1000%;
    position: absolute;
    height: 100%;
    z-index: -1;
}

.darkcolor h1,
.darkcolor h2, 
.darkcolor h3, 
.darkcolor h4, 
.darkcolor h5, 
.darkcolor h6 {color: #2a5394;}

.trusted_infotext h3 {
    font-size: 20px;
    margin: 0 0 10px 0;
    min-height: 50px;
    line-height: 30px;
    padding-right: 32px;
        font-weight: 600;
} 
.trusted_infotext img {margin-bottom: 15px;}
.trusted_infotext {
    padding-right: 35px;
    margin-bottom: 30px;
}
.trusted_info {
    max-width: 610px;
    margin: 0 auto;
}



.bg-lightblue .trusted_infotext {
    margin-top: -20px;
}
.trusted_info .row:last-child .trusted_infotext {
    margin-bottom: -25px;
}

/*Baggage Storage*/


 .quantity.buttons_added.quantity_add .minus,  
 .quantity.buttons_added.quantity_add .plus {font-size: 28px; height: 44px; font-weight: 600;}
.quantity.buttons_added.quantity_add input {color: #333;}
.quantity.quantity_add .minus,  
.quantity_add.quantity .plus {
    padding: 5px;
/*    height: 30px;*/
    width: 30px;
    color: #333;
    font-size: 34px;
    line-height: 0px;
    cursor: pointer;
    border-radius: 0px;
    background-color: #fff;
    border: none;
    cursor: pointer;
}
 .quantity.quantity_add input {
    display: inline-block;
    margin: 0;
    vertical-align: top;
    box-shadow: none;
}
 .quantity_add.quantity .input-text.qty {
    width: 35px;
    padding: 0px;
    text-align: center;
    background-color: #fff;
    border: none;
    font-size: 20px;
    font-weight: 600;
    outline: 0;
    height: 44px;
} 
 
 .banner-form .quantity.buttons_added.quantity_add {
    margin-left: auto;
}
 .banner-form input::-webkit-outer-spin-button,
 .banner-form input::-webkit-inner-spin-button {
  -webkit-appearance: none !important;
  -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0; 

}

.bg-white .input-group {
    background: #fff;
}

/*listing page*/

/*booking-deatils*/

section.tabbooking-deatils {
    padding: 15px 0;
}
section.tabbooking-deatils.fixed {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 99999;
    background: #fff;
    display: block;
    right: 0;
}

.map-deatils .btn {
    background: #f89800;
    padding: 10px 15px;
    color: #fff;
    font-size: 18px;
    font-weight: 300;
    line-height: 22px;
}

.scrolltab_btn ul{
    padding: 0;
    margin: 0;
    list-style: none;
}
.scrolltab_btn ul li{
    padding: 0;
    margin: 0;
    list-style: none;
    display: inline-block;
    float: left;
    max-width: 95px;
    width: 100%;
    text-align: center;
}

.scrolltab_btn ul li a{
    padding: 10px 15px;
    display: block;
    text-decoration: none;
    background-color: #ecf6f8;
    color: #999999;
    font-size: 15px;
    line-height: 22px;
    max-width: 95px;
    display: block;
}

.scrolltab_btn ul li.active a, 
.scrolltab_btn ul li a:hover,
.scrolltab_btn ul li a:focus{
    background-color: #3496d8;
    color: #fff;
}
.scrolltab_btn ul li.active a {
    background: #3496d8;
    color: #fff;
}

.bookingdeatils_wrap {
    padding: 40px 0 50px 0;
    background-color: #ecf6f8;
}

.search_hover_in {
    background: #3496d8;
    padding: 8px;
    height: 40px;
    width: 40px;
    border-radius: 100px;
    text-align: center;
    margin: 0 auto;
    box-shadow: 0 0 0px 10px rgb(255 255 255 / 40%);
}
.gallery-item:hover .search_hover {display: block;}
.search_hover {
    display: none;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    z-index: 2;
    margin: 0 auto;
    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
.gallerysection .gallery-item .image {border-radius: 0;}
.socialmedia-icon ul {
    padding: 0;
    margin: 0;
    list-style: none;
}
.socialmedia-icon ul li {
    display: inline-block;
    padding: 0;
    margin: 0 15px 0 0px;
    list-style: none;
    max-width: 55px;
    width: 100%;
    text-align: center;
}
.socialmedia-icon ul li a{
    display: block;
    max-width: 55px;
    height: 55px;
    line-height: 55px;
    text-decoration: none;
    width: 100;
    background-color: #fff;
}
.space_box {padding: 15px 0 10px 0;}
.details_box {
    border: 1px solid #999;
    background: #fff;
    border-radius: 3px;
    padding: 30px 38px 30px 38px;
} 

.title_box h2 {
    margin: 0 0 20px 0;
    padding-bottom: 20px;
    border-bottom: 1px solid #999999;
    font-size: 20px;
    line-height: 26px;
    color: #18458b;
    font-weight: 600;
    position: relative;
} 
.title_box h2:after {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 8px dashed;
    border-right: 8px solid transparent;
    border-left: 8px solid transparent;
    color: #3aaced;
    margin-top: -10px;
    content: "";
    right: 0;
    position: absolute;
    top: 50%;
}
.description_box {
    font-weight: 300;
    color: #999999;
}
.description_box p {margin-bottom: 15px;}
.amenitieslist ul {
    padding: 0;
    margin: 0;
    list-style: none;
    columns: 3;
    column-gap: 25px;
}
.amenitieslist ul li {
    padding-bottom: 18px;
    font-size: 16px;
} 
.amenitieslist ul li img{
    padding-right: 10px;
    margin-top: -4px;
}
.roomtitle h3 {
    margin: 0 0 10px 0;
    font-size: 20px;
    line-height: 26px;
}
.roomtitle p {
    margin-left: auto;
    display: block;
    max-width: 100px;
    width: 100%;
    text-align: right;
}

.roomtitle p span {
    font-size: 20px;
    line-height: 26px;
    color: #7ed7bf;
}
.room-desc > h4 {
    margin: 0 0 10px 0;
    font-weight: 600;
    color: #f89800;
}

.room-desc > h4 span{color: #3496d8;} 
.roomimg-in {
    height: 170px;
    position: relative;
}

.roomimg-in > img {
    height: 100%;
    border-radius: 7px;
    object-fit: cover;
    width: 100%;
}

.more-photo {
    position: absolute;
    bottom: 0;
    width: 100%;
    left: 0;
    right: 0;
    text-align: center;
}
.more-photo a {
    width: 100%;
    display: block;
    padding: 0;
    text-align: center;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    display: flex;
    align-items: center;
    text-align: center;
    padding: 0px 0px 0px 25px;
    background-color: #18458b;
    color: #999999;
}
.more-photo a b {
    color: #fff;
}

.more-info {margin-left: auto;}
.service-icon ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.service-icon ul li {
    display: inline-block;
    margin-right: 7px;
}
.more-info span.arrowselect {
    background: #3aabed;
    line-height: 42px;
}
.available-room {border-bottom: 1px solid #999999;}



span.arrowselect1 {
    height: 42px;
    margin-left: auto;
    line-height: 42px;
    background: #18458b;
    width: 45px;
    border-bottom-right-radius: 7px;
    border-left: 1px solid #000;
}

.box_form {
    background: #fff;
    padding: 20px 25px;
    border: 1px solid #999999;
        margin-bottom: 25px;
}

.detailsform_in .selectroom .listicon {
    background-image: url(../images/line-orange.png);
}
.detailsform_in .selectroom select{
    position: relative;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: block;
    width: 100%;
    -ms-word-break: normal;
    word-break: normal;
    background-color: #ecf6f8;
    background-repeat: no-repeat;
    background-position: 8px center;
    padding-left: 32px;
    font-size: 13px;
    line-height: 24px;
    color: #999999;
}
.detailsform_in .selectroom, .detailsform_in .input-date {
    position: relative;
}

.detailsform_in .selectroom:after {
    content: '';
    display: block;
    color: #0ebeff;
    right: 10px;
    top: 13px;
    position: absolute;
    pointer-events: none;
    font-weight: bold;
    border-left: 2px solid #0ebeff;
    border-bottom: 2px solid #0ebeff;
    transform: rotate(-45deg);
    height: 10px;
    width: 10px;
}

.detailsform_in .input-date .form-control {
    padding-left: 34px;
    padding-right: 25px;
    background-image: url(../images/Calander.png);
    background-size: 16px;
    background-repeat: no-repeat;
    background-position: 8px center;
    position: relative;
  background-color: #ecf6f8;
}

.detailsform_in .input-date:after {
    background-image: url(../images/question.png);
    background-repeat: no-repeat;
    background-position: 8px center;
    position: absolute;
    content: "";
    display: block;
    right: 0px;
    width: 32px;
    height: 39px;
    /* background: black; */
    top: 0px;
    z-index: 9999;
}

.detailsform_in label {
    font-weight: 300;
    font-size: 15px;
}
.detailsform_in .quantity_data label{margin-right: auto;}

.detailsform_in .quantity_data input.minus, 
.detailsform_in .quantity_data input.plus {
    width: 20px;
    height: 19px;
    line-height: 18px;
    font-size: 18px;
}
.detailsform_in .quantity_data input.minus{font-size: 20px;}

.detailsform_in .quantity_data input.input-text.qty {
    height: 40px;
    padding-left: 10px;
}
.detailsform_in .quantity_data .buttons_added {
    width: 100%;
    position: relative;
    max-width: 60px;
}

.totleprice span {
    margin-left: auto;
    font-size: 20px;
    font-weight: 600;
    color: #3496d8;
}
.totleprice p {
    margin: 0;
}
.totleprice {
    padding-top: 15px;
    padding-bottom: 15px;
    border-top: 1px solid #999999;
    border-bottom: 1px solid #999999;
}

button.booknow {
    background: #f89800;
    color: #fff;
    border: 0;
    outline: 00;
    padding: 8px 30px;
    text-align: center;
    margin: 0 auto;
    display: block;
    margin-bottom: 20px;
    border-radius: 4px;
    font-size: 16px;
    line-height: 24px;
}
button.booknow img {
    margin-left: 5px;
}


.counter-bg {
    margin-bottom: 25px;
}

.counter_in > img {
    opacity: 0.6;
    height: 400px;
    object-fit: cover;
    border-radius: 10px;
}
.counter_in {
    background: #000;
    position: relative;
    border-radius: 10px;
}

.countertext {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    z-index: 2;
    margin: 0 auto;
    width: 100%;
    padding: 0 15px;
    text-align: center;
    color: #fff;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
.countertext h3 {
    font-size: 20px;
    color: #fff;
    font-weight: 600;
    margin: 0 0 35px 0;
} 

.countertext h3 span {
    font-style: italic;
    color: #5ecfb1;
}
.booknow-btn a.btn {
    padding: 6px 20px;
    background: #286090;
}

#timer {
    font-size: 32px;
    font-weight: 600;
    width: 100%;
    line-height: 30px;
    color: white;
}

#timer div {
    display: inline-block;
    min-width: 50px;
    padding: 5px 10px;
}
#timer div span {
    color: #ffffff;
    display: block;
    margin-top: 5px;
    font-size: 15px;
    font-weight: 400;
}
.contact_info ul {
    padding: 0;
    margin: 0;
    list-style: none;
}
.contact_info ul li {
    display: flex;
    align-items: center;
    border-bottom: 1px solid #999999;
    padding: 15px 0;
}
.contact_info ul li .title_info {
    width: 35%;
    text-align: center;
    font-weight: 600;
    color: #000;
}
.contact_info ul li .dec_info {
    width: 65%;
    line-height: 20px;
}
.contact_info ul li .dec_info a {
    color: #999999;
}
.contact_info .title_box h2 {
    margin: 0 0 0px 0;
}

.hotel_name {
    display: flex;
    padding-bottom: 18px;
    border-bottom: 1px solid #999;
    margin-bottom: 22px;
}
.listing-img {width: 36%;}

.listing-dec {
    width: 62%;
    padding-left: 10px;
    margin-left: auto;
}
.listing-dec h4 {
    margin: 0 0 5px 0;
}
.listing-img img {
    border-radius: 10px;
    height: 70px;
    width: 100%;
    object-fit: cover;
}
.listing-dec-title p {
    margin-left: auto;
    font-size: 12px;
    font-weight: 600;
    margin-bottom: 0;
}
.listing-dec-title p span {
    font-size: 15px;
    color: #83d9c1;
}
.listing-dec .score-wrap {margin-bottom: 5px;}

.listing-dec .fa.checked {
    color: #ffc107;
}

p.location-hotel i {
    color: #3496d8;
    padding-right: 10px;
}
p.location-hotel {
    font-weight: 300;
    font-size: 14px;
}
p.location-hotel a {color: #999999;}
.see_all_listing a {
    text-decoration: none;
    color: #999999;
} 
.see_all_listing {margin-bottom: 10px;}
.see_all_listing a img {margin-left: 5px;}

.banner-deatils {
    position: absolute;
    bottom: 0;
    top: auto;
    width: 100%;
    left: 0;
    right: 0;
    background-image: linear-gradient(0deg, rgb(24 69 139 / 95%), #0000000a);
/*    background-image: linear-gradient( 0deg, rgb(0 125 234 / 71%), #00000000);*/
    /*height: 220px;*/
    padding-bottom: 25px;
}
.banner-wrap.banner-deatils-booking, 
.banner-wrap.banner-deatils-booking > img {
    height: 645px;
}
.banner-wrap.banner-deatils-booking > img {
   opacity: 0.8;
}

.banner-contactinfo ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.banner-contactinfo ul li {
    float: left;
    margin-right: 30px;
    font-weight: 300;
    color: #fff;
}

.banner-contactinfo ul li img {
    margin-right: 10px;
}
.banner-contactinfo ul li:first-child img {
    margin-top: -5px;
}
.banner-review h2 {
    font-size: 33px;
    font-weight: 700;
    line-height: 38px;
    margin: 0 0 10px 0;
    position: relative;
    padding-bottom: 15px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.banner-review h2:before {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    max-width: 40px;
    height: 4px;
    background: #3aaced;
    border-radius: 5px;
}
.border-line {
    padding-bottom: 20px;
    border-bottom: 1px solid #b5bbc5;
        margin-bottom: 30px;
}
.banner-review .score-wrap {
    margin-bottom: 5px;
}
.banner-review .fa.checked {
    color: #ffc107;
}
.banner-review .score-wrap .fa {
    font-size: 20px;
    line-height: 22px;
    padding-right: 5px;
}

.banner-review a.btn {
    width: 55px;
    height: 55px;
    background: #18458b;
    color: #fff;
    line-height: 53px;
    font-size: 22px;
    padding: 0;
    border-radius: 5px;
    border-bottom-left-radius: 0;
}

.banner-bookmark a i {
    padding-right: 5px;
    /* vertical-align: middle; */
}

.reviews-count p {
    line-height: 22px;
    margin-right: 22px;
    text-align: center;
    margin-bottom: 0;
}
.reviews-count p span {
    font-weight: 500;
    font-size: 18px;
}
.banner-bookmark {text-align: right;}
.banner-bookmark a {
    color: #fff;
    background: #ffffff14;
    padding: 5px 15px;
    border: 1px dashed #fff;
    text-decoration: none;
    font-weight: 300;
    font-size: 14px;
    border-radius: 4px;
}


.crumb-trail {
    color: #fff;
    list-style: none;
    padding: 0px;
}

.crumb {
    padding: 0px 27px 0px 27px;
    position: relative;
    font-size: 15px;
    line-height: 22px;
    font-weight: 300;
}


.crumb:not(:last-child):before,
.crumb:not(:last-child):after {
    content: '';
    display: inline-block;
    height: 1px;
    width: 10px;
    position: absolute;
    right: -7px;
    background-color: #3aaced;
}

.crumb:before {
    top: 7px;
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.crumb:after {
    bottom: 7px;
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
}
.breadcrumbs-page ul li:first-child {
    padding-left: 0;
}
.breadcrumbs-page ul li:last-child {
    color: #999999;
}
.breadcrumbs_text p {
    margin: 0;
    line-height: 22px;
    text-align: right;
    font-weight: 300;
}
.breadcrumbs_text p span {
    font-size: 22px;
    margin-left: 12px;
    font-weight: 600;
    color: #5ecfb1;
}





/*booking-deatils*/




@keyframes move-down{
  0%{
    top: 10%;
  }
  50%{
    top: 35%;
  }
  100%{
    top: 50%;
  }
}

/*Header Spenish Flag style Css*/

.dropdown-spain-flag{
    width: 29px;
    height: 15px;
}

.dropdown-pound-icon{
    width: 15px;
    height: 15px;
    color: blue;
}

/*Error class*/

.error {
    color: #dc3545;
}

.btn-mt{
    margin-top: 40px;
}