/*
Template Name : Cb - Shelley Behr -  The Richmond Counselling Centre. Individual, Couple & Family Therapy.
Author        : Chandra Bhushan Kumar
Version       : 1.0
*/
body {
    font-family: "Raleway",sans-serif;
    font-size: 15px;
    color: #333;
    background: #fff;
    overflow-x: hidden;
}
p {
    font-size: 15px;
    margin: 0 0 20px;
    color: #333;
    font-weight: 400;
    line-height: 28px;
}
.headCsutHom{font-size: 14px; position: relative;text-transform: uppercase; top: 8px;}

.btn {font-size: 14px;}
/* 
     Custom Navigation Start 
*/


.dropdown-menu > li.kopie > a { padding-left:5px;}
 
.dropdown-submenu { position:relative;}
.dropdown-submenu>.dropdown-menu { top:0;left:100%;margin-top:-6px;margin-left:-1px; -webkit-border-radius:0 6px 6px 6px;-moz-border-radius:0 6px 6px 6px;border-radius:0 6px 6px 6px;}
  
.dropdown-submenu > a:after { border-color: transparent transparent transparent #333;border-style: solid; border-width: 5px 0 5px 5px;content: " ";display: block;float: right;   height: 0;      margin-right: -10px; margin-top: 5px; width: 0;}
 
 
.navbar-default .dropdown-menu { min-width: 200px;} 

 form {
  margin-bottom: 10px;
}
/*
 * CONATCT FORM CSS BELOW
 * -----------------------------------------------
*/
/* -------- Form ---------- */
.input-group-lg > .form-control,
.input-group-lg > .input-group-addon,
.input-group-lg > .input-group-btn > .btn {
  font-size: 14px;
}
.form-control {
  border-radius: 0;
  box-shadow: none;
  height: 45px;
  border: 1px solid #eeeeee;
}
label {
  font-weight: normal;
}
.form-control:focus,
form input[type="text"]:focus,
form input[type="email"]:focus,
form input[type="number"]:focus,
form input[type="url"]:focus,
form input[type="search"]:focus,
form input[type="tel"]:focus,
form input[type="password"]:focus,
form input[type="date"]:focus,
form input[type="color"]:focus,
form select:focus,
form textarea:focus {
  color: #8bc34a;
  border-color: rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
  outline: none;
}
.form-transparent .form-control {
  background: transparent;
  color: #8bc34a;
  padding: 6px 12px;
}
.ReservationDate label {
	font-weight: normal;
    text-transform: capitalize;
}
.input-group-addon {
    padding: 6px 12px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    color: #333;
    text-align: center;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
    border-right: none;
    border-radius: 0;
}
.form-transparent .form-control:focus,
.form-transparent form input[type="text"]:focus,
.form-transparent form input[type="email"]:focus,
.form-transparent form input[type="number"]:focus,
.form-transparent form input[type="url"]:focus,
.form-transparent form input[type="search"]:focus,
.form-transparent form input[type="tel"]:focus,
.form-transparent form input[type="password"]:focus,
.form-transparent form input[type="date"]:focus,
.form-transparent form input[type="color"]:focus,
.form-transparent form select:focus,
.form-transparent form textarea:focus {
  color: #404040;
}
.form-transparent textarea.form-control,
.form-white textarea.form-control {
  height: 150px;
}
.form-white .form-control {
  background: #fff;
}
.form-transparent.form-line .form-control {
  border: none;
  border-bottom: 1px solid #c0c0c0;
  padding-left: 0;
}
.form-transparent.form-line textarea.form-control {
  height: 70px;
}
form label {
  font-weight: bold;
}
/* form error */
form .form-control.error {
  border: 2px solid #ee163b;
}
form .error {
  color: #ee163b;
}
/* -------- Donation Form ---------- */
.donation-form .form-group label.radio-inline {
  color: #808080;
}

.form-text-white .form-group label {
  color: #fff;
}
/******
	**-------- END CONTACT FORM ---------
*************/


@media (max-width: 767px) {

  .navbar-nav  {
     display: inline;
  }
  .navbar-default .navbar-brand {
    display: inline;
  }

  

   .navbar-nav .open .dropdown-menu {
     border-bottom: 1px solid white; 
     border-radius: 0;
   }
  .dropdown-menu {
      padding-left: 10px;
  }
  .dropdown-menu .dropdown-menu {
      padding-left: 20px;
   }
   .dropdown-menu .dropdown-menu .dropdown-menu {
      padding-left: 30px;
   }
   li.dropdown.open {
    border: 0px solid red;
   }

}
 
@media (min-width: 768px) {
  ul.nav li:hover > ul.dropdown-menu {
    display: block;
  }
  #navbar {
    text-align: center;
  }
}  
/* 
     End Navigation 
*/

