/*
Theme Name: Salient Child Theme
Description: This is a custom child theme for Salient
Theme URI:   https://themeforest.net/item/salient-responsive-multipurpose-theme/4363266
Author: ThemeNectar
Author URI:  https://themeforest.net/user/themenectar
Template: salient
Version: 1.0
*/

/* header CSS start */

.container.main-content, .container.normal-container.row {
    --scroll-bar-w: 0px !important;
}

#top {
    background: #000000;
    border-bottom: 1px solid #171717;
}

#top nav > ul > li > a {
    opacity: 1 !important;
}

#top nav > ul > li > a > span {
    color: #D4D4D4;
}

#top nav > ul > li.current-menu-item > a > span {
    color: #fff;
}

#top nav > ul > li#menu-item-37 > a {
    background: #E60012;
    flex-direction: row-reverse;
    letter-spacing: 1.54px;
    padding: 12px 25px !important;
    gap: 10px;
    align-items: baseline;
    border: 1px solid #E60012;
    transition: all 0.5s;
}

#top nav > ul > li#menu-item-37 > a > i {
    margin: unset;
    color: #fff;
    transition: all 0.5s;
}

#top nav > ul > li#menu-item-37 > a > span {
    color: #fff;
    transition: all 0.5s;
}

#top nav > ul > li#menu-item-37 > a:hover {
    background: #fff;
}

#top nav > ul > li#menu-item-37 > a:hover span, #top nav > ul > li#menu-item-37 > a:hover i {
    color: #E60012;
}

#top .container {
    padding: 0px 200px !important;
}

#top ul.sf-menu.sf-js-enabled.sf-arrows {
    position: relative !important;
    left: -40px !important;
}

#top nav > ul > li#menu-item-146 > a > i {
    color: #A3A3A3;
}

/* header CSS end */

/* hero section CSS start */

#hero h6 {
    font-family: 'Space Grotesk';
    letter-spacing: 5.4px;
    color: #D4D4D4;
    font-weight: 400;
}

h1 {
    color: #fff;
}

#hero h1 {
    font-size: 190px;
    line-height: 198px;
}

#hero h5 {
    font-family: 'Inter';
    font-weight: 300;
    color: #E5E5E5;
    text-transform: none;
}

#hero .border-blk {
    padding-left: 30px;
    border-left: 2.5px solid #FF1A2D;
}

#entire-btn {
    background: #FF1A2D !important;
    border-radius: 0px !important;
    font-size: 18px;
    line-height: 26px;
    font-family: 'Oswald';
    font-weight: 600;
    padding: 15px 40px;
    transition: all 0.5s;
    color: #fff;
    border: 1px solid #FF1A2D;
}

#entire-btn i {
    font-size: 18px;
    right: 30px;
    transition: all 0.5s;
}

#entire-btn:hover {
    background: #fff !IMPORTANT;
    color: #FF1A2D !important;
    transform: unset !important;
    box-shadow: unset !important;
}

#entire-btn:hover i {
    color: #FF1A2D;
}

#entire-btn.transparent {
    background: #00000069 !important;
    border-color: #ffffff6e;
}

#entire-btn.transparent:hover {
    background: #FF1A2D !important;
    color: #fff !important;
    border-color: #FF1A2D;
}

#hero #entire-btn.transparent {
    margin-left: 15px;
}

#hero {
    padding-left: 200px;
}

/* hero section CSS end */

/* welcome section CSS start */

#welcome .left-col .vc_column-inner {
    padding-right: 40px;
}

#welcome h5 {
    margin-top: 30px;
}

h2 {
    color: #0A0A0A;
}

span.big {
    font-size: 80px;
    line-height: 88px;
}

span.red-color {
    color: #E60012;
}

#welcome p {
    color: #525252;
}

#welcome h5 {
    color: #0A0A0A;
}

#welcome .row-bg {
    position: relative;
}

#welcome .row-bg:before {
    content: '';
    position: absolute;
    background: #ff1a2d38;
    height: 1000px;
    width: 1000px;
    top: -55%;
    right: -20%;
    border-radius: 50%;
    filter: blur(90px);
}

#welcome .row-bg:after {
    content: '';
    position: absolute;
    background: #ff1a2d38;
    height: 1250px;
    width: 735px;
    bottom: -60%;
    left: 0%;
    border-radius: 50%;
    filter: blur(90px);
    rotate: -33.89deg;
}

#welcome .row-bg-wrap:before {
    content: '';
    position: absolute;
    background: #ff1a2d29;
    height: 1000px;
    width: 1000px;
    bottom: -100%;
    right: 4%;
    border-radius: 50%;
    filter: blur(90px);
    z-index: 2;
}

#welcome.welcome-inr .row-bg-wrap:before {
    display: none;
}

/* welcome section CSS end */

/* find section CSS start */

#inr-find h2 {
    display: inline-flex;
    align-items: end;
    color: #fff;
    gap: 10px;
}

#inr-find h2 img {
    margin-bottom: 0 !important;
}

#inr-find .right-col {
    text-align: right;
}

#inr-find .type-blk {
	text-align: center;
}

#find p {
	color: #A3A3A3;
	font-size: 17px;
	line-height: 25px;
}

#find h5 {
    color: #fff;
    position: relative;
    display: inline-block;
}

#find h5:before {
    content: '';
    position: absolute;
    background: #E60012;
    height: 2.5px;
    width: 30px;
    top: 0;
    bottom: 0;
    right: -50px;
    margin: auto 0;
}

/* find section CSS end */

/* heat section CSS start */

#heat h3 {
    font-family: 'Oswald';
    color: #0A0A0A;
}

#heat.inr-heat p {
    color: #525252 !important;
}

#heat h6 {
    color: #E60012;
    letter-spacing: 3.85px;
}

