/* Add here all your CSS customizations */
.text-spacing{
     letter-spacing: 2px;
}

.gradient-bottom {
    background: transparent linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, #000 100%) repeat scroll 0 0;
    bottom: 0;
    height: 50%;
    position: absolute;
    width: 100%;
    z-index: 80;
}
.img-w{ width: 100%;}




#header{
    height: 209px !important;
}


.header-btn-collapse-nav{
    position: absolute;
    top: -80px;
    right: 24px;
}




@media (max-width: 991px) {
#header {
    height: 129px !important;
}
}
@media (min-width: 992px) {

#header .header-nav-main nav > ul > li > a {
    display: inline-block;
		border-radius: 4px;
		font-size: 12px;
		font-style: normal;
		font-weight: 700;
		line-height: 20px;
    padding: 10px 14px !important;
    text-transform: uppercase;
}
    
    
    #header .header-nav-bar {
    background: #F4F4F4;
    padding: 0 10px 5px;
        padding-top: 0px;
    margin-bottom: 0;
}
    #header .header-nav {
    display: block !important;
}
    
}

@media (min-width: 1199px) {

#header .header-nav-main nav > ul > li > a {
    display: inline-block;
		border-radius: 4px;
		font-size: 12px;
		font-style: normal;
		font-weight: 700;
		line-height: 20px;
    padding: 10px 25px !important;
    text-transform: uppercase; 
}
}