/* CSS Document */
.page {
  padding-top: 0 !important;
}
.home-banner {
  position: relative;
  overflow: hidden;
  padding: 0;
  min-height: 100vh;
  background-color: #131313;
}
.home-banner .main-slick {opacity: 0; transition: opacity .4s ease;}
.home-banner .main-slick.slick-initialized {opacity: 1}
.home-banner > .slider-wrapper {
  position: relative;
  z-index: 2;
}
.home-banner > .slider-wrapper .slick-slide .slick-bnn {
  position: relative;
  overflow: hidden;
  padding: 0;
  margin: 0;
  min-height: 585px;
  background-color: rgb(0 0 0 / 30%);
}
.home-banner > .slider-wrapper .slick-slide .slick-bnn > span.parallax {
  background-position: center;
  background-size: cover;
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}
.home-banner > .slider-wrapper .slick-slide .slick-bnn:before {
  content: '';
  position: absolute;
  z-index: 2;
  height: 100%;
  left: 0;
  right: 0;
  top: 0;
  background-color: rgb(0 0 0 / 30%);
}
.home-banner .text-content {
  position: absolute;
  z-index: 4;
  left: 20px;
  right: 20px;
  bottom: 0;
  max-width: 100%;
  opacity: 0;
  filter: alpha(opacity=0);
}
.home-banner.ready .text-content {
  bottom: 20px;
  opacity: 1;
  filter: alpha(opacity=100);
  transition: opacity 1.2s ease 0s, bottom 0.8s ease 0s;
  -webkit-transition: opacity 1.2s ease 0s, bottom 0.8s ease 0s;
  -moz-transition: opacity 1.2s ease 0s, bottom 0.8s ease 0s;
  -o-transition: opacity 1.2s ease 0s, bottom 0.8s ease 0s;
  -webkit-backface-visibility: hidden;
}
.home-banner .text-content .buttons-list {
  margin: 0;
}
.home-banner .text-content .buttons-list li:not(:last-child) {
  margin-right: 1.4vw;
}
.home-banner .text-content .buttons-list li a,
.home-banner .text-content .buttons-list li a:focus {
  font-family: playfair-display, serif;
  background-color: transparent;
  border-color: #fff;
  border-width: 1px;
  color: #fff;
  font-weight: 400;
  font-size: 2.4vw;
  line-height: 1.2em;
  text-transform: capitalize;
  letter-spacing: .3vw;
  padding: 10px;
  min-width: 27vw;
  text-align: center;
  position: relative;
  border-radius: 6px;
}
.home-banner .text-content .buttons-list li a:after {
  content: '';
  position: absolute;
  left: 0;
  top: 100%;
  width: 0%;
  height: 4px;
  background-color: #fff;
  opacity: 1;
  transition: all .6s ease;
}
.home-banner .text-content .buttons-list li a:hover:after {
  width: 0%;
  opacity: 0;
}
.home-banner .text-content .buttons-list li a span {
  display: block;
  font-family: droid-sans, sans-serif;
  font-size: 1.5vw;
  line-height: 1.4em;
  letter-spacing: 2px;
}
.home-banner .text-content .buttons-list li:last-child a:hover {
  background-color: #fff;
  border-color: #fff;
  color: #c13616;
}
.home-banner .text-content .buttons-list li a:hover {
  background-color: #c13616;
  border-color: transparent;
  color: #fff;
}
.home-banner .slick-slide .right {
  position: absolute;
  z-index: 2;
  bottom: 20px;
  right: 20px;
  opacity: 0;
  margin-right: -30px;
  text-align: right;
}
.home-banner.ready .slick-slide .right {
  opacity: 1;
  margin-right: 0;
  transition: opacity 1.2s ease 0s, margin-right 0.8s ease 0s;
  -webkit-transition: opacity 1.2s ease 0s, margin-right 0.8s ease 0s;
  -moz-transition: opacity 1.2s ease 0s, margin-right 0.8s ease 0s;
  -o-transition: opacity 1.2s ease 0s, margin-right 0.8s ease 0s;
  -webkit-backface-visibility: hidden;
}
.home-banner .slick-slide .right h2 {
  color: #fff;
  font-size: 3vw;
  text-transform: capitalize;
  letter-spacing: 2px;
  margin: 0 0 12px;
}
.home-banner .slick-slide .right ul {
  margin: 0;
}
.home-banner .slick-slide .right li:not(:last-child) {
  margin-right: 18px;
}
.home-banner .slick-slide .right li {
  color: #fff;
  font-size: 1.3vw;
}
.home-banner .slick-slide .right li span {
  font-size: 1.5em;
  margin-right: 10px;
}
.home-banner .slick-slide .right li small {
  text-transform: uppercase;

  font-size: .5em;
  margin-left: 5px;
}