#heat img {
    width: 100%;
}

#heat h3 img {
    width: unset;
    margin-bottom: 0px !important;
}

#heat .pad-blk .vc_column-inner {
    padding: 120px 150px;
    position: relative;
}

#heat .pad-blk .vc_column-inner:before {
    content: '';
    position: absolute;
    background: #ff1a2d29;
    height: 600px;
    width: 600px;
    top: -5%;
    right: -10%;
    border-radius: 50%;
    filter: blur(120px);
}

#entire-btn.black {
    background: transparent !important;
    color: #0A0A0A;
    border-color: #0A0A0A;
}

#entire-btn.black:hover i {
    color: #fff;
}

#entire-btn.black:hover {
    border-color: #FF1A2D;
}

/* heat section CSS end */

/* first section CSS start */

#first h2 {
    display: inline-flex;
    gap: 10px;
    color: #fff
}

#first h2 img {
    margin-bottom: 0px;
}

#first p {
    color: #A3A3A3;
    max-width: 570px;
}

#first h6 {
    color: #E60012;
    letter-spacing: 3.85px;
}

/* first section CSS end */

/* stay section CSS start */

#stay .locate {
    display: flex;
    gap: 20px;
}

#stay .locate h6 {
    color: #E60012;
    letter-spacing: 3.85px;
}

#stay h5 {
    color: #fff;
}

#stay .type-blk {
    position: relative;
}

#stay .type-blk:before {
    content: '';
    position: absolute;
    background: #E60012;
    height: 2.5px;
    width: 50px;
    top: 0;
    bottom: 0;
    right: 25%;
    margin: auto 0;
}

ul {
    margin: unset;
}

ul li {
    list-style: none;
}

#stay ul.social {
    display: flex;
    gap: 20px;
    align-items: center;
    justify-content: end;
}

#stay ul.social h6 {
    color: #fff;
    letter-spacing: 3.08px;
}

#stay ul.social li a i {
    height: 40px;
    width: 40px;
    border: 1px solid #404040;
    color: #D4D4D4;
    border-radius: 50%;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    font-size: 20px;
    transition: all 0.5s;
}

#stay ul.social li a i:hover {
    transform: scale(1.2);
}

#stay .row-bg {
    border-bottom: 1.28px solid #171717;
}

/* stay section CSS end */

/* footer CSS start */

#footer ul {
    display: flex;
    gap: 25px;
	justify-content: end;
}

#inr-footer p {
    color: #737373;
}

#inr-footer {
    border-top: 1.28px solid #ffffff47;
	padding: 30px 0px;
}

#inr-footer .right-col {
	text-align: right;
}

#footer-inr {
	padding-bottom: 30px;
}

#footer a {
    color: #E60012;
    font-weight: bold;
}

#footer ul li a {
    color: #A3A3A3;
    font-weight: 400;
}

#footer-outer {
    display: none;
}

/* footer CSS end */

/* why section CSS start */

#why h3, #why p {
    color: #fff;
}

#why h3 {
    letter-spacing: 1.54px;
}

/* why section CSS end */

/* always section CSS start */

#always h3 {
    color: #fff;
    letter-spacing: 3.08px;
}

#always .row-bg {
    background: linear-gradient(45deg, #450A0A, #000, #000);
}

/* always section CSS end */

/* classic section CSS start */

p {
    color: #525252;
}

#classic h2 {
    color: #171717;
    position: relative;
    padding-left: 50px;
}

#classic a {
    font-size: 15px;
    line-height: 23px;
    font-family: 'Montserrat';
    font-weight: bold;
    letter-spacing: 1.54px;
    color: #DC2626;
}

#classic h2:before {
    content: '';
    position: absolute;
    background: #DC2626;
    height: 2.5px;
    width: 40px;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto 0;
}

#classic-inr.inr-classic {
    padding-top: 80px;
    margin-bottom: 0;
}

#classic .row-bg {
    position: relative;
}

#classic .row-bg:before {
    content: '';
    position: absolute;
    background: #ff1a2d38;
    height: 1250px;
    width: 735px;
    top: -10%;
    left: 60%;
    border-radius: 50%;
    filter: blur(100px);
    rotate: -33.89deg;
}

#classic .row-bg:after {
    content: '';
    position: absolute;
    background: #ff1a2d38;
    height: 1250px;
    width: 735px;
    bottom: -14%;
    left: 30%;
    border-radius: 50%;
    filter: blur(90px);
    rotate: -33.89deg;
}

#classic-inr .row-bg:before, #classic-inr .row-bg:after {
    display: none;
}

/* classic section CSS end */

/* heat section CSS start */

#heat h2, #heat p {
    color: #fff;
}

#heat .row-bg {
    position: relative;
}

#heat .row-bg:before {
    content: '';
    position: absolute;
    background: #ff1a2d26;
    height: 1250px;
    width: 735px;
    top: -70%;
    left: 50%;
    border-radius: 50%;
    filter: blur(100px);
    rotate: -33.89deg;
}

/* heat section CSS end */

/* faq section CSS start */

#faq h3 a {
    font-size: 26px;
    line-height: 32px;
    font-family: 'Oswald';
    color: #000;
    padding: 20px 70px 20px 0px;
}

#faq .toggle {
    background: #fff;
    border: 1px solid #E5E5E5;
    padding: 15px 30px;
    margin-bottom: 20px;
    border-radius: 10.27px
}

#faq h3 a i {
    background: #FCF2F2;
    border: unset;
}

#faq h3 a i:before, #faq h3 a i:after {
    background: #FF1E27;
}

#question-inr {
    background: #171717;
    border: 1px solid #262626;
    padding: 50px 50px;
    border-radius: 15.41px;
}

#question-inr .right-col {
    text-align: right;
}

#question-inr h4 {
    color: #fff;
}

