﻿/*For Custome Checkbox Ajay start */

        /* Base for label styling */
[type="checkbox"]:not(:checked),
[type="checkbox"]:checked {
  position: absolute;
  left: -9999px;
}
[type="checkbox"]:not(:checked) + label,
[type="checkbox"]:checked + label {
  position: relative;
  padding-left: 1.95em;
  cursor: pointer;
}

/* checkbox aspect */
[type="checkbox"]:not(:checked) + label:before,
[type="checkbox"]:checked + label:before {
  content: '';
  position: absolute;
  left: 0; top: 0;
  width: 1.25em; height: 1.25em;
  border: 2px solid #ccc;
  background: #fff;
  border-radius: 4px;
  box-shadow: inset 0 1px 3px rgba(0,0,0,.1);
}
/* checked mark aspect */
[type="checkbox"]:not(:checked) + label:after,
[type="checkbox"]:checked + label:after {
  content: '✔';
position: absolute;
top: 3px;
left: 4px;
font-size: 10px;
line-height: 0.8;
color: #4A90E2;
transition: all .2s;
}
/* checked mark aspect changes */
[type="checkbox"]:not(:checked) + label:after {
  opacity: 0;
  transform: scale(0);
}
[type="checkbox"]:checked + label:after {
  opacity: 1;
  transform: scale(1);
}
/* disabled checkbox */
[type="checkbox"]:disabled:not(:checked) + label:before,
[type="checkbox"]:disabled:checked + label:before {
  box-shadow: none;
  border-color: #bbb;
  background-color: #ddd;
}
[type="checkbox"]:disabled:checked + label:after {
  color: #999;
}
[type="checkbox"]:disabled + label {
  color: #aaa;
}


/* hover style just for information */
label:hover:before {
  border: 2px solid #4778d9!important;
}
/*For Custome Checkbox Ajay end */



/*home new css start dhiraj*/
@charset "utf-8";
/* CSS Document */

.border1
{
    background:#fff;
border:1px solid #ddd;
margin-bottom:30px;
-webkit-box-shadow: -1px 14px 22px -6px rgba(176,176,176,1);
-moz-box-shadow: -1px 14px 22px -6px rgba(176,176,176,1);
box-shadow: -1px 14px 22px -6px rgba(176,176,176,1);

}
.border1:hover
{
-webkit-box-shadow: -1px 14px 22px -1px rgba(176,176,176,1);
-moz-box-shadow: -1px 14px 22px -1px rgba(176,176,176,1);
box-shadow: -1px 14px 22px -1px rgba(176,176,176,1);
}
.info1
{
padding:0px 10px 10px 10px;
position:relative;

}

.off
{ 
    visibility:hidden;
	padding:2px;
	text-align:center;
	position:absolute;
	margin-bottom:10px;
	width:60px;
	color:#FFFFFF;
	background-color:#FF0000;
	left: 287px;
	top: -68px;

}
.p
{
font-size:20px;
font-weight:bold;
color:#FFFFFF;

}
.btn3 {
        -webkit-border-radius: 28;
    -moz-border-radius: 28;
    border-radius: 28px;
    font-family: Arial;
    color: #ffffff;
    font-size: 16px;
    background: #022236;
    padding: 5px 10px 5px 20px;
    text-decoration: none;
    width: 120px;
}
h1 span {
	font-size: 1em;
	font-weight: 300;
	line-height: 1em; font-family: 'Roboto', serif;
    letter-spacing: -0.65px;
    text-transform: uppercase;
}


     .btn3:hover {
         background: #f8b951;
    }
     h1 small {
    margin-top: 1em;
    padding-top: 1em;
}


/*home css end*/


.slider {
  max-width: 390px;
  height: 336px;
  position: relative;
}
.slide1,.slide2,.slide3,.slide4,.slide5,.slide6,.slide7,.slide8,.slide9,.slide10 {
  position: absolute;
  width: 100%;
  height: 279px;
}
.slide1 {


      background-size: cover;
    animation:fade 8s infinite;
-webkit-animation:fade 8s infinite;

} 
.slide2 {
 
      background-size: cover;
    animation:fade2 8s infinite;
-webkit-animation:fade2 8s infinite;
}
.slide3 {
   
      background-size: cover;
    animation:fade3 8s infinite;
-webkit-animation:fade3 8s infinite;
}
.slide4 {
   
      background-size: cover;
    animation:fade4 8s infinite;
-webkit-animation:fade4 8s infinite;
}
.slide5 {
   
      background-size: cover;
    animation:fade5 8s infinite;
-webkit-animation:fade5 8s infinite;
}
.slide6 {
   
      background-size: cover;
    animation:fade6 8s infinite;
-webkit-animation:fade6 8s infinite;
}
.slide7 {
    background-size: cover;
    animation: fade7 8s infinite;
    -webkit-animation: fade7 8s infinite;
}
.slide8 {
    background-size: cover;
    animation: fade8 8s infinite;
    -webkit-animation: fade8 8s infinite;
}
.slide9 {
    background-size: cover;
    animation: fade9 8s infinite;
    -webkit-animation: fade9 8s infinite;
}
.slide10 {
   
      background-size: cover;
    animation:fade10 8s infinite;
-webkit-animation:fade10 8s infinite;
}

@keyframes fade
{
  0%   {opacity:1}
  33.333% { opacity: 0}
  66.666% { opacity: 0}
  100% { opacity: 0}
}
@keyframes fade2
{
  0%   {opacity:0}
  33.333% { opacity: 1}
  66.666% { opacity: 0 }
  100% { opacity: 0}
}
@keyframes fade3
{
  0%   {opacity:0}
  33.333% { opacity: 0}
  66.666% { opacity: 1}
  100% { opacity: 0}
}

@keyframes fade4
{
  0%   {opacity:0}
  33.333% { opacity: 0}
  66.666% { opacity: 1}
  100% { opacity: 0}
}

@keyframes fade5
{
  0%   {opacity:0}
  33.333% { opacity: 0}
  66.666% { opacity: 1}
  100% { opacity: 0}
}

@keyframes fade6
{
  0%   {opacity:0}
  33.333% { opacity: 0}
  66.666% { opacity: 1}
  100% { opacity: 0}
}

@keyframes fade7
{
  0%   {opacity:0}
  33.333% { opacity: 0}
  66.666% { opacity: 1}
  100% { opacity: 0}
}


@keyframes fade8
{
  0%   {opacity:0}
  33.333% { opacity: 0}
  66.666% { opacity: 1}
  100% { opacity: 0}
}

@keyframes fade9
{
  0%   {opacity:0}
  33.333% { opacity: 0}
  66.666% { opacity: 1}
  100% { opacity: 0}
}


@keyframes fade10
{
  0%   {opacity:0}
  33.333% { opacity: 0}
  66.666% { opacity: 1}
  100% { opacity: 0}
}