body {
  font-family: 'Open Sans', sans-serif;
  font-size: 14px;
  line-height: 1.42857143;
  width: 100% ;
  height: 100% !important;
  color: #353535;
  background-color: #fff;
}

html {
  width: 100% ;
  height: 100% !important;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  position: relative;
}

/* Only phones */
@media (max-width: 767px) {
/*
  * Break strings if their length exceeds the width of their container
*/
  body {
    word-wrap: break-word;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
  }
}


h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6 {
  font-family: 'Open Sans', sans-serif;
  line-height: 1;
  color: inherit;
}

h1,.h1 {  
  font-size: 36px; 
}

h2, .h2 {
  font-size:56px;
  line-height: 60px;
}

h3,.h3{  
  font-size: 24px;
}

h4,.h4 {  
  font-size: 18px;
}

h5,.h5 {  
  font-size: 14px;
}

h6,.h6 {  
  font-size: 12px;
}

p{
  color: #353535;
  font-family: 'Open Sans', sans-serif;
  line-height:23px;
  font-size: 13px;
  font-weight: 400;
  margin: 0 0 10px;
}

a {  
  text-decoration: none;
  color: #353535;
}

a:hover {  
  text-decoration: none; 
}

/*-----------------------------------------------------------------------------------*/
/*  FONT-SIZE
/*-----------------------------------------------------------------------------------*/
.f13 {font-size: 13px;}
.f14 {font-size: 14px;}
.f15 {font-size: 15px;}
.f16 {font-size: 16px;}
.f17 {font-size: 17px;}
.f18 {font-size: 18px;}
.f19 {font-size: 19px;}
.f20 {font-size: 20px;}
.f21 {font-size: 21px;}
.f22 {font-size: 22px;}
.f23 {font-size: 23px;}
.f24 {font-size: 24px;}
.f25 {font-size: 25px;}
.f26 {font-size: 26px;}
.f36 {font-size: 36px;}
.f40 {font-size: 40px;}

/*-----------------------------------------------------------------------------------*/
/*  FONT-WEIGHT
/*-----------------------------------------------------------------------------------*/
.font100  {  font-weight: 100;}
.font300  {  font-weight: 300;}
.font400  {  font-weight: 400;}
.font500  {  font-weight: 500;}
.font600  {  font-weight: 600;}
.font700  {  font-weight: 700;}
.font900  {  font-weight: 900;}
.italic   { font-style: italic;}
.bold     { font-weight: bold;}

/*-----------------------------------------------------------------------------------*/
/*  SPACING
/*-----------------------------------------------------------------------------------*/
.space0   {    margin-top: 0px  !important;   }
.space5   {    margin-top: 5px  !important;   }
.space10  {    margin-top: 10px  !important;  }
.space20  {    margin-top: 20px  !important;  }
.space25  {    margin-top: 25px  !important;  }
.space30  {    margin-top: 30px  !important;  }
.space40  {    margin-top: 40px  !important;  }
.space50  {    margin-top: 50px  !important;  }
.space60  {    margin-top: 60px  !important;  }
.space70  {    margin-top: 70px  !important;  }
.space80  {    margin-top: 80px  !important;  }
.space90  {    margin-top: 90px  !important;  }
.space100 {    margin-top: 100px !important;  }
.space200 {    margin-top: 200px !important;  }
.space75{       margin-top: 75px !important;}
.space68{margin-top: 68px !important;}
.no-space {    margin: 0 !important;
               padding: 0 !important;}

.margin-left-0   {  margin-left: 0 !important;   }
.margin-right-0  {  margin-right: 0 !important;  }
.padding-left-0  {  padding-left: 0 !important;  }
.padding-right-0 {  padding-right: 0 !important; }
.m-auto          {  margin: 0 auto;              }  


/*-----------------------------------------------------------------------------------*/
/*  BORDER-RADIUS
/*-----------------------------------------------------------------------------------*/
.radius_0   {    border-radius:0px !important;   }
.radius_50  {    border-radius: 50% !important;  }


/*-----------------------------------------------------------------------------------*/
/*  TETX-COLOR
/*-----------------------------------------------------------------------------------*/
.text-white {   color: #ffffff !important;  }
.text-black {   color: #3c3f47 !important;  }
.text-gray  {   color: #9d9d9d !important;  }
.text-dgray {   color: #949494 !important;  }

/*=======================================================Header===================================================*/

/*header .nav.navbar-nav a.active {
  background-color: #006D5B !important;
  border-radius: 3px;
  color: #fff;
}
Old green background: #165B13
*/
header .nav.navbar-nav a:hover, header .nav.navbar-nav a:focus{
  background-color:transparent;
  color: #0A8470;
}

.navbar-nav>li>a {
  padding:0px 0px;
}

.navbar-nav.navbar-right>li {
  float: left;
  padding: 17px 25px;
}

.navbar-brand {
  padding: 4px 15px;
}

ul.nav.navbar-nav {
  margin-top: 20px;
}

.navbar-toggle {
  background-color: #006D5B;
  margin-top: 18px;
}

.navbar-toggle .icon-bar {
  background-color: #fff;
}

/*=============================================================Footer=================================================*/

footer{
  padding: 30px 0px;
  border-top:1px solid #eee;
}

ul.footer-li{
  list-style-type: none;    
  margin-left: -40px;
}

ul.footer-li>li{
  display: inline-block;
}

ul.footer-li a{
  color: #313131;
}

ul.footer-li a:hover{
  color:#0A8470;
}


/*=============================================================Homepage===================================================*/

#bg{
  background:url('../../img/bg.png');
  background-size: cover;
  height: 60%;
  width: 100%;
  display: table;
  position: relative;
  background-position: center center;
}

.inner{
  height:80%;
  width: 100%;
  display: table-cell;
  vertical-align: middle;
}

.space230{
  margin-top: 230px !important;
}

#signup{
  background-color: #30373b;
  padding: 30px 0px;
}

#signup .form-control {
  float: left;
  width: 35%;
  margin-right: 10px;
  height: 52px;
  color: #555;
  border: 1px solid #ccc;
  border-radius: 2px;
}

#signup h3{
  margin-top: 12px;
}

