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

body{
	margin: 0px; 
	padding: 0px;
	background: #000;
	
	
}

.cb-slideshow,
.cb-slideshow:after { 
    position: relative;
    width: 100%;
    height: auto;
    top: 0px;
    left: 0px;
    z-index: 0; 
}
.cb-slideshow:after { 
    content: '';
    background: #000; 
}

.cb-slideshow li span { 
    width: 100%;
    height:  auto;
    position: absolute;
    top: 0px;
    left: 0px;
    color: transparent;
    /*background-size: cover;
    background-position: 50% 50%;
    background-repeat: none;*/
    opacity: 0;
    z-index: 0;
	/*-webkit-backface-visibility: hidden;*/
    -webkit-animation: imageAnimation 36s linear infinite 0s;
    -moz-animation: imageAnimation 36s linear infinite 0s;
    -o-animation: imageAnimation 36s linear infinite 0s;
    -ms-animation: imageAnimation 36s linear infinite 0s;
    animation: imageAnimation 36s linear infinite 0s; 
}


.cb-slideshow li:nth-child(1) span { 
   /* background-image: url(../images/1.jpg) */
}
.cb-slideshow li:nth-child(2) span { 
    /*background-image: url(../images/2.jpg);*/
    -webkit-animation-delay: 6s;
    -moz-animation-delay: 6s;
    -o-animation-delay: 6s;
    -ms-animation-delay: 6s;
    animation-delay: 6s; 
}
.cb-slideshow li:nth-child(3) span { 
    /*background-image: url(../images/3.jpg);*/
    -webkit-animation-delay: 12s;
    -moz-animation-delay: 12s;
    -o-animation-delay: 12s;
    -ms-animation-delay: 12s;
    animation-delay: 12s; 
}
.cb-slideshow li:nth-child(4) span { 
   /* background-image: url(../images/4.jpg);*/
    -webkit-animation-delay: 18s;
    -moz-animation-delay: 18s;
    -o-animation-delay: 18s;
    -ms-animation-delay: 18s;
    animation-delay: 18s; 
}
.cb-slideshow li:nth-child(5) span { 
    background-image: url(../images/5.jpg);
    -webkit-animation-delay: 24s;
    -moz-animation-delay: 24s;
    -o-animation-delay: 24s;
    -ms-animation-delay: 24s;
    animation-delay: 24s; 
}
.cb-slideshow li:nth-child(6) span { 
    /*background-image: url(../images/6.jpg);*/
    -webkit-animation-delay: 30s;
    -moz-animation-delay: 30s;
    -o-animation-delay: 30s;
    -ms-animation-delay: 30s;
    animation-delay: 30s; 
}

/* Animation for the slideshow images */
@-webkit-keyframes imageAnimation { 
    0% { opacity: 0;
    -webkit-animation-timing-function: ease-in; }
    8% { opacity: 1;
         -webkit-animation-timing-function: ease-out; }
    17% { opacity: 1 }
    25% { opacity: 0 }
    100% { opacity: 0 }
}
@-moz-keyframes imageAnimation { 
    0% { opacity: 0;
    -moz-animation-timing-function: ease-in; }
    8% { opacity: 1;
         -moz-animation-timing-function: ease-out; }
    17% { opacity: 1 }
    25% { opacity: 0 }
    100% { opacity: 0 }
}
@-o-keyframes imageAnimation { 
    0% { opacity: 0;
    -o-animation-timing-function: ease-in; }
    8% { opacity: 1;
         -o-animation-timing-function: ease-out; }
    17% { opacity: 1 }
    25% { opacity: 0 }
    100% { opacity: 0 }
}
@-ms-keyframes imageAnimation { 
    0% { opacity: 0;
    -ms-animation-timing-function: ease-in; }
    8% { opacity: 1;
         -ms-animation-timing-function: ease-out; }
    17% { opacity: 1 }
    25% { opacity: 0 }
    100% { opacity: 0 }
}
@keyframes imageAnimation { 
    0% { opacity: 0;
    animation-timing-function: ease-in; }
    8% { opacity: 1;
         animation-timing-function: ease-out; }
    17% { opacity: 1 }
    25% { opacity: 0 }
    100% { opacity: 0 }
}
.content{
	position: fixed;
	bottom: 0;
	width: 100%;
	
	
}
.but a {
	display: block;
	margin: 10px auto;
	width: 90%;
	font-family: sans-serif;
	font-size: 20px;
	appearance: none;
	box-shadow: none;
	border-radius: none;
	background: #335500;
	color: #FFF;
	border: none;
	padding: 15px 5px;
	font-weight: bold;
	border-radius: 15px;
	cursor: pointer;
	border: #111111 solid 2px;
	text-decoration: none;
	text-align: center;
}

.butpromo1 {
	display: block;
	margin: 10px auto;
	width: 90%;
	font-family: sans-serif;
	font-size: 20px;
	appearance: none;
	box-shadow: none;
	border-radius: none;
	background: #335500;
	color: #FFF;
	border: none;
	padding: 15px 5px;
	font-weight: bold;
	border-radius: 15px;
	cursor: pointer;
	border: #111111 solid 2px;
	text-decoration: none;
	text-align: center;
}
.but span {
	font-size: 12px;
	font-weight: normal;
}
.but {
	width: 90%;
	margin: auto;
	height: auto;
}

.text {
	font-size: 11px;
	font-weight: bold;
	text-align: center;
	margin: 0px auto 5px;
	color: #FFF;
}

.butOTP {
	display: block;
	width: 90%;
	font-family: sans-serif;
	font-size: 18px;
	appearance: none;
	box-shadow: none;
	border-radius: none;
	background: #335500;
	color: #FFF;
	border: none;
	padding: 15px 5px;
	font-weight: bold;
	border-radius: 15px;
	cursor: pointer;
	border: #111111 solid 2px;
	text-decoration: none;
	text-align: center;
}