html{ scroll-behavior: smooth; }
/* ---- HEADER ---- */
#header{ margin-bottom: 0; }
#header .navbar-brand img{
    line-height: 0; border-radius: 10%; margin-top: -10px; margin-bottom: -6px; margin-right: .25rem;
}
#header .navbar-brand img.big{  }
#header .navbar-brand img.small{ display: none; }
#search-form .input-group-prepend > .btn{
    color: #ced4da; border: solid #ced4da; border-width: 1px 0px 1px 1px; transition-duration: .2s;
    padding-left: 10px; padding-right: 10px;
}
#search-form .input-group-prepend > .btn:hover{ color: #FFF; background-color: #ced4da; }
#search-form input{ border-left: 0; padding-left: 3px; }

.bg-dark{ background-color: #312F31 !important; }


/* NAVBAR 1 */
#navbar-1{
    background: url('../../../file/img/gradient-pattern.png'),linear-gradient(to bottom right,#003852, #0086D2);
    background-size: 10px 10px,100% 100%!important; background-repeat: repeat!important;
    box-shadow: inset 0 -3px 8px 0 rgba(0,0,0,0.4);
}
#navbar-1 .navbar-brand{ display: none; }

#navbar-1 .nav-item{}
#navbar-1 .nav-link{
    font-family: 'Montserrat', sans-serif; font-size: .8rem; font-weight: 700;
    padding: 1rem 1rem; color: #FFF;
}

#navbar-1 .navbar-nav-left{}
#navbar-1 .navbar-nav-left .nav-link{  }

/* NAVBAR SOCIAL */
#navbar-1 .navbar-social-wrapper{ flex-direction: row; display: flex; margin-left: 20px;  }
#navbar-1 .navbar-social-wrapper .nav-item{
    margin: auto 5px; text-align: center;  line-height: 0; border-radius: 100%; transition: .2s;
    background-color:#D50019; width: 36px; height: 36px; display: flex; align-items: center;
}
#navbar-1 .navbar-social-wrapper .nav-item:hover{ border-radius: 10%; }
#navbar-1 .navbar-social-wrapper .nav-link{
    font-size: 22px; font-weight: normal; padding: 0px; line-height: 0; color: #FFF; margin-left: auto; margin-right: auto;
}
/* NAVBAR SOCIAL */

#navbar-1 #search-form input{ border-radius: 20px 0 0 20px; text-indent: 10px; border-width: 0; }
#navbar-1 #search-form .btn{ border-radius: 0 20px 20px 0; background-color: #FFF; border-width: 0; color:#868686; }
/* NAVBAR 1 */


/* NAVBAR 2 */
#navbar-2{ padding: 0; box-shadow: 0 3px 8px 0 rgba(0,0,0,0.5); z-index: 10; }
#navbar-2 .navbar-brand{ padding: 0; margin: 0; }
#navbar-2 .navbar-brand img{ margin: 0; height: 140px; border-radius: 0;}
#navbar-2 .nav-item{}
#navbar-2 .nav-item .dropdown-menu{}
#navbar-2 .nav-item .dropdown-menu > li{}
#navbar-2 .nav-item .dropdown-item{  }
#navbar-2 .nav-item .dropdown-item:focus{ background-color: #312F31; color: #FFF; }
#navbar-2 .nav-link{
    font-family: 'Montserrat', sans-serif; font-size: .95rem; font-weight: 700; color: #312F31;
    padding: 4rem 1rem;
}
#navbar-2 .nav-link:focus{ border: 0; outline: none; background-color: #D50019; color: #FFF; }
#navbar-2 .nav-link:hover{  }
#navbar-2 .nav-link.active{ background-color: #D50019; color: #FFF; }
/* NAVBAR 2 */
/* ---- HEADER ---- */




/* ---- PAGE ---- */
#main .page-wrapper{}
#main .page-wrapper .header{ }

