@font-face {
    font-family: Montserrat-Regular;
    src: url('../fonts/montserrat/Montserrat-Regular.ttf'); 
}

@font-face {
    font-family: Montserrat-Medium;
    src: url('../fonts/montserrat/Montserrat-Medium.ttf'); 
}

@font-face {
    font-family: Montserrat-Bold;
    src: url('../fonts/montserrat/Montserrat-Bold.ttf'); 
}

@font-face {
    font-family: Montserrat-Italic;
    src: url('../fonts/montserrat/Montserrat-Italic.ttf'); 
}

@font-face {
    font-family: Montserrat-Black;
    src: url('../fonts/montserrat/Montserrat-Black.ttf'); 
}

@font-face {
    font-family: Linearicons;
    src: url('../fonts/Linearicons-Free-v1.0.0/WebFont/Linearicons-Free.ttf'); 
}

@font-face {
    font-family: Poppins-Bold;
    src: url('../fonts/poppins/Poppins-Bold.ttf'); 
}

@font-face {
    font-family: Poppins-Black;
    src: url('../fonts/poppins/Poppins-Black.ttf'); 
}

* {
    margin: 0px; 
    padding: 0px; 
    box-sizing: border-box;
}




/*[ Menu mobile ]
-----------------------------------------------------------*/
.wrap-side-menu {
    width: 100%;
    background-color: white;
    display: none;
    border-top: 1px solid #ececec;
}

.side-menu {
    width: 100%;
}

.side-menu li {
    list-style-type: none;
}

.side-menu .main-menu {margin-bottom: 0;}

.item-menu-mobile {
    background-color: #e65540;
}

.side-menu .main-menu > li > a {
    padding-left: 20px;
    font-family: Montserrat-Regular;
    font-size: 15px;
    color: white;
    line-height: 2.86;
}

.side-menu .main-menu > li {
    color: white;
    position: relative;
}


.side-menu .main-menu .arrow-main-menu {
    font-size: 14px;
    position: absolute;
    right: 20px;
    top: 5px;
    padding: 10px;
    -webkit-transition: all 0.4s !important;
    -o-transition: all 0.4s !important;
    -moz-transition: all 0.4s !important;
    transition: all 0.4s !important;
}

.side-menu .main-menu .arrow-main-menu:hover {
    cursor: pointer;
}

.turn-arrow {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}

.side-menu .sub-menu a {
    padding-left: 20px;
    font-family: Montserrat-Regular;
    font-size: 13px;
    color: #333333;
    line-height: 2.5;
}


.side-menu .sub-menu a:hover {
    text-decoration: none;
    padding-left: 20px;
    color: #e65540 !important;
}

.side-menu .sub-menu {
    background-color: white;
    display: none;
}

@media (min-width: 992px){
    .wrap-side-menu {
        display: none;
    }
}



/*[ Page sidebar ]
-----------------------------------------------------------
*/
.container1-page {
    margin-left: 320px;
}

@media (max-width: 992px){
    .wrap_header_mobile {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex !important;
    }
    .wrap_header {display: none;}

    .container-menu-header-v3,
    .container-menu-header-v2,
    .container-menu-header 
    {display: none;}

    .top-bar {display: none;}
    header {height: auto !important;}

    .container1-page {
        margin-left: 0px;
    }
}



/*[ Slide1 ]
///////////////////////////////////////////////////////////
*/

/*[ Slick1 ]
-----------------------------------------------------------
*/
.wrap-slick1 {
    position: relative;
}

.item-slick1 {
    height: 100vh;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.arrow-slick1 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    font-size: 18px;
    color: white;
    position: absolute;
    background-color: transparent;
    opacity: 0;

    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);

    border-radius: 50%;
    z-index: 200;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s;
}

.wrap-slick1:hover .arrow-slick1 {
    opacity: 0.5;
}

.arrow-slick1:hover {
    background-color: #e05038;
}

.next-slick1 {
    right: 50px;
    left: auto;
}

.prev-slick1 {
    left: 50px;
    right: auto;
}

@media (max-width: 576px) {
    .next-slick1 {
        right: 15px;
    }

    .prev-slick1 {
        left: 15px;
    }
}

/*[ Caption ]
-----------------------------------------------------------
*/
@media (max-width: 992px) {
    .wrap-content-slide1 .xl-text2 {
        font-size: 60px;
    }
}

@media (max-width: 768px) {
    .wrap-content-slide1 .xl-text3,
    .wrap-content-slide1 .xl-text2,
    .wrap-content-slide1 .xl-text1 {
        font-size: 30px;
    }

    .wrap-content-slide1 .m-text27,
    .wrap-content-slide1 .m-text1 {
        font-size: 18px;
    }

    .item-slick1 {
        height: 100vh;
    }
}

@media (max-width: 576px) {
    .wrap-content-slide1 .xl-text3,
    .wrap-content-slide1 .xl-text2,
    .wrap-content-slide1 .xl-text1 {
        font-size: 25px;
    }

    .wrap-content-slide1 .m-text27,
    .wrap-content-slide1 .m-text1 {
        font-size: 16px;
    }

    .item-slick1 {
     height: 100vh;
    }
}

/*[ rs1-slick1 ]
-----------------------------------------------------------
*/
.rs1-slick1 .item-slick1 {
    height: 100vh;
}

@media (max-width: 992px) {
    .rs1-slick1 .item-slick1 {
        height: calc(100vh - 85px);
    }
}




/*[ Slide2 ]
///////////////////////////////////////////////////////////
*/

/*[ Slick2 ]
-----------------------------------------------------------
*/
.wrap-slick2 {
    position: relative;
    margin-right: -15px;
    margin-left: -15px;
}

/* ------------------------------------ */
.arrow-slick2 {
    position: absolute;
    z-index: 100;
    top: calc((100% - 70px) / 2);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 39px;
    color: #cccccc;

    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s;
}

.arrow-slick2:hover {
    color: #666666;
}

.next-slick2 {
    right: -30px;
}

.prev-slick2 {
    left: -30px;
}

@media (max-width: 1280px) {
    .next-slick2 {
        right: 0px;
    }

    .prev-slick2 {
        left: 0px;
    }
}

@media (max-width: 1610px) {
    .rs1-slick2 .next-slick2 {
        right: 0px;
    }

    .rs1-slick2 .prev-slick2 {
        left: 0px;
    }
}

/*[ BG Title Page ]
///////////////////////////////////////////////////////////
*/
.bg-title-page {
    width: 100%;
    min-height: 239px;
    padding-left: 15px;
    padding-right: 15px;
    background-repeat: no-repeat;
    background-position: center 0;
    background-size: cover;
}

@media (max-width: 576px) {
    .bg-title-page .l-text2 {font-size: 35px;}
    .bg-title-page .m-text13 {font-size: 16px;}
}



/*[ Slick3 ]
///////////////////////////////////////////////////////////
*/

.wrap-slick3-dots {
    width: 14.5%;
}

.slick3 {
    width: 80.64%;
}

.slick3-dots li {
    display: block;
    position: relative;
    width: 100%;
    margin-bottom: 15px;
}

.slick3-dots li img {
    width: 100%;
}

.slick3-dot-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    cursor: pointer;
    border: 3px solid transparent;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s;
}

.slick3-dot-overlay:hover {
    border: 3px solid #888888;
}

.slick3-dots .slick-active .slick3-dot-overlay {
    border: 3px solid #888888;
}

.xl-text1{font-size:38px;}