html{ scroll-behavior: smooth; }
body{ font-family: 'Raleway', sans-serif; font-style: normal; font-weight: 400; font-size: .8rem; }


/***** HEADER *****/
#nav-1{ background-color: #232B37; }
#nav-1 .nav-link{ padding: 1rem .5rem; color: #FFF; }


#nav-2{}
#nav-2 .left-item-wrapper{ display: flex; align-items: center; }
#nav-2 .left-item-wrapper i{ color: #EDBE00; }
#nav-2 .header-brand img{ width: 200px; height: auto; margin-top: -40px; }
#nav-2 .right-item-wrapper{ display: flex; align-items: center; }
#nav-2 .right-item-wrapper i{ color: #EDBE00; }



#nav{ padding-bottom: 0; }
#nav .navbar-brand-wrapper{ display: none; margin: .5rem 0; }
#nav .navbar-brand img.big{ width: 150px; height: auto; }
#nav .container-xl{ align-items: end; }
#nav-collapse .nav-link{ padding: 1rem; font-size: 14px; transition: .2s; color: #333333; font-weight: 600;  }
#nav-collapse .nav-link:hover{ background-color: #FFF; color: #000; text-decoration: none; }
#nav-search-form input{ border-radius: 50px; background: transparent; }
#nav .dropdown-menu{ background: transparent; padding: 0; }
#nav .dropdown-menu .dropdown-item{ background-color: rgba(255,255,255,0.8); margin-top: 2px; transition: .2s; font-size: 14px; font-weight: 600; }
#nav .dropdown-menu .dropdown-item:hover{ background-color: rgba(255,255,255,1); text-decoration: none; }
.dropend .dropdown-toggle::after{ margin-left: .450rem; }
/***** HEADER *****/




