@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

*{
  margin: 0;
  padding: 0;
}
a,a:hover{
  transition:all 0.3s ease;
}

body {
  font-family: "Poppins", serif;
  background-color: #FFF;
}

header{
  margin: 0 auto 20px auto;
  display: flex;
  background-color: #FFF;
  /* background-color: #CCC; */
  padding: 15px 25px;
  box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important;
  align-items: center;

  a{
    color: #797979;
    font-weight: 600;
    text-decoration: none;
    &:hover{
      color: #f15a22;
    }
  }

}


.logo{
  display: flex;
}

.menu{
  display: flex;
  text-align: right;
  margin-left: auto;
  li{
    list-style: none;
    display: inline-block;
    margin: 0 15px;
  }
}




.titlesection{
  width: 80%;
  margin:15px auto 10px auto;
  .logo{
    margin-bottom: 25px;
  }
  h3{
    display: none;
  }
  h1{
    font-size: 40px;
    color: #f15a22;
    font-weight: 400;
    margin-bottom: 15px;    
  }
  .contact-btn{
    background-color: #454545;
    padding: 10px 25px;
    border-radius: 10px;
    display:inline-block;
    margin-top: 10px;
    text-decoration: none;
    color: #FFF;
    transition:all 0.3s ease;
    &:hover{
      background-color: #f15a22;
      color: #FFF;
      transition:all 0.3s ease;
    }
  }
}




.slider-rotate__arrow i {
  font-size: 46px;
}

.position {
  position: absolute;
  top: 50%;
  left: 50%;
  color: #ffffff;
  font-size: 30px;
  display: none;
}

.slider-rotate {
    margin: 0px auto 150px auto;
}

.slider-rotate__container {
  margin: 0 auto;

  h3{
    margin-top: 15px;
    text-align: center;
    color: #f15a22;
  }
}




/* ------------------------------------------------------- */


/* ------------------------------------------------------- */


/* ------------------------------------------------------- */


/* ------------------------------------------------------- */


/* ------------------------------------------------------- */


/* --                       PLUGIN                      -- */


/* ------------------------------------------------------- */

.slider-rotate__container {
  position: relative;
  width: 80%;
  height: 700px;
  visibility: hidden;
}


/*  --------------------------------------------------  */


/*  --              ITEMS DISPLAY                     --*/


/*  --------------------------------------------------  */

.slider-rotate__item {
  position: absolute;
  left: 50%;
  top: 50%;
  opacity: 0;
  -webkit-transform: translateY(-50%) translateX(-50%) scale(0.8);
  -moz-transform: translateY(-50%) translateX(-50%) scale(0.8);
  -ms-transform: translateY(-50%) translateX(-50%) scale(0.8);
  -o-transform: translateY(-50%) translateX(-50%) scale(0.8);
  transform: translateY(-50%) translateX(-50%) scale(0.8);
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  margin-top: 120px;
  margin-bottom: 130px;  
}

.slider-rotate__item.slider-rotate__item--next {
  left: 74%;
}

.slider-rotate__item.slider-rotate__item--prev {
  left: 26%;
}

.slider-rotate__item.slider-rotate__item--prev,
.slider-rotate__item.slider-rotate__item--next {
  opacity: 0.7;
  z-index: 2;
  -webkit-filter: blur(7px);
  -moz-filter: blur(7px);
  -ms-filter: blur(7px);
  -o-filter: blur(7px);
  filter: blur(7px);
}

.slider-rotate__item.slider-rotate__item--next-2 {
  left: 90%;
}

.slider-rotate__item.slider-rotate__item--prev-2 {
  left: 10%;
}

.slider-rotate__item.slider-rotate__item--next-2,
.slider-rotate__item.slider-rotate__item--prev-2 {
  opacity: 0.4;
  z-index: 2;
  -webkit-transform: translateY(-50%) translateX(-50%) scale(0.3);
  -moz-transform: translateY(-50%) translateX(-50%) scale(0.3);
  -ms-transform: translateY(-50%) translateX(-50%) scale(0.3);
  -o-transform: translateY(-50%) translateX(-50%) scale(0.3);
  transform: translateY(-50%) translateX(-50%) scale(0.3);
  -webkit-filter: blur(3px);
  -moz-filter: blur(3px);
  -ms-filter: blur(3px);
  -o-filter: blur(3px);
  filter: blur(3px);
}

