﻿body {
     font-family: 'Amaranth', sans-serif;
}
a,a:hover
{
    text-decoration:none;
}
.gharhead {
    height: 49px;
    background-color: rgba(0,0,0,0.9);
    width: 100%;
    z-index: 999;
    position: relative;
    border-bottom:1px  solid #666;
    webkit-box-shadow: 1px 1px 6px #d4d4d4;
    -moz-box-shadow: 1px 1px 6px #d4d4d4;
    box-shadow: 1px 1px 6px #d4d4d4;
}
.middlegharhead {
    width: 1200px;
    margin: 0 auto;
}
.clearAll {
    clear: both;
}
.gharheadnav .logoghar {
    padding-top: 9px;
    padding-left: 0;
}
.gharheadnav .logoghar {
    float: left;
    padding: 5px 0 0 17px;
}

.gharheadnav .logoghar .sitLogo {
    width: 52px;
    height: 40px;
    
}
#gharsearchBarDiv.posRel {
    z-index: 999;
    position: relative;
}
.posRel {
    position: relative;
    float: none;
}

.gharSearchContainer {
    width: 595px;
    height: 37px;
    position: absolute;
    left: 250px;
    top: 6px;
    z-index: 9;
    display: block;
}
.gharheadnav .mainLinks {
    padding-right: 0;
    padding-top: 14px;
    padding-bottom: 0;
}
.gharheadnav .mainLinks {
    float: right;
    font-size: 14px;
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 23px;
}
.gharheadnav .mainLinks ul li:first-child {
    margin-left: 0;
}
.gharheadnav .mainLinks ul li {
    padding-left: 19px;
}
.gharheadnav .mainLinks ul li {
    float: left;
    list-style-type: none;
    position: relative;
}
.gharheadnav .mainLinks ul li a {
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: .6px;
    text-decoration: none;
}
.loginddli
{
    margin-top:13px;
    color:#fff;
}
.postproli {
    margin-top:13px;
}
.postproo
{
    margin-top:13px;
    border:1px #FFF solid;
    padding:2px 6px;
    color:#FFF;
}
.postproo:hover {
     border:1px #FF7F00 solid;
     color:#FF7F00;
}

a.loginLink {
    color:#fff;
   margin-top:10px;
}
.mainLinks ul>li>a, .mainLinks ul>li>a:hover {
    transition: all .4s ease-in-out;
}
.dropbtn {
    padding: 5px 8px;
    font-size: 16px;
    border: none;
    cursor: pointer;
}

.dropdown {
    position: relative;
    display: inline-block;
}

.dropdown-content {
    display: none;
    position: absolute;
    right: 0;
    background-color:#fff;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    color:#FF7F00;
}

.dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

