@charset "utf-8";
/* CSS Document */
@font-face {
  font-family:"Caviardreams";
	src:url('../fonts/CaviarDreams.ttf');
}
@font-face 
{
	font-family:"Caviardreamsbold";
	src:url('../fonts/Caviar Dreams Bold.ttf');
}
@font-face 
{
	font-family:"Caviar dreams italic";
	src:url('../fonts/CaviarDreams_Italic.ttf');
}
@font-face 
{
	font-family:"Caviar dreams italic bold";
	src:url('../fonts/CaviarDreams_BoldItalic.ttf');
}
/*---------------------------General Classes---------------------------------------*/

html,body {
	height:100%;
	font-family: Caviardreams;
	font-size: 12px;
	color: #999999;
	background:url('../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%;
	overflow: scroll;
	-webkit-overflow-scrolling: touch;
	-webkit-text-size-adjust: 100%; /*Prevent font scaling in landscape while allowing user to zoom*/
}
* {
	margin: 0px;
	padding: 0px;
/*	font-family: caviarDreams;*/
}
.fl {
	float: left;
}
.fr {
	float: right;
}
.clr {
	clear: both;
}
ul, li {
	list-style: none;
}
a {
	text-decoration: none;
	color: #999999;
}
a:hover {
	text-decoration: underline;
}

/*------------------------------------------our network------------------------------*/
.listing ul {
    margin: 3px;
    padding: 0;
}
.listing ul li {
    margin:3px 0 0 0;
    padding: 0;
	position:relative;
	float:left;
	width:100%;
	background:rgba(255,255,255,0.4);
	list-style:none;
}

.listing ul li:hover{
	cursor:pointer;
	background:rgba(255,255,255,0.6);
}
.listing ul li i{
	float:left;
	width:42px;
	height:42px;
	background:#166dd1;
	color:#fff;
	line-height:46px;
	text-align:center;
	font-style: inherit;
}
.listing li span {
    color: #3C5174;
    display: block;
/*    float: left;*/
    line-height: 42px;
    padding-left: 50px;
    padding-right: 30px;
    width: 100%
}
.listing ul li:after {
    background: url("../images/arrow.png") no-repeat scroll center center rgba(0, 0, 0, 0); background-size:5px 10px;
    content: "";
    height: 14px;
    position: absolute;
    right: 15px;
    top: 14px;
    width: 8px;
}
.listing {
    overflow: hidden;
    padding-bottom: 30px;
}

.listing li.active, .listing li.active:hover {
    background: none repeat scroll 0 0 #383840;
}
.listing li.active a span {
    color: #ccc;
}
.listing ul li.active i {
    background: none repeat scroll 0 0 #24242b;
	color:#ccc;
}

/*-------------------------------------Status---------------------------------------*/
#head_wrap{color:#000;}
.status-people-pic{
	text-align:center;
}
.stat-people{
	background: rgba(250, 250, 250, .6);
	padding: 4px;
	border-radius: 50em;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-o-border-radius: 50%;
	position: relative;
	display: block;
	margin: 0 auto;
}
img.stat-people{ width:11%}
.status-people-pic h2,.status-people-pic span{
	text-align:center;
}
.status-people-pic h2{
	color: #000;
	font-weight: 600;
	font-size: 1.5em;
	margin: 0.5em 0 0;
}
.status-people-pic span{
word-spacing: -1px;
   letter-spacing: -1px;
	font-size: 1em;
}

#profile label{
	display: inline-block;
	max-width: 100%;
	margin-bottom: 5px;
	font-weight: 700;
}