#signup .form-control:focus{
  outline: none;
  box-shadow: none;
}

button.btn.btn-default.start {
  background-color: #006D5B;
  color: #fff;
  border: 1px solid #006D5B;
  padding: 15px 29px;
  border-radius: 2px;
  letter-spacing: 2px;
  transition: all 0.5s ease 0s;
}

button.btn.btn-default.start:hover {
  background-color: #0A8470;
  color: #fff;
  border-color: #0A8470;
}

button.btn.btn-default.redeem {
  background-color: #006D5B;
  color: #fff;
  border: 1px solid #006D5B;
  padding: 15px 29px;
  border-radius: 2px;
  letter-spacing: 2px;
  transition: all 0.5s ease 0s;
  width: 100%;
}

button.btn.btn-default.redeem:hover {
  background-color: #0A8470;
  color: #fff;
  border-color: #0A8470;
}


#direct_msg,#work,#join,#working{
  padding: 50px 0px;
}

#direct_msg h1,#join h1,#working h1{
  font-size: 26px;
  font-weight: 300;
  color: #474b54;    
  line-height: 35px;    
  margin-top: 0px;
}

#direct_msg h4{
  font-weight: 600;
  color: #474b54;
  line-height: 20px;
}

#work h1{
  font-size: 26px;
  font-weight: 300;  
  margin-top: 0px;
}

#work{
  background-color: #30373b;
}

.divider{
  border-bottom: 3px solid #006D5B;
  width: 2%;
  margin: 0 auto;
}

#work .thumbnail {
  padding: 30px;
  background-color: transparent;
  border: 2px solid #006D5B;
}

#work img{
  width: 110px;
}

/*========================================================How it works(Work)===================================================*/

#membership{
  background-color: #30373b;
  padding: 20px 0px;
}

.membership-li{
  list-style-type: none;    
  margin-left: -40px;
}

.membership-li>li{
  display: inline-block;
  color: #fff;
}

.membership-li>li>a{
  color: #fff;
  padding: 0px 15px;
  letter-spacing: 1px;
  font-size: 16px;
}

.membership-li>li>a:hover{
  color: #0A8470;  
}

#working2,#working3{
  border-top: 1px solid #ccc;
}

h2.title {
  font-size: 24px;
  color:#1e1e1e;
}

#working p,#working2 p,#working3 p{
  color: #474b54;
  font-size: 16px;
}


/*=====================================================Business Sign_up===================================================*/

#diff-footer,#diff-header{
  padding: 10px 0px;
  background-color: #fff;
}

#diff-header{
  border-bottom: 1px solid #eee;
}

#signup_form{
  background-color: #f6f6f6;
  padding:150px 0px;
}

#signup_form h3{
  color: #404040;
  font-size: 26px;
  margin-top: 0px;
}

#signup_form span.green{
  color: #08a14f;
}

#signup_form p{
  font-size: 18px;
  color: #353535;
}

#bsn .form-control {
  height: 50px;
  padding: 6px 20px;
  font-size: 14px;
  border: 1px solid #eee;
  border-radius: 2px;
}

#bsn input:focus{
  outline: none;
  box-shadow: none;
}

button.btn.btn-default.acc {
  background-color: #006D5B;
  color: #fff;
  border: 1px solid #006D5B;
  border-radius: 2px;
  letter-spacing: 2px;
  transition: all 0.5s ease 0s;
  width: 100%;
  padding: 20px 0px;
  margin-top: 10px;
}

button.btn.btn-default.acc:hover {
  background-color: #0A8470;
  color: #fff;
  border-color: #0A8470;
}

#bsn .form-group {
  margin-bottom: 10px;
}

/*=====================================================Business Sign_up_2===================================================*/

#signup_form h2{
  color: #404040;
  font-size: 36px;
  margin-top: 0px;
  font-weight: 200;
}

button.btn.btn-default.login {
  background-color: #006D5B;
  color: #fff;
  border: 1px solid #006D5B;
  border-radius: 2px;
  letter-spacing: 2px;
  transition: all 0.5s ease 0s;
  width: 100%;
  padding: 20px 0px;
  margin-top: 10px;
}

button.btn.btn-default.login:hover {
  background-color: #0A8470;
  color: #fff;
  border-color: #0A8470;
}

/*=====================================================Business Sign_up_3===================================================*/
#bgclr{
  background-color: #f6f6f6;
}

#confirm{
  background-color: #f6f6f6;
  padding-top:150px;
}

#confirm p{
  font-size: 18px;
  color: #353535;
}

#confirm h1{
  color: #404040;
  margin-top: 0px;
  font-weight: 200;
}

#diff-footer{
  position: absolute;
  bottom: 0;
  width: 100%;
}

/*=====================================================Create Account===================================================*/

#diff-footer1{
  padding: 30px 0px;
  background-color: #fff;
}

#diff-footer1 a{
  font-weight: 600;
}

#create{
  padding: 20px 0px;
}

#create span.green,#login span.green{
  color: #08a14f;
}

#create p,#login p{
  font-size: 18px;
  color: #353535;
}

#create h3{
  color: #404040;
  font-size: 26px;
  margin-top: 0px;
  font-weight: 200;
}

.dotteddivider{
  border-top: 2px dashed #7b7b7b;
  margin: 30px 0px;
}

#create .checkbox,#login .checkbox{
  text-align: left;
}

p.small{
  font-size: 14px !important;
  margin-top: 10px;
}

#bsn1 .form-control {
  height: 45px;
  padding: 6px 20px;
  font-size: 14px;
  border: 1px solid #eee;
  border-radius: 2px;
}

#discount .row{
  margin:0px;
}

#discount p{
  color: #474b54;
}
/*=====================================================Log In===================================================*/
#diff-footer2 a{
  font-weight: 600;
}

#diff-footer2{
  padding: 30px 0px;
  position: absolute;
  bottom: 0;
  width: 100%;
  background-color: #fff;
}

#login{
  padding: 20px 0px;
}

#login h3{
  color: #404040;
  font-size: 26px;
  margin-top: 0px;
  font-weight: 200;
}

#login .checkbox{
  position: relative;
  display: block;
  margin-top: 3px;
  margin-bottom: 2px;
}

