.whychoose-us-cruise { padding: 76px 0 60px } .title-bysection { margin-bottom: 45px } .title-bysection.innerspace { margin-bottom: 22px; } .mediachswhy-inner { padding: 24px; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; background-color: #f6faff; position: relative; z-index: 2; height: 100%; text-align: center; margin-top: 62px; } .mediachswhy-left { margin-top: -62px; } .destinationcru-nav .btn svg, .destinationcru-nav .btn, .mediachswhy-inner, .mecru, .mediachswhy-inner h3, .expodes-name, .cruiseline-content h3, .mediachswhy-inner p, .coverratio-img, p.expodes-sub-name, .mediachswhy-round-img, .mediachswhy-round-img img { -webkit-transition: all 0.3s cubic-bezier(0.5, 0, 0, 1.25); -o-transition: all 0.3s cubic-bezier(0.5, 0, 0, 1.25); -moz-transition: all 0.3s cubic-bezier(0.5, 0, 0, 1.25); transition: all 0.3s cubic-bezier(0.5, 0, 0, 1.25); } .whychoose-us-cruise .row { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .whychoose-us-cruise .row .col-xs-6 { margin-bottom: 40px; } .mediachswhy-round-img { display: -webkit-inline-box; display: -webkit-inline-flex; display: -moz-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; background-color: #f6faff; width: 75px; height: 75px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; padding: 16px; -webkit-box-shadow: 0 0 0 11px #f6faff; -moz-box-shadow: 0 0 0 11px #f6faff; box-shadow: 0 0 0 11px #f6faff; position: relative; } .mediachswhy-round-img::before,.mediachswhy-round-img::after { content: ''; position: absolute; width: 60px; height: 37px; background: transparent; z-index: 1; top: auto; bottom: 47px; } .sl-number { top: -39px; left: 50%; width: 36px; height: 36px; font-size: 14px; color: #464646; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; display: -webkit-inline-box; display: -webkit-inline-flex; display: -moz-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; transition: all .3s ease-in-out; position: absolute; border: 2px solid transparent; background-color: #ffffff; z-index: 5; margin-left: -18px; font-weight: 400; -webkit-box-shadow: 0 0 0 1px #ffffff, 0 6px 30px rgba(100, 100, 100, .2); -moz-box-shadow: 0 0 0 1px #ffffff, 0 6px 30px rgba(100, 100, 100, .2); box-shadow: 0 0 0 1px #ffffff, 0 6px 30px rgba(100, 100, 100, .2); } .mediachswhy:hover .sl-number { background: #ff7011; color: #fff; } .mediachswhy-round-img::before { right: 100%; left: auto; -webkit-border-radius: 0 0 23px 0; -moz-border-radius: 0 0 23px 0; border-radius: 0 0 23px 0; -webkit-box-shadow: 1px 25px #f6faff; -moz-box-shadow: 1px 25px #f6faff; box-shadow: 1px 25px #f6faff; margin-right: 4px; } .mediachswhy-round-img::after { left: 100%; -webkit-border-radius: 0 0 0px 25px; -moz-border-radius: 0 0 0px 25px; border-radius: 0 0 0px 25px; -webkit-box-shadow: -1px 25px #f6faff; -moz-box-shadow: -1px 25px #f6faff; box-shadow: -1px 25px #f6faff; margin-left: 4px; } .title-bysection span { font-weight: 600; color: #ff6600; display: inline-block; position: relative; } .title-bysection h2 { font-size: 26px; margin-top: 7px; margin-bottom: 0; line-height: 1.4; position: relative; } .title-bysection span::before, .title-bysection span::after { content: ''; width: 18px; height: 1px; background: #ff6600; display: inline-block; vertical-align: middle; position: relative; top: -2px; } .title-bysection span::before { margin-right: 11px; } .title-bysection span::after { margin-left: 11px; } .mediachswhy-body p { line-height: 1.6; letter-spacing: 0.6px; margin-bottom: 0; font-size: 15px; color: #24272a; } .mediachswhy-body h3 { font-size: 17px; margin: 18px 0 11px; } .mediachswhy-body h3::after{ content: ''; } .mediachswhy-body h3 svg { margin-top: 11px; } .mediachswhy { position: relative; height: 100%; margin: 20px 0; } .cruwhychoose-slide { margin: -10px 0 0; } .mediachswhy:hover::before { top: -8px; right: -8px; } .mediachswhy:hover::after { bottom: -8px; left: -8px; } /*---- whattodo-cruise ----*/ .whattodo-cruise { padding-bottom: 60px; padding-top: 60px; } .whattodo-cruise.car { padding-top: 0; padding-bottom: 70px; } .whattodo-cruise ul { margin-top: 20px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: -8px; margin-right: -8px; } .whattodo-cruise li { list-style: none; padding-left: 8px; padding-right: 8px; border-bottom: solid 1px #f1f1f1; margin-bottom: 15px; padding-bottom: 15px; display: block; width: 100%; } .whattodo-cruise li:last-child { border-bottom: 0; padding-bottom: 0; margin-bottom: 0; } .content-dreamre { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-flex: 0; -ms-flex: 0 0 100%; -webkit-flex: 0 0 100%; -moz-box-flex: 0; flex: 0 0 100%; max-width: 100%; width: 100%; margin-bottom: 12px; } .whattodo-cruise li .content-lk { -webkit-box-flex: 0; -ms-flex: 0 0 100%; -webkit-flex: 0 0 100%; -moz-box-flex: 0; flex: 0 0 100%; max-width: 100%; width: 100%; color: #727272; } .whattodo-cruise li:last-child { margin-bottom: 0; } .whattodo-cruise li svg { margin-right: 12px; width: 25px; height: 25px; } .whattodo-cruise li svg, .whattodo-cruise li path { stroke: #ff6600; opacity: 1; fill: #ff6600; } .pool-whattodo { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; margin-right: -16px; } .whattodo-cruise .row { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .pool-whattodo .img-one { width: 40%; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; } .pool-whattodo .img-two { width: 60%; border: solid 16px #fff; -webkit-border-radius: 40px; -moz-border-radius: 40px; border-radius: 40px; } .left-whattodo p, .title-bysection-desp p { line-height: 1.6; letter-spacing: 0.6px; margin-bottom: 30px; } .whattodo-cruise.car .left-whattodo p { margin-bottom: 15px; } .whattodo-cruise.car .left-whattodo p:last-child{ margin-bottom: 0 } .included-cruise .title-bysection-desp p { color: #161616; } .whatfeedback-cruise { padding-bottom: 60px; } ul.recentrev-ul { list-style: none; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 0; border-left: solid 1px #eaeaeb; padding-left: 15px; margin-left: 15px; } ul.recentrev-ul li { display: inline-block; vertical-align: middle; margin-right: 16px; } .recentrev-title { font-size: 16px; padding-left: 15px; position: relative; font-weight: 700; margin-bottom: 0; } .recentrev-swrp { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 26px; } .recentrev-title:before { content: ''; position: absolute; display: block; background-color: #ff6600; left: 0; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); width: 4px; height: 24px; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; } ul.recentrev-ul li.recentrev-list-content { font-size: 15px; line-height: 1.5; font-weight: 400; color: #757575; margin-right: 0; border-left: solid 1px #eaeaeb; padding-left: 15px; } li.recentrev-list-star svg { font-size: 40px; width: 18px; height: 18px; margin-right: 6px; fill: #FFC107; } li.recentrev-list-star svg:last-child { margin-right: 0; } li.recentrev-list-rate { font-weight: 800; color: #a8a8a8; font-size: 20px; } li.recentrev-list-rate span { font-size: 160%; color: #2c2c2c; } .recrevcard-wrap { background-color: #f6faff; padding: 23px; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; position: relative; } .recrevcard-wrap p { color: #000000; font-size: 15px; margin-bottom: 80px; margin-top: 8px; } .recrevcard-bottom .media-body { width: auto; } .recrevcard-bottom .media-left img { width: 52px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -ms-interpolation-mode: nearest-neighbor; image-rendering: -webkit-optimize-contrast; image-rendering: -moz-crisp-edges; image-rendering: -o-pixelated; image-rendering: pixelated; } .recrevcard-bottom { position: absolute; bottom: 0; left: 0; padding: 14px; background-color: #fff; width: auto; -webkit-border-radius: 0 20px 0px 0; -moz-border-radius: 0 20px 0px 0; border-radius: 0 20px 0px 0; } .recrevcard-bottom::before, .recrevcard-bottom::after { content: ''; position: absolute; width: 60px; height: 60px; background: transparent; z-index: 1; -webkit-border-radius: 0 0 0px 25px; -moz-border-radius: 0 0 0px 25px; border-radius: 0 0 0px 25px; -webkit-box-shadow: -5px 5px #fff; -moz-box-shadow: -5px 5px #fff; box-shadow: -5px 5px #fff; } .recrevcard-bottom::before { left: 0; bottom: 100%; } .recrevcard-bottom::after { left: 100%; bottom: 0; } .recrevcard-bottom .media-body, .recrevcard-bottom .media-left, .recrevcard-bottom .media-right { vertical-align: middle; } .recrevcard-star { font-size: 12px; color: #788189; margin-top: 1px; } .recrevcard-star svg { vertical-align: middle; width: 12px; height: 12px; margin-left: 1px; margin-top: -3px; fill: #ffc107; } .recrevcard-name { font-weight: 700; font-size: 14px; } .recrevcard-wrap p a { color: #ff6c0a; text-decoration: underline; } .owlnavhide .owl-nav{ display: none; } .recrevcard-bottom .media-left { padding-right: 13px; } .slidwdotcru .owl-nav button.owl-prev, .slidwdotcru .owl-nav button.owl-next { width: 50px; height: 50px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: -webkit-inline-flex; display: -moz-inline-box; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-box-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-box-pack: center; justify-content: center; text-align: center; font-size: 12px; color: #fe7215; margin: 0 0; border: solid 1px #ebebeb; -webkit-box-shadow: 0 2px 4px -2px rgb(0 0 0 / 08%); -moz-box-shadow: 0 2px 4px -2px rgb(0 0 0 / 08%); box-shadow: 0 2px 4px -2px rgb(0 0 0 / 08%); } .slidwdotcru .owl-nav button.owl-prev { -webkit-border-radius: 40px 0 0 40px; -moz-border-radius: 40px 0 0 40px; border-radius: 40px 0 0 40px; margin-right: -1px; } .slidwdotcru .owl-nav button.owl-next { -webkit-border-radius: 0 40px 40px 0; -moz-border-radius: 0 40px 40px 0; border-radius: 0 40px 40px 0; } .slidwdotcru .owl-nav button.owl-prev:hover, .slidwdotcru .owl-nav button.owl-next:hover { background-color: #ff6600; border-color: #ff6600; color: #fff; } .slidwdotcru .owl-nav button.owl-prev:hover svg, .slidwdotcru .owl-nav button.owl-next:hover svg { fill: #fff; } .slidwdotcru .owl-nav button.owl-prev.disabled, .slidwdotcru .owl-nav button.owl-next.disabled { opacity: 0.25; pointer-events: none; background-color: #ffffff; border-color: #bfbfbf; } .slidwdotcru .owl-nav button.owl-prev.disabled svg, .slidwdotcru .owl-nav button.owl-next.disabled svg { color: #919191; } .slidwdotcru .owl-nav button.owl-prev svg, .slidwdotcru .owl-nav button.owl-next svg { width: 45%; height: 45%; fill: #2c2c2c; } .slidwdotcru .owl-nav { position: absolute; top: -92px; right: 0; z-index: 4; } .slidwdotcru .owl-dots { text-align: center; margin-top: 10px; margin-bottom: -3px; width: 100%; float: left; } .cruwhychoose-slide.slidwdotcru .owl-dots { margin-top: -7px; position: relative; z-index: 2; } .slidwdotcru button.owl-dot { width: 30px; height: 5px; margin: 0px 6px 3px; background: #e5e7ea; display: inline-block; -webkit-transition: all 0.2s; -o-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; display: inline-block; } .destinations-cruise .slidwdotcru button.owl-dot.active, .slidwdotcru button.owl-dot.active { background: #ff6600; } .included-cruise { margin-bottom: 60px; padding-top: 30px; padding-bottom: 10px; opacity: 1; } .whatinclude-slide img.mecru-object { width: auto; } .mecru {    padding: 22px; -webkit-border-radius: 14px; -moz-border-radius: 14px; border-radius: 14px; background-color: #ffffff; margin: 55px 0; -webkit-box-shadow: 0px 6px 28px 0px rgb(36 7 70 / 6%); -moz-box-shadow: 0px 6px 28px 0px rgb(36 7 70 / 6%); box-shadow: 0px 6px 28px 0px rgb(36 7 70 / 6%); border: solid 1px #f1f1f1; } .mecru:hover { -webkit-box-shadow: 0 0px 0 2px rgb(255 102 0) inset; -moz-box-shadow: 0 0px 0 2px rgb(255 102 0) inset; box-shadow: 0 0px 0 2px rgb(255 102 0) inset; } .most-recentrev-cruise { margin: -10px 0; } .mecru-body { line-height: 1.6; letter-spacing: 0.6px; color: #202020; font-size: 14px; font-weight: 500; position: relative; margin-top: 19px; } .mecru-body:before { content: ''; background: #e8e4d1; width: 25px; position: absolute; top: -19px; left: 0; height: 1px; } .mecru:hover .mecru-body:before{ background: rgb(255 102 0); } .mecru-round-img { height: 120px; width: 64px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -webkit-flex-direction: column-reverse; -moz-box-orient: vertical; -moz-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; margin-top: -12px; } .included-cruise .slidwdotcru .owl-dots { margin-top: -36px; position: relative; z-index: 2; } .included-cruise .most-recentrev-cruise { margin: -55px 0; } .coverratio-img { position: absolute; min-width: 1000%; min-height: 1000%; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%) scale(0.1); -webkit-transform: translateX(-50%) translateY(-50%) scale(0.1); -ms-transform: translateX(-50%) translateY(-50%) scale(0.1); -moz-transform: translateX(-50%) translateY(-50%) scale(0.1); -o-transform: translateX(-50%) translateY(-50%) scale(0.1); max-width: none; } .coverratio-img, .owl-carousel .owl-item .coverratio-img, .cruiseline-img img, .owl-carousel .owl-item .cruiseline-img img { width: auto; } .expodes-img-cover { position: relative; overflow: hidden; padding-top: 100%; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; outline: 2px dashed #ff6600; outline-offset: 3px; margin-top: 5px; } .expodes-name { font-size: 18px; font-weight: 600; text-align: center; margin-bottom: 0; margin-top: 15px; line-height: 1.6; } .destinations-cruise .item a { display: block; color: #000; text-decoration: none; } .destinations-cruise .row { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .destinations-cruise .item a:hover .expodes-name { color: #ff6600; } .destinations-cruise .destinationcru-nav .btn{ background-color: #f9f9f9; } p.expodes-sub-name { text-align: center; margin-top: 6px; margin-bottom: 0; font-size: 12px; text-transform: uppercase; font-weight: 800; color: #ffffff; position: absolute; width: 100%; bottom: 9px; z-index: 1; letter-spacing: 0.6px; -webkit-transition-delay: 40ms; -moz-transition-delay: 40ms; -o-transition-delay: 40ms; transition-delay: 40ms; } .expodes-img-cover::after { content: ''; background: rgb(0 0 0 / 50%); position: absolute; top: 100%; left: 0; width: 100%; height: 100%; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; margin-top: -38px; -webkit-transition: margin-top 0.3s cubic-bezier(0.5, 0, 0, 1.25); -o-transition: margin-top 0.3s cubic-bezier(0.5, 0, 0, 1.25); -moz-transition: margin-top 0.3s cubic-bezier(0.5, 0, 0, 1.25); transition: margin-top 0.3s cubic-bezier(0.5, 0, 0, 1.25); -webkit-backdrop-filter: blur(3px); backdrop-filter: blur(3px); } .destinations-cruise .item a:hover .expodes-img-cover:after { background: -webkit-radial-gradient(#f36100 10%, transparent 10%, transparent 39%, #f36100 40%, #f36100 45%, transparent 46%), -webkit-radial-gradient(top left, circle, #f36100 4%, transparent 5%, transparent 19%, #f36100 20%, #f36100 22%, transparent 23%), -webkit-radial-gradient(top right, circle, #f36100 4%, transparent 5%, transparent 19%, #f36100 20%, #f36100 22%, transparent 23%), -webkit-radial-gradient(bottom left, circle, #f36100 4%, transparent 5%, transparent 19%, #f36100 20%, #f36100 22%, transparent 23%), -webkit-radial-gradient(bottom right, circle, #f36100 4%, transparent 5%, transparent 19%, #f36100 20%, #f36100 22%, transparent 23%); background: -moz-radial-gradient(#f36100 10%, transparent 10%, transparent 39%, #f36100 40%, #f36100 45%, transparent 46%), -moz-radial-gradient(top left, circle, #f36100 4%, transparent 5%, transparent 19%, #f36100 20%, #f36100 22%, transparent 23%), -moz-radial-gradient(top right, circle, #f36100 4%, transparent 5%, transparent 19%, #f36100 20%, #f36100 22%, transparent 23%), -moz-radial-gradient(bottom left, circle, #f36100 4%, transparent 5%, transparent 19%, #f36100 20%, #f36100 22%, transparent 23%), -moz-radial-gradient(bottom right, circle, #f36100 4%, transparent 5%, transparent 19%, #f36100 20%, #f36100 22%, transparent 23%); background: -o-radial-gradient(#f36100 10%, transparent 10%, transparent 39%, #f36100 40%, #f36100 45%, transparent 46%), -o-radial-gradient(top left, circle, #f36100 4%, transparent 5%, transparent 19%, #f36100 20%, #f36100 22%, transparent 23%), -o-radial-gradient(top right, circle, #f36100 4%, transparent 5%, transparent 19%, #f36100 20%, #f36100 22%, transparent 23%), -o-radial-gradient(bottom left, circle, #f36100 4%, transparent 5%, transparent 19%, #f36100 20%, #f36100 22%, transparent 23%), -o-radial-gradient(bottom right, circle, #f36100 4%, transparent 5%, transparent 19%, #f36100 20%, #f36100 22%, transparent 23%); background: radial-gradient(#f36100 10%, transparent 10%, transparent 39%, #f36100 40%, #f36100 45%, transparent 46%), radial-gradient(circle at top left, #f36100 4%, transparent 5%, transparent 19%, #f36100 20%, #f36100 22%, transparent 23%), radial-gradient(circle at top right, #f36100 4%, transparent 5%, transparent 19%, #f36100 20%, #f36100 22%, transparent 23%), radial-gradient(circle at bottom left, #f36100 4%, transparent 5%, transparent 19%, #f36100 20%, #f36100 22%, transparent 23%), radial-gradient(circle at bottom right, #f36100 4%, transparent 5%, transparent 19%, #f36100 20%, #f36100 22%, transparent 23%); -webkit-background-size: 2.2em 2.2em; -moz-background-size: 2.2em 2.2em; -o-background-size: 2.2em 2.2em; background-size: 2.2em 2.2em; background-color: #ff6f0f; opacity: 1; margin-top: -60px; } .destinations-cruise .item a:hover p.expodes-sub-name { bottom: 18px; font-size: 14px; } .cruise-direct-city:hover .coverratio-img, .destinations-cruise .item a:hover .coverratio-img { transform: translateX(-50%) translateY(-50%) scale(0.12); -webkit-transform: translateX(-50%) translateY(-50%) scale(0.12); -ms-transform: translateX(-50%) translateY(-50%) scale(0.12); -moz-transform: translateX(-50%) translateY(-50%) scale(0.12); -o-transform: translateX(-50%) translateY(-50%) scale(0.12); } .cruise-direct-city:hover .cruiseline-content h3 { color: #ff6600; text-decoration: underline; text-underline-offset: 1px; } .destinationcru-nav .btn { border: solid 1px #333333; background: transparent; width: 45px; height: 45px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; margin-right: 8px; outline: none; } .destinationcru-nav .btn.disabled { filter: gray; -webkit-filter: grayscale(100%); -ms-filter: grayscale(100%); -moz-filter: grayscale(100%); -o-filter: grayscale(100%); opacity: 0.2; pointer-events: none; } .destinationcru-nav .btn:last-child { margin-right: 0; } .destinationcru-nav .btn:hover, .destinationcru-nav .btn:active, .destinationcru-nav .btn:focus { outline: none; outline-offset: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .destinationcru-nav .btn svg { width: 21px; height: 21px; margin-top: 5px; } .destinationcru-nav .btn:hover { background: #ff6600; border-color: #ff6600; } .destinationcru-nav .btn:hover svg { fill: #ffffff; } .destinations-cruise .slidwdotcru .owl-dots { border-top: solid 1px #ebe6dc; margin-top: 31px; padding-top: 15px; } .destinations-cruise .slidwdotcru button.owl-dot { background: #d5cebf; } .deals-cruise { padding-bottom: 60px; } .deals-cruise .title-bysection.innerspace { margin-bottom: 32px; } .cruiseline-img { position: relative; overflow: hidden; padding-top: 100%; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; } .cruiseline-img-wrap { position: relative; z-index: 2; } .cover-strlink { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 7; width: 100%; height: 100%; background: transparent; border: none; cursor: pointer; } .cruiseline-location { position: absolute; bottom: 0; left: 0; width: 100%; padding: 15px; } .cruiseline-location .inner { background-color: rgb(0 0 0 / 60%); -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; padding: 8px 17px 10px 10px; display: -webkit-inline-box; display: -webkit-inline-flex; display: -moz-inline-box; display: -ms-inline-flexbox; display: inline-flex; font-size: 14px; font-weight: 500; color: #ffffff; -webkit-backdrop-filter: blur(4px); backdrop-filter: blur(4px); text-shadow: -2px -2px 4px rgb(0 0 0 / 60%); letter-spacing: 0.4px; } .cruiseline-location svg { width: 16px; height: 16px; vertical-align: middle; margin-right: 7px; margin-top: 1px; } .cruiseline-location svg path { fill: #ff6600; fill-rule: evenodd; } .cruiseline-content {    padding: 30px 20px 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; width: 100%; margin: -30px 0 30px; -webkit-box-shadow: 0px 7px 28px 0px rgba(36, 7, 70, .08); -moz-box-shadow: 0px 7px 28px 0px rgba(36, 7, 70, .08); box-shadow: 0px 7px 28px 0px rgba(36, 7, 70, .08); } .cruiseline-badge { display: inline-block; background-color: #f5f5f5; padding: 5px 10px; font-size: 12px; line-height: 1.5; color: #303030; font-weight: 500; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } .cruiseline-content h3 { margin: 19px 0; line-height: 1.7; font-size: 18px; font-weight: 600; border-bottom: dotted 2px #dee6ef; padding-bottom: 15px } .cruiseline-content .recrevcard-star { display: inline-block; margin: 0 13px; color: #242424; font-weight: 500; } .cruiseline-content .cruiseline-badge { background-color: #f6faff; font-weight: 500; } .deals-cruise-row { margin-bottom: 32px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -webkit-align-items: flex-end; -moz-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .deals-cruise-row .title-bysection.innerspace { margin-bottom: 0; } .deals-cruise-row .destinationcru-nav { text-align: right; } .wfull { width: 100%; float: left; } .deals-cruise .title-bysection.innerspace { padding-right: 108px; } .CarResultCard { background-color: #ffffff; margin-bottom: 10px; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; position: relative; border: 2px solid #f9f8f8; cursor: pointer; -webkit-transition: all 0.2s ease; -o-transition: all 0.2s ease; -moz-transition: all 0.2s ease; transition: all 0.2s ease; } .CarResultCard:hover .CarFlThreeImg img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); -ms-interpolation-mode: nearest-neighbor; image-rendering: -webkit-optimize-contrast; image-rendering: -moz-crisp-edges; image-rendering: -o-pixelated; image-rendering: pixelated; } .CarResultCard:hover { border-color: #e5e9f1; } .CarIncThumbFr, .CarResultCard{ -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; } .owl-carousel .owl-item .CarFlThreeImg img,.CarFlThreeImg img { width: auto; margin: auto; -webkit-transition: all 0.2s ease; -o-transition: all 0.2s ease; -moz-transition: all 0.2s ease; transition: all 0.2s ease; } .CarIncThumbFr { background-color: #fff; position: relative; padding: 34px 0 14px; } .CarFlThreeFr { position: absolute; left: 10px; top: 12px; } .owl-carousel .owl-item .CarFlThreeFr img,.CarFlThreeFr img{ width: auto; height: 25px; } .CarFlFour { position: absolute; left: -5px; font-size: 13px; bottom: -11px; font-weight: 500; letter-spacing: 0.4px; background: -webkit-linear-gradient(315deg, #091057 0%, #024CAA 100%); background: -moz-linear-gradient(315deg, #091057 0%, #024CAA 100%); background: -o-linear-gradient(315deg, #091057 0%, #024CAA 100%); background: linear-gradient(135deg, #091057 0%, #024CAA 100%); padding: 5px 14px; border: none; color: #ffffff; z-index: 3; min-width: 70px; text-align: center; -webkit-transform: skewX(-16deg); -moz-transform: skewX(-16deg); -ms-transform: skewX(-16deg); -o-transform: skewX(-16deg); transform: skewX(-16deg); } .CarFlFour::after { content: ""; position: absolute; height: 0; width: 0; border-top: 20px solid transparent; border-bottom: 9px solid transparent; border-left: 7px solid #ff6600; right: -11px; top: 0px; } .CarFlFour:before { content: ""; position: absolute; height: 0; width: 0; border-top: 8px solid #07206d; border-left: 8px solid transparent; bottom: -8px; left: 3px; } .CarFlFour b{ -webkit-transform: skewX(16deg); -moz-transform: skewX(16deg); -ms-transform: skewX(16deg); -o-transform: skewX(16deg); transform: skewX(16deg); display: inline-block; font-weight: 600; } .CarIncsiveThreeFr { color: #020202; font-size: 20px; text-transform: capitalize; font-weight: 500; } .CarIncsiveTotalFr { color: #ff6600; font-size: 75%; display: inline-block; vertical-align: middle; } .CarIncsiveWrpFr { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 22px; margin-bottom: 17px; border-top: solid 1px #f5f5f5; padding-top: 17px; } .carfull-detail-wrap { padding: 20px; border-top: solid 2px #f9f9f9; -webkit-box-shadow: 0 2px 14px rgb(0 0 0 / 4%); -moz-box-shadow: 0 2px 14px rgb(0 0 0 / 4%); box-shadow: 0 2px 14px rgb(0 0 0 / 4%); -webkit-border-radius: 0 0 20px 20px; -moz-border-radius: 0 0 20px 20px; border-radius: 0 0 20px 20px; } .book-button-wrapper { color: #677074; font-size: 12px; position: relative; top: 2px; margin-left: 8px; } .book-button-wrapper b { color: #383b40; } .book-button-wrapper svg { vertical-align: middle; position: relative; top: -1px; } .CarFlTwo { margin-top: 8px; text-align: center; font-size: 20px; } .CarFlTwo small.d-block { margin-top: 5px; font-weight: 400; color: #607D8B; } .popuplar-carlist-row{ margin-left: -6px; margin-right: -6px; } .CarFlFour-br { position: absolute; bottom: -13px; right: 0; padding: 3px 9px; background-color: #f5f5f5; color: #000000; font-size: 11px; -webkit-border-radius: 5px 0 0 5px; -moz-border-radius: 5px 0 0 5px; border-radius: 5px 0 0 5px; z-index: 2; font-weight: 400; } ul.CarFeatures { margin: 0; background-color: rgb(247 244 236 / 70%); list-style: none; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; padding: 13px 15px 4px; color: #343434; margin-top: 20px; font-weight: 500; } ul.CarFeatures li { display: inline-block; border-right: solid 1px #e5e1d5; padding-right: 12px; margin-right: 12px; font-size: 13px; margin-bottom: 11px; -webkit-transform: skewX(-16deg); -moz-transform: skewX(-16deg); -ms-transform: skewX(-16deg); -o-transform: skewX(-16deg); transform: skewX(-16deg); } ul.CarFeatures li span { display: block; -webkit-transform: skewX(16deg); -moz-transform: skewX(16deg); -ms-transform: skewX(16deg); -o-transform: skewX(16deg); transform: skewX(16deg); } ul.CarFeatures li:last-child{ margin-right: 0; padding-right: 0; border-right: 0; } ul.CarFeatures li svg { vertical-align: middle; margin-top: -3px; margin-right: 4px; } /* responsive */ @media only screen and (min-width:768px) { .destinations-cruise { scroll-margin-top: 84px; } } @media only screen and (min-width:1200px) { .included-cruise .row { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } } @media only screen and (min-width:1300px) { .left-whattodo { padding-left: 35px; } } @media (max-width:1499px) { .expodes-name, .cruiseline-content h3 { font-size: 17px; } } @media (max-width:1299px) { .whattodocol-first { width: 38%; } .whattodocol-second { width: 62%; } .pool-whattodo .img-one { display: none; } .pool-whattodo .img-two { width: 100%; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; border: none; } .pool-whattodo { margin: 0; } .expodes-name, .cruiseline-content h3 { font-size: 16px; } p.expodes-sub-name { font-size: 11px; } .destinations-cruise .item a:hover p.expodes-sub-name { font-size: 13px; } li.recentrev-list-rate { font-size: 18px; } } @media only screen and (max-width:1199px) { .title-bysection h2 { font-size: 24px; margin-top: 5px; } .mediachswhy-inner { padding: 22px; } .title-bysection.innerspace { margin-bottom: 8px; } .left-colcru { margin-bottom: 10px; } .whattodo-cruise li svg { width: 22px; height: 22px; } .title-bysection span, .recrevcard-wrap p, .recentrev-title, ul.recentrev-ul li.recentrev-list-content, .left-whattodo p, .whattodo-cruise ul, .title-bysection-desp p { font-size: 14px; } .cruiseline-location .inner { font-size: 13px; } .whattodocol-first { width: 44%; } .whattodocol-second { width: 56%; } .expodes-name, .cruiseline-content h3 { font-size: 15px; } .destinationcru-nav { position: absolute; top: 3px; right: 15px; z-index: 2; } p.expodes-sub-name { font-size: 10px; } .slk-spac .title-bysection.innerspace { padding-right: 110px; } li.recentrev-list-rate { font-size: 15px; } .cruiseline-location { padding: 13px; } .mediachswhy-body p { font-size: 14px; } } @media only screen and (max-width:991px) { .title-bysection h2 { font-size: 22px; } .title-bysection span::before, .title-bysection span::after { width: 16px; } .title-bysection { margin-bottom: 40px; } .mediachswhy-inner { padding: 20px; } .mecru { padding: 20px; } .whattodo-cruise li svg { width: 19px; height: 19px; } .pool-whattodo .img-one { display: block; width: 80%; } .pool-whattodo { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .pool-whattodo .img-two { margin-top: -50px; } .pool-whattodo .img-one, .pool-whattodo .img-two { -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } .whattodocol-first { width: 38%; } .whattodocol-second { width: 62%; } .expodes-name, .cruiseline-content h3 { font-size: 14px; } .recrevcard-wrap svg.quote { width: 45px; height: 45px; } .recrevcard-bottom .media-left img { width: 50px; } .cruiseline-location { padding: 11px; } } @media only screen and (max-width:767px) { .title-bysection h2 { font-size: 20px; } .title-bysection span, .mecru-body, .cruiseline-location .inner, .whattodo-cruise ul, .recrevcard-wrap p, .recentrev-title, .left-whattodo p, .recrevcard-name, ul.recentrev-ul li.recentrev-list-content, .title-bysection-desp p { font-size: 13px; } .title-bysection span::before, .title-bysection span::after { width: 14px; } .title-bysection span::before { margin-right: 9px; } .title-bysection span::after { margin-left: 9px; } .title-bysection { margin-bottom: 37px; } .slidwdotcru button.owl-dot { width: 28px; height: 4px; margin: 0px 5px 3px; } .included-cruise { overflow: hidden; padding: 0; } .mecru { padding: 18px; margin: 50px 0; } .mecru-round-img { height: 90px; width: 54px; } .whattodocol-first { width: 100%; } .whattodocol-second { width: 100%; } .pool-whattodo { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; margin-right: -16px; margin-bottom: 15px; } .pool-whattodo .img-one { width: 40%; margin-top: 0; margin-bottom: 0; } .pool-whattodo .img-two { width: 60%; border: solid 16px #fff; margin-top: 0; margin-bottom: 0; } .pool-whattodo .img-one { -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; } .pool-whattodo .img-two { -webkit-border-radius: 35px; -moz-border-radius: 35px; border-radius: 35px; } .content-dreamre { margin-bottom: 10px; } .expodes-name { font-size: 13px; } .recrevcard-wrap svg.quote { width: 40px; height: 40px; } .recrevcard-bottom .media-left img { width: 48px; } .cruiseline-location { padding: 9px; } } @media only screen and (max-width:575px) { .title-bysection h2 { font-size: 18px; } .whattodo-cruise ul, ul.recentrev-ul li.recentrev-list-content, .recentrev-title, .recrevcard-name, .mecru-body, .cruiseline-location .inner, .left-whattodo p, .title-bysection-desp p { font-size: 12px; } .title-bysection span::before, .title-bysection span::after { width: 12px; top: -1px; } .title-bysection span::before { margin-right: 7px; } .title-bysection span::after { margin-left: 7px; } .title-bysection { margin-bottom: 35px; } .cruwhychoose-row { margin: 0 -15px; } .mediachswhy-body h3 { font-size: 15px; } .mediachswhy-inner { text-align: center; } .slidwdotcru button.owl-dot { width: 26px; } .whatinclude-row { margin: 0 -20px; } .mecru-round-img { height: 80px; width: 50px; display: -webkit-inline-box; display: -webkit-inline-flex; display: -moz-inline-box; display: -ms-inline-flexbox; display: inline-flex; } .mecru { padding: 14px; margin: 45px 0; text-align: center; } .mecru-body:before { left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } .pool-whattodo .img-two { border-width: 10px; -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; } .pool-whattodo { margin-right: -10px; } .pool-whattodo .img-one { -webkit-border-radius: 14px; -moz-border-radius: 14px; border-radius: 14px; } .content-dreamre { margin-bottom: 7px; } .whattodo-cruise li svg { width: 17px; height: 17px; margin-right: 9px; } .destinationcru-nav .btn { width: 40px; height: 40px; padding: 3px; } .deals-cruise .slidwdotcru .owl-nav button.owl-prev, .deals-cruise .slidwdotcru .owl-nav button.owl-next { width: 40px; height: 40px; } .slk-spac .title-bysection.innerspace { padding-right: 98px; } .destinationcru-nav .btn svg { margin-top: 4px; } .recrevcard-wrap svg.quote { width: 35px; height: 35px; } .recrevcard-wrap { padding: 20px; } .recrevcard-bottom .media-left img { width: 46px; } li.recentrev-list-star svg { width: 17px; height: 17px; } ul.recentrev-ul li { white-space: nowrap; font-size: 14px; margin-right: 10px; } ul.recentrev-ul li.recentrev-list-content { display: none; } ul.recentrev-ul { padding-left: 10px; margin-left: 10px; } .deals-cruise .slidwdotcru .owl-nav { right: 15px; top: -75px; } .cruiseline-img, .cruiseline-content { -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } .mediachswhy-round-img::before, .mediachswhy-round-img::after { bottom: 41px; } } @media only screen and (max-width:425px) { .title-bysection h2 { font-size: 17px; } .mecru { padding: 14px 12px 18px; } .destinations-cruise .item a:hover p.expodes-sub-name { font-size: 12px; } .recrevcard-bottom .media-left img { width: 44px; } li.recentrev-list-star svg { width: 15px; height: 15px; margin-right: 1px; } .destinationcru-nav { top: 10px; } }