.slider-rotate__item.slider-rotate__item--active {
  z-index: 2;
  opacity: 1;
  z-index: 5;
  top: 40%;
  left: 50%;
  -webkit-transform: translateY(-50%) translateX(-50%) scale(1);
  -moz-transform: translateY(-50%) translateX(-50%) scale(1);
  -ms-transform: translateY(-50%) translateX(-50%) scale(1);
  -o-transform: translateY(-50%) translateX(-50%) scale(1);
  transform: translateY(-50%) translateX(-50%) scale(1);
  -webkit-filter: blur(0);
  -moz-filter: blur(0);
  -ms-filter: blur(0);
  -o-filter: blur(0);
  filter: blur(0);
}


.slider-rotate__item img{
  max-height: 700px;
}

.img-fluid{
  max-width: 100%;
  height: auto;
}



/*  --------------------------------------------------  */


/*  --                    ARROWS                      --*/


/*  --------------------------------------------------  */

.slider-rotate__container .slider-rotate__arrow {
  display: inline-block;
  width: 50px;
  height: 50px;
  position: absolute;
  top: 50%;
  margin-top: -25px;
  cursor: pointer;
  text-align: center;
  fill: #2b2b2b;
}

/* .slider-rotate__container .slider-rotate__arrow:hover {
  background: #ffffff;
} */

.slider-rotate__container .slider-rotate__arrow.slider-rotate__arrow--left {
  left: 0;
}

.slider-rotate__container .slider-rotate__arrow.slider-rotate__arrow--right {
  right: 0;
}

footer{
  background-color: #110f0f;
  color: #c2c2c2;
  padding: 50px 15px;
  text-align: center;
  line-height: 25px;
  font-size: 16px;
  h2{
    color: #FFF;
    margin-bottom: 25px;
  }
  .ftrlinks{
    display: flex;
    max-width: 80%;
    margin: 0 auto 25px auto;
    h4{
      color: #FFF;
      margin-bottom: 15px;
    }
    .col-left{
      width: 50%;
    }
    .col-right{
      margin-left: auto;
      width: 50%;
    }
    address{  
      font-style: normal;
    }
    
  }

  .socialmedia{
    li{
      display: inline-block;
      margin: 0 5px;
    }
    a{
      color: #ffffff;
      text-decoration: none;
      &:hover{
        color: #f15a22;
      }
      svg{
        fill: #C2C2C2 !important;
        transition:all 0.3s ease;
      }
      svg:hover{
        transition:all 0.3s ease;
      }
      .linkedin:hover{
        fill: #0077b7 !important;
      }
      .facebook:hover{
        fill: #0866ff !important;
      }
      .twitter:hover{
        fill: #000000 !important;
      }
      .instagram:hover{
        fill: #ad1d62 !important;
      }
      .youtube:hover{
        fill: #ff0000 !important;
      }
    }
  }


}



@media (max-width:991px) {

.ftrlinks{
  max-width: 100% !important;

}

}


@media (max-width:768px) {

  .ftrlinks{
    display: block !important;  
  }

  .col-left{
    margin-bottom: 25px;
  }

  .col-left,
  .col-right{
    width: 100% !important;
  }

  
  }
  


@media (max-width:576px) {

header{
  padding: 10px;
}

.logo img{
  max-width: 100px;
}

.menu{
  font-size: 14px;
}

footer{
  font-size: 14px !important;
  line-height: 23px !important;
}

.slider-rotate__item img{
  max-height: 300px;
}

.slider-rotate__container{
  height: 350px;
}

.slider-rotate__container .slider-rotate__arrow{
  top: 70%;
}

.titlesection{
  width: 90%;
  margin:15px auto;
  h1{
    font-size: 24px;
    line-height: normal;
    display: none;
  }
  h3{
    display: block;
    color: #f15a22;
    font-weight: normal;
  }
}


}