#login span.green {
  line-height: 24px;
}

/*=====================================================Congrats Onboard===================================================*/

#congrats{
  padding: 80px 0px;
}

#congrats h3{
  font-size: 30px;
  margin-top: 0px;
  color: #353535;
}

#congrats p.welcome{
  color: #929292;
  font-size: 18px;
}

.divider2{
  border-top: 1px solid #e6e6e6;
  width: 50%;
  text-align: center !important;
  margin: 0 auto;
}

#congrats h4{
  margin-top: 30px;
  color: #353535;
  font-size: 24px;
  font-weight: 400;
}

button.btn.btn-default.select {
  border-radius: 2px;
  background-color: transparent;
  color: #006D5B;
  border: 1px solid #006D5B;
  padding: 15px 30px;
  letter-spacing: 2px;
  margin-top: 20px;
}

button.btn.btn-default.select:hover{
  background-color: #0A8470;
  color: #fff;
}

button.btn.btn-default.complete {
  border-radius: 2px;
  background-color: #006D5B;
  color: #fff;
  border: 1px solid #006D5B;
  padding: 15px 40px;
  letter-spacing: 2px;  
  transition: all 0.5s ease 0s;
}

button.btn.btn-default.complete:hover{
  background-color: #0A8470;
  color: #fff;
  border-color: #0A8470;
}

#congrats .checkbox{
  font-size: 16px;
  margin-top: 0px;
}

#congrats p{
  font-size: 13px;    
  line-height: 35px;
}

#congrats input[type="checkbox"]{
  zoom: 1.4;
}

.checkbox{
  border-radius: 0px;
}

/*#congrats label{
  line-height: 28px;
}*/

input[type="checkbox"]:checked{
  background-color: #006D5B;
  color: #006D5B;
}

/*.checkbox-custom{
  margin-bottom: 9px;
}*/

.checkbox-custom{
    opacity: 0;
    position: absolute;   
}

.checkbox-custom, .checkbox-custom-label{
    display: inline-block;
    vertical-align: middle;
    margin: 7px 0px 15px 0px;
    cursor: pointer;
}

.checkbox-custom-label{
    position: relative;
}

.checkbox-custom + .checkbox-custom-label:before{
    content: '';
    background: #fff;
    border: 2px solid #ddd;
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 20px;
    padding: 0px;
    margin-right: 10px;
    /* padding-bottom: 20px; */
    padding-left: 2px;
}

.checkbox-custom:checked + .checkbox-custom-label:before {
    content: "\f00c";
    font-family: 'FontAwesome';
    background: #006D5B;
    color: #fff;
    font-size: 12px;
    font-weight: 100;
}

/*.radio-custom + .radio-custom-label:before {
    border-radius: 50%;
}

.radio-custom:checked + .radio-custom-label:before {
    content: "\f00c";
    font-family: 'FontAwesome';
    color: #bbb;
}*/

/*.checkbox-custom:focus + .checkbox-custom-label{
  outline: 1px solid #ddd; /* focus style */
/*}*/
.checkbox-custom-label span{
  font-size: 16px;
  font-weight:500;
}
/*=====================================================For Business===================================================*/

#bg1{
  background:url('../img/bg1.png');
  background-size: cover;
  height: 62%;
  width: 100%;
  display: table;
  position: relative;
  background-position: center center;
}

.inner1{
  height:80%;
  width: 100%;
  display: table-cell;
  vertical-align: middle;
}

#bg1 h1{
  line-height: 45px;
}

#bg1 p{
  color: #a4a6a6;
  line-height: 30px;
}

button.btn.btn-default.grow {
  background-color: #006D5B;
  color: #fff;
  border: 1px solid #006D5B;
  padding: 17px 29px;
  border-radius: 2px;
  letter-spacing: 2px;
  margin-bottom: 60px;
  transition: all 0.5s ease 0s;
}

button.btn.btn-default.grow:hover{
  background-color: #0A8470;
  color: #fff;
  border-color: #0A8470;
}

#discount h2{
  font-size: 30px;
  color: #474b54;
  line-height: 35px;
  margin-top: 0px;
  font-weight: 200;
}

#discount{
  padding: 50px 0px;
  border-top: 1px solid #ccc;
}

ul.first_li,ul.second_li{
  list-style-type: none;
}

ul.first_li li,ul.second_li li{
  display:inline-block;
}

ul.first_li li>a,ul.second_li li>a{
  padding: 0px 15px;
}

ul.third_li {
  margin-left: -20px;
  line-height: 25px;
}

ul.third_li li{
  color:#474b54;
  line-height: 30px;
  font-size: 16px;
}
/*=====================================================OFFER CREATION TOOL===================================================*/
#myheader{
  padding: 10px 0px;
  border-bottom: 1px solid #ccc;
}

#myheader h4{
  margin-top: 20px;
  font-size: 20px; 
  margin-left: -157px;   
}

.bgclr{
  background-color: #f3f3f3;
  border-left: 1px solid #ddd;
}

#preview h5{
  margin-top: 30px;
}

.box1{
  background-color: #fff;
  padding: 15px 50px;
  border:1px solid #ddd;
}

#previewOfferTitle{
  color: #474b54 !important;
  font-weight: 200 !important;
  font-size: 30px !important;
  line-height: 35px !important;
  margin-bottom: 30px !important;
}

.box1 h4{
  margin-top: 0px;
  font-weight: 600;
  color: #474b54;
  margin-bottom: 5px;
}

.gray1{
  color: #7d7d7d;
}

.box1 b{
  color: #474b54;
}

p.mleft{
  margin-left: 50px;
}

.box1 h6{
  font-size: 19px;
  margin-top: 20px;
}

ul.offer{
  margin-left: -20px;
  line-height: 24px;
  font-size: 15px;
}

ul.services{
  margin-left: -20px;
  line-height: 20px;
  font-size: 15px;
  color: #7d7d7d;
}

.mbottom p{
  margin-bottom: 0px;
}

.mbottom span{
  float: right;    
  margin-right: 50px;
}

