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

.custom-height{
	height:110px !important;
	
}

.custom-margin{
	margin-top:15px !important;
	
}

.added-margin{
	
	margin-top:32px !important;
	
}

.slide-custom-margin{
	
	margin-top:-200px !important;
}

.add-color{
	color:#ffff00 !important;
	
}

.white{
	color:#fff !important;
	
}

.btn-circle{
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 2px solid #fff;
    border-radius: 50% !important;
    color: #fff;
    font-size: 40px;
    height: 70px;
    margin-top: 10px;
    padding: 7px 16px;
    transition: background 0.3s ease-in-out 0s;
    width: 70px;
}

.btn-circle-black{
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 2px solid #2d2d2d;
    border-radius: 50% !important;
    color: #fff;
    font-size: 40px;
    height: 70px;
    margin-top: 10px;
    padding: 7px 16px;
    transition: background 0.3s ease-in-out 0s;
    width: 70px;
}



.yellow{
	color:#fff000 !important;
	text-transform:uppercase;
	margin-top:3px;
	
}
.red{
	color:#f60e17 !important;
	text-transform:uppercase;
	margin-top:3px;
	
}
.text-red{
	color:#ff0000;
	
}

@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px){
	
	.yellow{
			color:#fff000 !important;
	text-transform:uppercase;
	margin-top:3px;
		
	}
	
}

.black{
	color:#2d2d2d !important;
	
}

.arrow-custom{
	color:#fff !important;
	
}

.arrow-custom:hover{

	color:#ee3733 !important;
	
}
.c-action-link{
	color:#2d2d2d !important;
	
}
.c-action-link:hover{
		color:#ee3733 !important;
}

.anchor{
	display: block;
  height: 115px; /*same height as header*/
  margin-top: -115px; /*same height as header*/
  visibility: hidden;
	
}

.new-add-color{
	color:#282a75 !important;
	
}

.margin-zero{
	margin-bottom:0px !important;
	
}

.margin-bottom-24{
	margin-bottom:24px !important;
	
}

.margin-bottom-12{
	margin-bottom:12px !important;
	
}


.add-font-size{
	font-size:16px !important;
	
}
.lab_name{
	font-size:16px !important;
	
	
}

.preloader {
    background: #fff url('../images/preloader.gif') no-repeat center center;
    bottom: 0;
    height: 100%;
    left: 0;
    overflow: hidden;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 99999;
}

.logo-banner-on{
	background: url("../images/banner-top-logo.png");
	width:420px;
	height:130px;
	text-align:center;
	
}

img.tampper{
	width:20% !important;
	
}
.top-margin-fix{
	margin-top:10px !important;
	
}
/*Arrow bounce css*/


.bounce {
 position: absolute;
 bottom: -76px;
 left: 50% ;
 width: 60px;
 height: 60px ;
 margin-left:-30px;
 border: 2px solid #fff;
 -webkit-border-radius:50%;
 -moz-border-radius:50%;
 -ms-border-radius:50%;
 border-radius:50%;
 animation: bounce 2s infinite;
 -webkit-animation: bounce 2s infinite;
 -moz-animation: bounce 2s infinite;
 -o-animation: bounce 2s infinite;
}
 
@-webkit-keyframes bounce {
 0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0);} 
 40% {-webkit-transform: translateY(-30px);}
 60% {-webkit-transform: translateY(-15px);}
}
 
@-moz-keyframes bounce {
 0%, 20%, 50%, 80%, 100% {-moz-transform: translateY(0);}
 40% {-moz-transform: translateY(-30px);}
 60% {-moz-transform: translateY(-15px);}
}
 
@-o-keyframes bounce {
 0%, 20%, 50%, 80%, 100% {-o-transform: translateY(0);}
 40% {-o-transform: translateY(-30px);}
 60% {-o-transform: translateY(-15px);}
}
@keyframes bounce {
 0%, 20%, 50%, 80%, 100% {transform: translateY(0);}
 40% {transform: translateY(-30px);}
 60% {transform: translateY(-15px);}
}
 
.bounce-black {
 position: absolute;
 bottom: -60px;
 left: 50% ;
 width: 60px;
 height: 60px ;
 margin-left:-30px;
 border: 2px solid #2d2d2d;
 -webkit-border-radius:50%;
 -moz-border-radius:50%;
 -ms-border-radius:50%;
 border-radius:50%;
 animation: bounce 2s infinite;
 -webkit-animation: bounce 2s infinite;
 -moz-animation: bounce 2s infinite;
 -o-animation: bounce 2s infinite;
}
 
@-webkit-keyframes bounce-black {
 0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0);} 
 40% {-webkit-transform: translateY(-30px);}
 60% {-webkit-transform: translateY(-15px);}
}
 
@-moz-keyframes bounce-black {
 0%, 20%, 50%, 80%, 100% {-moz-transform: translateY(0);}
 40% {-moz-transform: translateY(-30px);}
 60% {-moz-transform: translateY(-15px);}
}
 
@-o-keyframes bounce-black {
 0%, 20%, 50%, 80%, 100% {-o-transform: translateY(0);}
 40% {-o-transform: translateY(-30px);}
 60% {-o-transform: translateY(-15px);}
}
@keyframes bounce-black {
 0%, 20%, 50%, 80%, 100% {transform: translateY(0);}
 40% {transform: translateY(-30px);}
 60% {transform: translateY(-15px);}
}



 /*Arrow bounce x-axix try css*/
 
 
 .bounce_x {
 position: absolute;
 bottom: -76px;
 left: 50% ;
 width: 60px;
 height: 60px ;
 margin-left:-30px;
 border: 2px solid #fff;
 -webkit-border-radius:50%;
 -moz-border-radius:50%;
 -ms-border-radius:50%;
 border-radius:50%;
 animation: bounce 2s infinite;
 -webkit-animation: bounce 2s infinite;
 -moz-animation: bounce 2s infinite;
 -o-animation: bounce 2s infinite;
}
 
@-webkit-keyframes bounce {
 0%, 20%, 50%, 80%, 100% {-webkit-transform: translateX(0);} 
 40% {-webkit-transform: translateX(-30px);}
 60% {-webkit-transform: translateX(-15px);}
}
 
@-moz-keyframes bounce {
 0%, 20%, 50%, 80%, 100% {-moz-transform: translateY(0);}
 40% {-moz-transform: translateX(-30px);}
 60% {-moz-transform: translateX(-15px);}
}
 
@-o-keyframes bounce {
 0%, 20%, 50%, 80%, 100% {-o-transform: translateX(0);}
 40% {-o-transform: translateX(-30px);}
 60% {-o-transform: translateX(-15px);}
}
@keyframes bounce {
 0%, 20%, 50%, 80%, 100% {transform: translateX(0);}
 40% {transform: translateX(-30px);}
 60% {transform: translateX(-15px);}
}
 
 
 
 .mob-fix{
	 margin-top:1px;
	 
 }

.table-mobile{
	display: block;
}

.table-desktop{
	display: none;
}



 @media (min-width: 480px) {
	.table-desktop{
		display: block;
	}

	.table-mobile{
		display: none;
	}
 }