#question-inr p {
    color: #A3A3A3;
}

#faq .row-bg {
    position: relative;
}

#faq .row-bg:before {
    content: '';
    position: absolute;
    background: #ff1a2d1f;
    height: 1600px;
    width: 640px;
    top: -10%;
    left: 60%;
    border-radius: 50%;
    filter: blur(100px);
    rotate: 33.89deg;
}

#question-inr .row-bg:before {
    display: none;
}

/* faq section CSS end */

/* terms section CSS start */

#terms-inr .vc_column-inner {
    background: #fff;
    padding: 50px 50px;
    border-radius: 19.8px;
    transition: all 0.5s;
    border: 1px solid #E5E5E5;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

#terms-inr h4 {
    color: #171717;
    transition: all 0.5s;
}

#terms-inr p {
    color: #000;
    transition: all 0.5s;
}

#terms-inr h6 {
    color: #FF1E27;
    transition: all 0.5s;
}

#terms-inr .vc_column-inner:hover {
    background: #000;
    transform: scale(0.98);
}

#terms-inr .vc_column-inner:hover h4, #terms-inr .vc_column-inner:hover p {
    color: #fff;
}

#terms-inr.red-bg .vc_column-inner {
    background: #FF1E27;
	border-color: #FF1E27;
}

#terms-inr.red-bg .vc_column-inner h4, #terms-inr.red-bg .vc_column-inner h6, #terms-inr.red-bg .vc_column-inner p {
    color: #fff;
}

#terms .row-bg {
    position: relative;
}

#terms .row-bg:before {
    content: '';
    position: absolute;
    background: #ff1a2d38;
    height: 1550px;
    width: 620px;
    top: 2%;
    left: -8%;
    border-radius: 50%;
    filter: blur(100px);
    rotate: 33.89deg;
}

#terms .row-bg:after {
    content: '';
    position: absolute;
    background: #ff1a2d38;
    height: 1550px;
    width: 620px;
    top: 31%;
    left: -3%;
    border-radius: 50%;
    filter: blur(100px);
    rotate: -33.89deg;
}

#terms .row-bg-wrap:before {
    content: '';
    position: absolute;
    background: #ff1a2d38;
    height: 1550px;
    width: 620px;
    top: 65%;
    left: -8%;
    border-radius: 50%;
    filter: blur(100px);
    rotate: 33.89deg;
    z-index: 9;
}

#terms .row-bg-wrap:after {
    content: '';
    position: absolute;
    background: #ff1a2d38;
    height: 1550px;
    width: 620px;
    top: 81%;
    left: 27%;
    border-radius: 50%;
    filter: blur(100px);
    rotate: -33.89deg;
    z-index: 9;
}

#terms-inr .row-bg:before, #terms-inr .row-bg:after, #terms-inr .row-bg-wrap:before, #terms-inr .row-bg-wrap:after {
    display: none;
}

#terms-inr a {
	font-weight: bold;
}

#terms-inr.red-bg a {
	font-weight: bold;
	color: #fff;
}

/* terms section CSS end */

/* bar page CSS start */

#bar-inr .vc_column-inner {
    background: #fff;
    border: 1px solid #E5E5E5;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    padding: 30px 30px;
    transition: all 0.5s;
}

#bar-inr h4, #bar-inr p {
    color: #000;
}

#bar-inr h6 {
    color: #FF1E27;
    letter-spacing: 2px;
}

#bar-inr .vc_column-inner:hover {
    background: #FF1E27;
    border-color: #FF1E27;
}

#bar-inr .vc_column-inner:hover h4, #bar-inr .vc_column-inner:hover p, #bar-inr .vc_column-inner:hover h6 {
    color: #fff;
}

#bar-inr .secure {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

#bar-inr .secure #entire-btn i {
    right: -0px;
}

#bar-inr .secure #entire-btn {
    background: #000 !important;
    border-color: #000 !important;
}

#entire-btn.black-btn:hover {
    color: #fff !important;
}

#entire-btn.black-btn:hover i {
    color: #fff !important;
}

#bar-inr .text-blk {
    padding-top: 40px;
    margin-top: 40px;
    border-top: 1px solid #fecacaad;
}

#bar-inr .vc_column-inner:hover .text-blk {
    border-color: #ffffff54;
}

#bar .row-bg {
	position: relative;
}

#bar .row-bg:before {
    content: '';
    position: absolute;
    background: #ff1a2d38;
    height: 1250px;
    width: 735px;
    top: -10%;
    left: 60%;
    border-radius: 50%;
    filter: blur(100px);
    rotate: -33.89deg;
}

#bar-inr .row-bg:before, #inr-bar .row-bg:before {
	display: none;
}

/* bar page CSS end */

/* contact section CSS start */

#contact-us .vc_column-inner {
    background: #fcf2f2ab;
    padding: 40px 40px;
    border: 1px solid #E5E5E5;
}

#contact-us h6 {
    color: #737373;
}

#contact-us h4 {
    color: #FF1E27;
}

#contact-us p {
    color: #000000;
}

#contact-us h5 {
    color: #000;
    text-transform: capitalize;
    font-family: 'Montserrat';
}

#contact-us iframe {
    height: 400px;
}

#contact-us .black-col .vc_column-inner {
    background: #171717;
}

#contact-us label {
    color: #A3A3A3;
    font-family: 'Montserrat';
    text-transform: uppercase;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: 1px;
}

#contact-us h3 {
    color: #fff;
    font-family: 'Montserrat';
    letter-spacing: 2px;
}

#contact-us .black-col h6 {
    color: #FF1E27;
}

#contact-us input, #contact-us textarea {
    background: #000;
    padding: 10px 15px;
    font-size: 15px;
    line-height: 23px;
    color: #fff;
    font-family: 'Montserrat';
    font-weight: 400;
}

