.prsol-container {
    width: 100%;
    position: relative;
    padding: 0
}
/* my */
.w-100{width:100%;}
.h-100{height: 100%;}
            /* *************************************** */
      /* HEADER */
      /* *************************************** */
      #topbar {
        background: transparent !important;
        color: #fff;
        }
        #header.header-v1 {
              height: 70px;
              background: transparent !important;
              box-shadow:unset !important;
        }
        #header.header-v1.stuck {
              height: 70px;
              background: #000 !important;
        }
        .header-wrap{
              position:absolute;top:0;left:0;width:100%;
        }
  
        /* .head-static{position:static !important;}
        .head-static li ul, .subb-menu:hover{float:left !important;width:100% !important;}
        .head-static li ul li, .head-static li{float:left !important;width:48%;} */
        .ani-head-submenu{
              /* width:100% !important; */
              -webkit-animation: animWrapper .5s ease-in-out;
              animation: animWrapper .5s ease-in-out;
              -webkit-transition: -webkit-transform .3s;
              -moz-transition: -moz-transform .3s;
              transition: transform .3s;
              -webkit-transform-origin: top;
              -ms-transform-origin: top;
              transform-origin: top;
        }
        @-webkit-keyframes animWrapper{
      0%{
          display:none;
          -webkit-transform:scaleY(0);
          transform:scaleY(0)
      }
      1%{
          display:block;
          -webkit-transform:scaleY(0);
          transform:scaleY(0)
      }
      30%{
          -webkit-transform:scaleY(0);
          transform:scaleY(0)
      }
      to{
          -webkit-transform:scaleY(1);
          transform:scaleY(1)
      }
  }
  @keyframes animWrapper{
      0%{
          display:none;
          -webkit-transform:scaleY(0);
          transform:scaleY(0)
      }
      1%{
          display:block;
          -webkit-transform:scaleY(0);
          transform:scaleY(0)
      }
      30%{
          -webkit-transform:scaleY(0);
          transform:scaleY(0)
      }
      to{
          -webkit-transform:scaleY(1);
          transform:scaleY(1)
      }
  }
  /* loader */
  .loader-wrapper{position:fixed; left:0px; top:0px; width:100%; height:100%; z-index:1031; overflow:hidden; /*background-color: #2c3e50;*/background-color: #fff;}
  #loader-wrapper.act{background:none;}
  .loader-wrapper .load_img{position:absolute; left:0%; top:42%;z-index:1;width:100%;text-align:center}
  
  /* logo */
  .header-v1 .logo .logo2{display:none;}
  #navigation>ul>li>a{color:#fff !important;}
  .header-v1.stuck #navigation>ul>li>a{color:#fecd1a !important;}
  .header-v1.stuck .logo .logo1{display:none;}
  .header-v1 .logo .logo1{display:block;}
  .header-v1.stuck .logo .logo2{display:block;}
  
  /* Header */
  #navigation .sub-menu .sub-menu{top:0px !important;}
  #navigation .sub-menu{width:250px !important;border-top:3px solid #f6c50e !important;left: -50px !important;top: 80px !important;}
  #navigation .sub-menu ul{left:251px !important;}
  .header-v1 #navigation .sub-menu:before {content: '';width: 0;height: 0;border-left: 12px solid transparent;border-right: 12px solid transparent;border-bottom: 12px solid #f6c50e;position: absolute;top: -12px;margin: 0 auto;text-align: center;left: 0;right: 0;}
  .header-v1 #navigation .sub-menu .sub-menu:before {display:none;}
  /* Sub menu */
  #navigation .sub-menu{background-color:#fff !important;}
  .header-v1.stuck #navigation .sub-menu{background-color:#262626 !important;}
  #navigation .sub-menu li a{color:#000 !important;font-size:14px !important;font-weight:500 !important;padding:14px 6px !important; transition: all 500ms ease;-moz-transition: all 500ms ease;-webkit-transition: all 500ms ease;-ms-transition: all 500ms ease;-o-transition: all 500ms ease;}
  #navigation .sub-menu li a:hover{padding-left:15px !important;}
  .header-v1.stuck #navigation .sub-menu li a{color:#ddd !important;}
  /* Mobile */
  #mobile-navigation ul li a{height:unset !important}
  
  /* footer */
  .rc-anchor-logo-portrait{margin-left:0px !important;}
  
  /* ************************************************************ */
  /* SLIDER */
  /* ************************************************************ */
  /* my css */
  .prom-com{position:relative;float:left;width:100%;}
  /********************************/
  /*          Hero Headers        */
  /********************************/
  .carousel-animate .hero {
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.75);
  }
  
  /********************************/
  /*          Media Queries       */
  /********************************/
  @media screen and (max-width: 640px) {
  
    #prom-homecarousel .carousel-inner .carousel-caption .hero h1 {font-size: 32px !important;}
    #prom-homecarousel .carousel-inner .carousel-caption .hero h3 {font-size: 15px !important;line-height:24px !important;}
  }
  @media screen and (max-width: 768px) {
  .cara-top {top: 8% !important;}
  #prom-homecarousel .carousel-inner .carousel-caption .hero{padding:0 30px;}
  }
  @media (min-width: 800px) and (max-width: 1100px) {
  /* .bg-image{object-fit:cover;}
  .bg-animation{animation:unset !important;} */
  .bg-overlay.bg-image {background-size: cover !important;}
  }
  @media screen and (max-width: 1500px) {
        #prom-homecarousel .carousel-inner .carousel-caption .hero img {
      padding:0 65px;
    }
    #prom-homecarousel .carousel-inner .carousel-caption .hero h1 {font-size: 50px;}
    #prom-homecarousel .carousel-inner .carousel-caption .hero h3 {font-size: 22px;}
    
  }
  
  .carousel.carousel-fade .item {
      -webkit-transition: opacity 0.5s ease-in-out;
      -moz-transition: opacity 0.5s ease-in-out;
      -ms-transition: opacity 0.5s ease-in-out;
      -o-transition: opacity 0.5s ease-in-out;
      transition: opacity 0.5s ease-in-out;
      opacity:0;
  }
  
  .carousel.carousel-fade .active.item {
      opacity:1;
  }
  
  .carousel.carousel-fade .active.left,
  .carousel.carousel-fade .active.right {
      left: 0;
      z-index: 2;
      opacity: 0;
      filter: alpha(opacity=0);
  }
  
  .carousel.carousel-fade .next,
  .carousel.carousel-fade .prev {
      left: 0;
      z-index: 1;
  }
  
  .carousel.carousel-fade .carousel-control {
      z-index: 3;
  }
  /* my */
  .cara-top{top:30%;}
  #prom-homecarousel .carousel-control{width:140px;height:140px;background: rgba(0,0,0,0.5);top:34%;display:none;    -webkit-animation: anicon .5s ease-in-out;
      animation: anicon .5s ease-in-out;
      -webkit-transition: -webkit-transform .3s;
      -moz-transition: -moz-transform .3s;
      transition: transform .3s;
      -webkit-transform-origin: left;
      -ms-transform-origin: left;
      transform-origin: left;}
      @-webkit-keyframes anicon{
      0%{
          display:none;
          -webkit-transform:scaleX(0);
          transform:scaleX(0)
      }
      1%{
          display:block;
          -webkit-transform:scaleX(0);
          transform:scaleX(0)
      }
      30%{
          -webkit-transform:scaleX(0);
          transform:scaleX(0)
      }
      to{
          -webkit-transform:scaleX(1);
          transform:scaleX(1)
      }
  }
  @keyframes anicon{
      0%{
          display:none;
          -webkit-transform:scaleX(0);
          transform:scaleX(0)
      }
      1%{
          display:block;
          -webkit-transform:scaleX(0);
          transform:scaleX(0)
      }
      30%{
          -webkit-transform:scaleX(0);
          transform:scaleX(0)
      }
      to{
          -webkit-transform:scaleX(1);
          transform:scaleX(1)
      }
  }
  #prom-homecarousel:hover .carousel-control{display:block;}
  #prom-homecarousel .carousel-control:hover{background: #fff;}
  #prom-homecarousel .carousel-control span .fa{padding-top:34%;}
  #prom-homecarousel .carousel-control:hover span .fa{color: #202020;}
  #prom-homecarousel .carousel-control.left{margin-top: 140px;}
  #prom-homecarousel .carousel-control.right{left: 0;right: unset;}
  .carousel-indicators li, .carousel-indicators li.active {width: 50px !important;height: 8px !important;}
  
  #prom-homecarousel .carousel-inner .carousel-caption{left: unset;right: unset;}
  #prom-homecarousel .carousel-inner .carousel-caption .hero h1 {font-size: 60px;text-align: left;font-weight: 700;color:#fff;text-transform:uppercase;}
  #prom-homecarousel .carousel-inner .carousel-caption .hero h3 {font-size: 25px;text-align: left;color:#fff;line-height:40px;text-transform:uppercase;}
  