.box2{
  margin-top: 10px !important;
  background-color: #fff;
  border:1px solid #ddd;
  padding: 15px 0px;    
  margin-bottom: 30px;
}

.box2 p{
  margin: 0px;
}

.haute-fixsidebar a:hover, .haute-fixsidebar a:active, .haute-fixsidebar a:visited {
  color: #fff;
}

.haute-fixsidebar a {
  float: left;
  margin-right: 10px;
  display: inline-block;
  background: #39455f;
  color: #fff;
  width: 170px;
  font-size: 14px;
  line-height: 36px;
  font-weight: 300 !important;
  height: 50px;
  padding-top: 3px;
  text-align: center;
  letter-spacing: 1px;
  border: 1px solid #fff;
  border-bottom: none;
  opacity: 0.9;
  -webkit-border-top-right-radius: 4px;
  -webkit-border-top-left-radius: 4px;
  -moz-border-radius-top-right: 4px;
  -moz-border-radius-top-left: 4px;
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
}

img.chat{
  margin-right: 10px;
}

.haute-fixsidebar a:hover, .haute-fixsidebar a:active, .haute-fixsidebar a:visited {
  color: #fff;
} 

.haute-fixsidebar {
  position: fixed;
  right: -72px;
  top: 60%;
  z-index: 1001;
  -ms-transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
}

.comment,.comment1{
  display: block;
  font-weight: 600;
}

.comment span{
  float: right;
  color: #474b54;
  font-size: 13px;
}

.m-left-right{
  padding: 0px 35px;
}

#preview input[type="text"].form-control {
  height: 50px;
}

button.btn.btn-default.create {
  background-color: #006D5B;
  color: #fff;
  border: 1px solid #006D5B;
  padding: 15px 29px;
  border-radius: 2px;
  letter-spacing: 2px;
  transition: all 0.5s ease 0s;
  width: 100%;
}

button.btn.btn-default.create:hover {
  background-color: #0A8470;
  color: #fff;
  border-color: #0A8470;
}

button.btn.btn-default.createOffer {
  background-color: #006D5B;
  color: #fff;
  border: 1px solid #006D5B;
  padding: 10px 15px;
  border-radius: 2px;
  letter-spacing: 2px;
  transition: all 0.5s ease 0s;
  width: 30%;
	display: inline-block;
	vertical-align: top;
}

button.btn.btn-default.createOffer:hover {
  background-color: #0A8470;
  color: #fff;
  border-color: #0A8470;
}

#qty{
  float: left;
  width: 25%;
}

.quantity span{    
  line-height: 46px;
  margin-left: 10px;
}

.expiry{
  width: 70%;
  float: left;
}

.expire span{
  line-height: 47px;
  margin-left: 10px;
}

span.red{
  margin: 0;
  line-height: 14px;
  color: #b62527;
  font-weight: 700;
}

#preview .row {
  margin-right: 0px;
  margin-left: 0px;
}


/*=====================================================Verify ACcount===================================================*/

.email a{
  color: #006D5B;
  text-decoration: underline;
}

#account{
  background-color:   #f6f6f6;
  border-top: 1px solid #ccc;
}

a.business{
	color: #006D5B;
	border:1px solid #006D5B;
	border-radius: 2px;
	padding: 10px 20px !important;
	height: 3em;
	margin-top: 1em;
}

a.business:hover{
  color: #fff !important;
  background-color: #0A8470 !important;
}

ul.bsn1{
  margin-top: 35px !important;
}

.oneh{
  background-color: #fff;
  padding-bottom: 1px;
}

#account h1{
  font-size: 30px;
}

/*=====================================================SECONDARY PAGES===================================================*/

#header1{
  border-bottom: 1px solid #ccc;
}

.p40{
  padding: 60px 40px;
}

.p40 .nav>li>a {
  position: relative;
  display: block;    
  padding: 5px 15px;
}

.p40 .nav>li>a:hover{
  color: #353535;
}

.p40 .nav>li.active{
  background-color: #e5e5e5;
}

.p40 li>a{
  color: #727272;
}

.tab-pane h1{
  color: #4a4a4a;
}

.bord{
  padding: 40px 70px;
  border-left: 1px solid #ccc;
}

.tab-pane h3,.tab-pane h5{
  color: #727272;
}

.tab-pane h5{
  font-size: 16px;
  margin-bottom: 0px;
}

.tab-pane p{
  color: #727272;
  line-height: 25px;
  margin-top: 5px;
}

.space300{
  margin-top: 300px !important
}
/*=====================================================PUSH OFFER===================================================*/

#purple-header{
  background-color: #39455f;
  padding: 20px 0px;
}

#receive-offer .row,#home .row,#current .row{
  margin-right: 0px; 
  margin-left: 0px; 
}

#receive-offer h3{
  margin: 0px;
}

.purple-box{
  background-color: #39455f;
  padding: 30px 0px;
}

.f30{
  font-size: 30px;
}

.white-box{
  background-color: #fff;
  border:1px solid #ddd;
  padding-left: 60px;
}

#receive-offer h4{
  margin: 20px 0px;
}

.border-bottom1{
  border-bottom: 1px solid #ddd;
}

.border-right1{
  border-right: 1px solid #ddd;
}

span.num{
  font-size: 26px;
}

p.no-margin{
  margin-bottom: 0px;
}

button.btn.btn-default.push {
  background-color: #006D5B;
  color: #fff;
  border: 1px solid #006D5B;
  padding: 15px 29px;
  border-radius: 2px;
  letter-spacing: 2px;
  transition: all 0.5s ease 0s;
  width: 100%;
}

button.btn.btn-default.push:hover {
  background-color: ;
  color: #fff;
  border-color: #0A8470;
}

ul.btns{
  margin-left: -55px;
  list-style-type: none;
  font-size: 16px;
}

ul.btns li{
  display: inline-block;    
  padding: 10px 0px;
}

ul.btns li.active{
  background-color: #efefef;
  border-radius: 2px;
}

ul.btns li>a{
  padding: 10px 15px;
  color: #565a5c;
}

ul.btns li>a:active,ul.btns li>a:hover,ul.btns li>a:focus{
  background-color: #efefef;
  border-radius: 2px;
  text-decoration: none;
}