#avatar{ text-align:center; background:#000; color:#fff; padding:15px; display:none;}
#avatar h3{ text-transform:uppercase; font-size:1.1em;}
#avatar span{ margin:5px 20px 0 0;}
.grey{ width:10%;border:#8a8a8a 5px solid;border-radius: 50em;-webkit-border-radius: 50em;-moz-border-radius: 50em;-o-border-radius: 50em; padding:0; background:#fff;}
.hover{border:#63ff72 5px solid;border-radius: 50em;-webkit-border-radius: 50em;-moz-border-radius: 50em;-o-border-radius: 50em;}
.url{word-spacing: normal; color:#000; font-size:.8em;}
.link{ min-height:27px; background:#000; border-radius: 5px; /*margin:2px 10px;*/margin:2px 0; padding:4px 0px; vertical-align:middle; cursor:pointer;}
#link{ background-color:transparent; width:98%; color:#fff; border:none; text-align:inherit; font-size:inherit; font-family:inherit;
-webkit-appearance: none;-moz-appearance: none; /*margin-top:5px;*/ cursor:pointer; padding:0 2px; line-height:25px;font-size:14px;}
#copy{ background:#0096ff; color:#fff; font-size:1em; padding:5px 25px;border-radius: 5px; margin-left:5px; border:none;outline:none; vertical-align:middle; float:right;}
.link label{color:#fff; vertical-align:middle;}

.rlAccordion > h3, h4, h5  {
  	border: 2px solid rgba(221,220,225,.2);font-family:Caviardreams;
  	border-bottom:none;
  	color: #5f6265;
  	margin: 0 auto;
  	padding: 15px;
  	text-decoration: none;
	cursor:pointer;
	max-width: 900px;
	font-size: 18px !important;

}
.rlAccordion > h3 > span {
  float: right;
}
.rlAccordion > h3 + div {
  display: none;
  padding: 2% 2%;
}

#menu h4 span{float: right;}
#menu div a.prev, a.nxt{ margin: 0 5px 0 5px; cursor:pointer;}
#menu div a.prev img, a.nxt img{width:40px;}

/*------------Menu(1) Style-------------*/

#flexbox {
	display: -webkit-box;/* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;
	display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
     -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
	-webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    -o-flex-direction: row;
    flex-direction: row;
	
	-webkit-box-pack: center;
 	-moz-box-pack: center;
    -ms-box-pack: center;
    -o-box-pack: center;
  	box-pack: center;
  	
	-moz-box-align: center;
  	-webkit-box-align: center;
    -ms-box-align: center;
    -o-box-align: center;
	box-align: center;
	-moz-align-items: center;
  	-webkit-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
	align-items:center;
	font-size:.8em;
}
#flexbox > p:nth-child(2),#flexbox > p:nth-child(3) {
	-webkit-box:1;
	-moz-box:1;
    -webkit-flex:1;
    -moz-flex:1;
    -ms-flex:1;
    -o-flex: 1;
    flex: 1;
  text-align:center;
}
#flexbox > p:FIRST-CHILD{
	webkit-box:1;
	-moz-box:1;
    -webkit-flex:1;
    -moz-flex:1;
    -ms-flex:1;
    -o-flex: 1;
    flex: 1;
  text-align:center;
}

.red_border{ border:#f27676 5px solid;}

/*------------Menu(2) Style-------------*/

#2 {
	display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    
	-webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
	
}
.container{
    display:table;
    width:99.9%;
    border-collapse: collapse;
    }
 .heading{
     font-weight: bold;
     display:table-row;
     background-color:#5a97fc;
     text-align: center;
     line-height: 25px;
     font-size: .9em;
     color:#fff;
 }
  .table-row{  
     display:table-row;
     text-align: center;
	 color:#696b6e;
 }
 .col{ 
	display:table-cell;
 	border: 1px solid #696b6e;
	padding:10px;
 }
 .congrat_msg{ margin-top:10px; background:#00c658;text-align:center;padding:7px; color:#fff;}
 
 /*------------Menu(3) Style-------------*/
.col a{ 
	 color:#000;
 }
 
 /*------------Menu(4) Style-------------*/
.heading_refer{display:inline;}
.hide_heading_refer{display:none;}
#msg_panel > section> div.cont> ul{ list-style:none; display:table; width:97%; color:#fff}
#msg_panel > section> div.cont> ul li{  display:table-row;}
#msg_panel > section> div.cont> ul>li> label{  display:table-cell; padding:5px 0 3px 0;}
#msg_panel > section> div.cont> ul>li> label.lbl{ padding-right:10%;}
#msg_panel > section> div.cont> ul> li> label.lbl_cont{font-family:Caviardreamsbold; font-size:1em;}
#msg_panel > section> div.cont> ul> li> label.lbl_cont::before{content:'-';margin-right:10px;}
 
 /*------------Menu(6) Style-------------*/

#msg_panel, #erng_panel{ margin:0; padding:0 10px; font-family:Caviardreamsbold; font-size:1em; margin-bottom:10px;}
#msg_panel > section, #erng_panel > section{
	background:rgba(80,83,90,1);
  color: #fff;
  font-size: 1.1em;
  margin: 2px 1px;
  padding: 0px;
  text-decoration: none;
  cursor:pointer;
}
#msg_panel > section > h5 + div {  display: none;}
#msg_panel > section > h5{font-family:Caviardreams;font-size:.9em; padding: 10px; color:white;}
#msg_panel > section > .cont{font-family:Caviardreams; font-size:.9em; padding: 0 0 10px 10px;} 
#msg_panel > section >h5> span.open::after{
	/*background:url(../images/minus.png) no-repeat center;
	background-size:100% 100%;*/
	content:'+';
	width:30px; height:25px;
	float:right; padding:9px 5px 0 5px; margin:-9px -9px 0 0;
	text-align:center;
	vertical-align:middle;
	/*border-left:#3d3f41 solid 1px; */ font-size:1.2em;
}
#msg_panel > section >h5> span.close::after {
	content:'-';
	float:right; padding:5px 5px 0 5px; margin:-9px -9px 0 0;
	text-align:center;
	vertical-align:middle;
	border:none; font-size:1.2em;
}
.date{float:left; margin-right:78%;font-family:Caviardreamsbold; vertical-align:middle;}
.read{font-family:Caviardreamsbold;}
.date img{ width:15px; margin-right:3px; float:left;}
.read > input[type="checkbox"]{border:none; background:#fff; box-shadow:none;/}

.well {
    min-height: 20px;
    padding: 19px;
    margin-bottom: 20px;
    background-color: #f5f5f5;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
}
/*-----------------------------------End Status-------------------------------------*/

/*---------------------------------Start downline-----------------------------------*/
#erng_panel > section{	background:rgba(255, 255, 255, .4);  color: #000; border:rgba(255, 255, 255,.6) solid 1px; margin-top:5px; max-width: 900px; margin-left: auto;  margin-right: auto;}
#erng_panel > section > h5 {font-family:Caviardreams;font-size:1.2em;font-weight:normal; padding: 12px;}
#erng_panel > section > h5 + div {  display: none;}
#erng_panel > section > .cont{font-family:Caviardreams; font-size:.9em; padding: 10px 0 12px 10px; color:#000;} 
#erng_panel > section >h5> span.open::after{
	content:'+';float:right; 
	width:33px; height:41px;
	padding:5px 5px 0 5px; margin:-12px -9px 0 0;
	text-align:center;vertical-align:middle;
	border-left:rgba(191,192,199,.4) solid 1px; font-size:1.2em;
}
#erng_panel > section >h5> span.close::after {
	content:'-';float:right;
	padding:5px 5px 0 5px; margin:-12px -9px 0 0;
	text-align:center; vertical-align:middle; border:none; font-size:1.2em;
}
#erng_panel > section> div.cont> ul{ list-style:none; display:table; width:97%;}
#erng_panel > section> div.cont> ul li{  display:table-row;}
#erng_panel > section> div.cont> ul>li> label{  display:table-cell; padding:10px 0 10px 0; border-bottom:#a2a9ae 1px solid;}
#erng_panel > section> div.cont> ul>li> label.lbl{ padding-right:10%;}
#erng_panel > section> div.cont> ul> li> label.lbl_cont{font-family:Caviardreamsbold; font-size:1em;}
#erng_panel > section> div.cont> ul> li> label.lbl_cont::before{content:'-';margin-right:25px;}
.de_head{font-family: Caviardreamsbold;	background:rgba(255, 255, 255, .5);  color: #000;  font-size: 1em; padding: 12px;  text-decoration: none; text-transform:uppercase; max-width: 880px;}
span.rate{font-family: Caviardreamsbold; width:30%;float:right; text-align:right;border-left:rgba(255,255,255,.5) solid 1px; padding: 12px 0; margin-top:-12px;}
/*---------------------------------End downline-----------------------------------*/

.msg{ background:rgba(87,94,100,1);  color: #fff;  padding:15px 10px; margin:10px 0;}
.msg>h4{color: #fff; border:none;font-family:Caviardreamsbold; padding:0 0 5px 0;}
#txt_respnse{ width:97%; border:none; box-shadow:none; margin-top:12px;background:rgba(255, 255, 255, .5);font-family:Caviardreams; font-size:.95em; padding:10px; resize:none;}

/*------------view request Style-------------*/
.margintp5{margin-top:5px !important;}
.red{background:#e7545a; margin:5px 0 !important;padding:10px 10px !important;}
.white{background:rgba(255, 255, 255, .5); color:#000; margin:5px 0 !important;padding:10px 10px !important;}
.mrgn25{margin-right:25px;}
ul#v_req,ul#u_files,ul#u_files_desc,ul#ordrList{ list-style:none; display:table; width:97%;}
ul#v_req li, ul#u_files li, ul#u_files_desc li, ul#ordrList li{  display:table-row;}
ul#v_req>li> p, ul#u_files>li> p,ul#u_files_desc>li> p{  display:table-cell; padding:5px 0;}
ul#v_req> li> p:nth-child(2)::before{content:':';margin-right:5px;font-family:Caviardreamsbold;}

.bold{font-family:Caviardreamsbold !important;}
.size6{font-size:.6em !important;}
.size8{font-size:.8em !important;}
.size9{font-size:.9em !important;}

/*------------upload files Style-------------*/
.green{ background:#22d32a; color:#fff; padding:10px 5px; font-size:1em; margin:0 3px !important;}
ul#u_files> li> :nth-child(2)::before{content:':';margin-right:5px;font-family:Caviardreamsbold;}
ul#u_files> li> :nth-child(1){width:35%;}
ul#u_files> li:last-child> :nth-child(2)::before{content:'';}
#desc>p{ vertical-align:top;}
#txtarea{width:95%;background-color:transparent; border:none; resize:none;font-family:Caviardreams;font-size:1em;border-bottom: #000 solid 1px; padding:5px;}
ul#u_files_desc{ width:99%;}
ul#u_files_desc> li> :nth-child(1){width:36%;}
ul#u_files_desc>li> p:nth-child(2){ font-family:Caviardreams bold;font-size:.9em;}
ul#u_files_desc>li> p{font-size:1em;}
ul#u_files_desc> li> p:nth-child(2)::before{content:'-';margin-right:10px;}
/*ul#u_files_desc> li:last-child> :nth-child(2)::before{content:'';}*/

/*---------------------------Layout Content Classes---------------------------------*/

#layoutPopup {
	width: 94%;
	padding: 2%;
	padding-top: 0px;
	margin: 1%;
	float: left;
	background: url('../images/popupBg.png') left top repeat;
}
.crossBtn {
	float: right;
	width: 70px;
	height: 70px;
	cursor:pointer;
}

.popup-content p strong{
	color: #ff2a2a;
	font-family: Caviardreamsbold;
}

.popup-content, .popup-content p {
	font-size: 24px;
	color: #ffffff;
	text-align: center;
	margin-bottom: 30px;
	font-family: Caviardreamsbold;
}

.popup-content p a {
	font-family: Caviardreamsbold;
}

.popup-content p span {
	color: #ff2a2a;
}
.sumbit-box {
	width: 100%;
	margin-top: 30px;
	text-align: center;
	float: left;
}
.sumbit-box input[type='checkbox'] {
	display: inline-block;
	margin-right: 5px;
	width: 4%;
}
.sumbit-box input[type='button'] {
	display: inline-block;
	margin-right: 5px;
	background: url(../images/popupBg.png) left top repeat;
	border-radius: 40px;
	-webkit-border-radius: 40px;
	color: #fff;
	font-size: 22px;
	text-align: center;
	height: 45px;
	line-height: 45px;
	margin-top: 20px;
	width: 80%;
	cursor: pointer;
	border: none;
}
.sumbit-box input[type='button'].selected {
	-webkit-box-shadow: 1px 1px 10px 5px #ccc;
	box-shadow: 1px 1px 10px 5px #ccc;
	opacity: .4;
}
.sumbit-box label {
	display: inline-block;
	color: #ffffff;
	font-size: 22px;
	font-family: 'Caviardreamsbold';
}
.sumbit-box label span {
	text-decoration: underline;
	color: #ffffff;
}

/*---------------------------------Start Profile-----------------------------------*/
.clear {
  clear: both;
  display: block;
  width: 0;
  height: 0;
}
hr.left,hr.right{
	width: 23%;
	position: relative;
	right: 0;
	margin: 0 0 0 0;
	border: none;
	height: 1px;
	background-color: #fff;
}
.title{
	text-align: center;
	margin-top: -20px;
	font-size: 24px;
	color:#ffffff;
	padding-top: 6px;
	font-family:"Caviardreamsbold";
}
hr.right{
	margin: 0;
	margin-top: -15px;
	float:right;
}
#main_nav_bac{
	margin:0 auto;padding-top: 20px;
}
#drop{
	width:80%;
	margin:0 auto;
	padding-top:30px;
}
#drop h2{
	float:left;
	font-size:22px;
	font-family:"CaviarDreams"; white-space:nowrap;padding-top: 5px;
}
#drop a{
	float: right;
	background-color: #665f6f;
	color: #ffffff;
	font-size: 22px;
	text-align: center;
	padding: 10px 40px;
	font-family:"CaviarDreams";
}
input.upload{
	display:none;
}
.profile{
	text-align:left;
	font-size:20px;
	font-family: "CaviarDreams"; margin:0 10px;padding:0 10px; 
}
ul.profile_info{ list-style:none;display:table; width:99%;border-collapse: collapse; padding:0;}
ul.profile_info>li{padding:0;border-bottom: #000 solid 1px; display:table-row;}
ul.profile_info>li> p{padding:10px 0 0 0;
display: -webkit-box;/* OLD - iOS 6-, Safari 3.1-6 */
	display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;
-webkit-flex-direction: column;-moz-flex-direction: column;-ms-flex-direction: column;-o-flex-direction: column;flex-direction: column;}
ul.profile_info>li>:nth-child(1){ padding-right:15px;width:30%; float:left;}
ul.profile_info>li>:nth-child(2){ /*-webkit-box:1;-moz-box:1;-webkit-flex:1;-moz-flex:1;-ms-flex:1;-o-flex: 1;flex: 1;*/padding-top:9px;}
ul.profile_info>li> p>input{background-color:transparent; border: none; outline:0; box-shadow:none;
	font-family:Caviardreams;font-size:inherit; margin:0; padding:0; width:100%;}
ul.profile_info>li> p>input[type=text]:focus::-webkit-input-placeholder { color:transparent; }
ul.profile_info>li> p>input[type=text]:focus:-moz-placeholder { color:transparent; } /* Firefox 18- */
ul.profile_info>li> p>input[type=text]:focus::-moz-placeholder { color:transparent; } /* Firefox 19+ */
ul.profile_info>li> p>input[type=text]:focus:-ms-input-placeholder { color:transparent; } /* oldIE ;) */
ul.profile_info>li> p>input[type=password]:focus::-webkit-input-placeholder { color:transparent; }
ul.profile_info>li> p>input[type=password]:focus:-moz-placeholder { color:transparent; } /* Firefox 18- */
ul.profile_info>li> p>input[type=password]:focus::-moz-placeholder { color:transparent; } /* Firefox 19+ */
ul.profile_info>li> p>input[type=password]:focus:-ms-input-placeholder { color:transparent; } /* oldIE ;) */

.chk{background:#4f4a57; border:none;font-family:CaviarDreams; }
ul.profile_info>li.bday>:nth-child(2){ border:none;
display: -webkit-box;display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;
-webkit-flex-direction: row;-moz-flex-direction: row;-ms-flex-direction: row;-o-flex-direction: row;flex-direction: row;}
ul.profile_info>li.bday>:nth-child(2)>select {margin-right:5px;
    background: #6a6f79 url(../images/arrow1.png) no-repeat right; background-size:15px;font-family:CaviarDreams !important;
    color:#fff; padding:0 25px 0px 2px; font-size:.9em;
    text-indent: 0.01px; /* Removes default arrow from firefox*/
	text-overflow: "";  /*Removes default arrow from firefox*/ /*My custom style for fonts*/
	border:#6a6f79 solid 3px;-webkit-box:1;-moz-box:1;-webkit-flex:1;-moz-flex:1;-ms-flex:1;-o-flex: 1;flex: 1;
    outline:none;
    display: inline-block;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
}
ul.profile_info>li.bday>:nth-child(2)>select  option{text-align:center;}
ul.profile_info>li.cntry>:nth-child(2)>select, ul#ordrList>li.cntry>:nth-child(2)>select  {
    background:url(../images/arrow2.png) no-repeat right; background-size:20px;font-family:CaviarDreams !important;
    color:#000; padding:3px 28px 3px 5px; font-size:.9em;
    text-indent: 0.01px; /* Removes default arrow from firefox*/
	text-overflow: "";  /*Removes default arrow from firefox*/ /*My custom style for fonts*/
	border:none;
    outline:none;
    display: inline-block;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none; min-width:140px;
}
ul.profile_info>li.cntry>:nth-child(2)>select option, ul#ordrList>li.cntry>:nth-child(2)>select option{	background-color: #71798a !important;}

.input_check{
	text-align: left;
	font-size: 22px;
	margin-top:5px;
	font-family: "CaviarDreams";
	color: #000;
}
.input_check input{
	margin-left:20px;
}
::-webkit-input-placeholder {   color: #fff;}
:-moz-placeholder { /* Firefox 18- */   color: #fff;  }
::-moz-placeholder {  /* Firefox 19+ */   color: #fff;  }
:-ms-input-placeholder {     color: #fff;  }

.bottom_tittle h2{
	width:480px;
	margin:0 auto;
	font-size:16px;
	color:#ffffff;
	padding:15px 0px;
	text-align:center;
	font-family:"Caviardreamsbold";
}
.footer{
	width: auto;
	margin: 0 auto;
	margin-bottom: 25px;
}
.footer h3{
	text-align:center;
	color:#ffffff;
	font-size:17px;	
	font-family:"Caviardreamsbold";
	padding: 10px 0px 5px 0px;
}
input[type=checkbox].css-checkbox,input[type=checkbox].css-checkbox1,input[type=checkbox].css-checkbox2,input[type=checkbox].css-checkbox3,input[type=checkbox].css-checkbox4,input[type=checkbox].css-checkbox5,input[type=checkbox].css-checkbox6 {	display:none;}
input[type=checkbox].css-checkbox + label.css-label {
	padding-left:21px;
	height:16px; 
	display:inline-block;
	line-height:16px;
	background-repeat:no-repeat;
	background-position: 0 0;
	font-size:16px;
	vertical-align:middle;
	cursor:pointer;
	color: #000;
}

input[type=checkbox].css-checkbox:checked + label.css-label, input[type=checkbox].css-checkbox1:checked + label.css-label1,
input[type=checkbox].css-checkbo2:checked + label.css-label2, input[type=checkbox].css-checkbox3:checked + label.css-label3,
input[type=checkbox].css-checkbo4:checked + label.css-label4, input[type=checkbox].css-checkbox5:checked + label.css-label5,
input[type=checkbox].css-checkbox6:checked + label.css-label6 {background-position: 0 -16px; color: #000;}

label.css-label,label.css-label1,
label.css-label2,label.css-label3,
label.css-label4,label.css-label5,label.css-label6
{
	background-image:url(http://csscheckbox.com/checkboxes/u/csscheckbox_b1fdcc81c6adfb7ffaea8fcb0894a22f.png);
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
label.css-label,label.css-label1,
label.css-label2,label.css-label3,
label.css-label4,label.css-label5,label.css-label6,
{
	font-size:16px;
	font-family: "CaviarDreams";
	color:#ffffff;
	margin:5px 8px; 
}
a.update{
	background:url(../assets/images//update.png) no-repeat;
	padding: 10PX 80PX;
	text-decoration: none;
	font-size: 24PX;
	color: #FFFFFF;
	font-family:"Caviardreamsbold";
}
/*-----------------------------------End Profile-------------------------------------*/


/*.............................View Offer.........................*/
.topview{
	width:100%;
	overflow:hidden;
	margin-bottom:5px;
}
.left_line{
	background:url(../images/line.jpg) repeat-x center left;
	line-height:90px;
}
.view_offer h1{
	font-size:26px;
	line-height:90px;
	text-align:center;
	text-transform:uppercase;
	color:#fff;
}
ul#accordion{
	max-width: 1000px;
	overflow:visible;
	padding-left:0;
	margin-bottom:0;
	margin-left: auto;
	margin-right: auto;
	margin-top: 12px;
}
ul#accordion li{
	list-style:none;
}
.offer_box{
	max-width:970px;
	min-height:81px;
	margin-bottom:3px;
	background:url(../images/box_bg.png) repeat;
	border-left:5px solid #ffa200;
}
.left_img{
	margin-top:12px;margin-left:-7px !important;
}
.mid_text h1{
	font-size:20px;
	color:#3c5174;
	padding:20px 0px; float:left;font-family:"Caviardreamsbold";
}
.featured{
	width:75px;
	height:18px;
	text-align:center;
	position:absolute;
	right:-12px;
	top:0;
	background:url(../images/featured.png) no-repeat top left;
	background-size:100% 100%;
}
.featured span{
	font-size:12px;
	color:#fff;
	text-align:center;
	text-transform:uppercase;
	font-family:"Caviardreamsbold";
}
.offer_box span.toggle-icon {
	position: absolute;
	top:36px;
	right:40px;
	cursor:pointer;
	width:16px;
	height:14px;
	font-size: 1.5em;
}
.plus{width:15px; height:15px;background:url(../images/plus1.png) no-repeat;	background-size:13px 13px;	}
.arrow{width:15px; height:15px;background:url(../images/arrowup.png) no-repeat;	background-size:12px 5px;}
.offer_content{
	max-width:970px;
	overflow:hidden;
	display:none;
	margin-top:-7px;
	margin-bottom:7px;
	background:url(../images/box_bg.png) repeat;
	border-left:5px solid #ffa200;
}
.offer_inner{
	max-width:99%; display:table;
	margin:0 auto;
	margin-left: 7px;
	overflow:hidden;
	padding:20px 2px 10px 2px;
}
.offer_row{
	width:100%; display:table-row; margin-bottom:15px;
	overflow:hidden;
	font-size:18px;
}
.offer_row label{ padding-bottom:5px;}
.leftside_text{
	min-width:40%; display:table-cell;font-family:"Caviardreamsbold";
}
.midside_text{
	padding-right:15px; display:table-cell;font-family:"Caviardreamsbold";
}
.rightside_text{
	display:table-cell;
	font-weight:bold !important;
}

.yco{ background:#e0dae4; margin: 0 10px 10px;}
.yco h4{ text-align:center; padding:4px 0; font-size:16px;}
.yco h4> span.open::after{
	content:'+';
	width:30px; height:32px;
	float:right;
	text-align:center;
	vertical-align:middle;
}
.yco h4> span.close::after{
	content:'-';
	width:30px; height:32px;
	float:right;
	text-align:center;
	vertical-align:middle;
}

.continue_link{
	width:60%;margin-left:25%; margin-bottom:25px;
	text-align:center;
	color:#fff !important;
	float:left; padding:10px;
	font-size:26px;
	text-decoration:none !important;
	margin-top:30px;
	background:url(../images/cont_btn.jpg) repeat-x;
}

.expand-bg {
	background: none repeat scroll 0 0 #EAEDF2;
	height:25px;
	position: relative;
	margin:0 10px; padding:0;
}
.expand {
	margin:0;height:25px;font-family:"Caviardreams bold";
	position: absolute; text-align:center;padding-top:4px;


	-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.5), inset 0 -2px 0 rgba(0,0,0,.25), inset 0 -3px 0 rgba(255,255,255,.2), 0 1px 0 rgba(0,0,0,.1);
    -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.5), inset 0 -2px 0 rgba(0,0,0,.25), inset 0 -3px 0 rgba(255,255,255,.2), 0 1px 0 rgba(0,0,0,.1);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.5), inset 0 -2px 0 rgba(0,0,0,.25), inset 0 -3px 0 rgba(255,255,255,.2), 0 1px 0 rgba(0,0,0,.1);
}
.ps {
	width:1%;
	background:#fff432;
	-moz-animation:ps 2s ease-out;
	-webkit-animation:ps 2s ease-out;
}
	
/*----------------------------------order-----------------------------*/
.green{ background:#22d32a; color:#fff; padding:10px 5px; font-size:1em; margin:0 3px !important;}
ul#ordrList{ width:99%;}
ul#ordrList>li> p{display:table-cell; font-size:.9em;padding:10px 0;}
ul#ordrList>li> p>img{width:55px; border:#d54d59 4px solid;}
ul#ordrList>li:nth-child(1)> p:nth-child(2){border: none; }
ul#ordrList>li:nth-child(2)> p:nth-child(2){border: none; }
ul#ordrList>li> p:nth-child(2){border-bottom: #000 solid 1px; padding:10px 0 0 8px !important;}
.ordrPanel{padding:10px 0px !important;}
.ordrPanel>section{margin-top:3px !important;}
.ordrStatus{ text-align:center;font-family:Caviardreamsbold; margin:15px 0 -10px 0; background:rgba(0,0,0,.5); padding:8px 0;}
ul#ordrList>li> p>input{background-color:transparent; border:none; resize:none;font-family:Caviardreams;font-size:1em;}
/*-------------------------------end order----------------------------*/
/*...................................support..........................*/
#form {
	max-width:600px;
	width:95%;
	margin:0 auto;
	position:relative;
}
#contact-button, .contact-submit
{
	color:#ffffff;
	font-size:11px;
	background:#0078ff;
	border:none;
	border-bottom:3px solid #002a59;
	width:100%;
	height:40px;
	margin:15px 0;
}
#contact-button a{
	color: #ffffff;
	font-family:"Caviardreamsbold";
	text-decoration: none;
}

.select-option
{
    border: none;
    margin: 0 0 10px;
    padding: 10px;
    width: 100%;
    background:url(../images/down-arrow.png) no-repeat ,url(../images/line.png);
    background-position: top right, bottom right;
}
.select-date
{
    border: none;
    margin: 0 0 10px;
    padding: 10px;
    width: 100%;
    background:url(../images/select-date.png) no-repeat ,url(../images/line.png);
    background-position: top right, bottom right;
}
#contact-submit
{
	color:#ffffff;
	font-size:16px;
	background:#0078ff;
	border:none;
	border-bottom:3px solid #002a59;
	width:130px;
	height:35px;
	margin:0 0 30px 0;
}

#gray
{
	width:100%;
	margin: 0 auto;
	background:#373849;
	color:#fff; padding-bottom:0;
	max-width: 1000px;
}
.toggle p{margin-bottom:1px;}
.table{display:table;}
.cell{display:table-row;}
.cell>p{ display:table-cell;width:50%; padding-left:14px;}
/*...................................FAQ..........................*/
header {
	padding: 8px 0;
	position: relative;
	text-align: center;
	color: #fff;margin-bottom:0;
}
header h3 {
	font-size: 26px;
	line-height:30px;
	text-align:center;
	text-transform:uppercase;
	color:#fff;font-family: 'Caviardreamsbold';
}
header h3:before {
/*	border-top: 1px solid #FFFFFF;*/
	content: "";
	display: block;
	left: 0;
	margin-left: 0;
	top: 25px;
	position: absolute;
	right: 62%;
	width: auto;
}
header h3:after {
/*	border-top: 1px solid #FFFFFF;*/
	content: "";
	display: block;
	right: 0;
	margin-right: 0;
	top: 25px;
	position: absolute;
	left: 62%;
	width: auto;
}
.ui-accordion h3 {
	display: table;
	width: 100%;
	background: rgba(255,255,255,0.6);
	margin-top: 3px !important;
	width: 100%;
	font-size: 18px;
	font-family: 'Caviardreamsbold';
}
.ui-accordion label {
	display: table-cell;
	width: 12%;
	background: #21a0db;
	color: #fff;
	vertical-align: middle;
	text-align: center;
	padding: 15px 0px;
	font-family: 'Caviardreamsbold';
}
.ui-accordion span {
	display: table-cell;
	width: 62%;
	padding: 17px 20px;
	color: #3c5174 !important;
	vertical-align: middle;
	font-weight: normal;
	font-family: 'Caviardreamsbold';
}
.ui-accordion h3 i {
	display: table-cell;
	padding: 17px 20px;
	background: url('../images/plus_1.png') center center no-repeat;background-size:15px 15px;
	vertical-align: middle;
	cursor: pointer;
	width: 12%;
}
.ui-accordion h3.ui-state-active i {	background: url('../images/collapsed.png') center center no-repeat; background-size:15px 15px;}
.ui-icon {	display: none !important;}
.answer {
	display: none;
	color: #3c5174;
	font-size: 1.5em;
	padding: 2em;
	font-family: 'Caviardreamsbold';
	font-weight:normal;
	background: rgba(255,255,255,0.6);
}

/*............End of FAQ.............*/

/*............... View Offer Rules..............*/

#layoutViewOfferRules {
	width: 94%;
	padding: 2%;
	padding-top: 0;
	margin: 1%;
	float: left;
	background: #fff;
	font-family: 'Caviardreamsbold';
	padding-top: 20px;
}
.viewOfferDetail ul {
	/*padding-bottom: 40px;*/
}
.viewOfferDetail ul li {
	margin-bottom: 18px;
	background: url('../images/list-cross.png') left top no-repeat;
	padding: 0px 0px 7px 40px;
	color: #2d2d2d;
	font-size: 19px;
	font-weight: bold;
}
.viewOfferDetail ul li a {
	color: #00aeff;
}
.vieOfferMoreDetail p {
	color: #414141;
	font-size: 19px;
	font-weight: bold;
	line-height: 32px;
	text-align: center;
	margin-bottom: 25px;
}
.vieOfferMoreDetail span {
	color: #121212;
	font-size: 22px;
	display: block;
	margin-bottom: 20px;
	text-align: center;
}
.vieOfferMoreDetail a {
	width: 50%;
	display: block;
	padding-left: 2%;
	margin: auto;
	height: 65px;
	line-height: 65px;
	border-bottom: 1px solid #009907;
	background: #00d70a url('../images/greenarrow.png') no-repeat;
	background-size:100% 100%;
	color: #fff;
	font-size: 36px;
}
#wrapper{
	margin: 0 0 30px 0;
	min-height: 100%;
	position:absolute; z-index:1;
	top:0; bottom:48px; left:0;
	width:100%;
	overflow:auto;
}

#scroller {
	width:100%;
	font-family: 'Caviardreamsbold'; 
	min-height: 100%;
}
.center{text-align: center;}
.logo {
	text-align: center;
	padding-top: 20px;
}
.logo img {
	max-width: 40%;
}

/* login page*/
#contact-form {
	padding: 10px 0 60px;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	max-width: 550px;
}

.style {
	width: 95%;
	border: none;
	margin: 0 0 40px;
	padding: 10px;
	background-color: transparent;
	border-bottom: #000 1px solid
}

.stylee {
	background-color: transparent;
	border: none;
	margin: 0 0 10px;
	padding: 10px;
	width: 95%;
	border-bottom: #000 1px solid;
	border-bottom-radius: 10px
}

.rmber p, .extend p {
	display: inline
}

.snal {
	padding: 3px 0 0;
	font-family: caviarDreamsbold;
	margin-left: 10px;
	color : #444;
}

.extend .snal{
	padding: 3px 0 0;
	font-family: caviarDreamsbold;
	margin-right: 10px;
	color : #444;
}

#contact-form input[type=checkbox], .extend input[type=checkbox]{
	background: #333;
	display: inline !important
}

