/* Enter Your Custom CSS Here */
@media only screen and (min-width: 960px) {
.mega-menu-item>.mega-sub-menu {
    margin-top: -10px !important;
  }}


#mega-menu-wrap-main_nav #mega-menu-main_nav li.mega-menu-item.mega-menu-megamenu ul.mega-sub-menu ul.mega-sub-menu {
     
    margin-top: 10px !important;
}
.mega-menu-link {
    background-color: #b18619;
    padding: 10px;
    border-radius: 5px;
    
}
.megam .mega-menu-link:nth-child(1):hover a  {
  color: #ffffff !important;
   }
.megam .mega-menu-link:nth-child(1):hover {
  color: #ffffff !important;
  background-position: -90% 0 !important;}

.megam .mega-menu-link:nth-child(1) {
  color: #ffffff !important;
            background-color: #c27707 !important;
    animation-delay: 0ms !important;
    box-shadow: 0px 0px 0px white !important;
    border-radius: 0px !important;
-webkit-transition: all .3s linear;
    -o-transition: .3s all linear;
    transition: all .3s linear;
    background-size: 220% 100%;
    font-size: 15px;
    line-height: 16px;
     padding: 10px 18px !important;
    margin-top: 10px !important;
   margin-bottom: 2px !important;
}
.megam .megan .mega-menu-link:nth-child(1) {
      
        background-color: #c27707 !important;
    padding: 4px 18px 3px !important;
    border-radius: 0px !important;
    margin-top: 5px !important;
}


.megam2 .megan .mega-menu-link:nth-child(1) {
     
        background-color: #07a66b !important;
    padding: 4px 18px 3px !important;
    border-radius: 0px !important;
    margin-top: 5px !important;
}




.megam2 .mega-menu-link:nth-child(1):hover a  {
  color: #ffffff !important;
   }
.megam2 .mega-menu-link:nth-child(1):hover {
  color: #ffffff !important;
  background-position: -90% 0 !important;}

.megam2 .mega-menu-link:nth-child(1) {
  color: #ffffff !important;
            background-color: #07a66b !important;
    animation-delay: 0ms !important;
    box-shadow: 0px 0px 0px white !important;
    border-radius: 0px !important;
-webkit-transition: all .3s linear;
    -o-transition: .3s all linear;
    transition: all .3s linear;
    background-size: 220% 100%;
    font-size: 15px;
    line-height: 16px;
     padding: 10px 18px !important;
    margin-top: 10px !important;
}














@media only screen and (max-width: 960px) {
#navigation, #navigation-left-side, #navigation-right-side {
      display: block !important; 
}
  #mega-menu-wrap-main_nav #mega-menu-main_nav {
    background: #000;
}
  #mega-menu-wrap-main_nav #mega-menu-main_nav > li.mega-menu-item > a.mega-menu-link {
     
    color: #ffffff;
}
  #mega-menu-wrap-main_nav #mega-menu-main_nav > li.mega-menu-item {
    padding: 0 10px;
    border-bottom: solid 0px #efefef;
}
  #mega-menu-wrap-main_nav #mega-menu-main_nav > li.mega-menu-item > a.mega-menu-link {
     
    min-width: 310px;
  }
}


#bottom-widgets h6 {
    
    color: #ffffff !important;
}
#bottom-widgets {
     
    color: #cacaca !important;
}
#bottom-widgets {
    
    background-color: rgb(60, 60, 60)  !important;
}

#footer {
   
    background-color: rgb(60, 60, 60)  !important;
}


body #main {
    background-color: #3c3c3c  !important;
}




#be-fixed-footer-wrap {
    position: fixed;
    visibility: hidden;
  top: 30%; 
}
 
@media only screen and (max-width: 767px) {
  .logoscolumn  .tatsu-column {
     
    margin: 0 0 0px;  }
  .logoscolumn  .tatsu-single-image img {
     max-width: 200px !important; }
  .logoscolumn   .tatsu-single-image:not(.tatsu-image-overflow) .tatsu-single-image-inner {
     
    max-width: 193px !important;
  padding-bottom:20px !important;}
 

.logoscolumn .tatsu-column-pad .tatsu-column-inner .tatsu-column-pad {
    padding: 0px !important;
}
  
  
  .tatsu-section .tatsu-row-wrap:last-child>.tatsu-row>.tatsu-column {
    margin-bottom: 0px;
}
.tatsu-column-pad {
    padding: 19% 10% 10% 10% !important;
    text-align: center !important;
  margin: auto !important; }
  
  .tatsu-column-pad .tatsu-column-inner .tatsu-column-pad {
    padding: 20px !important; }
  

.tatsu-wrap {
  max-width: 100% !important; }
  
  .tatsu-section-pad {
    padding: 50px 0px 50px 0px !important;
}
  
  }
  
  
#mega-menu-wrap-main_nav #mega-menu-main_nav > li.mega-menu-item > a.mega-menu-link {
 
    font-size: 15px;
}

.wpcf7-form label {color:#ffffff !important;}
.sec-border, input[type="text"], input[type="email"], input[type="tel"], input[type="password"], textarea {
    border: 1px solid #808080 !important; 
    background-color: #0404044f;
}
.wpcf7-form p {    margin-bottom: 10px;}

html.csstransforms body.section-scroll #footer {
    display: block;
}
body.header-transparent #header #header-wrap {
    background: black;
}
  
body.be-sticky-active #header-inner-wrap.top-animate #navigation  {
    line-height: 70px;
}
.contact_form_module input[type="text"], .contact_form_module textarea {
    
    color: #ffffff !important;
}
#header {
  
    z-index: 45 !important;
}
.tatsu-button-wrap.block-right a.tatsu-button , .tatsu-normal-button .tatsu-button{
    background-image: linear-gradient(to right, rgb(211, 22, 202) 19%, rgb(107, 12, 180) 45%) !important;
    animation-delay: 0ms !important;
    box-shadow: 3px 4px 8px #242424 !important;
      border-radius: 5px !important;
}

.be-sticky-active .style1 .logo  {
    padding-top: 9px;
    padding-bottom: 9px;
}

.be-sticky-active #navigation ,  #navigation .current_page_item a {
    
    color: #ffffff;
}
.be-sticky-active #header-inner-wrap  {
     
    background-color: rgba(0, 0, 0, 0.63);
}