#therapists h4 {
    color: #8bc34a;
    font-family: "Montserrat",sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: normal;
    margin: 0 0 10px;
    position: relative;
    text-transform: capitalize;
}
.category-list li a, .archive-list li a {
  border-bottom: 1px solid #f5f5f5;
  color: #000;
  display: block;
  font-size: 15px;
  font-weight: 400;
  padding: 10px 0;
}
.category-list .active{
  color: #8bc34a;
}
.afa-list {
    background: transparent none repeat scroll 0 0;
    border: 1px solid transparent;
    border-radius: 5px;
    padding: 25px;
    text-align: center;
    transition: all 0.5s ease-in-out 0s;
}
.afa-list:hover {
    border-color: #8bc34a;
    cursor: pointer;
}
.afa-list .thumb img {
    border-radius: 0;
    display: inline-block;
}
.productLogoimg img {
    background: #fdfbfb none repeat scroll 0 0;
    border: 1px solid #8bc34a;
    border-radius: 5px;
    padding: 4px;
    text-align: center;
    transition: all 0.5s ease-in-out 0s;
	cursor: pointer;

}
#hairRemovalPricing table{font-size: 15px;}
#hairRemovalPricing .table-bordered > tbody > tr > td, #hairRemovalPricing .table-bordered > tbody > tr > th, #hairRemovalPricing .table-bordered > tfoot > tr > td, #hairRemovalPricing .table-bordered > tfoot > tr > th, #hairRemovalPricing .table-bordered > thead > tr > td, #hairRemovalPricing .table-bordered > thead > tr > th {
    border: 1px solid #8bc34a;
}
#hairRemovalPricing .table-bordered {border: 1px solid #8bc34a;}
#etiquettePolicy p{ font-size: 17px;text-align: center; line-height: 35px; margin: 0 0 25px;}
.title-block {float: left; height: auto; margin: 0 0 10px; width: 100%;}
.pb-0{padding-bottom:00px;}
.pb-10{padding-bottom:10px;}
.pb-20{padding-bottom:20px;}
.pb-30{padding-bottom:30px;}
.pb-40{padding-bottom:40px;}
.pt-40{padding-top:40px;}
.pt-0{padding-top:0px;}
.pt-10{padding-top:10px;}
.pt-20{padding-top:20px;}
.pt-30{padding-top:30px;}
.pb-50{padding-bottom:50px;}
.pt-50{padding-top:50px;}
.pb-70{padding-bottom:70px;}
.pt-70{padding-top:70px;}
.pb-90{padding-bottom:90px;}
.pt-90{padding-top:90px;}

.pl-0{padding-left:0px;}
.pl-10{padding-left:10px;}
.pl-20{padding-left:20px;}
.pl-30{padding-left:30px;}
.pr-0{padding-right:0px;}
.pr-10{padding-right:10px;}
.pr-20{padding-right:20px;}
.pr-30{padding-right:30px;}


.service-details ul li {
    position: relative;
    padding-left: 25px;
    margin: 0 0 14px;
}
.service-details ul li p{
    margin-top: 5px;
	margin-bottom:5px;
}

.Spasublist {display: inline-block;padding-left: 17px;}

/*  Side Menu Accordion Drop - Down
 ----------------------------- */
.accordion-item {width: 100%; max-width: 360px;}
.accordion-item .link-item { cursor: pointer;display: block; padding: 10px 0px;color: #4D4D4D;font-size: 14px;font-weight: 700;border-bottom: 1px solid #f5f5f5; position: relative;-webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease;transition: all 0.4s ease;}
.accordion-item li:last-child .link-item { border-bottom: 0; }
.accordion-item li i {position: absolute;top: 16px;left: 12px;font-size: 18px;color: #595959;-webkit-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease;}
.accordion-item li i.fa-chevron-down {right: 12px;left: auto;font-size: 16px;}
.accordion-item li.open .link-item { color: #8bc34a; }
.accordion-item li.open i { color: #8bc34a; }
.accordion-item li.open i.fa-chevron-down {-webkit-transform: rotate(180deg); -ms-transform: rotate(180deg);-o-transform: rotate(180deg);transform: rotate(180deg);}
.submenuisderbar {display: none; font-size: 15px;}


/** Mobile Responsive 
 ----------------------------- */
 
@media only screen and (max-width: 639px){
.headCsutHom{top: 0px;}	
	
}
@media only screen and (max-width: 407px){
.imgResponsivects{width:75%;}

	
}