.extend input[type=password]{
	border-radius: 30px;
	-web-kit-border-radius: 10px;
	width: 50%;
	padding: 5px 10px;
	background: rgba(255,255,255,0.6);
	color: #414242;
	font-size: 12px;
	border: none;
	margin: 10px 0px;
}

#contact-form button[type=submit] {
	cursor: pointer;
	width: 100%;
	border: none;
	background: #4d5862;
	color: #FFF;
	margin: 30px 0 10px;
	padding: 10px;
	border-radius: 20px;
	font-family: caviarDreamsbold
}

.register {
	margin-top: 20px;
	font-family: caviarDreamsbold;
	font-weight: 700
}

::-webkit-input-placeholder {
	color: #000
}

:-moz-placeholder {
	color: #000
}

::-moz-placeholder {
	color: #000
}

:-ms-input-placeholder {
	color: #000
}

.input {
	background: url(../images/line.png)
}

.bold a {
	font-family: caviarDreamsbold;
	text-decoration: none;
	color: #fff
}

.bold a:hover {
	color: #090990
}

.error {
	color: #fff;
	background: #e46f74;
	padding: 15px;
	text-align: center;
	font-family: caviarDreamsbold;
	font-size: 14px
}
#error {
margin-left: auto;
margin-right: auto;
margin-bottom: 10px;
border-top: 0px;
padding: 5px;
text-align: center;
color: white;
font-weight: bold;
font-size: 15px;
background: #cc0000;
}
#success {
	color: green;
	/*background: #e46f74;*/
	padding: 5px;
	text-align: center;
	font-family: caviarDreamsbold;
	font-size: 14px
}

