:root {

--secondary-color: #d7ca59;
--active: #000;
}



*{box-sizing: border-box;outline: 0;transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}
body{margin: 0;padding: 0}
header{transition: 0.15s ease-in}
header.sticky nav{position: fixed;top: 0;left: 0;right: 0;background: #fff;z-index: 999;box-shadow: 1px -4px 13px #949494;border-top: 3px solid #242424}
.nav-top{padding: 13px 50px;background: #000;}
.nav-top ul{margin: 0}
.nav-top ul li{margin: 0 15px}
.nav-top a{color: #dedede;font-weight: 700;font-size: 1em;}
.nav-top a:hover{color: #fff;}
nav{padding: 0 15px;display: flex;justify-content: flex-start;align-items: center}
.site-brand{padding: 10px 15px;width: auto;}
.site-brand img{max-height: 63px;max-width: 100%;}
.site-nav ul{margin: 0;padding: 0;list-style: none;}
.site-nav ul li a{position: relative;text-decoration: none;color: #242424;padding: 7px 15px;display: block;font-weight: bold;font-size: 18px;}
.site-nav ul li:hover a, .site-nav ul li.active a{color: #fff;background: var(--secondary-color);}
header.sticky .site-brand {padding: 5px 0}
header.sticky .site-brand img{max-height: 45px}

.banner{position: relative;}
.banner > img{position: absolute;top: 0;left: 0;right: 0;bottom: 0;object-fit: cover;width: 100%;height: 100%}
.banner .bannerCaption{padding: 3em 0 1em;min-height: 300px;position: relative;z-index: 9;display: flex;align-items: center;flex-wrap: wrap}
.top-slider .banner .bannerCaption{padding: 7em 0 11em;min-height: 450px}
.banner .bannerCaption .content{color: #fff}
.banner .bannerCaption .content > *{margin: 15px 0;display: inline-block;width: 100%}
.bannerCaption h2{font-size: 2em}
.bannerCaption h5{font-size: 1.5em}
.bannerCaption p{font-size: 1em}
.top-slider{position: relative;}
.top-slider .slick-dots{position: absolute;right: 0;left: 0;bottom: 105px;list-style: none;padding: 0;margin: 0 auto;display: flex;width: 1140px;justify-content: flex-end;align-items: center;}
.top-slider .slick-dots li{margin: 1rem;outline: 0;}
.top-slider .slick-dots li button{transition: width .15s ease-in-out, height .15s ease-in-out;outline: 0;color: transparent;display: block;width: 1em;height: 1em;background: rgba(255,255,255,0.6);border: 0;padding: 0;box-sizing: border-box;border-radius: 100%;}
.top-slider .slick-dots li.slick-active button{background: #fff;width: 1.5em;height: 1.5em;}
.btn-slider{width: 11em;border: 3px solid #fff;font-weight: bold;color: #ffffff}
.banner .bannerCaption .content .btn-slider{width: 11em}
.btn-slider:hover{background: #242424;color: #fff;border-color: #242424}
.ul-heading{margin-bottom: 2em}
.ul-heading h2{font-size: 2.25em;}
.ul-heading hr{border-top: 3px solid #242424;max-width: 7em;margin: 1rem 0 0;}
.ul-heading h2.text-white + hr{border-color: #fff}

.grayBox{background-color: #f7f7f7}
.sliderCardBox{position: relative;z-index: 9;padding: 25px 0;background: #4b08a1;color: #fff;}
.sliderCardBox .ul-heading hr{margin: 0.5rem auto 0;border-color: #fff;}
.sliderCardBox .btn-lg{min-width: 250px}
/*.bannerCaption p{text-transform: lowercase}*/
.bannerCaption p::first-letter{text-transform: capitalize}
.bannerCaption h2{text-transform: capitalize}

.category {position: relative;max-width: 370px;margin: 0 auto;overflow: hidden;cursor: pointer}
.category:before {content: '';position: absolute;display: inline-block;top: 0;left: 0;right: 0;bottom: 0;background: linear-gradient(to top, rgba(0, 0, 0, 0.5) 65%, rgba(0, 0, 0, 0) 100%);opacity: 0;transition: .5s;z-index: 0;}
.category-content {position: absolute;display: inline-block;bottom: -45px;left: 28px;transition: .3s;z-index: 1;color: #fff}
.category-content * + p {margin-top: 0;}
.category + .category {margin-top: 30px;}
.category:hover .category-content {bottom: 29px;}
.btn-success{background: #000;border-color: #000;}
.btn-group-lg>.btn, .btn-lg{padding: .65rem 1.75rem}
.thumbnail {padding: 0;border: none;margin: 0 auto;max-width: 370px;}
.thumbnail .img-link {position: relative;display: block;overflow: hidden;}
.thumbnail .img-link img {max-width: none;transition: 0.3s;will-change: transform;width: 107%;float: right;}
.thumbnail .img-link .thumbnail-price {position: absolute;bottom: 24px;right: -8px;padding: 1px 23px 3px;color: #fff;font-weight: 700;background-color: var(--secondary-color);transition: 0.3s;}
.thumbnail .img-link .thumbnail-price .mon {font-size: 14px;}
.thumbnail .img-link + .caption {margin-top: 5px;}
.thumbnail .caption {padding: 3px;}
.thumbnail .caption h4 a {color: #242424;}
.thumbnail .img-link:hover img {-webkit-transform: translateX(4.5%);transform: translateX(4.5%);}
.thumbnail .img-link:hover .thumbnail-price {padding: 1px 50px 3px 23px;}
.thumbnail .thumbItems{list-style: none;margin: 1rem -10px 0;padding: 0;display: flex;flex-wrap: wrap;justify-content: space-between;}
.thumbnail .caption p{margin: 0}
.thumbnail .thumbItems li{width: 50%;padding: 0 15px;margin: 5px 0;display: flex;align-items: center}
.thumbnail .thumbItems li span{font-size: 1em}
.listIcon{width: 22px;height: 22px;background-size: 100% !important;margin-right: 5px;display: inline-block;}
.listIcon.areaSq{background: url('../images/area.svg')no-repeat}
.listIcon.rooms{background: url('../images/rooms.svg')no-repeat;}
.listIcon.bath{background: url('../images/bath.svg')no-repeat;}
.listIcon.available{background: url('../images/availibilty.svg')no-repeat;}
.listIcon.call{background: url('../images/call.svg')no-repeat;}
.listIcon.email{background: url('../images/email.svg')no-repeat;background-position: bottom}

.testimonialBg{background: url('../images/testimonialBg.jpg')no-repeat center;background-size: cover;background-attachment: fixed;position: relative}
.testimonialBg:after{position: absolute;left: 0;right: 0;top: 0;bottom: 0;background-color: rgba(36, 36, 36, 0.69);content: '';}
.testimonialBg > .container-fluid{position: relative;z-index: 99;}
ul.testimonial{list-style: none;padding: 0;}
ul.testimonial .slick-track{padding: 20px 0}
ul.testimonial .slick-slide{opacity: 0.2;transform: scale(0.92, 0.85);transition: 0.3s opacity, transform 0.3s;cursor: pointer;}
ul.testimonial .slick-slide.slick-current{opacity: 1;transform: scale(1)}
ul.testimonial .slick-slide li {padding: 20px;background: rgba(255,255,255,0.6);position: relative}
ul.testimonial .slick-slide li:after{position: absolute;content: '';bottom: -20px;left: 15px;width: 0;height: 0;border-top: 20px solid rgba(255,255,255,0.6);border-right: 20px solid transparent;}
ul.testimonial .slick-slide li .img-wrap{width: 3.5em;height: 3.5em;border-radius: 50%;display: inline-block;margin-right: 10px}
ul.testimonial .slick-slide li .img-wrap img{width: 100%;height: 100%;object-fit: cover;border-radius: 50%}
ul.testimonial .slick-slide li .author{vertical-align: middle;font-weight: 700;font-size: 17px;}
ul.testimonial .slick-slide li p{margin-top: 1em;font-style: italic}
.testimonial .slick-dots{display: flex;justify-content: center;flex-flow: row nowrap;list-style: none;margin: 5em 0 0;padding: 0;width: 100%;}
.testimonial .slick-dots .slick-active button{width: 26px;background-color: #e72c37;border-radius: 10px;}
.testimonial .slick-dots button{text-indent: -9999em;cursor: pointer;outline: 0;padding: 0;width: 11px;height: 11px;border-radius: 100%;background-color: #a3a3a3;transition: 0.3s background-color, 0.3s width;margin: 3px;border: 0;}
.testimonial .slick-dots .slick-active button{width: 26px;background-color: #fff;border-radius: 10px;}

footer{padding: 15px 50px;background: #000;}
.logo-footer img{max-height: 90px}
.cpr p{margin: 0}
.social li{margin: 0 10px;}
.social li a{font-size: 1.5em;color: #b7b7b7}
.social li a:hover{color: #23ce60}
footer .social li a{color: #b7b7b7}
footer .social li a:hover{color: #fff}
.logo-footer a + a{margin-left: 15px}

.breadcrumb{background-color: transparent;padding: 0;margin: 0;}
.bannerCaption nav{width: 100%;margin-top: 2rem;padding: 0}
.breadcrumb li.breadcrumb-item a{color: #ffffff;}
.breadcrumb li.breadcrumb-item.active {color: #fff}
.breadcrumb-item+.breadcrumb-item{padding-left: 1em}
.breadcrumb-item+.breadcrumb-item::before{padding-right: 1em;color: #fff}

.advantages{background: #4b08a1;}
.mediaIcon{background: #ffffff;display: flex;justify-content: center;align-items: center;width: 6em;height: 6em;border-radius: 100%;}
.mediaIcon .far, .mediaIcon .fal, .mediaIcon .fas, .mediaIcon .fa{font-size: 3em;color: #4b08a1;}
.mediaBody{width: calc(100% - 6em);color: #fff;padding: 0 1em;}
.contactSide .social{margin-left: -8px !important;}
.contactSide > *{display: inline-block;width: 100%}
.contactSide iframe{width: 100%;height: 520px}
form textarea.form-control{resize: none;overflow: auto;height: 12em}
.form-group{margin-bottom: 1.25rem}
.form-control{border: 0;box-shadow: inset 0 1px 1px 0 rgba(0,0,0,.09);height: calc(2em + .75rem + 2px);padding: 0.85em 0.75em;border-radius: 0}
.form-control:focus{box-shadow: 0 0 3px 1px rgba(0,0,0,.22)}
.btn{font-size: 1em !important;border-radius: 0;}
.btn-success:hover {color: #fff;background-color: var(--secondary-color);border-color: var(--secondary-color);}
.btn-success:not(:disabled):not(.disabled).active, .btn-success:not(:disabled):not(.disabled):active, .show>.btn-success.dropdown-toggle {color: #fff;background-color: #4b08a1;border-color: #4b08a1;}
.btn-success.focus, .btn-success:focus, .btn-success:not(:disabled):not(.disabled).active:focus, .btn-success:not(:disabled):not(.disabled):active:focus, .show>.btn-success.dropdown-toggle:focus {box-shadow: 0 0 0 0.2rem rgba(223, 61, 50, 0.5);}


@media(min-width: 991px){
    .contactSide{padding-left: 2em}
    .top-slider .slick-dots{width: 960px}

}

@media(min-width: 767px){
    .toggle-span{display: none}
    .site-nav{margin-left: 10px;width: 80%;}
    .site-nav ul{display: flex;align-items: center}
    header.sticky .site-nav ul li a{font-size: 15px}
    .sliderCardBox{margin-top: -50px;}
    .bannerCaption h2{font-size: 3.2em}
    .bannerCaption h5{font-size: 2.2em}
    .bannerCaption p{font-size: 1.2em}
    .btn-slider{padding: 0.5rem;width: 11em;border: 3px solid #fff;font-size: 1.13em;font-weight: bold;color: #ffffff}

}

@media(min-width: 768px) and (max-width: 991px){
    .sliderCardBox{margin-top: -70px}
    .top-slider .slick-dots{bottom: 80px;width: 720px}
    footer{padding: 20px 30px}
}

@media(max-width: 767px){
    .nav-top{display: none}
    header{border-top: 5px solid #242424}
    nav{position: relative;flex-wrap: wrap;}
    .site-nav{width: 100%;position: absolute;top: 60px;z-index: 9;background: #242424;height: 100vh;left: -999px;max-width: 85%;z-index: 99;padding: 10px 5px 0 0;transition: 0.2s left;}
    .site-nav.active{left: 0}
    header.sticky .site-nav{top: 55px}

    .toggle-span{-webkit-transform: rotate(180deg);transform: rotate(180deg);outline: 0 !important;display: inline-block;position: relative;width: 48px;height: 48px;line-height: 48px;box-shadow: none !important;cursor: pointer;color: #fff;background-color: transparent;border: none;}
    .toggle-span span, .toggle-span span:after, .toggle-span span:before{width: 24px;height: 4px;background-color: #000;backface-visibility: hidden;border-radius: 2px;position: relative;display: block;margin: auto;transition: .3s all ease;}
    .toggle-span span:after, .toggle-span span:before{position: absolute;content: '';-webkit-transform-origin: 1.71429px center;-moz-transform-origin: 1.71429px center;-ms-transform-origin: 1.71429px center;transform-origin: 1.71429px center;-webkit-transform-origin: 1.71429px center;-moz-transform-origin: 1.71429px center;-ms-transform-origin: 1.71429px center;transform-origin: 1.71429px center;}
    .toggle-span span:before{top: -8px}
    .toggle-span span:after{top: 8px}
    .toggle-span.active{-webkit-transform: rotate(360deg);transform: rotate(360deg);}
    .toggle-span.active span:before{-webkit-transform: rotate3d(0,0,1,-40deg);transform: rotate3d(0,0,1,-40deg);}
    .toggle-span.active span:after{-webkit-transform: rotate3d(0,0,1,40deg);transform: rotate3d(0,0,1,40deg);}
    .toggle-span.active span:before, .toggle-span.active span:after{top: 0;width: 15px;}

    .site-brand img{height: 50px;}
    .site-nav ul li a{color: #fff;padding: 10px 20px;border-bottom: 1px solid #eee;}
    .site-nav ul li:hover a, .site-nav ul li.active a{background: #fff;color: #242424}
    p{font-size: 0.9em}
    .site-brand{width: auto;padding: 5px;margin-left: 10px;}
    .top-slider .banner .bannerCaption{min-height: 500px;padding: 5em 1em 9em;}
    .banner .bannerCaption{padding: 3em 1em;min-height: 400px;}
    .banner .bannerCaption .content > *{margin: 7px 0}
    .top-slider .slick-dots{bottom: 5em;width: 90%;}
    .top-slider .slick-dots li{margin: 0.5rem}
    .top-slider .slick-dots li button{width: 1em;height: 1em}
    .ul-heading{margin-bottom: 1em}
    .ul-heading h2{font-size: 25px}
    .ul-heading hr{max-width: 4em}
    .thumbnail .thumbItems{margin-top: 0}
    .thumbnail .thumbItems li span{font-size: 0.9em}
    .thumbnail .caption h4{font-size: 1.2rem}
    footer{padding: 15px 0}
    .logo-footer{text-align: center;width: 100%;justify-content: center}
    .logo-content{text-align: center}
    .logo-footer img{max-height: 45px}
    .social{margin: 10px 0 !important;}

    .advantages{}
    .mediaIcon{width: 4em;height: 4em;margin-bottom: 15px;}
    .mediaIcon .far, .mediaIcon .fal, .mediaIcon .fas, .mediaIcon .fa{font-size: 2em}
    .mediaBody{width: 100%;padding: 0}

}
.banner:after {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    content: '';
    background: rgba(0,0,0,0.6);
}