/*====================================
Buttons
=====================================*/
.btn-sm {
	padding:14px 36px;
	font-size:16px;
	line-height:19px;
	border-radius:0;
	border-width:2px;
}

/*--Controls btns--*/
.slider-scroll-caption .btn-slider {  
  font:18px/1.2em 'OswaldRegular',Arial;
  color:#ffffff;
  background:#ff7700;
  padding:14px 16px; 
  border-radius:6px;  
  box-shadow:none;
  text-transform:uppercase;
}
.slider-scroll-caption .btn-slider:focus, 
.slider-scroll-caption .btn-slider:hover, 
.slider-scroll-caption .btn-slider:active {
  color:#ffffff;
  background:#7bb218;
  text-decoration:none;
}
.swiper-content-wrapper .mt20 {
  margin-top:20px;
}

/*====================================
     SWIPER SLIDER START
=====================================*/
.swiper-content-wrapper  {
  background:#26272c;
  overflow:hidden;
  margin-top:1px;
  border-bottom:20px solid #181818;
}
.swiper-container {
  position:relative;
  display: -webkit-box;           /* OLD - iOS 6-, Safari 3.1-6 */
  display: -ms-flexbox;           /* TWEENER - IE 10 */
  display: -webkit-flex;          /* NEW - Chrome 21+, Safari 6.1+ */
  display: flex; 
  margin:0 auto;
  overflow:hidden;
  height:auto;
  width:100%;
  /* Fix of Webkit flickering */
  z-index: 1;
}

.swiper-slider-1 {min-height:480px;}

@media (min-width: 768px) {
  .swiper-slider-1 {min-height:550px;}
}

.swiper-slide {
  position:relative;
  display: -webkit-box;           /* OLD - iOS 6-, Safari 3.1-6 */
  display: -ms-flexbox;           /* TWEENER - IE 10 */
  display: -webkit-flex;          /* NEW - Chrome 21+, Safari 6.1+ */
  display: flex; 
  align-items:center;
  justify-content:center;
  flex-shrink:0;
  width:100%;
  height:100%;
  white-space:nowrap;	
}

/* ------ START SWIPER CAPTION ------*/

.swiper-slide-caption {
  width:100%;
  white-space:normal;
}
.slider-caption-body {
  background:#202020; 
  padding:30px;
  opacity:0.8;
  border-radius:10px;
}
.slider-caption-body .slider-scroll-flex-box {
  display: -webkit-box;           /* OLD - iOS 6-, Safari 3.1-6 */
  display: -ms-flexbox;           /* TWEENER - IE 10 */
  display: -webkit-flex;          /* NEW - Chrome 21+, Safari 6.1+ */
  display: flex;                  /* STANDARD - all modern browsers */
  -webkit-flex-wrap: wrap;        /* Chrome 21–28, Safari 6.1–8 */
  -ms-flex-wrap: wrap;            /* IE 10, 11 */
  flex-wrap: wrap;                /* Standard */
  -webkit-box-pack: justify;      /* Old syntax for justify-content */
  -ms-flex-pack: justify;         /* IE 10 */
  -webkit-justify-content: space-between; /* Chrome 21–28, Safari 6.1–8 */
  justify-content: space-between;        /* Standard */
}
.slider-caption-body .slider-scroll-flex-box .slider-scroll-caption {
  flex:0 0 68%;
  width:60%;
}
.slider-caption-body .slider-scroll-flex-box .slider-scroll-img {
  flex:0 0 30%;
  width:30%;
  text-align:right;
}
.slider-caption-body .slider-scroll-flex-box .slider-scroll-img img {
  max-width:100%;
  height:auto;
  padding:8px;
  border-radius:6px;
  background:#ffffff;
}

.slider-caption-body .title {
  color:#ffffff;
  font:40px/1.0em 'OswaldRegular',Arial;
  margin-bottom:0;
}
.slider-caption-body .caption {
  color:#ffffff;
  font:500 18px/1.2em 'ArimoRegular',Arial;
  margin-bottom:15px;
}
.swiper-slider-1 .swiper-slide-caption {
	padding:60px 0;
}

@media (min-width: 992px) {
  .swiper-slider-1 .swiper-slide-caption {padding:0;}  
}

@media (min-width: 1200px) {
  .swiper-slider-1 {min-height:36.45833vw;}
  .swiper-slider-1 .swiper-slide-caption {padding:120px 0;}  
}

@media (min-width: 1600px) {
.swiper-container:after {display:block;}  
}

.swiper-container-no-flexbox .swiper-slide {
  float:left;
}
.swiper-container-vertical > .swiper-wrapper {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;

}
.swiper-wrapper {
  position:relative;
  z-index:1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-self:stretch;
  align-items:stretch;
  width:100%;
  height:auto;
  min-height:inherit;
  transition-property:transform;
  box-sizing:content-box;
}
.swiper-container {
  flex-shrink:0;
}
.swiper-container-android .swiper-slide,
.swiper-wrapper {
  transform:translate3d(0, 0, 0);
}
.swiper-container-multirow > .swiper-wrapper {
  flex-wrap:wrap;
}
.swiper-container-free-mode > .swiper-wrapper {
  transition-timing-function:ease-out;
  margin:0 auto;
}
.swiper-container .swiper-notification {
	position: absolute;
	left: 0;
	top: 0;
	pointer-events: none;
	opacity: 0;
	z-index: -1000;
}
/* IE10 Windows Phone 8 Fixes */
.swiper-wp8-horizontal {
	touch-action: pan-y;
}
.swiper-wp8-vertical {
	touch-action: pan-x;
}
/* Coverflow */
.swiper-container-coverflow .swiper-wrapper {
	/* Windows 8 IE 10 fix */
}