.error p {
	font-size: 14px
}

/*end login page*/

/* start register page*/
ul{text-decoration:none; color:#000;}
header {
    padding: 5px 2px 2px 2px; 
    margin:5px auto 5px auto;
    position: relative;
    text-align: center;
}
hr{ border-top: #FFFFFF 1px solid; margin-top:5px;}
.lft{ float:left;}
.rght{ float:right;}

.register_h3{
    color: #FFFFFF;
    display: inline-block;
    font-weight: normal;
    /*text-transform: uppercase;*/
}

.accnt{text-align:left;}
ul#acnt_info{ list-style:none;display:table; width:99%;border-collapse: collapse; padding:0; background: rgba(255,255,255,0.34);}
ul#acnt_info>li{padding:10px 0 0 0; display:table-row;border-bottom: #000 solid 1px;}
ul#acnt_info>li> p{padding:18px 0 5px 0;font-size:.93em; font-family: Caviardreams, Helvetica, "Arial Black", sans-serif; font-weight:bold; color: #4A4A4A;
display: -webkit-box;/* OLD - iOS 6-, Safari 3.1-6 */
	display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;
-webkit-flex-direction: column;-moz-flex-direction: column;-ms-flex-direction: column;-o-flex-direction: column;flex-direction: column;}
ul#acnt_info>li>:nth-child(1){ padding-right:15px;width:30%; float:left; padding-left: 5px; font-size:.9em}
ul#acnt_info>li>:nth-child(2){ -webkit-box:1;-moz-box:1;-webkit-flex:1;-moz-flex:1;-ms-flex:1;-o-flex: 1;flex: 1; }
ul#acnt_info>li> p>input{background-color:transparent; border: none; outline:0; box-shadow:none;
	font-family: Caviardreams, Helvetica, "Arial Black", sans-serif; font-weight:bold; color: #303030; font-size:.93em; margin-bottom:-5px; width:100%;}
ul#acnt_info>li> p>input:focus::-webkit-input-placeholder { color:transparent; }
ul#acnt_info>li> p>input:focus:-moz-placeholder { color:transparent; } /* Firefox 18- */
ul#acnt_info>li> p>input:focus::-moz-placeholder { color:transparent; } /* Firefox 19+ */
ul#acnt_info>li> p>input:focus:-ms-input-placeholder { color:transparent; } /* oldIE ;) */

.chk{background:#4f4a57; border:none;font-family:Caviardreams; }
ul#acnt_info>li.bday>:nth-child(2){ border:none;
display: -webkit-box;display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;
-webkit-flex-direction: row;-moz-flex-direction: row;-ms-flex-direction: row;-o-flex-direction: row;flex-direction: row;}
ul#acnt_info>li.bday>:nth-child(2)>select {margin-right:5px;
    background: #6a6f79 url(../images/arrow1.png) no-repeat right; background-size:12px;font-family:Caviardreams !important;
    color:#fff; /*padding:0 25px 0px 2px;*/ font-size:1em;
    text-indent: 0.01px; /* Removes default arrow from firefox*/
	text-overflow: "";  /*Removes default arrow from firefox*/ /*My custom style for fonts*/
	border:#6a6f79 solid 3px;
	-webkit-box:1;-moz-box:1;-webkit-flex:1;-moz-flex:1;-ms-flex:1;-o-flex: 1;flex: 1;
    outline:none;
    display: inline-block;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
	margin-right: 5px;
}
ul#acnt_info>li.cntry>:nth-child(2)>select {
    background:url(../images/arrow2.png) no-repeat right; background-size:19px;font-family:Caviardreams !important;
    color:#000;/* padding:0 28px 0px 5px; */font-size:1em;
    text-indent: 0.01px; /* Removes default arrow from firefox*/
	text-overflow: "";  /*Removes default arrow from firefox*/ /*My custom style for fonts*/
	border:none;
    outline:none;
    display: inline-block;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none; min-width:140px;
}
.rgstr{ margin:15px !important; border-radius:20px; font-size:1.2em; background:#35323b !important; border:none !important; }

#cntnt_vt{ padding:0 10px 0 10px;font-family:Caviardreams; max-width: 720px; margin-left: auto;  margin-right: auto;}
.cntr{margin:0 auto; text-align:center !important;}
.note{ color:#fff; font-size:1em;font-family:Caviardreamsbold; margin:10px 0 !important;}
.undrlne{text-decoration:underline !important;}
.inline{ display:inline !important;}
.fntwhite{color:#fff !important;}

/* end register page*/

h3.getingStarted {
	color: #ffffff;
	font-size: 37px;
	font-weight: normal;
	margin-bottom: 10px;
	text-align: center;
}
#scroller img {
	max-width: 100%;
	/*max-height: 60px;*/
}
.steps {
	font-size: 22px;
	color: #ffffff;
	font-weight: bold;
	background: rgba(0,0,0,0.2);
	width: 70%;
	margin: auto;
	margin-bottom: 20px;
}
.steps label {
	background: #4a5055;
	border-right: 1px solid #3a3f43;
	/*width: 100px;*/
	padding: 1%;
	float: left;
}
.steps b {
	/*width: 64%;*/
	display: inline-block; text-wrap:none;
	float: left;
	text-align: left; font-size:inherit;
	padding: 1%;
}
.steps.wid98 {
	width: 96%;
}
.user {
	margin-bottom: 10px;
}
.user h3 {
	color: #ffffff;
	font-size: 26px;
	font-weight: bold;
	margin-bottom: 30px;
}
.user h2 {
	color: #ffffff;
	font-size: 14px;
	font-weight: bold;
}
.user input {
	border-radius: 30px;
	-web-kit-border-radius: 10px;
	width: 60%;
	padding: 10px 10px;
	background: rgba(255,255,255,0.6);
	color: #414242;
	font-size: 21px;
	border: none;
	margin-bottom: 30px;
}
.user a {
	width: 258px;
	display: block;
	padding-left: 10%;
	margin: auto;
	height: 66px;
	line-height: 66px;
	border-bottom: 3px solid #201d20;
	background: url('../images/bluearrow.png') no-repeat scroll right top #008aff;
	background-size:auto 66px;
	color: #FFF;
	text-align: left;
	font-size: 26px;
	margin-bottom: 30px;
}

.user .next_step {
	font-family: caviardreamsbold;
	width: 258px;
	display: block;
	padding: 0px 0px 0px 3%;
	margin: auto;
/*	height: 50px;*/
	line-height: 66px;
	border-bottom: 3px solid #201d20;
	border-radius: 0px;
	background: url('../images/bluearrow.png') no-repeat scroll right top #008aff;
	background-size:auto 66px;
	color: #FFF;
	text-align: left;
	font-size: 26px;
	margin-bottom: 30px;
}




.user .next_step:HOVER{
	text-decoration: underline;
}

.viewGallery {
	width: 95%;
	margin: auto;
}
.viewGallery h4 {
	color: #3a3a3a;
	font-size: 26px;
	background: rgba(255,255,255,0.5);
	font-weight: normal;
	padding: 5px 0px;
	border-bottom: 1px solid #0067c1;
	border-top: 1px solid #fff;
}
.viewGallery a {
	height: 50px;
	line-height: 50px;
	background: url('../images/hand.png') no-repeat scroll right center #44a2f1;
	color: #FFF;
	display: block;
	font-size: 21px;
	font-weight: bold;
	text-align: center;
	/*padding-left: 10%;*/ padding-top:3px;padding-bottom:3px;
}
/*...................slider Css..............*/
#container {
	max-width: 450px;
	position: relative;
	margin: 0 auto;
}
#carousel {
	width: 130px !important;
	margin: 0 auto;
/*	height: auto !important;*/
	height: 147px !important;
	margin-bottom: 10px;
	margin-top: 10px;
	overflow: hidden;
}
.slide {
	width: 130px !important;
	height: auto !important;
}
.slide img {
	max-width: 100%;
	border: 5px solid #d0d7dd !important;
	height: auto;
}
.text p {
	color: #fff;
	font-size: .9em;
	font-family: "Caviardreamsbold";
}
#ui-carousel-next, #ui-carousel-prev {
	width: 20px;
	height: 40px;
	background: url('../images/leftArrow.png') left top no-repeat;
	display: block;
	position: absolute;
	top: 30px;
	z-index: 100;
}
#ui-carousel-next {
	right: 5%;
	background-image: url('../images/rightArrow.png');
}
#ui-carousel-prev {
	left: 5%;
}
#ui-carousel-next > span, #ui-carousel-prev > span {
	display: none;
}
.slide {
	margin: 0;
	position: relative;
}
.nav {
	margin-bottom: 15px;
}
.nav img {
	max-width: 60%;
}

 @media only screen and (min-device-width : 220px) and (max-device-width : 767px) {
.sumbit-box label {	font-size: 12px;}

.listing ul { font-size:14px;}
.listing ul li i{width:32px;height:32px;line-height:32px;}
.listing li span {line-height:32px;}
.listing ul li:after {top: 12px;}

}
.popup-content, .popup-content p {	font-size: 1.2em;	margin-bottom: 17px;	font-family: "Caviardreams";}
.crossBtn {
	width: 20px;
	height: 20px;
	margin-bottom: 5px;
	margin-top: 5px;
}
.crossBtn img {
	width: 87%;
	height: auto;
}
.sumbit-box {	margin-top: 15px;}
.sumbit-box input[type='button'] {
	margin-top: 15px;
	height: 25px;
	line-height: 25px;
	font-size: 12px;
}
.text p {font-size: .9em;}
/*............FAQ.............*/
.ui-accordion h3 {	font-size: 13.3px;}
.ui-accordion span,.ui-accordion label,.ui-accordion h3 i  {padding:10px;}
.ui-accordion span {width: 70%;}
.ui-accordion label {width: 0;}
.answer {	font-size: 12px; padding:20px 10px;}
/*.ui-accordion {	padding-bottom: 15px !important;}*/
/*............View Offer Rules.............*/
#layoutViewOfferRules {
	padding-top: 5px;
}
.crossBtn.viewOffer {
	width: 40px;
	height: 40px;
}
.viewOfferDetail ul li {
	font-size: 12px;
	background: url('../images/list-cross.png') left top no-repeat;
	padding: 0px 0px 7px 21px;
	margin-bottom: 5px;
	background-size: 14px auto;
}
.vieOfferMoreDetail a {
	font-size: 20px;
	background-size: 100% 100%;
	width: 63%;
	max-width: 147px;
}
.vieOfferMoreDetail p {
	font-size: 15px;
	line-height: 15px;
	margin-bottom: 11px;
}
.viewOfferDetail ul {
	padding-bottom: 20px;
}
.vieOfferMoreDetail span {
	font-size: 12px;
	margin-bottom:22px;
}
.vieOfferMoreDetail a {
	height: 40px;
	line-height: 40px;
	font-size: 20px;
	margin-bottom:7px;
	/*max-width: 125px;*/
}
/*............home.............*/
.logo {
	padding-top: 15px;
}
.logo img {
	width: 65%;
}
#container {
	max-width: 205px
}
#ui-carousel-prev, #ui-carousel-next {
	top: 35px !important;
	background-size: 60% !important;
}
.nav {
	margin-bottom: 10px;
}
.nav img {
	width: 80%;
}
.slide img {
/*	width: 40%;*/
}
h3.getingStarted {
	font-size: 14px;
	margin-bottom:10px;
	margin-top:8px;
}
.steps {
	margin-bottom: 18px;
}
.steps label {
	/*width: 20%;*/
	font-size: 11px;
}
.steps b {
	/*width: 74%;*/
	font-size: 12px; white-space:nowrap;
}
.user h3 {
	font-size: 11px;
	margin-bottom: 5px;
}
.user input {
	font-size: 12px;
	margin-bottom: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
}
.user a {
height: 25px;
background-size: 24px auto;
font-size: 10px;
line-height: 30px;
width: 85px;
margin-bottom: 10px;
padding-left:17px; padding-bottom:0;
}

