.banner_blog{ position: relative; overflow: hidden; padding: 60px 15px; margin: 0; margin-top: 84px;} .banner_blog .container { z-index: 3; font-weight: 200; text-shadow: 2px 3px 0 rgb(0 0 0 / 30%); } .destcity-des { width: 100%; float: left; } .destcity-des .container { background-color: #fff; margin-top: -100px; position: relative; z-index: 2; -webkit-box-shadow: 0 -7px 0px 25px #fff, 0 -20px 25px 2px rgb(0 0 0 / 50%); -moz-box-shadow: 0 -7px 0px 25px #fff, 0 -20px 25px 2px rgb(0 0 0 / 50%); box-shadow: 0 -7px 0px 25px #fff, 0 -20px 25px 2px rgb(0 0 0 / 50%); margin-bottom: 10px; -webkit-border-radius: 2px 2px 0 0; -moz-border-radius: 2px 2px 0 0; border-radius: 2px 2px 0 0; } .destcity-des .title-bysection p, .destcity-des .title-bysection h3 { position: relative; z-index: 2; } .destcity-content h1{ font-size:165%; line-height: 1.4;} .destcity-content h2{ font-size:155%; line-height: 1.4;} .destcity-content h3{ font-size:145%; line-height: 1.4;} .destcity-content h4{ font-size:135%; line-height: 1.4;} .destcity-content h5{ font-size:125%; line-height: 1.4;} .destcity-content h6{ font-size:115%; line-height: 1.4;} .destcity-content ul, .destcity-content ol { padding-left: 22px; } .destcity-content ol li, .destcity-content ul li { margin-bottom: 8px; } .destcity-content p { font-size: 16px; color: #6e6e6e; margin-bottom: 22px; line-height: 1.8; letter-spacing: 0.4px; } .destcity-content p:last-child{ margin-bottom: 0; } .cruisefaqs-home { width: 100%; float: left; margin-bottom: -1px; position: relative; z-index: 3; } .cruisefaqs-home .container { background-image: url(/resources/images/faq-img-cruise.webp); background-repeat: no-repeat; background-position: right 15px top 20px; -webkit-background-size: 290px 290px; -moz-background-size: 290px; -o-background-size: 290px; background-size: 290px; padding-top: 70px; padding-bottom: 60px; } .cruisefaqs-home .title-bysection { padding-right: 300px; } .cruisefaqs-home .panel-default>.panel-heading { background: transparent; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; border: none; padding: 0; } .cruisefaqs-home .panel-default .panel-heading a, .cruisefaqs-home .panel-body{ padding: 22px; text-decoration: none } .cruisefaqs-home .panel-body { padding-bottom: 18px; } .cruisefaqs-home .panel-title a, .cruisefaqs-home .panel-body, .cruisefaqs-home .panel-title a { font-size: 16px;  } .cruisefaqs-home .panel-default { border: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; border-bottom: 1px solid #f0f0f0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; margin-bottom: 0; } .cruisefaqs-home .panel-group .panel-default { margin: 0; } .cruisefaqs-home .panel-default .panel-heading a { font-size: 18px; font-weight: 600; } .cruisefaqs-home .panel-default:last-child{ margin-bottom: 0; } .cruisefaqs-home .panel-body { position: relative; line-height: 1.8; } .cruisefaqs-home .panel-body p, .cruisefaqs-home .panel-body { color: #353535; } .cruisefaqs-home .panel-body p:last-child{ margin-bottom: 0; } .cruisefaqs-home .panel-title a {line-height: 1.6; position: relative; width: 100%; 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: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .cruisefaqs-home .panel-default>.panel-heading+.panel-collapse>.panel-body { font-weight: 400; border-color: #f0f0f0; } .cruisefaqs-home .panel-default .panel-heading a::after{ content: url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" fill="currentColor" class="bi bi-plus-lg" viewBox="0 0 16 16"> <path fill-rule="evenodd" d="M8 2a.5.5 0 0 1 .5.5v5h5a.5.5 0 0 1 0 1h-5v5a.5.5 0 0 1-1 0v-5h-5a.5.5 0 0 1 0-1h5v-5A.5.5 0 0 1 8 2"/> </svg>'); margin-left: 12px; position: relative; top: 3px;} .cruisefaqs-home .panel-default .panel-heading a[aria-expanded="true"]::after{ content: url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" fill="rgb(253 101 0)" class="bi bi-dash-lg" viewBox="0 0 16 16"> <path fill-rule="evenodd" d="M2 8a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11A.5.5 0 0 1 2 8"/> </svg>'); } .cruisefaqs-home .panel-default .panel-heading a[aria-expanded="true"] {   color: #fd6500; } .destcity-content { position: relative; z-index: 2; } img.faqbg-left { margin: 55px auto 0; display: block; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; } #accordion-cruise { margin: 0; position: relative; z-index: 2; } .banner_blog { min-height: 500px; 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; } .banner_blog .container { font-size: 70px; padding-bottom: 148px; } .destcity-des .title-bysection { margin-bottom: 21px; } .quesround-faq { position: absolute; left: 12px; font-size: 18px; font-weight: 200; border: solid 1px #fd6500; width: 36px; height: 36px; 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-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; color: #fd6500; } .cruisefaqs-home .panel-body, .cruisefaqs-home .panel-default .panel-heading a{ padding-left: 70px; } .cruisefaqs-home .panel-body .quesround-faq { background-color: #fd6500; color: #fff; } .cruisefaqs-home .panel-group { border: solid 1px #f0f0f0; border-bottom: 0; -webkit-border-radius: 11px; -moz-border-radius: 11px; border-radius: 11px; overflow: hidden; padding: 0 10px; background-color: #fff; box-shadow: 0 3px 7px -1px rgb(0 0 0 / 4%); } .deals-cruise.single { margin-top: 60px; padding-top: 60px; background: -webkit-linear-gradient(45deg, #f6f8fc 25%, transparent 25%), -webkit-linear-gradient(135deg, #f6f8fc 25%, transparent 25%), -webkit-linear-gradient(45deg, transparent 24%, #fafbfd 25%, #fafbfd 30%, transparent 31%, transparent 39%, #fafbfd 40%, #fafbfd 45%, transparent 45%), -webkit-linear-gradient(135deg, transparent 24%, #fafbfd 25%, #fafbfd 30%, transparent 31%, transparent 39%, #fafbfd 40%, #fafbfd 45%, transparent 45%); background: -moz-linear-gradient(45deg, #f6f8fc 25%, transparent 25%), -moz-linear-gradient(135deg, #f6f8fc 25%, transparent 25%), -moz-linear-gradient(45deg, transparent 24%, #fafbfd 25%, #fafbfd 30%, transparent 31%, transparent 39%, #fafbfd 40%, #fafbfd 45%, transparent 45%), -moz-linear-gradient(135deg, transparent 24%, #fafbfd 25%, #fafbfd 30%, transparent 31%, transparent 39%, #fafbfd 40%, #fafbfd 45%, transparent 45%); background: -o-linear-gradient(45deg, #f6f8fc 25%, transparent 25%), -o-linear-gradient(135deg, #f6f8fc 25%, transparent 25%), -o-linear-gradient(45deg, transparent 24%, #fafbfd 25%, #fafbfd 30%, transparent 31%, transparent 39%, #fafbfd 40%, #fafbfd 45%, transparent 45%), -o-linear-gradient(135deg, transparent 24%, #fafbfd 25%, #fafbfd 30%, transparent 31%, transparent 39%, #fafbfd 40%, #fafbfd 45%, transparent 45%); background: linear-gradient(45deg, #f6f8fc 25%, transparent 25%), linear-gradient(315deg, #f6f8fc 25%, transparent 25%), linear-gradient(45deg, transparent 24%, #fafbfd 25%, #fafbfd 30%, transparent 31%, transparent 39%, #fafbfd 40%, #fafbfd 45%, transparent 45%), linear-gradient(315deg, transparent 24%, #fafbfd 25%, #fafbfd 30%, transparent 31%, transparent 39%, #fafbfd 40%, #fafbfd 45%, transparent 45%); -webkit-background-size: 1.4em 1.4em; -moz-background-size: 1.4em 1.4em; -o-background-size: 1.4em 1.4em; background-size: 1.4em 1.4em; background-color: #f6f8fc; } .deals-cruise.single .slidwdotcru .owl-nav button.owl-prev, .deals-cruise.single .slidwdotcru .owl-nav button.owl-next { background-color: #fff; } .deals-cruise.single .cruiseline-content { -webkit-box-shadow: 0 0px 12px -2px rgb(0 0 0 / 8%); -moz-box-shadow: 0 0px 12px -2px rgb(0 0 0 / 8%); box-shadow: 0 0px 12px -2px rgb(0 0 0 / 8%); background-color: #fff; margin-bottom: 5px; } .deals-cruise.single .slidwdotcru .owl-nav button.owl-prev:hover, .deals-cruise.single .slidwdotcru .owl-nav button.owl-next:hover { background-color: #ff6600; } .view-cruise-btn.btn { background: #ff6600; border: none; color: #ffffff; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; min-height: 45px; min-width: 162px; transition: all .3s; -webkit-transition: all .3s; -o-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; outline: none; font-weight: 500; font-size: 16px; 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; } .view-cruise-btn.btn img { width: 20px; margin-right: 7px; } .destcity-title .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-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .destcity-title h2 { font-weight: 700; color: #125B9A; font-size: 26px; margin-top: 6px; margin-bottom: 6px; } .destcity-title { border-bottom: solid 1px #ededed; padding-bottom: 30px; margin-bottom: 30px; } .destcity-bcov { position: relative; overflow: hidden; padding-top: 100%; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; display: inline-block; width: 100%; } .destcityb-wrap { display: inline-block; width: 65px; vertical-align: middle; } .media.destcityb-media .media-left { padding-right: 16px; } .deals-cruise.single .title-bysection h2, .cruisefaqs-home .title-bysection h2{ padding-left: 20px; } .deals-cruise.single .title-bysection h2::before, .cruisefaqs-home .title-bysection h2::before { content: ""; position: absolute; display: block; background-color: #ff6600; left: 0; top: 50%; width: 4px; height: 78%; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); margin-top: -1px; } ul.breadCrumb-cruise { margin-bottom: 0; margin-top: 2px; } ul.breadCrumb-cruise li { list-style: none; display: inline-block; color: #474747; } ul.breadCrumb-cruise li a{ text-decoration: none; color: #ff6600; } ul.breadCrumb-cruise li svg { display: inline-block; fill: #ff6600; vertical-align: middle; margin-top: -2px; margin: -2px 5px 0 } ul.breadCrumb-cruise li, ul.breadCrumb-cruise li a{ font-size: 13px; font-weight: 500; } .view-cruise-btn.mob { display: none; } .view-cruise-btn.desk { display: inline-flex; } /*------- responsive -------*/ @media only screen and (min-width:768px) { .deals-cruise.single{ scroll-margin-top: 84px; } } @media only screen and (min-width:1200px) { .destcity-des .title-bysection p::after{ border-bottom-width: 3px; top: -1px; } } @media only screen and (min-width:1400px) { .title-bysection.des p{ font-size: 16px; font-weight: 500; } } @media (max-width:1499px) { .destcity-des .container { margin-top: -33px; } .banner_blog{ min-height: 400px; } .banner_blog .container { font-size: 60px; padding-bottom: 67px; } .destcity-des .container { max-width: 90%; } .destcityb-wrap{ width: 60px; } .destcity-title h2{ font-size: 24px; } .cruisefaqs-home .container { background-size: 230px; background-position: right 35px top 39px; } .cruisefaqs-home .title-bysection { padding-right: 260px; } } @media only screen and (max-width:1199px) { .destcity-des .container { max-width: 85%; } .banner_blog{ min-height: 380px; } .destcity-des .container { -webkit-box-shadow: 0 -7px 0px 20px #fff; -moz-box-shadow: 0 -7px 0px 20px #fff; box-shadow: 0 -7px 0px 20px #fff; } .destcity-content p{ font-size: 16px; } .cruisefaqs-home .panel-default .panel-heading a, .cruisefaqs-home .panel-body { padding: 20px; padding-left: 59px; } .cruisefaqs-home .panel-title a, .cruisefaqs-home .panel-body, .cruisefaqs-home .panel-title a { font-size: 15px; } .destcity-title h2{ font-size: 22px; } .cruisefaqs-home .panel-default .panel-heading a { font-size: 17px; } .quesround-faq { left: 7px; } } @media only screen and (max-width:991px) { .banner_blog .container { font-size: 50px; padding-bottom: 70px; } img.faqbg-left{ display: none; } .destcity-title h2{ font-size: 20px; } .view-cruise-btn.btn { font-size: 15px; min-width: 142px; border-radius: 4px; } .destcity-content h1{ font-size:160%} .destcity-content h2{ font-size:150%} .destcity-content h3{ font-size:140%} .destcity-content h4{ font-size:130%} .destcity-content h5{ font-size:120%} .destcity-content h6{ font-size:110%} .view-cruise-btn.btn img { width: 19px; } .cruisefaqs-home .container { background-size: 190px; background-position: right 5px top 61px; } .cruisefaqs-home .title-bysection { padding-right: 191px; } .cruisefaqs-home .panel-group { padding: 0; } .cruisefaqs-home .panel-default .panel-heading a { font-size: 16px; } .quesround-faq { left: 13px; width: 32px; height: 32px; font-size: 16px; } } @media (max-width:767px) { .banner_blog{ min-height: 400px; margin-top: 0; -webkit-clip-path: ellipse(100% 55% at 48% 44%); clip-path: ellipse(100% 55% at 48% 44%); } .destcity-des .container { max-width: 100%; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; margin-top: 32px; } .destcity-title h2{ font-size: 18px; } .destcity-title .text-right { text-align: left; padding-left: 85px; padding-top: 9px; } .view-cruise-btn.btn { min-width: 186px; font-size: 14px; } .destcity-content h1{ font-size:155%} .destcity-content h2{ font-size:145%} .destcity-content h3{ font-size:135%} .destcity-content h4{ font-size:125%} .destcity-content h5{ font-size:115%} .destcity-content h6{ font-size:105%} .destcityb-wrap{ width: 55px; } .view-cruise-btn.mob { display: inline-flex; margin-top: -37px; position: relative; z-index: 0; margin-left: auto; margin-right: auto; left: 50%; transform: translateX(-50%); border-radius: 50px; box-shadow: 0px 4px 6px rgb(255 102 0 / 35%); text-transform: uppercase; font-weight: 600; } .view-cruise-btn.desk { display: none; } .destcity-title { padding-bottom: 7px; margin-bottom: 7px; } .banner_blog .container { padding-bottom: 30px; } } @media only screen and (max-width:575px) { .banner_blog .container { font-size: 40px; } .destcity-content p{ font-size: 15px; } .banner_blog { min-height: 350px; } img.faqbg-left { margin-top: 27px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; width: 100%; display: block; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } .cruisefaqs-home .panel-default .panel-heading a::after { -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); transform: scale(0.8); } .destcity-title .text-right { padding-top: 10px; padding-left: 81px; } .destcity-title h2{ font-size: 16px; margin-bottom: 0; margin-top: 6px; } .destcityb-wrap{ width: 50px; } .destcity-content h1{ font-size:150%} .destcity-content h2{ font-size:140%} .destcity-content h3{ font-size:130%} .destcity-content h4{ font-size:120%} .destcity-content h5{ font-size:110%} .destcity-content h6{ font-size:100%} .cruisefaqs-home .panel-default .panel-heading a, .cruisefaqs-home .panel-body p, .cruisefaqs-home .panel-body { font-size: 15px; } .cruisefaqs-home .container { background-position: top 54px center; padding-top: 260px; background-size: 250px; } .cruisefaqs-home .title-bysection{ padding-right: 0; } .cruisefaqs-home .title-bysection{ text-align: center; } .cruisefaqs-home .title-bysection h2::before{ display: none; } .deals-cruise.single .title-bysection h2, .cruisefaqs-home .title-bysection h2 { padding-left: 16px; } } @media only screen and (max-width:425px) { .banner_blog .container { padding-bottom: 28px; font-size: 35px; } .view-cruise-btn.btn { font-size: 12px; min-width: 155px; min-height: 40px; } .cruisefaqs-home .panel-default .panel-heading a, .cruisefaqs-home .panel-body { padding: 18px; } .cruisefaqs-home .panel-default .panel-heading a, .cruisefaqs-home .panel-body p, .cruisefaqs-home .panel-body { font-size: 14px; } .view-cruise-btn.btn img { width: 22px; margin-right: 0; margin-top: auto; position: absolute; top: -21px; box-shadow: 0 0 0 8px #ff6600; background: #ff6600; border-radius: 10px; } ul.breadCrumb-cruise li svg { margin: -2px 0px 0; } .destcity-content h1{ font-size:145%} .destcity-content h2{ font-size:135%} .destcity-content h3{ font-size:125%} .destcity-content h4{ font-size:115%} .destcity-content h5{ font-size:105%} .destcity-content h6{ font-size:100%} .destcity-title h2{ font-size: 15px; } ul.breadCrumb-cruise li, ul.breadCrumb-cruise li a{ font-size: 12px; } ul.breadCrumb-cruise { margin-top: 3px; } .quesround-faq { display: none; } .destcity-content p{ font-size: 14px; } .cruisefaqs-home .title-bysection h2{ padding-left: 0; padding-right: 0; } .cruisefaqs-home .container { background-position: top 41px center; padding-top: 190px; background-size: 190px; } .cruisefaqs-home .panel-default .panel-heading a::after{ margin-left: 10px; } .banner_blog { min-height: 300px; } } @media only screen and (max-width:375px) { .destcity-content h1{ font-size:140%} .destcity-content h2{ font-size:130%} .destcity-content h3{ font-size:120%} .destcity-content h4{ font-size:110%} .destcity-content h5{ font-size:100%} .destcity-content h6{ font-size:100%} .cruisefaqs-home .panel-default .panel-heading a, .cruisefaqs-home .panel-body { padding: 14px; } .banner_blog { min-height: 290px; } }