/*

#321428
#013c32
#a99a6f
#bbac78
*/

body {
    background:#f0f0f0 ;
    background:#FFF ;
    color:#111;
}
p {
    color:#111;
}
 

.header-style-2 .axil-mainmenu  {
    background: linear-gradient(45deg, #1381d3, #02b7fd);

}
a.axil-btn, button.axil-btn {
    border-radius: 50px !important;
}
a.axil-btn:before, button.axil-btn:before {
    border-radius: 50px !important;
}


.axil-brand-area .arrow-top-slide  .slide-arrow{
    top: 50%;
    transform: translateY(-50%);
    box-shadow: 0px 0px 9px #DDD;
}
.axil-brand-area .arrow-top-slide  .slide-arrow.prev-arrow {
    left:-20px;
}
.arrow-top-slide .slide-arrow.next-arrow {
    right:-20px;
}
.axil-brand-area .slick-layout-wrapper--15 .slick-list {
    margin:0 0px;
}
.logo-light {
    display: block !important;
}
.logo-dark {
    display: none !important;
}
.axil-sticky .logo-light {
    display:none !important ;
}
.axil-sticky .logo-dark {
    display: block !important ;
}

.lang-menu .dropdown .dropdown-toggle {
    color: var(--color-heading);
    font-weight: 700;
    border: 1px solid #f0f0f0;
    border-radius: 6px;
    padding: 10px 20px;
    justify-content: center;
}

video {
    object-fit: cover;
    width: 100vw;
    height: 100vh;
    position: absolute;
    top: 0;
    left: 0;
}

.video-wrapper {

    position: relative;
    height: 100vh;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;

}
.viewport-header {
    position: relative;
    height: 100vh;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    
}

h1 {
    font-family: 'Syncopate', sans-serif;
    color: #FFF ; /* #4a3a27; */
    text-transform: uppercase;
    letter-spacing: 2vw;
    line-height: 1.2;
    font-size: 3vw;
    text-align: center;

}

h1   span {
    display: block;
    font-size: 7vw;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.mainmenu > li > a.active {
    color:#FFF;
}
.mainmenu > li > a {
    color:#FFF;
}
.mainmenu > li > a::before {
    background:#FFF;
}

.lang-menu .dropdown .dropdown-toggle {
    background:none;
    border:0px;
    color:#FFF;
}
.axil-mobile-toggle .menu-btn {
    color:#FFF;
}


 
@media only screen and (max-width: 991px) {
    .header-main-nav .mainmenu-nav .mainmenu > li > a {
        color:#FFF;
    }
}
.mobile-nav-brand img {
    max-height:125px;
}


.axil-mainmenu.axil-sticky .mainmenu > li > a.active {
    color:#FFF;
}

.axil-mainmenu.axil-sticky .mainmenu > li > a {
    color:#FFF;
}
.axil-mainmenu.axil-sticky .mainmenu > li > a::before {
    background:#FFF;
}

.axil-mainmenu.axil-sticky .lang-menu .dropdown .dropdown-toggle {
    
    color:#FFF;
}

.axil-mainmenu.axil-sticky  .axil-mobile-toggle .menu-btn {
    color:#FFF;
}

.header-main-nav.open .mainmenu-nav {
    background: linear-gradient(45deg, #2155b1, #02b7fd);
}

#section-about {
    /*background-color:#321428;*/
    background: linear-gradient(45deg, #2155b1, #02b7fd);
    background-size: cover;
}
#section-about h2{
    color:#FFF;
     
    margin:0px;
    
}
#section-about h3 {
    color:#FFF;
    font-size: 3vw ;
    margin:0px;
}
#section-about img.logo {
    max-width: 350px;
    margin: 0px auto;
}

.about-descript {
    color:#a99a6f;
    color:#FFF;
    padding: 20px 80px;
}
.about-descript p {
    color:#FFF;
}

#section-about a.axil-btn  {
    background:none;
}
#section-about a.axil-btn:before {
    background:none;
    border:1px solid #FFF;
}

 
@media only screen and (max-width: 767px) {
    #section-about img.logo {
        max-width: 300px;
    }
    .about-descript {
        
        padding: 20px ;
    }
  }



.btn.btn-default {
    color:#FFF;
    font-size:2rem;
    border:1px solid #FFF;
    background:none !important
}

.bg_image--5 {
    background-image: url(../images/bg/bg-image-52.jpg);
}

footer {
    background: linear-gradient(45deg, #2155b1, #02b7fd);
    color:#FFF;
}
.axil-footer-widget .inner ul li a {
    color:#FFF;
}
footer p {
    color:#FFF;
}

footer  .widget-title {
    color:#FFF;
}

.footer-style-2 .copyright-default .social-share a {
    color:#FFF;
}

.copyright-default .quick-link li {
    color:#FFF;
}
.copyright-default .quick-link li a {
    color:#FFF;
}
.copyright-default .copyright-right span.card-text {
    color:#FFF;
}

.service-area {
    background:#FFF;
    padding-top:50px;
}

.footer-style-2 .footer-top.separator-top:after {
    background-color: #f6f7fb00;
    height: 2px;
    
}

.bg-lighter .axil-slick-arrow .slide-arrow:before {
    background-color:#FFF ;
    color:#FFF;
}


.axil-img-rounded .axil-product > .thumbnail > a {
    border-radius: 50%;
}

.axil-product .product-content .title {
    
    text-transform: uppercase;
    color: #333;
}

.axil-team-member .thumbnail {
    border-radius: 100%;
}

.bg-blue-sky {
    background: linear-gradient(45deg, #2155b1, #02b7fd);
    background-size: cover;
    background-attachment: fixed;
    color:#FFF;
}

.bg-blue-sky .axil-team-member .title {
    color:#FFF;
}

.bg-blue-sky h3.title , .bg-blue-sky .title-highlighter.highlighter-primary{
    color:#FFF;
}
.about-info-area {
    position: initial;
}
.about-info-box .thumb {
    text-align: center;
}
.about-info-box { 
    text-align: center;
    margin-top: -50px;
    box-shadow: 0px 0px 5px #999;
}

.team-content {
    text-align: center;
}

.axil-product > .thumbnail > a {
    background:none;
}



.block-entry {

    margin-bottom:30px;

}

.entry-title {
    font-size:2rem;
    font-weight: bold;
    margin-bottom:15px;
}
.entry-body p {
    margin-bottom:10px;
}
.axil-mainmenu.axil-sticky .header-navbar {
    background: linear-gradient(45deg, #1381d3, #02b7fd);
}


.service-box.service-style-2 {
   
    background-color: #fff;
    padding:10px;
}

.service-box.service-style-2 p {
    color:#222;
}

.back-to-top {
    background:#0a9ce8
}

.axil-mainmenu.aside-category-menu .header-department .header-department-text {
    background:#0a9ce8
}


.axil-mainmenu.aside-category-menu .header-department .department-megamenu {
    width:250px;
}
.axil-brand-area .slick-layout-wrapper--15 .slick-list {

}


.axil-brand-area .slick-layout-wrapper--15 .slick-list {
    margin: 0 0px;
  
}


@media only screen and (max-width: 767px) {
    .axil-brand-area .slick-layout-wrapper--15 .slick-list {
        margin: 0 0px;
        padding: 0 20% 0 0 !important; 
        
    }

}