/* ==========================================================================

IMPORT GOOGLE FONTS (SINGLE DECLARATION)
========================================================================== */
@import url('https://fonts.googleapis.com/css2?family=Google+Sans+Flex:wght@300..900&family=Inter:wght@300..900&display=swap');

/* ==========================================================================
2. COLOR & BACKGROUND UTILITIES
========================================================================== */
.white-bg {
background: #ffffff;
}
.gray-bg {
background: #f7f7fd;
}
.black-bg {
background: #16161a;
}
.theme-bg {
background: #014b85;
}
.brand-bg {
background: #f1f4fa;
}
.testimonial-bg {
background: #f9fafc;
}
.white-color {
color: #fff;
}
.black-color {
color: #16161a;
}
.theme-color {
color: #014b85;
}
.green {
padding: 4px 10px;
background: #006642;
color: #fff !important;
border-radius: 0px !important;
font-size: 17px;
}
.light-green {
padding: 2px 15px;
background: #386159;
color: #fff !important;
text-transform: uppercase;
}
.top-bg {
background: #0e1c35;
}
.t-bg {
background: #021a47;
}

/* ==========================================================================
3. OVERLAYS & CORE SYSTEM STYLES
========================================================================== */
[data-overlay] {
position: relative;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}
[data-overlay]::before {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
content: "";
}
[data-opacity="1"]::before { opacity: 0.1; }
[data-opacity="2"]::before { opacity: 0.2; }
[data-opacity="3"]::before { opacity: 0.3; }
[data-opacity="4"]::before { opacity: 0.4; }
[data-opacity="5"]::before { opacity: 0.5; }
[data-opacity="6"]::before { opacity: 0.6; }
[data-opacity="7"]::before { opacity: 0.7; }
[data-opacity="8"]::before { opacity: 0.8; }
[data-opacity="9"]::before { opacity: 0.9; }

