.backimg{
	position:relative;
	width:100%;
	height:auto;

}
.redright{
	position:absolute;
	top:40%;
	left:43%;
	display:block;
	width:10%;
	height:auto;
	    -webkit-animation-duration: 10s ;
            animation-duration: 10s ;
            -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
}
 @-webkit-keyframes fadeIn {
            0% {opacity: 0;}
            100% {opacity: 1;}
         }
         
         @keyframes fadeIn {
            0% {opacity: 0;}
            100% {opacity: 1;}
         }
         
         .fadeIn {
            -webkit-animation-name: fadeIn;
            animation-name: fadeIn;
         }
.swingimage{
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-animation: swinging 3.5s ease-in-out forwards infinite;
    animation: swinging 3.5s ease-in-out forwards infinite;
}
@-webkit-keyframes swinging{
    0%{-webkit-transform: rotate(10deg);}
    50%{-webkit-transform: rotate(-5deg)}
    100%{-webkit-transform: rotate(10deg);}
}
 
@keyframes swinging{
    0%{transform: rotate(10deg);}
    50%{transform: rotate(-5deg)}
    100%{transform: rotate(10deg);}
}

div.backblack{
	background:#000000;
	margin:0px;
	padding-left:5%;
}
div.backblack h2{
	color:#FFFFFF;
}
.fa-check{
	color:red !important;
}
.whitetitle
{
	color:#FFFFFF;
}
.redtitle{
	color:red !important;
}
/*form*/
.regform{
	padding-top:5%;
}
.whitelabel
{
	color:#FFFFFF;
	font-size:20px;
}
.redbadge{
	background-color:red !important;
	font-size:22px;
	width:50px;
	height:50px;
	border-radius:25px;
	margin:1%;
}
.redbadge:hover{
	opacity:0.8;
}
.fa-facebook,.fa-twitter,.fa-instagram
{
	margin:30%;
}
/*countdown*/
#clockdiv{
	position:absolute;
	top:60%;
	left:37%;
	
    font-family: sans-serif;
    color: #fff;
    display: inline-block;
    font-weight: 100;
    text-align: center;
    font-size: 18px;
}

#clockdiv > div{
    padding: 10px;
    border-radius: 3px;
    background: #000;
    display: inline-block;
}

#clockdiv div > span{
    padding: 5px;
    border-radius: 3px;
    background: #d9534f;
    display: inline-block;
}
.marks{
   
    background: #000000 !important;
	font-size:30px;
   
}
.smalltext{
    padding-top: 5px;
    font-size: 16px;
}
.counter{

	Color:red;
	font-size:40px;
}
/*screens*/
 @media only screen and (min-width : 480px) {
        .redright{
	position:absolute;
	top:20%;
 }
  #clockdiv{
	position:absolute;
	top:32%;
	left:25%;
    font-size: 16px;
}

#clockdiv > div{
    padding: 2px;
   
}

#clockdiv div > span{
    padding:2px;
    border-radius: 3px;
    background: #d9534f;
   
}
.smalltext{
    padding-top: 2px;
	
    font-size: 16px;
}
.counter{

	Color:red;
	font-size:20px;
}
.backblack{
	padding-top:15%;
}
.feat{
	font-size:28px;
	color:#ffffff;
}
    }
 @media(max-width : 480px) {
.redright{
	position:absolute;
	top:10%;
 }
  #clockdiv{
	position:absolute;
	top:15%;
	left:20%;
    font-size: 14px;
}

#clockdiv > div{
    padding: 0px;
   
}

#clockdiv div > span{
    padding:0px;
    border-radius: 3px;
    background: #d9534f;
   
}
.smalltext{
    padding-top: 0px;
	
    font-size: 14px;
}
.counter{

	Color:red;
	font-size:16px;
}
.backblack{
	padding-top:15%;
}
.feat{
	font-size:20px;
	color:#ffffff;
}

 }
 
	 @media only screen and (min-width : 1200px) {
.redright{
	position:absolute;
	top:40%;
 }
 #clockdiv{
	position:absolute;
	top:60%;
	left:37%;
	
    font-family: sans-serif;
    color: #fff;
    display: inline-block;
    font-weight: 100;
    text-align: center;
    font-size: 18px;
}

#clockdiv > div{
    padding: 10px;
    border-radius: 3px;
    background: #000;
    display: inline-block;
}

#clockdiv div > span{
    padding: 5px;
    border-radius: 3px;
    background: #d9534f;
    display: inline-block;
}

.smalltext{
    padding-top: 5px;
    font-size: 16px;
}
.counter{

	Color:red;
	font-size:40px;
}

.backblack{
	padding-top:1%;
}
.feat{
	font-size:30px;
	color:#ffffff;
}
    }