/*------------------------------------*\
   $Globals
\*------------------------------------*/

body {
	font-family:"fira-sans", sans-serif;
	font-size: 16px;
  line-height: 24px;
	color:rgba(88,88,90,1);
}

#header .container {
	background: rgba(230,230,230,0.40);
}

#logo {
	display: block;
	margin: 25px 0 50px 0;
}

#content {
	overflow-y: scroll!important;
}

#content .container {
	padding: 50px 0;
	background: rgba(230,230,230,0.40);
}

#footer {
	position: fixed;
	bottom:0;
	z-index: 150px;
	background-attachment: scroll;
	width: 100%;
}

#footer .container {
	background-color:rgba(88,88,90,1);
	padding:15px 0 0 0;
	color:white;
}

#footer a {
	color:white;
	padding: 0 8px;
	margin:0;
	font-size:12px;
}

#footer .active a {
	text-decoration: underline;
}


#footer a:hover {

}

.line {
	width: 100%;
	height: 10px;
	border-bottom: 2px solid rgba(166,181,30,1);
	display: block;
}

.phone {
	color:rgba(166,181,30,1);
	font-size: 22px;
}

.phone:hover{
	text-decoration: none;
	color: rgba(166,181,30,0.7);
}

a {
	color:rgba(166,181,30,1);
}

a:hover {
	color: rgba(166,181,30,0.5);
	text-decoration: none;
}

a:focus{
	color:rgba(166,181,30,1);
	text-decoration: none;
}

.affix{
	top:0;
	margin:0px!important;
}

h1 {
	font-size: 26px;
	line-height: 1.4em;
	text-align: center;
	text-transform: uppercase;
  color: rgba(166,181,30,1);
}

h2 {
	font-size: 20px;
	text-align:center;
	text-transform:uppercase;
}

.fancybox-slide--iframe .fancybox-content {
	width  : 800px;
	height: 600px;
	max-height: 80%;
	max-width  : 80%;
	margin: 0;
}

form li {
	/* wrapper for radio and checkbox input types */
	display: inline-block;
	position: relative;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	margin: 0 0 16px -40px;
	float: left;
}

form input[type="radio"] + label,
form input[type="checkbox"] + label {
	padding-left: 24px;
	padding-top: 6px;
}

img.button {
  transform:translate(70%,-80%);
}

/*------------------------------------*\
   $Spacing
\*------------------------------------*/

.top-5 { margin-top: 5px }
.top-10 {margin-top: 10px}
.top-15 {margin-top: 15px}
.top-20 { margin-top: 20px }
.top-30 { margin-top: 30px }
.top-40 { margin-top: 40px }
.top-60 { margin-top: 60px }
.top-80 { margin-top: 80px }
.bottom-0 { margin-bottom: 0 }
.bottom-5 { margin-bottom: 5px }
.bottom-10 { margin-bottom: 10px }
.bottom-20 { margin-bottom: 20px }
.bottom-30 { margin-bottom: 30px }
.bottom-40 { margin-bottom: 40px }
.bottom-50 { margin-bottom: 50px }
.bottom-60 { margin-bottom: 60px }
.bottom-80 { margin-bottom: 80px }
.pad-top-80 { padding-top: 80px }
.pad-top-60 { padding-top: 60px }
.pad-top-40 { padding-top: 40px }
.pad-top-30 { padding-top: 30px }
.pad-top-20 { padding-top: 20px }
.pad-bot-80 { padding-bottom: 80px }
.pad-bot-60 { padding-bottom: 60px }
.pad-bot-40 { padding-bottom: 40px }
.pad-bot-30 { padding-bottom: 30px }
.pad-bot-20 { padding-bottom: 20px }

.vh-100 {height: 100vh}

/*------------------------------------*\
   $Cookie Bar
\*------------------------------------*/

