@charset "utf-8";
*{box-sizing:border-box}
blockquote,body,button,dd,details,dl,fieldset,figure,form,h1,h2,h3,h4,h5,h6,input,ol,p,select,summary,td,textarea,ul,ol{margin:0;padding:0}
ol,ul{list-style:none}
button,input,select,textarea{outline:0;box-shadow:none}
article,aside,audio,canvas,details,figcaption,figure,footer,h1,h2,h3,h4,h5,h6,header,hgroup,menu,nav,section,summary,video{display:block}
a{text-decoration:none;cursor:pointer;outline:0;}
body{font-family:"Open Sans", sans-serif;font-size:1em;font-weight:400;color:#000}
/* Header css here..*/
.fw{margin-left:auto;margin-right:auto;max-width:1170px;}
.ta-ht{background:#222}
.ta-ht-inner{font-family:'Poppins',sans-serif;display:flex;align-items:center;justify-content:space-between;padding:5px 0}
.ht-call{display:inline-flex;align-items:center;line-height:20px;color:#fff;text-decoration:none;}
.ht-call i.fa{margin-right:5px;}

.ht-link-pat{display:inline-flex;align-items:flex-start;background:#c00;border-radius:2px;padding:5px 20px;line-height:15px;text-transform:uppercase;color:#fff;}
.ht-link-pat small{display:block;text-transform:uppercase;color:#fee900;font-size:10px;font-weight:600;line-height:12px;}
.ht-link-pat i.fa{line-height:20px;margin-right:5px;}

.ta-header{padding:2px 0;background:#fff url(https://static.tourtravelworld.com/images/andman-header-bg.jpg) no-repeat right center;position:relative;top:0;z-index:9;box-shadow:0px 1px 1px 0px #ccc}
.ta-header .ttw-logo{display:inline-flex;line-height:0}
.ta-header-inner{display:flex;align-items:center;justify-content:space-between;}
.tah-nav{display:flex;align-items:center;}
.tah-nav h2{font-family:'Roboto', sans-serif;font-size:20px;color:#1b5cac;font-weight:500;margin-right:30px;}
.tah-navbar{display:flex;align-items:center;font-family: 'Roboto', sans-serif;font-size:16px; line-height:25px;}
.tah-navbar li{margin-right:30px;}
.tah-navbar li:last-child{margin-right:0}
.tah-navbar li a{color:#333;display:inline-flex; align-items:center; padding:18px 0}
.tah-navbar li a i.fa-angle-down{margin-left:5px;}
.ad-menu{position:relative;}
.ad-menu .ad-menu-list{position:absolute;top:100%;right:auto; left:-50px; background:#fff;border-radius:3px;box-shadow:0px 10px 10px 0px #ccc;z-index:10; min-width:200px;display:none; transition:all 0.3s ease}
.ad-menu .ad-menu-list:before{content:'';position:absolute;top:-20px;left:calc(50% - 16px);border:10px solid transparent;border-bottom-color:#fff}
.tah-navbar li:last-child .ad-menu-list{left:auto;right:0}
.tah-navbar li:last-child .ad-menu-list:before{left:calc(100% - 20px);}
.ad-menu .ad-menu-list > li{margin-right:0;border-bottom:1px solid #dadada}
.ad-menu .ad-menu-list > li:last-child{border-bottom:none;}
.ad-menu .ad-menu-list > li a{display:block;padding:7px 10px;font-size:14px;line-height:20px;color:#666; transition:all 0.3s ease}
.ad-menu .ad-menu-list > li:hover a{color:#08c}
.ad-menu:hover .ad-menu-list{display:block;}
.menu-arrow-top, .menu-arrow-down{cursor:pointer;height:30px;position:relative;}
.menu-arrow-top:before,.menu-arrow-down:before{content:'\f106';font-family:'FontAwesome';font-size:20px; position:absolute; left:calc(50% - 12px); top:3px;color:#999}
.menu-arrow-down:before{content:'\f107'}
.menu-arrow-top:hover:before,.menu-arrow-down:hover:before{color:#333}

@media screen and (max-width:1200px){
.fw{width:100%;box-sizing:border-box;padding-left:10px;padding-right:10px;}
}
.sticky-header {position: sticky;top: 0;left: 0;right: 0;z-index: 11;box-shadow: 0 0 5px #ccc;}
.tah-navbar li a.search-icon svg{width:20px;height:20px;fill:#007ebf}
.stp-header{position:fixed;top:-500px;left:0;width:100%; height:112px; z-index:12; background-image:linear-gradient(#d5f7ff,#f3fdff,#d5f7ff);padding:12px 15px;display:flex;align-items:center;justify-content:center;transition:all 0.8s ease}
.stp-header.fixed{top:0;}
.stp-header form{width:100%;display:flex;align-items:center;justify-content:center;}
.stp-header .stp-ig{display:flex; gap:20px; align-items:center;width:100%;max-width:1170px;}
.stp-header .form-inner{display:flex;flex-grow:1;border:1px solid #0082f0;border-radius:25px;}
.stp-header .no-of-days{position:relative;flex-shrink:0;width:250px;padding:15px 15px;border-left:1px solid #ddd;background:#fff}
.stp-header .no-of-days:after{content:'';position:absolute;top:20px;right:15px;width:7px;height:7px;border:solid #999;border-width:1px 1px 0 0;transform:rotate(135deg);pointer-events:none}
.stp-header .no-of-days-val{display:block;font-size:14px;line-height:22px;color:#333}
.stp-header .no-of-days .no-of-days-list{display:none; position:absolute;top:100%;left:0;width:100%;background:#fff;border-radius:0px 0px 5px 5px;box-shadow:0px 5px 5px 0px rgba(0, 0, 0, 0.12);border:1px solid #eee;transition:all 0.3s ease}
.stp-header .no-of-days:hover .no-of-days-list{display:block;}
.stp-header .no-of-days .no-of-days-list > li{cursor:pointer;font-size:14px;line-height:20px;padding:7px 15px;color:#666;transition:all 0.3s ease}
.stp-header .no-of-days .no-of-days-list > li:hover{background:#fff;color:#0082f0;}
.stp-header .stp-form-control{width:100%;  border:none;outline:none;box-sizing:border-box;font-size:16px;line-height:22px;padding:15px 20px;border-radius:25px 0 0 25px;}
.stp-header .stp-btn-submit{background:#0082f0;font-size:16px; font-weight:400;color:#fff;border-radius:0px 25px 25px 0px;padding:10px 30px;line-height:19px; outline:none;box-shadow:none;border:1px solid #0082f0;cursor:pointer; letter-spacing:1px;text-transform:uppercase;}
.stp-header .stp-close{width:15px;background:transparent;line-height:0;padding:0;outline:none;box-shadow:none;border:none;cursor:pointer;}
.stp-header .stp-btn-submit svg,.stp-header .stp-close{fill:#ccc}