/*------ Start Pagination / Bullet Styles ------*/
.swiper-pagination {
  display:block;
  position:absolute;
  text-align:center;
  transition:300ms;
  -webkit-transform:translate3d(0, 0, 0);
  transform:translate3d(0, 0, 0);
  z-index:10;
}
.swiper-pagination.swiper-pagination-hidden {
	opacity:0;
}

/*--Controls initial bullet non active / hover color and size--*/
.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor:pointer;
}
.swiper-container-horizontal > .swiper-pagination .swiper-pagination-bullet {
  margin:0 4px;
}
.swiper-pagination-bullet {
  margin-left:10px;
  display:inline-block;
  width:14px;
  height:14px;
  line-height:14px;
  border-radius:50%;
  background:#ff7700;
  position:relative;
  transition:0.35s all ease;
}
/*--Controls initial bullet hover size--*/
.swiper-pagination-bullet:hover {
	background:#7bb218;
  transform: scale(1.0);
}

/*--Controls initial bullet active / hover color--*/
.swiper-pagination-bullet-active {
  background:#7bb218;
  transform:scale(1.0);
}
.swiper-container-vertical > .swiper-pagination {
  right:10px;
  top:50%;
  -webkit-transform:translate3d(0px, -50%, 0);
  -moz-transform:translate3d(0px, -50%, 0);
  -o-transform:translate(0px, -50%);
  -ms-transform:translate3d(0px, -50%, 0);
  transform:translate3d(0px, -50%, 0);
}
.swiper-container-vertical > .swiper-pagination .swiper-pagination-bullet {
  margin:9px 0;
  display:block;
}
.swiper-container-horizontal > .swiper-pagination {
  bottom:15px;
  left:25px;
  width:1170px;
  max-width:100%;
  margin-left:auto;
  margin-right:auto;
  right:0;
  z-index:1;
}


@media (max-width: 767px) {
  .slider-caption-body .slider-scroll-flex-box .slider-scroll-caption {
    flex:0 0 66%;
    width:66%;
  }
  .slider-caption-body .slider-scroll-flex-box .slider-scroll-img {
    flex:0 0 30%;
    width:30%;
  }
  .slider-caption-body .title {
    color:#ffffff;
    font:28px/1.0em 'OswaldRegular',Arial;
    margin-bottom:0;
  }
  .slider-caption-body .caption {
    color:#ffffff;
    font:500 14px/1.2em 'ArimoRegular',Arial;
    margin-bottom:15px;
  }
  .slider-scroll-caption .btn-slider {
      font:16px/1.2em 'OswaldRegular',Arial; 
	  padding:14px;
	  border-radius:6px;
  }  
  .slider-caption-body .slider-scroll-flex-box .slider-scroll-img img {
    max-width:100%;
    height:auto;
    padding:8px;
    border-radius:6px;
    background:#ffffff;
  }

}



@media (min-width: 768px) {
  .swiper-pagination-bullet {
	width:14px;
	height:14px;
  }
  .swiper-pagination-bullet:hover {
    transform:scale(1.0);
  }
  .swiper-pagination-bullet-active {
  transform:scale(1.0);
  }
	
}



 @media (min-width: 768px) and (max-width: 1199px) {
  .slider-caption-body .slider-scroll-flex-box .slider-scroll-img img {
    max-width:100%;
    height:auto;
    padding:8px;
    border-radius:6px;
    background:#ffffff;
  }
  .slider-caption-body .title {
    color:#ffffff;
    font:34px/1.0em 'OswaldRegular',Arial;
    margin-bottom:0;
  }
  .slider-scroll-caption .btn-slider {
    font:18px/1.2em 'OswaldRegular',Arial; 
	padding:14px;
	border-radius:6px;
  }

}

@media (max-width: 991px) { 
/*
.slider-caption-body .slider-scroll-flex-box {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.slider-caption-body .slider-scroll-flex-box .slider-scroll-caption {
  flex:0 0 100%;
  order:1;
  border:1px solid green;
}
.slider-caption-body .slider-scroll-flex-box .slider-scroll-img {
  flex:0 0 100%;
  order:2;
  border:1px solid green;
  margin:0 0 10px 0;
}
.slider-caption-body .slider-scroll-flex-box .slider-scroll-img img {}
*/

}

@media (min-width: 992px) and (max-width: 1199px) {}


@media (max-width: 1199px) {
  .swiper-container-horizontal > .swiper-pagination {
    left:0;
    bottom:25px;
  }

}

@media (min-width: 1200px) {
  .swiper-container-horizontal > .swiper-pagination {
    bottom:30px;
    text-align:left;
  }

}

@media (min-width: 1600px) {
  .swiper-container-horizontal > .swiper-pagination {
	bottom:90px;
  }
  
}

/*------ Start Animation ------*/

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  opacity: 1;
}

html:not(.lt-ie10) .not-animated {
	opacity: 0;
}

@-webkit-keyframes fadeInUp {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0);
	}
	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}

@keyframes fadeInUp {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0);
	}
	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}

.fadeInUp {
	-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp;
}


/*------ Start Additional Bootstrap 4 CSS Code ------*/

/*--
  .justify-content-sm-center 
  .justify-content-xl-start
  .text-xl-left
*/

@media (min-width: 480px) {
  .justify-content-sm-center {
    justify-content: center !important;
  }

}

@media (min-width: 1200px) {
  .justify-content-xl-start{
    justify-content: flex-start !important;
  }
  .text-xl-left {
    text-align: left !important;
  }
		
}