.theme-overlay {
position: relative;
}
.theme-overlay::before {
background: #1696e7 none repeat scroll 0 0;
content: "";
height: 100%;
left: 0;
opacity: 0.6;
position: absolute;
top: 0;
width: 100%;
}
.overlay {
position: relative;
z-index: 0;
}
.overlay::before {
position: absolute;
content: "";
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -1;
background-image: -webkit-linear-gradient(170deg, rgba(34, 34, 34, 0) 0%, #000 100%);
background-image: -moz-linear-gradient(170deg, rgba(34, 34, 34, 0) 0%, #000 100%);
background-image: -ms-linear-gradient(170deg, rgba(34, 34, 34, 0) 0%, #000 100%);
background-image: linear-gradient(170deg, rgba(34, 34, 34, 0) 0%, #000 100%);
}
.overlay2 {
position: relative;
z-index: 0;
}
.overlay2::before {
position: absolute;
content: "";
background-color: #2e2200;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -1;
opacity: 0.5;
}
.hero-overly {
position: relative;
z-index: 1;
}
.hero-overly::before {
position: absolute;
content: "";
background-color: rgba(32, 54, 38, 0.3);
width: 100%;
height: 100%;
left: 0;
top: 0;
bottom: 0;
right: 0;
z-index: -1;
background-repeat: no-repeat;
}

/* ==========================================================================
4. BASE TYPOGRAPHY & TAGS
========================================================================== */
body {
font-family: "Inter", sans-serif;
font-weight: normal;
font-style: normal;
}
h1, h2, h3, h4, h5, h6 {
font-family: "Inter", sans-serif;
color: #000000;
margin-top: 0px;
font-style: normal;
font-weight: 500;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
color: inherit;
}
h2, .top_5_stars h3, .top_5_stars h2, h3.faq_title, h3.recent_title, h5.faq_title, h6.widget_title {
    font-family: 'Inter', serif;
    font-size: 26px;
    font-weight: bold;
    color: #000 !important;
    margin-bottom: 20px;
}
h5 {
font-family: 'Inter', serif;
font-size: 20px;
font-weight: 500;
color: #000 !important;
}
p {
font-family: 'Inter', sans-serif;
color: #000;
font-size: 15px;
line-height: 20px;
margin-bottom: 15px;
font-weight: 500;
}
b, sup, sub, u, del {
color: #222;
}
p a strong {
font-weight: bold !important;
}
ul {
margin: 0px;
padding: 0px;
}
li {
list-style: none;
}
hr {
border-bottom: 1px solid #eceff8;
border-top: 0 none;
margin: 30px 0;
padding: 0;
}
a, .button {
-webkit-transition: all 0.3s ease-out 0s;
-moz-transition: all 0.3s ease-out 0s;
-ms-transition: all 0.3s ease-out 0s;
-o-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;
outline: medium none;
text-decoration: none;
}
a:focus, a:hover, .button:focus, .portfolio-cat a:hover, .footer-menu li a:hover {
text-decoration: none;
outline: none;
}
a {
color: #635c5c;
}
a:hover {
color: #fff;
}
button, input, textarea {
outline: none;
}
button:focus, input:focus, textarea:focus {
outline: 0;
}
input:focus::-moz-placeholder {
opacity: 0;
transition: 0.4s;
}
.uppercase {
text-transform: uppercase;
}
.capitalize {
text-transform: capitalize;
}
.f-left { float: left; }
.f-right { float: right; }
.fix { overflow: hidden; }
.clear { clear: both; }
.separator { border-top: 1px solid #f2f2f2; }

/* ==========================================================================
5. BUTTONS & UI ACTIONS
========================================================================== */
.boxed-btn {
background: #fff;
color: #014b85 !important;
display: inline-block;
padding: 18px 44px;
font-family: "Google Sans", sans-serif;
font-size: 14px;
font-weight: 400;
border: 1px solid #014b85;
letter-spacing: 3px;
text-align: center;
text-transform: uppercase;
cursor: pointer;
}
.boxed-btn:hover {
background: #014b85;
color: #fff !important;
border: 1px solid #014b85;
}
.boxed-btn:focus {
outline: none;
}
.boxed-btn.large-width {
width: 220px;
}
.btn {
background: #014b85;
-moz-user-select: none;
text-transform: uppercase;
color: #fff;
cursor: pointer;
display: inline-block;
font-size: 14px;
font-weight: 500;
letter-spacing: 1px;
line-height: 0;
padding: 27px 44px;
border-radius: 5px;
transition: color 0.4s linear;
position: relative;
z-index: 1;
border: 0;
overflow: hidden;
margin: 0;
}
.btn::before {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: #e6373d;
z-index: 1;
transition: transform 0.5s cubic-bezier(0.5, 1.6, 0.4, 0.7);
transform-origin: 0 0;
transform: scaleX(0);
border-radius: 0;
}
.btn:hover::before {
transform: scaleX(1);
color: #fff !important;
z-index: -1;
}
.btn.focus, .btn:focus {
outline: 0;
box-shadow: none;
}
.border-btn {
border: 2px solid #014b85;
color: #014b85;
font-family: "Google Sans", sans-serif;
background: none;
-moz-user-select: none;
padding: 28px 50px;
text-transform: uppercase;
cursor: pointer;
display: inline-block;
font-size: 14px;
font-weight: 500;
letter-spacing: 1px;
border-radius: 5px;
transition: color 0.4s linear;
position: relative;
overflow: hidden;
margin: 0;
}
.border-btn::before {
border: 2px solid transparent;
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: #014b85;
z-index: -1;
transition: transform 0.5s cubic-bezier(0.5, 1.6, 0.4, 0.7);
transform-origin: 0 0;
transform: scaleY(0);
border-radius: 0;
}
.border-btn:hover::before {
transform: scaleY(1);
border: 2px solid transparent;
}
.send-btn {
background: #014b85;
color: #fff;
font-size: 14px;
width: 100%;
height: 55px;
border: none;
border-radius: 5px;
cursor: pointer;
transition: color 0.4s linear;
position: relative;
overflow: hidden;
z-index: 1;
}
.send-btn::before {
border: 2px solid transparent;
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: #e6373d;
color: #014b85;
z-index: -1;
transition: transform 0.5s cubic-bezier(0.5, 1.6, 0.4, 0.7);
transform-origin: 0 0;
transform: scaleX(0);
}
.send-btn:hover::before {
transform: scaleY(1);
border: 2px solid transparent;
color: red;
}
.header-btn {
text-transform: uppercase;
}

/* Generic Buttons */
.button-group-area .genric-btn {
margin-right: 6px;
padding: 0 24px;
margin-top: 0px;
}
.button-group-area .genric-btn:last-child {
margin-right: 0;
}
.genric-btn {
display: inline-block;
outline: none;
line-height: 40px;
padding: 0 30px;
font-size: 0.8em;
text-align: center;
text-decoration: none;
font-weight: 500;
cursor: pointer;
transition: all 0.3s ease 0s;
border-radius: 15px !important;
}
.genric-btn:focus {
outline: none;
}
.genric-btn.e-large {
padding: 0 40px;
line-height: 50px;
}
.genric-btn.large {
font-family: 'Google Sans', sans-serif;
font-size: 17px;
font-weight: bold;
padding: 0 18px;
line-height: 42px;
}
.genric-btn.medium {
padding: 0 15px;
line-height: 30px;
}
.genric-btn.small {
line-height: 25px;
}
.genric-btn.radius {
border-radius: 3px;
}
.genric-btn.circle {
border-radius: 20px;
}
.genric-btn.arrow {
display: inline-flex;
align-items: center;
}
.genric-btn.arrow span {
margin-left: 10px;
}
.genric-btn.default {
color: #415094;
background: #f9f9ff;
border: 1px solid transparent;
}
.genric-btn.default:hover {
border: 1px solid #f9f9ff;
background: #fff;
}
.genric-btn.default-border {
border: 1px solid #f9f9ff;
background: #fff;
}
.genric-btn.default-border:hover {
color: #415094;
background: #f9f9ff;
border: 1px solid transparent;
}
.genric-btn.primary {
color: #fff;
background: #222;
border: 1px solid transparent;
}
.genric-btn.primary:hover {
color: #222;
border: 1px solid #222;
background: #fff;
}
.genric-btn.primary-border {
    border: 1px solid #00aa6c;
    color: #000;
    margin-bottom: 10px;
    font-family: 'Inter', serif;
    font-size: 16px;
    font-weight: 500;
    background: transparent;
    border-radius: 10px;
}
.genric-btn.primary-border:hover {
background: #fff;
color: #000;
border: 1px solid #00aa6c;
font-family: 'Inter', serif;
font-size: 16px;
font-weight: 500;
}
.genric-btn.success {
background: #00aa6c;
text-decoration: none;
color: #fff !important;
border: 1px solid transparent;
}
.genric-btn.success:hover {
color: #fff !important;
border: 1px solid #00aa6c;
background: #00aa6c;
text-decoration: none;
}
.genric-btn.success-border {
color: #4cd3e3;
border: 1px solid #4cd3e3;
background: #fff;
}
.genric-btn.success-border:hover {
color: #fff;
background: #4cd3e3;
border: 1px solid transparent;
}
.genric-btn.info {
color: #fff;
background: #38a4ff;
border: 1px solid transparent;
}
.genric-btn.info:hover {
color: #38a4ff;
border: 1px solid #38a4ff;
background: #fff;
}
.genric-btn.info-border {
color: #38a4ff;
border: 1px solid #38a4ff;
background: #fff;
}
.genric-btn.info-border:hover {
color: #fff;
background: #38a4ff;
border: 1px solid transparent;
}
.genric-btn.warning {
color: #fff;
background: #f4e700;
border: 1px solid transparent;
}
.genric-btn.warning:hover {
color: #f4e700;
border: 1px solid #f4e700;
background: #fff;
}
.genric-btn.warning-border {
color: #f4e700;
border: 1px solid #f4e700;
background: #fff;
}
.genric-btn.warning-border:hover {
color: #fff;
background: #f4e700;
border: 1px solid transparent;
}
.genric-btn.danger {
color: #fff;
background: #f44a40;
border: 1px solid transparent;
}
.genric-btn.danger:hover {
color: #f44a40;
border: 1px solid #f44a40;
background: #fff;
}
.genric-btn.danger-border {
color: #f44a40;
border: 1px solid #f44a40;
background: #fff;
}
.genric-btn.danger-border:hover {
color: #fff;
background: #f44a40;
border: 1px solid transparent;
}
.genric-btn.link {
color: #415094;
background: #f9f9ff;
text-decoration: underline;
border: 1px solid transparent;
}
.genric-btn.link:hover {
color: #415094;
border: 1px solid #f9f9ff;
background: #fff;
}
.genric-btn.link-border {
color: #415094;
border: 1px solid #f9f9ff;
background: #fff;
text-decoration: underline;
}
.genric-btn.link-border:hover {
color: #415094;
background: #f9f9ff;
border: 1px solid transparent;
}
.genric-btn.disable {
color: rgba(34, 34, 34, 0.3);
background: #f9f9ff;
border: 1px solid transparent;
cursor: not-allowed;
}

/* ==========================================================================
6. HEADER & NAVIGATION
========================================================================== */
.header_area, .header-area, .sticky-bar {
background: #fff;
}
.logo h3, #navigation li a, .header-info-right {
color: #000 !important;
}
.logo-title {
color: #0b1c39;
margin-top: 0;
font-style: normal;
font-weight: 500;
font-size: 2.5rem;
}
.header-area .header-top {
padding: 13px 0px;
}
.header-area .header-top .header-info-left ul li {
color: #fff;
display: inline-block;
margin-right: 25px;
font-family: "Google Sans", sans-serif;
font-size: 14px;
}
.header-area .header-top .header-info-left ul li:last-child {
margin-right: 0px;
}
.header-area .header-top .header-info-left ul li i {
margin-right: 8px;
}
.header-info-left ul li a {
font-size: 14px;
}
.header-area .header-top .header-info-right .header-social li {
display: inline-block;
}
.header-area .header-top .header-info-right .header-social li a {
color: #fff;
font-size: 12px;
padding: 0 18px;
}
.header-area .header-top .header-info-right .header-social li a:last-child {
padding-right: 0;
}
.header-area .header-top .header-info-right .header-social li a:hover {
color: #ffa801;
}
.header-area .header-top .header-info-right .header-social a i {
transition: 0.4s;
transform: rotateY(0deg);
}
.header-area .header-top .header-info-right .header-social a:hover i {
transform: rotateY(180deg);
}
.main-header {
position: relative;
z-index: 3;
}
.main-header .main-menu ul li {
display: inline-block;
position: relative;
z-index: 1;
}
.main-header .main-menu ul li a {
color: #264247;
font-family: 'Google Sans', sans-serif;
font-size: 17px;
font-weight: bold;
padding: 30px 15px;
display: block;
transition: 0.3s;
text-transform: capitalize;
}
.main-header .main-menu ul li:hover > a {
color: #014b85;
}
.main-header .main-menu ul li:last-child a {
padding-right: 0;
}
.main-header .main-menu ul ul.submenu {
position: absolute;
width: 170px;
background: #fff;
left: 0;
top: 120%;
visibility: hidden;
opacity: 0;
box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.05);
padding: 17px 0;
border-top: 5px solid #014b85;
transition: 0.3s;
}
.main-header .main-menu ul ul.submenu > li {
margin-left: 7px;
display: block;
}
.main-header .main-menu ul ul.submenu > li > a {
padding: 6px 10px !important;
font-size: 14px;
color: #0b1c39;
text-transform: capitalize;
}
.main-header .main-menu ul ul.submenu > li > a:hover {
color: #014b85;
background: none;
}
.main-header ul > li:hover > ul.submenu {
visibility: visible;
opacity: 1;
top: 100%;
}
.sticky-bar {
left: 0;
margin: auto;
position: fixed;
top: 0;
width: 100%;
box-shadow: 0 10px 15px rgba(25, 25, 25, 0.1);
z-index: 9999;
animation: 300ms ease-in-out 0s normal none 1 running fadeInDown;
}
.header-sticky ul li a {
padding: 10px 19px;
}
.header-sticky.sticky-bar.sticky .main-menu ul > li > a {
padding: 26px 15px;
}
.header-sticky.sticky-bar, .header-sticky {
transition: 0.6s;
}
.header-sticky.sticky-bar.sticky .header-btn .get-btn {
padding: 20px 20px;
}
.slicknav_menu .slicknav_icon-bar {
background-color: #014b85 !important;
}
.slicknav_nav {
margin-top: 0px;
}
.header-area .slicknav_btn {
top: -41px;
}
.slicknav_menu .slicknav_nav a:hover {
background: transparent;
color: #014b85;
}
.slicknav_menu {
background: transparent;
margin-top: 5px !important;
}
.mobile_menu {
position: absolute;
right: 0px;
width: 100%;
z-index: 99;
}
.breadcrumb {
display: flex;
flex-wrap: wrap;
padding: .5rem 0rem;
margin-bottom: 0rem;
list-style: none;
background-color: #fff;
border-radius: .25rem;
}
.breadcrumb li {
margin-right: 6px;
}
.breadcrumb > .active {
color: #000000;
}

/* ==========================================================================
7. HERO, SLIDERS & BANNER
========================================================================== */
.slider-height {
min-height: 650px;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
}
.slider-height2 {
min-height: 340px;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
}
.slider-area {
margin-top: -1px;
}
.slider-area .hero__caption h1 {
font-size: 100px;
font-weight: 400;
color: #fde02f;
font-family: "Satisfy", cursive;
line-height: 1.3;
margin-bottom: 17px;
}
.slider-area .hero__caption h1 span {
position: relative;
}
.slider-area .hero__caption h1 span::before {
position: absolute;
content: "";
background-image: url(../img/hero/hero-_ineShape.png);
background-repeat: no-repeat;
height: 35%;
z-index: -1;
bottom: 8%;
left: -4%;
right: -2px;
background-size: 100%;
}
.slider-area .hero__caption p {
color: #fff;
font-size: 30px;
line-height: 1.2;
font-weight: 400;
margin-bottom: 39px;
font-family: "Google Sans", sans-serif;
}
.slider-area .hero-cap h2 {
color: #fff;
font-size: 50px;
font-weight: 700;
text-transform: capitalize;
}
.hero-caption span {
color: #fff;
font-size: 16px;
display: block;
margin-bottom: 24px;
font-weight: 600;
padding-left: 95px;
position: relative;
}
.hero-caption span::before {
position: absolute;
content: "";
width: 75px;
height: 3px;
background: #014b85;
left: 0;
top: 52%;
transform: translateY(-50%);
}
.hero-caption h2 {
color: #fff;
font-size: 50px;
font-weight: 700;
}
.bg-img-1 { background-image: url(../img/slider/slider-img-1.jpg); }
.bg-img-2 { background-image: url(../img/background-img/bg-img-2.jpg); }
.cta-bg-1 { background-image: url(../img/background-img/bg-img-3.jpg); }
.breadcam_bg { background-image: url(../img/banner/bradcam.png); }
.breadcam_bg_1 { background-image: url(../img/banner/bradcam2.png); }
.breadcam_bg_2 { background-image: url(../img/banner/bradcam3.png); }
.bradcam_area {
background-size: cover;
background-position: center bottom;
padding: 160px 0;
background-repeat: no-repeat;
}
.bradcam_area h3 {
font-size: 50px;
color: #fff;
font-weight: 900;
margin-bottom: 0;
font-family: "Google Sans", sans-serif;
text-transform: capitalize;
}
.mainbg {
position: relative;
left: 0px;
top: 0px;
opacity: 1;
}
.mainbg h1 {
color: #fff !important;
width: 100%;
}
.mainbg p {
color: #fff;
}
.mainbg-leftside {
    bottom: 35px;
    position: absolute;
    width: 30%;
}
.mainbg-leftside a {
padding: 10px 30px;
background: #ffbf00;
color: #000000 !important;
border-radius: 15px !important;
font-size: 15px;
line-height: 20px !important;
}
section.first_area.sec_first_area {
    padding-top: 50px;
}
/* ==========================================================================
8. FORMS, SEARCH & BOOKING
========================================================================== */
h2.booking-form-title {
    text-align: left;
    color: #fff !important;
    width: 100%;
    margin-top: 0;
    font-size: 2.3rem;
    font-style: normal;
    font-weight: 500;
}
.booking-form .form-control {
    background-color: #fff;
    height: 50px;
    padding: 0 13px;
    border: none;
    border-radius: 15px;
    color: #000;
    box-shadow: 0 0 0 2px transparent;
    transition: .2s;
    font-family: "Inter", sans-serif;
    margin-bottom: 10px;
}
.booking-form .form-control::placeholder,
.booking-form .form-control::-webkit-input-placeholder,
.booking-form .form-control:-ms-input-placeholder {
color: #000;
font-family: "Inter", sans-serif;
}
.booking-form .form-control:focus {
box-shadow: 0 0 0 2px #ffbf00;
font-family: "Inter", sans-serif;
}
.booking-form input[type=date].form-control {
padding-top: 16px;
font-family: "Inter", sans-serif;
}
.booking-form input[type=date].form-control:invalid {
color: rgba(255, 255, 255, .5);
font-family: "Inter", sans-serif;
}
.booking-form input[type=date].form-control + .form-label {
opacity: 1;
top: 6px;
font-family: "Inter", sans-serif;
}
.booking-form select.form-control {
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
font-family: "Inter", sans-serif;
}
.booking-form select.form-control:invalid {
color: rgba(255, 255, 255, .5);
font-family: "Inter", sans-serif;
}
.booking-form select.form-control + .select-arrow {
position: absolute;
right: 15px;
top: 50%;
transform: translateY(-50%);
width: 32px;
line-height: 32px;
height: 32px;
text-align: center;
pointer-events: none;
color: rgba(255, 255, 255, .5);
font-size: 14px;
}
.booking-form select.form-control + .select-arrow:after {
content: '\279C';
display: block;
transform: rotate(90deg);
}
.booking-form select.form-control option {
color: #000;
font-family: "Inter", sans-serif;
}
.booking-form .form-label {
position: absolute;
top: -10px;
left: 27px;
opacity: 0;
color: #ffbf00;
font-size: 11px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 1.3px;
height: 15px;
line-height: 15px;
transition: .2s all;
font-family: "Inter", sans-serif;
}
.booking-form .form-group.input-not-empty .form-control {
padding-top: 16px;
font-family: "Inter", sans-serif;
}
.booking-form .form-group.input-not-empty .form-label {
opacity: 1;
top: 10px;
font-family: "Inter", sans-serif;
}
.booking-form .submit-btn {
color: #fff;
background-color: #e35e0a;
font-weight: 700;
height: 60px;
padding: 10px 30px;
width: 100%;
border-radius: 15px;
border: none;
text-transform: uppercase;
font-size: 16px;
letter-spacing: 1.3px;
transition: .2s all;
font-family: "Inter", sans-serif;
}
.booking-form .submit-btn:hover,
.booking-form .submit-btn:focus {
opacity: .9;
}
.search-container {
    background: rgba(4, 89, 93, 0.9);
    padding: 20px 30px 20px 30px;
    border-radius: 15px;
}
.search-container .boxed-btn {
background: #ffbf00;
width: 100%;
color: #000 !important;
border: 1px solid #ffbf00;
border-radius: 15px;
font-family: 'Lato', sans-serif;
font-size: 17px;
font-weight: bold;
padding: 10px 25px;
letter-spacing: 0px;
}
form.search-box {
padding: 25px 40px 0 40px;
background: rgba(255, 255, 255, 0.2);
border-radius: 6px;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
form.search-box .input-form {
width: 54%;
}
form.search-box .input-form input {
height: 55px;
width: 100%;
color: #777777;
font-size: 18px;
font-weight: 400;
padding: 9px 9px 9px 22px;
border: none;
border-radius: 5px;
}
form.search-box .input-form input::placeholder {
color: #616875;
}
form.search-box .select-form {
width: 26%;
}
form.search-box .select-form .nice-select {
width: 100%;
height: 55px;
background: #fff;
border-radius: 5px;
padding: 11px 19px;
color: #616875;
line-height: 2;
}
form.search-box .select-form .nice-select .list,
form.search-box .select-form .nice-select.open .list {
width: 100%;
}
form.search-box .select-form .nice-select::after {
border-bottom: 2px solid #a9b6cd;
border-right: 2px solid #a9b6cd;
height: 9px;
width: 9px;
margin-top: -4px;
right: 21px;
}
form.search-box .search-form {
width: 17%;
}
form.search-box .search-form a {
width: 100%;
height: 55px;
background: #fde02f;
line-height: 24px;
text-align: center;
color: #000;
display: block;
padding: 15px;
border-radius: 5px;
text-transform: uppercase;
font-family: "Google Sans", sans-serif;
letter-spacing: 0.1em;
font-size: 14px;
}
.popup_box {
background: #fff;
display: inline-block;
z-index: 9;
width: 681px;
padding: 60px 40px;
}
.popup_box h3 {
text-align: center;
font-size: 22px;
color: #1f1f1f;
margin-bottom: 46px;
}
.popup_box .boxed-btn3 {
width: 100%;
text-transform: capitalize;
}
.popup_box .nice-select {
background-color: #fff;
border: solid 1px #e2e2e2;
box-sizing: border-box;
clear: both;
cursor: pointer;
display: block;
float: left;
font-family: "Inter", sans-serif;
width: 100% !important;
line-height: 50px;
outline: none;
padding-left: 18px;
padding-right: 30px;
position: relative;
text-align: left !important;
transition: all 0.2s ease-in-out;
user-select: none;
white-space: nowrap;
border-radius: 0;
margin-bottom: 30px;
height: 50px !important;
font-size: 16px;
font-weight: 400;
color: #919191;
}
.popup_box .nice-select::after {
content: "\f0d7";
display: block;
height: 5px;
margin-top: -5px;
pointer-events: none;
position: absolute;
right: 17px;
top: 3px;
transition: all 0.15s ease-in-out;
width: 5px;
font-family: fontawesome;
color: #919191;
font-size: 15px;
}
.popup_box .nice-select.open .list,
.popup_box .nice-select.list {
height: 200px;
overflow-y: scroll;
}
#test-form {
display: inline-block;
margin: auto;
text-align: center;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
#test-form .mfp-close-btn-in .mfp-close,
#test-form button.mfp-close {
display: none !important;
}
.mfp-bg {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1042;
overflow: hidden;
position: fixed;
background: #4a3600;
opacity: 0.6;
}
.default-select, .form-select {
height: 40px;
}
.form-select {
width: 100%;
}
.default-select .nice-select,
.form-select .nice-select {
border: none;
border-radius: 0px;
height: 40px;
background: #f9f9ff;
padding-right: 40px;
}
.default-select .nice-select {
padding-left: 20px;
}
.form-select .nice-select {
padding-left: 45px;
width: 100%;
}
.default-select .nice-select .list,
.form-select .nice-select .list {
margin-top: 0;
border: none;
border-radius: 0px;
box-shadow: none;
width: 100%;
padding: 10px 0 10px 0px;
}
.default-select .nice-select .list .option,
.form-select .nice-select .list .option {
font-weight: 300;
transition: all 0.3s ease 0s;
line-height: 28px;
min-height: 28px;
font-size: 12px;
}
.default-select .nice-select .list .option {
padding-left: 20px;
}
.form-select .nice-select .list .option {
padding-left: 45px;
}
.default-select .nice-select .list .option.selected,
.default-select .nice-select .list .option:hover,
.form-select .nice-select .list .option.selected,
.form-select .nice-select .list .option:hover {
color: #222;
background: transparent;
}
.default-select .current,
.form-select .current {
margin-right: 50px;
font-weight: 300;
}
.default-select .nice-select::after,
.form-select .nice-select::after {
right: 20px;
}
.single-input,
.single-input-primary,
.single-input-accent,
.single-input-secondary {
display: block;
width: 100%;
line-height: 40px;
outline: none;
background: #f9f9ff;
padding: 0 20px;
border: 1px solid transparent;
}
.single-input {
border: none;
}
.single-input-primary:focus {
border: 1px solid #222;
}
.single-input-accent:focus {
border: 1px solid #eb6b55;
}
.single-input-secondary:focus {
border: 1px solid #f09359;
}
.input-group-icon {
position: relative;
}
.input-group-icon .icon {
position: absolute;
left: 20px;
top: 0;
line-height: 40px;
z-index: 3;
}
.input-group-icon .icon i {
color: #797979;
}
.input-group-icon .single-input {
padding-left: 45px;
}
.single-textarea {
display: block;
width: 100%;
line-height: 40px;
border: none;
outline: none;
background: #f9f9ff;
padding: 0 20px;
height: 100px;
resize: none;
}
.default-switch, .primary-switch, .confirm-switch {
width: 35px;
height: 17px;
border-radius: 8.5px;
background: #f9f9ff;
position: relative;
cursor: pointer;
}
.default-switch input,
.primary-switch input,
.confirm-switch input {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
opacity: 0;
cursor: pointer;
}
.default-switch input + label {
position: absolute;
top: 1px;
left: 1px;
width: 15px;
height: 15px;
border-radius: 50%;
background: #222;
transition: all 0.2s;
box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.2);
cursor: pointer;
}
.default-switch input:checked + label {
left: 19px;
}
.primary-switch input + label,
.confirm-switch input + label {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
}
.primary-switch input + label:before,
.confirm-switch input + label:before {
content: "";
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
background: transparent;
border-radius: 8.5px;
cursor: pointer;
transition: all 0.2s;
}
.primary-switch input + label:after,
.confirm-switch input + label:after {
content: "";
position: absolute;
top: 1px;
left: 1px;
width: 15px;
height: 15px;
border-radius: 50%;
background: #fff;
transition: all 0.2s;
box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.2);
cursor: pointer;
}
.primary-switch input:checked + label:after,
.confirm-switch input:checked + label:after {
left: 19px;
}
.primary-switch input:checked + label:before {
background: #222;
}
.confirm-switch input:checked + label:before {
background: #4cd3e3;
}
.primary-checkbox, .confirm-checkbox, .disabled-checkbox {
width: 16px;
height: 16px;
border-radius: 3px;
background: #f9f9ff;
position: relative;
cursor: pointer;
}
.primary-checkbox input,
.confirm-checkbox input,
.disabled-checkbox input {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
opacity: 0;
}
.primary-checkbox input + label,
.confirm-checkbox input + label,
.disabled-checkbox input + label {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
border-radius: 3px;
cursor: pointer;
border: 1px solid #f1f1f1;
}
.primary-checkbox input:checked + label {
background: url(../img/elements/primary-check.png) no-repeat center center/cover;
border: none;
}
.confirm-checkbox input:checked + label {
background: url(../img/elements/success-check.png) no-repeat center center/cover;
border: none;
}
.disabled-checkbox input:disabled {
cursor: not-allowed;
z-index: 3;
}
.disabled-checkbox input:checked + label {
background: url(../img/elements/disabled-check.png) no-repeat center center/cover;
border: none;
}
.primary-radio, .confirm-radio, .disabled-radio {
width: 16px;
height: 16px;
border-radius: 8px;
background: #f9f9ff;
position: relative;
cursor: pointer;
}
.primary-radio input,
.confirm-radio input,
.disabled-radio input {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
opacity: 0;
}
.primary-radio input + label,
.confirm-radio input + label,
.disabled-radio input + label {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
border-radius: 8px;
cursor: pointer;
border: 1px solid #f1f1f1;
}
.primary-radio input:checked + label {
background: url(../img/elements/primary-radio.png) no-repeat center center/cover;
border: none;
}
.confirm-radio input:checked + label {
background: url(../img/elements/success-radio.png) no-repeat center center/cover;
border: none;
}
.disabled-radio input:disabled {
cursor: not-allowed;
z-index: 3;
}
.disabled-radio input:checked + label {
background: url(../img/elements/disabled-radio.png) no-repeat center center/cover;
border: none;
}

/* ==========================================================================
9. CARDS, PLACES & RENTALS
========================================================================== */
.favourite-place .single-place .place-img {
overflow: hidden;
border-radius: 6px 6px 0 0;
}
.favourite-place .single-place .place-img img {
width: 100%;
transition: all 0.5s ease-out 0s;
}
.single-place:hover .place-img img {
transform: scale(1.1);
}
.favourite-place .single-place .place-cap {
padding: 28px 40px;
border: 1px solid #f0f1f2;
border-top: 0;
}
.favourite-place .single-place .place-cap .place-cap-top {
border-bottom: 1px solid #f6f7f7;
margin-bottom: 24px;
}
.favourite-place .single-place .place-cap .place-cap-top span {
margin-bottom: 5px;
display: inline-block;
}
.favourite-place .single-place .place-cap .place-cap-top span i {
color: #ffa800;
font-size: 18px;
margin-right: 10px;
}
.favourite-place .single-place .place-cap .place-cap-top span span {
font-family: "Google Sans", sans-serif;
color: #939ca3;
font-size: 16px;
}
.favourite-place .single-place .place-cap .place-cap-top h3 a {
font-weight: 600;
font-size: 24px;
color: #072740;
line-height: 1.2;
margin-bottom: 20px;
}
.favourite-place .single-place .place-cap .place-cap-top h3 a:hover {
color: #014b85;
}
.favourite-place .single-place .place-cap .place-cap-top p.dolor {
color: #4cafa4;
font-weight: 600;
font-family: "Google Sans", sans-serif;
font-size: 20px;
}
.favourite-place .single-place .place-cap .place-cap-top p.dolor span {
color: #99a1a7;
font-size: 16px;
}
.favourite-place .single-place .place-cap .place-cap-bottom ul li {
display: inline-block;
margin-right: 18px;
color: #9da5ab;
}
.favourite-place .single-place .place-cap .place-cap-bottom ul li i {
padding-right: 8px;
}
.rental_content {
background: #fff;
border-radius: 15px;
border: 1px solid #e1ddde;
padding-left: 15px;
padding-right: 15px;
margin-bottom: 20px;
}
.main_image {
height: 240px;
}
.main_image img {
max-height: 100%;
max-width: 100%;
}
.card-img {
width: 100%;
height: auto;
border-radius: 15px !important;
}
.card-title {
margin-bottom: 5px;
font-family: 'Inter', serif;
font-size: 20px;
font-weight: 600;
color: #000 !important;
}
.price_info {
margin-bottom: 20px;
height: 100px;
position: relative;
top: 25px;
}
.price_text {
padding: 4px;
text-align: center;
margin-top: 4px;
margin-bottom: 8px;
font-family: 'Inter', sans-serif;
font-weight: 500;
font-size: 14px;
color: #000;
}
p.card-text {
font-family: 'Inter', sans-serif;
font-weight: 500;
font-size: 14px;
color: #000;
}
.amount {
background: #fff !important;
font-family: 'Google Sans', sans-serif;
font-size: 30px;
height: 53px;
font-weight: 400;
text-align: center;
color: #000;
}
.amount_info {
border-left: 1px solid #ddd;
}
.image_info, .content_info {
padding: 25px;
}
.btn_info {
text-align: center;
}
.btn_info .fa {
position: relative;
left: 5px;
top: 1.4px;
}
.room_info {
padding-top: 10px;
margin-top: 20px;
}
.room_info .icon, .room_info .text {
text-align: center;
}
.room_info .border_line {
border-right: 1px solid #ddd;
}
.icon, .text {
font-family: 'Inter', serif;
font-size: 14.5px;
font-weight: 500;
color: #000 !important;
}
.star_details {
padding: 20px 20px 25px 20px;
border: 1px solid #ddd;
border-top: none !important;
}
.star_details p.address {
margin-top: 5px;
margin-bottom: 12px;
font-size: 14px;
font-family: 'Inter', sans-serif;
font-weight: 500;
color: #000;
line-height: 20px;
}
.star_details .genric-btn.small {
position: relative;
left: 55px;
bottom: 16px;
padding: 7px 10px;
}
.top_5_stars .col-md-3 {
max-width: 19.9%;
padding-right: 0px;
}
.top_5_stars .star_hotels,
.top_5_stars .star_hotels img {
height: 170px;
}
.sevennights {
font-family: 'Inter', sans-serif;
font-weight: 500;
color: #000;
font-size: 14px;
}
.pric {
font-family: 'Google Sans', sans-serif;
font-size: 17px;
font-weight: bold;
}
.pric_c {
font-family: 'Google Sans', sans-serif;
}
.p12 {
border: 1px solid #ffffff;
padding: 10px 6px;
font-size: 28px;
position: relative;
top: 1px;
left: 0px;
color: #000000;
font-weight: 500;
}
.price_info1 {
padding-top: 25px;
}
.price_info1 .p12 {
margin-right: 30px;
}
.p97 {
position: relative;
right: 5px;
}
.p97 .genric-btn.large {
height: 44px;
}
.second_details {
text-align: center;
border: none;
}
.second_details .price_info1 {
padding-top: 12px;
}
.second_details p.address {
font-size: 14px;
font-family: 'Inter', sans-serif;
font-weight: 500;
color: #000;
line-height: 20px;
}
.rate {
margin-top: 10px;
}
.view_more {
margin-top: 55px;
text-align: center;
}
.view_more .green {
background: #ffbf00 !important;
}
.holiday_rental_area {
margin-top: 40px;
padding-bottom: 60px;
}
.dog_area h2, .by_sea_area h2, .holiday_rental_area h2 {
margin-top: 15px;
margin-bottom: 40px;
}

/* ==========================================================================
10. BLOG & COMMENTS
========================================================================== */
.blog_area {
background: #fff;
padding-top: 50px;
padding-bottom: 0px;
}
.blog_area a {
color: "Google Sans" !important;
text-decoration: none;
transition: 0.4s;
}
.blog_area a:hover,
.blog_area a :hover {
background: -webkit-linear-gradient(131deg, #818725 0%, #818725 99%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
text-decoration: underline;
transition: 0.4s;
}
.single-blog {
overflow: hidden;
margin-bottom: 30px;
}
.single-blog:hover {
box-shadow: 0px 10px 20px 0px rgba(42, 34, 123, 0.1);
}
.single-blog .thumb {
overflow: hidden;
position: relative;
}
.single-blog .thumb:after {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: #000;
opacity: 0;
transition: all 0.3s ease-out 0s;
}
.single-blog:hover .thumb:after {
opacity: 0.7;
}
.single-blog h4 {
border-bottom: 1px solid #dfdfdf;
padding-bottom: 34px;
margin-bottom: 25px;
}
.single-blog a {
font-size: 20px;
font-weight: 600;
}
.single-blog .date {
color: #666666;
text-align: left;
display: inline-block;
font-size: 13px;
font-weight: 300;
}
.single-blog .tag {
text-align: left;
display: inline-block;
float: left;
font-size: 13px;
font-weight: 300;
margin-right: 22px;
position: relative;
}
.single-blog .tag:after {
content: "";
position: absolute;
width: 1px;
height: 10px;
background: #acacac;
right: -12px;
top: 7px;
}
.single-blog .likes {
margin-right: 16px;
}
.single-blog .single-blog-content {
padding: 30px;
}
.single-blog .single-blog-content .meta-bottom p {
font-size: 13px;
font-weight: 300;
}
.single-blog .single-blog-content .meta-bottom i {
color: #fdcb9e;
font-size: 13px;
margin-right: 7px;
}
.full_image.single-blog {
position: relative;
}
.full_image.single-blog .single-blog-content {
position: absolute;
left: 35px;
bottom: 0;
opacity: 0;
visibility: hidden;
transition: all 0.3s ease-out 0s;
}
.full_image.single-blog h4 {
transition: all 0.3s ease-out 0s;
border-bottom: none;
padding-bottom: 5px;
}
.full_image.single-blog a {
font-size: 20px;
font-weight: 600;
}
.full_image.single-blog .date {
color: #fff;
}
.full_image.single-blog:hover .single-blog-content {
opacity: 1;
visibility: visible;
}
.blog-area .single-blog {
box-shadow: 1.395px 19.951px 38px 0px rgba(0, 0, 0, 0.05);
transition: 0.4s;
}
.blog-area .single-blog:hover .blog-img img {
transform: rotate(1deg) scale(1.1);
}
.blog-area .single-blog .blog-img {
overflow: hidden;
}
.blog-area .single-blog .blog-img img {
width: 100%;
transform: rotate(0deg) scale(1);
transition: all 0.4s ease-out 0s;
}
.blog-area .single-blog .blog-caption {
padding: 22px 40px 20px 40px;
}
.blog-area .single-blog .blog-caption .blog-cap-top span {
color: #fff;
background: #014b85;
padding: 4px 13px;
text-transform: uppercase;
font-size: 14px;
font-weight: 300;
border-radius: 5px;
}
.blog-area .single-blog .blog-caption .blog-cap-top ul li {
color: #c7c7c7;
font-size: 14px;
font-family: "Lato", sans-serif;
}
.blog-area .single-blog .blog-caption .blog-cap-top ul li a {
color: #014b85;
font-size: 14px;
}
.blog-area .single-blog .blog-caption .blog-cap-mid p a {
color: #444444;
font-size: 18px;
font-family: "Lato", sans-serif;
line-height: 28px;
margin-bottom: 30px;
}
.blog-area .single-blog .blog-caption .blog-cap-mid p a:hover {
color: #014b85;
}
.blog-area .single-blog .blog-caption .blog-cap-bottom {
padding-top: 20px;
border-top: 1px solid #f9f9f9;
}
.blog-area .single-blog .blog-caption .blog-cap-bottom span {
color: #adadad;
font-size: 14px;
}
.blog-area .single-blog .blog-caption .blog-cap-bottom span img {
margin-right: 5px;
}
.blog_item {
margin-bottom: 50px;
border-radius: 15px !important;
}
.blog_details.star_details {
    padding: 20px !important;
    border-radius: 0px 0px 15px 15px;
}
.blog_details {
padding: 15px 0px 30px 0px;
box-shadow: none;
}
.blog_details p {
margin-bottom: 10px;
}
.blog_details p.address {
margin-bottom: 4px;
}
.blog_details p i.fa-star {
font-size: 12px;
color: #fdcd22;
}
.blog_details a {
color: #ff8b23;
}
.blog_details a:hover {
color: #014b85;
}
.blog_details p a, td a {
color: blue !important;
}
.blog_details h2 {
font-size: 18px;
font-weight: 600;
margin-bottom: 8px;
}
.blog_item_img {
height: 250px;
overflow: hidden;
position: relative;
}
.blog_item_img img {
max-width: 100%;
height: 250px;
}
.blog_item_img .blog_item_date {
position: absolute;
bottom: -10px;
left: 10px;
display: block;
color: #fff;
background-color: #014b85;
padding: 8px 15px;
border-radius: 5px;
}
.blog_item_img .blog_item_date h3 {
font-size: 22px;
font-weight: 600;
color: #fff;
margin-bottom: 0;
line-height: 1.2;
}
.blog_item_img .blog_item_date p {
font-size: 18px;
margin-bottom: 0;
color: #fff;
}
.blog-info-link li {
float: left;
font-size: 14px;
}
.blog-info-link li a {
color: #999999;
}
.blog-info-link li i,
.blog-info-link li span {
font-size: 13px;
margin-right: 5px;
}
.blog-info-link li::after {
content: "|";
padding-left: 10px;
padding-right: 10px;
}
.blog-info-link li:last-child::after {
display: none;
}
.blog-info-link::after {
content: "";
display: table;
clear: both;
}
.home-blog-area .home-blog-single .blog-img-cap .blog-img {
overflow: hidden;
}
.home-blog-area .home-blog-single .blog-img-cap .blog-img img {
width: 100%;
transform: scale(1);
transition: all 0.5s ease-out 0s;
}
.home-blog-single:hover .blog-img img {
transform: scale(1.1);
}
.home-blog-area .home-blog-single .blog-img-cap .blog-cap {
margin-top: -45px;
width: 75%;
background: #fff;
padding: 37px 129px 37px 45px;
position: relative;
right: 0;
float: right;
border: 1px solid #f7f7f7;
}
.home-blog-area .home-blog-single .blog-img-cap .blog-cap h3 a {
color: #191d34;
font-size: 24px;
font-weight: 600;
line-height: 1.4;
margin-bottom: 20px;
display: block;
}
.home-blog-area .home-blog-single .blog-img-cap .blog-cap h3 a:hover {
color: #014b85;
}
.home-blog-area .home-blog-single .blog-img-cap .blog-cap .more-btn {
text-transform: uppercase;
font-size: 14px;
font-family: "Google Sans", sans-serif;
color: #3a3a3a;
}
.home-blog-area .home-blog-single .blog-img-cap .blog-cap .more-btn:hover {
color: #014b85;
}
.home-blog-area .home-blog-single .blog-date {
background: #014b85;
padding: 15px 34px;
display: inline-block;
margin-top: 30px;
justify-content: center;
}
.home-blog-area .home-blog-single .blog-date span {
color: #fff;
font-size: 25px;
font-weight: 600;
line-height: 1;
margin: 0;
}
.home-blog-area .home-blog-single .blog-date p {
color: #fff;
margin: 0;
}

/* Sidebar Widgets */
.blog_right_sidebar .widget_title {
font-size: 20px;
margin-bottom: 40px;
}
.blog_right_sidebar .widget_title::after {
content: "";
display: block;
padding-top: 8px;
border-bottom: 1px solid #f0e9ff;
}
.blog_right_sidebar .single_sidebar_widget {
background: #fbf9ff;
padding: 30px;
margin-bottom: 30px;
}
.blog_right_sidebar .single_sidebar_widget .btn_1 {
margin-top: 0px;
}
.blog_right_sidebar .search_widget .form-control {
height: 50px;
border-color: #f0e9ff;
font-size: 13px;
color: #999999;
padding-left: 20px;
border-radius: 0;
border-right: 0;
}
.blog_right_sidebar .search_widget .form-control::placeholder {
color: #999999;
}
.blog_right_sidebar .search_widget .form-control:focus {
border-color: #f0e9ff;
outline: 0;
box-shadow: none;
}
.blog_right_sidebar .search_widget .input-group button {
background: #014b85;
border: 1px solid #f0e9ff;
padding: 4px 15px;
border-left: 0;
cursor: pointer;
}
.blog_right_sidebar .search_widget .input-group button i {
color: #fff;
}
.blog_right_sidebar .search_widget .input-group button span {
font-size: 14px;
color: #999999;
}
.blog_right_sidebar .newsletter_widget .form-control {
height: 50px;
border-color: #f0e9ff;
font-size: 13px;
color: #999999;
padding-left: 20px;
border-radius: 0;
}
.blog_right_sidebar .newsletter_widget .form-control::placeholder {
color: #999999;
}
.blog_right_sidebar .newsletter_widget .form-control:focus {
border-color: #f0e9ff;
outline: 0;
box-shadow: none;
}
.blog_right_sidebar .newsletter_widget .input-group button {
background: #fff;
border: 1px solid #f0e9ff;
padding: 4px 15px;
border-left: 0;
}
.blog_right_sidebar .newsletter_widget .input-group button i,
.blog_right_sidebar .newsletter_widget .input-group button span {
font-size: 14px;
color: #fff;
}
.blog_right_sidebar .post_category_widget .cat-list li {
border-bottom: 1px solid #f0e9ff;
transition: all 0.3s ease 0s;
padding-bottom: 12px;
}
.blog_right_sidebar .post_category_widget .cat-list li:last-child {
border-bottom: 0;
}
.blog_right_sidebar .post_category_widget .cat-list li a {
font-size: 14px;
line-height: 20px;
color: #888888;
}
.blog_right_sidebar .post_category_widget .cat-list li a p {
margin-bottom: 0px;
}
.blog_right_sidebar .post_category_widget .cat-list li + li {
padding-top: 15px;
}
.blog_right_sidebar .popular_post_widget .post_item .media-body {
justify-content: center;
align-self: center;
padding-left: 20px;
}
.blog_right_sidebar .popular_post_widget .post_item .media-body h3 {
font-size: 16px;
line-height: 20px;
margin-bottom: 6px;
transition: all 0.3s linear;
}
.blog_right_sidebar .popular_post_widget .post_item .media-body a:hover {
color: #fff;
}
.blog_right_sidebar .popular_post_widget .post_item .media-body p {
font-size: 14px;
line-height: 21px;
margin-bottom: 0px;
}
.blog_right_sidebar .popular_post_widget .post_item + .post_item {
margin-top: 20px;
}
.blog_right_sidebar .tag_cloud_widget ul li {
display: inline-block;
}
.blog_right_sidebar .tag_cloud_widget ul li a {
display: inline-block;
border: 1px solid #eeeeee;
background: #fff;
padding: 4px 20px;
margin-bottom: 8px;
margin-right: 3px;
transition: all 0.3s ease 0s;
color: #888888;
font-size: 13px;
}
.blog_right_sidebar .tag_cloud_widget ul li a:hover {
background: #014b85;
color: #fff !important;
text-decoration: none;
transition: 0.5s;
}
.blog_right_sidebar .instagram_feeds .instagram_row {
display: flex;
margin-right: -6px;
margin-left: -6px;
}
.blog_right_sidebar .instagram_feeds .instagram_row li {
width: 33.33%;
float: left;
padding-right: 6px;
padding-left: 6px;
margin-bottom: 15px;
}
.blog_right_sidebar .br {
width: 100%;
height: 1px;
background: #eee;
margin: 30px 0px;
}

/* Comments & Posts */
.single-post-area .blog_details {
box-shadow: none;
padding: 26px 0 0 0;
}
.single-post-area .social-links {
padding-top: 10px;
}
.single-post-area .social-links li {
display: inline-block;
margin-bottom: 10px;
}
.single-post-area .social-links li a {
color: #cccccc;
padding: 7px;
font-size: 14px;
transition: all 0.2s linear;
}
.single-post-area .blog_details p {
margin-bottom: 20px;
font-size: 15px;
}
.single-post-area .quote-wrapper {
background: rgba(130, 139, 178, 0.1);
padding: 15px;
line-height: 1.733;
color: #888888;
font-style: italic;
margin-top: 25px;
margin-bottom: 25px;
}
.single-post-area .quotes {
background: #fff;
padding: 15px 15px 15px 20px;
border-left: 2px solid;
}
.single-post-area .arrow {
position: absolute;
}
.single-post-area .arrow .lnr {
font-size: 20px;
font-weight: 600;
}
.single-post-area .thumb .overlay-bg {
background: rgba(0, 0, 0, 0.8);
}
.single-post-area .navigation-top {
padding-top: 15px;
border-top: 1px solid #f0e9ff;
}
.single-post-area .navigation-top p {
margin-bottom: 0;
}
.single-post-area .navigation-top .like-info,
.single-post-area .navigation-top .comment-count {
font-size: 14px;
}
.single-post-area .navigation-top .like-info i,
.single-post-area .navigation-top .like-info span,
.single-post-area .navigation-top .comment-count i,
.single-post-area .navigation-top .comment-count span {
font-size: 16px;
margin-right: 5px;
}
.single-post-area .navigation-top .social-icons li {
display: inline-block;
margin-right: 15px;
}
.single-post-area .navigation-top .social-icons li:last-child {
margin: 0;
}
.single-post-area .navigation-top .social-icons li i,
.single-post-area .navigation-top .social-icons li span {
font-size: 14px;
color: #999999;
}
.single-post-area .blog-author {
padding: 40px 30px;
background: #fbf9ff;
margin-top: 50px;
}
.single-post-area .blog-author img {
width: 90px;
height: 90px;
border-radius: 50%;
margin-right: 30px;
}
.single-post-area .blog-author a {
display: inline-block;
}
.single-post-area .blog-author a:hover {
color: #014b85;
}
.single-post-area .blog-author p {
margin-bottom: 0;
font-size: 15px;
}
.single-post-area .blog-author h4 {
font-size: 16px;
}
.single-post-area .navigation-area {
border-bottom: 1px solid #eee;
padding-bottom: 30px;
margin-top: 55px;
}
.single-post-area .navigation-area p {
margin-bottom: 0px;
}
.single-post-area .navigation-area h4 {
font-size: 18px;
line-height: 25px;
}
.single-post-area .navigation-area .nav-left {
text-align: left;
}
.single-post-area .navigation-area .nav-left .thumb {
margin-right: 20px;
background: #000;
}
.single-post-area .navigation-area .nav-left .thumb img,
.single-post-area .navigation-area .nav-right .thumb img {
transition: all 0.3s ease-out 0s;
}
.single-post-area .navigation-area .nav-left .lnr {
margin-left: 20px;
opacity: 0;
transition: all 0.3s ease-out 0s;
}
.single-post-area .navigation-area .nav-left:hover .lnr {
opacity: 1;
}
.single-post-area .navigation-area .nav-left:hover .thumb img,
.single-post-area .navigation-area .nav-right:hover .thumb img {
opacity: 0.5;
}
.single-post-area .navigation-area .nav-right {
text-align: right;
}
.single-post-area .navigation-area .nav-right .thumb {
margin-left: 20px;
background: #000;
}
.single-post-area .navigation-area .nav-right .lnr {
margin-right: 20px;
opacity: 0;
transition: all 0.3s ease-out 0s;
}
.single-post-area .navigation-area .nav-right:hover .lnr {
opacity: 1;
}
.comments-area {
background: transparent;
border-top: 1px solid #eee;
padding: 45px 0;
margin-top: 50px;
}
.comments-area h4 {
margin-bottom: 35px;
font-size: 18px;
}
.comments-area h5 {
font-size: 16px;
margin-bottom: 0px;
}
.comments-area .comment-list {
padding-bottom: 48px;
}
.comments-area .comment-list:last-child {
padding-bottom: 0px;
}
.comments-area .comment-list.left-padding {
padding-left: 25px;
}
.comments-area .thumb {
margin-right: 20px;
}
.comments-area .thumb img {
width: 70px;
border-radius: 50%;
}
.comments-area .date {
font-size: 14px;
color: #999999;
margin-bottom: 0;
margin-left: 20px;
}
.comments-area .comment {
margin-bottom: 10px;
color: #777777;
font-size: 15px;
}
.comments-area .btn-reply {
background-color: transparent;
color: #888888;
padding: 5px 18px;
font-size: 14px;
display: block;
font-weight: 400;
}
.comment-form {
border-top: 1px solid #eee;
padding-top: 45px;
margin-top: 50px;
margin-bottom: 20px;
}
.comment-form .form-group {
margin-bottom: 30px;
}
.comment-form h4 {
margin-bottom: 40px;
font-size: 18px;
line-height: 22px;
}
.comment-form .name {
padding-left: 0px;
}
.comment-form .email {
padding-right: 0px;
}
.comment-form .form-control {
border: 1px solid #f0e9ff;
border-radius: 5px;
height: 48px;
padding-left: 18px;
font-size: 13px;
background: transparent;
}
.comment-form .form-control:focus {
outline: 0;
box-shadow: none;
}
.comment-form .form-control::placeholder {
color: #777777;
font-weight: 300;
}
.comment-form textarea {
padding-top: 18px;
border-radius: 12px;
height: 100% !important;
}

/* ==========================================================================
11. TEAM & SERVICES
========================================================================== */
.team-profile {
background: #f6f9fe;
}
.team-profile .single-profile .single-profile-front {
position: relative;
top: 0;
backface-visibility: hidden;
transition: transform 0.5s linear;
transform: perspective(600px) rotateY(0deg);
}
.team-profile .single-profile .single-profile-front .profile-img {
overflow: hidden;
}
.team-profile .single-profile .single-profile-front .profile-img img {
width: 100%;
margin-bottom: 30px;
transition: 0.4s;
border-bottom: 7px solid transparent;
transform: scale(1);
}
.team-profile .single-profile .single-profile-front .profile-img img:hover {
border-bottom: 7px solid #014b85;
transform: scale(1.1);
}
.team-profile .single-profile .single-profile-front .profile-caption {
overflow: hidden;
}
.team-profile .single-profile .single-profile-front .profile-caption h4 a {
color: #191d34;
font-size: 25px;
font-weight: 600;
margin-bottom: 23px;
display: block;
}
.team-profile .single-profile .single-profile-front .profile-caption h4 a:hover {
color: #014b85;
}
.team-profile .single-profile .single-profile-back {
border: 4px solid #014b85;
padding: 31px 32px 48px 52px;
background: #fff;
top: 0;
position: absolute;
transform: perspective(600px) rotateY(180deg);
backface-visibility: hidden;
overflow: hidden;
transition: transform 0.5s linear;
}
.team-profile .single-profile .single-profile-back h2 {
color: #191d34;
font-size: 40px;
font-weight: 700;
line-height: 1.3;
margin-bottom: 30px;
position: relative;
display: block;
padding-bottom: 29px;
}
.team-profile .single-profile .single-profile-back h2::before {
content: "";
position: absolute;
width: 100px;
height: 4px;
background: #014b85;
left: 0;
bottom: 0;
}
.team-profile .single-profile .single-profile-back p {
margin-bottom: 30px;
}
.team-profile .single-profile .single-profile-back a {
color: #191d34;
}
.team-profile .single-profile .single-profile-back a:hover {
color: #014b85;
}
.single-profile:hover .single-profile-front {
transform: perspective(600px) rotateY(-180deg);
}
.single-profile:hover .single-profile-back {
transform: perspective(600px) rotateY(0deg);
}
.single-profile:hover .single-profile-front-last {
transform: perspective(600px) rotateY(0deg);
}
.single-profile:hover .single-profile-back-last {
transform: perspective(600px) rotateY(-180deg);
}
.our-services .single-services {
border: 1px solid #dafcef;
padding: 44px 0;
transition: 0.4s;
}
.our-services .single-services:hover {
box-shadow: 0px 10px 30px 0px rgba(133, 66, 189, 0.1);
}
.our-services .single-services .services-ion span {
font-size: 60px;
margin-bottom: 13px;
color: #014b85;
}
.our-services .single-services .services-cap h5 {
font-weight: 600;
font-size: 18px;
color: #001f38;
line-height: 1.4;
}

/* ==========================================================================
12. FACILITIES, DETAILS & TABLES
========================================================================== */
.facilities_content {
box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0.15), 0 0px 20px 0 rgba(0, 0, 0, 0.1);
padding: 30px;
margin-top: 30px;
border-radius: 5px;
border: 1px solid #ddd;
}
.badge-info {
background: #37b2b4;
padding: 5px 12px;
border-radius: 7px;
margin-bottom: 12px;
}
.facilities_content ul li i,
.inner_facilities_content ul li i {
color: #37b2b4;
}
.inner_facilities_content {
background: #f2f2f2;
padding: 35px 50px;
}
.inner_facilities_landmark {
background: #f2f2f2;
border: 1px solid #ddd;
}
.home_facilities_content {
margin-bottom: 30px;
}
.home_facilities_content .title {
background: #141d35;
color: #fff;
padding: 6px 15px;
text-transform: uppercase;
font-size: 18px;
}
.home_facilities_content ul {
padding: 25px;
position: relative;
bottom: 6px;
background: #fff;
}
.home_facilities_content .col-md-3 {
padding-right: 0px;
border-right: 1px solid #f2f2f2;
}
.home_facilities_content .s1 {
padding-left: 0px;
}
.home_facilities_content ul li {
line-height: 30px;
}
.home_facilities_content ul li .fa-check {
padding-right: 10px;
color: #f68641;
}
.home_facilities_content h4 {
font-family: 'Inter', sans-serif;
font-weight: bold;
font-size: 16px;
}
.list_content ul li {
font-family: 'Inter', sans-serif;
font-weight: 500;
font-size: 15px;
color: #000;
}
.list_content .fa-check {
font-size: 13px;
color: #00aa6c;
padding-right: 6px;
}
.table {
width: 100%;
margin-bottom: 0px;
background-color: transparent;
}
.table td {
border-top: none;
}
.table-striped tbody tr:nth-of-type(odd) {
background-color: rgba(0, 0, 0, .05);
}
.table-striped tbody tr:nth-of-type(even) {
background-color: #fff;
}
.inner_features .table tr {
border-bottom: 1px solid #ddd;
margin-bottom: 6px;
}
.inner_features .table td {
padding: 10px 0px;
}
.faq_content {
border: 1px solid #ddd;
padding: 25px 30px;
margin-bottom: 20px;
background: #fff;
}
.faq_content h4 {
font-family: 'Inter', serif;
font-size: 20px;
font-weight: 600;
color: #000 !important;
}
.faq_content a {
color: #000000;
font-weight: bold;
text-decoration: underline;
}
.faq_content a:hover {
color: #818725;
text-decoration: underline;
}
.inner_faq .faq_content {
box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0.15), 0 0px 20px 0 rgba(0, 0, 0, 0.1);
border: none;
}
.multiple_section p a,
.box_1170 p a {
color: #0000FF;
}
.dots_design ul li a {
color: #0000FF !important;
}
.progress-table-wrap {
overflow-x: scroll;
}
.progress-table {
background: #f9f9ff;
padding: 15px 0px 30px 0px;
min-width: 800px;
}
.progress-table .serial { width: 11.83%; padding-left: 30px; }
.progress-table .country { width: 28.07%; }
.progress-table .visit { width: 19.74%; }
.progress-table .percentage { width: 40.36%; padding-right: 50px; }
.progress-table .table-head { display: flex; }
.progress-table .table-head .serial,
.progress-table .table-head .country,
.progress-table .table-head .visit,
.progress-table .table-head .percentage {
color: #415094;
line-height: 40px;
text-transform: uppercase;
font-weight: 500;
}
.progress-table .table-row {
padding: 15px 0;
border-top: 1px solid #edf3fd;
display: flex;
}
.progress-table .table-row .serial,
.progress-table .table-row .country,
.progress-table .table-row .visit,
.progress-table .table-row .percentage {
display: flex;
align-items: center;
}
.progress-table .table-row .percentage .progress {
width: 80%;
border-radius: 0px;
background: transparent;
}
.progress-table .table-row .percentage .progress .progress-bar {
height: 5px;
line-height: 5px;
}
.progress-table .table-row .percentage .progress .progress-bar.color-1 { background-color: #6382e6; }
.progress-table .table-row .percentage .progress .progress-bar.color-2 { background-color: #e66686; }
.progress-table .table-row .percentage .progress .progress-bar.color-3 { background-color: #f09359; }
.progress-table .table-row .percentage .progress .progress-bar.color-4 { background-color: #73fbaf; }
.progress-table .table-row .percentage .progress .progress-bar.color-5 { background-color: #73fbaf; }
.progress-table .table-row .percentage .progress .progress-bar.color-6 { background-color: #6382e6; }
.progress-table .table-row .percentage .progress .progress-bar.color-7 { background-color: #a367e7; }
.progress-table .table-row .percentage .progress .progress-bar.color-8 { background-color: #e66686; }

/* ==========================================================================
13. TESTIMONIALS & REVIEWS
========================================================================== */
.testimonial-area {
background-size: cover;
background-repeat: no-repeat;
}
.testimonial-area .testimonial-caption .testimonial-top-cap img {
margin-bottom: 50px;
width: auto;
display: inline-block;
}
.testimonial-area .testimonial-caption .testimonial-top-cap p {
color: #00233f;
font-weight: 500;
line-height: 1.5;
padding: 0 3px;
margin-bottom: 50px;
font-size: 30px;
}
.testimonial-area .testimonial-caption .testimonial-founder .founder-text {
margin-left: 20px;
}
.testimonial-area .testimonial-caption .testimonial-founder .founder-text span,
.testimonial-area .testimonial-caption .testimonial-founder .founder-text p {
color: #fff;
font-weight: 500;
line-height: 1.5;
}
.testimonial-area .testimonial-caption .testimonial-founder .founder-text.founder-text2 span {
color: #014b85;
font-size: 24px;
font-weight: 600;
}
.testimonial-area .testimonial-caption .testimonial-founder .founder-text.founder-text2 p {
color: #6995b7;
}
.h1-testimonial-active button.slick-arrow {
position: absolute;
top: 50%;
left: -133px;
transform: translateY(-50%);
border: 0;
padding: 0;
z-index: 2;
height: 45px;
width: 45px;
line-height: 15px;
border-radius: 50%;
cursor: pointer;
font-size: 20px;
transition: 0.3s;
color: #fff;
opacity: 0;
visibility: hidden;
background: #014b85;
}
.h1-testimonial-active button.slick-next {
left: auto;
right: -133px;
}
.h1-testimonial-active:hover button.slick-prev { left: -120px; }
.h1-testimonial-active:hover button.slick-next { right: -120px; }
.h1-testimonial-active:hover button {
opacity: 1;
visibility: visible;
}
.testimonial {
margin: 20px 0;
}
.testimonial .testimonial-content {
width: 20%;
display: inline-block;
float: left;
margin-right: 5%;
}
.testimonial .title {
font-size: 16px;
font-weight: bold;
margin: 10px 0 0 0;
}
.testimonial .post {
font-size: 12px;
}
.testimonial .description {
display: inline-block;
width: 75%;
padding: 25px 20px;
border: 1px solid rgba(0, 0, 0, 0.15);
margin: 0;
position: relative;
}
.testimonial .description:before {
content: '';
display: block;
position: absolute;
top: 20px;
left: -6px;
width: 10px;
height: 10px;
background: #FFFFFF;
border-left: 1px solid #CAD5E0;
border-top: 1px solid #CAD5E0;
transform: rotate(-45deg);
}
.reviews_area {
background: #f7f5f6;
padding-top: 30px;
padding-bottom: 30px;
}
.even_design {
background: #f7f5f6;
padding-top: 30px;
}
.odd_design {
padding-top: 40px;
}

/* ==========================================================================
14. FOOTER & PAGINATION
========================================================================== */
.footer-area {
background: #f8fafe;
}
.footer_area {
background: #006642;
padding: 20px 0px 6px 0px;
}
.footer_area h3 {
color: #000 !important;
}
.footer-area.footer-bg {
background-size: cover;
background-repeat: no-repeat;
}
.footer-area .footer-logo {
margin-bottom: 18px;
}
.footer-area .footer-pera p {
color: #ced9e1;
font-size: 16px;
margin-bottom: 50px;
line-height: 1.8;
}
.footer-area .footer-pera.footer-pera2 p {
padding: 0;
}
.footer-area .footer-tittle h4 {
color: #fff;
font-size: 20px;
margin-bottom: 35px;
font-weight: 500;
text-transform: capitalize;
}
.footer-area .footer-tittle ul li {
color: #ffff;
margin-bottom: 15px;
}
.footer-area .footer-tittle ul li a {
color: #ced9e1;
font-weight: 300;
}
.footer-area .footer-tittle ul li a:hover {
color: #ffa801;
padding-left: 5px;
}
.footer-area .footer-form {
margin-top: 40px;
}
.footer-area .footer-form form {
position: relative;
}
.footer-area .footer-form form input {
width: 100%;
height: 43px;
padding: 10px 20px;
border: 1px solid #fff;
}
.footer-area .footer-form form .form-icon button {
position: absolute;
top: 0;
right: 0;
border: 0;
cursor: pointer;
padding: 13px 22px;
background: #014b85;
line-height: 1;
}
.footer-social a {
font-size: 17px;
color: #44474e;
padding: 0 10px;
}
.footer-social a i {
transition: 0.4s;
}
.footer-social a i:hover {
color: #fff;
box-shadow: 0 -3px 0 0 rgba(24, 24, 24, 0.15) inset, 0 3px 10px rgba(0, 0, 0, 0.3);
transform: translateY(-3px);
}
.footer-copy-right p {
color: #fff;
font-weight: 300;
font-size: 16px;
line-height: 2;
margin-bottom: 20px;
}
.footer-copy-right p i,
.footer-copy-right p a {
color: #ffa801 !important;
}
.footer-copy-right p a:hover {
color: #fff;
}
#scrollUp {
background: #014b85;
height: 50px;
width: 50px;
right: 31px;
bottom: 18px;
color: #fff;
font-size: 20px;
text-align: center;
border-radius: 50%;
line-height: 48px;
border: 2px solid transparent;
}
#scrollUp:hover {
color: #fff;
}
.blog-pagination {
margin-top: 80px;
}
.blog-pagination .page-link,
.pagination a,
.pagination strong {
font-size: 14px;
position: relative;
display: block;
padding: 0;
text-align: center;
margin-left: -1px;
line-height: 45px;
width: 45px;
height: 45px;
border-radius: 0 !important;
color: #8a8a8a;
border: 1px solid #f0e9ff;
margin-right: 10px;
background-color: #fbf9ff;
}
.blog-pagination .page-link i,
.blog-pagination .page-link span {
font-size: 13px;
}
.blog-pagination .page-item.active .page-link {
background-color: #fbf9ff;
border-color: #f0e9ff;
color: #888888;
}
.blog-pagination .page-item:last-child .page-link {
margin-right: 0;
}

/* ==========================================================================
15. ANIMATIONS & PRELOADER
========================================================================== */
.bounce-animate {
animation-name: float-bob;
animation-duration: 2s;
animation-iteration-count: infinite;
animation-timing-function: linear;
}
@keyframes float-bob {
0% { transform: translateY(-20px); }
50% { transform: translateY(-10px); }
100% { transform: translateY(-20px); }
}
.heartbeat {
animation: heartbeat 1s infinite alternate;
}
@keyframes heartbeat {
to { transform: scale(1.03); }
}
.rotateme {
animation-name: rotateme;
animation-duration: 30s;
animation-iteration-count: infinite;
animation-timing-function: linear;
}
@keyframes rotateme {
from { transform: rotate(0deg); }
to { transform: rotate(360deg); }
}
.preloader {
background-color: #f7f7f7;
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 999999;
transition: 0.6s;
margin: 0 auto;
}
.preloader .preloader-circle {
width: 100px;
height: 100px;
position: relative;
border-style: solid;
border-width: 3px;
border-top-color: #014b85;
border-bottom-color: transparent;
border-left-color: transparent;
border-right-color: transparent;
z-index: 10;
border-radius: 50%;
box-shadow: 0 1px 5px 0 rgba(35, 181, 185, 0.15);
background-color: #ffffff;
animation: zoom 2000ms infinite ease;
transition: 0.6s;
}
.preloader .preloader-circle2 {
border-top-color: #0078ff;
}
.preloader .preloader-img {
position: absolute;
top: 50%;
z-index: 200;
left: 0;
right: 0;
margin: 0 auto;
text-align: center;
display: inline-block;
transform: translateY(-50%);
padding-top: 6px;
transition: 0.6s;
}
.preloader .preloader-img img {
max-width: 55px;
}
.preloader .pere-text strong {
font-weight: 800;
color: #dca73a;
text-transform: uppercase;
}
@keyframes zoom {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}

/* ==========================================================================
16. SPACING UTILITIES (DESKTOP / BASE)
========================================================================== */
.mt-5 { margin-top: 5px; } .mt-10 { margin-top: 10px; } .mt-15 { margin-top: 15px; } .mt-20 { margin-top: 20px; }
.mt-25 { margin-top: 25px; } .mt-30 { margin-top: 30px; } .mt-35 { margin-top: 35px; } .mt-40 { margin-top: 40px; }
.mt-45 { margin-top: 45px; } .mt-50 { margin-top: 50px; } .mt-55 { margin-top: 55px; } .mt-60 { margin-top: 60px; }
.mt-65 { margin-top: 65px; } .mt-70 { margin-top: 70px; } .mt-75 { margin-top: 75px; } .mt-80 { margin-top: 80px; }
.mt-85 { margin-top: 85px; } .mt-90 { margin-top: 90px; } .mt-95 { margin-top: 95px; } .mt-100 { margin-top: 100px; }
.mt-105 { margin-top: 105px; } .mt-110 { margin-top: 110px; } .mt-115 { margin-top: 115px; } .mt-120 { margin-top: 120px; }
.mt-125 { margin-top: 125px; } .mt-130 { margin-top: 130px; } .mt-135 { margin-top: 135px; } .mt-140 { margin-top: 140px; }
.mt-145 { margin-top: 145px; } .mt-150 { margin-top: 150px; } .mt-155 { margin-top: 155px; } .mt-160 { margin-top: 160px; }
.mt-165 { margin-top: 165px; } .mt-170 { margin-top: 170px; } .mt-175 { margin-top: 175px; } .mt-180 { margin-top: 180px; }
.mt-185 { margin-top: 185px; } .mt-190 { margin-top: 190px; } .mt-195 { margin-top: 195px; } .mt-200 { margin-top: 200px; }

.mb-5 { margin-bottom: 5px; } .mb-10 { margin-bottom: 10px; } .mb-15 { margin-bottom: 15px; } .mb-20 { margin-bottom: 20px; }
.mb-25 { margin-bottom: 25px; } .mb-30 { margin-bottom: 30px; } .mb-35 { margin-bottom: 35px; } .mb-40 { margin-bottom: 40px; }
.mb-45 { margin-bottom: 45px; } .mb-50 { margin-bottom: 50px; } .mb-55 { margin-bottom: 55px; } .mb-60 { margin-bottom: 60px; }
.mb-65 { margin-bottom: 65px; } .mb-70 { margin-bottom: 70px; } .mb-75 { margin-bottom: 75px; } .mb-80 { margin-bottom: 80px; }
.mb-85 { margin-bottom: 85px; } .mb-90 { margin-bottom: 90px; } .mb-95 { margin-bottom: 95px; } .mb-100 { margin-bottom: 100px; }
.mb-105 { margin-bottom: 105px; } .mb-110 { margin-bottom: 110px; } .mb-115 { margin-bottom: 115px; } .mb-120 { margin-bottom: 120px; }
.mb-125 { margin-bottom: 125px; } .mb-130 { margin-bottom: 130px; } .mb-135 { margin-bottom: 135px; } .mb-140 { margin-bottom: 140px; }
.mb-145 { margin-bottom: 145px; } .mb-150 { margin-bottom: 150px; } .mb-155 { margin-bottom: 155px; } .mb-160 { margin-bottom: 160px; }
.mb-165 { margin-bottom: 165px; } .mb-170 { margin-bottom: 170px; } .mb-175 { margin-bottom: 175px; } .mb-180 { margin-bottom: 180px; }
.mb-185 { margin-bottom: 185px; } .mb-190 { margin-bottom: 190px; } .mb-195 { margin-bottom: 195px; } .mb-200 { margin-bottom: 200px; }

.ml-5 { margin-left: 5px; } .ml-10 { margin-left: 10px; } .ml-15 { margin-left: 15px; } .ml-20 { margin-left: 20px; }
.ml-25 { margin-left: 25px; } .ml-30 { margin-left: 30px; } .ml-35 { margin-left: 35px; } .ml-40 { margin-left: 40px; }
.ml-45 { margin-left: 45px; } .ml-50 { margin-left: 50px; } .ml-55 { margin-left: 55px; } .ml-60 { margin-left: 60px; }
.ml-65 { margin-left: 65px; } .ml-70 { margin-left: 70px; } .ml-75 { margin-left: 75px; } .ml-80 { margin-left: 80px; }
.ml-85 { margin-left: 85px; } .ml-90 { margin-left: 90px; } .ml-95 { margin-left: 95px; } .ml-100 { margin-left: 100px; }
.ml-105 { margin-left: 105px; } .ml-110 { margin-left: 110px; } .ml-115 { margin-left: 115px; } .ml-120 { margin-left: 120px; }
.ml-125 { margin-left: 125px; } .ml-130 { margin-left: 130px; } .ml-135 { margin-left: 135px; } .ml-140 { margin-left: 140px; }
.ml-145 { margin-left: 145px; } .ml-150 { margin-left: 150px; } .ml-155 { margin-left: 155px; } .ml-160 { margin-left: 160px; }
.ml-165 { margin-left: 165px; } .ml-170 { margin-left: 170px; } .ml-175 { margin-left: 175px; } .ml-180 { margin-left: 180px; }
.ml-185 { margin-left: 185px; } .ml-190 { margin-left: 190px; } .ml-195 { margin-left: 195px; } .ml-200 { margin-left: 200px; }

.mr-5 { margin-right: 5px; } .mr-10 { margin-right: 10px; } .mr-15 { margin-right: 15px; } .mr-20 { margin-right: 20px; }
.mr-25 { margin-right: 25px; } .mr-30 { margin-right: 30px; } .mr-35 { margin-right: 35px; } .mr-40 { margin-right: 40px; }
.mr-45 { margin-right: 45px; } .mr-50 { margin-right: 50px; } .mr-55 { margin-right: 55px; } .mr-60 { margin-right: 60px; }
.mr-65 { margin-right: 65px; } .mr-70 { margin-right: 70px; } .mr-75 { margin-right: 75px; } .mr-80 { margin-right: 80px; }
.mr-85 { margin-right: 85px; } .mr-90 { margin-right: 90px; } .mr-95 { margin-right: 95px; } .mr-100 { margin-right: 100px; }
.mr-105 { margin-right: 105px; } .mr-110 { margin-right: 110px; } .mr-115 { margin-right: 115px; } .mr-120 { margin-right: 120px; }
.mr-125 { margin-right: 125px; } .mr-130 { margin-right: 130px; } .mr-135 { margin-right: 135px; } .mr-140 { margin-right: 140px; }
.mr-145 { margin-right: 145px; } .mr-150 { margin-right: 150px; } .mr-155 { margin-right: 155px; } .mr-160 { margin-right: 160px; }
.mr-165 { margin-right: 165px; } .mr-170 { margin-right: 170px; } .mr-175 { margin-right: 175px; } .mr-180 { margin-right: 180px; }
.mr-185 { margin-right: 185px; } .mr-190 { margin-right: 190px; } .mr-195 { margin-right: 195px; } .mr-200 { margin-right: 200px; }

.pt-5 { padding-top: 5px; } .pt-10 { padding-top: 10px; } .pt-15 { padding-top: 15px; } .pt-20 { padding-top: 20px; }
.pt-25 { padding-top: 25px; } .pt-30 { padding-top: 30px; } .pt-35 { padding-top: 35px; } .pt-40 { padding-top: 40px; }
.pt-45 { padding-top: 45px; } .pt-50 { padding-top: 50px; } .pt-55 { padding-top: 55px; } .pt-60 { padding-top: 60px; }
.pt-65 { padding-top: 65px; } .pt-70 { padding-top: 70px; } .pt-75 { padding-top: 75px; } .pt-80 { padding-top: 80px; }
.pt-85 { padding-top: 85px; } .pt-90 { padding-top: 90px; } .pt-95 { padding-top: 95px; } .pt-100 { padding-top: 100px; }
.pt-105 { padding-top: 105px; } .pt-110 { padding-top: 110px; } .pt-115 { padding-top: 115px; } .pt-120 { padding-top: 120px; }
.pt-125 { padding-top: 125px; } .pt-130 { padding-top: 130px; } .pt-135 { padding-top: 135px; } .pt-140 { padding-top: 140px; }
.pt-145 { padding-top: 145px; } .pt-150 { padding-top: 150px; } .pt-155 { padding-top: 155px; } .pt-160 { padding-top: 160px; }
.pt-165 { padding-top: 165px; } .pt-170 { padding-top: 170px; } .pt-175 { padding-top: 175px; } .pt-180 { padding-top: 180px; }
.pt-185 { padding-top: 185px; } .pt-190 { padding-top: 190px; } .pt-195 { padding-top: 195px; } .pt-200 { padding-top: 200px; }
.pt-260 { padding-top: 260px; }

.pb-5 { padding-bottom: 5px; } .pb-10 { padding-bottom: 10px; } .pb-15 { padding-bottom: 15px; } .pb-20 { padding-bottom: 20px; }
.pb-25 { padding-bottom: 25px; } .pb-30 { padding-bottom: 30px; } .pb-35 { padding-bottom: 35px; } .pb-40 { padding-bottom: 40px; }
.pb-45 { padding-bottom: 45px; } .pb-50 { padding-bottom: 50px; } .pb-55 { padding-bottom: 55px; } .pb-60 { padding-bottom: 60px; }
.pb-65 { padding-bottom: 65px; } .pb-70 { padding-bottom: 70px; } .pb-75 { padding-bottom: 75px; } .pb-80 { padding-bottom: 80px; }
.pb-85 { padding-bottom: 85px; } .pb-90 { padding-bottom: 90px; } .pb-95 { padding-bottom: 95px; } .pb-100 { padding-bottom: 100px; }
.pb-105 { padding-bottom: 105px; } .pb-110 { padding-bottom: 110px; } .pb-115 { padding-bottom: 115px; } .pb-120 { padding-bottom: 120px; }
.pb-125 { padding-bottom: 125px; } .pb-130 { padding-bottom: 130px; } .pb-135 { padding-bottom: 135px; } .pb-140 { padding-bottom: 140px; }
.pb-145 { padding-bottom: 145px; } .pb-150 { padding-bottom: 150px; } .pb-155 { padding-bottom: 155px; } .pb-160 { padding-bottom: 160px; }
.pb-165 { padding-bottom: 165px; } .pb-170 { padding-bottom: 170px; } .pb-175 { padding-bottom: 175px; } .pb-180 { padding-bottom: 180px; }
.pb-185 { padding-bottom: 185px; } .pb-190 { padding-bottom: 190px; } .pb-195 { padding-bottom: 195px; } .pb-200 { padding-bottom: 200px; }

.pl-5 { padding-left: 5px; } .pl-10 { padding-left: 10px; } .pl-15 { padding-left: 15px; } .pl-20 { padding-left: 20px; }
.pl-25 { padding-left: 25px; } .pl-30 { padding-left: 30px; } .pl-35 { padding-left: 35px; } .pl-40 { padding-left: 40px; }
.pl-45 { padding-left: 45px; } .pl-50 { padding-left: 50px; } .pl-55 { padding-left: 55px; } .pl-60 { padding-left: 60px; }
.pl-65 { padding-left: 65px; } .pl-70 { padding-left: 70px; } .pl-75 { padding-left: 75px; } .pl-80 { padding-left: 80px; }
.pl-85 { padding-left: 85px; } .pl-90 { padding-left: 90px; } .pl-95 { padding-left: 95px; } .pl-100 { padding-left: 100px; }
.pl-105 { padding-left: 105px; } .pl-110 { padding-left: 110px; } .pl-115 { padding-left: 115px; } .pl-120 { padding-left: 120px; }
.pl-125 { padding-left: 125px; } .pl-130 { padding-left: 130px; } .pl-135 { padding-left: 135px; } .pl-140 { padding-left: 140px; }
.pl-145 { padding-left: 145px; } .pl-150 { padding-left: 150px; } .pl-155 { padding-left: 155px; } .pl-160 { padding-left: 160px; }
.pl-165 { padding-left: 165px; } .pl-170 { padding-left: 170px; } .pl-175 { padding-left: 175px; } .pl-180 { padding-left: 180px; }
.pl-185 { padding-left: 185px; } .pl-190 { padding-left: 190px; } .pl-195 { padding-left: 195px; } .pl-200 { padding-left: 200px; }

.pr-5 { padding-right: 5px; } .pr-10 { padding-right: 10px; } .pr-15 { padding-right: 15px; } .pr-20 { padding-right: 20px; }
.pr-25 { padding-right: 25px; } .pr-30 { padding-right: 30px; } .pr-35 { padding-right: 35px; } .pr-40 { padding-right: 40px; }
.pr-45 { padding-right: 45px; } .pr-50 { padding-right: 50px; } .pr-55 { padding-right: 55px; } .pr-60 { padding-right: 60px; }
.pr-65 { padding-right: 65px; } .pr-70 { padding-right: 70px; } .pr-75 { padding-right: 75px; } .pr-80 { padding-right: 80px; }
.pr-85 { padding-right: 85px; } .pr-90 { padding-right: 90px; } .pr-95 { padding-right: 95px; } .pr-100 { padding-right: 100px; }
.pr-105 { padding-right: 105px; } .pr-110 { padding-right: 110px; } .pr-115 { padding-right: 115px; } .pr-120 { padding-right: 120px; }
.pr-125 { padding-right: 125px; } .pr-130 { padding-right: 130px; } .pr-135 { padding-right: 135px; } .pr-140 { padding-right: 140px; }
.pr-145 { padding-right: 145px; } .pr-150 { padding-right: 150px; } .pr-155 { padding-right: 155px; } .pr-160 { padding-right: 160px; }
.pr-165 { padding-right: 165px; } .pr-170 { padding-right: 170px; } .pr-175 { padding-right: 175px; } .pr-180 { padding-right: 180px; }
.pr-185 { padding-right: 185px; } .pr-190 { padding-right: 190px; } .pr-195 { padding-right: 195px; } .pr-200 { padding-right: 200px; }

.section-padding { padding-top: 120px; padding-bottom: 120px; }
.section-padding2 { padding-top: 200px; padding-bottom: 200px; }
.section-padding3 { padding-top: 200px; padding-bottom: 200px; }
.section-padding30 { padding-top: 200px; padding-bottom: 170px; }
.section-paddingt { padding-top: 185px; padding-bottom: 170px; }
.section-paddingt2 { padding-bottom: 170px; }
.section-padd-top30 { padding-top: 170px; padding-bottom: 200px; }
.support-padding { padding-top: 200px; padding-bottom: 100px; }
.team-padding { padding-top: 160px; padding-bottom: 130px; }
.place-padding { padding-top: 170px; padding-bottom: 170px; }
.servic-padding { padding-top: 200px; }
.trusted-padding { padding-top: 200px; }
.testimonial-padding { padding-top: 157px; padding-bottom: 157px; }
.w-padding { padding-top: 80px; padding-bottom: 80px; }
.footer-padding { padding-top: 170px; padding-bottom: 170px; }
.pt-padding { padding-top: 50px; }
.pb-168 { padding-bottom: 168px; }

/* Miscellaneous Custom Sections */
.activities-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 20px;
}
.phuket-list {
list-style-type: none;
padding: 0;
margin: 0;
}
.custom-grid-container {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
gap: 30px;
}
.custom-grid-item {
background-color: #f0f0f0;
padding: 20px;
border-radius: 5px;
}
.links_area_second {
padding-bottom: 40px;
padding-top: 40px;
}
.links_area_second ul li a,
.links_area ul li a {
color: #000;
padding: 10px 0px;
position: relative;
top: -2px;
margin-left: 4px;
}
.links_area_second ul li,
.links_area ul li {
margin: 8px 0px;
}
.centered {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.image_area {
height: 300px;
}
.image_area img {
width: 100%;
height: 100%;
}
.faq_area, .multiple_section, .facilities_area, .by_sea_area {
padding-bottom: 60px;
}
.blog_content {
background: #fff;
padding: 30px;
}
.recent_title, .faq_title {
margin-bottom: 25px;
}
.pto {
margin-top: 40px;
}
.bx-wrapper {
height: 250px;
}
.bx-viewport {
height: 240px !important;
}
.bx-wrapper .bx-controls-direction a {
z-index: 0;
}
.d-inline-block {
width: 100%;
}
.img_tag, .img_tag img {
height: 190px;
}
.division_line {
border: 1px solid #ddd;
margin-top: 25px;
margin-bottom: 28px;
}
.price {
font-size: 20px;
font-weight: bold;
}
.multiple_section {
padding-top: 50px;
padding-bottom: 10px;
}
.multiple_section h2 {
margin-bottom: 10px;
}
.links_area {
background: #f7f5f6;
padding-top: 40px;
padding-bottom: 40px;
margin-top: 50px;
}
.display_break_line {
margin-top: 30px;
}
.address {
margin-top: 15px;
}
.inner_links i.fa {
font-size: 13px;
position: relative;
bottom: 2px;
color: #f68641;
}
.overlay_content {
position: absolute;
bottom: 0;
background: #ffbf00;
color: #000000;
transition: .5s ease;
padding: 10px 15px;
}
.inner_facilities {
padding-bottom: 10px;
margin-top: 2px;
}
.category_view {
background: #f2f2f2;
}
.inner_content_detail {
background: #fff;
padding: 20px 20px;
}
.faqposttitlepara {
font-family: "Roboto", sans-serif;
color: #000000;
margin-top: 0px;
font-weight: 500;
font-size: 1.4rem;
}
.f1 .icon {
text-align: left !important;
}
.onemore_c {
position: relative;
bottom: 4px;
}
.pto_2 {
margin-top: 15px;
}
.test1, .test2 {
margin-top: 45px;
}
.aa-footer-left p {
line-height: 15px;
margin-bottom: 4px;
color: #fff;
}
.aa-footer-right {
display: inline;
float: left;
width: 100%;
text-align: right;
}
.test1 .embedded,
.embedded iframe {
height: 450px;
}
.single_p {
padding-top: 30px;
padding-bottom: 30px;
}
.extra_vertical {
position: relative;
top: 45px;
}
.nice-select .list {
height: 200px !important;
overflow-y: auto !important;
}
.youtube_title {
margin-top: 20px;
}
.viewmorevillas {
font-family: 'Inter', sans-serif;
font-weight: 500;
font-size: 14px;
color: #000;
}
.offer_text {
text-align: center;
padding: 10px 0px;
background: #ffbf00;
}
.offer_text p {
color: #000000;
font-size: 16px;
}
.dots_design ul li {
list-style-type: disc;
margin: 0px 18px;
}
.visible-xs {
display: none !important;
}
.visible-xs1 {
display: none !important;
}

/* ==========================================================================
17. MEDIA QUERIES (CONSOLIDATED)
========================================================================== */

/* Max-width: 1199px (Desktop Small) */
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.team-padding { padding-top: 110px; padding-bottom: 80px; }
.section-padding30 { padding-top: 150px; padding-bottom: 120px; }
.place-padding { padding-top: 120px; padding-bottom: 120px; }
.servic-padding { padding-top: 150px; }
.section-padding3 { padding-top: 150px; padding-bottom: 150px; }
.section-paddingt { padding-top: 150px; padding-bottom: 120px; }
.section-paddingt2 { padding-bottom: 120px; }
.trusted-padding { padding-top: 100px; }
.testimonial-padding { padding-top: 120px; padding-bottom: 120px; }
.footer-padding { padding-top: 170px; padding-bottom: 170px; }
.single-blog .tag { margin-right: 8px; }
.single-blog .tag:after { display: none; }
.single-blog .single-blog-content { padding: 15px; }
.single-blog h4 {
transition: all 300ms linear 0s;
border-bottom: 1px solid #dfdfdf;
padding-bottom: 14px;
margin-bottom: 12px;
}
.single-blog h4 a { font-size: 18px; }
.home-blog-area .home-blog-single .blog-img-cap .blog-cap { padding: 37px 23px 37px 45px; }
.main-header .main-menu ul li a { padding: 20px 10px !important; }
.slider-area .hero__caption h1 { font-size: 60px; line-height: 1.2; }
.team-profile .single-profile .single-profile-back,
.team-profile .single-profile .single-profile-back-last { padding: 20px; }
.team-profile .single-profile .single-profile-back-last p { font-size: 15px; }
.section-tittle2 h2 { font-size: 49px; }
.favourite-place .single-place .place-cap { padding: 28px 18px; }
.favourite-place .single-place .place-cap .place-cap-top h3 a { font-size: 23px; }
.video-area { padding-top: 150px; padding-bottom: 150px; }
.support-company-area .right-caption { right: -25px; }
.testimonial-area .testimonial-caption .testimonial-top-cap p { font-size: 20px; }
.btn_info .genric-btn.large { font-size: 13px !important; }
.btn_info .fa { top: 0px !important; }
.p97 .genric-btn.large {
font-size: 14px !important;
padding: 0 10px !important;
line-height: 43px !important;
}
.faq_title {
margin-bottom: 10px !important;
margin-top: 20px !important;
}
}

/* Tablet (768px - 991px) */
@media only screen and (min-width: 768px) and (max-width: 991px) {
.section-padding2 { padding-top: 100px; padding-bottom: 100px; }
.support-padding { padding-top: 100px; padding-bottom: 100px; }
.team-padding { padding-top: 100px; padding-bottom: 80px; }
.section-padding30 { padding-top: 100px; padding-bottom: 70px; }
.place-padding { padding-top: 70px; padding-bottom: 70px; }
.servic-padding { padding-top: 100px; }
.section-padding3 { padding-top: 50px; padding-bottom: 100px; }
.section-paddingt { padding-top: 100px; padding-bottom: 70px; }
.section-paddingt2 { padding-bottom: 70px; }
.trusted-padding { padding-top: 100px; }
.section-padd-top30 { padding-top: 100px; padding-bottom: 160px; }
.testimonial-padding { padding-top: 100px; padding-bottom: 100px; }
.footer-padding { padding-top: 100px; padding-bottom: 100px; }
.mb-90 { margin-bottom: 45px; }
.blog_details { padding: 60px 30px 35px 35px; }
.blog_details h2 { font-size: 24px; margin-bottom: 15px; }
.blog_item_img .blog_item_date { bottom: -20px; left: 40px; padding: 13px 30px; }
.blog_item_img .blog_item_date h3 { font-size: 30px; }
.home-blog-area .home-blog-single .blog-img-cap .blog-cap h3 a { font-size: 19px; }
.home-blog-area .home-blog-single .blog-date { padding: 8px 20px; }
.home-blog-area .home-blog-single .blog-date span { font-size: 22px; }
.bradcam_area { padding: 150px 0; }
.bradcam_area h3 { font-size: 40px; }
.slider-height { min-height: 300px; }
.slider-area .hero__caption h1 { font-size: 50px; line-height: 1.2; }
.team-profile .single-profile .single-profile-back,
.team-profile .single-profile .single-profile-back-last { padding: 20px; }
.video-area { padding-top: 100px; padding-bottom: 100px; }
.testimonial-area .testimonial-caption .testimonial-top-cap img,
.testimonial-area .testimonial-caption .testimonial-top-cap p { margin-bottom: 30px; }
.testimonial-area .testimonial-caption .testimonial-top-cap p { font-size: 20px; }
.footer-social { float: left; }
.pt-padding { padding-top: 0px; }
.activities-grid { grid-template-columns: 1fr; }
.header-bottom .col-md-3 { flex: 0 0 100% !important; max-width: 100%; }
.header-area .slicknav_btn { top: -50px !important; }
h5 { font-size: 18px !important; }
.btn_info { position: relative; top: 18px; }
.btn_info .genric-btn.large { font-size: 9px !important; padding: 0 12px !important; }
p.card-text, .price_text, p { font-size: 14px !important; }
.icon, .text { font-size: 10.5px !important; }
.room_info .border_line { float: left; }
.top_5_stars .col-md-3 { max-width: 32.9% !important; }
.odd_design .col-md-3, .even_design .col-md-3, .reviews_area .col-md-3 {
flex: 0 0 100% !important;
max-width: 50% !important;
}
.home_facilities_content .s1 { padding-left: 15px !important; }
.price_text { margin-bottom: 0px !important; }
.btn_info .fa { top: 0px !important; }
.extra_vertical .price_info { margin-bottom: 12px !important; }
.faq_title { margin-bottom: 10px !important; margin-top: 20px !important; }
}

/* Mobile & Small Screens (<= 767px) */
@media (max-width: 767px) {
.mb-90 { margin-bottom: 30px; }
.section-padding { padding-top: 30px !important; padding-bottom: 0px !important; }
.section-padding2 { padding-top: 70px; padding-bottom: 70px; }
.support-padding { padding-top: 70px; padding-bottom: 70px; }
.team-padding { padding-top: 100px; padding-bottom: 80px; }
.section-padding30 { padding-top: 60px; padding-bottom: 28px; }
.place-padding { padding-top: 28px; padding-bottom: 28px; }
.servic-padding { padding-top: 70px; }
.section-padding3 { padding-top: 40px; padding-bottom: 70px; }
.section-paddingt { padding-top: 60px; padding-bottom: 28px; }
.section-paddingt2 { padding-bottom: 28px; }
.trusted-padding { padding-top: 0px; }
.section-padd-top30 { padding-top: 35px; padding-bottom: 90px; }
.testimonial-padding { padding-top: 80px; padding-bottom: 60px; }
.w-padding { padding-top: 70px; padding-bottom: 70px; }
.footer-padding { padding-top: 80px; padding-bottom: 60px; }
.pt-padding { padding-top: 0px; }
#scrollUp { right: 16px; }
.single-blog { margin-bottom: 30px; }
.home-blog-area .home-blog-single .blog-img-cap .blog-cap {
padding: 19px 8px 17px 18px;
width: 67%;
}
.home-blog-area .home-blog-single .blog-img-cap .blog-cap h3 a { font-size: 19px; }
.home-blog-area .home-blog-single .blog-date { padding: 8px 20px; }
.home-blog-area .home-blog-single .blog-date span { font-size: 22px; }
.blog-area .single-blog .blog-caption { padding: 22px 22px 20px 20px; }
.blog-area .single-blog .blog-caption .blog-cap-mid p a { font-size: 14px; }
.bradcam_area { padding: 150px 0; }
.bradcam_area h3 { font-size: 30px; }
.popup_box { width: 320px; padding: 45px 30px; }
#test-form {
top: 0;
left: 0;
width: 100%;
height: 100%;
transform: none;
}
#test-form button.mfp-close {
display: block !important;
position: absolute;
left: 0;
right: 0;
margin: auto;
}
.slider-height { min-height: 350px; }
.slider-height2 { min-height: 260px; }
.slider-area .hero__caption h1 { font-size: 35px; line-height: 1.2; }
.slider-area .hero__caption p { margin-bottom: 30px; }
form.search-box .input-form,
form.search-box .select-form,
form.search-box .search-form { width: 100%; }
form.search-box .input-form input { padding: 9px 9px 9px 20px; }
form.search-box .input-form input::placeholder { font-size: 13px; }
.team-profile .single-profile .single-profile-back,
.team-profile .single-profile .single-profile-back-last { padding: 20px; }
.section-tittle h2 { font-size: 39px; line-height: 1.3; margin-bottom: 50px; }
.section-tittle2 h2 { font-size: 29px; }
.favourite-place .single-place .place-cap { padding: 28px 18px; }
.video-area { padding-top: 100px; padding-bottom: 100px; }
.video-area .video-caption .video-icon a { width: 80px; height: 80px; line-height: 80px; }
.video-area .video-caption .pera2 { font-size: 27px; }
.video-area .video-caption .pera3 { font-size: 28px; }
.support-company-area .support-location-img::before { display: none; }
.support-company-area .support-location-img .support-img-cap { right: -69px; }
.support-company-area .support-location-img .support-img-cap span { padding: 6px 40px; font-size: 38px; }
.support-company-area .right-caption { right: 0px; }
.testimonial-area .testimonial-caption .testimonial-top-cap img,
.testimonial-area .testimonial-caption .testimonial-top-cap p { margin-bottom: 30px; }
.testimonial-area .testimonial-caption .testimonial-top-cap p { font-size: 18px; }
.h1-testimonial-active button.slick-arrow { left: -45px; }
.h1-testimonial-active button.slick-next { right: -45px; left: auto; }
.h1-testimonial-active:hover button.slick-prev { left: -35px; }
.h1-testimonial-active:hover button.slick-next { right: -37px; }
.pagination-area { padding-bottom: 50px; }
.footer-social { float: left; }
.logo h1 { font-size: 25px !important; }
.image_info, .content_info { padding: 12px !important; }
.content_info { padding-bottom: 0px !important; }
.bx-wrapper { height: 210px !important; }
.bx-viewport { height: 200px !important; }
.main_image { height: 190px !important; }
h5 { font-size: 17px !important; }
p.card-text, .price_text, .list_content ul li { font-size: 13px !important; }
.hidden-xs { display: none !important; }
.visible-xs {
display: block !important;
width: 100%;
position: relative;
left: 15px;
padding: 8px 0px 5px 5px;
}
.visible-xs1 { display: block !important; }
.single_p .visible-xs { width: 92% !important; padding: 0px 0px 5px 0px !important; }
.room_info {
border-top: 1px solid #e1ddde;
border-bottom: 1px solid #e1ddde;
margin-top: 0px !important;
}
.visible-xs .col-xs-4 { width: 33%; float: left; }
.visible-xs .col-xs-3 { width: 24%; float: left; }
.visible-xs .col-xs-2 { width: 17%; float: left; }
.visible-xs .col-xs-6 { width: 50%; float: left; }
.room_info .col-md-2, .room_info .col-md-3, .room_info .col-md-4 {
width: 25%;
float: left;
padding-left: 4px;
padding-right: 4px;
}
.room_info .border_line { border-right: none; }
.rental_content .price_info {
width: 50%;
float: left;
text-align: left;
top: 0px;
margin-bottom: 0px;
height: 80px;
}
.rental_content .btn_info {
float: left;
width: 50%;
margin-top: 20px;
}
.rental_content .amount {
font-family: 'Lato', sans-serif;
font-size: 18px;
position: relative;
font-weight: bold;
text-align: left;
height: auto;
}
.rental_content .price_text { padding: 4px; text-align: left; margin-bottom: 0px; }
.mb-5 { margin-bottom: 2rem !important; }
.icon { font-family: 'Open Sans', sans-serif; font-size: 12px; font-weight: 400; }
.icon, .text { font-size: 12.5px !important; }
.room_info .text { position: relative; bottom: 4px; }
.star_details .icon { font-family: 'Open Sans', sans-serif; font-size: 12px; font-weight: 500; }
.price_text_val {
font-family: 'Open Sans', sans-serif;
font-size: 13px;
font-weight: 500;
position: relative;
top: 2px;
}
.amount_val {
font-family: 'Lato', sans-serif;
font-size: 18px;
position: relative;
font-weight: bold;
}
.custom_w_b { width: 90%; }
.visible-xs .p12 { padding: 10px 10px; }
.genric-btn.large { font-size: 16px; padding: 0px 12px; }
.second_val { position: relative; left: 6px; }
.top_5_stars .col-md-3 { max-width: 95%; }
.d-inline-block h5 { height: 10px; }
.home_facilities_content .s1 { padding-left: 15px; position: relative; bottom: 9px; }
.home_facilities_content .col-md-3 { padding-right: 15px; }
.aa-footer-right, .social_links, .aa-footer-left { text-align: center; }
.header-info-left ul li a { font-size: 13px; }
.sponser { right: inherit !important; }
.genric-btn.primary-border { font-size: 11px; }
.button-group-area .genric-btn { margin-right: 0px; padding: 0 7px; width: 25%; }
.custom_first_width .genric-btn { margin-right: 0px; padding: 0 0px; width: 32% !important; }
.second_details .price_info1 { padding-top: 0px; }
.blog_item { margin-bottom: 10px; }
.extra_vertical { position: relative; top: 0px; }
.p97 .genric-btn.large { height: 44px; width: 60%; font-size: 17px; }
.sevennights, .pric { font-size: 13px; }
.test1 .embedded, .embedded iframe { height: 125px; }
.test1, .test2 { margin-top: 25px; }
.latest_blog_sec h3, .multiple_section h2, .dog_area h2, h2 { text-align: center; }
.first_area .genric-btn { line-height: 25px; margin-bottom: 5px; }
.holiday_rental_area { margin-top: 4px; padding-bottom: 22px; }
.holiday_rental_area h2 { margin-bottom: 20px; }
.dog_area h2, .by_sea_area h2 { margin-bottom: 21px; }
.even_design { padding-bottom: 30px; padding-top: 5px; }
.odd_design { padding-top: 5px; }
.ngt { left: 22px; }
.breadcrumb li { font-size: 11px; }
#homein, #homeout { position: relative; right: 10px; }
.xsl { float: left; width: 65%; }
.xss { float: left; width: 35%; }
.booking_form_area { margin-bottom: 20px; }
.inner_facilities { padding-bottom: 5px; margin-top: 0px; }
.testimonial { margin: 0px; }
.review_list .inner_title { margin-bottom: 5px; }
.testimonial .description:before { content: none !important; }
.testimonial .description { padding: 8px 10px; width: 100%; }
.testimonial .testimonial-content { margin: 0 0 20px 0; float: none; width: 100%; }
.pt { margin-top: 20px; }
.table td { font-size: 14px; }
.table td.tx { text-align: right; }
.sec_first_area { padding: 25px 0px !important; }
.header-sticky.sticky-bar { top: 0px !important; }
.view_more { margin-top: 20px; }
.view_more .genric-btn.large { width: 100%; }
.custom_search { right: 10px; }
.search-container .form-group { margin-bottom: 6px; }
.comment-form .name { padding-right: 0px; margin-bottom: 1rem; }
}

/* Screen <= 480px (Phones) */
@media screen and (max-width: 480px) {
img {
box-sizing: border-box !important;
height: auto !important;
max-width: 100% !important;
}
}

/* Screen <= 519px */
@media screen and (max-width: 519px) {
.mainbg h1, h2.booking-form-title { text-align: center !important; }
.mainbg-leftside { bottom: 0px !important; position: relative !important; }
.mainbg p { text-align: center !important; }
.mainbg .slider-button { text-align: center; }
}

/* Screen <= 810px */
@media only screen and (max-width: 810px) {
.mainbg h1, h2.booking-form-title { font-size: 22px; }
.booking-form .form-control { height: 40px !important; }
}

/* Mobile Horizontal Scroll Containers (320px - 560px) */
@media only screen and (max-width: 560px) and (min-width: 320px) {
.scroll-content {
display: flex;
flex-wrap: nowrap;
overflow: auto;
margin: 0;
margin-bottom: 20px;
}
.scroll-content .col-md-3 {
flex: 0 0 90% !important;
max-width: 90% !important;
width: 90% !important;
padding: 0px 8px 0px 0px !important;
}
.scroll-content .col-md-3:nth-child(1) {
padding-left: 8px;
}
::-webkit-scrollbar {
height: 2px !important;
}
::-webkit-scrollbar-track {
border-radius: 10px;
box-shadow: inset 0 0 2px rgb(247 245 246 / 100%);
}
::-webkit-scrollbar-thumb {
background-color: #f7f5f6;
border-radius: 10px;
box-shadow: 0 0 0 1px rgba(247, 245, 246, 100);
}
}

/* Mobile Horizontal Scroll Containers (561px - 992px) */
@media only screen and (max-width: 992px) and (min-width: 561px) {
.scroll-content {
display: flex;
flex-wrap: nowrap;
overflow: auto;
margin: 0;
margin-bottom: 20px;
}
.scroll-content .col-md-3 {
flex: 0 0 50%;
max-width: 50%;
width: 50%;
padding: 0px 8px 0px 8px !important;
}
}

/* Custom Width Containers (520px - 968px) */
@media (min-width: 520px) and (max-width: 968px) {
.slider-area .container { max-width: 100%; }
.slider-area .col-md-2 { flex: 0 0 0% !important; max-width: 0% !important; }
.slider-area .col-md-5 { flex: 0 0 47% !important; max-width: 47% !important; }
}