/* Embed Fonts */
@font-face {
  font-family:"Caviardreams";
	src:url('../../assets/fonts/CaviarDreams.ttf');
}
@font-face 
{
	font-family:"Caviardreamsbold";
	src:url('../../assets/fonts/Caviar Dreams Bold.ttf');
}


/* Global Styles */
h1,h2,h3,h4,h5,h6,p{
	margin:0;
	padding:0;
	}
a, ul li{ text-decoration:none;}
ul li{list-style:none;}
html,body {
	font-family: Caviardreams;font-size: 12px;
	height: 100%;
	width: 100%;
	background:url('../../assets/images/bg.png') #fff no-repeat fixed center center;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:100% 100%;
	color:#000;
	}
#wrapper{
	/*max-width:768px;*/
	margin:0 auto;width: 100%;
	 /*min-height: 100%;padding-bottom: 100px;position:relative;*/
	}
#scroller {
	position:absolute; z-index:2;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
	width:100%;
	padding:0;
}
.topview{
	width:100%;
	overflow:hidden;
	margin-bottom:-12px;
	}
.view_offer h1{
	font-size:26px;
	line-height:90px;
	text-align:center;
	text-transform:uppercase;
	color:#fff;
	}
.left_line{
	background:url(../../assets/images/line.jpg) repeat-x center left;
	line-height:90px;
	}
.upld_btn{
	background:#007eff;
    border-radius:10px;
    font-family:"Caviardreamsbold";
	font-size:22px;
    color:#fff; padding:10px 10% 5px; border-bottom:#00377c 5px solid;
}
.mid{width:100%; margin:0 auto;min-height: 100%; text-align:center; padding-left:10px;}
.upld_btn:hover{    color:#fff;background:#3e9eff;text-decoration:none;}

.gap2{margin-bottom:25px;}
.gap1{margin-bottom:18px;}

.img-responsive{width:100%; height:auto; min-height:200px;}
.col-sm-6{margin:10px auto; text-align:center;}
.image { 
   position: relative; background:#999999;
   width: 100%; /* for IE 6 */
}
.image img{ width:100%;}
.caption{
	width:100%; background:rgba(0,0,0,.6); height:80px;top:0; left:0; position:absolute; padding:10px; color:#fff;
}

.caption_img_div{
    float: left;
    width:62px;
    height:62px;
    padding:2px;
    border:2px solid white; margin-right:10px;
    border-radius:50%;
    -moz-border-radius:50%;
    -webkit-border-radius:50%;
    -o-border-radius:50%;
}
.caption_img{
    width:100%;
    height:100%;
    margin:0 auto;
    z-index:-1;
    border-radius:50%;
    -moz-border-radius:50%;
    -webkit-border-radius:50%;
    -o-border-radius:50%;
}
.caption_txt{	text-align:left; white-space:nowrap;font-family:"Caviardreamsbold"; padding-top:5px;}
.caption_txt h3{font-size:28px;}
.caption_txt p{ font-size:15px;}

/*------------Slide Style-------------*/
.slider{ margin:0 auto; width:80%;}
  
/*	------popup form starts here----------*/

#popup_form{
	font-family:"Caviardreamsbold"; color:#fff;
	width:96%; position:absolute;/* display:none;*/
    /*max-width:750px;*/
   /* height:auto;*/z-index:9999;
    /*margin:3% auto !important;*/
	background:#000000;
	opacity:0.9; margin:2%;
	filter:alpha(opacity=80); /* For IE8 and earlier */
}
.cls-btn-right{margin-top: 5px;right: 5px;margin-right: 5px; margin-left: 5px;vertical-align: middle; position:absolute; cursor:pointer;}
#popup_header{
	float:left;
    width:99%;
	height:auto;
	border:0px solid red;
	font-family:"Caviardreamsbold";
	text-align:center;
	font-size:17px;
	margin-top:25px;
	margin-bottom:2%;
	text-shadow:none;
}
#popup_header > span{
	float:left;
    width:100%;
	font-size:10px;
	color:#00d2ff;
	font-family:"Caviardreamsbold";
	text-shadow:none;
}
.s_input{
	float:left;
    width:90%;
	height:auto;
	margin:25px 5% 0%;
	font-size:12px;
	border-bottom:0.1em solid #ccc;
	font-weight:600;
}
.s_input > label{
	border: 0px solid blue;
	float:left;
	font-size:13px;
	font-weight:500;
	}
