@import url(fonts/fonts.css);
@import url('https://use.fontawesome.com/releases/v6.7.2/css/all.css');
@import url('https://fonts.googleapis.com/css2?family=Ballet:opsz@16..72&family=Mulish:ital,wght@0,200..1000;1,200..1000&display=swap');

html { margin: 0; padding:0; overflow-x:hidden;}
body{ 
font-family: 'Mulish', sans-serif; font-weight:normal; padding:0; color:#1c1c1c; background:#fff; font-weight:400; padding-right:0!important; overflow-x:hidden; position:relative;
font-size:16px;
line-height:1.5;
min-height:100%;
}
body:before{position:absolute; left:0; right:0; height:1px; background:#fff; content:''; display:block; z-index:-1;}

/*	--------------------------------------------------
Global Reset & Standards
-------------------------------------------------- */

a:focus, .active{outline: none !important; box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0)!important;}
::placeholder { color: #222; }

:root{--red:#ed1c24; --blue:#00aeef; --gray:#a9b5af;  --dark:#231f20; --green:#718067;}

img{border:0;}
a{color:var(--red); text-decoration:none;
-webkit-transition:all .2s ease-in-out;
-moz-transition:all .2s ease-in-out;
-ms-transition:all .2s ease-in-out;
-o-transition:all .2s ease-in-out;
transition:all .2s ease-in-out;
}
a:hover{text-decoration:none; color:#000;}


h1, h2, h3, h4, h5{margin:0 0 15px; padding:0; font-weight:700; line-height:1.3;}


.container-fluid{ max-width:1500px;}


@keyframes blinker {
  50% { opacity: 0.2;}
}


.scroll-downs {
  position: absolute;
  top: auto;
  right: 0;
  bottom: 10vh;
  left: 0;
  margin: auto;
  width :28px;
  height: 25px;
  z-index:5; cursor:pointer;
}

.mousey {
  width: 3px;
  padding: 7px 12px;
  height: 28px;
  border: 2px solid var(--dark);
  border-radius: 25px;
  opacity: 0.75;
  box-sizing: content-box;
}
.scroller {
  width: 3px;
  height: 10px;
  border-radius: 25%;
  background-color: var(--red);
  animation-name: scroll;
  animation-duration: 2.2s;
  animation-timing-function: cubic-bezier(.15,.41,.69,.94);
  animation-iteration-count: infinite;
}
@keyframes scroll {
  0% { opacity: 0; }
  10% { transform: translateY(0); opacity: 1; }
  100% { transform: translateY(15px); opacity: 0;}
}


.fullArea{width:1400px; max-width:95%; margin:0 auto;}

.header-area{display:block; z-index:999; clear:both;}
#myHeader{background:#f2f1ef; padding:8px; border-bottom:1px rgba(255,255,255,0.2) solid; display:block;margin-top:1px; position:relative; z-index:9999;}
.logoIcon{display:none;}
.logoIcon a img{height:65px;}

.logo{text-align:center; display:block;}
.logo img{height:120px; margin:10px 0;}

/* Initial hidden sticky header */
.sticky {
  position: fixed!important;
  top: -100px; /* hidden above */
  left: 0;
  width: 100%;
  background: #fff !important;
  z-index: 9999;
  transition: top 0.4s ease, box-shadow 0.4s ease!important; /* smooth slide */
}

/* When active, slide it into view */
.sticky.active {
  top: -1px;
  box-shadow: 0 2px 6px rgba(0,0,0,0.3)!important;
}

.sticky .logoIcon{display:block;}
.sticky .logo{display:none;}


.bannerContentBox{text-align:center; padding:50px 0;background:#f2f1ef; background: linear-gradient(180deg,rgba(242, 241, 239, 1) 0%, rgba(255, 255, 255, 1) 100%);}
.bannerContentBox > div{width:800px; max-width:100%;}
.bannerContentBox h2{font-weight:500; font-size:60px; line-height:1.2; margin-bottom:30px;}
.bannerContentBox a{display:inline-block; padding:8px 25px; border:1px #222 solid; border-radius:30px;}


.sliderArea{display:block; overflow:hidden; clear:both; padding:0; position:relative; background:#222; overflow:hidden;}
/*.sliderArea:before{content:''; display:block; position:absolute; transform:translate(-50%,0%); left:50%; top:0;border-top:40px #fff solid;border-left:70px transparent solid;border-right:70px transparent solid; z-index:100;}*/
.sliderArea .carousel{opacity:1;}
.sliderArea .carousel-item{}
.sliderArea .carousel-item img{width:100%;}
.sliderArea .carousel-item img.mobile{display:none;}

@keyframes resize {
0% {transform:scale(1);}
50% {transform:scale(1.2);}
}

.carousel-indicators{ right:10px!important; left:auto!important; display:block!important; bottom:45%; margin:0!important; z-index:999; position:absolute;}
.carousel-indicators li{border:1px var(--green) solid; background:none; display:block!important; clear:both; margin:5px; width:12px; height:12px; border-radius:50%; cursor:pointer;}
.carousel-indicators li.active{background:var(--green);}



.aboutArea{display:block; padding:80px 0; background:var(--green); color:#fff; position:relative;}
.aboutArea:before{position:absolute; left:20%; width:20%; border-left:1px #fff solid; border-right:1px #fff solid; top:0; bottom:0; content:'';display:block; opacity:0.1;}
.aboutArea:after{position:absolute; right:20%; width:20%; border-left:1px #fff solid; border-right:1px #fff solid; top:0; bottom:0; content:'';display:block; opacity:0.1;}
.aboutArea > div{position:relative; z-index:5;}

.aboutArea h2{font-weight:600; line-height:1.2; font-size:42px;}
.aboutArea h3{font-weight:700; line-height:1; margin-bottom:5px; letter-spacing:1px; font-size:17px; text-transform:uppercase;}
.aboutArea a{display:inline-block; padding:8px 25px; min-width:150px; text-align:center; border:1px #222 solid; border-radius:30px; margin-top:10px;}
.aboutArea a:hover{background:#000; color:#fff;}

.fourPillers{display:block; padding:40px 0 0;}
.fourPillers h4{font-size:120px; text-align:center; display:block; text-transform:uppercase; margin-bottom:50px; position:relative;
text-shadow: 0px 12px 0px #2b3127;
}
.fourPillers h5{font-size:30px; text-transform:uppercase; line-height:1.1; font-weight:500; margin-bottom:5px;}
.fourPillers img{box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;}
.fourPillers [class^="col-"] > div{position:relative; display:block; overflow:hidden;}
.fourPillers [class^="col-"] > div > span{position:absolute; transition:all .3s ease-in-out; left:0; right:0; top:175px; bottom:-150px; z-index:5; background:rgba(0,0,0,0.7); color:#fff; padding:20px; display:block; font-size:15px; line-height:1.2;}
.fourPillers [class^="col-"]:hover > div > span{top:0; bottom:0;}


.videoArea{background:#606e8a; display:block; margin:0 auto 25px; width:100%; max-width:100%; position:relative; overflow:hidden;}
.videoArea > img{display:block; width:100%; position:relative; z-index:5;}
.videoArea > video{position:absolute; top:-200px; bottom:0; left:0; right:0;}


.ourRooms{padding:60px 0; margin-bottom:0; position:relative}
.ourRooms [class^="col-"] > a{color:var(--blue); border:1px var(--blue) solid; padding:8px 30px; border-radius:30px; display:inline-block; margin-top:25px;}
.ourRooms [class^="col-"] > a:hover{background:var(--blue)!important; color:#fff!important;}
.ourRooms [class^="col-"] > h4 {font-size:16px; font-weight:700; text-transform:uppercase; font-family: 'Mulish', sans-serif; margin-bottom:50px; letter-spacing:2px;}
.ourRooms [class^="col-"] > h3{position:relative; margin-bottom:10px; font-size:36px; font-weight:500;}
.ourRooms .item{position:relative;}
.ourRooms .owl-nav{position:absolute; top:auto; bottom:0px; right:0;}
.ourRooms .owl-nav .owl-prev, .ourRooms .owl-nav .owl-next{ float:left; left:0px; position:relative; display:block; background:none!important; border:2px var(--blue) solid!important; color:var(--blue); width:45px; height:45px; text-align:center; line-height:45px; border-radius:50%!important;
box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;}
.ourRooms .owl-nav .owl-next{float:right; left:auto; right:0px;}
.ourRooms .owl-nav .owl-prev:hover, .ourRooms .owl-nav .owl-next:hover{background:var(--blue)!important;}
.ourRooms .owl-nav .owl-prev:hover i, .ourRooms .owl-nav .owl-next:hover i{color:#fff;}
.ourRooms .owl-dots{width:50%; position: absolute; top: 10px;}
.ourRooms .owl-theme .owl-dots .owl-dot span{width:40px; height:5px;}



.pastProjectArea{background:var(--blue); color:#fff; display:block; overflow:hidden; padding:80px 0 40px;}
.pastProjectArea h2{margin-bottom:20px;}
.pastProjectArea p{margin-bottom:30px;}
.pastProjectArea .item > div{ padding:20px 15px;}
.pastProjectArea img{margin-bottom:0;}
.pastProjectArea h3{font-size:22px; margin-bottom:10px;}

.pastProjectArea .item > section, .pastProjectsList [class^="col-"] > section{position:relative; display:block; overflow:hidden;}
.pastProjectArea .item > section > span, .pastProjectsList [class^="col-"] > section > span{position:absolute; transition:all .3s ease-in-out; left:0; right:0; bottom:-50%; z-index:5; background:rgba(0,0,0,0.8); color:#fff; padding:20px; display:block; font-size:15px; line-height:1.2;}
.pastProjectArea .item:hover > section > span, .pastProjectsList [class^="col-"]:hover > section > span{bottom:0; font-size:16px; line-height:1.6;}


.whyUs{display:block; overflow:hidden; padding:80px 0;background:#f2f1ef; background: linear-gradient(180deg,rgba(242, 241, 239, 1) 0%, rgba(255, 255, 255, 1) 100%);}
.whyUs a{display:inline-block; padding:8px 25px; min-width:150px; text-align:center; border:1px #222 solid; color:#222; border-radius:30px; margin-top:10px;}
.whyUs a:hover{background:#000; color:#fff;}
.whyUs h3{font-size:36px; line-height:1.2; text-align:center; margin-bottom:40px;}
.whyUs img{width:100%; border-radius:10px;}


.accordion .card {
border: none;
border-radius: 0;
box-shadow: none;
background:none!important;
}
.accordion .card-header {
background: none!important;
padding: 0.5rem 1rem; border-bottom:2px #222 solid;
}
.accordion .btn-link {
font-size: 1.2rem;
color: #222;
text-decoration: none;
width: 100%;
text-align: left;
display: flex;
justify-content: space-between;
align-items: center; padding:0;
}
.accordion .btn-link:hover {
color: #000;
}
.accordion .card-body {
font-size: 0.95rem;
color: #555;
line-height: 1.6;
padding: 0.75rem 1rem;
}
.accordion img{height:45px; width:45px}
.accordion .icon {
transition: transform 0.3s ease;
}
.accordion .collapsed .icon {
transform: rotate(0deg);
}
.accordion .icon {
transform: rotate(180deg);
}


/* --- Reel Slideshow --- */
.reel{
  --dur: 12s;          /* total cycle duration (adjust) */
  --fade: 0.8s;        /* crossfade time */
  position: relative;
  width: 100%;
  max-width: 900px;    /* optional */
  aspect-ratio: 4/3;  /* set your preferred ratio; remove if not needed */
  overflow: hidden;
}

.reel img{
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0;
  animation: flash var(--dur) linear infinite;
  filter: contrast(1.02) saturate(1.02); /* subtle pop, optional */
}

/* Staggered delays for each frame */
.reel img:nth-child(1){ animation-delay: calc(var(--dur) * 0/4); }
.reel img:nth-child(2){ animation-delay: calc(var(--dur) * 1/4); }
.reel img:nth-child(3){ animation-delay: calc(var(--dur) * 2/4); }
.reel img:nth-child(4){ animation-delay: calc(var(--dur) * 3/4); }

/* Keyframes: each image is visible ~22% of the cycle with fades on/off */
@keyframes flash{
  /* start faded */
  0%{ opacity: 0; }
  /* fade in */
  calc(0% + var(--fade)) { opacity: 1; }
  /* stay visible */
  22%{ opacity: 1; }
  /* fade out */
  calc(22% + var(--fade)) { opacity: 0; }
  100%{ opacity: 0; }
}

/* Pause on hover (optional) */
.reel:hover img{ animation-play-state: paused; }

/* Respect reduced-motion preferences */
@media (prefers-reduced-motion: reduce){
  .reel img{ animation: none; opacity: 1; }
}


.parallaxArea{display:block; overflow:hidden; height:200px; clear:both; background:url('../images/parallax.jpg') no-repeat center center fixed; background-size:cover;}


.travelBlog{display:block; background:#ed1c24; padding:60px 0; color:#fff;}
.travelBlog h4{display:inline-block; background:var(--dark); font-size:14px; text-transform:uppercase; color:#fff; letter-spacing:1px; padding:15px 25px; font-weight:400;}
.travelBlog h2{font-size:30px;}

.travelBlogsListing [class^="col-"]:before{position:absolute; left:15px; right:15px; top:0; bottom:0; content:''; display:block; background:#fff; box-shadow: rgba(0, 0, 0, 0.2) 0px 12px 28px 0px, rgba(0, 0, 0, 0.1) 0px 2px 4px 0px, rgba(255, 255, 255, 0.05) 0px 0px 0px 1px inset;}
.travelBlogsListing [class^="col-"] > a{display:block; overflow:hidden;}
.travelBlogsListing [class^="col-"] > a img{transform: scale(1); transition:all .2s ease-in-out; min-height: 240px; object-fit: cover;}
.travelBlogsListing [class^="col-"] > a:hover img{transform: scale(1.5);}
.travelBlogsListing [class^="col-"] > div{display:block; overflow:hidden; padding:20px; color:#222; position:relative; z-index:5;}
.travelBlogsListing [class^="col-"] > div h3{font-size:16px; line-height:1.4;}
.travelBlogsListing [class^="col-"] > div a{color:#222; text-transform:uppercase; font-weight:600; font-size:14px;}
.travelBlogsListing [class^="col-"] > div + span{display:block; overflow:hidden; color:#222; padding:10px 20px; text-transform:uppercase; font-size:12px; border-top:1px rgba(0,0,0,0.2) solid; position:relative; z-index:5;}
.travelBlogsListing [class^="col-"] > div a:hover{ letter-spacing:1px;}
.travelBlogsListing [class^="col-"] > small a{position:absolute; font-size:10px; text-transform:uppercase; left:30px; top:15px; z-index:5; background:#fff; color:#222; padding:5px 12px; border:1px #ddd solid; display:block;}
.travelBlogsListing [class^="col-"] > small a:hover{background:var(--dark); color:#fff;}
.darkBtn{color:#fff; font-weight:700;}


.footer{display:block; clear:both; overflow:hidden; padding:60px 0 20px; position:relative; color:#fff; background:var(--dark);}
.footer > div{position:relative; z-index:5;}
.footer ul.links, .footer ul.contactLink{list-style-type:none; margin:0; padding:0; font-size:16px;}
.footer ul.links li{display:block;padding:4px 0;}
.footer ul.links li a, .footer ul.contactLink li a{color:#fff;}
.footer ul.links li a:hover, .footer ul.contactLink li a:hover{color:#cfbdb1;}
.footer ul.contactLink li{display:block;padding:4px; margin-bottom:15px;}
.footer ul.contactLink li a{font-size:24px;}
.footer ul.contactLink li:last-child a{background:#fff; border:1px #fff solid; padding:15px 45px; text-align:center; color:var(--red); font-size:17px; border-radius:50px;}
.footer ul.contactLink li:last-child a:hover{background:#000; color:#fff;}


.social-icons{margin:0; padding:0; list-style-type:none; position:relative;}
.social-icons li{display:inline-block; font-size:24px; margin:0 5px;}
.social-icons li a{color:#fff;}
.social-icons li a:hover{color:#cfbdb1;}
.footer p{font-size:14px; color:#fff; display:block; padding:0; margin:5px 0;}
.footer p a:hover{color:#cfbdb1;}
.footer hr{border-color:#fff;}
.footer .fa-chevron-up{font-size:18px; color:#cfbdb1;}




.modal-dialog {
max-width: 800px;
margin: 30px auto;
}
.modal-body {
position:relative;
padding:0px;
}
.close {
position:absolute;
right:10px;
top:10px;
z-index:999;
font-size:2rem;
font-weight: normal;
color:var(--red);
opacity:1;
}


.whatsappbtn{position:fixed; left:12px; bottom:12px; z-index:999;}






.innerHeader{background:var(--green); color:#fff; position: relative; display:block; padding:80px 0; overflow:hidden;}
.innerHeader > div{z-index: 5; position:relative;}
.innerHeader > div > img{position:absolute; right:0; top:-80px;}
.innerHeader > div .breadcrumbs{margin:0; padding:0;list-style-type:none; font-size:12px; text-transform:uppercase;}
.innerHeader > div .breadcrumbs li{display:inline-block;margin-right:10px;}
.innerHeader > div .breadcrumbs li a{color:#fff; font-weight:700;}
.innerHeader > div .breadcrumbs li a:after{content:'/'; display:inline-block; margin-left:10px;}
.innerHeader > div .breadcrumbs li a:hover{color:#fff; font-weight:600;}
.innerHeader h1{display:block; border-left:3px #fff solid; padding-left:15px; margin-bottom: 20px;}


.innerPage{display:block; overflow:hidden; padding:50px 0; font-size:17px;}
.innerPage h2{color:var(--red);}

.projectOverview{text-align:center; display:block; padding:60px 0;}
.projectOverview img{width:280px; max-width:100%; margin-bottom:20px;}
.projectOverview h2{font-size:24px;}

.projectHighlight .carousel-item img{width:100%;}
.projectHighlight [class^="col-"]:last-child > div{position:relative; padding:30px; color:#fff; background:var(--red);}
.projectHighlight [class^="col-"]:last-child > div:before{content:''; display:block; position:absolute; top:0; bottom:0; left:-30px; right:100%; background:var(--red); z-index:10;}
.projectHighlight [class^="col-"]:last-child > div span:first-child{display:block; font-weight:700; margin-bottom:20px;}
.projectHighlight ul{margin:0; padding:0; list-style-type:none;}
.projectHighlight ul li{position:relative; float:left; width:50%; padding-left:40px;}
.projectHighlight ul li i{position:absolute; left:0; top:5px; font-size:22px;}
.projectHighlight [class^="col-"]:last-child > div span:last-child{font-style:italic;}


.specificationsBox{text-align:center; padding:50px 0;}
/* Desktop: 3 columns */
.specificationsBox .container {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
}

/* Heading spans full width */
.specificationsBox h3 {
    grid-column: 1 / -1;
}

/* Item styling */
.specificationsBox p {
    margin: 0;
    text-align: left;
	padding: 15px;
  	background: #e1f4d4;
}
.specificationsBox p:nth-child(even) {background: #c6eefe;}

/* Mobile: 1 column */
@media (max-width: 768px) {
    .specificationsBox .container {
        grid-template-columns: 1fr;
    }
}


.locationBox{display:block; overflow:hidden; background:var(--green); padding:50px 0;}
.locationBox [class^="col-"] > div{padding:60px; color:#fff;}

.plans{text-align:center; padding:60px 0;}
.plans h4{font-size:16px;}

.quickContact{text-align:center; padding:40px; color:#fff; background:var(--blue);}
.quickContact a{display:inline-block; margin:5px; background:#fff; padding:10px 20px; font-weight:700;}
.quickContact a:hover{background:var(--red); color:#fff;}


.boxHighlights{display:block; padding:30px 30px 15px; margin-bottom:30px; border:1px #eee solid; border-top:3px var(--blue) solid; box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 1px, rgba(0, 0, 0, 0.07) 0px 2px 2px, rgba(0, 0, 0, 0.07) 0px 4px 4px, rgba(0, 0, 0, 0.07) 0px 8px 8px, rgba(0, 0, 0, 0.07) 0px 16px 16px;}


.BlogArea{ text-align: left;}
.BlogArea img{max-width:100%; height:auto; display:block; margin:0 0 15px;}
.BlogArea .wp-block-image img{max-width:100%; height:auto;}
.midArea .BlogArea strong{display:inline;}
.blogDates{display:block; overflow:hidden; padding:0 0 10px; margin:0 0 15px; border-bottom:2px var(--red) solid;text-align: left;}
.blogDates i{color:var(--red); margin:0 3px;}
.blogDates a{color:var(--red);}
.post-content p br{display:none!important;}

#comments{display:none!important; visibility:hidden;}


.tags{visibility:visible; margin-bottom:15px; font-size:13px; text-transform:uppercase; text-align: left;}
.tags a{padding:3px 8px; background:var(--red); color:#fff; display:inline-block; margin:0 3px; font-size:12px;}
.tags a:hover{background:var(--blue); color:#fff; border:none!important; text-decoration:none;}

article[class^="post-"]{display:block; overflow:hidden; padding:25px; margin-bottom:20px; border:1px #ddd solid; text-align: left;}
article[class^="post-"] h2{font-size:20px;}
article[class^="post-"] h3{font-size:17px;}

article[class^="post-"] .post-taxonomies{display:none;}
article[class^="post-"] a img{width:300px!important;margin-bottom:5px; max-width:100%!important;}
article[class^="post-"] a{color:#33ace3;}
article[class^="post-"] a:hover{color:var(--dark);}
article[class^="post-"] .posted-on{font-size:12px; display:block; padding:5px 10px; background:#ddd;}
article + .navigation.pagination{display:none;}



/* Blog Previous / Next Navigation Wrapper */
.post-navigation {
    margin: 60px 0;
    border-top: 1px solid #eee;
    padding-top: 40px;
}

/* Flex layout */
.post-navigation .nav-links {
    display: flex;
    justify-content: space-between;
    gap: 30px;
}

/* Individual navigation blocks */
.post-navigation .nav-previous,
.post-navigation .nav-next {
    width: 50%;
}

.post-navigation a {
    display: block;
    padding: 22px 26px;
    border-radius: 12px;
    background: #f9f9f9;
    text-decoration: none;
    transition: all 0.3s ease;
    height: 100%;
}

/* Hover effect */
.post-navigation a:hover {
    background: #fff3e6;
    box-shadow: 0 10px 25px rgba(0,0,0,0.08);
    transform: translateY(-3px);
}

/* Meta text (Previous / Next post) */
.post-navigation .meta-nav {
    display: block;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #999;
    margin-bottom: 8px;
    font-weight: 600;
}

/* Post title */
.post-navigation .post-title {
    font-size: 18px;
    line-height: 1.4;
    color: #111;
    font-weight: 600;
}

/* Align next post to right */
.post-navigation .nav-next {
    text-align: right;
}

/* Mobile Responsive */
@media (max-width: 768px) {
    .post-navigation .nav-links {
        flex-direction: column;
    }

    .post-navigation .nav-previous,
    .post-navigation .nav-next {
        width: 100%;
        text-align: left;
    }
}


/*------------------------------------*\
    Media Queries
\*------------------------------------*/


@media (min-width: 1400px){
}


@media (max-width: 1024px){

}

@media (max-width: 991px){

.logo{text-align:left;}
.logo img{height:80px; margin:0;}
#myHeader .no-gutters > [class*="col-"]:last-child{ height:0;}


.sliderArea .carousel-item img{display:none;}
.sliderArea .carousel-item img.mobile{display:block;}


#myHeader .no-gutters > [class*="col-"]:last-child{max-width:100%; flex:100%;}
#myHeader.sticky .no-gutters > [class*="col-"]:last-child{max-width:25%!important; flex:25%!important;}


.bannerContentBox h2{font-size:30px;}
.ourRooms .owl-dots{width:100%;}
.ourRooms .owl-nav{bottom:30px;}

.sliderArea .carousel-item{height:auto;}
.sliderArea .carousel-item video{width: 100%!important;}
}

@media (max-width: 767px){

.fourPillers h4{font-size:80px;}

[class^="col-"]:not(:last-child){margin-bottom:30px;}
#myHeader [class^="col-"]:not(:last-child){margin-bottom:0px;}

h2{font-size:30px!important;}
h3{font-size:24px!important;}

.sliderArea .contentBox{width:90%;}
.sliderArea .contentBox h2{font-size:28px;}
.sliderArea .contentBox p{font-size:15px;}
.nav-tab{font-size:12px;}
.formBox{padding:20px 30px;}
.formBox [class^="col-"], .formBox [class^="col-"]:first-child{border-bottom:1px #888 solid;}
.formBox [class^="col-"]:nth-child(3){border:none;}
.formBox [class^="col-"]:nth-child(4){border-bottom:none;}
.formBox [class^="col-"]:last-child{padding-top:10px; display:block;}

.ourRooms [class^="col-"]:first-child{margin-bottom:30px;}


.footer{text-align:center;}
.social-icons:before, .social-icons:after{display:none;}
.footer-nav li{width:100%;}
.footer-nav li{border:none; margin-bottom:8px;}

.footer [class^="col-"]{margin-bottom:15px;}

.newsArea svg{bottom: 10px;}
.newsArea svg:last-child{bottom: -5px;}
.footer svg{top: 10px;}
.footer svg.lastSvg{top: -5px;}

.projectHighlight ul li{width:100%;}
.innerHeader > div > img{position:relative; left:-40%; top:auto; bottom:-80px;}

	}

@media (max-width: 500px){
}

@media (max-width: 360px){
}


@media screen and (max-width: 1920px) and (min-width: 1240px){
}