.user .next_step {
	height: 25px;
	background-size: 24px auto;
	font-size: 10px;
	line-height: 25px;
	width: 85px;
	margin-bottom: 10px;
	padding:0 0px 0px 5px; 
	border-bottom: 1px solid #201d20;
}
.viewGallery h4 {
	font-size: 11px;
}
.viewGallery a {
	height: 15px;
	background-size: 30px auto;
	font-size: 10px;
	line-height: 15px;
	/*padding-left: 5%;*/
}
.viewGallery{
	margin-top:15px;}
}

@media(max-width:980px){
hr.left,hr.right{	width: 15%;}
hr.hr{	width: 25%!important;}	
.title{font-size: 22px;}
hr.right{margin-top: -13px;}
#drop{width:99%; margin:auto 5px;}
#drop a{ padding: 8px 15px;font-size: 14px;}
#drop h2{font-size:15px; width:45%;}
.profile,.input_check{font-size: 17px;}
.footer{width:100%;	text-align:center;}
a.update{margin-left: 48px;	padding: 8px 25px;	font-size: 19px; margin-left:-10px !important;}
#contact-button{height: 60px}
.support_request{height: 40px!important;}
}


@media only screen 
and (min-width : 0px)and (max-width : 480px) {
.title{font-size: 20px;}
.profile{margin:0;}
ul.profile_info>li> p,ul.profile_info>li> p>input{font-size: 13px;}
ul.profile_info>li> p{padding:10px 0 5px 0;}
.bottom_tittle h2{	width:90%;	font-size:13px;}
.input_check input{margin-left:15px;}
ul.profile_info>li.bday>:nth-child(2)>select {font-size:.9em; padding-right:12px !important; background-size:10px;}
.input_check{font-size: 14px;}
a.update{font-size: 16px;}
ul.profile_info>li>:nth-child(1){ padding-right:5px;width:30%;}
ul.profile_info>li.bday>:nth-child(2)>select {margin-right:2px !important;}
input[type=checkbox].css-checkbox + label.css-label {font-size:13px;}

#footer_menu ul li {padding-top:5px;padding-bottom:5px;}
#footer_menu li a{padding:4px 0 3px;}
#footer_menu img {    height:22px;}
#footer_menu li:hover > ul#dropup {bottom:47px;}

}

 @media only screen and (max-device-width : 480px) {
.popup-content, .popup-content p {
	font-size: 1.2em;
	margin-bottom: 10px;
}
.sumbit-box {	margin-top: 8px;}
.sumbit-box input[type='button'] {	margin-top: 7px;}
.vieOfferMoreDetail a {
	width: 70%;
	background-size: 100% 100%;
}
}
.viewGallery a {background-size: 22px auto;}
.steps.wid98 {width: 90%;}
.wid98 label{padding: 1%; word-spacing:-2px;}
.wid98 b{word-spacing:-1px;}
 @media only screen and (max-device-width : 264px) {
.steps label, .steps b{font-size: 10px;}
}
 @media only screen and (min-device-width : 580px) and (max-device-width : 767px) {
header h3 {	font-size: 22px;}
.popup-content, .popup-content p {
	font-size: 1.2em;
	margin-bottom: 0px;
}
.ui-accordion h3 {	font-size: 18px;}
.answer {	font-size: 15px;}
.ui-accordion {	padding-bottom: 55px !important;}
.text p {font-size: .7em;}
/*............View Offer Rules.............*/
.viewOfferDetail ul li {
	font-size: 15px;
	background: url('../images/list-cross.png') left top no-repeat;
	background-size: 20px auto;
	padding-top: 0px;
	padding-left: 30px;
	margin-bottom:8px;
}
.vieOfferMoreDetail p {
	font-size: 15px;
	line-height: 24px;
	margin-bottom: 30px;
}
.vieOfferMoreDetail span {
	font-size: 18px;
}
.vieOfferMoreDetail a {
	font-size: 28px;
	background-size: 100% 100%;
	width: 90%;
}
.vieOfferMoreDetail a {
	height: 50px;
	line-height: 50px;
	width: 60%;
}

.logo img {
	width: 40%;
}
}