#cookie-bar {text-align: center; background: rgba(255,255,255,1); box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.7); z-index: 9999; }
#cookie-bar.fixed {position: fixed; top:20px; border-radius: 6px; padding: 10px 15px; font-size: 16px; line-height: 1.2; width:60%; margin-left: 20%;}
#cookie-bar.fixed.bottom {bottom:60px; top:auto; }
#cookie-bar p {margin:0; padding:0;}
#cookie-bar a {margin-left: 20px; cursor: pointer;}
#cookie-bar .cb-enable {}
#cookie-bar .cb-enable:hover {}
#cookie-bar .cb-disable {}
#cookie-bar .cb-disable:hover {}
#cookie-bar .cb-policy {}
#cookie-bar .cb-policy:hover {}

@media (max-width: 500px) {
#cookie-bar.fixed {font-size: 12px; line-height: 1.2;}
}


/*------------------------------------*\
   $Navigation
\*------------------------------------*/

.navbar {
	z-index: 999;
}

.navbar .navbar-nav {
	display: inline-block;
	float: none;
	vertical-align: top;
}

.navbar .navbar-collapse {
	text-align: center;
}

.navbar-physio {
	background: white;
	border:none;
	border-radius: 0px;
	margin:25px 0;
}

.navbar-physio li {
	border-right: 1px solid rgba(180,180,180,0.80);
}

.navbar-physio li:last-child {
	border:none;
}

.navbar-physio li a {
	color:rgba(88,88,90,1);
	background:none;
	text-transform: uppercase;
	font-family:"fira-sans", sans-serif;
	font-weight: 200;
	font-size: 18px;
}

.navbar-physio .dropdown li {
	margin: 5px 15px;
	border-right: none;
}

.dropdown-menu {
	border-radius: 0;
}

.navbar-physio .dropdown li a {
	border-bottom: 1px solid rgba(180,180,180,0.80);
}

.navbar-physio .dropdown li:last-child a{
	border:none;
}

.navbar-physio .dropdown li a{
	font-size:14px;
	padding:5px 0px;
}


.dropdown-menu > .active > a, .dropdown-menu > .active > a:focus, .dropdown-menu > .active > a:hover {
	background-color:rgba(255,255,255,0);
	color: rgba(153,17,52,0.5);
}
.nav > li > a:focus,
.nav > li > a:hover {
	background-color:rgba(255,255,255,0);
}

.navbar-physio li.active a,
.navbar-physio li.open > a,
.navbar-physio li.open a:focus,
.navbar-physio li a:active,
.navbar-physio li a:hover {
	background-color: rgba(255,255,255,0);
	color:rgba(166,181,30,1);
}

.navbar-toggle span{
	background-color:rgba(88,88,90,1);
}
textarea.wsc-control:focus,
input.wsc-control:focus {
	box-shadow: none;
	border:1px solid rgba(173, 173, 173, 0.93);
}
input.wsc-control,
textarea.wsc-control {
	border-radius: 0;
}

textarea.wsc-control {
	resize: none;
}

input[aria-invalid="true"] {
	border:1px solid red;
}

.btn-ergo {
	background: rgba(166,181,30,1);
	color:white;
	border:1px solid rgba(166,181,30,1);
	border-radius: 50px;;
	padding-top:7px;
	padding-bottom:5px;
}

.btn-ergo:hover {
	background: rgba(166,181,30,0.8);
	color:white;
}

/*------------------------------------*\
   $Media Queries
\*------------------------------------*/

@media (max-width: 768px) {
    #content .container {
    padding: 0 15px;
    }
  
    .navbar .navbar-nav {
        display: block;
        float: none;
        vertical-align: top;
    }

    .navbar .navbar-collapse {
        text-align: left;
    }

    #footer .text-right {
	    text-align: left;
    }

    .affix{
	    width: 100%;
    }

    #footer {
	    position: static;
    }
    #footer .container {
	    padding-bottom:15px;
    }
  
    img.button {
      transform:translate(10%,-60%);
    }

}

@media (max-width: 480px) {
	#logo img {
		display: block;
    	max-width: 100%;
    	width: 100%;
	    height: auto;
    }
}