.header { padding:15px 0; transition:all .5s ease-in-out; -webkit-box-shadow: 0 3px 5px rgba(57, 63, 72, 0.3); -moz-box-shadow: 0 3px 5px rgba(57, 63, 72, 0.3); box-shadow: 0 3px 25px rgba(103,100,100,.1); position: relative; } 
.header.fixed { position:fixed; width:calc(100%); background:rgba(255,255,255,.8); z-index:9; top:0; box-shadow:0 2px 6px rgba(0,0,0,.2) } 

.topright { display:flex; align-items:center; justify-content:flex-end } 
a.callus { display:flex; align-items:center; font-weight:700; color: #14213d; text-decoration:none; } 
a.callus span { margin-right:10px } 
a.customersupport { display:flex; align-items:center; font-weight:500; color:#103360; text-decoration:none; } 
.currencyselect { min-width:100px; display:block; margin-left:10px } 
.currencyselect .dropdown-toggle,.currencyselect .dropdown-toggle:focus,.currencyselect .dropdown-toggle:hover { background:0 0!important; font-weight:500; outline:0; box-shadow:none; border:none!important; font-size:14px; cursor: pointer; } 
.userlogin { display:flex; align-items:center; justify-content:space-between; margin-left: 20px; } 
.userlogin .signin { font-weight: 600; text-decoration:none; color: #14213d; margin-left:15px; font-size: 13px; } 
.userlogin .btn.btn-blue,.userlogin .btn.btn-blue:focus,.userlogin .btn.btn-blue:hover { background: #007b8d; color: #FFF; font-weight: 600; box-shadow:none; margin-left:15px; border-radius: 5px; border: 2px solid; font-size: 13px; padding: 10px 20px; } 
.logo img { width:auto; height: 45px; } 

.icons { background:url(../images/img-sprits.png) no-repeat center; display:block } 
.callicon { background-position:-8px -12px; width:39px; height:37px } 
.MobileNav { display:none } 
.ac { align-items: center; } 

.navtrigger { display:none; justify-content:flex-end; margin-right:25px } 
.menutrigger { cursor:pointer; top:0; height:42px; width:42px; outline:0; z-index:9; display:block } 
.menutrigger i { position:relative; display:block; width:20px; height:3px; margin-bottom:3px; background-color:#000 } 
.menutrigger i:nth-child(1),.menutrigger i:nth-child(3) { width:15px } 
.menutrigger.active i:nth-child(1),.menutrigger.active i:nth-child(3) { width:20px } 
.menutrigger i:first-child,.menutrigger i:last-child,.menutrigger i:nth-child(2) { top:0; transform:rotate(0); transition:.5s ease-in-out } 
.menutrigger.active span { position:relative; top:4px } 
.menutrigger.active i:first-child { top:3.0303030303px; transform:rotate(45deg); transition:.5s ease-in-out } 
.menutrigger.active i:nth-child(2) { top:-3.0303030303px; transform:rotate(-45deg); transition:.5s ease-in-out } 
.menutrigger.active i:last-child { top:-9.0909090909px; transform:rotate(-45deg); transition:.5s ease-in-out } 

.mainbannerHeader { height: 540px; display: flex; align-items: center; background-image: url('../images/bg-image.jpg'); background-size: cover; background-position: 50% 53%; position: relative; } 

h2.h18 { font-weight: 700; font-size: 18px; margin: 20px 0; color: #3d5a80; } 
.minibanner_item a { position: absolute; top: 0%; left: 0%; z-index: 1; font-size: 18px; font-weight: 700; color: #fff; text-align: center; width: 100%; vertical-align: bottom; padding: 15% 15% 15% 15%; height: 100%; background-color: rgba(55,35,35,.3); text-shadow: 0 0 8px rgba(0,0,0,.3); font-size: 16px; text-transform: capitalize; display: flex; align-items: center; justify-content: center; } 

.minibanner_item { width: 100%; height: 110px; float: left; position: relative; overflow: hidden; z-index: 1; background: #006d8c; border-radius: 4px; margin-bottom: 30px; } 

button.btn.btn-success { background-color: #00abbd; border-color: #00abbd; } 
.minibanner_item::before { content: ""; display: block; padding-top: 100%; float: left; } 
.cruiseBookingEngine { background: #FFF; padding: 20px; border-radius: 4px; position: relative; z-index: 2; } 

.cruiseBookingEngine ul.cruiseBookingInner { display: flex; flex-wrap: wrap; margin: 20px 0 0; padding: 0; } 

.cruiseBookingEngine ul.cruiseBookingInner li { flex: 0 0 33.33%; padding: 0 10px; display: block; margin-bottom: 10px; } 

a.cruiseSearch.btn { background-color: #ffbe0b; -webkit-box-shadow: 0 5px 8px rgba(247,157,0,.2); -moz-box-shadow: 0 5px 8px rgba(247,157,0,.2); -ms-box-shadow: 0 5px 8px rgba(247,157,0,.2); -o-box-shadow: 0 5px 8px rgba(247,157,0,.2); box-shadow: 0 5px 8px rgba(247,157,0,.2); -webkit-transition: all .3s linear; -moz-transition: all .3s linear; -ms-transition: all .3s linear; -o-transition: all .3s linear; color: #2c3e51; height: 46px; width: 100%; display: flex; align-items: center; justify-content: center; font-weight: 600; font-size: 14px; } 
.searchheading { font-size: 16px; font-weight: 600; margin-left: 10px; margin-bottom: 15px; } 
._blank.circle { width:20px; height:20px; border-radius:50% } 
._blank i { color:transparent!important } 
._blank { background:#ddd!important; display:inline-block; position:relative; overflow:hidden; color:transparent!important; cursor:inherit!important; text-shadow:none!important; border:none!important; box-shadow:none!important; -webkit-touch-callout:none; -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; margin-bottom: 5px; } 
._blankstars:before { color:#ddd } 
.end._blank:after { right:0 } 
._blank svg { fill:transparent !important; border:none; } 
._blank svg path { fill: transparent !important; } 
._blank:after { content:""; top:0; transform:translateX(100%); width:100%; height:40px; position:absolute; z-index:1; animation:slide 1s infinite; background:-moz-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,.8) 50%,rgba(128,186,232,0) 99%,rgba(125,185,232,0) 100%); background:-webkit-gradient(linear,left top,right top,color-stop(0,rgba(255,255,255,0)),color-stop(50%,rgba(255,255,255,.8)),color-stop(99%,rgba(128,186,232,0)),color-stop(100%,rgba(125,185,232,0))); background:-webkit-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,.8) 50%,rgba(128,186,232,0) 99%,rgba(125,185,232,0) 100%); background:-o-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,.8) 50%,rgba(128,186,232,0) 99%,rgba(125,185,232,0) 100%); background:-ms-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,.8) 50%,rgba(128,186,232,0) 99%,rgba(125,185,232,0) 100%); background:linear-gradient(to right,rgba(255,255,255,0) 0,rgba(255,255,255,.8) 50%,rgba(128,186,232,0) 99%,rgba(125,185,232,0) 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr="#00ffffff", endColorstr="#007db9e8", GradientType=1) } 
.htrseation:after { height:250px } 
._blankimg._blank:after { height:calc(100%) } 
th._blank, td._blank { display: table-cell; } 

._blank:after {content: "";top: 0;transform: translateX(100%);width: 100%;height: 40px;position: absolute;z-index: 1;animation: slide 1s infinite;background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .8) 50%, rgba(128, 186, 232, 0) 99%, rgba(125, 185, 232, 0) 100%);background: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, .8)), color-stop(99%, rgba(128, 186, 232, 0)), color-stop(100%, rgba(125, 185, 232, 0)));background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .8) 50%, rgba(128, 186, 232, 0) 99%, rgba(125, 185, 232, 0) 100%);background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .8) 50%, rgba(128, 186, 232, 0) 99%, rgba(125, 185, 232, 0) 100%);background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .8) 50%, rgba(128, 186, 232, 0) 99%, rgba(125, 185, 232, 0) 100%);background: linear-gradient(to right, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .8) 50%, rgba(128, 186, 232, 0) 99%, rgba(125, 185, 232, 0) 100%)}


@keyframes slide {0% {transform: translateX(-100%)}
100% {transform: translateX(100%)} 
 }

@media only screen and (max-width:768px) { a.callus { display: none; } 
 .userlogin .btn.btn-blue { display: none; } 
 .userlogin .signin { color:#000; } 
 .navtrigger { display: flex; } 
 .mlogo { display: flex; align-content: center; } 
 h2.h18 { font-size: 16px; } 

 .cruiseBookingEngine ul.cruiseBookingInner li { flex: 0 0 100%; } 
 }