@charset "utf-8";
/* CSS Document */

html, body {
	font-size:1rem;
}

h6 {
    font-size: 0.925rem !important;
}

.wrap {
	height:340px;
	border:1px solid #bacadf;
	position:relative;
	width:100%;
	box-shadow: 3px 3px 4px 0px rgba(0, 0, 0, 0.24);
	-webkit-box-shadow: 3px 3px 4px 0px rgba(0, 0, 0, 0.24);
	-moz-box-shadow: 3px 3px 4px 0px rgba(0, 0, 0, 0.24);
	overflow:hidden;
}
.wrap p {
	font-size:0.8em;
	text-align:left;
}

.wrap-hov {
	height:340px;
	border:1px solid #bacadf;
	position:relative;
	width:100%;
	box-shadow: 3px 3px 4px 0px rgba(0, 0, 0, 0.24);
	-webkit-box-shadow: 3px 3px 4px 0px rgba(0, 0, 0, 0.24);
	-moz-box-shadow: 3px 3px 4px 0px rgba(0, 0, 0, 0.24);
	overflow:hidden;
}
.logo {
	height:30%;
	margin:0.5rem;
	width: -moz-available;
    width: -webkit-fill-available;
}
.logo-hov {
	height:100%;
	margin:0.5rem;
	width: -moz-available;
    width: -webkit-fill-available;
}

.slide-hov {background:#fff; display:block; border:0px solid #000; height:114px; overflow:hidden; width: -moz-available; width: -webkit-fill-available;}

.logos {
	height:30%;
	background-size:cover;
	margin:0.5rem;
}
.logos img {
	max-width:100% !important;
}

.bg-none {background:none !important;}
.bg-block {background: inherit !important;}

.desc {
	text-align: center;
	opacity: 1;
	background: #003f96;
	color: #fff;
	height: 66%;
	bottom: 0;
	position: absolute;
	padding: 1rem 0.50rem;
}
.desc-hov {
	text-align: center;
	opacity: 1;
	display: none;
	height: 100%;
	bottom: 0;
	position: absolute;
	padding: 1rem 0.50rem;
}
.desc-hoves {
	height: 66%;
	bottom: 0;
	opacity: 1;
	position: absolute;
	padding: 1rem 0.50rem;
	display:block !important;
	background: #003f96;
	color:#fff;
}
.wrap-hov p {
	font-size:0.8em;
	text-align:left;
}
.carousel-inner img {
	width: auto;
	height: 100px !important;
	margin:0 auto;
	text-align:center;
}
#featured {
	height:auto;
	width:100%;
	text-align:center;
}
.bullets li {
	background: none repeat scroll 0 0 #fff;
	border: medium none;
	cursor: pointer;
	display: inline-block;
	float: none;
	height: 6px;
	width: 6px;
	border:1px solid #666;
}
.bullets li:last-child {
	margin-right: 0;
}
.bullets li {
	border-radius: 1000px;
}
.bullets, .carousel-content {
	text-align:center;
}
.bullets {
	padding:0;
	margin:0;
	bottom: 2px;
	text-align: center;
	width:100%;
}
ol {
	margin: 0;
	padding: 0;
}
.carousel-indicators .active {
	width: 6px;
	height: 6px;
	margin: 0;
	background-color: #fff;
	border:2px solid #999;
}

iframe {
	overflow:hidden;
}
.bottom-link {
	position:absolute !important;
	bottom:15px !important;
	color:#fff !important;
	font-weight:bold !important;
	font-size: 0.8em !important;
}
.bottom-text {
	position:absolute !important;
	bottom:15px !important;
	color:#fff !important;
	font-size: 0.8em !important;
}
.lr-0 {
	left:0 !important;
	right:0 !important;
}
.l-0-pl-7 {
	left:0 !important;
	padding-left: 0.750rem !important
}
.slideInUpLogo {
	-webkit-animation-name: slideInUpLogo;
	animation-name: slideInUpLogo;
	-webkit-animation-duration: 300ms;
	animation-duration: 300ms;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}
 @-webkit-keyframes slideInUpLogo {
 0% {
 -webkit-transform: translateY(100%);
 transform: translateY(100%);
 visibility: visible;
}
 100% {
 -webkit-transform: translateY(0);
 transform: translateY(0);
}
}
 @keyframes slideInUpLogo {
 0% {
 -webkit-transform: translateY(100%);
 transform: translateY(100%);
 visibility: visible;
}
 100% {
 -webkit-transform: translateY(0);
 transform: translateY(0);
}
}