@media (min-width : 769px) and (max-width : 1280px) {
	.imgmob{height:60px;}
}

@media (min-width : 481px) and (max-width : 768px) {
	.imgmob{	height:50px;}
	.left_img{	padding-right:0;	}
	.view_offer h1{	font-size:22px;	}
	.mid_text h1{	font-size:13px;}
	.continue_link{	font-size:24px;width:70%; margin-left:15%;	}
	.offer_row {	font-size:18px;	}
	.wrapper{padding-bottom: 50px;}
}
	
/* Smartphones (portrait and landscape) ----------- */
@media (min-width : 220px) and (max-width : 480px) {
	.imgmob{	height:40px;}
	.left_img{	padding-right:0;}
	.left_line{	line-height:20px; margin-top:10px;	}
	.offer_box { min-height: 60px;}
	.view_offer h1{	font-size:18px;line-height:20px;margin:10px -13px; padding:0 -5px;}
	.mid_text h1{	font-size:11px; white-space: nowrap; margin-left:-5px; padding: 10px 0px;}
	/*.offer_box h1.mobtext{font-size:14px;	line-height:30px;	}*/
	.continue_link{	font-size:16px; margin-left:10%;width:80%;}
	.offer_row {	font-size:12px;	}
	.featured{	width:60px;right:-11px;}
	.featured span{	font-size:9px;line-height: 18px;}
	.offer_box span.toggle-icon {top:26px;}
	#msg_panel> section> .cont *{font-size:11px !important;}
	.wrapper{padding-bottom: 54px;}
	.congrat_msg{font-size:14px;}
}