.dropdown .btn {
  width: 24%;
  padding: 10px 12px;
  font-weight: 400;
  text-align: left;
}

.dropdown .btn:hover,.dropdown .btn:focus,.dropdown .btn:active{
  background-color: transparent;
}

.open>.dropdown-toggle.btn-default:focus, .open>.dropdown-toggle.btn-default:hover {
  background-color:transparent;
}

.dropdown-menu {
  min-width: 122px;
}

.arrow{
  float: right;
  font-size: 12px;
  font-weight: 100;
  line-height: 19px;
  margin-right: 4px;
}

.firstdrop .btn{
  width: 100%;
}

#no.form-control {
  display: block;
  width: 100%;
  height: 41px;
}

.second-drop .btn {
  float: right;
  margin-top: -20px;
  margin-right: 17px;
  width: 32%;
  border: none;
  padding: 0px;
  border-bottom: 1px dotted #000;
  border-radius: 0px;
}

.exclude label{
  float: left;
}

.second-drop .dropdown-menu {
  left: 50%;    
  margin-bottom: 22px;
}

p.l38{
  line-height: 38px;
}

.item {
  position: relative;
  float: left;    
  height: 250px;
}

.item h2 {
  text-align: center;
  position: absolute;
  line-height: 255px;
  width: 100%;
  font-size: 23px;
}

svg {
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
}

.circle_animation {
  stroke-dasharray: 440; /* this value is the pixel circumference of the circle */
  stroke-dashoffset: 440;
  transition: all 1s linear;
}

.checkbox.exclude {
  margin-bottom: 100px;
}

#receive-offer .haute-fixsidebar {
  top: 50%;
}

/*=====================================================Final Step Signup===================================================*/

#finalheader .nav.navbar-nav a:hover, #finalheader .nav.navbar-nav a:focus {
  color:#006D5B;
}

#finalheader .navbar-brand {
  padding: 8px 15px;
}

i.fa.fa-chevron-down {
  font-size: 12px;
}

#home{
  background-color: #006D5B;
  padding: 20px 0px;
}

#home h3{
  margin: 0px;
}

#finalfooter{
  background-color: #333333;
  border:none;
  padding: 60px 0px;
}

.social{
  list-style-type: none;
  margin-left: -20px;
}

.social li{
  display: inline-block;
}

.social img{
  width: 50px;
}

.social a{
  padding: 10px;
}

img.girl{
  width: 300px;
  margin-top: 50px;
}

.media img{
  width: 50px;
}

button.btn.btn-default.current {
  width: 100%;
  background-color: #0f2547;
  color: #fff;
  border: 1px solid #0f2547;
  border-radius: 0px;
  padding: 10px 5px;
  font-size: 16px;
}

#current h4{
  color: #0f2547;
}

#current p{
  font-size: 15px;
}

.modal {
  top: 4% !important;
}

.modal-body p {
  line-height: 30px !important;
}

.mtop30 {
  margin-top: 30px;
}

.model-dialog .input-group .form-control {
  position: relative;
  z-index: 2;
  float: left;
  width: 100%;
  margin-bottom: 0;
}

.mtop50 {
  margin-top: 50px;
}

.model-dialog .form-control {
  background: #ececec;
  font-size: 16px;
  line-height: 1.42857143;
  border: 0px;
  border-radius: 0px !important;
  box-shadow: none;
  background: #fff;
  color: #493f37;
  border-radius: 3px;
  border-color: transparent;
}

.submit {
  background: #0084b4;
  font-size: 20px;
  border: 5px solid #0084b4 !important;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  margin-right: -1px;
}

.input-group {
  border: 1px solid #000 !important;
  border-radius: 4px;
  background: #ececec;
}

.modal-body h3 {
  padding-bottom: 40px;
  color: #0084b4;
}

.modal-body .dropdown .btn-default {
  width: 100%;
  border-radius: 0px;
}

.modal-body .form-control {
  height: 42px;
  border-radius: 0px;
}

button.btn.btn-default.continue {
  background-color: #006D5B;
  border: 1px solid #006D5B;
  color: #fff;
  border-radius: 2px;
  letter-spacing: 2px;
  padding: 15px 50px;
  margin-bottom: 20px;
  transition: all 0.5s ease 0s;
}

button.btn.btn-default.continue:hover {
  background-color: #0A8470;
  color: #fff;
  border-color: #0A8470;
}

.modal-body .form-group {
  margin-bottom: 10px;
}

.modal-body .dropdown-menu {
  width: 100%; 
}
.modal-header {
  border-bottom: 1px solid #ccc;
  background-color: #fff;
}

.modal-body {
  background: #efefef;
  padding-top: 30px;
}

.fadebutton {
  padding: 10px;
  border: 2px solid #30373b;
}

.fadebutton:hover {
  background: transparent;
  color: #fff;
  opacity: 0.5;
  border: 2px solid #0A8470;
  padding: 10px;
  border-radius: 50%;
  -webkit-transition: all ease 0.7s;
  -moz-transition: all ease 0.7s;
  -o-transition: all ease 0.7s;
  -ms-transition: all ease 0.7s;
  transition: all ease 0.5s;
}
/*========================================================Media Query========================================================*/

@media(min-width: 310px) and (max-width:400px){
  img.logo1{
    width: 210px;
    padding-top: 10px;
  }
  .membership-li>li>a {
    padding: 0px 0px !important;
    letter-spacing: 0px !important;
    font-size:9px !important;
  }
  #finalheader .navbar-toggle {
    background-color: #006D5B;
    margin-top: 28px;
  }
}

