/* Last update: 01/05/2024@08:39 */
body {
  font-family: Titillium Web, sans-serif;
}
a,
a:visited,
a:active {
  color: #4cba74;
  text-decoration: none;
}
a:hover {
  color: #363a35;
}
.container {
  max-width: 940px;
  margin: 0 auto;
  padding: 0 10px;
}
input[type="submit"] {
  background: #4cba74;
  border: 2px solid #4cba74;
  color: #fff;
  padding: 5px 25px;
  font-size: 20px;
  line-height: 26px;
  transition: all .3s ease-out;
  display: inline-block;
  margin: 0 10px;
  text-shadow: none;
  box-shadow: none;
  border-radius: 0;
}
input[type="submit"]:hover {
  background: #fff;
  color: #363a35;
  border-color: #fff;
  text-shadow: none;
  box-shadow: none;
}
#masthead {
  display: none !important;
  height: 60px;
  background-color: #ffffff;
  box-shadow: 0 2px 4px rgba(0,0,0,0.3);
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 100;
}
#masthead .site-branding {
  position: absolute;
  top: 0;
  z-index: 2001;
  display: block;
  margin: 0;
  background-image: url(../images/header_logo.png);
  background-repeat: no-repeat;
  background-position: center;
  text-indent: -1000px;
  height: 100%;
  width: 222px;
}
#masthead .site-branding * {
  display: block;
  height: 100%;
}
#masthead #site-navigation {
  padding-top: 23px;
  padding-right: 10px;
  float: right;
}
#masthead .language-selector {
  float: right;
  list-style: none;
  margin: 0;
  line-height: 60px;
}
#masthead .language-selector li {
  display: inline-block;
  margin-left: 5px;
}
#masthead .language-selector li a {
  display: block;
}
#masthead .language-selector li img {
  opacity: 0.5;
}
#masthead .language-selector li:hover img {
  opacity: 0.9;
}
#masthead .language-selector li.active img {
  opacity: 0.3;
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  filter: grayscale(100%);
}
#masthead #menu > li {
  margin-left: 25px;
  padding-bottom: 5px;
}
#masthead #menu > li.menu-item-has-children > a:after {
  content: '\f078';
  margin-left: 5px;
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
}
#masthead #menu > li > a {
  color: #444;
  padding-bottom: 14px;
  transition: all .2s ease-out .2s;
  font-weight: 400;
  font-size: 13px;
  line-height: 16px;
  background: transparent;
  text-transform: uppercase;
}
#masthead #menu > li ul {
  top: 40px;
  transition: all .2s ease-out .2s;
  opacity: 0;
  box-shadow: 0 3px 3px rgba(0,0,0,0.1);
  background-color: #333;
  border: 0;
  border-top: 2px solid #1fbba6;
  border-radius: 0;
  margin-top: -1px;
  position: absolute;
  min-width: 180px;
  z-index: 100;
  display: block;
  padding: 0;
}
#masthead #menu > li ul li:hover {
  background: #393939;
}
#masthead #menu > li ul a {
  color: #aaa;
  font-weight: 400;
  font-size: 12px;
  line-height: 18px;
  display: block;
  padding: 10px 15px;
}
#masthead #menu > li ul a:hover {
  color: #fff;
}
#masthead #menu > li:hover {
  border-bottom: 2px solid #4cba74;
}
#masthead #menu > li:hover ul {
  opacity: 1;
  top: 35px;
}
#masthead #mob {
  display: none;
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
}
#masthead #mob #mob-toggle {
  float: right;
  display: block;
  line-height: 60px;
  height: 60px;
  width: 60px;
  text-align: center;
}
#masthead #mob #mob-menu {
  background: #363a35;
  padding: 0;
  margin: 0;
  margin-top: 60px;
  border-top: 2px solid #4cba74;
  overflow-y: auto;
  overflow-x: hidden;
  list-style: none;
  transition: all 200ms ease-in;
  height: 0;
  opacity: 0;
}
#masthead #mob #mob-menu.open {
  height: auto;
  opacity: 1;
}
#masthead #mob #mob-menu ul {
  list-style: none;
}
#masthead #mob #mob-menu li {
  line-height: 20px;
  max-width: 420px;
  margin: 0 auto;
}
#masthead #mob #mob-menu li a,
#masthead #mob #mob-menu li a:visited {
  color: white;
  text-transform: uppercase;
  font-weight: 400;
  border-bottom: 1px solid #444;
  font-size: 14px;
  padding: 20px 0;
  display: block;
  transition: all 200ms ease-in-out;
}
#masthead #mob #mob-menu li a:hover {
  color: #ccc;
}
.home #masthead {
  display: none;
}
#main {
  max-width: 940px;
  margin: 0 auto;
  padding: 0 10px;
}
#content {
  background: #fff;
  margin-top: 60px;
}
#content h1,
#content h2,
#content h3,
#content h4,
#content h5,
#content h6,
#content h1 a,
#content h2 a,
#content h3 a,
#content h4 a,
#content h5 a,
#content h6 a {
  line-height: 1.2em;
  word-wrap: break-word;
  margin-bottom: .5em;
}
#content h1 {
  font-size: 2.250em;
}
#content h2 {
  font-size: 1.875em;
}
#content h3 {
  font-size: 1.500em;
}
#content h4 {
  font-size: 1.125em;
}
#content h5 {
  font-size: 1em;
}
#content h6 {
  font-size: 1.000em;
}
#content .entry-title {
  color: #444;
  font-size: 30px;
  font-weight: 300;
  text-align: center;
  line-height: 26px;
  margin-bottom: 15px;
  letter-spacing: 1px;
}
#content .entry-title:after {
  display: block;
  content: "";
  height: 1px;
  width: 40px;
  background-color: #ccc;
  margin: 20px auto 30px;
}
#content .size-thumbnail {
  border-radius: 50%;
}
#content .s-dark {
  background-color: #333333;
  color: #fff;
}
#content .s-dark .entry-title {
  color: #fff;
}
#content .s-dark .entry-title:after {
  background-color: #555;
}
#content .s-dark a:hover {
  color: #fff;
}
.home #content {
  margin-top: 0;
}
#colophon {
  position: fixed;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: -1;
  padding-top: 30px;
  padding-bottom: 30px;
  background-color: #232323;
}
#colophon .site-info {
  max-width: 940px;
  margin: 0 auto;
  padding: 0 10px;
  color: #fff;
  text-align: center;
}
#colophon .site-info p img {
  margin: 0 20px;
  vertical-align: middle;
  max-height: 135px;
  max-width: 15%;
}
#colophon a,
#colophon a:active,
#colophon a:visited {
  color: #ccc;
}
#colophon a:hover,
#colophon a:active:hover,
#colophon a:visited:hover {
  color: #888;
}
#loader {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: rgba(255,255,255,0.8);
  font-size: 50px;
  z-index: 1000;
}
#loader i {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 50px;
  height: 50px;
  margin-top: -25px;
  margin-left: -25px;
  text-algin: center;
}
#homevideo {
  position: relative;
  overflow: hidden;
}
#homevideo #homewrapper {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
#homevideo video {
  display: none;
  position: absolute;
  right: 0;
  bottom: 0;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  z-index: 0;
}
#homevideo #img {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
#homevideo #img img {
  transition: all 10s ease-in;
  max-width: none;
}
#homevideo #img img.pos0 {
  transform: scale(1);
  transform-origin: top left;
  -webkit-transform: scale(1);
  -webkit-transform-origin: top left;
}
#homevideo #img img.pos1 {
  transform: scale(1.5);
  transform-origin: center center;
  -webkit-transform: scale(1.5);
  -webkit-transform-origin: center center;
}
#homevideo #img img.pos2 {
  transform: scale(1.7);
  transform-origin: bottom right;
  -webkit-transform: scale(1.7);
  -webkit-transform-origin: bottom right;
}
#homevideo #img img.pos3 {
  transform: scale(1.4);
  transform-origin: bottom center;
  -webkit-transform: scale(1.4);
  -webkit-transform-origin: bottom center;
}
#homevideo #homemessage {
  z-index: 99;
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 70%;
  text-align: center;
  color: #fff;
  font-size: 40px;
  text-shadow: 0 0 10px #000;
  font-weight: 700;
  line-height: 45px;
}
#homevideo #homemessage a {
  text-shadow: none;
  font-weight: 400;
  font-size: 15px;
}
#homevideo #homelogo {
  z-index: 99;
  position: absolute;
  bottom: 50%;
  left: 0;
  right: 0;
  width: 300px;
  height: 200px;
  margin: 0 auto;
  color: #fff;
  font-size: 15px;
  display: block;
  text-align: center;
  vertical-align: middle;
}
#homevideo #homelogo div,
#homevideo #homelogo img {
  transition: all 500ms ease-in-out;
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 100%;
  height: 100%;
}
#homevideo #homelogo div {
  opacity: 0;
  top: 50%;
  font-size: 20px;
  font-weight: 300;
}
#homevideo #homelogo:hover {
  color: #fff;
}
#homevideo #homelogo:hover img {
  opacity: 0;
}
#homevideo #homelogo:hover div {
  opacity: 1;
}
.section-paths,
.section-boxes {
  text-align: center;
}
.section-paths .path,
.section-boxes .path {
  vertical-align: top;
  width: 300px;
  height: 330px;
  overflow: hidden;
  display: inline-block;
  position: relative;
  margin-left: 10px;
  margin-right: 10px;
  margin-bottom: 20px;
  max-width: 90%;
}
.section-paths .path a,
.section-boxes .path a {
  display: block;
  color: #444;
}
.section-paths .path img,
.section-boxes .path img {
  padding-bottom: 30px;
  transition: all 200ms ease-in-out;
}
.section-paths .path .details,
.section-boxes .path .details {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #fff;
  transition: all 200ms ease-in-out;
  padding: 20px 10px;
}
.section-paths .path .details:after,
.section-boxes .path .details:after {
  transition: all 200ms ease-in-out;
  content: " ";
  position: absolute;
  bottom: 100%;
  left: 50%;
  height: 0;
  width: 0;
  border: 12px solid rgba(255,255,255,0);
  border-bottom-color: #fff;
  border-width: 12px;
  margin-left: -12px;
}
.section-paths .path .details h2,
.section-boxes .path .details h2 {
  font-size: 20px !important;
  line-height: 26px !important;
  margin-bottom: 0 !important;
}
.section-paths .path .details .extra,
.section-boxes .path .details .extra {
  display: none;
  overflow: hidden;
  font-size: 13px;
  margin-top: 10px;
}
.section-paths .path .details .extra .info,
.section-boxes .path .details .extra .info {
  color: #888;
}
.section-paths .path:hover img,
.section-boxes .path:hover img {
  margin-top: -30px;
}
.section-paths .path:hover .details,
.section-boxes .path:hover .details {
  background-color: #333;
  color: #eee;
}
.section-paths .path:hover .details:after,
.section-boxes .path:hover .details:after {
  border-bottom-color: #333;
}
#pau_contacte {
  width: 60%;
  margin: 0 auto;
  text-align: center;
}
#pau_contacte input[type="text"] {
  width: 100%;
}
.s-video {
  width: 100%;
  margin: 0 auto;
  position: relative;
}
.s-video img {
  width: 100%;
  height: 100%;
  cursor: pointer;
}
.s-video div.play {
  cursor: pointer;
  position: absolute;
  top: 50%;
  left: 50%;
  height: 40px;
  width: 40px;
  margin-top: -20px;
  margin-bottom: -20px;
  font-size: 40px;
  line-height: 40px;
  text-align: center;
  color: #fff;
  text-shadow: 0 0 5px #000;
}
.s-video div.play:after {
  content: "\f04b";
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
}
.s-video .embed {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 100%;
  height: auto;
}
.s-video .embed iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.s-gallery {
  width: 100%;
  text-align: center;
}
.s-gallery a {
  display: inline-block;
  width: 25%;
}
.s-gallery a img {
  width: 100%;
}
.s-slider:hover .owl-controls {
  visibility: visible;
}
.s-slider .owl-controls {
  margin-top: 0;
  position: absolute;
  width: 100%;
  bottom: 10px;
  visibility: hidden;
}
.s-slider .owl-controls .owl-page span {
  background-color: #eee;
}
.s-slider .owl-controls .owl-page span.active {
  background-color: #fff;
}
.s-slider img {
  min-width: 100%;
  display: block;
}
.section {
  position: relative;
  background-color: #fff;
  z-index: 0;
  overflow: hidden;
}
.section .bg_section {
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
}
.section .bg_section iframe,
.section .bg_section .bg_img {
  position: absolute;
  left: 0;
  top: 0;
  min-width: 100%;
  min-height: 100%;
  z-index: 1;
  max-width: none;
}
.section .bg_section iframe {
  display: none;
}
.section .bg_section .bg_overlay {
  position: absolute;
  left: 0;
  top: 0;
  min-width: 100%;
  min-height: 100%;
  z-index: 2;
}
.section .entry-title {
  z-index: 1;
  position: relative;
}
.content-area {
  max-width: 940px;
  margin: 0 auto;
  padding-top: 64px;
  padding-bottom: 64px;
}
.content-area ul,
.content-area p {
  color: #888;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  margin-bottom: 15px;
}
.page-recorregut .botons {
  text-align: center;
}
.stage {
  background: #282828;
  margin: 0 auto;
}
.stage .container {
  padding: 30px 10px;
  border-bottom: 1px solid #555;
  overflow: hidden;
}
.stage:last-child .container {
  border-bottom: none;
}
.stage .profile {
  text-align: center;
  width: 55%;
}
.stage .content {
  width: 40%;
}
.stage .content h2 {
  font-weight: 200;
  clear: none;
}
.stage.senar .profile {
  float: left;
}
.stage.senar .content {
  float: right;
  margin-left: 4%;
}
.stage.parell .profile {
  float: right;
}
.stage.parell .content {
  float: left;
  margin-right: 4%;
}
.buttons {
  text-align: center;
  margin-bottom: 20px;
}
.buttons a {
  text-transform: uppercase;
  color: #282828;
  border: 1px solid #ccc;
  font-size: 12px;
  padding: 5px 10px;
  display: inline-block;
  transition: all 500ms linear;
}
.buttons a:hover {
  border: 1px solid #282828;
}
.buttons a.current {
  background: #282828;
  color: #fff;
  border: 1px solid #282828;
}
.light {
  font-weight: 200;
}
strong {
  font-weight: 700;
}
#content a.boto,
#content span.boto {
  background: #4cba74;
  border: 2px solid #4cba74;
  color: #fff;
  padding: 5px 25px;
  font-size: 20px;
  line-height: 26px;
  transition: all .3s ease-out;
  display: inline-block;
  margin: 0 10px;
}
#content a.boto:hover,
#content span.boto:hover {
  background: #fff;
  color: #363a35;
  border-color: #fff;
}
#content a.boto.simple,
#content span.boto.simple {
  background: transparent;
  color: #ccc;
  border-color: #888;
}
#content a.boto.simple:hover,
#content span.boto.simple:hover {
  background: transparent;
  border-color: #fff;
  color: #fff;
}
#content a.boto.arrow:after,
#content span.boto.arrow:after {
  content: '\f054';
  margin-left: 10px;
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  font-size: 15px;
}
#content .columns {
  width: 100%;
  margin: 0 auto;
  font-size: 0;
}
#content .column-12 {
  width: 100%;
  padding: 20px;
  display: inline-block;
  font-size: 16px;
  vertical-align: top;
}
#content .column-11 {
  width: 91.666666666667%;
  padding: 20px;
  display: inline-block;
  font-size: 16px;
  vertical-align: top;
}
#content .column-10 {
  width: 83.333333333333%;
  padding: 20px;
  display: inline-block;
  font-size: 16px;
  vertical-align: top;
}
#content .column-9 {
  width: 75%;
  padding: 20px;
  display: inline-block;
  font-size: 16px;
  vertical-align: top;
}
#content .column-8 {
  width: 66.666666666667%;
  padding: 20px;
  display: inline-block;
  font-size: 16px;
  vertical-align: top;
}
#content .column-7 {
  width: 58.333333333333%;
  padding: 20px;
  display: inline-block;
  font-size: 16px;
  vertical-align: top;
}
#content .column-6 {
  width: 50%;
  padding: 20px;
  display: inline-block;
  font-size: 16px;
  vertical-align: top;
}
#content .column-5 {
  width: 41.666666666667%;
  padding: 20px;
  display: inline-block;
  font-size: 16px;
  vertical-align: top;
}
#content .column-4 {
  width: 33.333333333333%;
  padding: 20px;
  display: inline-block;
  font-size: 16px;
  vertical-align: top;
}
#content .column-3 {
  width: 25%;
  padding: 20px;
  display: inline-block;
  font-size: 16px;
  vertical-align: top;
}
#content .column-2 {
  width: 16.666666666667%;
  padding: 20px;
  display: inline-block;
  font-size: 16px;
  vertical-align: top;
}
#content .column-1 {
  width: 8.3333333333333%;
  padding: 20px;
  display: inline-block;
  font-size: 16px;
  vertical-align: top;
}
.ui-datepicker {
  font-size: 11px;
}
.ui-datepicker .ui-highlight a {
  background: #4cba74;
  color: #fff;
}
form .error {
  border: 1px solid red;
}
.form-chooser {
  text-align: center;
}
.form-chooser div {
  text-align: center;
}
.form-chooser div img {
  max-width: 200px;
}
.inscription-text,
.preinscription-text {
  margin: 0 30px;
}
#volta img {
  width: 120px;
  height: 120px;
}
#inscription .form-pages-wrapper {
  display: none;
}
#inscription .form-pages-wrapper .form-pages {
  position: relative;
  overflow: hidden;
  width: 100%;
}
#inscription .form-pages-wrapper .form-pages .form-loading {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: none;
  background: rgba(255,255,255,0.5);
  z-index: 1;
  text-align: center;
}
#inscription .form-pages-wrapper .form-pages .form-loading i {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -20px;
  margin-top: -20px;
  line-height: 40px;
  font-size: 40px;
}
#inscription .form-pages-wrapper .form-pages .form-next,
#inscription .form-pages-wrapper .form-pages .form-prev {
  position: absolute;
  top: 50%;
  height: 30px;
  width: 30px;
  display: block;
  margin-top: -15px;
  font-size: 30px;
  line-height: 30px;
  text-align: center;
  transition: all 200ms;
}
#inscription .form-pages-wrapper .form-pages .form-next {
  right: 0;
}
#inscription .form-pages-wrapper .form-pages .form-prev {
  display: none;
  left: 0;
}
#inscription .form-pages-wrapper .form-pages input {
  outline: 0;
}
#inscription .form-pages-wrapper .form-pages .form-page {
  margin: 0 30px;
  transition: opacity 1s;
  opacity: 0;
  border: 1px solid #ccc;
  position: absolute;
  left: -9999px;
}
#inscription .form-pages-wrapper .form-pages .form-page.current {
  opacity: 1;
  position: static;
}
#inscription .form-pages-wrapper .form-pages .form-page.form-page-1 {
  display: block;
}
#inscription .form-pages-wrapper .form-pages .form-page div.price {
  float: right;
  text-align: right;
}
#inscription .form-pages-wrapper .form-pages .form-page .form-block {
  margin: 20px;
}
#inscription .form-pages-wrapper .form-pages .form-page .form-block.accomodation {
  display: none;
}
#inscription .form-pages-wrapper .form-pages .form-page .form-block .form-title {
  clear: none;
}
#inscription .form-pages-wrapper .form-pages .form-page .form-block .form-row {
  color: #888;
  overflow: hidden;
}
#inscription .form-pages-wrapper .form-pages .form-page .form-block .form-row .pack_price,
#inscription .form-pages-wrapper .form-pages .form-page .form-block .form-row .inscription_price {
  color: #ccc;
}
#inscription .form-pages-wrapper .form-pages .form-page .form-block .form-row label {
  float: left;
  width: 20%;
}
#inscription .form-pages-wrapper .form-pages .form-page .form-block .form-row label.checkbox {
  float: none;
  width: auto;
  padding-left: 10px;
}
#inscription .form-pages-wrapper .form-pages .form-page .form-block .form-row label.error {
  float: none;
  font-size: 80%;
  width: auto;
  border: 0;
  margin-left: 10px;
}
#inscription .form-pages-wrapper .form-pages .form-page .form-block .form-row span.price {
  opacity: 0;
}
#inscription .form-pages-wrapper .form-pages .form-page .form-block .form-row:hover span.price {
  opacity: 1;
}
#inscription .form-ok {
  display: none;
  padding-top: 30px;
  text-align: center;
}
#inscription #pay-now {
  visibility: hidden;
  height: 0;
}
#inscription .form-totals {
  border: 1px solid #ccc;
  padding: 20px;
  margin: 30px;
}
#inscription .form-totals .type {
  font-size: 90%;
  color: #ccc;
}
#inscription .form-totals .runner {
  padding-bottom: 20px;
}
#inscription .form-totals .runner .runner_ins,
#inscription .form-totals .runner .extras,
#inscription .form-totals .runner .payed {
  margin-left: 20px;
}
#inscription .form-totals .runner .extras {
  display: none;
}
#inscription .form-totals .total {
  border-top: 1px solid #363a35;
}
#inscription .form-totals .p {
  float: right;
  margin-left: 10px;
}
#inscription span.price {
  background: #4cba74;
  color: #fff;
  padding: 5px 10px;
  border-radius: 4px;
  position: relative;
  margin: 0 10px;
  font-weight: 600;
}
#inscription span.price::after {
  right: 100%;
  top: 50%;
  border: 5px solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  border-right-color: #4cba74;
  margin-top: -5px;
}
table.ins_list td {
  padding: 5px 3px;
  word-wrap: break-word;
  word-break: break-all;
}
table.ins_list td.team {
  width: 25%;
}
table.ins_list td.runner {
  width: 30%;
}
div.ins_list div.ins_line {
  overflow: hidden;
  margin-bottom: 10px;
}
div.ins_list div.ins_line div {
  float: left;
  padding: 5px 1%;
}
div.ins_list div.ins_line .team {
  width: 25%;
}
div.ins_list div.ins_line .group {
  width: 15%;
}
div.ins_list div.ins_line .runner {
  width: 30%;
}
.page-gallery {
  text-align: center;
}
.page-gallery a {
  display: inline-block;
}
.page-gallery a img {
  display: block;
  width: 300px;
  height: 200px;
  background: #363a35;
}
#comments .comment-list {
  list-style: none;
}
#comments .comment-list .children {
  list-style: none;
}
#comments .comment-meta b.fn {
  font-weight: normal;
}
#comments .comment-meta a {
  font-size: 70%;
  color: #888;
}
#comments .comment-title {
  font-weight: bold;
}
#comments .depth-1 > .children {
  display: none;
  margin-left: 25px;
  padding-left: 25px;
  border-left: 1px solid #ccc;
}
#comments .comment-reply-link,
#comments #cancel-comment-reply-link {
  border: 1px solid #4cba74;
  color: #4cba74;
  padding: 3px 15px;
  line-height: 20px;
  font-size: 12px;
  transition: all .3s ease-out;
  display: inline-block;
}
#comments .comment-reply-link:hover,
#comments #cancel-comment-reply-link:hover {
  background: #fff;
  color: #363a35;
  border-color: #fff;
}
#comments .comment-body {
  margin-bottom: 20px;
}
@media (max-width: 800px) {
  #masthead #site-navigation {
    display: none;
  }
  #masthead #mob {
    display: block;
    z-index: -1;
  }
  #masthead .language-selector {
    margin-right: 60px;
  }
  div.ins_list div.ins_line div {
    display: inline-block;
  }
  div.ins_list div.ins_line .team {
    width: 100%;
  }
  div.ins_list div.ins_line .group {
    width: 20%;
  }
  div.ins_list div.ins_line .runner {
    width: 40%;
  }
}
@media (max-width: 600px) {
  #content .column-12 {
    display: block;
    width: 90%;
    margin: 0 auto;
  }
  #content .column-11 {
    display: block;
    width: 90%;
    margin: 0 auto;
  }
  #content .column-10 {
    display: block;
    width: 90%;
    margin: 0 auto;
  }
  #content .column-9 {
    display: block;
    width: 90%;
    margin: 0 auto;
  }
  #content .column-8 {
    display: block;
    width: 90%;
    margin: 0 auto;
  }
  #content .column-7 {
    display: block;
    width: 90%;
    margin: 0 auto;
  }
  #content .column-6 {
    display: block;
    width: 90%;
    margin: 0 auto;
  }
  #content .column-5 {
    display: block;
    width: 90%;
    margin: 0 auto;
  }
  #content .column-4 {
    display: block;
    width: 90%;
    margin: 0 auto;
  }
  #content .column-3 {
    display: block;
    width: 90%;
    margin: 0 auto;
  }
  #content .column-2 {
    display: block;
    width: 90%;
    margin: 0 auto;
  }
  #content .column-1 {
    display: block;
    width: 90%;
    margin: 0 auto;
  }
  .stage .profile {
    width: 100%;
    float: none;
  }
  .stage .content {
    width: 100%;
    float: none;
    margin: 0;
  }
}
@media (max-width: 500px) {
  .container {
    max-width: 420px;
  }
  #homevideo #homemessage {
    font-size: 30px;
    line-height: 35px;
  }
  #colophon .sep {
    display: block;
    height: 0;
    visibility: hidden;
  }
}
@media (max-width: 400px) {
  #masthead .site-branding {
    width: 150px;
    background-size: 100%;
  }
}
@media (max-width: 365px) {
  #homevideo #homemessage {
    font-size: 20px;
    line-height: 23px;
  }
}
#registration .preregistration-only {
  display: none;
}
#registration .form-block {
  margin-bottom: 30px;
  border: 1px solid #ccc;
}
#registration .form-block h2 {
  font-size: 120%;
  padding: 10px 20px;
  padding-left: 53px;
  margin: 0;
  position: relative;
  cursor: pointer;
}
#registration .form-block h2 .form-number {
  position: absolute;
  left: 0;
  top: 0;
  height: 43px;
  width: 43px;
  line-height: 43px;
  text-align: center;
  background: #ccc;
}
#registration .form-block h2 .form-number.valid {
  background: #4cba74;
  color: #fff;
}
#registration .form-block h2 .form-number.error {
  background: red;
}
#registration .form-block .form-content {
  border-top: 1px solid #ccc;
  padding: 20px;
}
#registration .form-block .form-content .form-row em {
  font-style: normal;
  color: #ccc;
}
div.form-summary {
  border: 1px solid #ccc;
  padding: 20px;
}
div.form-summary .runner {
  padding-bottom: 20px;
}
div.form-summary .runner .info,
div.form-summary .runner .extras,
div.form-summary .runner .payed {
  margin-left: 20px;
}
div.form-summary .line {
  border-top: 1px solid #ccc;
}
div.form-summary .price {
  float: right;
  margin-left: 10px;
}
div.form-summary .form-submit {
  text-align: center;
  display: none;
}
table.form-summary {
  border: 1px solid #ccc;
  padding: 20px;
}
table.form-summary tr.soft td {
  font-weight: 200;
}
table.form-summary tr.subtotal td {
  padding-bottom: 20px;
}
table.form-summary tr.total td {
  border-top: 1px solid #ccc;
  font-weight: bold;
}
h3.form-title {
  margin-top: 30px;
}
.registration-form label {
  float: left;
  width: 25%;
  clear: left;
}
.registration-form label.full-label {
  float: none;
  width: auto;
}
.registration-form .field-info,
.registration-form .form-field {
  clear: both;
  overflow: hidden;
  margin: 5px auto;
}
.registration-form textarea.label-right {
  width: 75%;
}
.registration-form div.label-right {
  margin-left: 25%;
}
.registration-form div.label-right p {
  margin: 0;
  color: #404040;
  font-size: 16px;
}
@media only screen and (max-width: 660px) {
  .registration-form label {
    float: none;
    width: auto;
    display: block;
  }
  .registration-form textarea.label-right {
    width: 100%;
  }
  .registration-form div.label-right {
    margin-left: 0;
  }
}
#registration #reset_form {
  display: none;
}
#registration.error #reset_form,
#registration.valid #reset_form {
  display: block;
}
#team_page #pending_box {
  text-align: center;
}
#team_page #pending_box .content {
  border: 1px solid #ccc;
  padding: 20px;
  margin: 0 auto;
  margin-bottom: 30px;
  text-align: center;
  display: inline-block;
}
#team_page #pending_box .content div {
  font-size: 150%;
  margin-bottom: 10px;
}
#team_page #team_logout {
  float: right;
}
#team_page #team_logout input {
  padding: 10px 20px 9px 20px;
  border: 0;
  margin: 0;
}
#team_page #team_login {
  text-align: center;
}
#team_page #team_login label {
  font-size: 150%;
  display: block;
  margin-bottom: 10px;
}
#team_page #team_form #section_tabs {
  border-bottom: 1px solid #ccc;
}
#team_page #team_form #section_tabs a {
  display: inline-block;
  padding: 10px 20px;
  outline: 0;
}
#team_page #team_form #section_tabs a.current {
  border: 1px solid #ccc;
  border-bottom: 1px solid #fff;
  margin-bottom: -1px;
}
#team_page #team_form #section_tabs a:hover {
  color: #4cba74;
}
#team_page #team_form #section_tabs a .pending_warning {
  color: red;
}
#team_page #team_form .section {
  border: 1px solid #ccc;
  border-top: 0;
  padding: 20px;
  display: none;
}
#team_page #team_form .section.current {
  display: block;
}
#team_page #team_form pre {
  background: #fff;
}
#team_page #payments_table {
  border: 1px solid #eee;
}
#team_page #payments_table thead th {
  border-bottom: 1px solid #eee;
}
#team_page #payments_table tfoot th {
  border-top: 1px solid #eee;
}
#team_page #payments_table th,
#team_page #payments_table td {
  padding: 5px 6px;
}
#team_page #payments_table td.price,
#team_page #payments_table th.price {
  text-align: right;
}
#team_page #payments_table tr.no-valid td {
  color: #ccc;
  font-style: italic;
}
#team_page .form-summary {
  border-color: #eee;
}
#team_page .form-summary .pending {
  text-align: center;
  font-size: 150%;
}
#team_page #team_change_box {
  position: fixed;
  background: rgba(0,0,0,0.7);
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 10000;
  display: none;
}
#team_page #team_change_box .content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  background: white;
  padding: 30px;
}
#team_page #team_change_box .content h3 {
  text-align: center;
}
#team_page #team_change_box .content td {
  padding: 10px 15px;
}
#team_page #team_change_box .content td.price {
  text-align: right;
}
#team_page #team_change_box .content td a.current {
  font-weight: bold;
}