/*===========================================*/
/*	DESKTOP LAYOUT 
/*===========================================*/


@media (min-width: 1200px) {
    .ckav-body .container-w .intro-text {
        transition: width 1s;
    }
	.container-w {
        max-width: 90% !important;
    }
    .ckav-body.active-page .container-w {
        max-width: 100% !important;
    }

    .ckav-body.active-page .container-w .intro-text {
        width: calc(20vw - 75px) !important;
    }
    .ckav-body.active-page .container-w .start-button-link {
        display: none;
    }

}
@media (min-width: 992px) and (max-width: 1199px) {
	
}

@media (min-width: 992px) {
		
}

/*===========================================*/
/*	MOBILE & TABLET COMMON
/*===========================================*/
@media (min-width: 200px) and (max-width: 991px) {
    .navlink .text {
        display: block;
        color: #fff;
        margin-left: 30px;
        font-size: 14px;
        white-space: nowrap;
    }
	
}


/*===========================================*/
/*	TABLET
/*===========================================*/
/*@media (min-width: 768px) and (max-width: 991px) {

}*/


/*===========================================*/
/*	MOBILE
/*===========================================*/
@media (min-width: 200px) and (max-width: 767px) {
	.start-button-link {
        display: none;
    }
}
@media (min-width: 600px) and (max-width: 767px) {
    .start-button-link {
        display: none;
    }
}
@media (min-width: 480px) and (max-width: 599px) {
    .start-button-link {
        display: none;
    }

}
@media (min-width: 200px) and (max-width: 479px) {
    .start-button-link {
        display: none;
    }
}

@media (max-width: 767px) {
    .ckav-body [data-ckav-sm*="position-rel"] {
        position: absolute;
    }
}

.intro-text {
    float: left;
    text-align: center;
}
.center-logo {
    margin-bottom:40px;
}
.logo-image {
    display: block;
    width: 150px;
    max-width: 100%;
   
}

.theme-bg-yellow {
    background-color: #fec917 !important;
}
.theme-bg-brown {
    background-color: #2d0a0e !important;
}
.theme-color-yellow {
    color: #fec917 !important;
}
.theme-color-brown {
    color: #2d0a0e !important;
}
.ckav-body .-margin-t-100 {
    margin-top: -4.5rem;
}
.button-icon {
    font-size: 18px;
    width: 40px !important;
    height: 40px !important;
}

.navlink-wrp .current>.navlink {
    background-color: #fec917;
    border-color: #fec917;
    color: #2d0a0e;
}

.color-button-dark:hover, .color-button-dark:focus, .color-button-dark:active, .color-button-dark.active {
    background-color: #fec917;
    border-color: #fec917;
    color: #2d0a0e;
}