@media(min-width:310px) and (max-width:767px){
  ul.nav.navbar-nav {
    margin-top: 0px;
  }
  .logo2{
    margin: 0 auto;
    text-align: center !important;
  }
  .logo1{
    margin: 0 auto;
    text-align: center !important;
    margin-top: -27px !important;
  }
  #membership {
    background-color: #30373b;
    padding: 10px 0px;
  }
  .navbar-brand {
    float:none; 
  }
  #bg {
    height: 40%;    
    padding-bottom: 11px;
  }
  header {
    padding: 10px 0px;
  }
  .navbar {
    margin-bottom: 0px;
  }
  .space230 {
    margin-top: 100px !important;
  }
  #bg h1,#bg1 h1{
    font-size: 20px;
    text-align: center;
  }
  #bg p.f20,#bg1 p.f20 {
    font-size: 16px;
    text-align: center;    
    line-height: 25px;
  }
  #bg1 h1{
    line-height: 25px;
  }
  #bg .space30 {
    margin-top: 10px !important;
  }
  #signup h3.text-right {
    text-align: center;
    margin-bottom: 20px;
    margin-top: 0px;
  }
  #signup .form-control {
    margin: 0 auto;
    display: block;
    float: none;
    width: 100%;
  }
  .center-div {
    text-align: center;
  }
  button.btn.btn-default.start {
    padding: 11px 9px;
    margin-top: 20px;
  }
  #signup {
    padding: 20px 0px;
  }
  #direct_msg p.f16 {
    font-size: 16px;
  }
  #direct_msg h4{
    margin-top: 30px;
  }
  #direct_msg h4>br,#direct_msg h1>br,#join h1>br{
    display: none;
  }
  #direct_msg h1,#work h1,#join h1,#working h1{
    font-size: 22px;
    line-height: 28px;
  }
  #direct_msg .space40,#join .space20 {
    margin-top: 0px !important;
  }
  #direct_msg,#work,#join,#working {
    padding: 30px 0px;
  }
  #work .space40 {
    margin-top: 20px !important;
  }
  #work h1{
    font-size: 22px;
  }
  #work .f18 {
    font-size: 16px;
  }
  .divider {
    width: 5%;
  }
  #work .thumbnail {
    padding: 10px;
  }
  .membership-li>li>a {
    color: #fff;
    padding: 0px 0px;
    letter-spacing: 1px;
    font-size: 12px;
  }
  #working2 .text-right{
    text-align: left;
  }
  #working .space40,#working2 .space40,#working3 .space40 {
    margin-top: 0px !important;
  }
  #working .space60,#working2 .space60,#working3 .space60 {
    margin-top: 25px !important;
  }
  h2.title {
    font-size: 20px;
    line-height: 24px;
  }
  #signup_form {
    padding: 75px 0px;
  }
  #signup_form h3,#signup_form h2,#confirm h1,#create h3,#login h3{
    font-size: 22px;  
    margin-bottom: 0px; 
  }
  #signup_form .space20{
    margin-top: 10px !important;
  }
  #bsn .form-control {
    height: 45px;
  }
  button.btn.btn-default.acc,button.btn.btn-default.login {
    padding: 12px 0px;
  }
  #signup_form p,#confirm p,#create p,#login p{
    font-size: 16px;
  }
  #signup_form br,#confirm br,#bg1 br,#discount br{
    display: none;
  }
  #login {
    padding: 120px 0px;
  }
  #login span.green {
    font-size: 14px;
  }
  #congrats h4 {
    margin-top: 20px;
    font-size: 18px;
    line-height: 24px;
  }
  #congrats h3 {
    font-size: 22px;
  }
  #congrats p.welcome {
    font-size: 16px;
    line-height: 21px;
  }
  #congrats .space30 {
    margin-top: 20px !important;
  }
  #congrats {
    padding: 30px 0px;
  }
  #congrats .checkbox {
    font-size: 14px;    
    margin-left: 35px;
  }
  #congrats label {
    line-height: 20px;
  }
  #congrats .space60 {
    margin-top: 40px !important;
  }
  #bg1 .space80{
    margin-top: 0px !important;
  }
  button.btn.btn-default.grow {
    padding: 12px 8px;
    margin-bottom: 40px;
  }
  #bg1 .space50 {
    margin-top: 30px !important;
  }
  #discount h2 {
    font-size: 22px;
    line-height: 26px;
  }
  ul.first_li li>a, ul.second_li li>a {
    padding: 0px 2px;
  }
  ul.first_li img, ul.second_li img{
    width: 80px;
  }
  ul.first_li,ul.second_li{
    margin-left: -35px;
    margin-bottom: 20px;
  }
  .expiry {
    width: 34%;
  }
  .small-device{
    width: 34%;
    margin-top: 10px;
  }
  p.push{
    text-align: left !important;
  }
  #preview h3 {
    font-size: 22px;
  }
  #preview h3 br{
    display: none;
  }
  .box1 h4 {
    margin-top: 30px;
  }
  p.mleft {
    margin-left: 0px;
  }
  #preview img{
    margin-top: 10px;
  }
  .box1 {
    background-color: #fff;
    padding: 13px 10px;
  }
  .m-left-right {
    padding: 0px 10px;
  }
  #myheader {
    padding: 10px 0px;
    padding-top: 30px;
  }
  #myheader h4 {
    margin-top: 20px;
    font-size: 20px;
    margin-left: 0px;
    text-align: center;
  }
  .bgclr {
    padding-left: 0px;
    margin-top: 20px;
  }
  #account br,.tab-pane br{
    display: none;
  }
  #account h1 {
    font-size: 22px;
  }
  #account .space60 {
    margin-top: 20px !important;
  }
  #account .space100 {
    margin-top: 50px !important;
  }
  #account .f18 {
    font-size: 16px;
  }
  .tab-pane h5 {
    font-size: 14px;
    margin-bottom: 0px;
    line-height: 20px;
  }
  .tab-pane h1 {
    color: #4a4a4a;
    font-size: 22px;
    margin-bottom: 0px;
  }
  .tab-pane .space30{
    margin-top: 15px !important;
  }
  .tab-pane .f16 {
    font-size: 14px;
  }
  .bord {
    padding: 0px 15px;
  }
  .tab-pane .space40 {
    margin-top: 20px !important;
  }
  .tab-pane .f20 {
    font-size: 16px;
    line-height: 24px;
  }
  .p40 {
    padding: 33px 0px;
  }
  .space300,.space200,.space100 {
    margin-top: 42px !important;
  }
  .email br,.email1 br{
    display: block;
  }
  #purple-header h4{
    text-align: center;
  }
  #purple-header {
    background-color: #39455f;
    padding: 38px 0px 11px;
  }
  #receive-offer h3 {
    font-size: 22px;    
    line-height: 26px;
  }
  .white-box {
    padding-left: 5px;
  }
  .checkbox.exclude {
    margin-bottom: 65px;
  }
  button.btn.btn-default.push {
    margin-bottom: 20px;
  }
  .item h2 {
    line-height: 247px;
  }
  #receive-offer .space30 {
    margin-top: 10px !important;
  }
  .purple-box {
    background-color: #39455f;
    padding: 15px 10px;
  }
  #home h3 {
    font-size: 22px;
    text-align: center;
  }
  #current .space50 {
    margin-top: 15px !important;
  }
  #current{
    padding: 30px 0px;
  }
  #current .space40 {
    margin-top: 0px !important;
  }
  #current h4 {
    font-size: 16px;
  }
  .modal-body {
    background: #efefef;
    padding: 30px;
  }
  .modal-body .form-group {
    margin-bottom: 10px;
  }
  .f30 {
    font-size: 22px;
  }
  .modal-header br{
    display: none;
  }
  .modal {
    top: 2% !important;
  }
  div#myModal {
    padding: 0px 13px !important;
  }
  .modal-dialog {
    position: relative;
    width: auto;
    margin: 0px;
  }
  .modal-body .space20 {
    margin-top: 5px !important;
  }
  button.btn.btn-default.continue {
    margin-bottom: 0px;
  }
  #receive-offer .text-center {
    text-align: left;
  }
}