@media (max-width : 219px) {
	.imgmob{height:50px;}
	.mid_text h1{font-size:10px;}
	.col-xs-3 {width: 40%;}
	.featured {width: 65px;height: 15px;right: -87px;top: -1px;}
	.featured span {font-size: 11px;}
}

 @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
.popup-content, .popup-content p {	font-size: 22px;	margin-bottom: 24px;}
/*#main-nav li{height:60px !important;}*/
}
 @media only screen and (min-device-width : 220px) and (max-device-width : 480px) {
.ui-accordion h3 {	font-size: 13px !important;}
.answer {	font-size: 12px !important;padding:10px 10px;}
 header h3 {font-size:18px;}
}

.logo-img, .logo img {
	max-width: 400px !important;
}

ul{
	margin-bottom: 0;
}

.nav {
	max-width: 1000px;
	margin-left: auto;
	margin-right: auto;
}
#nav-wrapper {
	max-width: 1000px;
	margin-left: auto;
	margin-right: auto;
}

.c-prize {
	font-size: 8px !important;
}

.step1 {
	width: 80%;
}

span.expand.ps {
	font-size: 12px;
	font-weight: bold;
	padding: 2px;
	letter-spacing: 1px;
}

.congrat_msg p {
	margin-bottom: 0 !important;
}

