a{color:#b99a69;}

.main-name{
  font-family: 'helvNeueLight';
  color:#fff;
  font-size: 1.8em;
  margin-top: 40px;
  position: absolute;
  text-shadow: 2px 2px 2px #000;
}

header.overflow .main-name{
  margin-top: 36px;
}

header:not(.overflow) .navbar-brand img {
  max-height: 75px;
}

.section-gray{
  background-color: #F4F4F4;
}

.navbar-toggle{
  margin-top:24px;
}

.navbar-header{
  height:80px;
}

.service-list h4, #booking h4{
  font-size: 24px;
  letter-spacing: -0.3px;
  font-family: 'Oswald', sans-serif;
  color: #373C42;
  font-weight: 700;
  padding-bottom: 20px;
}

.service-list span{
  font-family: 'Merriweather', sans-serif;
  font-size: 16px;
  color: #b99a69 !important;
}

.checkbox{
  display: inline-block;
  margin: 0;
  margin-top: -10px;
}
.checkbox label:after {
  content: '';
  display: table;
  clear: both;
}
.checkbox .cr {
  position: relative;
  /*display: inline-block;*/
  border: 1px solid #000000;
  border-radius: .25em;
  width: 2em;
  height: 2em;
  float: left;
  margin-right: .5em;
}
.checkbox .cr .cr-icon {
  position: absolute;
  font-size: 1.5em;
  line-height: 0;
  top: 50%;
  left: 10%;
  color:#48A19D;
}
.checkbox label input[type="checkbox"] {
  display: none;
}
.checkbox label input[type="checkbox"]+.cr>.cr-icon {
  opacity: 0;
}
.checkbox label input[type="checkbox"]:checked+.cr>.cr-icon {
  opacity: 1;
}
.checkbox label input[type="checkbox"]:disabled+.cr {
  opacity: .5;
}
.checkbox.checkbox-small{padding-left: 0px;}
.checkbox.checkbox-small .cr{
  width: 1.5em;
  height: 1.5em;
}
.checkbox.checkbox-small .cr .cr-icon{
  font-size: 1em;
}

.swal2-container{
  font-family: 'Merriweather', sans-serif;
  font-size: 16px;
}
.swal2-styled.swal2-confirm{
  background-color: #000000!important;
}

#booking, #book-resume{display: none;}
#book-resume .selected-services{font-size: 1.3em;}

#range-calendar{font-family: 'Merriweather', sans-serif;}
#range-calendar .cell.current .bullet{display: none;}
#range-calendar .months .cell{width: 100px;}
#range-calendar .cell .month-name, #range-calendar .cell .date-formatted{font-size: 18px;}
#range-calendar .cell .day-number{font-size: 26px;}
#range-calendar .cell .day{font-size: 15px; margin-top: 5px;}

.barber-theme-bg {background-color: #b99a69 ;color: #fff ;border-color: rgba(255,255,255,0.3); }
.barber-theme-color {color: #b99a69 ;}
.barber-theme .months {background-color: transparent ;}
.barber-theme .months .cell {color: rgba(0, 0, 0, 0.6) ;}
.barber-theme .months .cell .month-name {color: #b99a69 ;}
.barber-theme .months .cell.selected {background-color: #b99a69 ;}
.barber-theme .calendar {background-color: transparent ;}
.barber-theme .calendar .cell  {color: rgba(0, 0, 0, 0.4) ;}
.barber-theme .calendar .cell .day-number {color: #b99a69 ;}
.barber-theme .calendar .cell:hover {background: transparent ;}
.barber-theme .calendar .cell:hover .day-number {color: #888 ;}
.barber-theme .calendar .cell.selected  {color: #fff ;}
.barber-theme .calendar .cell.selected:hover {background: none ;}
.barber-theme .calendar .cell.selected .day-number {color: #fff ;}
.barber-theme .range-bar { background-color: #b99a69 ;}

.box-hr{
  background: #FFFFFF;
  border: 1px solid #E5E5E5;
  box-sizing: border-box;
  font-family: 'Merriweather', sans-serif;
  text-decoration: none;
  color: #353535;
}
.box-hr:hover, .box-hr:active, .box-hr.selected{
  text-decoration: none;
  background: #EDF8F8;
  border: 1px solid #48A19D;
  color: #353535;
}
.box-hr.selected{font-weight: 600;}

.selected-slot-time{border-top: 1px solid #E5E5E5; font-family: 'Merriweather', sans-serif;}
.btn-book-confirm{background-color: #48A19D; border-color:#48A19D; color:#FFFFFF;}
.disclaimer{font-family: 'Merriweather', sans-serif; color:#353535; font-size: 0.8em;}
.selected-barber-name{font-family: 'Merriweather', sans-serif;font-size: 0.9em;}

.btn-login, .btn-cancel, .btn-set-pwd{
  margin: 0!important;
	padding: 5px 15px;
	font-size: 0.8em;
}

.btn-forgot-pwd{
  margin: 17px 0 0 0!important;
  padding: 5px 15px;
  font-size: 0.8em;
}

input[name=optin] {
	padding: 0 !important;
	margin: 10px !important;
	width: auto;
	height: 20px;
}

.error{border-bottom:2px solid red!important;}


@media (min-width: 768px) and (max-width: 1024px){
.primary-title strong{
    font-size:47px;
    line-height:47px;
  }
}

@media (max-width: 812px){
  .main-name, header.overflow .main-name{
    margin-top: 33px;
  }

  header.overflow .navbar-brand{
    padding: 18px 18px 0;
  }
  .primary-title strong{
    font-size:47px;
    line-height:47px;
  }
}

@media (max-width: 567px){
  .main-name, header.overflow .main-name{
    font-size: 1.1em;
    margin-top: 30px;
  }

  .primary-title strong{
    font-size:30px;
    line-height:30px;
  }

  h1.title, h2.title{
    font-size: 40px;
  }

  .banner-tabs{padding: 60px 0;}

  .contact-link a{
    word-wrap: anywhere;
  }

  .copyright{padding: 0 2px;}
}