@media(min-width:768px) and (max-width:991px){
  .bgclr {
    padding-left: 0px;
    margin-top: 20px;
  }
  .navbar-collapse {
    padding-right: 0px; 
    padding-left: 0px; 
  }
  .navbar-nav>li>a {
    padding: 10px 10px;
  }
  #bg {
    height: 60%;
  }
  #bg h1,#bg p.f20{
    text-align: center;
  }
  #signup .form-control {
    width: 50%;
  }
  .space230 {
    margin-top: 8px !important;
  }
  #direct_msg br{
    display: none;
  }
  #direct_msg .f16 {
    font-size: 14px;
  }
  #work .thumbnail {
    padding: 10px 6px;
  }
  #work img {
    width: 85px;
  }
  .membership-li>li>a {
    font-size: 14px;
  }
  #signup_form {
    padding: 130px 0px;
  }
  #congrats h4 {
    font-size: 23px;
  }
  #congrats {
    padding: 50px 0px;
  }
  #congrats .space60 {
    margin-top: 28px !important;
  }
  .started{
    font-size: 19px;
    margin-top: 10px;
  }
  #bg1 .space80 {
    margin-top: 0px !important;
  }
  ul.first_li li>a, ul.second_li li>a {
    padding: 0px 5px;
  }
  ul.first_li, ul.second_li {
    margin-left: -41px;
  }
  .expiry {
    width: 90%;
  }
  #preview h5 {
    margin-top: 50px;
  }
  .box1 h4 {
    margin-top: 30px;
  }
  p.mleft {
    margin-left: 0px;
  }
  .box1 {
    background-color: #fff;
    padding: 13px 10px;
  }
  .bord {
    padding: 0px 25px;
    border-left: 1px solid #ccc;
  }
  .p40 {
    padding: 42px 5px;
  }
  .tab-pane br{
    display: none;
  }
  .email br,.email1 br{
    display: block;
  }
  #purple-header h4{
    text-align: center;
  }
  .logo2{
    margin: 0 auto;
    text-align: center !important;
  }
  .white-box {
    background-color: #fff;
    border: 1px solid #ddd;
    padding-left: 0px;
  }
  #receive-offer .text-center {
    text-align: left;
  }
  #receive-offer h3 {
    margin: 0px;
    text-align: center;
  }
  .item h2 {
    text-align: center;
    position: absolute;
    line-height: 259px;
    width: 100%;
    font-size: 23px;
  }
  button.btn.btn-default.push {
    background-color: #2bc44b;
    color: #fff;
    border: 1px solid #2bc44b;
    border-radius: 2px;
    width: 26%;
    padding: 12px 0px;
    letter-spacing: 2px;
  }
  #current .space50 {
    margin-top: 15px !important;
  }
  #current{
    padding: 30px 0px;
  }
  #current .space40 {
    margin-top: 0px !important;
  }
  .modal-body {
    padding: 30px;
  }
}

@media(min-width:992px) and (max-width:1199px){
  #bg h1{
    font-size: 30px;
  }
  #work .thumbnail {
    padding: 16px;
  }
  h2.title {
    font-size: 23px;
  }
  #congrats .checkbox {
    font-size: 13px;
  }
  #congrats p {
    font-size: 12px;
  }
  #congrats h4 {
    font-size: 23px;
  }
  #congrats {
    padding: 50px 0px;
  }
  #congrats .space60 {
    margin-top: 28px !important;
  }
  #bg1 br{
    display: none;
  }
  #bg1 .space80 {
    margin-top: 70px !important;
  }
  #bg1 .space70 {
    margin-top: 0px !important;
  }
  #bg1 .space30 {
    margin-top: 10px !important;
  }
  #bg1 .space50 {
    margin-top: 30px !important;
  }
  #bg1 {
    height: 47%;
  }
  #bg1 h1 {
    line-height: 35px;
    font-size: 28px;
  }
  .box1 h4 {
    font-size: 16px;
  }
  p.mleft {
    margin-left: 0px;
  }
  #preview h3 {
    font-size: 24px;
  }
  #preview h3>br{
    display: none;
  }
  .box1 {
    background-color: #fff;
    padding: 13px 10px;
  }
  .p40 {
    padding: 60px 4px;
  }
  .item h2 {
    text-align: center;
    position: absolute;
    line-height: 109px;
    width: 100%;
    font-size: 23px;
  }
  #current p {
    font-size: 12px;
  }
}

/* tobin */
div#spinner
{
    display: none;
    width:100px;
    height: 100px;
    position: fixed;
    top: 50%;
    left: 50%;
    background:url('/img/ajax-loader.gif') no-repeat center #fff;
    text-align:center;
    padding:10px;
    font:normal 16px Tahoma, Geneva, sans-serif;
    border:1px solid #666;
    margin-left: -50px;
    margin-top: -50px;
    z-index:2;
    overflow: auto;
}