.s_input > input[type=text]{
	float:left;
	border: 0;
    outline: 0;
	color:#FFF;
    background: transparent; 
	padding:1% 1% 1%;  
	font-family:"Caviardreamsbold";
	font-weight:600;
	}
.s_input > textarea{
	float:left;
	border: 0;
	outline: 0;
	color:#FFF;
	background: transparent; 
	padding:0% 1% 1%;  
	font-family:"Caviardreamsbold";
	font-weight:600;
}
.description{
	float:left;
    width:90%;
	height:auto;
	margin:15px 5% 0%;
	font-size:14px;
	border-bottom:0.1em solid #ccc;
	font-weight:600;
}
.description > label{
	width:29%;
	border: 0px solid blue;
	float:left;
	font-size:13px;
	}
.description > textarea{
	width:70%;font-size:12px;
	float:left;
	border: 0;
    outline: 0;
	color:#FFF;
    background: transparent; 
	padding:1% 0%;  
	font-family:"Caviardreamsbold";
	text-shadow:none;
	}
.proof_image{
	float:left;
    width:100%;
	height:auto;
	border:0px solid red;
	text-align:center;
	font-size:14px;
	margin-top:20px;
}
.proof_image > span{
	color:#f00;
	font-family:"Caviardreamsbold";
	font-weight:600;font-size:12px;
	text-shadow:none;
}	
.proof_image > a{
	float:left; color:#fff;
	width:40%;
	height:auto;
	padding:1%;
	text-decoration:none;
	background:#0090ff;
	outline:0;
	border:0;
	font-family:"Caviardreamsbold";
	margin:5% 4% 3%;
}	
.proof_image > a:hover{	
	color:#000;
	text-shadow:none;
}	
.proof_imageo {
	position: relative;
	overflow: hidden;
	margin: 10px;
}
.proof_imageo input.upload {
	position: absolute;
	
	float:left; color:#fff;

	height:auto;
	
	text-decoration:none;
	background:#0090ff;
	outline:0;
	border:0;
	font-family:"Caviardreamsbold";
	top: 0;
right: 0;
margin: 0;
padding: 0;
	
	font-size: 20px;
	cursor: pointer;
	opacity: 0;
	filter: alpha(opacity=0);
}
.btn{
display: inline-block;
margin-bottom: 0;
font-weight: normal;
text-align: center;
vertical-align: middle;
cursor: pointer;
/* background-image: none; */
border: 1px solid transparent;
white-space: nowrap;
padding: 6px 12px;
font-size: 14px;
line-height: 1.42857143;
border-radius: 4px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}

.btny{
background-color: #428bca;
}
.s_input2{
	float:left;
	width:90%;
	height:auto;
	margin:2% 5% 0%;
	font-size:10px;
	border:0px solid #fff;
	font-weight:600;
}
.s_input2 > label{
	border: 0px solid blue;
	float:left;
	font-weight:500;
	}
.s_input3{
	float:left;
    width:90%;
	height:auto;
	margin:20px 5% 0%;
	font-size:14px;
	border:0px solid #fff;
	font-weight:600;
}
.s_input3 > label{
	width:42%;
	border: 0px solid blue;
	float:left;
	font-size:15px;
	padding:1% 0%;
	font-weight:500;
	}
.s_input3 > span{
	width:49%;font-size:12px;
	float:left;
	border: 0;
    outline: 0;
	color:#FF0000;
    background: transparent; 
	padding:1% 0%;  
	font-weight:600;
	text-shadow:none;
	}
