:root {     
    --base-color: #A1CB70;  
    --alt-font: 'Poppins', sans-serif; 
    --primary-font: 'Open Sans', sans-serif;
    --dark-gray: #272727;
    --red: #f45959;
    --medium-light-gray:#b4b4b4;
    --medium-gray:#848587;
}

body {
font-size: 17px;
line-height: 30px;
color: var(--dark-gray);
}

/*
-------------------------------------------------------------------------
                          LOGO
-------------------------------------------------------------------------
*/

header .navbar-brand img {
max-height:60px!important;
}

/*
-------------------------------------------------------------------------
                          NAV
-------------------------------------------------------------------------
*/

.navbar .navbar-nav .nav-item .nav-link {
border-bottom: 3px solid #FFFFFF;
}

.navbar .navbar-nav .nav-item:hover .nav-link, 
.navbar .navbar-nav .nav-item.active .nav-link {
color: #FF914D!important;
opacity: 1.0!important;
border-bottom: 3px solid #FF914D!important;
}

/*
-------------------------------------------------------------------------
                          HEADER
-------------------------------------------------------------------------
*/

.navbar .navbar-nav .nav-link {
font-weight: 700;
font-size: 18px;
padding: 10px 22px;
}
header .container-fluid {
padding-left: 85px;
 padding-right: 85px;
}
.sticky-wrap.shadow-in {
left: 31px;
}

/*
-------------------------------------------------------------------------
                          PAGE TITLE
-------------------------------------------------------------------------
*/

.page-title-extra-large h2 {
    font-size: 17px;
    line-height: 20px;
    letter-spacing: 0px;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
margin-bottom: 25px;
}

/*
-------------------------------------------------------------------------
                          BUTTON
-------------------------------------------------------------------------
*/
.btn {
    text-transform: inherit;
    font-weight: 600;
    letter-spacing: 0px;
}
.btn.btn-extra-large {
    font-size: 18px;
}
.btn.btn-large {
    font-size:17px;
}
.btn.btn-medium {
    font-size: 16px;
}
.btn.btn-small {
    font-size: 15px;
}
.btn.btn-very-small {
    font-size: 14px;
}
.btn.btn-dark-gray:hover,
.btn.btn-dark-gray:active,
.btn.btn-transparent-light-gray:hover,
.btn.btn-transparent-light-gray:active,
.btn.btn-box-shadow.btn-base-color:hover,
.btn.btn-box-shadow.btn-base-color:active{
    background-color: var(--base-color);
    border-color: var(--base-color);
    color: var(--white);
}
.btn.btn-base-color:hover {
background-color: var(--dark-gray);
border-color: var(--dark-gray);
color: var(--white);
}

.btn.btn-transparent-tp-2 {
  background-color: transparent;
  border-color: #FF914D;
  color: #FF914D;
}
.btn.btn-transparent-tp-2:hover, 
.btn.btn-transparent-tp-2:active {
  background-color: #FF914D;
  border-color: #FF914D;
  color: var(--white);
}

.btn.btn-tp-3 {
background-color: #FF914D;
border-color: #FF914D;
color: #FFFFFF;
}
.btn.btn-tp-3:hover, 
.btn.btn-tp-3:active {
  background-color: transparent;
  border-color: #FF914D;
  color: #000000;
}

/*
-------------------------------------------------------------------------
                        VARIOUS
-------------------------------------------------------------------------
*/

.social-icon-style-02 .small-icon li {
    margin: 0;
}

.outside-box-right-2 {
    margin-right: -2vw;
}

.tab-style-01 .nav-tabs .nav-link.show,
.tab-style-01 .nav-tabs .nav-link.active,
.tab-style-01 .nav-tabs .nav-link:hover {
    background-color: var(--base-color);
    color: var(--white);
}
.tab-style-01 .nav-tabs .nav-link {
    padding: 7px 29px;
    color: var(--dark-gray);
}
.tab-style-01 .nav-tabs > li.nav-item {
    padding: 0 13px;
}

.time-table-box .hover-detail {
    padding: 25px 30px;
}

.accordion-style-05 .accordion-item {
    padding: 25px 35px 27px 75px;
}