/* ********************************************************************************************* */
/* Slider-background */
/* ********************************************************************************************* */
/* 1 */
.hero-banner-small {
    height: 700px;
}

.hero-banner {
    position: relative;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align-items: center;
    align-items: center;
}
/* .gradient-primary-1 {
    background-color: 0deg, #1fbec6;
    background-image: -moz-linear-gradient(0deg, #1fbec6, #68e6b3);
    background-image: -webkit-gradient(0deg, linear, 0% 0%, 0% 100%, from(#1fbec6), to(#68e6b3));
    background-image: -webkit-linear-gradient(0deg, #1fbec6, #68e6b3);
    background-image: -o-linear-gradient(0deg, #1fbec6, #68e6b3);
} */
.gradient-primary-1 {
    background-color: 0deg, #5b5a64;
    background-image: -moz-linear-gradient(0deg, #5b5a64, #77786c);
    background-image: -webkit-gradient(0deg, linear, 0% 0%, 0% 100%, from(#5b5a64), to(#77786c));
    background-image: -webkit-linear-gradient(0deg, #5b5a64, #77786c);
    background-image: -o-linear-gradient(0deg, #5b5a64, #77786c);
}
.position-relative {
    position: relative!important;
}

/* 2 */
.bg-overlay.bg-image {
    background-size: auto;
}

.bg-image {
    background-repeat: no-repeat;
    background-position: center center;
    background-attachment: scroll;
    background-size: cover;
}

.bg-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
/* Animation */
.bg-animation {
    -webkit-animation: bg-animation 7s ease-in-out infinite;
    animation: bg-animation 7s ease-in-out infinite; }
  
  @-webkit-keyframes bg-animation {
    0% {
      background-position: top; }
    50% {
      background-position: bottom; }
    100% {
      background-position: top; } }
  @keyframes bg-animation {
    0% {
      background-position: top; }
    50% {
      background-position: bottom; }
    100% {
      background-position: top; } }