.dropdown-content a:hover {background-color: #FF7F00; color:#fff;}

.dropdown:hover .dropdown-content {
    display: block;
}

.dropdown:hover .dropbtn {
    background-color: #FF7F00;
}
.btnline {
    width: 30px;
    height: 2px;
    background-color: #fff;
    margin: 5px 0;
}
.btnlinemenu
{
 font-size:11px;
 color:#fff;
  width: 30px;
    height: 10px;
    margin-top:1px;
    text-align:center;
}
.gharddltype {
    width: 130px;
    background: #616161 url(http://cdn.staticmb.com/images/globalHeaderSearchDD-black.png) 140px 16px no-repeat;
    border-radius: 3px 0 0 3px;
    font-size: 14px;
    height: 37px;
    line-height: 37px;
    padding-left: 9px;
    cursor: pointer;
    color: #fff;
    text-align: center;
    padding-right: 20px;
    outline:0px;
    border:0px;
}
.gharddllocation {
    width: 150px;
    font-size: 14px;
    height: 37px;
    line-height: 37px;
    padding-left: 9px;
    cursor: pointer;
    text-align: center;
    padding-right: 20px;
    outline:0px;
    border:0px;
    margin-left:-3px;
    border-right:1px solid #d4d4d4;
}
.gharddllocationlocal {
    width: 250px;
    font-size: 14px;
    height: 37px;
    line-height: 37px;
    padding-left: 9px;
    cursor: pointer;
    text-align: center;
    padding-right: 20px;
    outline:0px;
    border:0px;
    margin-left:-4px;
}


.gharbtn {
    border-radius: 0px 3px 3px 0px;
    background: #c0392b;
    border: none;
    background: #FF7F00;
    color: #fff;
    width: 60px;
    font-size: 14px;
    padding:9px 10px 8px 10px;
    margin-left:-3px;
     outline:0px;
     margin-top:-5px;

}
.contentpost {
    width: 100%;
    height: auto;
    position: relative;
    overflow: hidden;
     background: url(../images/postbg.jpg);
     
    background-size:100% 100%;
     bottom:0px;
      background-size:15% 100%;

      background-attachment:fixed;
}
.contentpostleft {
    width: 27%;
   height:100%;
    left: 0;
    z-index: 1;
    transition: all .5s ease;
    float:left;
    bottom:0px;
    overflow:hidden;
    
}
.contentpostleftcon {
    width: 100%;
   height:100%;
   bottom:0px;
    padding: 49px 50px 45px 50px;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.contentpostleftcon h3 {
    display: block;
    font-weight: normal;
    font-size: 24px;
    line-height: 33px;
    color: #fff;
    margin-bottom: 20px;
}
.contentpostleftcon ul {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
}
.contentpostleftcon ul li {
    width: 100%;
    height: auto;
    list-style: none;
    margin: 0;
    padding: 10px 0 10px 19px;
    color: #fff;
    font-size: 14px;
    line-height: 19px;
    background: url(../images/tickIcon.png) no-repeat left 16px;
}
.contentpostright {
    width: 73%;
    height:auto;
    right: 0;
    z-index: 0;
    background: url(../images/rightbg.jpg);
    background-size:100% 100%;

    background-attachment:fixed;
    transition: all .5s ease;
    float:right;
    padding-bottom:50px;
}
.formCont {
    width: 405px;
    height: auto;
    position: relative;
    z-index: 2;
    background-color: #fff;
    margin: 30px auto 0;
    padding: 22px 30px 22px 30px;
    border-radius: 7px;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    -ms-border-radius: 7px;
    border: solid 1px #d7d7d7;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.heading {
    padding-bottom: 10px;
    margin-bottom:20px;
    color: #333;
    font-size: 20px;
    text-align: left;
    border-bottom:1px solid #d4d4d4;
}
.logindiv
{
    padding-top:15px;
}
.registerdiv
{
    padding-top:15px;
}
.smsform
{
    width:100%;
    height:auto;
     font-size: 14px;
    font-weight: normal;
     overflow:hidden;
     padding:5px 0px;
     margin-bottom:4px;
}
.smsforml {
    width:100%;
   height:auto;
   overflow:hidden;
   margin-bottom:8px;
}
.smsformtext {
    width:100%;
   height:auto;
   overflow:hidden;
   margin-bottom:4px;
   margin-top:15px;
   text-align:center;
   font-size:12px;
}
    .smsformtext a {
        color:#FF7F00;
        text-decoration:underline;
    }
    .smsformtextdiv
    {
        width:100%;
   height:auto;
   overflow:hidden;
         text-align:center;
   font-size:18px;
   margin-bottom:25px;
    }
    .smsformtexttext
    {
        width:100%;
   height:auto;
   overflow:hidden;
   font-size:17px;
   margin-bottom:7px;
   margin-top:10px;
    }

.smsformr {
     width:100%;
      height:auto;
   overflow:hidden;
}
.smsformrl
{
     width:100%;
    float:left;
     height:auto;
   overflow:hidden;
}
.group 			  { 
  position:relative; 
  margin-bottom:26px; 
}
.rgroup 			  { 
  position:relative; 
  margin-bottom:33px; 
}
.cgroup 			  { 
  position:relative; 
  margin-bottom:33px; 
  padding-top:10px;
}
.lgroup 			  { 
  position:relative; 
  margin-bottom:13px; 
}
.ctextbox			{
  font-size:14px;
  padding:8px 10px 7px 0px;
  display:block;
  width:100%;
  border:none;
  border-bottom:1px solid #ffce9d;
  color:#999;
}
.ctextbox:focus 		{ outline:none; }
.ctextboxdob			{
  font-size:14px;
  padding:8px 10px 7px 0px;
  display:block;
  width:100%;
  border:none;
  border-bottom:1px solid #ffce9d;
}
.ctextboxdob:focus 		{ outline:none; }
/* LABEL ======================================= */
.ctextboxlbl 				 {
  color:#999; 
  font-size:14px;
  font-weight:normal;
  position:absolute;
  pointer-events:none;
  left:0px;
  top:10px;
  transition:0.2s ease all; 
  -moz-transition:0.2s ease all; 
  -webkit-transition:0.2s ease all;
}

/* active state */
.ctextbox:focus ~ .ctextboxlbl, .ctextbox:valid ~ .ctextboxlbl,.ctextboxdob:focus ~ .ctextboxlbl, .ctextboxdob:valid ~ .ctextboxlbl		{
  top:-10px;
  font-size:13px;
  color:#666;
}
.ctextboxdark			{
  font-size:14px;
  padding:8px 10px 7px 0px;
  display:block;
  width:45px;
  border:none;
  border-bottom:1px solid #ffce9d;
  color:#666;
}
.ctextboxdark:focus 		{ outline:none; }

.ctextboxlight			{
  font-size:14px;
  padding:8px 10px 7px 0px;
  display:block;
  width:290px;
  border:none;
  border-bottom:1px solid #ffce9d;
}
.ctextboxlight:focus 		{ outline:none; }

/* LABEL ======================================= */
.ctextboxlightlbl 				 {
  color:#999; 
  font-size:14px;
  font-weight:normal;
  position:absolute;
  pointer-events:none;
  left:55px;
  top:10px;
  transition:0.2s ease all; 
  -moz-transition:0.2s ease all; 
  -webkit-transition:0.2s ease all;
}

/* active state */
.ctextboxlight:focus ~ .ctextboxlightlbl, .ctextboxlight:valid ~ .ctextboxlightlbl		{
  top:-10px;
  font-size:13px;
  color:#666;
}
/* BOTTOM BARS ================================= */
.bar 	{ position:relative; display:block; width:100%; }
.bar:before, .bar:after 	{
  content:'';
  height:2px; 
  width:0;
  bottom:1px; 
  position:absolute;
  background:#ffce9d; 
  transition:0.2s ease all; 
  -moz-transition:0.2s ease all; 
  -webkit-transition:0.2s ease all;
}
.bar:before {
  left:50%;
}
.bar:after {
  right:50%; 
}

/* active state */
.ctextbox:focus ~ .bar:before, .ctextbox:focus ~ .bar:after,.ctextboxdob:focus ~ .bar:before, .ctextboxdob:focus ~ .bar:after {
  width:50%;
}
.ctextboxlight:focus ~ .bar:before, .ctextboxlight:focus ~ .bar:after {
  width:50%;
}

/* HIGHLIGHTER ================================== */
.highlight {
  position:absolute;
  height:60%; 
  width:100px; 
  top:25%; 
  left:0;
  pointer-events:none;
  opacity:0.5;
}

/* active state */
.ctextbox:focus ~ .highlight,.ctextboxdob:focus ~ .highlight {
  -webkit-animation:inputHighlighter 0.3s ease;
  -moz-animation:inputHighlighter 0.3s ease;
  animation:inputHighlighter 0.3s ease;
}
.ctextboxlight:focus ~ .highlight {
  -webkit-animation:inputHighlighter 0.3s ease;
  -moz-animation:inputHighlighter 0.3s ease;
  animation:inputHighlighter 0.3s ease;
}
/* ANIMATIONS ================ */
@-webkit-keyframes inputHighlighter {
	from { background:#5264AE; }
  to 	{ width:0; background:transparent; }
}
@-moz-keyframes inputHighlighter {
	from { background:#5264AE; }
  to 	{ width:0; background:transparent; }
}
@keyframes inputHighlighter {
	from { background:#5264AE; }
  to 	{ width:0; background:transparent; }
}
.txtsmsform
{
    width:100%;
    height:35px;
    border-bottom: 2px solid #ffce9d;
    border-top:0px;
    border-left:0px;
    border-right:0px;
	padding-left:10px;
	line-height: 1.5em;
    font-size:14px;
    
}
.txtsmsform:focus
{
    /* No outline on focus */
	outline: 0;
    background-color:#fff5eb;
    border: 1px solid #ffe1c4;
	/* a darker border ? */
	
}
.txt_DOB
{
    width:100%;
    height:35px;
    border: 1px solid #f7ae96;
	border-radius: 5px;
	padding-left:10px;
	line-height: 1.5em;
    font-size:14px;
	/* some box shadow sauce :D */
	box-shadow: inset 0px 2px 2px #fef5f2;
    background-color:#fde7df;
}
.txt_DOB:focus
{
    /* No outline on focus */
	outline: 0;
	/* a darker border ? */
	border: 1px solid #f3845f;
    background-color:#f9bca8;
}
 .txtdarkdiv
{
    width:45px;
    height:35px;
   float:left;
}
 .txtlightdiv
{
    width:290px;
    height:35px;
    float:right;
}

.radioboxlist radioboxlistStyle
{
font-size:x-large;
padding-right: 20px;
}
.radioboxlist label {
padding-left: 6px;
padding-right: 16px;
padding-top: 2px;
padding-bottom: 2px;
border-bottom: 1px solid #ffce9d;
white-space: nowrap;
clear: left;
margin-right: 10px;
margin-left: 10px;

}

input:checked + label {

background: #ffce9d;
}


.txtperformlight:focus
{
   
	outline: 0;
    background-color:#fff5eb;
    border: 1px solid #ffe1c4;
	/* a darker border ? */
}
.btnsmsformcon {
    width: 100%;
    height: 36px;
    background: #FF7F00;
    border: 2px solid #FF7F00;
    font-size: 16px;
    color: #FFFFFF;
    margin-top: 5px;
    font-weight: 500;
    padding-top:5px;
    outline: 0px;
    text-transform: uppercase;
    -moz-transition: all .4s ease-in;
    -webkit-transition: all .4s ease-in;
    -o-transition: all .4s ease-in;
    transition: all .5s ease-in;
    float:right;
    text-align:center;
    text-decoration:none;
}
.btnsmsformcon:hover{
    background-color:#ff9327;
}

.cwloginbutton
{
    
     background-color: #f26920;
    color: #fff;
     width:100%;
    text-shadow: none;
    background-image: none;
   box-shadow: 0 0 0 0 #e7e7e7 inset;
    border:1px solid #f26920;
   
   font-size:23px;
  
    cursor: pointer;
    display: inline-block;
    min-height: 1em;
    outline: 0;
    
    vertical-align: baseline;
   padding-top: 14.5px!important;
    padding-bottom: 14.5px!important;
    margin: 0 .25em 0 0;
    padding: .78571429em 1.5em;
    text-transform: none;
    text-shadow: none;
    line-height: 1em;
    font-style: normal;
    text-align: center;
    text-decoration: none;
    border-radius: .28571429rem;
    box-shadow: 0 0 0 1px transparent inset,0 0 0 0 #e7e7e7 inset;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    will-change: '';
    -webkit-tap-highlight-color: transparent;
    -webkit-transition: background .1s ease 0s;
    transition: background .1s ease 0s;
}
.cwloginbutton:hover {
   background-color: transparent;
    color: #fff;
     border:1px solid #f26920;
     background-color:#f26920;
}
.cwregisterbutton
{
    
     background-color: #fff;
    color: #f26920;
     width:100%;
    text-shadow: none;
    background-image: none;
   box-shadow: 0 0 0 0 #e7e7e7 inset;
    border:1px solid #f26920;
   
   font-size:23px;
  
    cursor: pointer;
    display: inline-block;
    min-height: 1em;
    outline: 0;
    
    vertical-align: baseline;
   padding-top: 14.5px!important;
    padding-bottom: 14.5px!important;
    margin: 0 .25em 0 0;
    padding: .78571429em 1.5em;
    text-transform: none;
    text-shadow: none;
    line-height: 1em;
    font-style: normal;
    text-align: center;
    text-decoration: none;
    border-radius: .28571429rem;
    box-shadow: 0 0 0 1px transparent inset,0 0 0 0 #e7e7e7 inset;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    will-change: '';
    -webkit-tap-highlight-color: transparent;
    -webkit-transition: background .1s ease 0s;
    transition: background .1s ease 0s;
}
.cwregisterbutton:hover {
   background-color: transparent;
    color: #e5e5e5;
     border:1px solid #e5e5e5;
}
 .tbsuccessiconbg
 {
     color: #19bc9c;
    font-size: 26px;
    display: inline-block;
    width:30px;
    height:30px;
    margin-top:4px;
    margin-left:2px;
 }
 .forgotpassword
 {
float:right;
	width:160px;
    margin: 3px 0px 0px 1px;
 }
 .forgotpassword a.forgot{
	float:left;
	line-height:20px;
	color:#333;
    font-weight:500;
}
.forgetpassword a.forgot:hover{
	color:#000;
}
.forgotpassword a.forgott{
	float:left;
	line-height:20px;
	color:#FF7F00;
    font-weight:500;
    
}
.forgetpassword a.forgott:hover{
	color:#000;
}
.remember{
	float:left;
	width:160px;
	margin: 0px 0px 0px 1px;
    
}


input[type=checkbox]:not(old){
  width     : 2em;
  margin    : 0;
  padding   : 0;
  font-size : 1em;
  opacity   : 0;
}
input[type=checkbox]:not(old) + label{
  display      : inline-block;
  margin-left  : -31px;
  line-height  : 1.7em;
  background: none;
    box-shadow: inset 0px 0px 0px #f26920;
}
input[type=checkbox]:not(old) + label > span{
  display          : inline-block;
  width            : 19px;
  height           : 19px;
  margin           : 0.25em 0.5em 0.25em 0em;
  border           : 0.0625em solid rgb(192,192,192);
  border-radius    : 0.25em;
  background       : rgb(224,224,224);
  background-image :    -moz-linear-gradient(rgb(240,240,240),rgb(224,224,224));
  background-image :     -ms-linear-gradient(rgb(240,240,240),rgb(224,224,224));
  background-image :      -o-linear-gradient(rgb(240,240,240),rgb(224,224,224));
  background-image : -webkit-linear-gradient(rgb(240,240,240),rgb(224,224,224));
  background-image :         linear-gradient(rgb(240,240,240),rgb(224,224,224));
  vertical-align   : bottom;
}
input[type=checkbox]:not(old):checked + label > span{
  background-image :    -moz-linear-gradient(rgb(224,224,224),rgb(240,240,240));
  background-image :     -ms-linear-gradient(rgb(224,224,224),rgb(240,240,240));
  background-image :      -o-linear-gradient(rgb(224,224,224),rgb(240,240,240));
  background-image : -webkit-linear-gradient(rgb(224,224,224),rgb(240,240,240));
  background-image :         linear-gradient(rgb(224,224,224),rgb(240,240,240));
}
input[type=checkbox]:not(old):checked + label > span:before{
  content     : '✓';
  display     : block;
  width       : 1em;
  color       : #212121;
  font-size   : 17px;
  line-height : 1em;
  text-align  : center;
  text-shadow : 0 0 0.0714em rgb(115,153,77);
  font-weight : bold;
}
.adstext {
   width: 100%; 
   text-align: center; 
   border-bottom: 1px solid #E5E5E5; 
   line-height: 0.1em;
   margin: 20px 0 20px; 
   
}


.adstext span { 
    background:#fff; 
    padding:0 10px; 
    font-size: 14px;
    font-weight:500;
    color:#212121;
}



.footer
{
     width:100%;
    height:350px;
        background-color: rgba(0,0,0,0.7);
    overflow:hidden;
}
.footerinner
{
    width:1024px;
    height:210px;
    margin-left:auto;
    margin-right:auto;
    margin-top:40px;
}
.ftr
{
    width:204px;
    height:210px;
    float:left;
}
.foot_hding
{
    list-style:none;
    font-size:16px;
    margin-left:-17px;
    color:#fff;
    font-weight:bold;
}
.ftcity
{
     
      color:#fff;
     line-height:22px;
}
.ftcity li
{
     
     color:#fff;
     line-height:22px;
     padding:3px 0px;
}
.ftcity li a
{
     
     color:#fff;
     line-height:22px;
}
.ftcity li a:hover
{
     color:#fff;
}
.followusul
{
    width:170px;
    height:42px;
    margin-left:-17px;
    padding:0px;
    margin-top:8px;
}
.sprite
{
    background-image: url(../images/prostrip.png);
    background-repeat: no-repeat;
    display: block;
}

.sprite-facebook {
    width: 42px;
    height: 42px;
       background-position: -292px -150px;
    
}


.sprite-linkedin {
    width: 42px;
    height: 42px;
   background-position: -445px -149px;
    margin-left:12px;
}

.sprite-twitter {
    width: 42px;
    height: 42px;
  background-position: -343px -150px;
   margin-left:12px;
}
.sprite-email {
    width: 28px;
    height: 32px;
   background-position: -35px -4px;
   margin-top:1px;
}
.sprite-phone {
    width:28px;
    height: 32px;
   background-position: -5px -6px;
   margin-top:1px;
}

.followus li
{
    list-style:none;
    float:left;
}
.ftremailphone
{
    font-size:13px; margin-top:20px; margin-left:24px; font-weight:bold;  color:#fff;
}
.footerbottom
{
     width:100%;
    height:40px;
    background-color: rgba(0,0,0,0.9);
     color:#fff;
}
@media only screen and (max-width : 1200px) { 
}
@media only screen and (max-width : 1024px){ }
@media only screen and (max-width : 992px) { }
@media only screen and (max-width : 767px) { 
    .middlegharhead
    {
        width:100%;
        padding-left:20px;
        padding-right:20px;
       
    }
    .gharheadnav .logoghar
    {
        padding-left:0px;
    }
    .posRel {
   
    display: none;
}
    .contentpostleft
    {
        display:none;
    }
    .contentpostright
    {
        width:100%;
    }
    .dropdown-content
    {
        z-index:100000;
    }
    .footer
    {
        display:none;
    }
    .footerbottom
    {
        height:auto;
        overflow:hidden;
    }
    .rights p
    {
        text-align:center;
        padding-top:10px;
    }
}
@media only screen and (max-width : 640px) {

    .loginddli
    {
        display:none;
    }
}
@media only screen and (max-width : 480px){ }
@media only screen and (max-width : 425px){

    .formCont
    {
        width:375px;
    }
}
@media only screen and (max-width : 375px){ 
     .formCont
    {
        width:320px;
    }
     .gharheadnav .mainLinks
     {padding-right:10px;


     }
     .postproli
     {
         padding-left:0px !important;
         margin-left:-50px;
     }
     .gharheadnav .mainLinks ul li
     {
         padding-left:7px !important;
     }

}
@media only screen and (max-width : 320px){
     .formCont
    {
        width:280px;
    }
     
}