i.medium.rounded[class^="icon-"]::before, i.medium.rounded[class*=" icon-"]::before, i.medium.squared[class^="icon-"]::before, i.medium.squared[class*=" icon-"]::before, i.medium.circle[class^="icon-"]::before, i.medium.circle[class*=" icon-"]::before {
    font-size: 22px;
    height: 56px;
    line-height: 56px;
    width: 56px;
}
.feature-box i.circle[class^="icon-"]::before, .feature-box i.circle[class*=" icon-"]::before, .feature-box i.rounded[class^="icon-"]::before, .feature-box i.rounded[class*=" icon-"]::before, .feature-box i.squared[class^="icon-"]::before, .feature-box i.squared[class*=" icon-"]::before {
    float: left;
    margin-right: 16px;
}
.feature-box i.circle[class^="icon-"]::before, .feature-box i.circle[class*=" icon-"]::before, .feature-box i.rounded[class^="icon-"]::before, .feature-box i.rounded[class*=" icon-"]::before, .feature-box i.squared[class^="icon-"]::before, .feature-box i.squared[class*=" icon-"]::before {
    display: inline-block;
    float: none;
    margin-bottom: 24px;
}
i.medium.rounded[class^="icon-"]::before, i.medium.rounded[class*=" icon-"]::before, i.medium.squared[class^="icon-"]::before, i.medium.squared[class*=" icon-"]::before, i.medium.circle[class^="icon-"]::before, i.medium.circle[class*=" icon-"]::before {
    font-size: 22px;
    height: 56px;
    line-height: 56px;
    width: 56px;
}
i.rounded[class^="icon-"]::before, i.rounded[class*=" icon-"]::before, i.squared[class^="icon-"]::before, i.squared[class*=" icon-"]::before, i.circle[class^="icon-"]::before, i.circle[class*=" icon-"]::before {
    background-color: #2DAF65;
    border-color: #2DAF65;
    color: #fff;
}
i.rounded[class^="icon-"]::before, i.rounded[class*=" icon-"]::before, i.squared[class^="icon-"]::before, i.squared[class*=" icon-"]::before, i.circle[class^="icon-"]::before, i.circle[class*=" icon-"]::before {
    font-size: 14px;
    height: 40px;
    line-height: 40px;
    width: 40px;
}
i.rounded[class^="icon-"]::before, i.rounded[class*=" icon-"]::before, i.squared[class^="icon-"]::before, i.squared[class*=" icon-"]::before, i.circle[class^="icon-"]::before, i.circle[class*=" icon-"]::before {
    font-size: 14px;
    height: 40px;
    line-height: 40px;
    width: 40px;
}
i.circle[class^="icon-"]::before, i.circle[class*=" icon-"]::before {
    border-radius: 50%;
    display: inline-block;
    margin-right: 0;
    text-align: center;
}
i.medium[class^="icon-"]::before, i.medium[class*=" icon-"]::before {
    font-size: 22px;
}
i.rounded[class^="icon-"]::before, i.rounded[class*=" icon-"]::before, i.squared[class^="icon-"]::before, i.squared[class*=" icon-"]::before, i.circle[class^="icon-"]::before, i.circle[class*=" icon-"]::before {
    border: 1px solid transparent;
}
i[class^="icon-"]::before, i[class*=" icon-"]::before {
    display: inline-block;
    font-family: "custom-icons";
    font-size: 14px;
    line-height: 1em;
    margin: 0 5px 0 0;
    padding: 0;
    text-align: left;
}
.icon-ok-circled2::before {
    content: "";
}
[class^="icon-"]::before, [class*=" icon-"]::before {
    display: inline-block;
    font-family: "custom-icons";
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 1em;
    margin-left: 0.2em;
    margin-right: 0.2em;
    text-align: center;
    text-decoration: inherit;
    text-transform: none;
    width: 1em;
}
i::before {
    color: #172540;
}
*, *::after, *::before {
    box-sizing: border-box;
}
*, *::after, *::before {
    box-sizing: border-box;
}
.feature-box i {
    float: left;
}
*, *::after, *::before {
    box-sizing: border-box;
}

@media (max-width: 480px) {
	.icon-ok-circled2 {
		float: left;
		margin-right: 2em;
	}
}
@media (min-width: 481px) {
	.icon-ok-circled2 {
		float: left;
	}
}

.media-heading {
	margin-top: .25em !important;
	margin-bottom: .5 !important;
}

.media-left {
	margin-top: 20px !important;
}

input.btn.btn-default.acc {
    background-color: #006D5B;
    border: 1px solid #006D5B;
    border-radius: 2px;
    color: #fff;
    letter-spacing: 2px;
    margin-top: 10px;
    padding: 10px 0;
    transition: all 0.5s ease 0s;
    width: 100%;
}


.tab-pane h1 {
	font-weight: 500;
}
.tab-pane p {
	font-size: 16px;
}

.tab-pane h3 {
	 /*margin-top: 40px !important; */
	 font-weight: 600;
	 font-size: 20px;
}

.tab-pane h5 {
	/*margin-top: 30px !important; */
	font-size: 16px;
	font-weight: 600 !important;
}

button.btn.btn-wallet {
  background-color: #006D5B;
  color: #fff;
  border: 1px solid #006D5B;
  padding: 5px 5px;
  border-radius: 2px;
  letter-spacing: 2px;
  transition: all 0.5s ease 0s;
  /*width: 100%;*/
}

button.btn.btn-wallet:hover {
  background-color: #0A8470;
  color: #fff;
  border-color: #0A8470;
}

button.btn.btn-redeem {
  background-color: #006D5B;
  color: #fff;
  border: 1px solid #006D5B;
  padding: 5px 10px;
  border-radius: 2px;
  letter-spacing: 2px;
  transition: all 0.5s ease 0s;
  /*width: 100%;*/
}

button.btn.btn-redeem:hover {
  background-color: #0A8470;
  color: #fff;
  border-color: #0A8470;
}

.centered-row {
	margin: auto;
	max-width: 330px;
}