#main .page-wrapper .header .cover{ height: 400px; width: 100%; position: relative; border-bottom: 10px solid #312F31; overflow: hidden; z-index: 1; }
#main .page-wrapper .header .cover img{
    object-fit: cover; object-position: center; max-width: 100%; width: 100%; height: 100%;
}

#main .page-wrapper .header .carousel-wrapper{ border-bottom: 10px solid #312F31; }
#main .page-wrapper .header .carousel.slide{ height: 400px;  }
#main .page-wrapper .header .carousel.slide .carousel-inner{ height: 100%; }
#main .page-wrapper .header .carousel.slide .carousel-item{ height: 100%;  }
#main .page-wrapper .header .carousel.slide .carousel-item img{
    height: 100%; width: auto; object-fit: cover;
}
#main .page-wrapper .header .carousel.slide .carousel-item .carousel-caption{
    background-color: rgba(0,0,0,0.3);
}

#main .page-wrapper .header .title-wrapper{ margin-top: -40px; position: relative; z-index: 10; }
#main .page-wrapper .header .title-wrapper .left{ background-color: #312F31; color: #FFF; }
#main .page-wrapper .header .title-wrapper .right{}
#main .page-wrapper .header .title-wrapper h1{
    font-family: 'Montserrat', sans-serif; font-weight: 600;
    font-size: 2.2rem; margin-bottom: 0; padding: 19px 0 14px 10px;
}
#main .page-wrapper .content{ min-height: 300px; padding-top: 5rem; padding-bottom: 5rem; font-family: 'Montserrat', sans-serif;  }
#main .page-wrapper .content .header{ margin-bottom: 1rem;}
#main .page-wrapper .content p{ font-size: 1.25rem; font-weight: 300; margin-bottom: 1rem; }
#main .page-wrapper .content li{ font-size: 1.25rem; font-weight: 300; }

#main .page-wrapper .content .profile-wrapper{ display: inline-block; margin-bottom: 3rem; }
#main .page-wrapper .content .profile-wrapper .img-wrapper{
    padding: 7px; background-color: #EEE; line-height: 0; box-shadow: 1px 1px 3px 0 rgba(0,0,0,0.3);
}
#main .page-wrapper .content .profile-wrapper .img-wrapper img{ height: 160px; width: 160px;  }
#main .page-wrapper .content .profile-wrapper .title{
    text-align: center; font-size: 18px; font-weight: 600; margin-top: 1rem;
}
#main .page-wrapper .content .profile-wrapper .description{
    text-align: center; font-size: 18px;
}

.box-wrapper-1{ height: 300px; position: relative; border-radius: 10%; overflow: hidden; transition: .5s; box-shadow: 0 0 2px 1px rgba(0,0,0,0.1); }
.box-wrapper-1 .img-wrapper{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1; }
.box-wrapper-1 .img-wrapper img{ width: 100%; height: 100%; object-fit: cover; }
.box-wrapper-1 .text-wrapper{
    position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 2; display: flex;
    align-items: flex-end; text-align: center; padding: 15px;
    background: linear-gradient(rgba(0,0,0,0.1), rgba(0,0,0,0.7)); transition: .5s;
}
.box-wrapper-1 .text-wrapper span{
    color: #FFF; font-size: 1.5rem; font-weight: bold; line-height: 110%;
    text-shadow: 1px 1px 3px rgba(0,0,0,0.6); transition: .5s;
}
.box-wrapper-1:hover{ transform: scale(1.1); box-shadow: 0 0 20px 1px rgba(0,0,0,0.5); }
.box-wrapper-1:hover .text-wrapper{ background-color: rgba(0,0,0,0.5); align-items: flex-end; padding-bottom: 40px; }
.box-wrapper-1:hover .text-wrapper span{ /*color: #77C6FF;*/ }
/* ---- PAGE ---- */




