@charset "utf-8";
/* CSS Document */
.dropdown-header{font-size: 16px; font-weight: bold; color: #f00;}
#tripModal .close{position: absolute; top:10px; right: 10px; color:#FFFFFF;}
#tripModal h5{text-transform: none;}
.bg-danger{background-color: #004681;}
.bg-light{background-color: #f6f6f6 !important;}
.text-white{color: #FFFFFF !important;}
.btn-white{color: #000000; border-color: transparent; background-color: #FFFFFF; width: 150px;}
.btn-white:hover{color: #FFFFFF; background-color: #000000;}
.br-15{border-radius: 15px;}
.iti__country-list li{list-style-type: none;}
@media (min-width: 768px){
.modal-dialog {width: 400px;}
}
.bg-new{background-color: #004681; padding: 50px 0px;}
.tg-slidercontent.bg-new h1{font-size: 34px; margin-bottom: 10px;}
.text-none{text-transform: none !important;}
.pt-30{padding-top: 30px !important;}
.pl-0{padding-left: 0px;}
.pr-0{padding-right: 0px;}
#themetravel .modal-header{position: relative;}
#themetravel .modal-header button{position: absolute; top:10px; right:10px;}
.mtb-20{margin: 20px 0px !important;}
.mt-30{margin-top: 30px !important;}
.tg-slidercontent h1 span{display: inline-block; padding: 10px 15px; text-align: center; text-shadow:0px 0px 10px #000000;}
.tg-slidercontent h1 small{display: block; color: #FFFFFF !important; margin-top: 10px; font-size: 22px; text-shadow:0px 0px 10px #000000;}}
.tg-logo{position: relative; width: 150px;}
.tg-logo img{position: absolute; /*width:150px; height: 106px;*/ max-width:100%; z-index: 999; top:0px;}
.luxury-cruises-sec{position: relative; overflow: hidden; margin-bottom: 30px;}
.luxury-cruises-sec .m-title{position: absolute; bottom:20px; left:20px; z-index: 99; color: #FFFFFF; text-shadow: 0px 0px 10px rgba(0,0,0,1);}
.luxury-cruises-sec .lc-sm-content{background-color: rgba(0,0,0,0.7); position: absolute;  color: #FFFFFF; z-index: 99; bottom:0; height:0; transition: all .9s ease;}
.luxury-cruises-sec .lc-sm-content h3{color:#FFFFFF;}
.luxury-cruises-sec:hover .lc-sm-content{padding:40px 20px;  height:100%;}
.luxury-cruises-sec:hover .m-title{display:none;}
.cruise-departure-ports .tg-populartourcontent, .featured-destination .tg-populartourcontent{padding: 20px;}
.cruise-departure-ports .tg-populartourcontent .tg-description p{display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;   overflow: hidden;}
.cruise-iternary .tg-populartourcontent .tg-description p{min-height: 70px;}
.cruises-details-route{position: relative; display: block; margin-bottom: 30px;}
.cruises-details-route-btn{position: absolute; width: 100%; bottom: 30px; text-align: center; z-index: 9;}
.modal-open .modal{background: rgba(0, 0, 0, 0.5);}
.modal-backdrop.in{display: none;}
#cruiseModal .modal-header{position: relative;}
#cruiseModal .modal-header .close{position: absolute; right: 15px; top:15px;}
.btn-primary{background-color:#437DC7;}
.btn-primary:hover{background-color:#1c5db1;}
.btn-danger{background-color:#C33B45;}
.btn-danger:hover{background-color:#b60e1a;}
.btn{padding: 8px 12px;}
.tg-destination h2 a{text-shadow:0px 0px 4px #000000;}
.destination-sec > a{position: relative; display: block;}
.destination-sec > a:before{position: absolute; top:0px; left:0px; right:0px; bottom:0px; background-color: rgba(0,0,0,0.7); content: ""; z-index: 9; width: 100%; height: 100%; opacity:0;}
.destination-sec-content {position: absolute; bottom: 10px; color: #FFFFFF; z-index: 9; padding: 10px; font-size: 20px; width:100%; text-shadow:0px 0px 10px #000000;}
.destination-sec-content:after{font-family:'FontAwesome'; content:"\f054"; position: absolute; right: 10px; color: #FFFFFF;}
.destination-sec > a:hover:before{opacity:1;}
.tg-head{display: block; padding: 15px; text-align: center; background-color: #f2f2f2;}
.tg-head p{margin-bottom: 0px; text-align: left;}
.tg-body{display: block; padding: 15px 15px 0px;}
.popular-trips .tg-populartourcontent{background-color: #fafafa;}
.popular-trips .tg-populartourcontent .tg-populartourtitle, .popular-trips .tg-populartourcontent .tg-description, .popular-trips .tg-populartourcontent .tg-populartourfoot{padding-left: 15px; padding-right: 15px;}
.popular-trips .tg-populartourcontent .tg-populartourfoot{margin-bottom: 15px;}
.popular-trips .tg-populartourcontent .btn{border-radius: 0px;}
.places-covered h4{display: block; border-bottom: 1px solid #aaaaaa; padding-bottom: 5px;}
.places-covered h4 small{float: right;}
.places-covered ul{margin: 0px; padding: 0px; list-style-type: none;}
.places-covered ul li{list-style-type: none; display: block; padding: 7px 10px 7px 100px; position: relative;border-bottom: 3px dotted #aaaaaa;}
.places-covered ul li strong{position: absolute; left: 10px;}
.tg-gallery a div{position: relative; }
.tg-gallery a div:before{position: absolute; width: 100%; height: 100%; background-color: rgba(0,0,0,0.7); content: ""; top:0px; left:0px; bottom:0px; right: 0px; z-index: 9; opacity: 0;}
.tg-gallery a div:after{position: absolute; font-family:'FontAwesome'; content:"\f00e"; width:40px; height: 40px; left:50%; margin-left: -20px; top:50%; margin-top: -20px; background-color: #BF2330; color: #FFFFFF; text-align: center; line-height: 40px; z-index: 99; opacity: 0;}
.tg-gallery a:hover div:before, .tg-gallery a:hover div:after{opacity:1;}
.mh-161{min-height: 161px !important;}
.mh-40{min-height: 40px;}
.modal .form-group{float: none;}
.modal-header{position: relative;}
.modal-header .close{position: absolute; right: 10px; top:10px;}
.tourist-places{display: block; margin-bottom: 20px; border:1px solid rgba(0,0,0,0.2); padding:5px; }
.tourist-places:hover{box-shadow: 5px 5px 5px rgba(0,0,0,0.3); border-color: rgba(0,0,0,0.1);}
.tourist-places img{margin-bottom: 5px;}
.tourist-places h6{margin-bottom: 0px; color: #284A65; text-align: center; font-size: 16px; min-height: 48px; text-transform: none;}
.tg-listingvone h4{text-transform: none;}
.destination-list .tg-populartour .tg-populartourtitle, .destination-list .tg-populartour .tg-description{padding-left:15px; padding-right:15px;}
.destination-list .tg-populartour .tg-btn-new{margin:0px;}
.destination-list .tg-populartour{margin-bottom:30px;}
.form-group{position:relative;}
.form-group label.error{position:absolute; left:0px; bottom:-26px; color:#f00; font-size:12px;}