/*=========================================== TEAM SCETION ======================================================*/
.team-section {
  padding: 0;
  position: relative;
  overflow: hidden;
  background-color: #000;
  border-top: solid 1px #363636;
}
.team-section .container-fluid {
  position: relative;
  z-index: 3;
  top: 20px;
  opacity: 0;
  filter: alpha(opacity=0);
}
.team-section.ready .container-fluid {
  top: 0;
  opacity: 1;
  filter: alpha(opacity=100);
  transition: opacity 1.2s ease 0s, top 0.8s ease 0s;
  -webkit-transition: opacity 1.2s ease 0s, top 0.8s ease 0s;
  -moz-transition: opacity 1.2s ease 0s, top 0.8s ease 0s;
  -o-transition: opacity 1.2s ease 0s, top 0.8s ease 0s;
  -webkit-backface-visibility: hidden;
}
.team-section h2 {
  color: #fff;
  margin-top: 4vw;
}
.team-section p {
  color: #fff;
  margin: 50px 0 60px;
}
.team-section p strong {
  color: #c13616;
}
.team-section .btn-layout {
  border-color: #fff;
  color: #fff;
}
.team-section .btn-layout:hover {
  background-color: transparent;
  border-color: #c13616;
  color: #c13616;
}
.team-section .col-lg-5 {
  padding-left: 0;
}
.team-section.ready .col-lg-5 {
  padding-left: 3vw;
  padding-right: 25px;
  transition: padding-left 0.8s ease 0s;
  -webkit-transition: padding-left 0.8s ease 0s;
  -moz-transition: padding-left0.8s ease 0s;
  -o-transition: padding-left 0.8s ease 0s;
  -webkit-backface-visibility: hidden;
}
.team-section .col-lg-7 {
  padding: 0;
  border-left: solid 1px #363636;
}
.team-section .slider-container {
  position: relative;
}
.team-section .slider-controls {
  position: absolute;
  z-index: 3;
  left: 0;
  top: 50%;
  margin: 0;
  transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  -moz-transform: translate(-50%,-50%);
  -o-transform: translate(-50%,-50%);
}
.team-section .slider-controls li {}
.team-section .slider-controls li a {
  text-align: center;
  display: block;
  width: 37px;
  height: 46px;
  padding-top: 0;
  font-size: 45px;
  background-color: #fff;
  color: #9e2b13;
  margin: -.035em 0;
}
.team-section .slider-controls li a.slide-up {
  border-radius: 6px 6px 0 0;
  border-bottom: solid 1px #e0e0e0;
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,f4f4f4+100 */
  background: rgb(255,255,255); /* Old browsers */
  background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(244,244,244,1) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(244,244,244,1) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(244,244,244,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f4f4f4',GradientType=0 ); /* IE6-9 */
}
.team-section .slider-controls li a.slide-up:hover {
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f4f4f4+0,ffffff+100 */
  background: rgb(244,244,244); /* Old browsers */
  background: -moz-linear-gradient(top,  rgba(244,244,244,1) 0%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  rgba(244,244,244,1) 0%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  rgba(244,244,244,1) 0%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.team-section .slider-controls li a.slide-down {
  border-radius: 0 0 6px 6px;
  border-top: solid 1px #e0e0e0;
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f4f4f4+0,ffffff+100 */
  background: rgb(244,244,244); /* Old browsers */
  background: -moz-linear-gradient(top,  rgba(244,244,244,1) 0%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  rgba(244,244,244,1) 0%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  rgba(244,244,244,1) 0%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
.team-section .slider-controls li a.slide-down:hover {
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,f4f4f4+100 */
  background: rgb(255,255,255); /* Old browsers */
  background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(244,244,244,1) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(244,244,244,1) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(244,244,244,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f4f4f4',GradientType=0 ); /* IE6-9 */
}
.team-section .team-grid {
    position: absolute;
    width: 100%;
    height: auto;
    transition: transform .8s ease;
    -webkit-transition: transform .8s ease;
    -moz-transition: transform .8s ease;
    -o-transition: transform .8s ease;
}
.team-section .team-grid > div {
  float: left;
  width: 16.6666%;
  margin: 0;
}
.team-section .team-grid a {
  position: relative;
  display: block;
  height: 15vw;
  border-bottom: solid 1px #363636;
  border-right: solid 1px #363636;
}
.team-section .team-grid a:before {
  content: '';
  display: block;
  position: absolute;
  z-index: 1;
  left: 0; bottom: 0; right: 0;
  height: 30%;
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.65+100 */
  background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */
}
.team-section .team-grid a .bnn {
  background-position: center;
  background-size: cover;
  display: block;
  position: absolute;
  left: 0; top: 0;
  width: 100%;
  height: 100%;
  filter: grayscale(100);
  -webkit-filter: grayscale(100);
  -moz-filter: grayscale(100);
  -o-filter: grayscale(100);
  transition: filter .4s ease;
  -webkit-transition: filter .4s ease;
  -moz-transition: filter .4s ease;
  -o-transition: filter .4s ease;
}
.team-section .team-grid a:hover .bnn {
  filter: grayscale(0);
  -webkit-filter: grayscale(0);
  -moz-filter: grayscale(0);
  -o-filter: grayscale(0);
}
.team-section .team-grid a .info {
  display: block;
  position: absolute;
  z-index: 2;
  left: 10px;
  right: 10px;
  bottom: 10px;
  text-align: center;
  color: #ffffff;
  text-transform: uppercase;
  font-size: 15px;
  transition: bottom .4s ease, color .4s ease;
  -webkit-transition: bottom .4s ease, color .4s ease;
  -moz-transition: bottom .4s ease, color .4s ease;
  -o-transition: bottom .4s ease, color .4s ease;
}
.team-section .team-grid a:hover .info {
  bottom: 20px;
  color: #fff;
}
.team-section .team-grid a .info span {
  display: block;
  color: #fff;
}

/*=========================================== RESPONSIVE ======================================================*/
@media (max-width: 1700px) {
 .team-section .team-grid > div {
   width: 20%;
 }
 .team-section .team-grid a {
   height: 18vw;
 }
}
@media (max-width: 1500px) {
 .team-section .team-grid > div {
   width: 25%;
 }
 .team-section .team-grid a {
   height: 22vw;
 }
}
@media (max-width: 1090px) {
  .home-banner .slick-slide .right h2 {
    font-size: 28px;
    letter-spacing: 1px;
  }
  .home-banner .slick-slide .right li:not(:last-child) {
    margin-right: 5px;
  }
  .home-banner .slick-slide .right li {
    font-size: 16px;
  }
  .home-banner .slick-slide .right li span {
    margin-right: 5px;
  }
}
@media (max-width: 1250px) {
  .team-section .team-grid > div {
    width: 33.3333%;
  }
  .team-section .team-grid a {
    height: 28vw;
  }
}
@media (max-width: 991px) {
  .team-section .team-grid > div {
    width: 50%;
  }
  .team-section .team-grid a {
    height: 38vw;
  }
}
@media (max-width: 768px) {
  .home-banner .text-content {
    left: 3vw;
  }
  .home-banner .text-content .buttons-list li a,
  .home-banner .text-content .buttons-list li a:focus {
    font-size: 4vw;
  }
  .home-banner .text-content .buttons-list li:not(:last-child) {
    margin-right: 1vw;
  }
  .home-banner .slick-slide .right {
    bottom: 15vw;
    text-align: left;
    right: 3vw;
    left: 3vw;
  }
  .team-section h2 {
    margin-top: 30vw;
  }
  .team-section p {
    margin: 40px 0;
  }
  .team-section .team-grid > div {
    display: block;
    width: 100%;
    float: none;
  }
  .team-section .team-grid a {
    height: 68vw;
  }
  .team-section .team-grid a .info {
    font-size: 11px;
  }
  .team-section .slider-controls li a {
    font-size: 32px;
    width: 28px;
    height: 34px;
  }
}
@media screen and (max-width: 560px) {
  .home-banner.ready .text-content {
    bottom: 5px;
    left: 5px;
    right: 5px;
  }
  .home-banner .text-content .buttons-list li {
    display: block;
    margin: 0 0 5px!important;
  }
  .home-banner .text-content .buttons-list li a,
  .home-banner .text-content .buttons-list li a:focus {
    display: block;
    font-size: 30px;
  }
  .home-banner .text-content .buttons-list li a span {
    font-size: 12px;
  }
  .home-banner .slick-slide .right {
    bottom: 170px;
  }
}
@media (max-width: 440px) {
  .team-section h2.h1-style {
    margin: 20px 0;
  }
  .team-section p {
    margin: 20px 0;
    line-height: 1.4em;
  }
}