/*====================================
Buttons
=====================================*/
/*.btn {
	position:relative;
	padding:18px 38px;
	font-size:20px;
	line-height:24px;
	border-radius:0;
	font-weight:400;	
	white-space:nowrap;
	text-transform:uppercase;
	letter-spacing:0.06em;
	font-family:"Roboto", Helvetica, Arial, sans-serif;
	border-width:2px;
	transition:.3s;
	backface-visibility:hidden;
}

.btn:focus, 
.btn:active, 
.btn:active:focus {
	outline:none;
	box-shadow:none;
}
*/
.btn-sm {
	padding:14px 36px;
	font-size:16px;
	line-height:19px;
	border-radius:0;
	border-width:2px;
}

/*--Controls Learn More btn--*/
.btn-slider {
	color:#ffffff;
	background-color:#1874c2;
	border-color:#ffffff;
}
.btn-slider:focus, 
.btn-slider:hover, 
.btn-slider:active {
	color:#ffffff;
	background-color:#3bbef4;
	border-color:#ffffff;
}

html .swiper-content-wrapper .offset-top-20 {
  margin-top:20px;
}
html .swiper-content-wrapper .offset-top-30 {
  margin-top:30px;
}
.text-center {
    text-align: center;
}


/*====================================
     SWIPER SLIDER START
=====================================*/
.swiper-content-wrapper  {
  background:#26272c;
  overflow:hidden;
}
.swiper-container {
	display:flex;
	margin:0 auto;
	position:relative;
	overflow:hidden;
	height:auto;
	width:100%;
	/* Fix of Webkit flickering */
	z-index: 1;
}
.swiper-container:after {
	content:"";
	position:absolute;
	background:#ffffff;
	bottom:-2px;
	right:-1%;
	width:39.8%;
	height:30px;
	display:none;
	transform:skew(-34deg);
	z-index:1;
}
.swiper-slider-1 {
  min-height: 480px;
}

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

}

.swiper-slide {
	position: relative;
	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:#26272c; 
  padding:20px;
  opacity:0.8;
}
.slider-caption-body .title {
  color:#ffffff;
  font:54px/1.0em 'roboto_condensedregular',Arial;
  margin-top:20px;
  margin-bottom:0;
}
.slider-caption-body .title a {
  color:#ffffff;
  transition:.3s all ease;
}
.slider-caption-body .title a:hover {
	color:#3bbef4;
}
.slider-caption-body .caption {
  color:#ffffff;
  font:20px/1.2em 'robotoregular',Arial;
  margin-bottom:15px;	
}
.swiper-slider-1 .swiper-slide-caption {
	padding:60px 0;
}

@media (min-width: 992px) {
  .swiper-slider-1 .swiper-slide-caption {
    padding:80px 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 {
  flex-direction:column;
}
.swiper-wrapper {
  position:relative;
  z-index:1;
  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 8px;
}
.swiper-pagination-bullet {
  margin-left:8px;
  display:inline-block;
  width:10px;
  height:10px;
  line-height:16px;
  border-radius:50%;
  background:#ffffff;
  position:relative;
  transition:0.35s all ease;
}
/*--Controls initial bullet hover size--*/
.swiper-pagination-bullet:hover {
  transform: scale(2.0);
}

/*--Controls initial bullet active / hover color--*/
.swiper-pagination-bullet-active {
  background:#1874c2;
  transform:scale(2.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 (min-width: 768px) {
  .swiper-pagination-bullet {
	width:10px;
	height:10px;		
  }
  .swiper-pagination-bullet:hover {
    transform:scale(2.0);
  }
  .swiper-pagination-bullet-active {
  transform:scale(2.0);
  }
	
}

@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;
  }
		
}