#contact-us input::placeholder, #contact-us textarea::placeholder {
    font-size: 15px;
    line-height: 23px;
    color: #6B7280;
    font-family: 'Montserrat';
}

#contact-us textarea {
    height: 130px;
}

#contact-us .btn {
    padding: unset;
}

#contact-us .btn input {
    width: 100%;
    background: #FF1E27;
    border: 1px solid #FF1E27;
    font-size: 18px;
    line-height: 26px;
    transition: all 0.5s;
    opacity: 1 !important;
}

#contact-us .btn input:hover {
    background: #fff;
    color: #FF1E27;
    transform: unset !important;
    box-shadow: unset !important;
}

#contact-us .row-bg {
    position: relative;
}

#contact-us .row-bg:before {
    content: '';
    position: absolute;
    background: #ff1a2d38;
    height: 1250px;
    width: 735px;
    top: -10%;
    left: 60%;
    border-radius: 50%;
    filter: blur(100px);
    rotate: -33.89deg;
}

/* contact section CSS end */

/* pricing section CSS start */

#pricing-inr .vc_column-inner {
    background: #0A0A0A;
    padding: 30px 30px;
    border: 1px solid #262626;
    transition: all 0.5s;
}

#pricing-inr .vc_column-inner:hover {
    transform: scale(0.95);
}

#pricing-inr h4, #pricing-inr h6, #pricing-inr p, #pricing-inr h5 {
    color: #fff;
    transition: all 0.5s;
}

#pricing-inr .grey {
    color: #fff;
    transition: all 0.5s;
}

#pricing-inr #entire-btn {
    width: 100%;
    text-align: center;
    transition: all 0.5s;
}

#pricing-inr h6.flexing {
    background: #262626;
    display: inline-block;
    padding: 5px 15px;
    transition: all 0.5s;
}

#pricing-inr .type-blk {
    min-height: 400px;
}

#pricing-inr .text-blk {
    margin-top: 190px;
}

#pricing-inr .text-blk h6 {
    color: #737373;
}

#entire-btn.white-bg {
    background: #fff !important;
    color: #000;
    border-color: #fff;
}

#pricing-inr .vc_column-inner:hover #entire-btn.white-bg {
    background: #FF1E27 !important;
    color: #fff !important;
    border-color: #FF1E27;
}

#pricing-inr .vc_column-inner:hover h6.flexing {
    color: #FF1E27;
    background: #ff1e272b;
}

#pricing-inr .vc_column-inner:hover h6.grey {
    color: #A3A3A3;
}

#pricing-inr span.month {
    font-size: 16px;
    line-height: 24px;
    font-family: 'Montserrat';
    text-transform: lowercase;
    color: #A3A3A3;
    font-weight: 400;
}

/* pricing section CSS end */

/* design section CSS start */

#design h6 {
    color: #EF4444;
}

#design h2 {
    color: #fff;
    max-width: 850px;
    display: inline-block;
}

#design p {
    color: #D4D4D4;
    max-width: 690px;
    display: inline-block;
}

#design .row-bg {
    position: relative;
}

#design .row-bg:before {
    content: '';
    position: absolute;
    background: #ff1a2d38;
    height: 1250px;
    width: 735px;
    top: -10%;
    left: 60%;
    border-radius: 50%;
    filter: blur(100px);
    rotate: -33.89deg;
}

#design .row-bg:after {
    content: '';
    position: absolute;
    background: #ff1a2d38;
    height: 1250px;
    width: 735px;
    top: 20%;
    left: 0;
    border-radius: 50%;
    filter: blur(100px);
    rotate: -33.89deg;
}

/* design section CSS end */


/* =========================================
   Extra Large Screens / 4K / Wide Monitors
========================================= */
@media (min-width: 1600px) and (max-width: 1750px) {
	
#hero {
    padding-top: 185px !important;
    padding-bottom: 185px !important;
}
	
#top .container {
    padding: 0px 100px !important;
}

#hero {
    padding-left: 100px !important;
}

#hero h1 {
    font-size: 170px !important;
    line-height: 178px !important;
}

#first {
    padding: 120px 0px !important;
}

#footer {
    padding-left: 100px !important;
    padding-right: 100px !important;
}
	
}
/* =========================================
   Large Desktop Screens
========================================= */
@media (min-width: 1400px) and (max-width: 1599px) {
	
#top .container {
    padding: 0px 80px !important;
}

#hero {
    padding-left: 80px !important;
}

#hero h1 {
    font-size: 150px !important;
    line-height: 158px !important;
}

#first {
    padding: 110px 0px !important;
}

#footer {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
}

#top nav > ul > li > a {
    font-size: 14px !important;
    line-height: 22px !important;
    padding: 0px 15px !important;
}

#hero .wpb_text_column img {
    max-width: 410px !important;
}

h2 {
    font-size: 50px !important;
    line-height: 58px !important;
}

span.big {
    font-size: 70px !important;
    line-height: 78px !important;
}

.pad-row {
    padding-top: 80px !important;
    padding-bottom: 80px !important;
}

#welcome .row-bg-wrap:before {
    right: 0% !important;
}

#welcome .row-bg:after {
    left: -4% !important;
}

p, ul li {
    font-size: 16px !important;
    line-height: 24px !important;
}

#heat .pad-blk .vc_column-inner {
    padding: 100px 100px !important;
}

h3 {
    font-size: 40px !important;
    line-height: 48px !important;
}

#heat h3 img {
    max-width: 100px !important;
}

#entire-btn {
    font-size: 16px !important;
    line-height: 24px !important;
    padding: 12px 30px !important;
}

#entire-btn i {
    right: 25px !important;
}

#stay {
    padding: 40px 0px !important;
}
	
#inr-footer {
	padding: 25px 0px !important;
}
	