/* ---- FOOTER ---- */
/* LINE 1 */
#footer{}
#footer hr{ height: 3px; background-color: #FFF; opacity: .5; }
#footer .line-1{
    padding-bottom: 3rem; border-top: 2px solid #312F31;
    background: url('../../../file/img/gradient-pattern.png'),linear-gradient(to bottom right,#0086D2,#003852);
    background-size: 10px 10px,100% 100%!important; background-repeat: repeat!important;
}
#footer .line-1 h4{ color: #FFF; margin: 2rem 0; }
#footer .line-1 p{ color: #FFF; margin: 1rem 0; line-height: 100%; opacity: .75; }
#footer .line-1 a{ text-decoration: none; color: #FFF; margin: 0; line-height: 100%; opacity: .75; }
#footer .line-1 .social-wrapper{ line-height: 0; text-align: right; margin-top: 2rem; }
#footer .line-1 .social-wrapper a{
    line-height: 0; font-size: 22px; padding: 5px; width: 32px; color: #3751A5;background-color: #FFF; display: inline-block;
    text-align: center; border-radius: 100%; margin-right: .3rem; transition-duration: .3s; opacity: .8;
}
#footer .line-1 .social-wrapper a:hover{ border-radius: 20%; opacity: 1; }
#footer .line-1 .col-end{ display: flex; align-items: flex-end; }
#footer .line-1 .logo-wrapper{ display: inline-block; padding: 12px; position: relative; }
#footer .line-1 .social-wrapper i{  }
#up-btn{ padding: 7px 15px; }
/* LINE 1 */




/* LINE 2 */
#footer .line-2{}
#footer .line-2 a{ color: #FFF; text-decoration: none; }
/* LINE 2 */
/* ---- FOOTER ---- */




/* 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 */




/* PUBLIC THEME */
.bg-yellow-1{ background-color: #EFB52B; }
.bg-blue-1{ background-color: #3751A5; }
.bg-dark-1{ background-color: #312F31; }

.text-color-yellow-1{ color: #EFB52B; }
.text-color-blue-1{ color: #3751A5; }
.text-color-bmw-1{ color: #0066B1; }


.card-theme-1{
    background-color: #EEE; padding: 2rem;
    box-shadow: inset 1px 1px 1px 0 rgba(0,0,0,0.05), 1px 1px 5px 0 rgba(0,0,0,0.1);
}
.card-theme-1 .header{  }
.card-theme-1 .header i{ margin-right: .5rem; }
/* PUBLIC THEME */




/* RESPONSIVE */
@media only screen and (max-width: 1200px) {
    #navbar-1 .nav-link{ padding: .5rem 1rem; }
    #navbar-2 .navbar-brand img.big{ display: none; }
    #navbar-2 .navbar-brand img.small{ display: block; margin-left: -15px; }
    #navbar-2 .nav-link{ padding: .5rem 1rem; }
    #navbar-1 .navbar-social-wrapper{ margin-left: 0; }
    #navbar-1 .navbar-brand{ display: block; }
}
/* RESPONSIVE */




/* CUSTOM BOOTSTRAP DROPDOWN STYLE */
.dropdown-full-width{ position:static !important; }
.dropdown-menu-full-width{
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15)!important; margin-top:-1px !important; width:100% !important;
    border-radius: 0 !important; border: 0; padding: 5rem 0; background-color: rgba(0,0,0,0.7);
}
.dropdown-menu-full-width .dropdown-header{
    font-family: 'Montserrat', sans-serif; font-size: 1rem; font-weight: 600; color: #FFF;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.7); margin-bottom: 1rem;
}
.dropdown-menu-full-width .row{  }
.dropdown-menu-full-width .dropdown-item{
    font-family: 'Montserrat', sans-serif; font-size: 1rem; font-weight: 300; color: #FFF;
    transition-duration: 0.2s; padding: .45rem 1rem;
}
.dropdown-menu-full-width .dropdown-item:hover{ background-color: #D50019; }
.dropdown-menu-full-width .dropdown-item i{  }
/* CUSTOM BOOTSTRAP DROPDOWN STYLE */


/* 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;*/ }