/*Custom Css*/
a{
    cursor:pointer;
}

a:hover{
    text-decoration: underline;
    color: #FFFFFF;
}

::-webkit-scrollbar {
    width: 7px;
    background: linear-gradient(to right, #971518 -50%, #971518 93%);
}
::-webkit-scrollbar-thumb {
    background: linear-gradient(to right, #971518 -50%, #971518 93%);
}


.navbar-brand {
    margin: 16px 0;
    padding: 0;
    max-width: 140px;
    position: relative;
}

.navbar.fixedmenu .logo-default,
.navbar .logo-scrolled {
    display: none;
}

.navbar.fixedmenu .logo-scrolled,
.navbar .logo-default {
    display: inline-block;
}

.navbar-nav .nav-item {
    position: relative;
}

.navbar.sidebar-nav .navbar-nav .nav-item {
    margin: 10px 0;
}

.navbar-nav .nav-item:first-child {
    margin-left: 0;
}

/*.navbar-nav .nav-item:last-child {
    margin-right: 0;
}*/
/*.navbar-nav:last-child .nav-item:last-child {*/
/*    margin-right: 15px;*/
/*}*/


.navbar-nav .nav-link {
    padding: 8px 0 !important;
    font-weight: 400;
    text-transform: capitalize;
    font-size: 13px;
    color: #26313c;
    position: relative;
    line-height: normal;
    margin: 14px .5rem;
    display: inline-block;
  }
/*.navbar-nav .nav-item:last-child .nav-link{
    margin-right: 0;
}*/

.nav-item.dropdown:hover {
    cursor: pointer;
}


.text-warning-hvr:hover,
.text-warning-hvr:focus {
    color: #ffc107;
}

.text-grey {
    color: #a5a5a5;
}

.text-black{
    color: #111111!important;
}

.uppercase{
    text-transform: uppercase;
}

.navbar-nav .nav-link.dropdown-toggle::before {
    display: none;
}

.transparent-bg .navbar-nav .nav-link {
    color: black;
}
.static-nav .navbar-nav .nav-link:before{
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 3px;
    width: 0;
    height: 2px;
    background: #981519 !important;
    margin: auto;
    -webkit-transition: 0.4s all;
    -moz-transition: 0.4s all;
    -o-transition: 0.4s all;
    transition: 0.4s all;
}

.side-nav .navbar-nav .nav-link:before{
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 3px;
    width: 0;
    height: 2px;
    background: #981519 !important;
    margin: auto;
    -webkit-transition: 0.4s all;
    -moz-transition: 0.4s all;
    -o-transition: 0.4s all;
    transition: 0.4s all;
}

.transparent-bg.darkcolor .navbar-nav .nav-link {
    color: #26313c;
}
.whitecolor .navbar-nav .nav-link {
    color: #fff;
}

.navbar-nav .nav-link.active:before {
    width: 100%;
}

.navbar-brand {
    margin: 0 !important;
    max-width: 240px !important;
}

.megamenu {
    width: 100%;
}


.megamenu .mengmenu_border{
    border-right: 1px dashed rgba(146, 146, 146, 0.53);
}


.navbar-nav .dropdown-menu {
    z-index: 5;
    background: #fff;
    border: none;
    border-radius: 0;
    padding: 5px 0;
    -webkit-box-shadow: 0 13px 25px -12px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 13px 25px -12px rgba(0, 0, 0, 0.25);
    box-shadow: 0 13px 25px -12px rgba(0, 0, 0, 0.25);
    left: 0;
    top: auto;
    border-top: 1px solid #efefef;
    margin-top: 0;
    cursor: default;
}

.menu-top .navbar-nav .dropdown-menu {
    -webkit-box-shadow: 0 0 25px -10px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 0 25px -10px rgba(0, 0, 0, 0.25);
    box-shadow: 0 0 25px -10px rgba(0, 0, 0, 0.25);
    bottom: 68px;
}

.dropdown-menu.right-show {
    left: auto !important;
    right: 0 !important;
}

.dropdown-menu .dropdown-item {
    background: transparent;
    font-weight: normal;
    font-size: 13px;
    padding: 0 0 0 0.5rem;
    line-height: 40px;
    display: inline;
    transition: .5s ease-in;
}

.dropdown-menu .dropdown-item:hover{
    margin-left: 5px;
}

.right-arrow{
    font-size: 10px;
}

a.dropdown-toggle::after {
    transition: all 0s;
}

.dropdown-menu .dropdown-item,
.dropdown-menu .dropdown-title {
    color: #26313c;
}

.dropdown-item.active {
    color: #24cdd5;
}

.nav-mega .navbar-nav .nav-link:hover,
.nav-mega .navbar-nav .nav-item:hover .nav-link,
.nav-mega .nav-item:hover a.dropdown-toggle::after,
.nav-mega .dropdown-menu .dropdown-item:hover,
.nav-mega .dropdown-menu.megamenu .dropdown-item:hover {
    background: linear-gradient(to right, #971518 -50%, #971518 93%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.dropdown-menu .dropdown-title {
    margin: 1.5rem 0 0.5rem 1rem;
    font-size: 19px;
}

.banner-heading{
    padding-top: 100px;
    /*text-shadow: 0 0 15px rgba(0,0,0,.8);*/
    font-weight: 800;
}

.heading{
    /*color: #971518;*/
    letter-spacing: -1px;
    font-weight: 600;
}

.swiper-container {
    margin-left: 0!important;
}

.manage-icons li a:hover .search-sidebar-hover {
    color: #971518;
}
.language a, span{
    font-size: 13px;
    font-weight: normal;
}
.language a:hover{
    color: #971518;
}

.red-to-black{ color: #971518;}
.red-to-black:hover{color: #000000;}

.black-to-red{ color: #000000;}
.black-to-red:hover{color: #971518;}

.text-16{font-size:16px!important;}

.items-center{justify-content: center;}

.selection{width: 100%!important;}
.select2-container .select2-selection--single { height: 36px!important;}
.select2-container--default .select2-results__option--highlighted[aria-selected]{background-color: #981519!important;color: white;}
.select2-search--dropdown .select2-search__field {margin-bottom: 0px!important;}
.select2-container--default .select2-selection--single .select2-selection__arrow { height: 32px; }
.select2-container--default .select2-selection--single .select2-selection__rendered { padding-top: 1px;}


.modal-content {border:none;border-radius:0px;}

.language > a.active{
    /*text-decoration: underline;
    text-decoration-color: currentcolor;
    text-decoration-color: #981519;*/
    border-bottom-style: solid;
    border-color: #981519;
    border-width: 2px;
    /*color:#981519;*/
}

.web-link{
    color: #fff;
    padding: 0 15px 0 15px;
    font-size:14px;
}
.web-link:hover{
    color: #981519;
}

/*.btn{border-radius:0rem!important;}*/

.btn-primadera {
    color: #fff;
    background-color: #971518;
    border-color: #971518;
}

.btn-primadera:hover {
    color: #fff;
    background-color: #a9191b;
    border-color: #a9191b;
}

.btn-primadera:focus {
    color: #fff;
    background-color: #a9191b;
    border-color: #a9191b;
}

.social-bg{color: #fff; }
.social-bg:hover{color: #a9191b; }

.pt-6{padding-top:4rem!important}
.pt-7{padding-top:5rem!important}
.pt-8{padding-top:6rem!important}
.pt-9{padding-top:7rem!important}
.pt-10{padding-top:8rem!important}

.pb-6{padding-bottom:4rem!important}
.pb-7{padding-bottom:5rem!important}
.pb-8{padding-bottom:6rem!important}
.pb-9{padding-bottom:7rem!important}
.pb-10{padding-bottom:8rem!important}

.text-shadow-2{ text-shadow: 0 0 15px rgba(0,0,0,.2);}
.text-shadow-3{ text-shadow: 0 0 15px rgba(0,0,0,.3);}
.text-shadow-5{ text-shadow: 0 0 15px rgba(0,0,0,.5);}
.text-shadow-7{ text-shadow: 0 0 15px rgba(0,0,0,.7);}
.text-shadow-10{ text-shadow: 0 0 15px rgba(0,0,0,1);}

.box-shadow-2{box-shadow: 0 0 15px rgba(0,0,0,.2);}
.box-shadow-3{box-shadow: 0 0 15px rgba(0,0,0,.3);}
.box-shadow-5{box-shadow: 0 0 15px rgba(0,0,0,.5);}
.box-shadow-7{box-shadow: 0 0 15px rgba(0,0,0,.7);}
.box-shadow-10{box-shadow: 0 0 15px rgba(0,0,0,1);}

.justify-center{justify-content: center!important;}
.justify-left{justify-content: left!important;}
.justify-right{justify-content: right!important;}

.radius-0{border-radius: 0px!important;}
.radius-10{border-radius: 10px!important;}
.radius-20{border-radius: 20px!important;}
.radius-30{border-radius: 30px!important;}
.radius-40{border-radius: 40px!important;}
.radius-50{border-radius: 50px!important;}

.weight-100{font-weight: 100 !important;}
.weight-200{font-weight: 200 !important;}
.weight-300{font-weight: 300 !important;}
.weight-400{font-weight: 400 !important;}
.weight-500{font-weight: 500 !important;}
.weight-600{font-weight: 600 !important;}
.weight-700{font-weight: 700 !important;}
.weight-800{font-weight: 800 !important;}

.spacing-0{letter-spacing: 0px !important;}
.spacing-1{letter-spacing: 1px !important;}
.spacing-2{letter-spacing: 2px !important;}
.spacing-3{letter-spacing: 3px !important;}
.spacing-4{letter-spacing: 4px !important;}
.spacing-5{letter-spacing: 5px !important;}
.spacing-7{letter-spacing: 7px !important;}
.spacing-9{letter-spacing: 9px !important;}

.bg-cream{background-color: #eaeae5 !important;}

.frm_border{ border: 1px solid #474444 !important;}
.form-control {font-size:14px;}

.fancybox-button--share{display:none;}

/*===================================
         Overlay iamge buttons
======================================*/

.project {
    position: relative;
  }
  
  .project_image {
    display: block;
    width: 100%;
    height: auto;
  }
  
  .project_overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 120px;
    width: 100%;
    opacity: 1;
    transition: .5s ease;
    background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.7) 30%, rgba(0, 0, 0,.7) 100%);
    padding:15px;
    overflow: auto;
    padding-top: 30px;
  }
  
  .project:hover .project_overlay {
    opacity: 1;
    background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 30%, rgba(0, 0, 0,.5) 100%);
  }
  
  .project_title {
    color: white;
    font-size: 20px;
  }

  .project_desc{
    color: white;
    font-size: 14px;
  }

  .section_title {
    color: white;
    font-size: 14px;
    }


  .download_overlay{
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 120px;
    width: 100%;
    opacity: 1;
    transition: .5s ease;
    background-color: rgba(0,0,0,.5);
    padding:15px;
    overflow: auto;
  }

  .project:hover .download_overlay {
    opacity: 1;
    background-color: rgba(0,0,0,.8);
  }



  .overlay-carrousel{
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 2;
    background-color: #000000;
    opacity: 0.3;
  }

  .fa-archdaily{
    background-image: url("../../../img/icons/archdaily.svg");
    width: 20px;
    height: 20px;
    background-size: cover;
  }

  .fa-archdaily:hover{
    background-image: url("../../../img/icons/archdaily-hover.svg");
  }
  
 



/*===================================
         Social Icons BG colors
======================================*/
.facebook-bg-hvr:hover{background:#4267B2 !important;color: #fff !important; border: 1px solid transparent !important;}
.twitter-bg-hvr:hover{background:#1DA1F2 !important;color: #fff !important; border: 1px solid transparent !important;}
.instagram-bg-hvr:hover{color: #FFFFFF;background: -webkit-gradient(linear, left top, left bottom, from(#aa2fb5), color-stop(93%, #f1762c))!important;background: -o-linear-gradient(top, #aa2fb5 0%, #f1762c 93%)!important;background: linear-gradient(to bottom, #aa2fb5 0%, #f1762c 93%)!important;-webkit-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease;}
.linkedin-bg-hvr:hover{background:#0077B5 !important;color: #fff !important; border: 1px solid transparent !important;}
.pinterest-bg-hvr:hover{background:#BD081C !important;color: #fff !important; border: 1px solid transparent !important;}
.google-bg-hvr:hover{background:#DB4437 !important;color: #fff !important; border: 1px solid transparent !important;}
.tiktok-bg-hvr:hover{color: #FFFFFF;background: -webkit-gradient(linear, left top, left bottom, from(#6bc0cb), color-stop(93%, #df3057))!important;background: -o-linear-gradient(top, #6bc0cb 0%, #df3057 93%)!important;background: linear-gradient(to bottom, #6bc0cb 0%, #df3057 93%)!important;-webkit-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease;}


.card-header {
    padding: 0!important;
    margin-bottom: 0;
    background-color:0!important;
    border-bottom: none!important;
    background-color: transparent!important;
  }

  .card {
    border: none!important;
    border-bottom-color: currentcolor;
    border-bottom-style: none;
    border-bottom-width: medium;
    border-radius: 0!important;
  }

  .btn-link {
    font-weight: 400;
    color: #000;
    text-decoration: none;
  }

  .btn-link:hover {
    color: #b11a1d;
    text-decoration: none;
  }

  .btn-link.focus, .btn-link:focus {
    text-decoration: none;
    box-shadow: none;
    font-weight: 600;
  }
  
  .btn-link::before {
    position: absolute;
    top: 17px;
    left: 0px;
    content: "";
    border-bottom: 0;
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-left: .3em solid transparent;
}

.btn-link[aria-expanded="true"]::before {
    content: "";
    border-top: 0;
    border-bottom: .3em solid;
}

.btn-payment {
    height: 50px;
    width: 115px;
    border-radius: 25px 0 0 25px;
    padding: 5px;
    color: #111111;
    font-weight: 700;
    font-size: 18px;
    position: fixed;
    z-index: 111;
    background-color: white;
    bottom: 50%;
    right: -65px;
    box-shadow: 0 0 10px rgba(0,0,0,.4);
    animation: 1s slideInRight ease;
}

.btn-payment:hover {
    text-decoration: none;
    color: white;
    background-color: #c31a1c;
    background: linear-gradient(to right, #ab1619 -50%, #c31a1c 93%);
    right: 0px;
    animation: 1s slideInRight ease;
}


.lastest_arrival_items .collection-2023 {
    position: absolute;
    z-index: 100;
    border-radius: 50%;
    top: 65%;
    left: 80%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    opacity: 1;
    -webkit-transition: .8s ease;
    -o-transition: .8s ease;
    transition: .8s ease;
    font-size: 40px;
    color: white;
    font-weight: 600;
    line-height: 40px;
  }

  .lastest_arrival_items .video {
    position: absolute;
    z-index: 100;
    border-radius: 50%;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    opacity: 1;
    -webkit-transition: .8s ease;
    -o-transition: .8s ease;
    transition: .8s ease;
    font-size: 40px;
    color: white;
    font-weight: 600;
    line-height: 40px;
  }



  .carousel-caption {
    position: absolute;
    right: 10%;
    left: 10%;
    top: 10px;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: center;
  }

  .carousel-control-next, .carousel-control-prev {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 10;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 10%;
    color: #fff;
    text-align: center;
    opacity: .2;
    transition: opacity .15s ease;
  }

  .carousel-indicators {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 15;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: right;
    padding-left: 0;
    margin-right: 10%;
    margin-left: 10%;
    list-style: none;
  }

  .carousel-indicators li {
    box-sizing: content-box;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    width: 10px;
    height: 10px;
    margin-right: 3px;
    margin-left: 3px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #fff;
    background-clip: padding-box;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    opacity: .5;
    transition: opacity .6s ease;
  }

  .carousel-indicators > li {
    border-radius: 50%;
  }


  .swal2-styled.swal2-confirm {
    background-color: #b41a1e!important;
}

  .swal2-styled.swal2-confirm:focus {
    box-shadow: 0 0 0 3px rgb(180 26 30 / 21%)!important;
}

@media (min-width: 576px){
    .modal-dialog {
        max-width: 880px;
    }
}

/*@media (min-width: 768px){
    .container { max-width: 800px !important;}
}*/

@media (min-width: 992px){
    .justify-lg-center{justify-content: center!important;}
    .justify-lg-left{justify-content: left!important;}
    .justify-lg-right{justify-content: right!important;}

    .modal-lg, .modal-xl{
        max-width: 950px;
    }
}