#hero {
    padding-top: 140px !important;
    padding-bottom: 140px !important;
}
	
#inr-banner {
    padding: 160px 0px !important;
}
	
}
/* =========================================
   Desktop / Large Laptop
========================================= */
@media (min-width: 1200px) and (max-width: 1399px) {
	
#inr-banner {
    padding: 160px 0px !important;
}
	
#hero {
    padding-top: 154px !important;
    padding-bottom: 155px !important;
}
	
#top .container {
    padding: 0px 60px !important;
}

#hero {
    padding-left: 80px !important;
}

#hero h1 {
    font-size: 120px !important;
    line-height: 128px !important;
}

#first {
    padding: 80px 0px !important;
}

#footer {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
}

#top nav > ul > li > a {
    font-size: 12px !important;
    line-height: 20px !important;
    padding: 0px 10px !important;
}

#hero .wpb_text_column img {
    max-width: 320px !important;
}

h2 {
    font-size: 45px !important;
    line-height: 53px !important;
}

span.big {
    font-size: 70px !important;
    line-height: 78px !important;
}

.pad-row {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
}

#welcome .row-bg-wrap:before {
    right: 0% !important;
    height: 650px !important;
    width: 650px !important;
}

#welcome .row-bg:after {
    left: -4% !important;
    height: 1050px !important;
    width: 535px !important;
}

p, ul li {
    font-size: 15px !important;
    line-height: 23px !important;
}

#heat .pad-blk .vc_column-inner {
    padding: 70px 70px !important;
}

h3 {
    font-size: 40px !important;
    line-height: 48px !important;
}

#heat h3 img {
    max-width: 100px !important;
}

#entire-btn {
    font-size: 15px !important;
    line-height: 23px !important;
    padding: 10px 25px !important;
}

#entire-btn i {
    right: 20px !important;
    font-size: 15px !important;
}

#stay {
    padding: 30px 0px !important;
}

#top nav > ul > li#menu-item-37 > a {
    padding: 10px 20px !important;
}

#top ul.sf-menu.sf-js-enabled.sf-arrows {
    left: -20px !important;
}

h5 {
    font-size: 18px !important;
    line-height: 26px !important;
}

#welcome .row-bg:before {
    height: 600px !important;
    width: 600px !important;
    top: -35% !important;
}

#inr-find h2 img {
    max-width: 110px !important;
}

#heat .pad-blk .vc_column-inner:before {
    top: -20% !important;
    right: -20% !important;
    height: 500px !important;
    width: 500px !important;
}

#first h2 img {
    max-width: 100px !important;
}

#first p {
    max-width: 480px !important;
}

#stay ul.social {
    gap: 15px !important;
}

#stay .type-blk:before {
    right: 15% !important;
}

#footer ul {
    gap: 15px !important;
}
	
#inr-footer {
	padding: 20px 0px !important;
}
	
}
/* =========================================
   Small Laptop / Notebook
========================================= */
@media (min-width: 992px) and (max-width: 1199px) {
	
#hero {
    padding-top: 70px !important;
    padding-bottom: 70px !important;
}
	
#top .container {
    padding: 0px 30px !important;
}

#hero {
    padding-left: 30px !important;
}

#hero h1 {
    font-size: 100px !important;
    line-height: 108px !important;
}

#first {
    padding: 80px 0px !important;
}

#footer {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
}

#top nav > ul > li > a {
    font-size: 12px !important;
    line-height: 20px !important;
    padding: 0px 8px !important;
}

#hero .wpb_text_column img {
    max-width: 240px !important;
}

h2 {
    font-size: 40px !important;
    line-height: 48px !important;
}

span.big {
    font-size: 60px !important;
    line-height: 68px !important;
}

.pad-row {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
}

#welcome .row-bg-wrap:before {
    right: 0% !important;
    height: 650px !important;
    width: 650px !important;
}

#welcome .row-bg:after {
    left: -4% !important;
    height: 1050px !important;
    width: 535px !important;
}

p, ul li {
    font-size: 14px !important;
    line-height: 22px !important;
}

#heat .pad-blk .vc_column-inner {
    padding: 70px 70px !important;
}

h3 {
    font-size: 40px !important;
    line-height: 48px !important;
}

#heat h3 img {
    max-width: 100px !important;
}

#entire-btn {
    font-size: 15px !important;
    line-height: 23px !important;
    padding: 10px 25px !important;
}

#entire-btn i {
    right: 20px !important;
    font-size: 15px !important;
}

#stay {
    padding: 30px 0px !important;
}

#top nav > ul > li#menu-item-37 > a {
    padding: 8px 12px !important;
}

#top ul.sf-menu.sf-js-enabled.sf-arrows {
    left: -10px !important;
}

h5 {
    font-size: 16px !important;
    line-height: 24px !important;
}

#welcome .row-bg:before {
    height: 600px !important;
    width: 600px !important;
    top: -35% !important;
}

#inr-find h2 img {
    max-width: 110px !important;
}

#heat .pad-blk .vc_column-inner:before {
    top: -20% !important;
    right: -20% !important;
    height: 500px !important;
    width: 500px !important;
}

#first h2 img {
    max-width: 100px !important;
}

#first p {
    max-width: 480px !important;
}

#stay ul.social {
    gap: 15px !important;
}

#stay .type-blk:before {
    right: 15% !important;
}

#footer ul {
    gap: 15px !important;
}
	
#inr-footer {
	padding: 20px 0px !important;
}

#header-outer #logo img {
    height: 60px !important;
}

#classic-inr.inr-classic {
    padding-top: 40px !important;
}

#inr-banner {
    padding: 110px 0px !important;
}

#contact-us .vc_column-inner {
    padding: 20px 20px !important;
}

#contact-us iframe {
    height: 250px !important;
}

