.home-text-box-cnt {
	
	width:100%;position:relative;
	max-width:1500px;text-align:left;margin-top:100px;margin-bottom:200px;
	line-height: 1.6;font-family:Barlow Condensed;  
	letter-spacing: 1px;display:flex;align-items:center;
	padding-left:100px;padding-right:100px;box-sizing: border-box;
	
}
.home-text-box {
	text-shadow: 1px 2px black;
width:50%;color:white;font-size:20px;line-height: 1;font-family:Barlow Condensed;  letter-spacing: 1px;	
	
}
.color-black { color:black; }
.color-white { color:white; }

.home-white-layer { 

position:relative;
background: linear-gradient(-90deg, rgb(85 85 85) 0%, rgb(103 103 103) 25%, rgba(120, 238, 255, 0) 60%);
width:100%;
}
.footer { 
display: flex;
    align-items: center;
position:relative;
background: linear-gradient(90deg, rgba(61,111,158,1) 0%, rgba(61,111,158,1) 35%, rgba(61,111,158,0.5) 80%);
width:100%;top:0px;height:200px;
}
.footer-cnt {
	
	
	box-sizing: border-box;
    padding: 30px;
    width: 100%;
    margin-top: 10px;
    text-align: center;
    font-family:Barlow Condensed;
    color: white;
    font-size: 20px;
    line-height: 1.6;
    letter-spacing: 1px;
	
}

.home-list-view { display:flex;width:100%;height:300px;margin-top:40px;position:absolute; }


.home-list-e { position:relative;height:100%;
cursor:hand;cursor:pointer;min-width:calc(100% / 3);
padding:10px;
    scroll-snap-align: start;box-sizing: border-box; }

.home-list-img-frame {width:100%;height:100%;overflow:hidden;}

.home-list-img { width:100%;height:100%;background-color:red;transition: all 1s; }

.home-list-img:hover {   transform: scale(1.2); }


.home-swipe-view {
	border:0px solid blue;
	width:calc(100% - 60px);
	max-width:1000px;
	margin-top:200px;
	height:350px;
  overflow-x: auto;
  overflow-y: hidden;
  scroll-snap-coordinate: 0 0;
  scroll-snap-points-x: repeat(100%);
  scroll-snap-type: x mandatory;
  position:absolute;

  -webkit-overflow-scrolling: touch;

}

.home-swipe-view::-webkit-scrollbar {
  display:none ;
}

/* Hide scrollbar for IE, Edge and Firefox */
.home-swipe-view {
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}

.btn-white {
 
    cursor: hand;
    cursor: pointer;
    height: 40px;
    
    position: relative;
}

.btn-white:hover:before,
.btn-white:active:before {
opacity: 1;
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	transform: translateY(0px);
}

.btn-white:before {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 2px;
    background: white;
    content: '';
    opacity: 0;
    -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
    -moz-transition: opacity 0.3s, -moz-transform 0.3s;
    transition: opacity 0.3s, transform 0.3s;
    -webkit-transform: translateY(10px);
    -moz-transform: translateY(10px);
    transform: translateY(10px);
}

.error { margin-bottom: 10px;
    color: #ffffff;
    background-color: #f16565;
    padding: 10px;
    font-size: 18px;
    text-align: center; }

a {
    font-size: 22px;
    color: white;
	font-weight:600;
    font-family: Barlow Condensed;
    text-decoration: none;
    color: black;
}

.home-menu-box { height:100px;display:flex;justify-content: space-between; }

.home-menu-buttons { 

text-transform: uppercase;float:right;display:flex;align-items:center;
height:100px;line-height: 1.6;font-family:Barlow Condensed;  letter-spacing: 1px;padding-left:40px;padding-right:40px;box-sizing: border-box; }

.home-menu-button {
margin-right:30px;color:black;font-size:22px;font-weight:600;letter-spacing: 1px;text-decoration:none;
	
}

.menu-icon {

float:right;
display:none;
padding-top:0px;
padding-right:20px;
}

