/** banner-section **/



.banner-section{

  position: relative;

  overflow: hidden;

}



.banner-carousel{

  position: relative;

}



.banner-carousel .slide-item{

  position: relative;

  background-repeat: no-repeat;

  background-position: center;

  background-size: cover;

  padding: 180px 0px 80px 0px;

}



.banner-carousel .slide-item .image-layer{

  position:absolute;

  left:0;

  top:0;

  width:100%;

  height:100%;

  background-repeat: no-repeat;

  background-position: center;

  background-size: cover;

  -webkit-transform:scale(1);

  -ms-transform:scale(1);

  transform:scale(1);

  -webkit-transition: all 6000ms linear;

  -moz-transition: all 6000ms linear;

  -ms-transition: all 6000ms linear;

  -o-transition: all 6000ms linear;

  transition: all 6000ms linear;

}



.banner-carousel .active .slide-item .image-layer{

  -webkit-transform:scale(1.15);

  -ms-transform:scale(1.15);

  transform:scale(1.15);

}



.banner-carousel .content-box{

  position: relative;

  display: block;

  z-index:5;

}



.banner-carousel .content-box:before{

  position: absolute;

  content: '';

  background: rgba(255,255,255,0.04);

  width: 370px;

  height: 370px;

  border-radius: 50%;

  left: -175px;

  top: -65px;

}



.banner-carousel .content-box h1{

  position: relative;

  display: block;

  color: #fff;

  font-size: 85px;

  line-height: 85px;

  font-weight: 700;

  margin-bottom: 37px;

  opacity: 0;

  -webkit-transform: translateY(100px);

  -moz-transform: translateY(100px);

  -ms-transform: translateY(100px);

  -o-transform: translateY(100px);

  transform: translateY(100px);

  -webkit-transition: all 700ms ease;

  -moz-transition: all 700ms ease;

  -ms-transition: all 700ms ease;

  -o-transition: all 700ms ease;

  transition: all 700ms ease;

}



.banner-carousel .active .content-box h1{

  opacity: 1;

  -webkit-transform: translateY(0);

  -moz-transform: translateY(0);

  -ms-transform: translateY(0);

  -o-transform: translateY(0);

  transform: translateY(0);

  -webkit-transition-delay: 700ms;

  -moz-transition-delay: 700ms;

  -ms-transition-delay: 700ms;

  -o-transition-delay: 700ms;

  transition-delay: 700ms;

}



.banner-carousel .content-box p{

  position: relative;

  display: block;

  color: #fff;

  font-size: 18px;

  line-height: 30px;

  font-weight: 600;

  margin-bottom: 33px;

  opacity: 0;

  -webkit-transform: translateY(100px);

  -moz-transform: translateY(100px);

  -ms-transform: translateY(100px);

  -o-transform: translateY(100px);

  transform: translateY(100px);

  -webkit-transition: all 1000ms ease;

  -moz-transition: all 1000ms ease;

  -ms-transition: all 1000ms ease;

  -o-transition: all 1000ms ease;

  transition: all 1000ms ease;

}



.banner-carousel .active .content-box p{

  opacity: 1;

  -webkit-transform: translateY(0);

  -moz-transform: translateY(0);

  -ms-transform: translateY(0);

  -o-transform: translateY(0);

  transform: translateY(0);

  -webkit-transition-delay: 1000ms;

  -moz-transition-delay: 1000ms;

  -ms-transition-delay: 1000ms;

  -o-transition-delay: 1000ms;

  transition-delay: 1000ms;

}



.banner-carousel .content-box .btn-box{

  position: relative;

  opacity: 0;

  -webkit-transform: translateY(100px);

  -moz-transform: translateY(100px);

  -ms-transform: translateY(100px);

  -o-transform: translateY(100px);

  transform: translateY(100px);

  -webkit-transition: all 1300ms ease;

  -moz-transition: all 1300ms ease;

  -ms-transition: all 1300ms ease;

  -o-transition: all 1300ms ease;

  transition: all 1300ms ease;

}



.banner-carousel .active .content-box .btn-box{

  opacity: 1;

  -webkit-transform: translateY(0);

  -moz-transform: translateY(0);

  -ms-transform: translateY(0);

  -o-transform: translateY(0);

  transform: translateY(0);

  -webkit-transition-delay: 1300ms;

  -moz-transition-delay: 1300ms;

  -ms-transition-delay: 1300ms;

  -o-transition-delay: 1300ms;

  transition-delay: 1300ms;

}



.banner-carousel .content-box .btn-box .banner-btn-one{

  position: relative;

  display: inline-block;

  font-size: 14px;

  line-height: 24px;

  font-weight: 700;

  color: #fff;

  text-transform: uppercase;

  padding: 15.5px 36px;

  background: #ed1c24;

  margin-right: 3px;

  text-align: center;

  z-index: 1;

}



.banner-carousel .content-box .btn-box .banner-btn-one:before {

  position: absolute;

  content: '';

  background: #222;

  width: 0%;

  height: 100%;

  left: 0px;

  top: 0px;

  z-index: -1;

  transition: all 500ms ease;

}



.banner-carousel .content-box .btn-box .banner-btn-one:hover:before{

  width: 100%;

}



.banner-carousel .content-box .btn-box .banner-btn-two{

  position: relative;

  display: inline-block;

  font-size: 14px;

  line-height: 24px;

  font-weight: 700;

  color: rgba(255,255,255,0.8);

  border: 2px solid #0c4da2;

  text-transform: uppercase;

  padding: 13.5px 32px;

  background: transparent;

  text-align: center;

  z-index: 1;

}