#contact-us input, #contact-us textarea {
    padding: 8px 12px !important;
    font-size: 14px !important;
    line-height: 22px !important;
}

#contact-us input::placeholder, #contact-us textarea::placeholder {
    padding: 8px 12px !important;
    font-size: 14px !important;
}
	
}
/* =========================================
   Tablet / iPad
========================================= */
@media (min-width: 768px) and (max-width: 991px) {
	
#hero {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
}
	
#top .container {
    padding: 0px 30px !important;
}

#hero {
    padding-left: 20px !important;
}

#hero h1 {
    font-size: 80px !important;
    line-height: 88px !important;
}

#first {
    padding: 80px 0px !important;
}

#footer {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
}

#top nav > ul > li > a {
    font-size: 12px !important;
    line-height: 20px !important;
    padding: 0px 8px !important;
}

#hero .wpb_text_column img {
    max-width: 180px !important;
}

h2 {
    font-size: 30px !important;
    line-height: 38px !important;
}

span.big {
    font-size: 50px !important;
    line-height: 58px !important;
}

.pad-row {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
}

#welcome .row-bg-wrap:before {
    right: 0% !important;
    height: 650px !important;
    width: 650px !important;
}

#welcome .row-bg:after {
    left: -4% !important;
    height: 1050px !important;
    width: 535px !important;
}

p, ul li {
    font-size: 14px !important;
    line-height: 22px !important;
}

#heat .pad-blk .vc_column-inner {
    padding: 70px 70px !important;
}

h3 {
    font-size: 40px !important;
    line-height: 48px !important;
}

#heat h3 img {
    max-width: 100px !important;
}

#entire-btn {
    font-size: 14px !important;
    line-height: 22px !important;
    padding: 8px 20px !important;
}

#entire-btn i {
    right: 17px !important;
    font-size: 14px !important;
}

#stay {
    padding: 30px 0px !important;
}

#top nav > ul > li#menu-item-37 > a {
    padding: 8px 12px !important;
}

#top ul.sf-menu.sf-js-enabled.sf-arrows {
    left: -10px !important;
}

h5 {
    font-size: 16px !important;
    line-height: 24px !important;
}

#welcome .row-bg:before {
    height: 600px !important;
    width: 600px !important;
    top: -35% !important;
}

#inr-find h2 img {
    max-width: 110px !important;
}

#heat .pad-blk .vc_column-inner:before {
    top: -20% !important;
    right: -20% !important;
    height: 500px !important;
    width: 500px !important;
}

#first h2 img {
    max-width: 100px !important;
}

#first p {
    max-width: 480px !important;
}

#stay ul.social {
    gap: 15px !important;
}

#stay .type-blk:before {
    right: 15% !important;
}

#footer ul {
    gap: 15px !important;
}
	
#inr-footer {
	padding: 20px 0px !important;
}

#header-outer #logo img {
    height: 60px !important;
}

#classic-inr.inr-classic {
    padding-top: 40px !important;
}

#inr-banner {
    padding: 110px 0px !important;
}

#contact-us .vc_column-inner {
    padding: 20px 20px !important;
}

#contact-us iframe {
    height: 250px !important;
}

#contact-us input, #contact-us textarea {
    padding: 8px 12px !important;
    font-size: 14px !important;
    line-height: 22px !important;
}

#contact-us input::placeholder, #contact-us textarea::placeholder {
    padding: 8px 12px !important;
    font-size: 14px !important;
}

#header-outer {
    padding: unset !important;
}

header#top {
    padding: 10px 0px !important;
}

body #top #logo img, #header-outer[data-permanent-transparent="false"] #logo .dark-version {
    height: 60px !important;
}

#header-outer .slide-out-widget-area-toggle.mobile-icon .lines:before, #header-outer .slide-out-widget-area-toggle.mobile-icon .lines:after, #header-outer .slide-out-widget-area-toggle a .lines-button:after {
    background: #fff !important;
}

#top .span_9>.slide-out-widget-area-toggle>div {
    border: 1px solid #fff !important;
    border-radius: 10px !important;
    padding: 10px !important;
}

#header-outer:not(.transparent) #top .slide-out-widget-area-toggle .close-line {
    background: #fff !important;
}

#slide-out-widget-area-bg {
    background: #080c14cc !important;
    backdrop-filter: blur(10px) !important;
}

#slide-out-widget-area.fullscreen .inner .off-canvas-menu-container li a {
    opacity: 1 !important;
    text-transform: uppercase !important;
    font-size: 28px !important;
    line-height: 36px !important;
    border: 1px solid #fff !important;
    border-radius: 50px !important;
    text-align: left !important;
    padding: 10px 20px !important;
    margin-bottom: 10px !important;
}

body #slide-out-widget-area .inner .off-canvas-menu-container li.menu-item-has-icon>a {
    justify-content: start !important;
}

#hero .border-blk {
    padding-left: 10px !important;
    max-width: 580px;
}

h6 {
    font-size: 12px !important;
    line-height: 20px !important;
}

.contact-form .row {
    padding: unset !important;
}
	
}
/* =========================================
   Large Mobile Devices
========================================= */
@media (min-width: 576px) and (max-width: 767px) {
	
#hero {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
}
	
#top .container {
    padding: 0px 30px !important;
}

#hero {
    padding-left: 20px !important;
    padding-right: 20px !important;
}

#hero h1 {
    font-size: 50px !important;
    line-height: 58px !important;
}

#first {
    padding: 20px 0px !important;
}

#footer {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
}

#top nav > ul > li > a {
    font-size: 12px !important;
    line-height: 20px !important;
    padding: 0px 8px !important;
}

#hero .wpb_text_column img {
    max-width: 130px !important;
}

h2 {
    font-size: 25px !important;
    line-height: 33px !important;
}

