/*
@Author: ThemeMascot
@URL: http://ThemeMascot.com

This is the file where you can add your custom styles to change the look of the
theme. But don't modify style-main.css file.

*/

/* Your custom css codes start here: */
.header-nav.navbar-transparent.animated-active {
    background-color: rgba(0, 0, 0, 0.5);
    font-weight: bold;
  }
  .header-nav.navbar-white {
    background-color: rgba(255, 255, 255, 0.80);
    /*font-weight: bold;*/
    font-weight: 900;
  }
  /* menuzord */
.menuzord .menuzord-menu > li.active > a,
.menuzord .menuzord-menu > li:hover > a,
.menuzord .menuzord-menu ul.dropdown li:hover > a {
  background: rgb(235,50,55) !important;
  color: #fff;
}
.menuzord-brand img{
    max-height: 80px;
}
.menuzord-brand{
    margin: 3px 3px 0 0;
    line-height: 1.3;
}
.text-theme-color-red{
    color: rgb(235,50,55) !important;
}

.bg-theme-color-yellow {
    background-color: rgb(255,241,18)  !important;
}

@font-face{
  font-family:'Font Awesome 5 Pro';
  font-style:normal;font-weight:300;
  src:url(../webfonts/fa-light-300.eot);
  src:url(../webfonts/fa-light-300.eot?#iefix) format("embedded-opentype"),url(../webfonts/fa-light-300.woff2) format("woff2"),url(../webfonts/fa-light-300.woff) format("woff"),url(../webfonts/fa-light-300.ttf) format("truetype"),url(../webfonts/fa-light-300.svg#fontawesome) format("svg")
}
.fal{font-family:'Font Awesome 5 Pro';font-weight:300}

/*@media only screen and (max-width: 600px) {*/
@media only screen and (max-width : 1200px) {
  
  .tp-bgimg {
    margin: 0 auto;
    background-size: 100% auto !important
    
  }
  .tp-revslider-mainul{
    height: 70.5% !important;
  }
  .forcefullwidth_wrapper_tp_banner{
    height: 26em !important;
  }
}