/*--- Rating Flag - Used when customers leave a review -------------*/
.ratingFlag {padding: 12px 12px 12px 10px; background: #0a7368;color: #FFF; font-size: 1.6rem; text-align: center;}
.review-info {display: flex; flex-direction: row; justify-content: space-between; border: solid 1px rgba(132,147,158,0.3);}
.review-info p {flex: 0 1 auto; display: inline-block; margin: 0px; padding: 10px 20px 10px 20px;}
.review-info p strong {display: inline-block;}
.review-info p span {display: inline-block;}
/*==================================================================*/
/* bxSlider Banner */
/*==================================================================*/
.intro-slider {width: 100%; box-sizing: border-box; height: 400px; min-height: 400px;}
.intro-slider ul, .intro-slider ul li {list-style: none; margin: 0px; padding: 0px;}
.intro-slider li {width: 100%; height: 400px; min-height: 400px; overflow: hidden;}
.intro-slider li div.slide {width: 100%; height: 400px; min-height: 400px; padding: 80px 0px 0px 0px; text-align: center; color: #343f48;}
.intro-slider li div.slide h1, .intro-slider li div.slide h2 {font-family: 'trashhandregular'; font-size: 4.375rem;/* 70 / 16 = 4.375 */ font-weight: normal; color: #ffffff; margin: 0px 0px 0px 0px; text-transform: none;}
.intro-slider li div.slide h1 i, .intro-slider li div.slide h2 i {font-size: 2.125rem;/* 34 / 16 = 2.125 */ position: relative; top: -30px;}
.intro-slider li div.slide p {font-size: 1.375rem;/* 22 / 16 = 1.375 */ margin: 10px 0px 0px 0px;}
/*--- Customized Style For Each Slide ------------------------------*/
/*--- Slide 1 ------------------------*/
.intro-slider li:nth-child(2) {background: url('/images/slider-imgs/slide-home-of-happy-holidays-lrg.jpg') center center no-repeat #000000; background-size: cover;}
/*--- Slide 2 ------------------------*/
.intro-slider li:nth-child(3) {background: url('/images/slider-imgs/slide-home-of-happy-holidays-lrg.jpg') center center no-repeat #000000; background-size: cover;}
/*--- Slide 3 ------------------------*/
/*--- Slide 4 ------------------------*/
/*--- Slide 5 ------------------------*/
/*--- Slide 6 ------------------------*/
/*--- Other Unused Slider Classes ----------------------------------*/
.bx-wrapper {}
.bx-viewport {}
.bxslider {}
/*==================================================================*/
/* Welcome */
/*==================================================================*/
.welcome {width: 100%; padding: 40px 0px 180px 0px; text-align: center; border-bottom: solid 1px rgba(132,147,158,0.3); background: url('/images/bg-skyline.png') center bottom no-repeat #ffffff; background-size: 100%;}
.welcome h1 {font-size: 2.5rem;/* 40 / 16 = 2.5 */ margin: 0px; font-weight: 300; /*color: #273038;*/ color: #fba91c; text-transform: none;}
.welcome h2 {font-size: 1.5rem;/* 24 / 16 = 1.5 */ margin: 0px; font-weight: 300; text-transform: none; font-style: italic;}
/*==================================================================*/
/* Introduction Page (general page intro) */
/*==================================================================*/
.intro-page-arc {width: 100%; padding: 40px 0px 20px 0px; /*text-align: center;*/ border-bottom: solid 1px rgba(132,147,158,0.3); color: #21292e; background-color: rgba(255,255,255,1.0);}
.intro-page-arc h1, .intro-page-arc h1 span.title {font-size: 4rem;/* 50 / 16 = 3.125 */ color: #fba91c; margin: 0px 0px 10px 0px; font-weight: 300; text-transform: uppercase;}
.intro-page-arc h1 span {display: block; font-size: 2.4rem;/* 30 / 16 = 1.875 */ color: #fba91c; margin: 0px 0px 10px 0px; text-transform: capitalize;}
.intro-page-arc p {font-size: 1.6rem;/* 24 / 16 = 1.5 */ width: 100%; margin: 0px; color: #21292e;}
.intro-page-arc .price-from span {font-weight: 600;}
.intro-page-arc .price-from strong {color: #cc0000; font-size: 3rem;/* 16 / 16 = 1 */ font-weight: 400;}
/*--- Temporary Advent Deal Of The Day ---*/
.advent-dotd {display: inline-block; box-sizing: border-box; background-color: #cc0000; color: #ffffff; font-weight: 600; margin: 0px 0px 10px 0px; padding: 5px 40px; text-transform: uppercase; position: relative;}
.advent-dotd:before {display: block; box-sizing: border-box; content: ''; width: 0px; height: 0px; border-left: 20px solid transparent; border-right: 20px solid transparent; border-top: 16px solid #cc0000; border-bottom: 16px solid #cc0000; position: absolute; bottom: 0px; left: -20px;}
.advent-dotd:after {display: block; box-sizing: border-box; content: ''; width: 0px; height: 0px; border-left: 20px solid transparent; border-right: 20px solid transparent; border-top: 16px solid #cc0000; border-bottom: 16px solid #cc0000; position: absolute; bottom: 0px; right: -20px;}
/*==================================================================*/
/* Enquiry Thanks Message */
/*==================================================================*/
.enquiry-thanks {width: 100%; padding: 20px 0px 20px 0px; text-align: center; /*border-bottom: solid 1px rgba(132,147,158,0.3);*/ color: #21292e; background-color: rgba(255,255,255,1.0);}
.enquiry-thanks h1, .enquiry-thanks h1 span.title {font-size: 3.125rem;/* 50 / 16 = 3.125 */ color: #fba91c; margin: 0px 0px 10px 0px; font-weight: 300; text-transform: uppercase;}
.enquiry-thanks h1 span {display: block; font-size: 1.875rem;/* 30 / 16 = 1.875 */ color: #fba91c; margin: 0px 0px 10px 0px; text-transform: capitalize;}
.enquiry-thanks p {font-size: 1.5rem;/* 24 / 16 = 1.5 */ width: 100%; margin: 0px 0px 20px 0px; color: #21292e;}
/*==================================================================*/
/* Travel You Can Trust */
/*==================================================================*/
.trust {background-color: #273038; color: #ffffff; text-align: center;}
.trust .grid-12 {background-color: none; padding: 30px 0px 0px 0px;}
.trust .grid-12 h2 {font-size: 2.5rem;/* 40 / 16 = 2.5 */ margin: 0px; font-weight: 300; color: #fba91c; text-transform: uppercase;}
.trust .grid-2half {background-color: none; font-weight: 300; color: #ffffff; padding: 20px 0px 20px 0px;}
.trust .grid-2half img {display: block; margin: 0px auto 20px auto;}
.trust .grid-2half h2 {color: #75d1f7; text-transform: uppercase; font-size: 1.5rem;/* 24 / 16 = 1.5 */ font-weight: 300; margin: 0px; padding: 0px 26px 0px 26px;}
.trust .grid-2half p {color: #ffffff;}
/*==================================================================*/
/* Register */
/*==================================================================*/
.register {width: 100%; padding: 20px 0px 20px 0px; text-align: center; border-bottom: solid 1px rgba(132,147,158,0.3); background-color: #ffffff;}
.register .container-12 .grid-12 {margin-bottom: 0px;}
.register h2 {font-size: 1.375rem;/* 22 / 16 = 1.375 */ font-weight: 400; font-style: italic; color: #fba91c; display: block; width: 40%; margin: 0px; padding: 8px 0px 0px 0px; float: left; box-sizing: border-box; text-align: left;}
.register form label {display: inline-block; padding: 10px 10px 10px 0px;}
.register form div.shift-label label {position: absolute; bottom: 100000px; left: 0px;}
.register form div.field {display: block; width: 20%; margin: 0px; padding: 0px 5px 0px 5px; float: left; box-sizing: border-box;}
.register form div.submit {display: block; width: 20%; margin: 0px; padding: 0px 5px 0px 5px; float: left; box-sizing: border-box;}
.register form input {width: 100%;}
/*
.register form input[type="submit"] {color: #ffffff; border: 0px; width: 100%; box-sizing: border-box; border-bottom: solid 4px #0069ab; transition: all .3s ease; background: url('/images/search-button-icon.png') left center no-repeat #008add; padding-left: 40px;}
.register form input[type="submit"]:hover {background-color: #9ccb00; color: #ffffff; border: 0px; width: 100%; box-sizing: border-box; border-bottom: solid 4px #759900;}
*/
.register form input[type="submit"] {color: #ffffff; border: 0px; width: 100%; box-sizing: border-box; transition: all .3s ease; background: url('/images/search-button-icon.png') left center no-repeat #29b360; padding-left: 40px;}
.register form input[type="submit"]:hover {background-color: #239952; color: #ffffff; border: 0px; width: 100%; box-sizing: border-box;}
.register p.register-thanks {font-size: 1.375rem;/* 22 / 16 = 1.375 */ font-weight: 400; font-style: italic; color: #fba91c; margin: 0px; text-align: center;}
/*==================================================================*/
/* Trips List */
/*==================================================================*/
.trips-options {width: 100%; padding: 20px 0px 20px 0px; text-align: left; border-bottom: solid 1px rgba(132,147,158,0.3); background-color: #ffffff;}
.trips-options .trip-option {height: 160px; /*background: url('/images/tstimg.jpg') center center no-repeat #000000; background-size: cover;*/ position: relative;}
.trips-options .trip-option h3 {background-color: #cc0000; color: #ffffff; display: inline-block; margin: 0px; padding: 10px 20px 10px 20px;}
.trips-options .trip-option h3 i {font-weight: normal;}
.trips-options .trip-option a {display: inline-block; width: 100%; height: 160px; text-align: center; position: absolute; top: 0px; left: 0px; text-decoration: none; color: #ffffff; background-color: #000000; opacity: 0; transition: all .3s ease;}
.trips-options .trip-option a:hover {opacity: 0.5;}
.trips-options .trip-option a i {font-size: 4rem;/* 30 / 16 = 1.875 */ display: block; margin-top: 30px;}
/*--- Customized Style For Each Option -----------------------------*/
/*--- Tile 1 ------------------------*/
.trips-options .trip-option:nth-child(1) {background: url('/images/slider-imgs/Family-Fun-on-Beach-1920x1440.jpg') center center no-repeat #000000; background-size: cover;}
.trips-options .trip-option:nth-child(1) h3 {background-color: #008add;}
/*--- Tile 2 ------------------------*/
.trips-options .trip-option:nth-child(2) {background: url('/images/slider-imgs/8817822-maldives-resorts.jpg') center center no-repeat #000000; background-size: cover;}
.trips-options .trip-option:nth-child(2) h3 {background-color: #ff6600;}
/*--- Tile 3 ------------------------*/
.trips-options .trip-option:nth-child(3) {background: url('/images/slider-imgs/5229_Flip-flops-and-sunglasses-for-the-beach-funny-HD-wallpaper.jpg') center center no-repeat #000000; background-size: cover;}
.trips-options .trip-option:nth-child(3) h3 {background-color: #9ccb00;}
/*--- Tile 4 ------------------------*/
.trips-options .trip-option:nth-child(4) {background: url('/images/slider-imgs/277711.jpg') center center no-repeat #000000; background-size: cover;}
.trips-options .trip-option:nth-child(4) h3 {background-color: #008add;}
.trips-list .grid-12 h2 {font-size: 2.5rem;/* 40 / 16 = 2.5 */ font-weight: 300; text-transform: uppercase; margin-bottom: 0px;}
.trips-list {width: 100%; padding: 20px 0px 20px 0px; text-align: center; border-bottom: solid 1px rgba(132,147,158,0.3); background-color: #ffffff;}
.trips-list .trips-list-img {height: 160px; /*background: url('/images/tstimg.jpg') center center no-repeat #000000; background-size: cover;*/ position: relative;}
.trips-list .trips-list-img .special-info {display: none; background-color: #d20000; color: #ffffff; padding: 10px 20px 10px 20px; margin: 0px; position: absolute; top: 0px; left: 0px; font-weight: 400;}
.trips-list .trips-list-img .supplier-logo {background-color: #ffffff; color: #ffffff; padding: 4px; margin: 10px 10px 0px 0px; position: absolute; top: 0px; right: 0px; font-weight: 400;}
.trips-list .trips-list-img .luxury-ribbon {box-sizing: border-box; height: 28px; position: absolute; top: 15px; left: 0px; margin: 0px; padding: 5px 15px 5px 30px; background-color: #c2ab84; color: #ffffff; text-transform: uppercase; font-weight: 400; font-size: 0.875rem;/* 14 / 16 = 0.875 */}
.trips-list .trips-list-img .luxury-ribbon:after {display: block; content: ''; width: 0px; height: 0px; border-left: 14px solid transparent; border-right: 14px solid transparent; border-top: 14px solid #c2ab84; border-bottom: 14px solid #c2ab84; position: absolute; bottom: 0px; right: -14px;}
.trips-list .trips-list-info {box-sizing: border-box; border: solid 1px rgba(132,147,158,0.3); padding: 20px;}
.trips-list .trips-list-info h2 {margin-top: 0px; margin-bottom: 0px; text-transform: uppercase; font-weight: 600;}
.trips-list .trips-list-info ul, .trips-list .trips-list-info ul li {list-style: none; padding: 0px;}
.trips-list .trips-list-info ul {margin: 0px 0px 20px 0px;}
.trips-list .trips-list-info li {margin: 5px 0px;}
.trips-list .trips-list-info li.cruise-extra-text {font-weight: bold; color: #cc0000;}
.trips-list .trips-list-info h3 {margin: 0px; text-transform: capitalize; font-size: 1.6rem;/* 16 / 16 = 1 */ font-weight: 600;}
.trips-list .trips-list-info strong.cruise-sail-from-uk {color: #9ccb00;}
.trips-list .trips-list-info .rating {color: #fba91c; margin: 10px 0px; font-size: 1.25rem;/* 20 / 16 = 1.25 */}
.trips-list .trips-list-info .rating i {margin: 0px 2px;}
.trips-list .trips-list-info .days {margin-top: 0px; margin-bottom: 0px;}
.trips-list .trips-list-info p:last-child {margin-bottom: 0px;}
.trips-list .trips-list-info .call {font-style: italic; font-size: 1.25rem;/* 20 / 16 = 1.25 */}
.trips-list .trips-list-info .call strong {font-style: normal; font-weight: 600;}
.trips-list .price-from {/*width: 49%; float: left;*/ background-color: #ebeeef; /*margin-right: 1%;*/ margin-bottom: 0px; padding: 10px 20px 10px 20px; box-sizing: border-box; text-align: left; font-style: italic;}
.trips-list .price-from span {display: block; font-weight: 600; /*color: transparent;*/}
.trips-list .price-from strong {color: #cc0000; font-size: 4.8rem;/* 16 / 16 = 1 */ font-weight: 400;}
.trips-list .special {background-color: #cc0000; color: #ffffff; font-weight: 600; /*margin-left: 1%;*/ margin-top: 0px; padding: 10px 20px 10px 20px; box-sizing: border-box;}
/*
.trips-list .more-button a {display: block; padding: 10px 20px 10px 20px; background-color: #0e1c29; color: #c2ab84; border-bottom: solid 4px #0a131c; border-radius: 3px; text-transform: lowercase; text-decoration: none; transition: all .3s ease;}
.trips-list .more-button a i {display: inline; font-size: 1rem; margin: 0px; position: relative; top: 0px; left: 5px;}
.trips-list .more-button a:hover {background-color: #cc0000; color: rgba(33,41,46,1.0); color: #ffffff; border-bottom: solid 4px #990000;}
.trips-list .more-button a:hover i {color: #ffffff;}
*/
.trips-list .more-button a {display: block; padding: 10px 20px 10px 20px; background-color: #29b360; color: #ffffff; /*border-bottom: solid 4px #0a131c; border-radius: 3px;*/ text-transform: lowercase; text-decoration: none; transition: all .3s ease;}
.trips-list .more-button a i {display: inline; font-size: 1rem; margin: 0px; position: relative; top: 0px; left: 5px;}
.trips-list .more-button a:hover {background-color: #239952; color: rgba(33,41,46,1.0); color: #ffffff; /*border-bottom: solid 4px #990000;*/}
.trips-list .more-button a:hover i {color: #ffffff;}
.trips-list-tbimport .grid-12 h2 {font-size: 2.5rem;/* 40 / 16 = 2.5 */ font-weight: 300; text-transform: uppercase; margin-bottom: 0px;}
.trips-list-tbimport {width: 100%; padding: 20px 0px 20px 0px; text-align: center; border-bottom: solid 1px rgba(132,147,158,0.3); background-color: #ffffff;}
.trips-list-tbimport .trips-list-img {height: 160px; /*background: url('/images/tstimg.jpg') center center no-repeat #000000; background-size: cover;*/ position: relative;}
.trips-list-tbimport .trips-list-img .special-info {display: none; background-color: #d20000; color: #ffffff; padding: 10px 20px 10px 20px; margin: 0px; position: absolute; top: 0px; left: 0px; font-weight: 400;}
.trips-list-tbimport .trips-list-img .supplier-logo {background-color: #ffffff; color: #ffffff; padding: 4px; margin: 10px 10px 0px 0px; position: absolute; top: 0px; right: 0px; font-weight: 400;}
.trips-list-tbimport .trips-list-img .luxury-ribbon {box-sizing: border-box; height: 28px; position: absolute; top: 15px; left: 0px; margin: 0px; padding: 5px 15px 5px 30px; background-color: #c2ab84; color: #ffffff; text-transform: uppercase; font-weight: 400; font-size: 0.875rem;/* 14 / 16 = 0.875 */}
.trips-list-tbimport .trips-list-img .luxury-ribbon:after {display: block; content: ''; width: 0px; height: 0px; border-left: 14px solid transparent; border-right: 14px solid transparent; border-top: 14px solid #c2ab84; border-bottom: 14px solid #c2ab84; position: absolute; bottom: 0px; right: -14px;}
.trips-list-tbimport .trips-list-info {box-sizing: border-box; border: solid 1px rgba(132,147,158,0.3); padding: 20px;}
.trips-list-tbimport .trips-list-info h2 {margin-top: 0px; margin-bottom: 0px; text-transform: uppercase; font-weight: 600; font-size: 2.4rem;}
.trips-list-tbimport .trips-list-info ul, .trips-list-tbimport .trips-list-info ul li {list-style: none; padding: 0px;}
.trips-list-tbimport .trips-list-info ul {margin: 0px 0px 20px 0px;}
.trips-list-tbimport .trips-list-info li {margin: 5px 0px;}
.trips-list-tbimport .trips-list-info li.cruise-extra-text {font-weight: bold; color: #cc0000;}
.trips-list-tbimport .trips-list-info h3 {margin: 0px; text-transform: capitalize; font-size: 1.6rem;/* 16 / 16 = 1 */ font-weight: 600;}
.trips-list-tbimport .trips-list-info strong.cruise-sail-from-uk {color: #9ccb00;}
.trips-list-tbimport .trips-list-info .rating {color: #fba91c; margin: 10px 0px; font-size: 1.25rem;/* 20 / 16 = 1.25 */}
.trips-list-tbimport .trips-list-info .rating i {margin: 0px 2px;}
.trips-list-tbimport .trips-list-info .days {margin-top: 0px; margin-bottom: 0px;}
.trips-list-tbimport .trips-list-info p:last-child {margin-bottom: 0px;}
.trips-list-tbimport .trips-list-info .call {font-style: italic; font-size: 1.25rem;/* 20 / 16 = 1.25 */}
.trips-list-tbimport .trips-list-info .call strong {font-style: normal; font-weight: 600;}
.trips-list-tbimport .price-from {/*width: 49%; float: left;*/ background-color: #ebeeef; /*margin-right: 1%;*/ margin-bottom: 0px; padding: 10px 20px 10px 20px; box-sizing: border-box; text-align: left; font-style: italic;}
.trips-list-tbimport .price-from span {display: block; font-weight: 600; /*color: transparent;*/}
.trips-list-tbimport .price-from strong {color: #cc0000; font-size: 4.8rem;/* 16 / 16 = 1 */ font-weight: 400;}
.trips-list-tbimport .special {background-color: #cc0000; color: #ffffff; font-weight: 600; /*margin-left: 1%;*/ margin-top: 0px; padding: 10px 20px 10px 20px; box-sizing: border-box;}
/*
.trips-list-tbimport .more-button a {display: block; padding: 10px 20px 10px 20px; background-color: #0e1c29; color: #c2ab84; border-bottom: solid 4px #0a131c; border-radius: 3px; text-transform: lowercase; text-decoration: none; transition: all .3s ease;}
.trips-list-tbimport .more-button a i {display: inline; font-size: 1rem; margin: 0px; position: relative; top: 0px; left: 5px;}
.trips-list-tbimport .more-button a:hover {background-color: #cc0000; color: rgba(33,41,46,1.0); color: #ffffff; border-bottom: solid 4px #990000;}
.trips-list-tbimport .more-button a:hover i {color: #ffffff;}
*/
.trips-list-tbimport .more-button a {display: block; padding: 10px 20px 10px 20px; background-color: #29b360; color: #ffffff; /*border-bottom: solid 4px #0a131c; border-radius: 3px;*/ text-transform: lowercase; text-decoration: none; transition: all .3s ease;}
.trips-list-tbimport .more-button a i {display: inline; font-size: 1rem; margin: 0px; position: relative; top: 0px; left: 5px;}
.trips-list-tbimport .more-button a:hover {background-color: #239952; color: rgba(33,41,46,1.0); color: #ffffff; /*border-bottom: solid 4px #990000;*/}
.trips-list-tbimport .more-button a:hover i {color: #ffffff;}
/*==================================================================*/
/* Trip Info */
/*==================================================================*/
.trip-details {width: 100%; padding: 20px 0px 20px 0px; text-align: left; border-bottom: solid 1px rgba(132,147,158,0.3); background-color: #ffffff;}
.trip-summary {box-sizing: border-box; border: solid 1px rgba(132,147,158,0.3); /*border-bottom: none;*/ padding: 20px;}
.trip-summary h2 {margin: 20px 0px 0px 0px; font-size: 1.8rem;/* 24 / 16 = 1.5 */ /*text-transform: uppercase;*/ font-weight: 700; font-style: italic;}
.trip-summary h2:first-child {margin-top: 0px;}
.trip-summary h2 i {font-weight: 300;}
.trip-summary p {margin-top: 0px;}
.trip-summary ul, .trip-summary ul li {list-style: none; margin: 0px; padding: 0px;}
.trip-summary ul li {padding: 4px 0px 0px 20px; position: relative;}
.trip-summary ul.trip-summary-nopadd li {padding: 10px 0px 0px 0px;}
.trip-summary ul li i {position: absolute; top: 3px; left: 0px; font-size: 1.5rem;/* 24 / 16 = 1.5 */}
.trip-summary ul li i.flaticon-tick {top: 10px; font-size: 1rem !important;/* 16 / 16 = 1 */ color: #fba91c;}
.trip-summary ul li.rating {padding: 0px 0px 0px 20px;}
.trip-summary ul li.rating i {position: static; color: #fba91c; font-size: 1.25rem;/* 20 / 16 = 1.25 */ margin: 0px 2px;}
.trip-summary ul li.rating span.half-star {display: inline-block; width: 20px; height: 20px; background-color: #ffffff; position: relative; top: 3px; left: -12px;}
.trip-summary .special {background-color: #cc0000; color: #ffffff; font-weight: 600; margin: 20px 0px 0px 0px; padding: 10px 20px 10px 20px;}
.trip-price p {background-color: #ebeeef; margin: 0px 0px 20px 0px; padding: 10px 20px 10px 20px; box-sizing: border-box; border: solid 1px rgba(132,147,158,0.3); border-top: none; text-align: left; font-style: italic;}
.trip-price p span {display: block; font-weight: 600; /*color: transparent;*/}
.trip-price p strong {color: #cc0000; font-size: 4.8rem;/* 48 / 16 = 3 */ font-weight: 400;}
.trip-call-us {/*background-color: #676767;*/ background-color: #29b360; margin: 0px 0px 20px 0px; padding: 10px 20px 10px 20px; font-size: 2.4rem;/* 24 / 16 = 1.5 */ font-weight: 400; text-align: center; color: #ffffff;}
.trip-call-us i {margin-right: 4px; font-size: 2rem;/* 24 / 16 = 1.5 */}
.trip-call-us strong {display: block; font-weight: 300; font-size: 3.6rem;/* 36 / 16 = 2.25 */ margin-left: 0px; font-style: none;}
.trip-call-us a, .trip-call-us a:link, .trip-call-us aa:hover, .trip-call-us aa:visited, .trip-call-us a:active {color: #FFFFFF;}
.trip-features {box-sizing: border-box; border: solid 1px rgba(132,147,158,0.3); margin: 0px 0px 20px 0px; padding: 20px;}
.trip-features h2 {margin: 20px 0px 0px 0px; font-size: 1.25rem;/* 20 / 16 = 1.25 */ text-transform: uppercase; font-weight: 700;}
.trip-features h2:first-child {margin-top: 0px;}
.trip-features h2 i {font-weight: 300;}
.trip-features h3 { font-weight: 400; text-transform: capitalize;}
.trip-features ul {padding: 0px 0px 0px 20px; color: #75d1f7;}
.trip-features ul li {padding: 0px 0px 10px 0px; color: #343f48;}
.trip-photos .thumb-slider {box-sizing: border-box; height: 300px; min-height: 300px;}
.trip-photos .thumb-slider ul, .trip-photos .thumb-slider ul li {list-style: none; margin: 0px; padding: 0px;}
.trip-photos .thumb-slider li {width: 100%; height: 300px; min-height: 300px; overflow: hidden;}
.trip-photos .thumb-slider .slide {width: 100%; height: 300px; min-height: 300px;}
.trip-photos .thumb-slider .slide1 {background: url('http://media.thomson.co.uk/asset/lpp/v00/659/976.jpg') center center no-repeat #000000; background-size: cover;}
.trip-photos .thumb-slider .slide2 {background: url('http://media.thomson.co.uk/asset/lpp/v00/754/765.jpg') center center no-repeat #000000; background-size: cover;}
.trip-photos .thumb-slider .slide3 {background: url('http://media.thomson.co.uk/asset/lpp/v00/796/965.jpg') center center no-repeat #000000; background-size: cover;}
.trip-photos .thumb-slider .slide4 {background: url('http://media.thomson.co.uk/asset/lpp/v00/662/469.jpg') center center no-repeat #000000; background-size: cover;}
.trip-photos .thumb-slider .slide5 {background: url('http://media.thomson.co.uk/asset/lpp/v00/797/181.jpg') center center no-repeat #000000; background-size: cover;}
.trip-photos .thumb-slider .slide6 {background: url('http://media.thomson.co.uk/asset/lpp/v00/797/105.jpg') center center no-repeat #000000; background-size: cover;}
.trip-photos .thumb-slider .slide7 {background: url('http://media.thomson.co.uk/asset/lpp/v00/797/081.jpg') center center no-repeat #000000; background-size: cover;}
.trip-photos .thumb-slider .slide8 {background: url('http://media.thomson.co.uk/asset/lpp/v00/753/737.jpg') center center no-repeat #000000; background-size: cover;}
.trip-photos .thumb-slider .slide9 {background: url('http://media.thomson.co.uk/asset/lpp/v00/662/483.jpg') center center no-repeat #000000; background-size: cover;}
.trip-photos .thumb-slider .slide10 {background: url('http://media.thomson.co.uk/asset/lpp/v00/753/739.jpg') center center no-repeat #000000; background-size: cover;}
.trip-photos .thumb-pager {}
.trip-photos .thumb-pager a {display: block; float: left; margin: 5px 5px 0px 0px; width: 72px; height: 72px;}
.trip-photos .thumb-pager a.thumb1 {background: url('http://media.thomson.co.uk/asset/lpp/v00/659/976.jpg') center center no-repeat #000000; background-size: cover;}
.trip-photos .thumb-pager a.thumb2 {background: url('http://media.thomson.co.uk/asset/lpp/v00/754/765.jpg') center center no-repeat #000000; background-size: cover;}
.trip-photos .thumb-pager a.thumb3 {background: url('http://media.thomson.co.uk/asset/lpp/v00/796/965.jpg') center center no-repeat #000000; background-size: cover;}
.trip-photos .thumb-pager a.thumb4 {background: url('http://media.thomson.co.uk/asset/lpp/v00/662/469.jpg') center center no-repeat #000000; background-size: cover;}
.trip-photos .thumb-pager a.thumb5 {background: url('http://media.thomson.co.uk/asset/lpp/v00/797/181.jpg') center center no-repeat #000000; background-size: cover;}
.trip-photos .thumb-pager a.thumb6 {background: url('http://media.thomson.co.uk/asset/lpp/v00/797/105.jpg') center center no-repeat #000000; background-size: cover;}
.trip-photos .thumb-pager a.thumb7 {background: url('http://media.thomson.co.uk/asset/lpp/v00/797/081.jpg') center center no-repeat #000000; background-size: cover;}
.trip-photos .thumb-pager a.thumb8 {background: url('http://media.thomson.co.uk/asset/lpp/v00/753/737.jpg') center center no-repeat #000000; background-size: cover;}
.trip-photos .thumb-pager a.thumb9 {background: url('http://media.thomson.co.uk/asset/lpp/v00/662/483.jpg') center center no-repeat #000000; background-size: cover;}
.trip-photos .thumb-pager a.thumb10 {background: url('http://media.thomson.co.uk/asset/lpp/v00/753/739.jpg') center center no-repeat #000000; background-size: cover;}
.trip-photos .thumb-pager a:last-child {margin-right: 0px;}
/*.trip-photos .thumb-pager a:nth-child(10n+10) {margin-right: 0px;}*/
.trip-photos h2 {font-weight: 400;}
.trip-intro {width: 100%; padding: 20px 0px 20px 0px; text-align: left; border-bottom: solid 1px rgba(132,147,158,0.3); background-color: #ffffff;}
.trip-info h2 {color: #fba91c; font-weight: 300; margin: 0px; border-bottom: solid 1px #fba91c;}
.trip-info ul {padding: 0px 0px 0px 20px;}
.trip-info ul li {padding: 0px 0px 10px 0px;}
.trip-bestfor {border-radius: 3px; border: solid 1px rgba(132,147,158,0.3); margin: 0px auto 20px auto; padding: 20px;}
.trip-bestfor h2 {margin: 0px 0px 10px 0px; font-weight: 400; font-size: 1.375rem;/* 22 / 16 = 1.375 */}
.trip-bestfor h2 i {font-size: 1.125rem;/* 18 / 16 = 1.125 */ color: #cc0000;}
.trip-bestfor ul {margin: 0px; padding: 0px;}
.trip-bestfor ul li {list-style: none; margin: 0px; padding: 0px 0px 10px 26px; color: #cc0000; position: relative;}
.trip-bestfor ul li i {font-size: 1.5rem;/* 24 / 16 = 1.5 */ position: absolute; top: -6px; left: 0px;}
.trip-bestfor table {}
.trip-bestfor table th {padding: 10px 20px 10px 0px; vertical-align: top; border-top: dashed 1px rgba(132,147,158,0.3);}
.trip-bestfor table td {padding: 10px 0px 10px 0px; vertical-align: top; border-top: dashed 1px rgba(132,147,158,0.3);}
.trip-offers-strip {width: 100%; padding: 20px 0px 0px 0px; text-align: center; border-bottom: solid 1px rgba(132,147,158,0.3); background-color: #cc0000;}
.trip-offers-strip p {color: #ffffff; font-weight: 400; /*font-style: italic;*/ margin: 0px; font-size: 1.5rem;/* 24 / 16 = 1.5 */}
/* Temporary Quick Fix For Travelzoo Free Walking Boots Stuff */
.trip-offers-sub-strip {width: 100%; padding: 20px 0px 0px 0px; text-align: center; border-bottom: solid 1px rgba(132,147,158,0.3); background-color: #ffffff;}
.trip-offers-sub-strip p {color: #cc0000; font-weight: 400; font-style: italic; margin: 0px; font-size: 1.5rem;/* 24 / 16 = 1.5 */}
.trip-offers-sub-strip p img {vertical-align: middle; margin-right: 20px;}
.trip-offers-table {width: 100%; padding: 20px 0px 20px 0px; text-align: left; border-bottom: solid 1px rgba(132,147,158,0.3); background-color: #ffffff;}
.trip-offers-table h2 {text-align: center; background-color: #cc0000; color: #ffffff; font-weight: 400; /*font-style: italic;*/ padding: 10px 20px 10px 20px; margin: 0px;}
.trip-offers-table table {width: 100%;}
.trip-offers-table table th {padding: 10px 20px 10px 20px; border-bottom: solid 1px #ced4d8; font-weight: 600;}
.trip-offers-table table td {padding: 10px 20px 10px 20px; border-bottom: solid 1px #ced4d8;}
.trip-offers-table table td.price {font-weight: 600; color: #cc0000;}
.trip-offers-table p {text-align: center;}
/*==================================================================*/
/* Tabs */
/*==================================================================*/
/*----- Tabs Container -----*/
.tabs {width: 100%; display: inline-block;}
/*----- Tab Links -----*/
.tab-links {margin-top: 20px; position: relative; top: 1px; left: 0px;}
.tab-links:after {display: block; clear: both; content: '';} /* Clearfix */
.tab-links ul {margin: 0px; padding: 0px;}
.tab-links ul li {list-style: none; margin: 0px; padding: 0px; float: left;}
.tab-links ul li a {display: inline-block; padding: 10px 20px 10px 20px; border: solid 1px #ced4d8; color: #343f48; font-weight: 600; text-decoration: none; background-color: #ebeeef; border-radius: 4px 4px 0px 0px; transition: all linear 0.15s;}
.tab-links ul li a:hover {background-color: #ffffff; text-decoration: none;}
.tab-links ul li:last-child a {border-right: solid 1px #ced4d8;}
.tab-links ul li.active a, .tab-links ul li.active a:hover {background: #fff; color: #4c4c4c; border-bottom: solid 1px #ffffff;}
/*----- Content of Tabs -----*/
.tab-content {padding: 20px; border: solid 1px #ced4d8;}
.tab-content .tab {display: none;}
.tab-content .tab.active {display: block;}
.tab-content .tab h2:first-of-type {margin-top: 0px;}
/*----- Cruise Itinerary Map -----*/
.cruise-itinerary-map {width: 100%; height: 300px; text-align: center; background-color: #ffffff; margin-bottom: 20px; display: none;}
.cruise-itinerary-map iframe {width: 100%; height: 300px;}
/*----- Cruise Itinerary Table -----*/
table.cruise-itinerary {width: 100%; border-top: solid 1px #ced4d8; /*border-left: solid 1px #ced4d8;*/ margin-bottom: 40px;}
table.cruise-itinerary:last-of-type {/*margin-bottom: 0px;*/}
table.cruise-itinerary th {/*border-right: solid 1px #ced4d8;*/ border-bottom: solid 1px #ced4d8; text-align: left; padding: 10px 20px 10px 20px; font-weight: 600;}
table.cruise-itinerary td {/*border-right: solid 1px #ced4d8;*/ border-bottom: solid 1px #ced4d8; text-align: left; padding: 10px 20px 10px 20px;}
table.cruise-itinerary td.price {font-weight: 600; color: #cc0000;}
table.cruise-itinerary td strong {display: inline-block; font-weight: 400; color: #ffffff; padding: 4px 10px 4px 10px; margin-top: 5px; background-color: #97c1bd; font-style: italic;}
table.cruise-itinerary td i {font-size: 1.25rem;/* 20 / 16 = 1.25 */}
table.cruise-itinerary td a {display: inline-block; padding: 5px 20px 5px 20px; background-color: #c2ab84; color: #0e1c29; border-bottom: solid 4px #a89572; border-radius: 3px; text-decoration: none; transition: all .3s ease;}
table.cruise-itinerary td a:hover {background-color: #cc0000; color: rgba(33,41,46,1.0); color: #ffffff; border-bottom: solid 4px #990000;}
table.cruise-itinerary td a i {display: inline; font-size: 1rem;/* 16 / 16 = 1 */ margin: 0px; position: relative; top: 0px; left: 5px;}
/*----- Cruise Alt Dates Table -----*/
.cruise-altdates-info {width: 100%; padding: 20px 0px 20px 0px; text-align: center; background-color: #ffffff;}
table.cruise-altdates {width: 100%; border-top: solid 1px #ced4d8; /*border-left: solid 1px #ced4d8;*/ margin-bottom: 40px;}
table.cruise-altdates:last-of-type {/*margin-bottom: 0px;*/}
table.cruise-altdates th {/*border-right: solid 1px #ced4d8;*/ border-bottom: solid 1px #ced4d8; text-align: left; padding: 10px 20px 10px 20px; font-weight: 600;}
table.cruise-altdates td {/*border-right: solid 1px #ced4d8;*/ border-bottom: solid 1px #ced4d8; text-align: left; padding: 10px 20px 10px 20px;}
table.cruise-altdates td.price {font-weight: 600; color: #cc0000;}
table.cruise-altdates td strong {display: inline-block; font-weight: 400; color: #ffffff; padding: 4px 10px 4px 10px; margin-top: 5px; background-color: #97c1bd; font-style: italic;}
table.cruise-altdates td i {font-size: 1.25rem;/* 20 / 16 = 1.25 */}
table.cruise-altdates td a {display: inline-block; padding: 5px 20px 5px 20px; background-color: #c2ab84; color: #0e1c29; border-bottom: solid 4px #a89572; border-radius: 3px; text-decoration: none; transition: all .3s ease;}
table.cruise-altdates td a:hover {background-color: #cc0000; color: rgba(33,41,46,1.0); color: #ffffff; border-bottom: solid 4px #990000;}
table.cruise-altdates td a i {display: inline; font-size: 1rem;/* 16 / 16 = 1 */ margin: 0px; position: relative; top: 0px; left: 5px;}
/*----- Cruise Ship Info -----*/
.cruise-ship-info {width: 100%; padding: 20px 0px 20px 0px; text-align: center; background-color: #ffffff;}
.cruise-ship-info p {text-align: left;}
/*----- Brought over from Santa for Artic Adventures -----*/
.tab-content .trip-hotel-img {width: 240px; height: 240px; overflow: hidden; float: left; margin: 0px 20px 20px 0px;}
.tab-content .trip-hotel-img img {height: 240px;}
.tab-content .trip-hotel-desc {width: 50%; float: left; margin: 0px 20px 20px 0px;}
.tab-content .trip-title {margin: 0px;}
.tab-content .trip-hotel-price {width: 250px; float: right; margin: 0px 0px 20px 0px; background-color: #ebeeef;}
.tab-content .trip-hotel-price .price-from {margin: 0px; padding: 10px 20px 10px 20px; box-sizing: border-box; text-align: left; font-style: italic;}
.tab-content .trip-hotel-price .price-from span {display: block; font-weight: 600;}
.tab-content .trip-hotel-price .price-from strong {color: #cc0000; font-size: 3rem;/* 48 / 16 = 3 */ font-weight: 400;}
table.trip-packages {width: 100%; border-top: solid 1px #ced4d8; margin-bottom: 40px;}
table.trip-packages:last-of-type {}
table.trip-packages th {border-bottom: solid 1px #ced4d8; text-align: left; padding: 10px 20px 10px 20px; font-weight: 600;}
table.trip-packages td {border-bottom: solid 1px #ced4d8; text-align: left; padding: 10px 20px 10px 20px;}
table.trip-packages td.price {font-weight: 600; color: #cc0000;}
table.trip-packages td strong {display: inline-block; width: 100%; box-sizing: border-box; font-weight: 400; color: #ffffff; padding: 4px 10px 4px 10px; margin-top: 5px; background-color: #cc0000; font-style: italic;}
table.trip-packages td i {font-size: 1.25rem;/* 20 / 16 = 1.25 */}
table.trip-packages td a {display: inline-block; padding: 5px 20px 5px 20px; background-color: #c2ab84; color: #0e1c29; border-bottom: solid 4px #a89572; border-radius: 3px; text-decoration: none; transition: all .3s ease;}
table.trip-packages td a:hover {background-color: #cc0000; color: rgba(33,41,46,1.0); color: #ffffff; border-bottom: solid 4px #990000;}
table.trip-packages td a i {display: inline; font-size: 1rem;/* 16 / 16 = 1 */ margin: 0px; position: relative; top: 0px; left: 5px;}
/*==================================================================*/
/* Testimonials */
/*==================================================================*/
.testimonials-bg {width: 100%; background-color: #75d1f7;}
.testimonials-bg .testimonials {height: 440px; padding: 40px 0px 40px 0px; /*background-color: #97c1bd;*/ color: #ffffff; box-sizing: border-box;}
.testimonials h2 {text-align: center; margin-bottom: 0px; font-weight: 300; text-shadow: 1px 1px 1px rgba(0,0,0,0.3);}
.testimonials h2 i {color: gold; font-size: 2.5rem;/* 40 / 16 = 2.5 */}
.testimonials h3 {margin-bottom: 0px; text-transform: capitalize; font-size: 1rem; text-shadow: 1px 1px 1px rgba(0,0,0,0.3);}
.testimonials .grid-12 p {text-align: center;}
.testimonials .quote p {text-align: left; font-style: italic; text-shadow: 1px 1px 1px rgba(0,0,0,0.3);}
.testimonials .grid-12 p i {font-size: 1.25rem;/* 20 / 16 = 1.25 */}
.testimonials .grid-12 p i:first-child {margin-right: 2px;}
.testimonials .grid-12 p i:last-child {margin-left: 2px;}
.testimonial-slider {width: 100%; box-sizing: border-box;}
.testimonial-slider ul, .fullwidth-slider ul li {list-style: none; margin: 0px; padding: 0px;}
.testimonial-slider li {width: 100%;}
.testimonial-slider li .slide {margin: 0px auto; max-width: 1180px; padding: 0px 20px 60px 20px; box-sizing: border-box;}
.bx-wrapper {}
.bx-viewport {}
.bxslider {}
/*==================================================================*/
/* Search Form */
/*==================================================================*/
.search-form {width: 100%; padding: 20px 0px 20px 0px; text-align: center; border-bottom: solid 1px rgba(132,147,158,0.3); background-color: #ffffff;}
.search-form h2 {font-size: 1.375rem;/* 22 / 16 = 1.375 */ font-weight: 400; font-style: italic; color: #fba91c; margin: 0px; padding: 8px 0px 0px 0px; text-align: left;}
.search-form .search-title h2 {font-style: normal;}
.search-form label {display: inline-block; padding: 10px 10px 10px 0px; font-weight: 300;}
.search-form div.shift-label label {position: absolute; bottom: 100000px; left: 0px;}
.search-form .field-icon {position: relative;}
.search-form i {font-size: 1.375rem;/* 22 / 16 = 1.375 */ position: absolute; bottom: 8px; right: 15px;}
.search-form input[type="text"], .contact-form input[type="email"], .contact-form input[type="tel"] {width: 100%;}
.search-form .field-border p {border: solid 1px rgba(132,147,158,0.3); border-radius: 3px; margin: 0px; padding: 0px 20px 0px 20px; text-align: left;}
.search-form p input[type="checkbox"] {width: 1.25rem;/* 20 / 16 = 1.25 */ height: 1.25rem;/* 20 / 16 = 1.25 */ position: relative; top: 2px;}
.search-form .cruise-count p {padding: 10px 20px 10px 20px;}
.search-form select {width: 100%;}
.search-form textarea {width: 100%; height: 200px; box-sizing: border-box;}
.search-form input[type="submit"] {color: #ffffff; border: 0px; width: 100%; box-sizing: border-box; border-bottom: solid 4px #0069ab; transition: all .3s ease; background: url('/images/search-button-icon.png') left center no-repeat #008add; padding-left: 40px;}
.search-form input[type="submit"]:hover {background-color: #9ccb00; color: #ffffff; border: 0px; width: 100%; box-sizing: border-box; border-bottom: solid 4px #759900;}
.search-form .subscribe p {border: solid 1px rgba(132,147,158,0.3); border-radius: 3px; margin: 0px; padding: 0px 20px 0px 20px; text-align: left;}
/*==================================================================*/
/* Contact Us */
/*==================================================================*/
.contact-info {width: 100%; padding: 20px 0px 20px 0px; text-align: center; border-bottom: solid 1px rgba(132,147,158,0.3); background-color: #ffffff;}
.contact-form label {display: inline-block; padding: 10px 10px 10px 0px; font-weight: 300;}
.contact-form div.shift-label label {position: absolute; bottom: 100000px; left: 0px;}
.contact-form input[type="text"], .contact-form input[type="email"], .contact-form input[type="tel"] {width: 100%;}
.contact-form select {width: 100%;}
.contact-form textarea {width: 100%; height: 200px; box-sizing: border-box;}
.contact-form input[type="checkbox"] {width: 20px; height: 20px; position: relative; top: 4px; left: 0px;}
/*
.contact-form input[type="submit"] {color: #ffffff; border: 0px; width: 100%; box-sizing: border-box; border-bottom: solid 4px #0069ab; transition: all .3s ease; background: url('/images/search-button-icon.png') left center no-repeat #008add; padding-left: 40px;}
.contact-form input[type="submit"]:hover {background-color: #9ccb00; color: #ffffff; border: 0px; width: 100%; box-sizing: border-box; border-bottom: solid 4px #759900;}
*/
.contact-form .subscribe p {border: solid 1px rgba(132,147,158,0.3); border-radius: 3px; margin: 0px; padding: 0px 20px 0px 20px; text-align: left;}
/*--- Branches Boxes -----------------------------------------------*/
.branches {width: 100%; padding: 40px 0px 40px 0px; text-align: center; border-bottom: solid 1px rgba(132,147,158,0.3); background-color: rgba(255,255,255,1.0);}
.branches .box {height: 400px; border-radius: 3px; border: solid 1px rgba(132,147,158,0.3); margin: 0px auto 0px auto; padding: 20px;}
.branches .box h2 {margin: 0px; padding-top: 10px;}
.branches .box p {margin: 0px; padding-top: 10px;}
.branches .box i {color: #cfc285; font-size: 4rem;/* 64 / 16 = 4 */}
/*--- Map ----------------------------------------------------------*/
.map {width: 100%; height: 300px; text-align: center; background-color: #ffffff; border-bottom: solid 1px rgba(132,147,158,0.3);}
.map iframe {width: 100%; height: 300px;}
/*==================================================================*/
/* Enquire */
/*==================================================================*/
.enquiry-form h3 {}
.enquiry-form label {display: inline-block; padding: 10px 10px 10px 0px; /*font-weight: 300;*/ font-weight: 600;}
.enquiry-form div.shift-label label {position: absolute; bottom: 100000px; left: 0px;}
.enquiry-form div.field {display: block; width: 33.3%; margin: 0px; padding: 0px 5px 10px 5px; float: left; box-sizing: border-box; text-align: left;}
.enquiry-form div.fieldright {display: block; width: 33.3%; margin: 0px; padding: 0px 5px 10px 5px; float: right; box-sizing: border-box; text-align: left;}
.enquiry-form div.fieldx2 {display: block; width: 66.6%; margin: 0px; padding: 0px 5px 10px 5px; float: left; box-sizing: border-box; text-align: left;}
.enquiry-form div.fieldx3 {display: block; width: 100%; margin: 0px; padding: 0px 5px 10px 5px; float: left; box-sizing: border-box; text-align: left;}
.enquiry-form div.fieldxhalf {display: block; width: 50%; margin: 0px; padding: 0px 5px 10px 5px; float: left; box-sizing: border-box; text-align: left;}
.enquiry-form div.field.field-contactyou {width: 15%;}
.enquiry-form div.field.field-contactyou label {padding-top: 0px;}
.enquiry-form input[type="text"], .enquiry-form input[type="email"], .enquiry-form input[type="tel"] {width: 100%;}
.enquiry-form select {width: 100%;}
.enquiry-form #review_recommend {width: 50% !important;}
.enquiry-form #review_recommend_stewart {width: 50% !important;}
.enquiry-form textarea {width: 100%; height: 200px; box-sizing: border-box;}
/*
.enquiry-form input[type="submit"] {color: #ffffff; border: 0px; width: 100%; box-sizing: border-box; border-bottom: solid 4px #0069ab; transition: all .3s ease; background-color: #008add; padding-left: 40px;}
.enquiry-form input[type="submit"]:hover {background-color: #9ccb00; color: #ffffff; border: 0px; width: 100%; box-sizing: border-box; border-bottom: solid 4px #759900;}
*/
.enquiry-form input[type="submit"] {color: #ffffff; border: 0px; width: 100%; box-sizing: border-box; transition: all .3s ease; background-color: #29b360; padding-left: 40px;}
.enquiry-form input[type="submit"]:hover {background-color: #239952; color: #ffffff; border: 0px; width: 100%; box-sizing: border-box;}
/*==================================================================*/
/* Tooltip (Stewart Travel Family) */
/*==================================================================*/
.tooltip-wrap {position: relative; z-index: 999;}
.tooltip-wrap .tooltip-item {display: inline-block; position: relative; z-index: 998; font-weight: 700; text-decoration: none; color: #008add;}
.tooltip-wrap:hover .tooltip-item {color: #ffffff;}
.tooltip-wrap .tooltip-content {display: none; box-sizing: border-box; width: 360px; padding: 15px; border: solid 1px rgba(0,0,0,0.3); border-top: solid 50px #292929; background-color: #ffffff; /*font-size: 1.2rem;*/ font-size: 0.75rem;/* 12 / 16 = 0.75 font sizing for the older sites */ text-align: left; position: absolute; top: -15px; left: calc(50% - 180px); z-index: 997; box-shadow: 2px 4px 10px rgba(0,0,0,0.5);}
.tooltip-wrap:hover .tooltip-content {display: inline-block;}
.tooltip-content-columns {display: block; column-count: 2; margin-top: 5px; clear: both;}
.tooltip-content-columns a {display: inline-block; margin-top: 5px; text-decoration: none; color: #008add;}
.tooltip-content-columns a:hover {display: inline-block; margin-top: 5px; text-decoration: none; color: #fba91c;}
@media only screen and (max-width: 719px) {
.tooltip-wrap-device {position: relative;}/* on small device make this relative instead of tooltip-wrap to allow the content box to be full width */
.tooltip-wrap {position: static;}
.tooltip-wrap:hover .tooltip-item {width: 100%; position: absolute; top: 0px; right: 0px; left: 0px; text-align: center;}
.tooltip-wrap .tooltip-content {width: 100%; position: absolute; top: -15px; right: 0px; left: 0px;}
}
/*==================================================================*/
/* Speak to an Expert */
/*==================================================================*/
.expert {background-color: #273038; color: #ffffff; padding: 20px 0px 20px 0px;}
.expert .grid-4 {box-sizing: border-box; padding: 0px 0px 0px 20px;}
.expert .grid-4:first-child {padding: 0px 0px 0px 0px;}
.expert h2 {font-weight: 300; font-style: italic; text-transform: capitalize;}
.expert p.phoneexpert {font-size: 1.625rem;/* 26 / 16 = 1.625 */ margin: 0px;}
.expert p.phoneexpert i {color: #fba91c;}
.expert p a {display: inline-block; color: #ffffff; background-color: #008add; border-radius: 3px; border-bottom: solid 4px #0069ab; padding: 8px 20px 8px 20px; text-decoration: none; transition: all .3s ease;}
.expert p a:hover {background-color: #9ccb00; border-bottom: solid 4px #759900;}
.expert p.phoneexpert a, .expert p.phoneexpert a:hover {display: inline; background-color: transparent; border-bottom: none; padding: 0px;} /* For devices who auto change phone numbers to links */
.expert-general {background-color: #ffffff; padding: 50px 0px 60px 0px; border-bottom: solid 1px rgba(132,147,158,0.3);}
.expert-general-title {}
.expert-general-wrap {display: flex;}
.expert-general-box {flex: 1; box-sizing: border-box; margin-bottom: 0px; padding: 15px 20px 15px 100px; color: #ffffff; background-color: #29b360; position: relative;}
.expert-general span {display: flex; align-items: center; height: 100%; box-sizing: border-box; padding: 15px 20px; background-color: #239952; position: absolute; top: 0px; left: 0px;}
.expert-general svg {width: 40px; height: 40px;}
.expert-general svg path, .expert-general svg circle, .expert-general svg polygon {fill: #ffffff;}
.expert-general h2 {font-size: 1.5rem; text-transform: uppercase; text-align: center; color: #002050; font-weight: 600; margin: 0px;}
.expert-general h3 {font-size: 0.875rem; font-weight: 600; text-transform: uppercase; color: #ffffff; text-align: left; margin: 0px;}
.expert-general p {font-size: 1.25rem; margin: 0px;}
/*--- For devices who auto change phone numbers to links -----------*/
.expert-general a, .expert-general a:visited, .expert-general a:hover, .expert-general a:active {color: #ffffff; text-decoration: none;}
/*==================================================================*/
/* Attribution */
/*==================================================================*/
.attribution {width: 100%; padding: 40px 0px 40px 0px; border-bottom: solid 1px rgba(132,147,158,0.3); background-color: rgba(255,255,255,1.0);}
/*==================================================================*/
/* Category Page Content */
/*==================================================================*/
.category-content {width: 100%; padding: 20px 0px 20px 0px; text-align: center; border-bottom: solid 1px rgba(132,147,158,0.3); background-color: #ffffff;}
.category-content img {width: 100%; height: auto;}
/*==================================================================*/
/* Tiles - tilex1 and tilex2 relates to height - tilex1 single height - tilex2 double height - widths are controlled by the grid */
/*==================================================================*/
.tiles {width: 100%; padding: 20px 0px 20px 0px; text-align: left; border-bottom: solid 1px rgba(132,147,158,0.3); background-color: #ffffff;}
.tiles .tilex1 {height: 274px; /*background: url('/images/tstimg.jpg') center center no-repeat #000000;*/ background-size: cover; position: relative;}
.tiles .tilex2 {height: 568px; /*background: url('/images/tstimg.jpg') center center no-repeat #000000;*/ background-size: cover; position: relative;}
.tiles .tilex1 h3, .tiles .tilex2 h3 {background-color: #cc0000; color: #ffffff; display: inline-block; margin: 0px; padding: 10px 20px 10px 20px;}
.tiles .tilex1 h3 i, .tiles .tilex2 h3 i {font-weight: normal;}
.tiles .tilex1 a {display: inline-block; width: 100%; height: 274px; text-align: center; position: absolute; top: 0px; left: 0px; text-decoration: none; color: #ffffff; background-color: #000000; opacity: 0; transition: all .3s ease;}
.tiles .tilex2 a {display: inline-block; width: 100%; height: 568px; text-align: center; position: absolute; top: 0px; left: 0px; text-decoration: none; color: #ffffff; background-color: #000000; opacity: 0; transition: all .3s ease;}
.tiles .tilex1 a:hover, .tiles .tilex2 a:hover {opacity: 0.5;}
.tiles .tilex1 a i {font-size: 4rem;/* 30 / 16 = 1.875 */ display: block; margin-top: 80px;}
.tiles .tilex2 a i {font-size: 4rem;/* 30 / 16 = 1.875 */ display: block; margin-top: 220px;}
/*--- Customized Style For Each Tile -------------------------------*/
/*--- Tile 1 ------------------------*/
/*.tiles .tilex1:nth-child(1) {background: url('/images/slider-imgs/slide-home-of-happy-holidays.jpg') center center no-repeat #000000; background-size: cover;}
.tiles .tilex1:nth-child(1) h3 {background-color: #f70f54;}
.tiles .tilex2:nth-child(1) {background: url('/images/slider-imgs/slide-home-of-happy-holidays.jpg') center center no-repeat #000000; background-size: cover;}
.tiles .tilex2:nth-child(1) h3 {background-color: #f70f54;}*/
/*--- Tile 2 ------------------------*/
/*.tiles .tilex1:nth-child(2) {background: url('/images/slider-imgs/Family-Fun-on-Beach-1920x1440.jpg') center center no-repeat #000000; background-size: cover;}
.tiles .tilex1:nth-child(2) h3 {background-color: #008add;}
.tiles .tilex2:nth-child(2) {background: url('/images/slider-imgs/Family-Fun-on-Beach-1920x1440.jpg') center center no-repeat #000000; background-size: cover;}
.tiles .tilex2:nth-child(2) h3 {background-color: #008add;}*/
/*--- Tile 3 ------------------------*/
/*.tiles .tilex1:nth-child(3) {background: url('/images/slider-imgs/8817822-maldives-resorts.jpg') center center no-repeat #000000; background-size: cover;}
.tiles .tilex1:nth-child(3) h3 {background-color: #ff6600;}
.tiles .tilex2:nth-child(3) {background: url('/images/slider-imgs/8817822-maldives-resorts.jpg') center center no-repeat #000000; background-size: cover;}
.tiles .tilex2:nth-child(3) h3 {background-color: #ff6600;}*/
/*--- Tile 4 ------------------------*/
/*.tiles .tilex1:nth-child(4) {background: url('/images/slider-imgs/RCI_Explorer_ExteriorLand_6.jpg') center center no-repeat #000000; background-size: cover;}
.tiles .tilex1:nth-child(4) h3 {background-color: #9ccb00;}
.tiles .tilex2:nth-child(4) {background: url('/images/slider-imgs/RCI_Explorer_ExteriorLand_6.jpg') center center no-repeat #000000; background-size: cover;}
.tiles .tilex2:nth-child(4) h3 {background-color: #9ccb00;}*/
/*--- Tile 5 ------------------------*/
/*.tiles .tilex1:nth-child(5) {background: url('/images/slider-imgs/277711.jpg') center center no-repeat #000000; background-size: cover;}
.tiles .tilex1:nth-child(5) h3 {background-color: #008add;}
.tiles .tilex2:nth-child(5) {background: url('/images/slider-imgs/277711.jpg') center center no-repeat #000000; background-size: cover;}
.tiles .tilex2:nth-child(5) h3 {background-color: #008add;}*/
/*--- Tile 6 ------------------------*/
/*.tiles .tilex1:nth-child(6) {background: url('/images/slider-imgs/5229_Flip-flops-and-sunglasses-for-the-beach-funny-HD-wallpaper.jpg') center center no-repeat #000000; background-size: cover;}
.tiles .tilex1:nth-child(6) h3 {background-color: #f70f54;}
.tiles .tilex2:nth-child(6) {background: url('/images/slider-imgs/5229_Flip-flops-and-sunglasses-for-the-beach-funny-HD-wallpaper.jpg') center center no-repeat #000000; background-size: cover;}
.tiles .tilex2:nth-child(6) h3 {background-color: #f70f54;}*/
/*--- Tile 7 ------------------------*/
/*.tiles .tilex1:nth-child(7) {background: url('/images/slider-imgs/RCI_Explorer_ExteriorLand_6.jpg') center center no-repeat #000000; background-size: cover;}
.tiles .tilex1:nth-child(7) h3 {background-color: #9ccb00;}
.tiles .tilex2:nth-child(7) {background: url('/images/slider-imgs/RCI_Explorer_ExteriorLand_6.jpg') center center no-repeat #000000; background-size: cover;}
.tiles .tilex2:nth-child(7) h3 {background-color: #9ccb00;}*/
/*==================================================================*/
/* Information */
/*==================================================================*/
.info {width: 100%; padding: 20px 0px 20px 0px; text-align: left; border-bottom: solid 1px rgba(132,147,158,0.3); background-color: #ffffff;}
.info {width: 100%; padding: 40px 0px 40px 0px; text-align: center; border-bottom: solid 1px rgba(132,147,158,0.3); background-color: rgba(255,255,255,1.0);}
.info .box {border-radius: 3px; border: solid 1px rgba(132,147,158,0.3); margin: 0px auto 0px auto; padding: 20px;}
.info .box h2 {margin: 0px; text-transform: uppercase;}
.info .box p {text-align: left;}
.info .box ul li {text-align: left;}
.info .box i {color: #cfc285; font-size: 4rem;/* 64 / 16 = 4 */}
.info-data-table {border-top: solid 1px #cccccc; border-left: solid 1px #cccccc; box-sizing: border-box; width: 100%;}
.info-data-table th {border-bottom: solid 1px #cccccc; border-right: solid 1px #cccccc; padding: 10px 20px 10px 20px; background-color: #ebeeef; vertical-align: top; box-sizing: border-box; width: 50%;}
.info-data-table td {border-bottom: solid 1px #cccccc; border-right: solid 1px #cccccc; padding: 10px 20px 10px 20px; vertical-align: top; box-sizing: border-box; width: 50%;}
/*==================================================================*/
/* Responsive Grid 1366px (mediaqueries) (only to adjust banner for smaller desktop) */
/*==================================================================*/
@media only screen and (min-width: 1200px) and (max-width: 1400px) {
/*--- bxSlider Banner ----------------------------------------------*/
.intro-slider {height: 240px; min-height: 240px;}
.intro-slider li {height: 240px; min-height: 240px;}
.intro-slider li div.slide {height: 240px; min-height: 240px; padding: 60px 0px 0px 0px;}
.intro-slider li div.slide h1, .intro-slider li div.slide h2 {font-size: 2.5rem;/* 40 / 16 = 2.5 */}
.intro-slider li div.slide h1 i, .intro-slider li div.slide h2 i {font-size: 1.375rem;/* 22 / 16 = 1.375 */ top: -20px;}
.intro-slider li div.slide p {font-size: 1.25rem;/* 20 / 16 = 1.25 */ margin: 10px 0px 0px 0px;}
.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {position: absolute; bottom: 0px !important; width: 100%;} /*Temporary while Widen Your World banner is on slider, remove this code when advert ends*/
}
/*==================================================================*/
/* Responsive Grid 960px (mediaqueries) */
/*==================================================================*/
@media only screen and (min-width: 960px) and (max-width: 1199px) {
.container-12, .container-16 {width: 960px;}
.container-12 .grid-1 {width: 60px;}
.container-12 .grid-2 {width: 140px;}
.container-12 .grid-2half {width: 172px;} /* added for 5 column layout */
.container-12 .grid-3 {width: 220px;}
.container-12 .grid-4 {width: 300px;}
.container-12 .grid-5 {width: 380px;}
.container-12 .grid-6 {width: 460px;}
.container-12 .grid-7 {width: 540px;}
.container-12 .grid-8 {width: 620px;}
.container-12 .grid-9 {width: 700px;}
.container-12 .grid-10 {width: 780px;}
.container-12 .grid-11 {width: 860px;}
.container-12 .grid-12 {width: 940px;}
.container-16 .grid-1 {width: 40px;}
.container-16 .grid-2 {width: 100px;}
.container-16 .grid-3 {width: 160px;}
.container-16 .grid-4 {width: 220px;}
.container-16 .grid-5 {width: 280px;}
.container-16 .grid-6 {width: 340px;}
.container-16 .grid-7 {width: 400px;}
.container-16 .grid-8 {width: 460px;}
.container-16 .grid-9 {width: 520px;}
.container-16 .grid-10 {width: 580px;}
.container-16 .grid-11 {width: 640px;}
.container-16 .grid-12 {width: 700px;}
.container-16 .grid-13 {width: 760px;}
.container-16 .grid-14 {width: 820px;}
.container-16 .grid-15 {width: 880px;}
.container-16 .grid-16 {width: 940px;}
/*--- Header -------------------------------------------------------*/
header .logo, header .menu {width: 100% !important; margin-left: 0px; margin-right: 0px; margin-bottom: 10px;}
/*--- Logo ---------------------------------------------------------*/
header div.logo {padding: 10px 0px 10px 0px;}
/*--- Header Navigation --------------------------------------------*/
div.menu {height: auto; padding-top: 0px; margin-bottom: 0px; margin-top: 0px;}
header nav {display: none;} /* javascript reveals this for mobile */
header nav ul {position: static;}
header nav ul {float: none;}
header nav ul > li > a {display: block; float: none; margin: 0px 0px 0px 0px; padding: 10px 0px 10px 0px; border-top: solid 1px rgba(132,147,158,0.3); border-bottom: none;}
header nav ul > li:hover > a {border-bottom: none; color: #fba91c;}
header nav ul > li:first-child > a {margin: 0px 0px 0px 0px !important;}
header nav ul > li:last-child > a {margin: 0px 0px 10px 0px !important; padding: 10px 0px 10px 0px;}
header nav ul > li.menu-item-hide {display: block;}
/*--- DropDowns Test -----------------------------------------------*/
header nav ul > li {float: none;}
header nav ul > li .dropdown {display: none; position: static; top: 0px; left: 0px; z-index: 10000; width: 100%; background-color: #ffffff; color: #cc0000;}
/*--- Add CONTACT LINK IN NAV -------------------*/
header nav ul li.nav-enquire a {margin: 8px 0px 20px 0px; border: none; background: initial;}
header nav ul li.nav-enquire a:hover {color: #ffffff; background: initial; border: none;}
/*--- Mobile Menu --------------------------------------------------*/
header div.mobile-menu {display: inline-block; bottom: 10px;}
/*--- Footer Navigation --------------------------------------------*/
footer {padding: 20px 0px 100px 0px; text-align: center; background-position: 42% bottom; background-size: 120%;}
/*--- bxSlider Banner ----------------------------------------------*/
.intro-slider {height: 240px; min-height: 240px;}
.intro-slider li {height: 240px; min-height: 240px;}
.intro-slider li div.slide {height: 240px; min-height: 240px; padding: 60px 0px 0px 0px;}
.intro-slider li div.slide h1, .intro-slider li div.slide h2 {font-size: 2.25rem;/* 36 / 16 = 2.25 */}
.intro-slider li div.slide h1 i, .intro-slider li div.slide h2 i {font-size: 1.375rem;/* 22 / 16 = 1.375 */ top: -20px;}
.intro-slider li div.slide p {font-size: 1.25rem;/* 20 / 16 = 1.25 */ margin: 10px 0px 0px 0px;}
/*--- Welcome ------------------------------------------------------*/
.welcome {padding: 40px 0px 100px 0px; background-position: 88% bottom; background-size: 120%;}
/*--- Travel You Can Trust -----------------------------------------*/
.trust .grid-2half h2 {padding: 0px 4px 0px 4px;}
/*--- Register -----------------------------------------------------*/
.register h2 {width: 100%; margin: auto; padding: 0px; float: none; text-align: center;}
.register form div.field {width: 33.3%; padding: 10px 5px 0px 5px;}
.register form div.submit {width: 33.3%; padding: 10px 5px 0px 5px;}
/*--- Trips List ---------------------------------------------------*/
.trips-list .trips-list-info .call strong {display: block;}
.trips-list-tbimport .trips-list-info .call strong {display: block;}
/*--- Tabs ---------------------------------------------------------*/
.tab-content .trip-hotel-price {width: 160px;}
/*--- Category Page Content ----------------------------------------*/
.category-content .page-content-block-cruise- .grid-6 {width: 940px;}
}
/*==================================================================*/
/* Responsive Grid 720px (mediaqueries) */
/*==================================================================*/
@media only screen and (min-width: 720px) and (max-width: 959px) {
.container-12, .container-16 {width: 720px;}
.container-12 .grid-1 {width: 40px;}
.container-12 .grid-2 {width: 100px;}
.container-12 .grid-2half {width: 124px;} /* added for 5 column layout */
.container-12 .grid-3 {width: 160px;}
.container-12 .grid-4 {width: 220px;}
.container-12 .grid-5 {width: 280px;}
.container-12 .grid-6 {width: 340px;}
.container-12 .grid-7 {width: 400px;}
.container-12 .grid-8 {width: 460px;}
.container-12 .grid-9 {width: 520px;}
.container-12 .grid-10 {width: 580px;}
.container-12 .grid-11 {width: 640px;}
.container-12 .grid-12 {width: 700px;}
.container-16 .grid-1 {width: 25px;}
.container-16 .grid-2 {width: 70px;}
.container-16 .grid-3 {width: 115px;}
.container-16 .grid-4 {width: 160px;}
.container-16 .grid-5 {width: 205px;}
.container-16 .grid-6 {width: 250px;}
.container-16 .grid-7 {width: 295px;}
.container-16 .grid-8 {width: 340px;}
.container-16 .grid-9 {width: 385px;}
.container-16 .grid-10 {width: 430px;}
.container-16 .grid-11 {width: 475px;}
.container-16 .grid-12 {width: 520px;}
.container-16 .grid-13 {width: 565px;}
.container-16 .grid-14 {width: 610px;}
.container-16 .grid-15 {width: 655px;}
.container-16 .grid-16 {width: 700px;}
/*
.trips-list .grid-1, .trips-list .grid-2, .trips-list .grid-2half, .trips-list .grid-3, .trips-list .grid-4, .trips-list .grid-5, .trips-list .grid-6, .trips-list .grid-7, .trips-list .grid-8, .trips-list .grid-9, .trips-list .grid-10, .trips-list .grid-11, .trips-list .grid-12, .trips-list .grid-13, .trips-list .grid-14, .trips-list .grid-15, .trips-list .grid-16 {width: 100%; margin-left: 0px; margin-right: 0px;}
.trips-list .container-12 .grid-1, .trips-list .container-12 .grid-2, .trips-list .container-12 .grid-2half, .trips-list .container-12 .grid-3, .trips-list .container-12 .grid-4, .trips-list .container-12 .grid-5, .trips-list .container-12 .grid-6, .trips-list .container-12 .grid-7, .trips-list .container-12 .grid-8, .trips-list .container-12 .grid-9, .trips-list .container-12 .grid-10, .trips-list .container-12 .grid-11, .trips-list .container-12 .grid-12 {width: 100%;}
.trips-list .container-16 .grid-1, .trips-list .container-16 .grid-2, .trips-list .container-16 .grid-3, .trips-list .container-16 .grid-4, .trips-list .container-16 .grid-5, .trips-list .container-16 .grid-6, .trips-list .container-16 .grid-7, .trips-list .container-16 .grid-8, .trips-list .container-16 .grid-9, .trips-list .container-16 .grid-10, .trips-list .container-16 .grid-11, .trips-list .container-16 .grid-12, .trips-list .container-16 .grid-13, .trips-list .container-16 .grid-14, .trips-list .container-16 .grid-15, .trips-list .container-16 .grid-16 {width: 100%;}
*/
.trips-list .container-12 .grid-4 {width: 100%;}
.trips-list .container-16 .grid-4 {width: 100%;}
.trips-list-tbimport .container-12 .grid-4 {width: 100%;}
.trips-list-tbimport .container-16 .grid-4 {width: 100%;}
/*--- Page General -------------------------------------------------*/
body {background-size: 300%;}
/*--- Text Styles --------------------------------------------------*/
h1 {font-size: 1.625rem;/* 26 / 16 = 1.625 */}
h2 {font-size: 1.875rem;/* 30 - 22 / 16 = 1.375 */}
h3 {font-size: 1.25rem;/* 20 / 16 = 1.25 */}
h4 {font-size: 1rem;/* 16 / 16 = 1 */}
/*--- Header -------------------------------------------------------*/
header .logo, header .menu {width: 100% !important; margin-left: 0px; margin-right: 0px; margin-bottom: 10px;}
/*--- Logo ---------------------------------------------------------*/
header div.logo {height: 77px; padding-top: 10px;}
header div.logo h1 {font-size: 1.875rem;/* 30 / 16 = 1.875 */}
header div.logo img {width: 196px; height: 77px; /*margin-bottom: 20px;*/}
/*--- Phone Number -------------------------------------------------*/
div.phone {position: static; margin: 0px 10px 0px 10px; padding-bottom: 10px; border-bottom: solid 1px rgba(132,147,158,0.3);}
div.phone p {text-align: center;}
div.phone p i {margin-right: 4px;}
div.phone p b {font-weight: 300; font-size: 1rem;/* 16 / 16 = 1.5 */ margin-left: 0px;}
/*--- Header Navigation --------------------------------------------*/
div.menu {height: auto; padding-top: 0px; margin-bottom: 0px; margin-top: 0px;}
header nav {display: none;} /* javascript reveals this for mobile */
header nav ul {position: static;}
header nav ul {float: none;}
header nav ul > li > a {display: block; float: none; margin: 0px 0px 0px 0px; padding: 10px 0px 10px 0px; border-top: solid 1px rgba(132,147,158,0.3); border-bottom: none;}
header nav ul > li:hover > a {border-bottom: none; color: #fba91c;}
header nav ul > li:first-child > a {margin: 0px 0px 0px 0px !important;}
header nav ul > li:last-child > a {margin: 0px 0px 10px 0px !important; padding: 10px 0px 0px 0px;}
header nav ul > li.menu-item-hide {display: block;}
/*--- Add CONTACT US NAV -------------------*/
header nav ul li.nav-enquire a {margin: 8px 0px 20px 0px; border: none; background: initial;}
header nav ul li.nav-enquire a:hover {border: none;}
/*--- Scroll Call Button For Mobile --------------------------------*/ /* This was used to adjust the sticky call us banner on desktop to a circle button on mobile, however when the live chat was added for mobile instead we had to remove this round call button without removing the desktop banner. Because the javascript is controlling the css display it might be best offsetting this call button for mobile only offscreen, hence the position absolute in use */
a.go-call {display: none; position: fixed; bottom: 20px; left: 20px; /*position: absolute; bottom: 10000px; right: 10000px;*/ z-index: 10000; width: 40px; height: 40px; text-decoration: none; text-align: center; color: #ffffff; background-color: #29b360; font-size: 1.6rem; padding: 15px; border-radius: 50%;}
a.go-call svg {width: 40px; height: 40px; position: relative; top: 0px;}
a.go-call > svg {display: block;}
a.go-call span {display: none;}
a.go-call.go-call-hide {position: absolute; bottom: 10000px; right: 10000px;}
/*--- DropDowns Test -----------------------------------------------*/
header nav ul > li {float: none;}
header nav ul > li .dropdown {display: none; position: static; top: 0px; left: 0px; z-index: 10000; width: 100%; background-color: #ffffff; color: #cc0000;}
/*--- Mobile Menu --------------------------------------------------*/
header div.mobile-menu {display: inline-block;}
/*--- Footer Navigation --------------------------------------------*/
footer {padding: 20px 0px 100px 0px; text-align: center; background-position: 20% bottom; background-size: 180%;}
footer ul > li > a {display: block; padding: 10px 0px 10px 0px; border-right: 0px; border-bottom: 1px solid #343f48;}
footer ul > li:first-child > a {border-top: 1px solid #343f48;}
footer .grid-3 {width: 100% !important;}
footer .foot-list h3 {margin-bottom: 10px;}
footer .foot-list ul li a {padding: 10px 5px 10px 5px;}
footer .foot-list ul li:first-child > a {padding: 10px 5px 10px 5px;}
/*--- bxSlider Banner ----------------------------------------------*/
.intro-slider {height: 280px; min-height: 280px;}
.intro-slider li {height: 280px; min-height: 280px;}
.intro-slider li div.slide {height: 280px; min-height: 280px; padding: 50px 0px 0px 0px; /*background-color: rgba(255,255,255,0.7);*/}
.intro-slider li div.slide h1, .intro-slider li div.slide h2 {font-size: 2.5rem;/* 40 / 16 = 2.5 */}
.intro-slider li div.slide h1 i, .intro-slider li div.slide h2 i {font-size: 1.375rem;/* 22 / 16 = 1.375 */ top: -20px;}
.intro-slider li div.slide p {font-size: 1.25rem;/* 20 / 16 = 1.25 */ margin: 10px 0px 0px 0px;}
/*--- Welcome ------------------------------------------------------*/
.welcome {padding: 40px 0px 100px 0px; background-position: 96% bottom; background-size: 180%;}
.welcome h1 {font-size: 1.875rem;/* 30 / 16 = 1.875 */}
/*--- Travel You Can Trust -----------------------------------------*/
.trust .grid-2half h2 {font-size: 1.25rem;/* 20 / 16 = 1.25 */ padding: 0px;}
/*--- Register -----------------------------------------------------*/
.register h2 {width: 100%; margin: auto; padding: 0px; float: none; text-align: center;}
.register form div.field {width: 33.3%; padding: 10px 5px 0px 5px;}
.register form div.submit {width: 33.3%; padding: 10px 5px 0px 5px;}
/*--- Trips List ---------------------------------------------------*/
.trips-list .trips-list-info .call strong {display: block;}
.trips-list-tbimport .trips-list-info .call strong {display: block;}
/*--- Trip Info ----------------------------------------------------*/
.trip-price .call-us {font-size: 1.375rem;/* 22 / 16 = 1.375 */}
.trip-price .call-us i {margin-right: 0px; font-size: 1.25rem;/* 24 / 16 = 1.5 */}
.trip-price .call-us strong {font-size: 1.625rem;/* 26 / 16 = 1.625 */}
/* Temporary Quick Fix For Travelzoo Stuff (walking boots img) */
.trip-offers-sub-strip p img {float: left;}
/*--- Tabs ---------------------------------------------------------*/
.tab-links ul li a {display: inline-block; padding: 10px 15px 10px 15px;}
.tab-content .trip-hotel-img {width: 180px; height: 200px;}
.tab-content .trip-hotel-img img {height: 200px;}
.tab-content .trip-hotel-price {width: 160px;}
/*--- Brought over from Santa for artic adventures ----------------*/
.tab-content .trip-hotel-img {width: 180px; height: 200px;}
.tab-content .trip-hotel-desc {width: 68%; margin: 0px 0px 20px 0px;}
.tab-content .trip-hotel-price {width: 100%;}
.tab-content iframe {width: 100%; height: auto;}
.tab-content > img, .tab-content p > img {width: 100% !important; height: auto !important;}
table.trip-packages th {padding: 10px 10px 10px 10px;}
table.trip-packages td {padding: 10px 10px 10px 10px;}
table.trip-packages td i {font-size: 1.25rem;/* 20 / 16 = 1.25 */}
table.trip-packages td a {display: inline-block; padding: 5px 15px 5px 15px; background-color: #c2ab84; color: #0e1c29; border-bottom: solid 4px #a89572; border-radius: 3px; text-decoration: none; transition: all .3s ease;}
table.trip-packages td a:hover {background-color: #cc0000; color: rgba(33,41,46,1.0); color: #ffffff; border-bottom: solid 4px #990000;}
table.trip-packages td a i {display: inline; font-size: 1rem;/* 16 / 16 = 1 */ margin: 0px; position: relative; top: 0px; left: 5px;}
/*--- Cruise Itinerary Table ---------------------------------------------------------*/
table.cruise-itinerary th {padding: 10px 10px 10px 10px;}
table.cruise-itinerary td {padding: 10px 10px 10px 10px;}
table.cruise-itinerary td i {font-size: 1.25rem;/* 20 / 16 = 1.25 */}
table.cruise-itinerary td a {display: inline-block; padding: 5px 15px 5px 15px; background-color: #c2ab84; color: #0e1c29; border-bottom: solid 4px #a89572; border-radius: 3px; text-decoration: none; transition: all .3s ease;}
table.cruise-itinerary td a:hover {background-color: #cc0000; color: rgba(33,41,46,1.0); color: #ffffff; border-bottom: solid 4px #990000;}
table.cruise-itinerary td a i {display: inline; font-size: 1rem;/* 16 / 16 = 1 */ margin: 0px; position: relative; top: 0px; left: 5px;}
/*--- Cruise Alt Dates Table ---------------------------------------------------------*/
table.cruise-altdates th {padding: 10px 10px 10px 10px;}
table.cruise-altdates td {padding: 10px 10px 10px 10px;}
table.cruise-altdates td i {font-size: 1.25rem;/* 20 / 16 = 1.25 */}
table.cruise-altdates td a {display: inline-block; padding: 5px 15px 5px 15px; background-color: #c2ab84; color: #0e1c29; border-bottom: solid 4px #a89572; border-radius: 3px; text-decoration: none; transition: all .3s ease;}
table.cruise-altdates td a:hover {background-color: #cc0000; color: rgba(33,41,46,1.0); color: #ffffff; border-bottom: solid 4px #990000;}
table.cruise-altdates td a i {display: inline; font-size: 1rem;/* 16 / 16 = 1 */ margin: 0px; position: relative; top: 0px; left: 5px;}
/*--- Enquiry Form ------------------------------------------------*/
.enquiry-form div.field {width: 100%;}
.enquiry-form div.fieldx2 {width: 100%;}
.enquiry-form div.fieldx3 {width: 100%;}
.enquiry-form div.fieldright {width: 100%; float: none; text-align: center;}
.enquiry-form div.fieldxhalf {width: 100%;}
.enquiry-form div.field.field-contactyou {width: 25%;}
.enquiry-form select {width: 100%;}
.enquiry-form textarea {width: 100%; height: 200px;}
.enquiry-form input[type="submit"] {margin-top: 0px; padding-left: 0px; padding-right: 0px;}
/*--- Category Page Content ----------------------------------------*/
.category-content .page-content-block-cruise- .grid-6 {width: 700px;}
/*--- Speak to an Expert -------------------------------------------*/ /* CHECKED */
.expert-general-box {padding: 70px 20px 15px 20px; text-align: center;}
.expert-general span {justify-content: center; width: 100%; height: auto; padding: 15px 20px 0px 20px; background-color: #29b360;}
.expert-general h3 {text-align: center;}
}
/*==================================================================*/
/* Responsive Grid lt 720px / Mobile (mediaqueries) */
/*==================================================================*/
@media only screen and (max-width: 719px) {
.container-12, .container-16 {width: 90%;}
.grid-1, .grid-2, .grid-2half, .grid-3, .grid-4, .grid-5, .grid-6, .grid-7, .grid-8, .grid-9, .grid-10, .grid-11, .grid-12, .grid-13, .grid-14, .grid-15, .grid-16 {width: 100%; margin-left: 0px; margin-right: 0px;}
.container-12 .grid-1, .container-12 .grid-2, .container-12 .grid-2half, .container-12 .grid-3, .container-12 .grid-4, .container-12 .grid-5, .container-12 .grid-6, .container-12 .grid-7, .container-12 .grid-8, .container-12 .grid-9, .container-12 .grid-10, .container-12 .grid-11, .container-12 .grid-12 {width: 100%;}
.container-16 .grid-1, .container-16 .grid-2, .container-16 .grid-3, .container-16 .grid-4, .container-16 .grid-5, .container-16 .grid-6, .container-16 .grid-7, .container-16 .grid-8, .container-16 .grid-9, .container-16 .grid-10, .container-16 .grid-11, .container-16 .grid-12, .container-16 .grid-13, .container-16 .grid-14, .container-16 .grid-15, .container-16 .grid-16 {width: 100%;}
/*--- Page General -------------------------------------------------*/
body {background-size: 300%;}
/*--- Text Styles --------------------------------------------------*/
h1 {font-size: 1.625rem;/* 26 / 16 = 1.625 */}
h2 {font-size: 1.375rem;/* 22 / 16 = 1.375 */}
h3 {font-size: 1.25rem;/* 20 / 16 = 1.25 */}
h4 {font-size: 1rem;/* 16 / 16 = 1 */}
/*--- Rating Flag - Used when customers leave a review -------------*/
.review-info {display: flex; flex-direction: column; justify-content: space-between; border: solid 1px rgba(132,147,158,0.3); padding: 5px 20px 5px 20px;}
.review-info p {flex: 0 1 auto; display: inline-block; margin: 0px; padding: 5px 0px 5px 0px; text-align: left;}
.review-info p strong {display: inline-block; margin-right: 5px;}
.review-info p span {display: inline-block;}
/*--- Header -------------------------------------------------------*/
header .logo, header .menu {margin-bottom: 10px;}
/*--- Logo ---------------------------------------------------------*/
header div.logo {height: 77px; padding-top: 10px;}
header div.logo h1 {font-size: 1.875rem;/* 30 / 16 = 1.875 */}
header div.logo span {letter-spacing: -6px;}
header div.logo img {width: 196px; height: 77px; /*margin-bottom: 20px;*/}
/*--- Phone Number -------------------------------------------------*/
div.phone {position: static; margin: 0px 0px 0px 0px; padding-bottom: 10px; border-bottom: solid 1px rgba(132,147,158,0.3);}
div.phone p {text-align: center;}
div.phone p strong {font-size: 1.25rem;/* 18 / 16 = 1.125 */ font-weight: 400; margin-left: 0px;}
div.phone p a {color: #ffffff; text-decoration: none;}
div.phone p.storeopen {font-size: 0.875rem;/* 14 / 16 = 0.875 */}
div.phone span.festiveopen a {margin-left: 0px; padding: 2px 0px 0px 0px;}
/*--- Header Navigation --------------------------------------------*/
div.menu {height: auto; padding-top: 0px; margin-bottom: 0px; background-color: #273038;margin-top: 0px;}
header nav {display: none;} /* javascript reveals this for mobile */
header nav ul {position: static;}
header nav ul {float: none;}
header nav ul > li > a {display: block; float: none; margin: 0px 0px 0px 0px; padding: 10px 0px 10px 0px; border-top: solid 1px rgba(132,147,158,0.3); border-bottom: none;}
header nav ul > li:hover > a {border-bottom: none; color: #fba91c;}
header nav ul > li:first-child > a {margin: 0px 0px 0px 0px !important;}
header nav ul > li:last-child > a {margin: 0px 0px 10px 0px !important; padding: 10px 0px 0px 0px;}
header nav ul > li.menu-item-hide {display: block;}
/*--- Add CONTACT US LINK IN NAV -------------------*/
header nav ul li.nav-enquire a {margin: 8px 0px 20px 0px; border: none; background: initial;}
header nav ul li.nav-enquire a:hover {color: #ffffff; background: initial; border: none;}
/*--- DropDowns Test -----------------------------------------------*/
header nav ul > li {float: none;}
header nav ul > li .dropdown {display: none; position: static; top: 0px; left: 0px; z-index: 10000; width: 100%; background-color: #ffffff; color: #cc0000;}
/*--- Mobile Menu --------------------------------------------------*/
header div.mobile-menu {display: inline-block;}
header div.mobile-menu a span {display: none;}
/*--- Footer Navigation --------------------------------------------*/
footer {text-align: center; padding: 20px 0px 80px 0px; background-position: 12% bottom; background-size: 300%;}
footer ul > li > a {display: block; padding: 10px 0px 10px 0px; border-right: 0px; border-bottom: 1px solid #343f48;}
footer ul > li:first-child > a {border-top: 1px solid #343f48;}
footer .foot-list h3 {margin-bottom: 10px;}
footer .foot-list ul li a {padding: 10px 5px 10px 5px;}
footer .foot-list ul li:first-child > a {padding: 10px 5px 10px 5px;}
/*--- bxSlider Banner ----------------------------------------------*/
.intro-slider {/*height: 280px;*/ height: 120px; min-height: 120px;}
.intro-slider li {height: 120px; min-height: 120px;}
.intro-slider li div.slide {height: 120px; min-height: 120px; padding: 0px 0px 0px 0px;}
.intro-slider li div.slide h1, .intro-slider li div.slide h2 {font-size: 1.75rem;/* 28 / 16 = 1.75 */}
.intro-slider li div.slide h1 i, .intro-slider li div.slide h2 i {font-size: 1.125rem;/* 18 / 16 = 1.125 */ top: -10px;}
.intro-slider li div.slide p {font-size: 1rem;/* 16 / 16 = 1 */ margin: 10px 0px 0px 0px;}
/*--- Customized Style For Each Slide ------------------------------*/
/*--- Slide 1 ------------------------*/
.intro-slider li:nth-child(2) {background: url('/images/slider-imgs/slide-home-of-happy-holidays-sml.jpg') center center no-repeat #000000; background-size: cover;}
/*--- Welcome ------------------------------------------------------*/
.welcome {padding: 40px 0px 80px 0px; background-position: 97% bottom; background-size: 300%;}
.welcome h1 {font-size: 1.875rem;/* 30 / 16 = 1.875 */}
/*--- Intro Page General -------------------------------------------*/
.intro-page-arc h1 {font-size: 3rem;/* 30 / 16 = 1.875 */}
.intro-page-arc p {font-size: 1.6rem;/* 16 / 16 = 1 */}
/*--- Temporary Advent Deal Of The Day ---*/
.advent-dotd {width: 90%; font-weight: 600; padding: 7px 10px; font-size: 0.875rem;}
.advent-dotd:before {border-left: 20px solid transparent; border-right: 20px solid transparent; border-top: 17px solid #cc0000; border-bottom: 16px solid #cc0000; left: -20px;}
.advent-dotd:after {border-left: 20px solid transparent; border-right: 20px solid transparent; border-top: 17px solid #cc0000; border-bottom: 16px solid #cc0000; right: -20px;}
/*--- Enquiry Thanks Page -------------------------------------------*/
.enquiry-thanks h1 {font-size: 1.875rem;/* 30 / 16 = 1.875 */}
.enquiry-thanks p {font-size: 1rem;/* 16 / 16 = 1 */}
/*--- Travel You Can Trust -----------------------------------------*/
.trust .grid-2half h2 {padding: 0px;}
/*--- Register -----------------------------------------------------*/
.register h2 {width: 100%; margin: auto; padding: 0px; float: none; text-align: center;}
.register form div.field {width: 100%; padding: 10px 0px 0px 0px; float: none; text-align: center;}
.register form div.submit {width: 100%; padding: 10px 0px 0px 0px; float: none; text-align: center;}
.register form input[type="submit"] {padding-left: 0px;}
/*--- Testimonials -------------------------------------------------*/
.testimonials-bg .testimonials {height: auto;}
/*--- Trips List ---------------------------------------------------*/
.trips-list .trips-list-info .call strong {display: block;}
.trips-list-tbimport .trips-list-info .call strong {display: block;}
/*--- Trip Info ----------------------------------------------------*/
.trip-photos .thumb-slider {height: 280px; min-height: 280px;}
.trip-photos .thumb-slider li {height: 280px; min-height: 280px;}
.trip-photos .thumb-slider li div.slide {height: 280px; min-height: 280px; padding: 40px 0px 0px 0px; background-color: rgba(255,255,255,0.7);}
.trip-photos .thumb-pager a {margin: 5px 5px 0px 0px; width: 68px; height: 68px;}
.trip-offers-table table th {padding: 10px 2px 10px 2px;}
.trip-offers-table table td {padding: 10px 2px 10px 2px;}
/* Temporary Quick Fix For Travelzoo Stuff (walking boots img) */
.trip-offers-sub-strip p img {float: left;}
/*--- Tabs --------------------------------------------------------*/
.tab-links ul li {width: 50%;}
.tab-links ul li a {width: 100%; padding: 10px 0px 10px 0px; text-align: center; border-radius: 0px;}
/*--- Cruise Itinerary Table --------------------------------------------------------*/
table.cruise-itinerary, table.cruise-itinerary thead, table.cruise-itinerary tbody, table.cruise-itinerary tr, table.cruise-itinerary th, table.cruise-itinerary td {display: block;}
table.cruise-itinerary thead tr {position: absolute; top: -9999px; left: -9999px;}
table.cruise-itinerary {border: none;}
table.cruise-itinerary tr {margin-bottom: 20px; border-top: solid 1px #ced4d8; border-right: solid 1px #ced4d8; border-left: solid 1px #ced4d8;}
table.cruise-itinerary td {border-right: none;}
table.cruise-itinerary td:before {display: inline-block; width: 35%;}
/* Label the data pretending to be th */
table.cruise-itinerary td:nth-of-type(1):before {content: "Day";}
table.cruise-itinerary td:nth-of-type(2):before {content: "Port";}
table.cruise-itinerary td:nth-of-type(3):before {content: "Arrive";}
table.cruise-itinerary td:nth-of-type(4):before {content: "Depart";}
/*--- Cruise Alt Dates Table --------------------------------------------------------*/
table.cruise-altdates, table.cruise-altdates thead, table.cruise-altdates tbody, table.cruise-altdates tr, table.cruise-altdates th, table.cruise-altdates td {display: block;}
table.cruise-altdates thead tr {position: absolute; top: -9999px; left: -9999px;}
table.cruise-altdates {border: none;}
table.cruise-altdates tr {margin-bottom: 20px; border-top: solid 1px #ced4d8; border-right: solid 1px #ced4d8; border-left: solid 1px #ced4d8;}
table.cruise-altdates td {border-right: none;}
table.cruise-altdates td:before {display: inline-block; width: 35%;}
/* Label the data pretending to be th */
table.cruise-altdates td:nth-of-type(1):before {content: "Depart";}
table.cruise-altdates td:nth-of-type(2):before {content: "On Board";}
table.cruise-altdates td:nth-of-type(3):before {content: "Nights";}
table.cruise-altdates td:nth-of-type(4):before {content: "Cruise Only";}
table.cruise-altdates td:nth-of-type(5):before {content: "Fly Cruise";}
/*--- Brought over from Santa for artic adventures ----------------*/
.tab-content .trip-hotel-img {width: 100%; margin: 0px 0px 20px 0px;}
.tab-content .trip-hotel-desc {width: 100%; margin: 0px 0px 20px 0px;}
.tab-content .trip-hotel-price {width: 100%;}
.tab-content iframe {width: 100%; height: auto;}
.tab-content > img, .tab-content p > img {width: 100% !important; height: auto !important;}
table.trip-packages, table.trip-packages thead, table.trip-packages tbody, table.trip-packages tr, table.trip-packages th, table.trip-packages td {display: block;}
table.trip-packages thead tr {position: absolute; top: -9999px; left: -9999px;}
table.trip-packages {border: none;}
table.trip-packages tr {margin-bottom: 20px; border-top: solid 1px #ced4d8; border-right: solid 1px #ced4d8; border-left: solid 1px #ced4d8;}
table.trip-packages td {border-right: none;}
table.trip-packages td:before {display: inline-block; width: 35%;}
/* Label the data pretending to be th */
table.trip-packages td:nth-of-type(1):before {content: "Date";}
table.trip-packages td:nth-of-type(2):before {content: "Adult From";}
table.trip-packages td:nth-of-type(3):before {content: "Child From";}
table.trip-packages td:nth-of-type(4):before {content: "Board";}
table.trip-packages td:nth-of-type(5):before {content: "Days";}
/*--- Enquiry Form ------------------------------------------------*/
.enquiry-form div.field {width: 100%;}
.enquiry-form div.fieldx2 {width: 100%;}
.enquiry-form div.fieldx3 {width: 100%;}
.enquiry-form div.fieldright {width: 100%;}
.enquiry-form div.fieldxhalf {width: 100%;}
.enquiry-form div.field.field-contactyou {width: 50%;}
.enquiry-form select {width: 100%;}
.enquiry-form textarea {width: 100%; height: 200px;}
.enquiry-form input[type="submit"] {margin-top: 20px; padding-left: 0px; padding-right: 0px;}
/*--- Speak to an Expert -------------------------------------------*/
.expert .grid-4 {padding: 0px 0px 20px 0px; border-bottom: solid 1px rgba(132,147,158,0.3);}
.expert .grid-4:first-child {padding: 0px 0px 20px 0px;}
.expert .grid-4:nth-last-child(2) {border-bottom: none; padding: 0px 0px 0px 0px;}
.expert-general-wrap {flex-direction: column;}
.expert-general-box {margin-bottom: 20px;}
.expert-general-box:last-child {margin-bottom: 0px;}
/*--- Scroll Call Button For Mobile --------------------------------*/ /* This was used to adjust the sticky call us banner on desktop to a circle button on mobile, however when the live chat was added for mobile instead we had to remove this round call button without removing the desktop banner. Because the javascript is controlling the css display it might be best offsetting this call button for mobile only offscreen, hence the position absolute in use */
a.go-call {display: none; position: fixed; bottom: 20px; left: 20px; /*position: absolute; bottom: 10000px; right: 10000px;*/ z-index: 10000; width: 40px; height: 40px; text-decoration: none; text-align: center; color: #ffffff; background-color: #29b360; font-size: 1.6rem; padding: 15px; border-radius: 50%;}
a.go-call svg {width: 40px; height: 40px; position: relative; top: 0px;}
a.go-call > svg {display: block;}
a.go-call span {display: none;}
a.go-call.go-call-hide {position: absolute; bottom: 10000px; right: 10000px;}
}
/*==================================================================*/
/* Advent Calender Breakpoints TEMPORARY!!! */
/*==================================================================*/
@media only screen and (min-width: 306px) and (max-width: 512px) {
/*--- Temporary Advent Deal Of The Day ---*/
.advent-dotd {width: 90%; font-weight: 600; padding: 5px 20px; font-size: 0.875rem;}
.advent-dotd:before {border-left: 20px solid transparent; border-right: 20px solid transparent; border-top: 24px solid #cc0000; border-bottom: 24px solid #cc0000; left: -20px;}
.advent-dotd:after {border-left: 20px solid transparent; border-right: 20px solid transparent; border-top: 24px solid #cc0000; border-bottom: 24px solid #cc0000; right: -20px;}
}
@media only screen and (max-width: 305px) {
/*--- Temporary Advent Deal Of The Day ---*/
.advent-dotd {width: 90%; font-weight: 600; padding: 5px 20px; font-size: 0.875rem;}
.advent-dotd:before {border-left: 20px solid transparent; border-right: 20px solid transparent; border-top: 34px solid #cc0000; border-bottom: 33px solid #cc0000; left: -20px;}
.advent-dotd:after {border-left: 20px solid transparent; border-right: 20px solid transparent; border-top: 34px solid #cc0000; border-bottom: 33px solid #cc0000; right: -20px;}
}
/*==================================================================*/
/* Responsive Image */
/*==================================================================*/
img.scale, img.responsive {max-width: 100%; height: auto;}
/*==================================================================*/
/* Form Error */
/*==================================================================*/
.FormErrorClass {background: #ffcccc;}
/*==================================================================*/
/* Odd Extras (small phone) */
/*==================================================================*/
@media only screen and (max-width: 354px) {
/*--- Scroll Call Button For Mobile --------------------------------*/ /* This was used to adjust the sticky call us banner on desktop to a circle button on mobile, however when the live chat was added for mobile instead we had to remove this round call button without removing the desktop banner. Because the javascript is controlling the css display it might be best offsetting this call button for mobile only offscreen, hence the position absolute in use */
a.go-call {display: none; position: fixed; bottom: 20px; left: 20px; /*position: absolute; bottom: 10000px; right: 10000px;*/ z-index: 10000; width: 30px; height: 30px; text-decoration: none; text-align: center; color: #ffffff; background-color: #29b360; font-size: 1.6rem; padding: 12px; border-radius: 50%;}
a.go-call svg {width: 30px; height: 30px; position: relative; top: 0px;}
a.go-call > svg {display: block;}
a.go-call span {display: none;}
a.go-call.go-call-hide {position: absolute; bottom: 10000px; right: 10000px;}
/*--- Speak to an Expert -------------------------------------------*/
.expert-general h2, .feefo-general h2 {font-size: 1.25rem;}
.expert-general p {font-size: 1.125rem;}
a#srLaunch {
right: -34px !important;
bottom: 0px !important;
width: 55px !important;
height: 55px !important;
}
a#srLaunch img {
width: 32px !important;
height: 32px !important;
margin: 12px auto !important;
}
}
#concierge-logo {
height: 130px;
}
@media only screen and (max-width: 719px) {
header div.logo img#concierge-logo {
width: 196px;
height: 77px;
margin-bottom: 20px;
}
}
.trips-list .container-12 {
position: relative;
}
.trips-list-tbimport .container-12 {
position: relative;
}
#ajax-loader {
display: none;
position: absolute;
width: 100%;
top: 0;
height: 100%;
background-color: #ffff;
opacity: 0.8;
}
#ajax-loader img {
position: sticky;
top: 50%;
}
.filter-button-row {
/* overflow: auto; */
/* height: 500px;
max-height: 200px; */
background-color: #FFF;
}
#filter-deals-2-form {
display: none;
}
#filter-deals-2-form input, #filter-deals-2-form select {
width: 100%;
margin-top: 10px;
}
#filter-deals-2-form .SumoSelect {width: 100%;}
#filter-deals-2-form input[type=submit] {
display: block;
padding: 10px 20px 10px 20px;
background-color: #29b360;
color: #ffffff;
/* text-transform: lowercase; */
text-decoration: none;
transition: all .3s ease;
max-width: 200px;
/* margin: 0 auto; */
}
#filter-deals-2-form input[type=submit]:hover {
background: #239952;
}
button#filter-deals-2, #clear-filter {
font-family: 'Open Sans';
font-size: 1.4rem;
border: solid 1px #ced4d8;
border-radius: 3px;
padding: 10px 20px 10px 20px;
box-sizing: border-box;
-webkit-appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
background-color: #FFF;
cursor: pointer;
transition: all .3s ease;
color: #000;
}
#clear-filter {
margin-top: 10px;
}
button#filter-deals-2:hover {
background-color: #29b360 !important;
color: #FFF;
}
#filter-deals-2 input[type=submit]:hover {
background-color: #239952;
color: #ffffff;
}
.filter-button-active {
background-color: #29b360 !important;
color: #FFF !important;
outline: none;
}
.SumoSelect>.CaptionCont {
padding: 10px 20px 10px 20px;
margin-top: 10px !important;
border: solid 1px #ced4d8 !important;
}
.SumoSelect.open>.optWrapper {
margin-top: 15px;
}
@media only screen and (max-width: 600px) {
div.SumoSelect {
display: block;
width: 100%;
}
}
#ajax-loader-mobile {
position: fixed;
width: 100%;
height: 100%;
top: 0;
background: #fff;
opacity: 0.7;
}
#ajax-loader-mobile img {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.SumoSelect>.optWrapper.isFloating {
z-index: 9999999999999;
}
@media only screen and (max-width: 600px) {
#date-month-and-year {
/* Old setting before departure filter added */
/* padding: 20px 20px 20px 20px; */
padding: 10px 20px 10px 20px;
}
}
.o-flex
{
display: flex;
-webkit-justify-content: space-between;
justify-content: space-between;
}
.o-flex__v-center { align-items : center;}
.o-flex__v-end { align-items : flex-end;}
.o-flex__v-top { align-items : flex-start;}
.o-flex__v-stretch { align-items : stretch;}
.o-flex__h-center { justify-content : center;}
.o-flex__h-left { justify-content : flex-start;}
.o-flex__h-between { justify-content : space-between;}
.o-flex__h-right { justify-content : flex-end;}
.o-flex__vh-center { align-items : center; justify-content : center}
.o-flex__row
{
-webkit-flex-direction: row;
flex-direction: row;
}
.o-flex__col
{
-webkit-flex-direction: column;
flex-direction: column
}
.o-flex__wrap { flex-wrap : wrap;}
.enquiry-form .label {display: block; padding: 10px 10px 10px 0px; /*font-weight: 300;*/ font-weight: 600;}
.appointment-types label {font-weight: 400; }
.appointment-types label img { width : 160px;}
.appointment-type {background-color:#f0f3f5; margin : 5px;}
.appointment-type input[type="radio"]{height: 20px;
width: 20px;
border: 1px solid #c1c1c1;
position: relative;}
.appointment-type input[type="radio"] + label { opacity : .5;}
.appointment-type input[type="radio"]:checked + label { opacity : 1;}
select {padding-top : 10px; padding-bottom : 10px;}
input[type="date"] {padding-top : 9px; padding-bottom : 9px; width : 100%;display:inline-block;
-webkit-appearance: textfield;
-moz-appearance: textfield;
min-height: 2.5rem;}
.enquiry-form div.fieldright.submit-enquiry-button { width : auto;}
@media only screen and (max-width: 719px){
.enquiry-form .submit-enquiry-button input[type="submit"]{
font-size : .75rem;
padding: 10px 20px 10px 20px;
}
}
.appointment-links {margin : 40px 0;}
.appointment-links_link {
background-color : #29b360;
color : #fff;
padding : 10px 15px;
padding : 10px 5vw;
text-decoration : none;
}