span.big {
    font-size: 40px !important;
    line-height: 48px !important;
}

.pad-row {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
}

#welcome .row-bg-wrap:before {
    right: 0% !important;
    height: 650px !important;
    width: 650px !important;
}

#welcome .row-bg:after {
    left: -4% !important;
    height: 1050px !important;
    width: 535px !important;
}

p, ul li {
    font-size: 14px !important;
    line-height: 22px !important;
}

#heat .pad-blk .vc_column-inner {
    padding: 30px 30px !important;
}

h3 {
    font-size: 22px !important;
    line-height: 30px !important;
}

#heat h3 img {
    max-width: 70px !important;
}

#entire-btn {
    font-size: 12px !important;
    line-height: 20px !important;
    padding: 6px 15px !important;
}

#entire-btn i {
    right: 14px !important;
    font-size: 12px !important;
}

#stay {
    padding: 30px 0px !important;
}

#top nav > ul > li#menu-item-37 > a {
    padding: 8px 12px !important;
}

#top ul.sf-menu.sf-js-enabled.sf-arrows {
    left: -10px !important;
}

h5 {
    font-size: 14px !important;
    line-height: 23px !important;
}

#welcome .row-bg:before {
    height: 600px !important;
    width: 600px !important;
    top: -35% !important;
}

#inr-find h2 img {
    max-width: 110px !important;
}

#heat .pad-blk .vc_column-inner:before {
    top: -20% !important;
    right: -20% !important;
    height: 500px !important;
    width: 500px !important;
}

#first h2 img {
    max-width: 100px !important;
}

#first p {
    max-width: 480px !important;
}

#stay ul.social {
    gap: 10px !important;
    justify-content: start !important;
    flex-direction: column;
    align-items: start;
}

#stay .type-blk:before {
    right: 35% !important;
    bottom: -21px !important;
}

#footer ul {
    gap: 10px !important;
    justify-content: start;
    align-items: start;
    flex-direction: column;
}
	
#inr-footer {
	padding: 20px 0px !important;
}

#header-outer #logo img {
    height: 60px !important;
}

#classic-inr.inr-classic {
    padding-top: 20px !important;
}

#inr-banner {
    padding: 50px 0px !important;
}

#contact-us .vc_column-inner {
    padding: 20px 20px !important;
}

#contact-us iframe {
    height: 250px !important;
}

#contact-us input, #contact-us textarea {
    padding: 8px 12px !important;
    font-size: 14px !important;
    line-height: 22px !important;
}

#contact-us input::placeholder, #contact-us textarea::placeholder {
    padding: 8px 12px !important;
    font-size: 14px !important;
}

#header-outer {
    padding: unset !important;
}

header#top {
    padding: 10px 0px !important;
}

body #top #logo img, #header-outer[data-permanent-transparent="false"] #logo .dark-version {
    height: 60px !important;
}

#header-outer .slide-out-widget-area-toggle.mobile-icon .lines:before, #header-outer .slide-out-widget-area-toggle.mobile-icon .lines:after, #header-outer .slide-out-widget-area-toggle a .lines-button:after {
    background: #fff !important;
}

#top .span_9>.slide-out-widget-area-toggle>div {
    border: 1px solid #fff !important;
    border-radius: 10px !important;
    padding: 10px !important;
}

#header-outer:not(.transparent) #top .slide-out-widget-area-toggle .close-line {
    background: #fff !important;
}

#slide-out-widget-area-bg {
    background: #080c14cc !important;
    backdrop-filter: blur(10px) !important;
}

#slide-out-widget-area.fullscreen .inner .off-canvas-menu-container li a {
    opacity: 1 !important;
    text-transform: uppercase !important;
    font-size: 28px !important;
    line-height: 36px !important;
    border: 1px solid #fff !important;
    border-radius: 50px !important;
    text-align: left !important;
    padding: 10px 20px !important;
    margin-bottom: 10px !important;
}

body #slide-out-widget-area .inner .off-canvas-menu-container li.menu-item-has-icon>a {
    justify-content: start !important;
}

#hero .border-blk {
    padding-left: 10px !important;
    max-width: 580px;
}

.contact-form .row {
    padding: unset !important;
}

h6 {
    font-size: 12px !important;
    line-height: 20px !important;
}

#welcome .left-col .vc_column-inner {
    padding-right: 0 !important;
}

#inr-find .right-col {
    text-align: left;
}

#first .row-bg {
    background-position: right !important;
    background-color: #000 !important;
}

#first .row-bg:before {
    content: '';
    position: absolute;
    background: #00000059;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
}

#stay .locate {
    flex-direction: column !important;
    gap: 0px !important;
}

#inr-footer .right-col {
    text-align: left;
}

h1 {
    font-size: 28px !important;
    line-height: 36px !important;
}

#bar-inr .vc_column-inner {
    padding: 20px 20px !important;
}

#bar-inr .secure {
    flex-direction: column;
    align-items: start !important;
}

#bar-inr .secure #entire-btn i {
    right: 0 !important;
}

#bar-inr .text-blk {
    padding-top: 20px !important;
    margin-top: 20px !important;
}

#faq .toggle {
    padding: 10px 20px !important;
}

#faq h3 a {
    padding: 10px 50px 10px 0px !important;
    font-size: 16px !important;
    line-height: 24px !important;
}

#question-inr {
    padding: 20px 20px !important;
}

#question-inr .right-col {
    text-align: left !important;
}
	
}
/* =========================================
   Mobile Devices
========================================= */
@media (max-width: 575px) {
	
#hero {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
}
	
#top .container {
    padding: 0px 30px !important;
}

#hero {
    padding-left: 20px !important;
    padding-right: 20px !important;
}

#hero h1 {
    font-size: 50px !important;
    line-height: 58px !important;
}