.slideInUpOwl {
	-webkit-animation-name: slideInUpLogo;
	animation-name: slideInUpLogo;
	-webkit-animation-duration: 500ms;
	animation-duration: 500ms;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}
 @-webkit-keyframes slideInUpOwl {
 0% {
 -webkit-transform: translateY(100%);
 transform: translateY(100%);
 visibility: visible;
}
 100% {
 -webkit-transform: translateY(0);
 transform: translateY(0);
}
}
 @keyframes slideInUpOwl {
 0% {
 -webkit-transform: translateY(100%);
 transform: translateY(100%);
 visibility: visible;
}
 100% {
 -webkit-transform: translateY(0);
 transform: translateY(0);
}
}

.slideInUp {
	height: 66%;
	bottom: 0;
	opacity: 1;
	position: absolute;
	padding: 1rem 0.750rem;
	display:block !important;
	background: #003f96;
	color:#fff;
	overflow:hidden;
}
.slideInUp {
	-webkit-animation-name: slideInUp;
	animation-name: slideInUp;
	-webkit-animation-duration: 300ms;
	animation-duration: 300ms;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}
 @-webkit-keyframes slideInUp {
 0% {
 -webkit-transform: translateY(100%);
 transform: translateY(100%);
 visibility: visible;
}
 100% {
 -webkit-transform: translateY(0);
 transform: translateY(0);
}
}
 @keyframes slideInUp {
 0% {
 -webkit-transform: translateY(100%);
 transform: translateY(100%);
 visibility: visible;
}
 100% {
 -webkit-transform: translateY(0);
 transform: translateY(0);
}
}


.slideOutDown {
  -webkit-animation-name: slideOutDown;
  animation-name: slideOutDown;
  -webkit-animation-duration: 300ms;
  animation-duration: 300ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  }
  @-webkit-keyframes slideOutDown {
  0% {
  -webkit-transform: translateY(0);
  transform: translateY(0);
  }
  100% {
  visibility: hidden;
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
  }
  
  }
  
  @keyframes slideOutDown {
  0% {
  -webkit-transform: translateY(0);
  transform: translateY(0);
  }
  100% {
  visibility: hidden;
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
  }
  } 


.outer-wrapper {
max-width:100vw;
overflow-x:scroll;
position:relative;
scrollbar-color:#7999c4 #f3f3f3;
scrollbar-width:thin;
-ms-overflow-style:none
}

.cs-track {
background-color:#f3f3f3;
height:2px;
width:100%;
position:relative;
top:-3px;
z-index:-10;
border-radius:25px;
-moz-border-radius:25px;
-webkit-border-radius:25px
}

@media (any-hover: none) {
.cs-track {
display:none
}
}

.outer-wrapper::-webkit-scrollbar {
height:5px;
border-radius:25px;
-moz-border-radius:25px;
-webkit-border-radius:25px
}

.outer-wrapper::-webkit-scrollbar-track {
-webkit-box-shadow:inset 0 0 0 rgba(0,0,0,0)
}

.outer-wrapper::-webkit-scrollbar-thumb {
height:5px;
background-color:#7999c4;
border-radius:25px;
-moz-border-radius:25px;
-webkit-border-radius:25px
}

.outer-wrapper::-webkit-scrollbar-thumb:hover {
background-color:#7999c4
}

.outer-wrapper::-webkit-scrollbar:vertical {
display:none
}

.inner-wrapper {
display:flex;
padding-bottom:10px
}

.cs-item {
height:340px;
width:245px;
margin:0 16px;
flex-shrink:0
}

.cs-item:first-child {
margin-left:0;
flex-shrink:0
}

.cs-item:last-child {
margin-right:0;
flex-shrink:0
}

.wrap-cs {
height:340px;
border:1px solid #bacadf;
position:relative;
box-shadow:3px 3px 4px 0 #000;
-webkit-box-shadow:3px 3px 4px 0 rgba(0 0 0 / 24%);
-moz-box-shadow:3px 3px 4px 0 rgba(0,0,0,0.24);
overflow:hidden
}

.wrap-cs p {
font-size:.8em;
text-align:left
}

@media (max-width: 1024px) {
.cs-item {
height:340px;
width:320px;
margin-right:32px;
flex-shrink:0
}
}

@media (max-width: 320px) {
.cs-item {
width:240px;
margin-right:12px
}
}