/* Show it's not fixed to the top */
body {
  min-height: 75rem;
}

.modal-body{
	padding: 0;
}

.modal-header{
	border-bottom: none;	
	padding-bottom: 0;
	padding-top: 0;
}

.modal-content{
	background-color: #1a1a1a;
}


.modal-footer{
	border-top: none;
	padding-bottom: 0;
	padding-top: 0;
}

.modal-content h5{
	color: white;
}

.modal-content button{
	color: white;
}

div.sticky {
  position: -webkit-sticky;
  position: sticky;
  top: 60px;
  background-color: black;
  padding: 0px;
  font-size: 20px;
  z-index: 10;
}

.navbar {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  padding: 0px;
  font-size: 20px;
  z-index: 12;
}

.container{
	max-width: 100% !important;
}

.bg-light{
	background-color: #ebebeb !important;
}

iframe{
	text-align: center;
	width: 100%
}

.scrolling-wrapper{
	overflow-x: auto;
	scrollbar-width: none;
}

body{
	background-color: #1a1a1a;
/* 	color: #fff; */
/* 	font-family: 'system-ui'; */
}

.mt-5{
	color: #fff;
	margin-top: 0 !important;
}

.subtitle{
	color: #ccc;
}

.mb-4{
	margin-bottom: 0 !important;
}

.my-3 {
    margin-top: 0 !important;
    margin-bottom: 0rem !important;
}

.item-padding-right{
	padding-right: 485px;	
}

.font-size-12{
	font-size: 12px;
}

.col-3{
	width: 20%;
}

.col-4{
	width: 17%;
}

.card-block{
	height: 400px;
	width: 270px;
	background-color: #fff;
	border: none;
	background-position: center;
	background-size: cover;
	transition: all 0.2s ease-in-out !important;
	border-radius: 0px;
}

.card-block-small{
	height: 135px;
	width: 240px;
	background-color: #fff;
	border: none;
	background-position: center;
	background-size: cover;
	transition: all 0.2s ease-in-out !important;
	border-radius: 0px;
}



.btn-group{
	float: right;
}

.card-block:hover{
		transform: translateY(-10px);
		box-shadow: none;
	}


.card-1{
/*
	background-color: #4158D0;
background-image: linear-gradient(43deg, #4158D0 0%, #C850C0 46%, #FFCC70 100%);
*/
background-image: url("img/12.png");
}

.card-2{
/*
	background-color: #0093E9;
background-image: linear-gradient(160deg, #0093E9 0%, #80D0C7 100%);
*/
background-image: url("img/13.png");

}

.card-3{
/*
	background-color: #00DBDE;
background-image: linear-gradient(90deg, #00DBDE 0%, #FC00FF 100%);
*/
background-image: url("img/14.png");
}

.card-4{
/*
	background-color: #FBAB7E;
background-image: linear-gradient(62deg, #FBAB7E 0%, #F7CE68 100%);
*/
background-image: url("img/15.png");
}

.card-5{
/*
	background-color: #85FFBD;
background-image: linear-gradient(45deg, #85FFBD 0%, #FFFB7D 100%);
*/
background-image: url("img/5.jpg");
}

.card-6{
/*
	background-color: #FA8BFF;
background-image: linear-gradient(45deg, #FA8BFF 0%, #2BD2FF 52%, #2BFF88 90%);
*/
background-image: url("img/6.jpg");
}

.card-7{
/*
	background-color: #FA8BFF;
background-image: linear-gradient(45deg, #FA8BFF 0%, #2BD2FF 52%, #2BFF88 90%);
*/
background-image: url("img/7.jpg");
}

.card-8{
/*
	background-color: #FBDA61;
background-image: linear-gradient(45deg, #FBDA61 0%, #FF5ACD 100%);
*/
background-image: url("img/8.jpg");
}

.card-9{
/*
	background-color: #4158D0;
background-image: linear-gradient(43deg, #4158D0 0%, #C850C0 46%, #FFCC70 100%);
*/
background-image: url("img/9.jpg");
}

.card-10{
/*
	background-color: #FF3CAC;
background-image: linear-gradient(225deg, #FF3CAC 0%, #784BA0 50%, #2B86C5 100%);
*/
background-image: url("img/10.jpg");

}


.card-s-1{
background-image: url("img/emi_1.jpg");
}

.card-s-2{
background-image: url("img/emi_2.jpg");
}

.card-s-3{
background-image: url("img/emi_3.jpg");
}

.card-s-4{
background-image: url("img/emi_4.jpg");
}

.card-s-5{
background-image: url("img/emi_5.jpg");
}

.card-s-6{
background-image: url("img/emi_6.jpg");
}

.card-s-7{
background-image: url("img/emi_7.jpg");
}

.card-s-8{
background-image: url("img/emi_8.jpg");
}

.card-s-9{
background-image: url("img/emi_9.jpg");
}




.timeline{
/*
	background-color: #FF3CAC;
background-image: linear-gradient(225deg, #FF3CAC 0%, #784BA0 50%, #2B86C5 100%);
*/
background-image: url("img/timelineZattoo.png");
height: 160px;
width: 2380px !important;

}







.card-img-top{
	max-height: 200px;
	overflow: hidden;
}

.card-img-top img{
	width: 270;
	height: 400;
	margin: -75px 0 0 -100px;
}