/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */

 .switch-button {
  margin: 0 auto;
  border-radius: 18px;
  width: 230px;
  height: 38px;
  text-align: center;
  position: relative;
  bottom: -40px;
  font-size: 15px;
  font-weight: 600;
  z-index: 197 !important;
  cursor: pointer;
  -webkit-transition: color .3s ease,left .3s ease;
  transition: color .3s ease,left .3s ease;
  background: #fff;
  /*-webkit-box-shadow: inset 0 0 5px #c5c5c5;*/
  /*box-shadow: inset 0 0 5px #c5c5c5;*/
  outline: none;
}

.nav.navbar-nav li:only-child .switch-button {
  /* bottom: -34px; */
}

.switch-button .active-case {
  color: #ffff;
  border-radius: 18px;
}

.switch-button-case.right {
/*   	position: absolute;
	right: 15px */
}

.switch-button-case.left {
/*   	position: absolute;
	left: 15px */
}
.switch-button-case {
  display: inline-block;
  background: 0 0;
  width: 47%;
  height: 100%;
  color: #000;
  position: relative;
  border: none;
  -webkit-transition: color .3s ease,left .3s ease;
  transition: color .3s ease,left .3s ease;
  padding-bottom: 1px;
  outline: none;
}

.switch-button .active {
  color: #fff;
  background-color: #00B3FF;
  position: absolute;
  left: 2px;
  top: 2px;
  width: 50%;
  height: 89%;
  z-index: -1;
  -webkit-transition: color .3s ease-out,left .3s ease-out,right .3s ease-out;
  transition: color .3s ease-out,left .3s ease-out,right .3s ease-out;
  border-radius: 18px;
  /*-webkit-box-shadow: 0 0 10px grey;*/
  /*box-shadow: 0 0 10px grey;*/
}

.page .switch-button {
  background-color: #fff;
  /*-webkit-box-shadow: inset 0 0 5px #0072a5;*/
  /*box-shadow: inset 0 0px 5px #0072a5;*/
}

.qt-switch-menu-item {
  min-height: 79px;
}

.nav.navbar-nav .qt-switch-menu-item {
	display: none;
}

.logo .fixed-logo {
	max-width: 250px;
}

/* ----------- iPhone 5, 5S, 5C and 5SE ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2) {
	.logo .fixed-logo {
		max-width: 220px;
	}
}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 959px) {
	.logo .fixed-logo {
		max-width: 350px;
	}
	
	.nav.navbar-nav .qt-switch-menu-item {
		display: block;
	}
	
	.switch-button {
	  left: 90px;
	  /* font-family: Muli; */
	  -webkit-transform: translate3D(-50%,-50%,0);
	  transform: translate3D(-50%,-50%,0);
	  will-change: transform;
	  margin-left: 50px;
		
	}
}
@media (max-width: 959px) {
	.navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
   		overflow-y: visible;
	}
}