/*GG Main Template */

body, html {
    overflow-x: hidden;
}

/*////////////////////////////////////////
Footers
///////////////////////////////////////*/
.footer {position: relative;}

.footer p {font-size: 14px;line-height: 1.5;font-weight: 300;color: white;font-family: 'Roboto';}

.footer p strong {font-weight: 600;}

.footer.style-1 {background: #f5f5f5;text-align: center;padding: 50px 0;}

.footer.style-1 img {
    margin-bottom: 15px;
    -webkit-transition: transform 0.2s;
    -moz-transition: transform 0.2s;
    -o-transition: transform 0.2s;
    -ms-transition: transform 0.2s;
    transition: transform 0.2s;
}

.footer.style-1 ul {list-style: none;float: none;margin: 0 auto 100px auto;padding-left: 0px;}

.footer.style-1 li {font-size: 16px;display: inline-block;margin-left: 10px;margin-right: 10px;}

.footer.style-1 ul li a,
.footer.style-1 > a {color: #191a1c;transition: color .3s;-moz-transition: color .3s;-webkit-transition: color .3s;}

.footer.style-1 > a {display: inline-block;}

.footer.style-1 > p {color: #555;font-size: 12px;}
/* Footer 2 Dark*/
.footer.style-1.dark {background: #353c54;border-top: 20px solid #a18e76;}

.footer.style-1.dark img {max-height: 80px;object-fit: contain;}

.footer.style-1.dark ul {margin-bottom: 80px;}

.footer.style-1.dark ul li a,
.footer.style-1.dark > a {color: #ddd;}

.footer.style-1.dark ul li a:hover {color: #ddd;}

.footer.style-1.dark>p {color: #ddd;font-size: 12px;}

/*----- Back to Top Button -----*/
.scroll-top {
    position: absolute;
    color: #fff;
    z-index: 100;
    line-height: 26px;
    bottom: 30px;
    right: 32px;
    display: none;
    cursor: pointer;
    border-radius: 2px;
    height: 30px;
    width: 30px;
    display: block;
    text-align: center;
    opacity: 1;
    transition: background-color .3s;
    -moz-transition: background-color .3s;
    -webkit-transition: background-color .3s;
    -o-transition: background-color .3s;
}

.scroll-top:hover {background-color: #222;}

.scroll-top i {color: #fff;font-size: 10px;line-height: 30px;}

.btn-primary,.btn-primary:hover,.btn-primary:focus,.btn-primary:active,.btn-primary:focus:active,.btn-ghost:hover,.btn-light:hover,.btn-primary.active,.btn-primary:active,.open>.dropdown-toggle.btn-primary,.btn-primary.disabled, .btn-primary.disabled.active, .btn-primary.disabled.focus, .btn-primary.disabled:active, .btn-primary.disabled:focus, .btn-primary.disabled:hover, .btn-primary[disabled], .btn-primary[disabled].active, .btn-primary[disabled].focus, .btn-primary[disabled]:active, .btn-primary[disabled]:focus, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary, .btn-ghost-color:hover,.btn-primary.btn-appear:hover,
.bg-color,
#price-list .button:hover,
#price-list .featured .button,
.progress-bar,
.scroll-top,
.portfolioFilter a.current,
.portfolioFilter a:hover,  
.label-primary,
.panel-title,
#buttonTabs li.active a,
.box-style5,
.box-style7,
.box-style10,
.progress-bars-4 .progress-bar-tooltip, 
.timeline::before,
h4.fitness-label,
.bg-overlay:after,
.label-items-in-cart,
.cbp-l-filters-button .cbp-filter-item.cbp-filter-item-active,
.cbp-l-filters-button .cbp-filter-item:hover,
.contact input.submit,
.contact-1 input.submit,
.blog-pagination>.active>a, 
.blog-pagination>.active>a:hover,
.video-container:hover:after,
.connected-icons li a i:after,
.connected-icons li a i:hover:after,
.phone-number h1:after {background-color: #884e30;}

a:focus,
a:hover, 
.color,
.connected-icon a i,
.testimonial-name,
.testimonial-name small,
.highlight,
.btn-ghost-color,
.contact-details-social li a:hover,
.portfolioContainer li .info i,
.project-changer li a,
#iconTabs li.active a span,
.box a,
.box.box-style6 a,
.box.box-style8b a,
.about-me-social li a:hover,    
.icon-box-hover i,
.footer.style-1 li a:hover,
.footer.style-1 > a:hover,
.countdown-big h1,
.home-blog-filters .cbp-filter-item-active.cbp-filter-item,
.home-blog-filters .cbp-filter-item:hover,
.home-filters-dark .cbp-filter-item:hover,
.home-filters-dark .cbp-filter-item-active.cbp-filter-item,
.connected-icons li a h4,
.footer.style-1.dark ul li a,
.btn-ghost,
#twitter-feed-slider .user a:hover:before,
#twitter-feed-slider .timePosted a:hover,
#twitter-feed-slider .interact a:hover:before,
#twitter-feed-list ul li:first-child .user a:hover:before,
.project-nav a:hover h5,
.project-nav a:hover i,
.color,
.feature-center.white i.color,
.counter h1,
.team figure figcaption a:hover,
.portfolio figure figcaption p, 
a:hover .subheading,
.blog-columns .blog-thumb-desc a:hover h4,
.blog-standard a:hover h4,
.blog-pagination li a:hover,
.sidebar-share a:hover,
.shop .cbp-l-caption-body a:hover,
.team-caption ul li a:hover,
.read-more-link.color span,
.read-more-link2.color span,
#clock .digit {color: #ffa302;}

.btn-primary,
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary:focus:active,
.btn-ghost,
.btn-ghost:hover,
.btn-light:hover,
.section-heading hr, hr.separator,
.btn-primary.btn-appear:hover,
.accordian-style2 .panel-title,
.music-bottom .play-btn,
.play-bottom .play-btn,
.timeline-bullet,
.contact input:focus, textarea:focus, select:focus,
.contact.box-style textarea:focus,
.btn-primary.active, .btn-primary:active,
.price-table-featured .price-box {border-color: #3FBA8C;}

#price-list .featured .price-table,
.progress-bars-4 .progress-bar-tooltip:after {border-top-color: #3FBA8C;}

#video .play-btn:after,
.music-bottom .play-btn:after,
.play-bottom .play-btn:after,
blockquote {border-left-color: #3FBA8C;}

.progress-svg circle {stroke: #3FBA8C;}

/*GENERAL*/
.container {max-width: 80%;}
.black-text{color: black !important;}
.yellow-text {color: #f7b500 !important;}
.white_text {color: #ffffff !important;}

/*END GENERAL*/

/*HEADER*/

.header-icons img {width: 45px;margin: 0 10px;}


.header-area .main-header-area .main-menu ul li a {
    font-size: 20px;
    padding: 40px 5px;
    letter-spacing: 1px;
    font-family: 'DIN Alternate';
    text-transform: uppercase;
}


li img{width: 35px;margin-left: 10px;}

.header-area .main-header-area .main-menu ul li a:hover,
.header-area .main-header-area .main-menu ul li a:focus {color: #FED102;}

.slicknav_menu .slicknav_nav a:hover,
.slicknav_menu .slicknav_nav a:focus { color: #FED102;}
.register-section {padding: 100px 0;background: #e0d9cf;z-index: 0;}


@-webkit-keyframes loader {
    0% {
        width: 0;
    }
    20% {
        width: 10%;
    }
    25% {
        width: 24%;
    }
    43% {
        width: 41%;
    }
    56% {
        width: 50%;
    }
    66% {
        width: 52%;
    }
    71% {
        width: 60%;
    }
    75% {
        width: 76%;
    }
    94% {
        width: 86%;
    }
    100% {
        width: 100%;
    }
}

@keyframes loader {
    0% {
        width: 0;
    }
    20% {
        width: 10%;
    }
    25% {
        width: 24%;
    }
    43% {
        width: 41%;
    }
    56% {
        width: 50%;
    }
    66% {
        width: 52%;
    }
    71% {
        width: 60%;
    }
    75% {
        width: 76%;
    }
    94% {
        width: 86%;
    }
    100% {
        width: 100%;
    }
}

.progress-bar {
    width: 95%;
    max-width: 95%;
    left: 50%;
    width: 100%;
    max-width: 100%;
    border-radius: 0;
}
.progress {margin-top: 10px !important;margin-bottom: 10px !important;}
.bar {margin-top: 25px !important;margin-bottom: 0 !important;}
.progress-bar {
    border-radius: 0;
    overflow: hidden;
    width: 100%;
    padding: 0 15px;
    display: none;
}
.progress-bar span {display: block;}
.bar {background: 0 0;}
.progress {
    -webkit-animation: loader 8s ease infinite;
    animation: loader 8s ease infinite;
    background: #FED102;
    color: #fff;
    padding: 5px;
    width: 0;
    margin-top: 25px;
    margin-bottom: 25px;
}
.progress-bar {
    position: relative;
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
    background-color: transparent;
}

.register-section .touch_form .single_input input, 
.register-section .touch_form .single_input select, 
.register-section .touch_form .single_input textarea {
    width: 100%;
    border-bottom: unset;
    height: 60px;
    padding: 0px;
    margin-bottom: 30px;
    font-size: 16px;
    color: #353c54;
    font-weight: 400;
    background: transparent;
    border: 1px solid #353c54;
    border-left: none;
    border-right: none;
    border-top: none;
    font-family: 'Roboto';
}

.register-section .touch_form label { 
    cursor: pointer;
    font-size: 16px;
    display: block;
    margin-top: 20px;
    font-family: 'Roboto';
    color: #353c54;
    font-weight: bold;
}

.register-section .touch_form span { 
    cursor: pointer;
    font-size: 13px;
    display: block;
    margin-bottom: 25px;
    color: #353c54;
}

.register-section .touch_form .single_input input::placeholder,
.register-section .touch_form .single_input textarea::placeholder {color: #353c54;font-size: 16px;font-weight: 400;}

.register-section .touch_form .single_input input:focus,
.register-section .touch_form .single_input select:focus,
.register-section .touch_form .single_input textarea:focus,
.register-section .touch_form .single_input input:hover,
.register-section .touch_form .single_input select:hover,
.register-section .touch_form .single_input textarea:hover {outline: 0;}

#registration-form { width: 80%;margin: 0 auto;}
.terms{font-size: 13px;}
#registration-form .btn-submit {
    color: white;
    text-transform: uppercase;
    font-family: 'Warnock-Pro-Caption';
    padding: 15px 40px;
    font-size: 23px;
    margin: 0 auto;
    background-color: #d3af5a;
    border: 1px solid #d3af5a;
    letter-spacing: 1px;
    border-radius: 28px;
    line-height: 1;
}

#registration-form .btn-submit:hover {background: #353c54;cursor: pointer;border: 1px solid white;}

.header-area .main-header-area {
    background: linear-gradient(to bottom, #353c54, transparent);
    display: flex;
    align-items: center;
    height: 100px;
    box-shadow: none;
}
.logo-img img { max-height: 120px;object-fit: contain;margin-top: 80px;}
.header-area .main-header-area .main-menu ul li a, .navbar-expand-lg .navbar-nav .nav-link {
    font-size: 20px;
    font-weight: bold;
    letter-spacing: 1px;
    padding: 0 30px;
    font-family: 'Warnock-Pro-Caption';
    text-transform: uppercase;
    color: white;
    line-height: 2;
    display: table-cell !important;
    vertical-align: middle;
    font-weight: 300;
}
.header-area .main-header-area .main-menu ul li:last-child a, .reg-btn{
    background-color: #d3af5a;
    color: white;
    border-radius: 20px;
    box-shadow: 2px 2px 6px #939292;
}
.header-area .main-header-area .main-menu ul li a:hover, .header-area .main-header-area .main-menu ul li a:focus, .navbar-expand-lg .navbar-nav .nav-link:hover, .navbar-expand-lg .navbar-nav .nav-link:focus {color: #FED102;cursor: pointer;}
.header-area .main-header-area .main-menu ul li a:hover, .header-area .main-header-area .main-menu ul li a:focus, .navbar-expand-lg .navbar-nav .nav-link:hover, .navbar-expand-lg .navbar-nav .nav-link:focus {color: #FED102 !important;}
.header-area .main-header-area.sticky .main-menu ul li a, .navbar-expand-lg .navbar-nav .nav-link{color: white;}
.header-area .main-header-area.sticky .logo-img img {max-height: 85px;object-fit: contain;margin-top: 0px;}
.slicknav_icon-bar {background: #f5eab3 !important;}
.slider_area .single_slider img{width: 22%;}
.text-white{color: white;}
.slider_area .single_slider .slider_text h2{
    font-family: 'Warnock-Pro-Caption';
    line-height: 63px;
    font-size: 60px;
    position: relative;
    color: #f5eab3;
}

.slider_area .single_slider .slider_text span{font-family: 'Warnock-Pro-Italic';text-transform: none;}
.slider_area .single_slider .slider_text p{
    font-family: 'Roboto';
    font-size: 20px;
    color: white;
    font-weight: 300;
    line-height: 1.3;
}
.slider_area .single_slider .slider_text a{
    color: white;
    font-family: 'Warnock-Pro-Caption';
    padding: 10px 40px;
    font-size: 23px;
    border: 1px solid #d3af5a;
    width: fit-content;
    background: #d3af5a;
    border-radius: 8px;
}
.slider_area .single_slider .slider_text a:hover{cursor: pointer;background: #f5eab3;}
.section-title h3{
    font-family: 'Warnock-Pro-Caption';
    text-transform: uppercase;
    line-height: 1;
    font-size: 45px;
    margin-bottom: 0px;
}
.privacy .section-title h5{
    font-family: 'Warnock-Pro-Caption';
    text-transform: uppercase;
    line-height: 1;
    font-size: 25px;
    margin-bottom: 0px;
    color: #353c54;
    text-decoration: underline;
}
.background-whitesmoke{background-color: #F6F6F6;}
.background-white{background-color: white;}
.floorplan-box{width: 90%; background-image: linear-gradient(90deg, #F6F6F6 68%, #ffffff 32%);box-shadow: 0 2px 10px 0 rgba(207, 207, 207, 0.5);position: relative;z-index: 2;}
.features-section{
    background-color: #353c54;
    padding: 100px 0;
    position: relative;
}
.features-section .section-title h3, .gallery-section .section-title h3{color: #e0d9cf;letter-spacing: 5px;}
.features-section .section-title h5, .gallery-section .section-title h5{
    color: #e0d9cf;
    font-family: 'Roboto';
    letter-spacing: 3px;
    font-size: 20px;
    position: relative;
}
.features-section a:hover{cursor: pointer;background-color: #264311;}
.features-box h5{font-family: 'Warnock-Pro-Italic';color: #bbacaa;margin: 0 auto;}
.features-box h1{
    font-family: 'Warnock-Pro-Caption';
    font-size: 100px;
    color: #e0d9cf;
    line-height: 1;
    margin: 10px auto 0 auto;
}
.features-box p{
    color: #e0d9cf;
    text-transform: uppercase;
    font-family: 'Warnock-Pro-Caption';
    margin: 0 auto;
}
.footer.style-1.dark .icon{
    width: 40px;
    border: 1px solid white;
    border-radius: 50%;
    padding: 8px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    object-fit: contain;
    margin-bottom: 0px;
}
.footer-btn{
    color: white;
    background: #d3af5a;
    border: 1px solid #d3af5a;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    padding: 5px 0;
    border-radius: 20px;
    font-family: 'Roboto';
    letter-spacing: 2px;
}
.footer-btn:hover{background: black;}
.footer-btn img{width: 20px;margin-bottom: 0px !important;}
footer a {color:  white !important;}
footer a:hover{color: #d3af5a !important;}
hr{border-top: 1px solid white;margin: 1rem 0;}
.features-image{width: 80%; margin: 0 auto;}
.owl-dots{display: flex;align-items: center;justify-content: center;margin-top: 20px;}
.owl-dot{width: 10px;height: 10px;background: #d3af5a;border-radius: 50%;margin-right: 5px;opacity: 0.6;}
.owl-dot.active{opacity: 1.0;}
#background-video {
    width: 100vw;
    height: 100vh;
    object-fit: cover;
    position: absolute;
    left: 0;
    right: 0;
    top: 0px;
    bottom: 0;
    z-index: -1;
}
.sticky-ws{
    position: fixed;
    bottom: 10%;
    right: 1%;
    z-index: 10;
}
.sticky-ws img{width: 200px;}
.pp li {list-style: lower-latin;list-style-position: inside;margin-bottom: 1}
.privacy p{font-size: 16px;}
.gallery-section {padding: 100px 0;background: #e0d9cf;z-index: 0;}
.register-section .section-title h3, .gallery-section .section-title h3, .gallery-section .section-title h5, .gallery-section p{color: #353c54;}
.owl-carousel .owl-nav div{color: #353c54;border: 1px solid #353c54;}
.owl-carousel:hover .owl-nav div:hover{background: #353c54;color: white;}
.owl-carousel.gallery-slider .owl-nav div.owl-prev {left: -10%;right: auto;}
.owl-carousel:hover .owl-nav div:hover{background: #353c54;color: white;}
.owl-carousel.gallery-slider .owl-nav div.owl-next{right: -10%;left: auto;}
.gallery-slider .owl-dot {
    background: #ffffff8a;
    border-radius: 50%;
    margin-right: 5px;
    opacity: 1;
}
.gallery-slider .owl-dot.active{opacity: 1;background: #353c54;}
.owl-carousel .owl-nav div{
    font-size: 25px;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.loc-btn{
    background: #d3af5a;
    color: white;
    width: 60%;
    margin: 0 auto;
    padding: 10px 0;
    border-radius: 8px;
    font-family: 'Roboto';
    font-weight: bold;
    letter-spacing: 2px;
    font-size: 18px;
    border: 1px solid #d3af5a;
}
.loc-btn:hover{background: #353c54 !important;color: white !important;border: 1px solid white;}
.sticky-icons{position: fixed;right: 0;top: 20%;z-index: 10;}
.sticky-icons a{
    background: #d3af5a;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.sticky-icons a img{height: 40px;max-width: 30px;object-fit: contain;}
.sticky-icons a:hover{transform: scale(0.8);}
.footer-bottom p{font-size: 10px;}
/*layout plan page*/
.slider_area .single_slider.subpage{height: 70vh;background-image: url(../assets/layouts/subpage-hero.png);background-size: cover;background-position: bottom;}
.beige-section{padding: 100px 0;background: #e0d9cf;z-index: 0;background-image: url(../assets/gold-element.png);background-repeat: no-repeat;background-size: contain;}
.beige-section .section-title h3, .beige-section p{color: #353c54;}
.blue-section{
    background-color: #353c54;
    padding: 100px 0;
    z-index: 0;
    background-image: url(../assets/gold-element.png);
    background-repeat: no-repeat;
    background-size: contain;
}
.blue-section .section-title h3 {color: #e0d9cf;letter-spacing: 5px;}
.owl-carousel.floorplan-slider .owl-item img.fp-title{width: 30%}
.owl-carousel.floorplan-slider .owl-item .fp-details img{width: 20px;}
.floorplan-slider .border-right{border-right: 1px solid #353c54 !important;}
.fp-details p{color: #AA9076;}
.owl-carousel.floorplan-slider .owl-nav div.owl-next{right: -10%;}
.owl-carousel.floorplan-slider .owl-nav div.owl-prev{left: -10%;}
.disclaimer p{font-size: 12px;}
.slider_area .single_slider.subpage.gallery{background-image: url(../assets/gallery/gallery-hero.png);}
.mail{
    width: 40px !important;
    height: 40px;
}
.vr-iframe {
    height: 800px;
    width: 100%;
    border: none;
    position: relative;
    z-index: 2;
}
.filter-button{
    background: transparent;
    color: white;
    font-family: 'Roboto';
    letter-spacing: 2px;
    padding: 10px 40px;
    border-radius: 0px;
    font-weight: 600;
    border: 1px solid #d3af5a;
}
.filter-button:hover{opacity: 0.7;}
.filter-button.active{
    background-color: #d3af5a;
}
.flooplan-slider .owl-stage-outer{min-height: 500px;}
.line-float{position: absolute;right: 0;top: 0;width:30%;z-index: 1;max-height: 500px;}
.line-float.left{left: 0;right: unset;transform: rotateY(180deg);}
.dropdown-item{display: block !important;color: white;text-align: left;padding: 10px 15px; border-bottom: 1px solid #d3af5a;text-transform: capitalize;font-size: 17px;font-family: 'Warnock-Pro-Caption';}
.dropdown-menu{padding: 0;border-radius: 0;background: black;}
.dropdown-item:focus, .dropdown-item:hover, .dropdown-item.active{background-color: black;color: #d3af5a;}
.navbar-toggler{background: transparent}
.navbar-toggler svg{width: 30px; color: #d3af5a;}
.gallery-slider .owl-dot:last-child{margin-right: 0px;}
.nav-item.dropdown:hover .dropdown-menu {display: block;}