.captcha_input{
	float:left;
    width:90%;
	height:auto;
	margin:2px 5% 25px;
	font-size:12px;
	border:0px solid #fff;
}
.captcha_img{
	float:left;
	width:35%;
	height:40px;
}
.captcha_input > input[type=text]{
	width:60%;height:40px;
	float:left;
	border: 0;
    outline: 0;
	color:#FF0000;
	padding:10px;  
	font-family:"Caviardreamsbold";
	font-size:14px;
	margin-left:2%;
}
.s_p{
	font-size:10px;
	padding-top:1%; display:inline;
}
.s_p input[type=submit]{
	width:40%;
	height:auto;
	padding:1%;
	background:#0090ff;
	outline:0;
	border:0;
	font-family:"Caviardreamsbold";
	margin:2% auto 3%;	
}
.upload_proof{
	width:96%; margin-top:20px;
	height:auto;
	border:0px solid red;
	text-align:center;	
	padding:2%;
}	
.upload_proof > a{
	width:40%; color:#fff;
	height:auto;
	padding:1% 5%;
	font-size:14px;
	background:#0090ff;
	text-decoration:none;
	outline:0;
	border:0;
	font-family:"Caviardreamsbold";
}	
.upload_proof > a:hover{
	color:#000;
	text-shadow:none;
}	
.sub_button
{
	width:20%;
	color:#fff;
	height:auto;
	padding:1% 5%;
	font-size:14px;
	background:#0090ff;
	text-decoration:none;
	outline:0;
	border:0;
	font-family:"Caviardreamsbold";
}
.sub_button:hover
{
	color:#000;
	text-shadow:none;
}
::-webkit-input-placeholder {   color: #FF0000;}
:-moz-placeholder { /* Firefox 18- */   color: #FF0000;  }
::-moz-placeholder {  /* Firefox 19+ */   color: #FF0000;  }
:-ms-input-placeholder {     color: #FF0000;  }

/*	------popup form ends here----------*/
  
/*------------Footer Menu Style-------------*/

/*#main-nav {clear:both !important; }*/
#main-nav > ul {margin-left:-40px;}


/* Responsive Styles */

@media (min-width : 769px) {

.image img{ height:400px;}
.caption_img_div img{ height:100%;}

}

@media (min-width : 481px) and (max-width : 768px) {
.view_offer h1{	font-size:22px;	}
.upld_btn{	font-size:20px;}
.col-sm-6{width:48.5%; float:left;}
.caption_txt{padding-top:9px; letter-spacing:-1px;}
.caption_txt h3{font-size:22px;}
.caption_txt p{ font-size:12px;}
.image img{ height:300px;}
.caption_img_div img{ height:100%;}
	}
	
/* Smartphones (portrait and landscape) ----------- */
@media (min-width : 220px) and (max-width : 480px) {
.left_line{	line-height:20px; margin-top:20px;	}
.view_offer h1{	font-size:18px;line-height:20px;margin:20px -13px; padding:0px -5px;}
.upld_btn{	font-size:18px;padding:10px 8% 5px;}
.col-sm-6{width:48.5%; float:left;padding:0px 5px 0 0 !important; }
.caption{height:45px;padding:1.5px; word-spacing:-1px;}
.caption_img_div{width:32px;height:32px; margin-top:5px; margin-right:2px;}
.caption_txt{padding-top:6px; letter-spacing:-1px;}
.caption_txt h3{font-size:16px;}
.caption_txt p{ font-size:11px;}

.image img{ height:200px;}
.caption_img_div img{ height:100%;}

.s_input{ font-size:11px;}
.s_input > label{ font-size:12px;}
.description > label{font-size:12px;}
.description > textarea{font-size:11px;}
.proof_image > span{font-size:11px;}
.s_input3 > label{font-size:13px;}

#body{min-height:690px;}
}