@font-face
{
font-family:handsean;
src:url(../fonts/handsean.ttf);
}
body {
    color: #646464;
    background-color: #fff;
}
@media (min-width: 240px) {
h1{font-size:1.3em;}h3{font-size:1.1em;}h4{font-size:1.2em;}h5{font-size:0.8em;}.h6{font-size:1em;}.xsem50{font-size:5em;}.xsem35{font-size:3.5em;}.xsem30{font-size:3em;}.xsem28{font-size:2.8em;}.xsem26{font-size:2.6em;}.xsem25{font-size:2.5em;}.xsem24{font-size:2.4em;}.xsem22{font-size:2.2em;}.xsem20{font-size:2em;}.xsem18{font-size:1.8em;}.xsem16{font-size:1.6em;}.xsem15{font-size:1.5em;}.xsem14{font-size:1.4em;}.xsem13{font-size:1.3em;}.xsem12{font-size:1.2em;}.xsem11{font-size:1.1em;}.xsem10{font-size:1em;}.xsem9{font-size:0.9em;}.xsem8{font-size:0.8em;}
.text-center1{text-align:center;}.mdt{margin-top:8%;}
.top_header{
background: #000000;
	width: 100%;
	height: auto;
	padding: 3% 0;}
}
.content_area li{padding-left:36px;}
/*@media (min-width: 420px) {
h1{font-size:1.8em;}h3{font-size:1.4em;}h4{font-size:1em;}h5{font-size:0.9em;}.h6{font-size:1.1em;}
.content_area li{padding-left:40px;}
}*/
@media (min-width: 768px) {
h1{font-size:2.1em;}h3{font-size:1.6em;}h4{font-size:1.38em;}h5{font-size:0.9em;}.h6{font-size:1.2em;}
.content_area li{padding-left:11%;}.smem70{font-size:7em;}.smem35{font-size:3.5em;}.smem30{font-size:3em;}.smem28{font-size:2.8em;}.smem26{font-size:2.6em;}.smem25{font-size:2.5em;}.smem24{font-size:2.4em;}.smem22{font-size:2.2em;}.smem20{font-size:2em;}.smem19{font-size:1.9em;}.smem18{font-size:1.8em;}.smem17{font-size:1.7em;}.smem16{font-size:1.6em;}.smem15{font-size:1.5em;}.smem14{font-size:1.4em;}.smem13{font-size:1.3em;}.smem12{font-size:1.2em;}.smem11{font-size:1.1em;}.smem12{font-size:1.2em;}.smem10{font-size:1em;}.smem9{font-size:0.9em;}.smem8{font-size:0.8em;}
.text-center1{text-align:left;}.mdt{margin-top:15%;}
.top_header{
background: #000000;

	width: 100%;
	height: auto;
	padding: 1% 0;
	
}
}
@media (min-width: 992px) {
h1{font-size:2.3em;}h3{font-size:1.8em;}h4{font-size:1.38em;}h5{font-size:1em;}.h6{font-size:1.3em;}
.content_area li{padding-left:9%;}.mdem70{font-size:7em;}.mdem45{font-size:4.5em;}.mdem35{font-size:3.5em;}.mdem30{font-size:3em;}.mdem28{font-size:2.8em;}.mdem26{font-size:2.6em;}.mdem25{font-size:2.5em;}.mdem24{font-size:2.4em;}.mdem22{font-size:2.2em;}.mdem21{font-size:2.1em;}.mdem20{font-size:2em;}.mdem18{font-size:1.8em;}.mdem17{font-size:1.7em;}.mdem16{font-size:1.6em;}.mdem14{font-size:1.4em;}.mdem13{font-size:1.3em;}.mdem12{font-size:1.2em;}.mdem11{font-size:1.1em;}.mdem9{font-size:0.9em;}.smem8{font-size:0.8em;}
.text-center1{text-align:left;}.mdt{margin-top:7%;}
}
@media (min-width: 1200px) {
h1{font-size:2.3em;}h3{font-size:1.8em;}h4{
	font-size: 1.4em;
}h5{font-size:1em;}.h6{font-size:1.3em;}.em70{font-size:7em;}.em45{font-size:4.5em;}.em35{font-size:3.5em;}.em30{font-size:3em;}.em28{font-size:2.8em;}.em26{font-size:2.6em;}.em25{font-size:2.5em;}.em24{font-size:2.4em;}.em22{font-size:2.2em;}.em20{font-size:2em;}.em18{font-size:1.8em;}.em16{font-size:1.6em;}.em14{font-size:1.4em;}.em13{font-size:1.3em;}.em12{font-size:1.2em;}.em11{font-size:1.1em;}.em10{font-size:1em;}.em9{font-size:0.9em;}.em8{font-size:0.8em;}
.content_area li{
	padding-left: 7%;
}
.text-center1{text-align:left;}.mdt{margin-top:7%;}
}
.bottom_header{background-color:#184062;width:100%;height:auto;}
.footer_whole{background-color:#143550; width:100%; height:auto; padding:1% 0 0 0;}
.bottom_footer{
	background-color:#cacaca;
	width:100%;
	height:auto;
	padding:1% 0 1% 0;
}
.wgt300{font-weight:300;}
.wgt400{font-weight:400;}
.wgt500{font-weight:500;}
.wgt600{font-weight:600;}
.wgt700{font-weight:700;}
.wgt800{font-weight:800;}
.colorwhite{color:#000000;}
.coloryellow{color:#fff414;}
.colorred{
	color: #9e0b0f;
}
.mybullets li{background:url(../images/disc.png) no-repeat !important; margin:2% 0 1% -4%!important; list-style:none; padding-left:30px;}
.content_area{margin-top:-3%}
.content_area li{list-style:none outside;margin:4% 0 4% -7%;  background-position:left top; background-repeat:no-repeat;}
.clear{clear:both;}
.access_button{
	background-color: #ff8622;
	padding: 0 0 1% 0;
	border-radius: 8px;
	-webkit-border-radius: 8px;

}

.access_button1{
	background-color: #ff8622;
	padding:3.5%;
	border-radius: 8px;
	-webkit-border-radius: 8px;

}
.margin_top11{margin-top:11%;}
.margin_top12{margin-top:12%;}
.margin_top8{margin-top:8%;}
.margin_top7{margin-top:7%;}
.margin_top4{margin-top:4%;}
.margin_top5{margin-top:5%;}
.margin_top6{margin-top:6%;}
.margin_top2{margin-top:2%;}
.margin_top3{margin-top:3%;}
.margin_toparrow{margin-top:2.5%;}
.margin_top1{margin-top:1%;}
.margin_strip{margin:4% 0;}
a.access{color:#ffffff;}
a.access:hover{
	color:#333333;
	text-decoration:none;
}

h1,h2,h3,h4,h5,h6{line-height:130%;}
.bottomlinks a{
	color:#000000;
}
input{width:100%;}
.lh160{
	line-height: 160%;
}
.lh180{line-height:180%;}
.underline{
	border-bottom: 2px solid #eee;
}
.handsean{font-family:handsean; font-weight:bold; font-size:18px; color:#000;}
.productimage
{
	-webkit-border-radius: 8px;
	border-radius: 5px;
	background: #f8f8f8;
	-webkit-box-shadow: 0 0 3px 1px #d4d4d4;
	box-shadow: 0 0 3px 1px #d4d4d4;
	padding-top: 3.8%;
	padding-right: 0;
	padding-bottom: 3.8%;
	padding-left: 0;
}
.stats
{
	background:#f0f0f0;
}

.box{

	padding:1% 0;
	margin-bottom:1%;
	
}

.margin_left{
	margin-left:-5%;
}
.margin_bottom1{margin-bottom:1%;}
.margin_bottom2{margin-bottom:2%;}
@media(max-width:767px){sup{top:-0.8em!important; font-size:10px!important;}}
@media(min-width:768px){sup{top:-1.3em!important; font-size:12px!important;}}



/*New Awaber design css start*/
.jvcontainer{margin:auto;background-color:#fff;background-size:cover;color:#fff;padding:30% 3% 30% 3%;}
.offwhite{color:#e1e1e1;}
.clear{clear:both;}

.form-inline .input-group {
	display: inline-table;
	vertical-align: middle;
	width:100%;
}

 .form-control {
	display: block;
	width: 100%;
	height: 34px;
	padding: 6px 12px;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.42857143;
	color: #000;
	background-color: transparent;
	background-image: none;
	border-top: 1px solid #525151 !important;
	border-bottom: 1px solid #525151 !important;
	border-left:0px !important;
	border-right: 1px solid #525151 !important;
	border-radius: 0px !important;
	/*-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075);*/
	-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
	-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s
}
.form-control:focus {
	border-color: #66afe9;
	outline: 0;
	/*-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6)*/
}
.input-group-addon {
	padding: 6px 12px;
	font-size: 14px;
	font-weight: 400;
	line-height: 1;
	color: #000;
	text-align: center;
	background-color: transparent;
	border-left: 1px solid #525151 !important;
	border-top: 1px solid #525151 !important;
	border-bottom: 1px solid #525151 !important;
	border-radius: 0px !important;
}
.input-group-addon {
	padding: 6px 12px;
	font-size: 14px;
	font-weight: 400;
	line-height: 1;
	color: #000;
	text-align: center;
	background-color: transparent;
	border-top: 0px solid #525151;
	border-bottom: 1px solid #525151;
	border-radius: 4px
}
.jvbutton {
  border: 0;
  width:100%;
  outline: none;
  border-radius: 0;
  padding: 15px 0;
  font-size: 1.9rem;
  font-weight: 400;
  letter-spacing: .1em;
  background: #dc2e27;
  -webkit-box-shadow: 0 0 0 1px #dc2e27;
  box-shadow: 0 0 0 1px #dc2e27;
  color: #fff;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  -webkit-appearance: none;
}
.jvbutton:hover{background:#dc2e27;-webkit-box-shadow: 0 0 0 1px #dc2e27;
box-shadow: 0 0 0 1px #dc2e27;font-weight: 400;color:#000;}

.form_bg{background-color:#dc2e27;padding-bottom:2%;}


.modal-backdrop.in {
    filter: alpha(opacity=50)!important;
    opacity: 0.85 !important;
}

input:focus::-webkit-input-placeholder { color:transparent; }
input:focus:-moz-placeholder { color:transparent; }
/*New Awaber design css start*/

.colorgrey{
color:#646464;
}
.padding3{padding :3%;}
.width100{width:100%;}