html {
  position: relative;
  min-height: 100%;
}
body {
  /* Margin bottom by footer height */
  margin-bottom: 90px;
}
}
.entering_screen{
	min-height:100%;
	height:100%;

}
.entering_screen .products{
	height:100%;	
}
.entering_screen .products .container{
	padding-top:10px;
}
.entering_screen .header-svg{
	width:100%;max-width:726px;
	position:relative; 
	/*position: fixed;*/
	z-index:10000;
}
.entering_screen .header-svg svg{
	width:100%;
	height:108px;
}
.entering_screen .header-svg svg path{
	fill:#84D9EF;
}
.entering_screen .header-svg .logo{
	position:absolute;
	width:100px;
	height:50px;
	top:10px;
	left:20px;
}
.bottom-svg{
	width:100%;	

	bottom:0px;
	left:0px;
}
.bottom-svg .copyright{
	color:#fff;
	position:absolute; 
	right:40px;
	bottom:20px;
	z-index:1000;
	font-size:12px;		
}
.bottom-svg .svg-1{
	position:absolute; right:0;bottom:0;width:100%;
	text-align:right;
	z-index:200;
}
.bottom-svg .svg-2{
	position:absolute; left:0;bottom:0;width:100%;	
	z-index:100;
}
.bottom-svg .svg-3{
	position:absolute; left:0;bottom:0;width:100%;
	opacity:1;
	z-index:300;
}
.bottom-svg .svg-1 svg{
	width:40%;
	height:117px;	
}
.bottom-svg .svg-2 svg{
	width:95%; height:89px;
}
.bottom-svg .svg-3 svg{
	opacity:0.5;
	width:100%; height:65px;
}

.bottom-svg .svg-1 svg path{
	fill:#32D4FD;
}
.bottom-svg .svg-2 svg path{
	fill:#84D9EF;
}
.bottom-svg .svg-3 svg path{
	fill:#C7F3FE;
}

.entering_screen .products .card{
	text-align:center;
	background:#FAFAFA;
	transition: background-color 0.5s;
}
.entering_screen .products .card small{
	font-size:10px;
	color:#ccc;
	font-weight:200;
}
.entering_screen .products .card i.fa{
	font-size:90px;
}
.entering_screen .products .card svg{
	height: 90px;
	width:auto;
}
.entering_screen .products .card a, .entering_screen .products .card a:active {
	color:#65A8BA;
	text-decoration:none;

	transition: background-color 0.5s, opacity 0.5s, color 0.5s, fill 0.5s;
}
.entering_screen .products .card a:hover {
	opacity:1;
	background:#f1f1f1;
}
.entering_screen .products .card svg path{
	transition: fill .4s ease;
}

.entering_screen .products .box_01  a:hover  svg path, .entering_screen .products .box_01  a:hover{

	fill:#00B2A9;
	color:#00B2A9;	
}
.entering_screen .products .box_02  a:hover  svg path, .entering_screen .products .box_02  a:hover{

	fill:#FF82BE;
	color:#FF82BE;
	
}
.entering_screen .products .box_03  a:hover  svg path, .entering_screen .products .box_03  a:hover{

	fill:#4CB8F8;
	color:#4CB8F8;
}
.entering_screen .products .box_04  a:hover  svg path, .entering_screen .products .box_04  a:hover{
	fill:#ff548c;
	color:#ff548c;
}
.entering_screen .products .box_05  a:hover  svg path, .entering_screen .products .box_05  a:hover{
	fill:#3A8BBB;
	color:#3A8BBB;
}
.entering_screen .products .box_06  a:hover  svg path, .entering_screen .products .box_06  a:hover{
	fill:#75d07f;
	color:#75d07f;
}

.entering_screen .products .box_07  a:hover  svg path, .entering_screen .products .box_07  a:hover{

	fill:#00B2A9;
	color:#00B2A9;	
}
.entering_screen .products .box_08  a:hover  svg path, .entering_screen .products .box_08  a:hover{

	fill:#FF82BE;
	color:#FF82BE;
	
}
.entering_screen .products .box_09  a:hover  svg path, .entering_screen .products .box_09  a:hover{

	fill:#4CB8F8;
	color:#4CB8F8;
}

.entering_screen .card {

    border: 1px solid rgba(185, 185, 185, 0.20);

	
}




/* other screens*/
@media screen and (max-width: 1200px) {
.bottom-svg .svg-1 svg{
	 height:80px;
}
.entering_screen .products .card{
	min-height:200px;
}
}
@media screen and (max-width: 768px) {
.bottom-svg .svg-1 svg{
	display:none;
}
.bottom-svg .svg-1{
	width:100%;
	height:90px;
	background:#74C1D5;
	z-index:0;
}
.bottom-svg .svg-3, .bottom-svg .svg-2{
	opacity:0.5;
}

.pb-5, .py-5 {
    padding-bottom: 0rem !important;
}
.bottom-svg .svg-2 svg{
	width:95%; height:89px;
}
.bottom-svg .svg-3 svg{
	position:absolute; left:0;bottom:0;width:100%;opacity:0.7;
	width:95%; height:65px;
}
}
@media screen and (max-width: 576px) {

.entering_screen .header-svg svg{
	display:none;
}

.entering_screen .header-svg{
	height:70px;
	background:#84D9EF;	
}
.entering_screen .header-svg .logo{
	width:100%;
	top:20px;
}
.entering_screen .header-svg .logo img{
	width:50%;
	height:auto;
	min-width:200px;
}
}