.menu-icon div {
  width: 35px;
  height: 5px;
  background-color: black;
  margin: 6px 0;
}

/* The Overlay (background) */
.overlay {
  /* Height & width depends on how you want to reveal the overlay (see JS below) */   
  height: 100%;
  width: 0;
  position: fixed; /* Stay in place */
  z-index: 11; /* Sit on top */
  left: 0;
  top: 0;
  background-color: rgb(0,0,0); /* Black fallback color */
  background-color: rgba(0,0,0, 0.9); /* Black w/opacity */
  overflow-x: hidden; /* Disable horizontal scroll */
  transition: 0.5s; /* 0.5 second transition effect to slide in or slide down the overlay (height or width, depending on reveal) */
	display: flex;
    align-items: center;
    justify-content: center;
}

/* Position the content inside the overlay */
.overlay-content {
  position: relative;
  width: 100%; /* 100% width */
  text-align: center; /* Centered text/links */
}

/* The navigation links inside the overlay */
.overlay a {
  padding: 8px;
  text-decoration: none;
  font-size: 36px;
  color: #818181;
  display: block; /* Display block instead of inline */
  transition: 0.3s; /* Transition effects on hover (color) */
}

/* When you mouse over the navigation links, change their color */
.overlay a:hover, .overlay a:focus {
  color: #f1f1f1;
}

/* Position the close button (top right corner) */
.overlay .closebtn {
  position: absolute;
  top: 20px;
  right: 45px;
  font-size: 60px;
}

.home-s1-bg { position:absolute;right:0px;float:right;height:100vh;bottom: 0px; }
.home-s1-blue { position:absolute;
background: linear-gradient(90deg, rgba(61,111,158,1) 0%, rgba(61,111,158,1) 35%, rgba(120,238,255,0) 80%);

width:100%;height:100vh; }

.home-s1 { position:relative;overflow:hidden;width:100%;min-height:100vh;display:flex; }

.home-than-a-fan { font-size:80px;color:white;font-weight:400;margin-bottom:40px; }

.home-be { font-size:100px;color:white;font-weight:900;margin-bottom:0px;display:flex; }
.home-title-2 {  font-size:80px;color:white;font-weight:400;margin-bottom:40px; }
.logo-margin { margin-left:30px; }

.home-play-button { display:flex;

justify-content: center;
    align-items: center;

width: 100%;
max-width:300px;
    border: none;
    border-radius: 0px;
    background: linear-gradient(0deg, #5de374 0%, #00c085 100%);
    line-height: 1;
    font-family: Barlow Condensed;
    letter-spacing: 1px;
    font-size: 30px;
    color: white;
    font-weight: 600;
    text-transform: uppercase;
    margin-top: 20px;
    height: 50px;
    cursor: hand;
    cursor: pointer;}

.home-text { line-height: 1.6;font-size:23px; }

@media screen and (max-width: 1100px) {

	.home-s1-bg { right:-200px; }

}

@media screen and (max-width: 900px) {


.home-text { line-height: 1.6;font-size:21px; }

	.home-text-box-cnt { padding-left:20px;padding-right:20px; }
	.home-text-box { width:100% }
	.home-white-layer { background: none; }
 .menu-icon { display:block; }
 .home-menu-buttons { padding-right:0px; }
 .home-menu-buttons i { display:none;}
 .logo-margin { margin-left:0px; }

}

@media screen and (max-width: 800px) {

.home-text-box-cnt { margin-bottom: 0px;margin-top:200px; }
.home-s1-blue { background: linear-gradient(90deg, rgba(61,111,158,1) 0%, rgba(61,111,158,1) 0%, rgba(120,238,255,0) 40%);

 }
.home-title-2 {  font-size:50px;margin-bottom:20px; }

.home-be { font-size:50px; }

.home-than-a-fan { font-size:40px;margin-bottom:10px; }


.home-swipe-view {
	max-width:500px;	
}
.home-list-view { width:calc(100% * 3);}

}