/*
-------------------------------------------------------------------------
                      FOOTER
-------------------------------------------------------------------------
*/

footer .nav-link {
color: var(--dark-gray);
}
.footer-navbar li a:hover {
 color: #FF914D!important;
}
.elements-social .light li a:hover {
color: var(--base-color) !important;
}
footer .footer-logo img {
max-height: 80px!important;
}
footer .elements-social ul li:last-child {
margin-right: 0;
}
footer {
padding-top: 60px!important;
padding-bottom: 60px!important;
}

.social-icon-style-04 ul li a.linkedin span {
background-color: #FF914D;
}

.elements-social .dark li a {
color: var(--base-color);
}

/*
-------------------------------------------------------------------------
                          BORDER
-------------------------------------------------------------------------
*/

.border-color-transparent-dark-gray {
border-color: rgba(39, 47, 48, 0.1) !important;
}
.border-color-transparent-tp-1 {
border-color: rgba(255, 255, 255, 0.9) !important;
}

.border-color-tp-1 {
border-color: #A1CB70!important;
}
.border-color-tp-2 {
border-color: #FF914D!important;
}


/*
-------------------------------------------------------------------------
                          BG
-------------------------------------------------------------------------
*/

.bg-tp-1 {
background-color: #A1CB70; 
}
.bg-tp-2 {
background-color: #FF914D; 
}
.bg-tp-3 {
background-color: #545454; 
}
.bg-tp-4 {
background-color: #e4e0e0; 
}

/*
-------------------------------------------------------------------------
                          COLORS
-------------------------------------------------------------------------
*/


.text-tp-1, 
.btn-link.text-tp-1,
a.text-tp-1-hover:hover{ 
color: #A1CB70!important; 
color: rgba(161,203,112, 1); 
}
.text-tp-2 {
color: #FF914D; 
}
.text-tp-3 {
color: #545454; 
}
.text-tp-4 {
color: #e4e0e0; 
}


/*
-------------------------------------------------------------------------
                      MEDIA
-------------------------------------------------------------------------
*/

@media (min-width: 768px){
    .page-title-extra-large h1 {
        font-size: 3.8rem;
        line-height: 3.8rem;
    }
}
@media (max-width: 1600px){
    .box-layout {
        padding: 0 60px;
    }
    .sticky-wrap.shadow-in {
        left: 10px;
    }
    header .container-fluid {
        padding-left: 45px;
        padding-right: 45px;
    }
}
@media (max-width: 1400px){
    footer .nav-link {
        padding-left: .75rem;
        padding-right: .75rem;
    }
}
@media (max-width: 1199px){
    .box-layout {
        padding: 0 0;
    }
    .navbar .navbar-nav .nav-link {
        padding-left: 18px;
        padding-right: 18px;
    }
    header .btn.btn-switch-text.btn-small > span {
        padding: 8px 10px;
    }

    .tab-style-01 .nav-tabs > li.nav-item {
        padding: 0 8px;
    }
    header .navbar [class*=col-] {
        padding: 0px;
    }
    .time-table-box {
        padding-left: 5px;
        padding-right: 5px;
    }
}
@media (max-width: 991px){
    header .navbar [class*=col-] {
        padding: 0 15px;
    }
}

@media (max-width: 991px) {
    [data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner .navbar-nav > .nav-item {
        border-bottom: 0;
        text-align: center;
    }
    [data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner .navbar-nav .nav-item .nav-link {
        font-size: 32px;
        line-height: 32px;
        font-weight: 700;
    }
    .main-content {
        z-index: inherit;
    }
    .lh-300 {
        line-height: 15rem;
    }
    footer {
        padding-top: 90px;
        padding-bottom: 70px;
    }
    .fs-325 {
        font-size: 10rem;
        line-height: 10rem;
    }
}

@media (max-width: 767px){
    .accordion-style-05 .accordion-item .number {
        top: 13px;
    }
}
/*
-------------------------------------------------------------------------
                          MEDIA
-------------------------------------------------------------------------
*/

@media only screen and (min-width: 0px) and (max-width: 899px) {


header .navbar .navbar-brand img, header.side-menu .logo img, header .sidebar-nav-menu .navbar-brand img {
max-height: 50px!important;
}

}