/***** PAGE BODY *****/
.page-wrapper{ }
.page-wrapper > section{ padding: 6rem 0 6rem 0; }
.page-wrapper > section .header{ margin-bottom: 5rem; }
.page-wrapper > section .header h2{ font-size: 2rem; font-weight: bold; color: #232B37; margin-bottom: .5rem; }
.page-wrapper > section .header img{}
.page-wrapper > section .sub-header{ font-size:1.75rem; font-weight: 500; margin: 0 0 3rem 0; color: #5B5B63; }
.page-wrapper > section .inner-header{ font-size:1.75rem; font-weight: 500; margin: 0 0 3rem 0; color: #5B5B63; }
.page-wrapper > section > .container > .content{}
.page-wrapper > section > .container > .content p{ font-size: 1.25rem; color: #5B5B63; }
.page-wrapper > section > .container > .content ul{ font-size: 1.25rem; color: #5B5B63; }
.page-wrapper > section .no-item-notice-wrapper{ padding: 5rem 0; }
.page-wrapper > section .no-item-notice-wrapper i{ }
.page-wrapper > section .no-item-notice-wrapper h3{ font-size: 2rem; margin-top: 1rem; color: #5B5B63; }

.text-big{ font-size: 1.25rem; }
.text-huge{ font-size: 1.5rem; }


/* SUBPAGE HEADER SLIDES */
.page-wrapper .banner .carousel-wrapper{  }
.page-wrapper .banner .carousel.slide{ height: 400px;  }
.page-wrapper .banner .carousel.slide .carousel-inner{ height: 100%; }
.page-wrapper .banner .carousel.slide .carousel-item{ height: 100%; position: relative;  }
.page-wrapper .banner .carousel.slide .carousel-item img{
    height: 100%; width: auto; object-fit: cover;
}
.page-wrapper .banner .carousel.slide .inner-flex{
    position: absolute; left: 0;  top: 0; width: 100%; height: 100%; display: flex;
    align-items: center; padding: 0 15rem; background: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.1));
}
.page-wrapper .banner .carousel.slide .carousel-item .carousel-caption{
    position: static; margin: auto auto 3rem auto; text-shadow: 2px 2px 2px rgba(0,0,0,0.7);
}
.page-wrapper .banner .carousel.slide .carousel-item .carousel-caption h2{}
.page-wrapper .banner .carousel.slide .carousel-item .carousel-caption p{ margin: 1px auto; font-size: 3rem; font-weight: bold; }
/* SUBPAGE HEADER SLIDES */


/* MENU BOX */
.menu-box{ }
.menu-box .item{ margin-bottom: 1.75rem; }
.menu-box .item .inner{ position: relative; box-shadow: 0 30px 30px -30px rgba(0,0,0,0.2); transition: .5s; background-color: #FFF; z-index: 1;  }
.menu-box .item .inner .new-icon{ position: absolute; top: 0; right: 0; z-index: 2; }
.menu-box .item .image a{ height: 100%; width: 100%; }
.menu-box .item .image{ height: 290px; }
.menu-box .item .image img{ height: 100%; width: 100%; object-fit: cover; filter: blur(0px);  }
.menu-box .item .content{ text-align: center; padding: 30px; }
.menu-box .item .content .title{ padding: 0; margin: 0rem 0 1rem 0; font-size: 1.5rem; font-weight: 600; color: #232B37; }
.menu-box .item .content .description{
    font-size: 1rem; margin-bottom: 1.5rem; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;
    overflow: hidden; color: #EDBF00;
}
.menu-box .item .content .btn{ border-radius: 0; background-color: #C47300; border-color: #C47300; transition: .2s; }
.menu-box .item .box-shadow{ background-color: rgba(0,0,0,0.3); height: 25px; border-radius: 50%; filter: blur(3px); width: 80%; margin: -20px auto 0 auto; z-index: 0;  }
/* hover */
.menu-box .item .content .btn:hover{ background-color: #A45F00; border-color: #A45F00; text-decoration: none; }
.menu-box .item .inner:hover{ transform: scale(1.03); box-shadow: 0 5px 15px rgba(0,0,0,0.03); }
/* hover */

/* ICONS AREA */
.icons-1{ margin: 0 -20px; }
.icons-1 > div{ padding: 0 20px;  }
.icons-1 > div:nth-child(4){ /*border-right-width: 1px;*/ }
.icons-1 .inner{ padding: 20px 10px 20px 10px; background-color: #FFF; z-index: 1; position: relative; }
.icons-1 .inner .header-icon{ position: relative; }
.icons-1 .inner .header-icon > img{
    position: relative; z-index: 1; }
.icons-1 .inner .header-icon > div{ position: absolute; top: 49%; left: 0; height: 3px; width: 100%; background-color: #232b38; z-index: 0; }
.icons-1 .inner-yellow .header-icon > div{ background-color: #edbf00; }
.icons-1 .title{ margin-top: 1rem; font-size: 20px; font-weight: 600; }
.icons-1 .description{ }
.icons-1 .description p{ font-size: 14px !important; color: #6B6B6B !important; margin: 1.5rem 0 !important; }
.icons-1 .box-shadow{ background-color: rgba(0,0,0,0.3); height: 25px; border-radius: 50%; filter: blur(3px); width: 80%; margin: -20px auto 0 auto; z-index: 0;  }
/* ICONS AREA */


/* IMAGE CONTENT */
.image-content-1{  }
.image-content-1 .left{  }
.image-content-1 .left .image-wrapper{ width: 100%; height: 340px; }
.image-content-1 .left .image-wrapper img{ object-fit: cover; width: 100%; height: 100%; }
.image-content-1 p{ font-size: 14px !important; }
/* IMAGE CONTENT */


/* ONLY CONTENT 1 */
.only-content-1{ }
.only-content-1 .content h3{ font-weight: 600; }
.only-content-1 .content p{ font-size: 14px !important; }
/* ONLY CONTENT 1 */


/* GALLERY */
.gallery-1{}
.gallery-1 .gallery-cell{ margin-bottom: 15px; text-align: center; }
.gallery-1 .inner{
    width: 100%; height: 210px; position: relative; padding: 7px; background-color: #EEE;
    box-shadow: 0px 0px 1px 1px rgba(0,0,0,0.15); transition-duration: .2s;
}
.gallery-1 .inner:hover{ transform: scale(1.1); }
.gallery-1 .img-wrapper{ width: 100%; height: 100%; position: relative; display: flex; align-items: center; }
.gallery-1 .img-wrapper a{ width: 100%; height: 100%; position: relative; display: flex; align-items: center; }
.gallery-1 .img-wrapper img{ max-width: 100%; max-height: 100%; margin: auto; }
.gallery-1 .title{  }
.gallery-1 .description{ margin-top: 1rem; margin-bottom: 2rem; }

.gallery-2{ }
.gallery-2 header{ background-color: #343b46; padding-top: 6rem; padding-bottom: 2rem; margin-top: -6rem;  }
.gallery-2 .header{ margin-bottom: 0 !important; }
.gallery-2 .header h2{ color: #FFF !important; }
.gallery-2 .content{ background-color: #343b46; margin-bottom: -6rem; }
.gallery-2 .content .row{ margin: 0; }
.gallery-2 .content .item{ height: 345px; padding: 0; }
.gallery-2 .content .item img{ object-fit: cover; height: 100%; width: 100%; transition: .4s; }
.gallery-2 .content .item img:hover{ opacity: .5; }
/* GALLERY */



/* FORM */
.form-1{  }
.form-1 .content h3{ font-weight: 600; }
.form-1 .content p{ font-size: 14px !important; }
.form-1 .content .input-group{ background-color: #FFF; padding: 5px; border-radius: 10px; transition: .2s; }
.form-1 .content .input-group:focus-within{ box-shadow: 0 0 0 0.25rem rgba(13,110,253,0.25); }
.form-1 .content .input-group input{ border: 0; box-shadow: none; }
.form-1 .content .input-group button{ border-radius: 10px !important; }
/* FORM */


/* CONTACT */
.contact-1{ padding: 0 !important; }
.contact-1 .left-wrapper{ padding-top: 6rem; padding-bottom: 6rem; }
.contact-1 .left-wrapper > div{ width: 500px; margin-left: auto; }
.contact-1 .left-wrapper .header{ margin-bottom: 2rem; display: inline-block; }
.contact-1 .left-wrapper .header h2{ text-align: center; }
.contact-1 .left-wrapper .content{ }
.contact-1 .left-wrapper .content .line{ display: flex; align-items: center; margin-bottom: 1.25rem; }
.contact-1 .left-wrapper .content .line .icon-wrapper{ margin-right: 1rem; }
.contact-1 .left-wrapper .content .line .icon-wrapper img{ }
.contact-1 .left-wrapper .content .line .text{ }
.contact-1 .left-wrapper .content .line .text h4{ margin-bottom: 0; font-size: 15px !important; font-weight: 600; }
.contact-1 .left-wrapper .content .line .text p{ margin: 0; font-size: 14px !important; }

.contact-1 .right-wrapper{  }
.contact-1 .right-wrapper .map-wrapper{ height: 100%; background-color: #EEE; }
/* CONTACT */

/* IMAGE-WRAPPER */
.image-wrapper-1{ margin-right: 3rem; margin-bottom: 2rem; }
.image-wrapper-1 .inner{ padding: 7px; background-color: #EEE; box-shadow: 0 0 0 1px rgba(0,0,0,0.1); }
.image-wrapper-1 .inner img{ max-width: 100%; }

.image-wrapper-2{}
.image-wrapper-2 .item{}
.image-wrapper-2 .inner{ overflow: hidden; transition: .2s; }
.image-wrapper-2 .inner:hover{  }
.image-wrapper-2 .image{}
.image-wrapper-2 .image img{ max-width: 100%; }
.image-wrapper-2 .title{ margin-top: 1rem;}
.image-wrapper-2 .description{}
/* IMAGE-WRAPPER */


/***** PAGE BODY *****/




/***** FOOTER *****/

/* LINE 1 */
#footer .line-1{ position: relative; overflow: hidden; }
#footer .line-1 .background-img{
    position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; z-index: -1;
    filter: blur(5px); display: none;
}
#footer .line-1 .background{ background-color: #2c333f; padding: 6rem 0; color: #FFF; }
#footer .line-1 h4{ margin-bottom: 1.5rem; padding-bottom: 1.5rem; color: #FFF; border-bottom: 1px solid #EDBF00; }
#footer .line-1 h4 span{ font-weight: 100; color: rgba(255,255,255,0.5); }
#footer .line-1 a{ color: #FFF; }
#footer .line-1 .shortcut ul{ margin: 0; padding-left: 0; list-style: none; }
#footer .line-1 .shortcut li{ margin-bottom: 5px; }
#footer .line-1 .shortcut a{ text-decoration: none; }
#footer .line-1 .shortcut a:hover{ text-decoration: underline; }


#footer .line-1 .social{  }
#footer .line-1 .social .item-wrapper{ display: inline-block; }
#footer .line-1 .social .item{
    line-height: 0; background-color: #FFF; width: 32px; height: 32px; display: flex; align-items: center;
    transition-duration: .2s; border-radius: 100%; margin: 0 .3rem; border: 1px solid rgba(0,0,0,0.1);
}
#footer .line-1 .social .item:hover{ border-radius: 20%; box-shadow: 1px 1px 15px 0 rgba(0,0,0,0.3); }
#footer .line-1 .social a{ text-decoration: none;  }
#footer .line-1 .social i{ font-size: 1.25rem; margin-left: auto; margin-right: auto; color: #161616; }

#footer .line-1 .social-2 .inner-wrapper{ width: 130px; margin: auto; }
#footer .line-1 .social-2 .item-wrapper{ margin-bottom: 5px;  }
#footer .line-1 .social-2 i{ margin-right: .5rem;  }

#footer .line-1 .instagram-1{}
#footer .line-1 .instagram-1 .col-md-4{ height: 60px; background-color: #EEE; }


/* LINE 2 */
#footer .line-2{
    background-color: #232b37; padding: 1rem 0;
}
#footer .line-2 a{ color: #EDBF00; text-decoration: none; }
#footer .line-2 a:hover{ text-decoration: underline; }
/***** FOOTER *****/




/* GOOGLE SEARCH */
#main-search{ min-width: 350px; }
#gsc-iw-id1{ border-radius: 25px 0 0 25px; }
#gsc-i-id1{ background: none !important; }
#___gcse_0{ background-color: transparent !important; }
#___gcse_0 .gsc-input{ padding-right: 0; }
#___gcse_0 button.gsc-search-button{ margin-left: 0; border-radius: 0 25px 25px 0; font-size: 14px; padding-left: 14px; padding-right: 14px; background-color: #D50019; border-color: #CB321D; }
.gsc-control-cse{ background-color: transparent !important; border: 0 !important; }
/* GOOGLE SEARCH */




/* INTRO MODAL */
#intro-modal .modal-body{ padding: 0; line-height: 0; }
#intro-modal .modal-header{ padding: .5rem 1rem; /*background-color: #312F31;*/ }
/* INTRO MODAL */


/* PRIVATE BUTTON */
.btn-private-primary{
    background-color: #232b37; border: solid #1e252f; border-width: 0 0 5px 0; color: #FFF; font-size: 14px; font-weight: 600;
    border-radius: 10px; min-width: 130px; padding: 12px 0 9px 0;
}
.btn-private-primary:hover{ background-color: #1e252f; border: solid #1e252f; border-width: 0 0 5px 0; color: #FFF; text-decoration: none; }
.btn-private-warning{
    background-color: #edbf00; border: solid #caa300; border-width: 0 0 5px 0; color: #FFF; font-size: 14px; font-weight: 600;
    border-radius: 10px; min-width: 130px; padding: 12px 0 9px 0;
}
.btn-private-warning:hover{ background-color: #caa300;  border: solid #caa300; border-width: 0 0 5px 0; color: #FFF; text-decoration: none; }
.btn-private-warning.btn-sm{ padding: 8px 0 5px 0; }
/* PRIVATE BUTTON */

/***** RESPONSIVE *****/
@media only screen and (max-width: 1400px){

}
@media only screen and (max-width: 1200px){

}
@media only screen and (max-width: 992px){

    #nav .nav-item-separator{ display: none; }
    #nav .nav-link{ padding: 5px 0;  }
    #nav .navbar-toggler{ margin-left: auto; margin-right: auto; border: 0; }
    #nav .navbar-toggler:focus{ box-shadow: none; }
    #nav .navbar-collapse{  }
    #nav .navbar-brand-wrapper{ display: block; }

    #nav-2{ display: none; }
    #nav-2 .left-item-wrapper{ display: none; }
    #nav-2 .right-item-wrapper{ display: none; }

    #map{ min-height: 300px; }

    .contact-1 .left-wrapper > div{ width: auto; }
    .icons-1{ margin: auto; margin-left: -.75rem; margin-right: -.75rem; }
    .icons-1 > div{ padding: 0 .75rem; margin-bottom: 3rem; }

    #footer .line-1 .col-md-3{ margin-bottom: 5rem; }
}
@media only screen and (max-width: 768px){

}
@media only screen and (max-width: 576px){

}
/***** RESPONSIVE *****/