html{height:100%}
body,html{margin:0;padding:0}
ul { margin: 0px; padding: 0px; list-style: none;}
a, a:hover, a:focus, a:visited { text-decoration: none;}
.main-content { padding-top: 30px; padding-bottom: 30px;}
.error-notification{color:red;margin-bottom:10px}
.currency-link { cursor: pointer;}
.text-center { text-align:center; }
.header-message { background-color:#ff7a4c; font-size:14px; color: #fff; text-align: center; padding: 5px 0px; }
.advance-search:after,.blog-details:after,.checkout:after,.quicklinks:after,.trip-details:after,footer:after,header:after{clear:both;height:0;display:block;content:""}
.activity-footer a.load-more:after,.activity-footer a.load-more:hover:after,.activity-footer a:after,.activity-title p:before,.timesnap:after{content:''}
.page-content-center { padding-top: 30px;  padding-bottom: 30px; text-align: center; }

.banner-custom-menu .main-navigation { height: 125px; width: 100%; display: flex; align-items:center; justify-content: space-between}
.banner-custom-menu .main-navigation .nav1,.banner-custom-menu .main-navigation .nav2 { display: inline-flex;}
.navbar.navbar-default { margin-bottom: 0px; border:none; }
.nav:before, .navbar:before, .navbar-collapse:before, .navbar-header:before, .nav:after, .navbar:after, .navbar-collapse:after, .navbar-header:after { display: none;}
.banner-custom-menu .main-navigation li { margin: 10px 40px; }
.banner-custom-menu .main-navigation li a { display: block;}

.navbar-nav.main-navigation li { padding: 0px 15px;}
.navbar-nav.main-navigation li a { padding: 10px 0px; }
.navbar-nav.main-navigation li li { font-weight: normal; padding: 0px; }
.navbar-nav.main-navigation li ul li a { padding: 5px 0px!important; display: inline-block; font-size: 16px;}


.favourite-bar { width: 100%; padding: 0px 15px; height:60px; display: flex; align-items: center; justify-content:space-between; }
.favourite-bar ul li { display: inline-block; text-align: left; margin-left: 5px; padding: 0px 8px; vertical-align: middle; }
.favourite-bar ul li a { padding: 0px; display: block; }

.favourite-bar .currency-menu { border: none; border-radius: 5px; box-shadow: rgba(0, 0, 0, 0.05); }
.favourite-bar .currency-menu ul li, .favourite-bar .currency-menu ul { margin: 0px; padding: 0px; width: 100%;}
.favourite-bar .currency-menu ul li a { display: block; padding: 8px 15px; font-size: 14px;}
.favourite-bar .currency-menu ul li a:hover, .favourite-bar .currency-menu ul li a:focus { background-color: #F5F5F5;}
.add-cart { position: relative;}
.add-cart .tours { position: absolute; width: 18px; height: 18px; border-radius: 50%; background-color: #FF2424; color: #fff; text-align: center; line-height: 18px; font-size: 12px; right: 10px; top:-3px;}

.navbar-header {width: 100%; position: relative;}
.navbar-header .logo {position: absolute; left: 50%; margin-left: -90px; z-index: 3; top:5px; }
.logo { display: inline-block; width: 180px; height: 135px; background-image:url(../../images/grayline_logo_f15.svg); background-repeat: no-repeat; background-position: center center; background-size:100%;}

.checkout-header .logo { background-image:url(../../images/logo-checkout.png); width: 120px; height: 100px; background-size: contain; }
.checkout-header .navbar-header .logo {position: absolute; left: 50%; margin-left: -60px; z-index: 3; top:21px; }

.footer-navigation { width: 100%; display: flex; padding: 30px 0px; }
.footer-navigation h4 { border-bottom: 1px solid #fff; padding-bottom: 8px;}
.footer-navigation h4, .footer-navigation ul { margin: 0px 0px 15px 0px; font-weight: normal; }
.footer-navigation .footer-links { flex-basis: 70%; display: flex; justify-content: space-between; flex-wrap: wrap;}
.footer-navigation .footer-links li { font-size:14px; line-height: 24px;}
.footer-extra-links { flex: 1 1 100%; align-self: flex-end; padding-top: 30px; }
.footer-extra-links a { padding: 5px 15px 5px 0px; font-size:14px;}

.footer-navigation .footer-logos { flex-basis: 30%; display: flex; flex-direction: column; align-items:flex-end; justify-content: space-between;}
.footer-navigation .footer-logos .footer-logo{width:150px;height:120px;background:url(../../images/grayline_logo_f15.svg) left top no-repeat;background-size:contain}

.navbar-toggle { display: block!important; margin: 0px; padding: 10px; float: none; }
.navbar-collapse.collapse { display: none!important; position: absolute; }
.navbar-collapse.in { position: fixed; width: 100%; transition: ease all; height: 100vh!important; left: 0px; top:0px; display: flex!important; align-items: center; justify-content: center; z-index: 999; background-color: rgba(0,54,112,0.5); overflow: auto; }
body.modal-open { overflow: hidden;}
.navbar-toggle{margin:0;min-height:50px;width:40px;padding:5px;border:none;border-radius:0;font-size:28px;color:#003670}
.navbar-toggle:focus,.navbar-toggle:hover{background-color:transparent!important}

.modal-open .navbar-toggle{ background-color: #fff!important; border-radius: 60%; width: 50px; z-index: 9999; right: 10px; transition: all ease-in-out 0.5; top:10px; }
.modal-open .navbar-toggle span { margin: 0 auto;}
.navbar-toggle.collapsed .icon-bar{margin-left:auto!important}
.navbar-toggle .icon-bar{transition:all .2s;width:25px;background-color:#003670!important;margin-right:4px!important;height:3px}
.top-bar{transform:rotate(48deg);transform-origin:10% 10%}
.middle-bar{opacity:0}
.bottom-bar{transform:rotate(-48deg);transform-origin:10% 90%}
.navbar-toggle.collapsed .bottom-bar,.navbar-toggle.collapsed .top-bar{transform:rotate(0)}
.navbar-toggle.collapsed .middle-bar{opacity:1}	

.i-icon, .currency-link a { display: inline-block!important; vertical-align: middle; }
.i-icon { background-image: url(../../images/sprites.png); background-repeat: no-repeat; width: 30px; height: 30px; }
.phone { background-position: left -60px; }
.cart { background-position: left 0px; }
.arrow-down { background-position: left -30px; }
.arrow-up { background-position: left -90px; }
.arrow-right { background-position: left -121px; }
.tick { background-position: -30px -90px; }


ul.ftr-social-icons li{padding:0;margin-left:5px; display: inline-block;}
ul.ftr-social-icons li a{display:block;width:40px;height:40px;background-image:url(../../images/sprites.png);background-repeat:no-repeat;}
.fb{background-position:-30px 0px}
.tw{background-position:-30px -40px}
.pt{background-position:-70px 0px}
.gp{background-position:-70px -40px}
.yt{background-position:-110px 0px}


.what-grayline { border-top: 1px solid #003670; border-bottom: 1px solid #003670; padding: 20px 0px; display: flex; align-items: center; justify-content: space-between; margin: 40px 0px 60px 0px; }
.what-grayline h3 { margin:0px 0px 10px 0px; }
.what-grayline .whowe, .what-grayline .whatwe { text-align: center; width: 50%; padding: 0px 50px; }
.what-grayline .whowe p, .what-grayline .whatwe p { margin: 0px;}


/* CSS FOR FOOTER CLASSES END  */
@media screen and (min-width:767px) {
	.footer-navigation button { display: none!important;}
	.banner-custom-menu {width: 100%; position: absolute; min-height: 150px!important; background:-webkit-linear-gradient(#003670,rgba(255,255,255,0.0)); background:-o-linear-gradient(#003670,rgba(255,255,255,0.0)); background:-moz-linear-gradient(#003670,rgba(255,255,255,0.0)); background:linear-gradient(#003670,rgba(255,255,255,0.0)); z-index: 2; left: 0px; top:0px; }
	.footer-toggler { display: flex; justify-content: space-between; width: 100%;}
}
.banner-custom-menu.wb-menu { background-color:#003670; min-height: 100px!important; position:relative; margin-top:0px!important;}

@media (max-width: 991px) {
	.navbar-header .logo { width: 160px; height: 118px; background-size: cover; top:13px; } 
	.footer-toggler { flex-direction: column; height: auto!important; }
	.footer-navigation { padding: 20px 15px; }
	.footer-navigation .footer-links { flex-direction: column; position: relative;}
	.footer-navigation .footer-extra-links { flex:none!important; align-self: auto; padding: 45px 0px 15px 0px;}
	.footer-navigation .footer-links .footer-menu { max-width: 150px;}
	.footer-menu ul { display: none;}
	.footer-menu h4 { margin: 0px; padding: 10px 0px}
	.footer-menu.selected ul { display:block; width: 160px; position: absolute; left: 150px; top:0px; padding: 10px; }
	.footer-menu.selected ul, .footer-menu.selected { background-color: rgba(255,255,255,0.1); }
	.footer-menu.selected ul li { font-size:14px;}

	header .main-navigation { display: flex; flex-wrap: wrap;}
	header .main-navigation li { flex-basis: 50%; margin-bottom: 10px;}
	.banner-custom-menu .main-navigation li { margin: 10px 15px;}
}


@media (max-width: 767px) {
	
	.what-grayline { display:block;}
	.what-grayline .whowe, .what-grayline .whatwe { text-align: center; width:100%; padding: 20px 20px; }
	.banner-custom-menu.wb-menu { padding-bottom:20px; }
	.banner-custom-menu .main-navigation { display: none;}
	
	.navbar-toggle { margin-right: 0px; }
	.banner-custom-menu { width: 100%; position: absolute; background:-webkit-linear-gradient(#003670,rgba(255,255,255,0.0)); background:-o-linear-gradient(#003670,rgba(255,255,255,0.0)); background:-moz-linear-gradient(#003670,rgba(255,255,255,0.0)); background:linear-gradient(#003670,rgba(255,255,255,0.0)); z-index: 2; left: 0px; top:0px; }
	.search-panel { z-index: 3;}
	.favourite-bar { padding: 0px 5px;}
	.favourite-bar ul li { margin-left: 5px; padding: 0px; }
	.contcatnumber, .favourite-bar ul li { font-size: 14px; }
	.currency-link .i-icon { display: none!important;}
	.banner-custom-menu .main-navigation li { margin: 10px 15px; }

	.navbar-toggle {text-align:center}
	.custom-fixed-top,.navbar-fixed-top{position:relative!important}
	.service-list .swiper-slide a{margin-bottom:20px}
	
	.navbar-collapse{padding:0;border:none}
	.navbar-collapse.in{position:absolute;z-index:999;width:100%;height:100vh;transition:ease; top:0px; display: block!important;}
	header .main-navigation { display: block; }
	.navbar-collapse.collapsing { height:0px!important;}
	.navbar-nav{margin:0px!important; padding: 15px 0px;}
	.navbar-collapse.in li{border-top:none;margin-left:0; text-align:center;}
	.navbar-collapse li a{color:#fff;padding:20px 15px!important}
	.modal-open-footer, .modal-open { overflow: hidden;}
	.navbar-fixed-top .navbar-collapse{max-height:100vh!important; overflow: auto;}
	.navbar-default .navbar-nav > li > a, .navbar-default .navbar-nav > li { color:#fff; width: 100%; padding:0px; }	


	.footer-menu.selected ul, .footer-menu ul { position: relative; left: auto;  width: 100%; padding: 10px 0px;}
	.footer-menu.selected ul, .footer-menu.selected {  background-color: transparent!important; }
	.footer-navigation .footer-links { flex-basis: 35%; }
	.modal-open-footer .footer-navigation .footer-links { padding-top:50px;  }
	.footer-navigation .footer-logos { flex-basis: 65%; align-items: flex-end; }
	ul.ftr-social-icons li{margin-left:0px;}
	/* .footer-navigation button { display: block!important; transition: all ease-in-out 1; } */
	.footer-toggler { display: none; }
	.footer-navigation .footer-extra-links { padding: 15px 0px 0px 0px; }
	.modal-open-footer .navbar-toggle#footerbtn{ background-color: #fff!important; border-radius: 60%; width: 50px; z-index: 9999; right: 10px; transition: all ease-in-out 1; top: auto; bottom:10px!important; position: fixed; }
	.modal-open-footer .navbar-toggle#footerbtn .icon-bar { background-color: #003670!important; }
	.modal-open-footer .navbar-toggle#footerbtn span { margin-left:11px; }



	.footer-links .navbar-toggle .icon-bar { background-color: #fff!important; }
	.footer-navigation .footer-extra-links a { display: block; padding-left: 0px; padding-right: 0px; }
	.footer-toggler.collapse.in { position: fixed; left: 0px; top: 0px; width: 100%; height: 100%!important; overflow: auto; display: flex; z-index: 9; flex-direction: column; padding: 20px; }
	.footer-toggler.collapse.in .footer-menu { width: 100%; max-width: 100%; }
	.footer-toggler.collapse.in .footer-menu ul { display: block;}
	
}
@media screen and (max-width:640px) {
	.navbar-header .logo { width: 110px; height: 85px; background-size: 100%; margin-left:-55px; top:25px; }
}
@media screen and (max-width:500px) {
.currency-selector .dropdown-toggle{padding-right:0}
.category-search-tabs { width: 320px; }
}
@media screen and (max-width:360px) {
	.top-navigation li{margin-left:10px}	
}