.slide img {
	width: 80px !important;
}

.initialism {
	text-transform: lowercase;
	font-size:9px;
	padding-left: 2px !important;
	padding-right: 2px !important;
	background:rgb(5, 68, 110) !important;
	border-bottom:none;
	letter-spacing: 0.1px
}

.r-link {
	width: 97%;
	margin-left: auto !important;
	margin-right: auto !important;
}

#xyz {
	background:#096AAB;
	color:white;
	border-radius:5px;
	word-spacing: 1px;
	letter-spacing: 0;
	padding-top: 2px;
	padding-bottom: 2px;
	width: 97%;
	margin-left: auto;
	margin-right: auto;
}

section.container, section.congrat_msg {
	max-width: 900px;
	margin-right: auto;
	margin-left: auto;
}

#msg_panel > section{
	max-width: 935px;
	margin-left: auto !important;
	margin-right: auto !important;
}

.col-stat {
	font-size: 10px;
}

@media (max-width: 320px) {
	.wid98 b {
		font-size:9px;
	}
	.steps.wid98.step1 {
		max-width: 100%;
	}
	.title{font-size: 17px;}
	#erng_panel > section> div.cont> ul> li> label.lbl_cont {
		font-size: 0.8em;
	}
	hr.right {
		margin-top: -11px;
	}
	.congrat_msg p {
		font-size: 13px;
	}
	.rlAccordion > h3,h4 {
		font-size: 14px !important;
	}

}


@media (max-width: 530px) {
	.yco h4  {
		font-size: 15px !important;
	}
}


@media (max-width: 480px) and (min-width: 220px) {
	.offer_box span.toggle-icon {
		top: 26px;
		right: 30px;
	}
}

@media (min-width: 480px) {
	hr.right {
		margin-top: -17px !important;
	}
	hr.left {
		position: absolute !important;
		left: 0 !important;
		margin-top: 3px !important;
	}

	span.expand.ps {
		font-size: 16px;
		font-weight: bold;
		padding: 2px;
		letter-spacing: 2px;
	}
	#xyz {
		width: 90%;
		padding-left: 15px;
		padding-right: 15px;
	}
}

	@media (min-width: 320px) {
	.works {
		font-size: 19px !important;
	}
	.c-prize, input#username.style, input#password.stylee {
		font-size: 12px !important;
	}
	.initialism {
		font-size: 10.8px;
	}

	.modal__inner {
		max-width: 136px;
	}
}
@media (min-width: 460px) {
	.works {
		font-size: 30px !important;
	}
	.c-prize, .initialism {
		font-size: 15px !important;
	}
	.steps b, .steps label {
		font-size: 16px;
	}
	.slide img {
		width: 100px !important;
	}
	#carousel {
		height: 175px !important;
	}
	#ui-carousel-prev, #ui-carousel-next {
		top: 50px !important;
	}
	.user h3 {
		font-size: 13px;
	}
	.viewGallery h4, input#username.style, input#password.stylee {
		font-size: 15px;
	}
	.viewGallery a {
		font-size: 13px;
	}
	.viewGallery {
		width: 80%;
	}
	.user .next_step {
		height: 30px;
		background-size: 26px auto;
		font-size: 14px;
		width: 104px;
		padding-top: 3px;
	}

	span.rate {
		width: 24%;
	}


}
@media (min-width: 530px) {
	.works {
		font-size: 35px !important;
	}
	.c-prize, .ui-accordion h3 {
		font-size: 16px !important;
	}
	.user input, .answer  {
		font-size: 14px;
	}
	.mid_text h1{	font-size:15px;}
	.col-stat {
		font-size: 11px;
	}
}

@media (min-width: 590px) {
	.r-link {
		width: 72%;
}
@media (min-width: 720px) {
	.works {
		font-size: 39px !important;
		margin-bottom: 20px !important;
	}
	.c-prize, .listing li span, .listing ul li i, .initialism, .congrat_msg p,
	.rlAccordion > h3 {
		font-size: 19px !important;
	}
	.slide img {
		width: 120px !important;
	}
	#carousel {
		height: 195px !important;
	}
	#ui-carousel-prev, #ui-carousel-next {
		top: 57px !important;
	}
	.user h3, .congrat_msg, .answer {
		font-size: 16px !important;
	}
	.user .next_step {
		height: 34px;
		background-size: 32px auto;
		font-size: 18px;
		width: 133px;
		padding-top: 4px;
	}
	.text p {
		font-size: 1.0em;
	}
	.title{
		font-size:30px;
	}
	.listing ul li i {
		width: 46px;
		height: 46px;
	}
	hr.right {
		margin-top: -20px !important;
	}
	hr.left {
		margin-top: 8px !important;
	}
	.mid_text h1{	font-size:18px;}
	.ui-accordion h3 {
		font-size: 21px !important;
	}
	.r-link {
		max-width: 540px;
	}
	section.heading {
		font-size: 1.3em;
	}
}
@media (min-width: 920px) {
	.c-prize {
		font-size: 23px !important;
	}
	.steps b, .steps label {
		font-size: 20px;
	}
	.col-stat {
		font-size: 13px;
	}
	span.rate {
		width: 16%;
	}

}
@media (min-width: 1000px) {
	.c-prize {
		font-size: 25px !important;
	}
	.step1, .viewGallery {
		width: 800px;
	}
	.steps.wid98, #xyz {
		width: 900px;
	}
	input#tb{
		width: 600px;
	}
	.title {
		font-size: 42px;
	}

	.congrat_msg {
		font-size: 20px !important;
	}

	span.expand.ps, .answer {
		font-size: 18px !important;
	}


	.offer_box span.toggle-icon {
		position: absolute;
		right: 0;
		left: 940px;
	}

	.listing, .listing ul li {
		max-width: 1000px;
		margin-left: auto;
		margin-right: auto;
	}

	.yco, .congrat_msg, .expand-bg  {
		max-width: 970px;
		margin-left: auto !important;
		margin-right: auto !important;
	}
	hr.right {
		margin-top: -28px !important;
	}
	hr.left {
		margin-top: 18px !important;
	}

	.mid_text h1, .ui-accordion h3{	font-size:22px !important;}

}