#first {
    padding: 20px 0px !important;
}

#footer {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
}

#top nav > ul > li > a {
    font-size: 12px !important;
    line-height: 20px !important;
    padding: 0px 8px !important;
}

#hero .wpb_text_column img {
    max-width: 130px !important;
}

h2 {
    font-size: 25px !important;
    line-height: 33px !important;
}

span.big {
    font-size: 40px !important;
    line-height: 48px !important;
}

.pad-row {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
}

#welcome .row-bg-wrap:before {
    right: 0% !important;
    height: 650px !important;
    width: 650px !important;
}

#welcome .row-bg:after {
    left: -4% !important;
    height: 1050px !important;
    width: 535px !important;
}

p, ul li {
    font-size: 14px !important;
    line-height: 22px !important;
}

#heat .pad-blk .vc_column-inner {
    padding: 30px 30px !important;
}

h3 {
    font-size: 22px !important;
    line-height: 30px !important;
}

#heat h3 img {
    max-width: 70px !important;
}

#entire-btn {
    font-size: 12px !important;
    line-height: 20px !important;
    padding: 6px 15px !important;
}

#entire-btn i {
    right: 14px !important;
    font-size: 12px !important;
}

#stay {
    padding: 30px 0px !important;
}

#top nav > ul > li#menu-item-37 > a {
    padding: 8px 12px !important;
}

#top ul.sf-menu.sf-js-enabled.sf-arrows {
    left: -10px !important;
}

h5 {
    font-size: 14px !important;
    line-height: 23px !important;
}

#welcome .row-bg:before {
    height: 600px !important;
    width: 600px !important;
    top: -35% !important;
}

#inr-find h2 img {
    max-width: 110px !important;
}

#heat .pad-blk .vc_column-inner:before {
    top: -20% !important;
    right: -20% !important;
    height: 500px !important;
    width: 500px !important;
}

#first h2 img {
    max-width: 100px !important;
}

#first p {
    max-width: 480px !important;
}

#stay ul.social {
    gap: 10px !important;
    justify-content: start !important;
    flex-direction: column;
    align-items: start;
}

#stay .type-blk:before {
    right: 35% !important;
    bottom: -21px !important;
}

#footer ul {
    gap: 10px !important;
    justify-content: start;
    align-items: start;
    flex-direction: column;
}
	
#inr-footer {
	padding: 20px 0px !important;
}

#header-outer #logo img {
    height: 60px !important;
}

#classic-inr.inr-classic {
    padding-top: 20px !important;
}

#inr-banner {
    padding: 50px 0px !important;
}

#contact-us .vc_column-inner {
    padding: 20px 20px !important;
}

#contact-us iframe {
    height: 250px !important;
}

#contact-us input, #contact-us textarea {
    padding: 8px 12px !important;
    font-size: 14px !important;
    line-height: 22px !important;
}

#contact-us input::placeholder, #contact-us textarea::placeholder {
    padding: 8px 12px !important;
    font-size: 14px !important;
}

#header-outer {
    padding: unset !important;
}

header#top {
    padding: 10px 0px !important;
}

body #top #logo img, #header-outer[data-permanent-transparent="false"] #logo .dark-version {
    height: 60px !important;
}

#header-outer .slide-out-widget-area-toggle.mobile-icon .lines:before, #header-outer .slide-out-widget-area-toggle.mobile-icon .lines:after, #header-outer .slide-out-widget-area-toggle a .lines-button:after {
    background: #fff !important;
}

#top .span_9>.slide-out-widget-area-toggle>div {
    border: 1px solid #fff !important;
    border-radius: 10px !important;
    padding: 10px !important;
}

#header-outer:not(.transparent) #top .slide-out-widget-area-toggle .close-line {
    background: #fff !important;
}

#slide-out-widget-area-bg {
    background: #080c14cc !important;
    backdrop-filter: blur(10px) !important;
}

#slide-out-widget-area.fullscreen .inner .off-canvas-menu-container li a {
    opacity: 1 !important;
    text-transform: uppercase !important;
    font-size: 28px !important;
    line-height: 36px !important;
    border: 1px solid #fff !important;
    border-radius: 50px !important;
    text-align: left !important;
    padding: 10px 20px !important;
    margin-bottom: 10px !important;
}

body #slide-out-widget-area .inner .off-canvas-menu-container li.menu-item-has-icon>a {
    justify-content: start !important;
}

#hero .border-blk {
    padding-left: 10px !important;
    max-width: 580px;
}

.contact-form .row {
    padding: unset !important;
}

h6 {
    font-size: 12px !important;
    line-height: 20px !important;
}

#welcome .left-col .vc_column-inner {
    padding-right: 0 !important;
}

#inr-find .right-col {
    text-align: left;
}

#first .row-bg {
    background-position: right !important;
    background-color: #000 !important;
}

#first .row-bg:before {
    content: '';
    position: absolute;
    background: #00000059;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
}

#stay .locate {
    flex-direction: column !important;
    gap: 0px !important;
}

#inr-footer .right-col {
    text-align: left;
}

h1 {
    font-size: 28px !important;
    line-height: 36px !important;
}

#bar-inr .vc_column-inner {
    padding: 20px 20px !important;
}

#bar-inr .secure {
    flex-direction: column;
    align-items: start !important;
}

#bar-inr .secure #entire-btn i {
    right: 0 !important;
}

#bar-inr .text-blk {
    padding-top: 20px !important;
    margin-top: 20px !important;
}

#faq .toggle {
    padding: 10px 20px !important;
}

#faq h3 a {
    padding: 10px 50px 10px 0px !important;
    font-size: 16px !important;
    line-height: 24px !important;
}

#question-inr {
    padding: 20px 20px !important;
}

#question-inr .right-col {
    text-align: left !important;
}
	
}