.banner-carousel .content-box .btn-box .banner-btn-two:before {

  position: absolute;

  content: '';

  background: #222;

  width: 0%;

  height: 100%;

  left: 0px;

  top: 0px;

  z-index: -1;

  transition: all 500ms ease;

}



.banner-carousel .content-box .btn-box .banner-btn-two:hover:before{

  width: 100%;

}



.banner-carousel .content-box .btn-box .banner-btn-two:hover{

  color: #fff;

  border-color: #222 !important;

}



.banner-carousel .content-box .btn-box .banner-btn-one i{

  font-size: 14px;

  margin-left: 10px;

}



.banner-carousel .content-box .btn-box .banner-btn-two i{

  font-size: 14px;

  margin-left: 10px;

}



.banner-section .image-box{

  position: relative;

  display: block;

  margin: 0px -255px 0px 45px;

  padding-right: 385px;

}



.banner-section .image-box img{

  width: 100%;

}



.banner-section .image-box .image-2{

  position: absolute;

  top: 50px;

  right: 0px;

}



.banner-section .image-box .image-1{

  position: relative;

}



.banner-section .image-box .image-1:before{

  position: absolute;

  content: '';

  background: #fff;

  width: 6px;

  height: calc(100% - 60px);

  top: 30px;

  right: -6px;

  z-index: 1;

}



.banner-carousel .owl-nav .owl-prev{

  position: absolute;

  left: 50px;

  top: 50%;

  transform: translateY(-50%);

  width: 60px;

  height: 60px;

  background: #fff;

  text-align: center;

  line-height: 60px;

  font-size: 24px;

  font-weight: 600;

  color: #272727;

  cursor: pointer;

  border-radius: 50%;

  opacity: 0.2;

  transition: all 500ms ease;

}



.banner-carousel .owl-nav .owl-next{

  position: absolute;

  right: 50px;

  top: 50%;

  transform: translateY(-50%);

  width: 60px;

  height: 60px;

  background: #fff;

  text-align: center;

  line-height: 60px;

  font-size: 24px;

  font-weight: 600;

  color: #272727;

  cursor: pointer;

  border-radius: 50%;

  opacity: 0.2;

  transition: all 500ms ease;

}



.banner-carousel:hover .owl-nav .owl-prev,

.banner-carousel:hover .owl-nav .owl-next{

  opacity: 1;

}



.banner-carousel .owl-nav .owl-prev:hover,

.banner-carousel .owl-nav .owl-next:hover{

  color: #fff;

}



.banner-section .owl-dots{

  position: absolute;

  left: 65px;

  top: 50%;

  transform: translateY(-50%);

}



.banner-section .owl-theme .owl-dots .owl-dot{

  display: block;

}



.banner-section .owl-theme .owl-dots .owl-dot span{

  position: relative;

  display: inline-block;

  height: 16px;

  width: 16px;

  margin: 5px 0px;

  background: #fff;

  border-radius: 50%;

  cursor: pointer;

  transition: all 500ms ease;

}



.banner-section .owl-theme .owl-dots .owl-dot span:before{

  position: absolute;

  content: '';

  width: 8px;

  height: 8px;

  left: 4px;

  top: 4px;

  border-radius: 50%;

  transform: scale(0,0);

  transition: all 500ms ease;

}



.banner-section .owl-theme .owl-dots .owl-dot.active span:before,

.banner-section .owl-theme .owl-dots .owl-dot span:hover:before{

  transform: scale(1,1);

}





/** banner-style-two **/



.banner-section.style-two .banner-carousel .slide-item:before{

  position: absolute;

  content: '';

  background: #000;

  width: 100%;

  height: 100%;

  left: 0px;

  top: 0px;

  opacity: 0.6;

  z-index: 1;

}



.banner-section.style-two .video-btn a{

  position: relative;

  display: inline-block;

  width: 70px;

  height: 70px;

  line-height: 70px;

  font-size: 14px;

  background: #fff;

  text-align: center;

  margin-bottom: 43px;

}



.banner-section.style-two .video-btn .border-animation {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  border: 1px solid rgba(255,255,255,.2);

  animation: squares 2.9s linear 0s infinite;

  -webkit-animation: squares 2.9s linear 0s infinite;

  -ms-animation: squares 2.9s linear 0s infinite;

  -o-animation: squares 2.9s linear 0s infinite;

  -webkit-animation-play-state: running;

  -moz-animation-play-state: running;

  -o-animation-play-state: running;

  animation-play-state: running;

  opacity: 0;

}



.banner-section.style-two .video-btn .border-animation.border-2 {

  -webkit-animation-delay: 1s;

  -moz-animation-delay: 1s;

  -o-animation-delay: 1s;

  animation-delay: 1s;

}



.banner-section.style-two .video-btn .border-animation.border-3 {

  -webkit-animation-delay: 2s;

  -moz-animation-delay: 2s;

  -o-animation-delay: 2s;

  animation-delay: 2s;

}



.banner-section.style-two .banner-carousel .content-box h1{

  font-size: 120px;

  line-height: 120px;

  font-weight: 700;

}



.banner-section.style-two .banner-carousel .content-box p{

  letter-spacing: 10px;

  text-transform: uppercase;

}



.banner-section.style-two .banner-carousel .content-box .btn-box .banner-btn-two{

  border-color: rgba(255,255,255,0.6);

}



.banner-section.style-two .banner-carousel .slide-item{

  padding: 140px 0px;

}



.banner-section.style-two .banner-carousel .content-box:before{

  display: none;

}