@charset "utf-8";
/* 
	layout.less
	
	Project: Ortona Gymnastics Club
	
*/
/*------ imports ------*/
/* 
	definitions.less
	
	Project: Ortona Gymnastics Club
	
*/
/* 
	mixins.less
	
	Project: Ortona Gymnastics Club
	
*/
.full {
  width: 100%;
}
.fluid-max {
  max-width: 1170px;
  padding: 0 40px;
  display: block;
  margin: 0 auto;
  position: relative;
}
.fluid-min {
  max-width: 920px;
  padding: 0 40px;
  display: block;
  margin: auto;
  position: relative;
}
.f_right {
  float: right;
  display: block;
}
.f_left {
  float: left;
  display: block;
}
.clear {
  display: block;
  clear: both;
}
.right {
  text-align: right;
}
.left {
  text-align: left;
}
.center {
  text-align: center;
}
.nomargin {
  margin: 0 !important;
}
.nopadding {
  padding: 0 !important;
}
.nopadding-h {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.nopadding-v {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.nopadding-top {
  padding-top: 0 !important;
}
.noborder {
  border: 0 !important;
}
.noborder-top {
  border-top: 0 !important;
}
.hidden {
  display: none !important;
}
.v-top {
  vertical-align: top;
}
.v-middle {
  vertical-align: middle;
}
.v-bottom {
  vertical-align: bottom;
}
img.grayscale {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  -webkit-filter: gray;
          filter: gray;
  filter: url("data:image/svg+xml;utf8,<svg version='1.1' xmlns='http://www.w3.org/2000/svg' height='0'><filter id='greyscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0' /></filter></svg>#greyscale");
}
/*------ flexbox ------*/
/* 
	forms.less
	
	Project: Ortona Gymnastics Club
	
*/
/*------ form styles ------*/
fieldset {
  padding: 30px 15px 20px 30px;
  border: 1px solid #ccc;
  margin-bottom: 20px;
}
fieldset hr {
  margin-right: 15px;
}
label {
  display: block;
  padding-bottom: 5px;
}
.form-wrap {
  width: 430px;
  padding-bottom: 10px;
}
.form-buttons {
  clear: both;
  border-top: 1px solid #ccc;
  margin: 0 15px 0 0;
  text-align: center;
  padding-top: 20px;
}
.input-wrap {
  display: block;
  overflow: hidden;
}
.input,
.select,
.textarea,
.submit {
  font-size: inherit;
  font-family: 'Open Sans', Arial, Helvetica, sans-serif;
  color: #595859;
  font-weight: normal;
}
.input,
.select,
.textarea,
.submit {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 0;
  outline: none;
}
.input:focus,
.select:focus,
.textarea:focus {
  background: #57caed;
  color: #fff;
  font-weight: normal;
}
.input:disabled,
.select:disabled,
.textarea:disabled,
.submit:disabled,
.submit.disabled {
  color: #999 !important;
  background-color: #ddd !important;
}
.input,
.select,
.textarea {
  border: 1px solid #eee;
  background: #eee;
  padding: 4px;
  height: 28px;
  width: 405px;
  margin-bottom: 10px;
}
.textarea {
  height: 130px;
  resize: none;
  overflow: hidden;
}
.textarea.full {
  width: 536px;
}
.input_sm {
  width: 125px;
  margin-right: 5px;
}
.select {
  height: 38px;
  padding: 4px 24px 4px 4px;
  background: url("../images/select_arrow.png") right -6px no-repeat #eee;
  width: 415px;
  text-indent: 0.01px;
  text-overflow: "";
}
.select:focus {
  background: url("../images/select_arrow.png") right -56px no-repeat #57caed !important;
}
.select:focus option {
  background: #57caed !important;
}
select:focus::-ms-value {
  background: url("../images/select_arrow.png") right -56px no-repeat #57caed !important;
}
select::-ms-expand {
  display: none;
}
:root .select {
  padding: 4px 4px 4px 4px \ ;
}
.select_sm {
  width: 135px;
  margin-right: 5px;
}
.select_med {
  width: 275px;
  margin-right: 5px;
}
.submit {
  display: inline-block;
  background: #ee4f2a;
  border: none;
  color: #FFF;
  padding: 0 15px;
  text-decoration: none;
  text-transform: uppercase;
  font-weight: 600;
  height: 48px;
  cursor: pointer;
}
a.submit,
span.submit {
  color: #fff;
  text-decoration: none;
  height: auto;
  line-height: 48px;
  white-space: nowrap;
  cursor: pointer;
}
.submit:hover {
  background: #d43611;
  color: #fff;
}
.submit.inline {
  height: 38px;
}
a.submit.inline {
  height: auto;
  line-height: 38px;
}
.nextbtn {
  display: block !important;
  float: right !important;
}
.backbtn,
a.backbtn {
  display: inline-block;
  background: none;
  border: none;
  color: #ee4f2a;
  text-decoration: underline;
  text-transform: none;
  font-weight: normal;
  line-height: 48px;
  padding: 0 15px;
  cursor: pointer;
  font-size: inherit;
  font-family: inherit;
}
.backbtn:hover,
a.backbtn:hover {
  color: #57caed;
  background: none;
}
.checkbox,
.radio {
  display: none;
}
.checkbox + label,
.radio + label {
  position: relative;
  display: inline-block;
  padding: 1px 10px 1px 26px;
  cursor: pointer;
  line-height: 18px !important;
  width: auto !important;
  margin-bottom: 5px;
}
.checkbox + label:before,
.radio + label:before {
  font-family: FontAwesome;
  display: inline-block;
  font-size: 14px;
  line-height: 19px;
  position: absolute;
  left: 0;
  width: 18px;
  height: 18px;
  border: 1px solid #ccc;
  text-align: center;
  color: #ee4f2a;
  background: #fff;
}
.radio + label:before {
  border-radius: 50%;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  font-size: 10px;
  text-indent: 1px;
}
.checkbox + label:before,
.radio + label:before {
  content: " ";
}
.checkbox:checked + label:before {
  content: "\f00c";
}
.radio:checked + label:before {
  content: "\f111";
}
.checkbox:disabled + label:before,
.radio:disabled + label:before {
  background-color: #eee;
}
.checkbox + label.legend .box {
  display: none;
  position: absolute;
  width: 20px;
  height: 20px;
  top: 0;
  left: 0;
}
.checkbox:checked + label.legend .box {
  display: block;
}
.checkbox:checked + label.legend:before {
  border: 0;
  background: transparent;
  z-index: 1;
  color: #fff;
}
.error,
.success,
.attn {
  color: #fff;
  padding: 10px 15px;
  margin: 0 0 20px;
  font-size: inherit;
  font-weight: normal;
}
.error p,
.success p,
.attn p {
  padding: 0;
}
.error {
  background-color: #cf0000;
}
.success {
  background-color: #57caed;
}
.attn {
  background-color: #eee;
  color: #595859;
}
.verify {
  width: 305px;
}
.verify-img {
  width: 100px !important;
  height: 38px !important;
}
.missing {
  background-color: #cf0000;
  color: #fff;
}
.select.missing {
  background: url("../images/select_arrow.png") right -56px no-repeat #cf0000;
}
select.missing::-ms-value {
  background: url("../images/select_arrow.png") right -56px no-repeat #cf0000;
}
.pager {
  text-align: center;
}
.pager .pagedisplay {
  display: block;
  padding-bottom: 5px;
}
.pager .submit {
  display: inline-block;
  margin: 0 1px 0 0;
  line-height: 38px;
}
.pager .submit.disabled {
  cursor: default;
  background: #f9c4b8;
}
.pager .select {
  width: 85px !important;
  margin: 0 1px 0 0;
}
.terms-box {
  display: block;
  padding: 15px 15px 5px;
  text-align: left;
  font-size: 80%;
  line-height: 16px;
  color: #999;
  background: #eee;
  max-height: 130px;
  overflow-y: scroll;
  margin: 0 15px 20px 0;
}
.terms-box p {
  padding-bottom: 10px;
}
.terms-box.waiver {
  font-size: inherit;
  color: #595859;
}
.iframe-wrap {
  padding: 15px;
}
#forgot-form .input {
  width: 245px;
}
.filters-form .form-wrap.f_left {
  clear: left;
}
.filters-form .form-wrap.f_right {
  clear: right;
}
.filters-form .form-wrap .select_sm[name="start_time"],
.filters-form .form-wrap .select_sm[name="end_time"] {
  width: calc(50% - 30px);
  margin-right: 0;
}
.filters-form .form-wrap .start-to-end {
  display: inline-block;
  width: 40px;
  text-align: center;
}
#message-form .textarea {
  height: 105px;
}
#assessment-form .textarea {
  height: 144px;
}
#assessment-form p {
  padding-bottom: 5px;
}
#cancellation-form .textarea {
  height: 105px;
}
#comment-form fieldset {
  padding-right: 30px;
}
#comment-form .form-wrap {
  width: auto;
}
#comment-form .textarea {
  width: 100%;
}
#login-form {
  width: 100%;
  max-width: 405px;
}
#login-form fieldset {
  padding: 30px;
}
#login-form label {
  display: block;
  float: left;
  width: 120px;
  line-height: 38px;
}
#login-form .reme {
  display: block;
  float: left;
  width: auto;
  padding-top: 10px;
}
#login-form .input {
  width: 213px;
}
#login-form .submit {
  float: right;
}
#login-form .success,
#login-form .error {
  font-size: 80%;
  padding: 5px 10px;
  margin: 0 0 10px;
}
#checkout-form .textarea {
  height: 105px;
}
#checkout-form #total {
  padding-top: 20px;
  margin-bottom: 0;
  line-height: 50px;
}
.expiry_month {
  width: 205px;
}
.expiry_year {
  width: 205px;
}
#calendar-filters .checkbox + label {
  min-width: 25%;
  padding-right: 20px;
  padding-bottom: 5px;
  text-align: left;
}
#customer-calendar-page #calendar-filters .month-filter {
  margin-right: 1px;
}
/*------ jquery helper ------*/
.ui-helper-hidden {
  display: none;
}
.ui-helper-hidden-accessible {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  border: 0;
  overflow: hidden;
  clip: rect(0 0 0 0);
}
/*------ dialog box ------*/
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
  content: "";
  display: table;
}
.ui-helper-clearfix:after {
  clear: both;
}
.ui-helper-clearfix {
  zoom: 1;
}
.ui-widget-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url("../images/overlay.png");
  z-index: 9999;
}
.loading-overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #111;
  opacity: 0.25;
  filter: alpha(opacity=25);
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=25);
  z-index: 9999;
}
.loading-overlay .fa {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 20px;
  height: 20px;
  margin: auto;
  color: #fff;
}
.loading-overlay .fa.fa-3x {
  width: 60px;
  height: 60px;
}
.ui-dialog {
  position: absolute;
  z-index: 10000;
  top: 0;
  left: 0;
  max-width: calc(100% - 40px);
  padding: 0;
  overflow: hidden;
  outline: none !important;
  background: #fff;
  color: #333;
  border: 1px solid #fff;
}
.ui-dialog .ui-dialog-titlebar {
  padding: 15px;
  position: relative;
  background: #57caed;
  color: #fff;
  font-size: 18px;
  font-weight: bold;
  border-bottom: 1px solid #fff;
}
.ui-dialog.dialog-error .ui-dialog-titlebar {
  background: #cf0000;
}
.ui-dialog.dialog-notice .ui-dialog-titlebar {
  background: #ee4f2a;
}
.ui-dialog .ui-dialog-title {
  float: left;
  margin: 0 25px 0 0;
  text-transform: uppercase;
}
.ui-dialog .ui-dialog-titlebar-close {
  position: absolute;
  right: 10px;
  top: 50%;
  width: 20px;
  margin: -12px 0 0 0;
  padding: 0 0 0 1px;
  height: 20px;
  border: 0;
  background: none;
  color: #fff;
  font-weight: 600;
  font-size: 18px;
  text-align: center;
  text-decoration: none;
}
.ui-dialog .ui-dialog-titlebar-close span {
  display: block;
}
.ui-dialog .ui-dialog-titlebar-close:hover,
.ui-dialog .ui-dialog-titlebar-close:focus {
  background: none;
  color: #fff;
}
.ui-dialog .ui-dialog-content {
  position: relative;
  border: 0;
  padding: 10px 15px;
  background: none;
  overflow: auto;
  zoom: 1;
}
.ui-dialog .ui-dialog-buttonpane {
  text-align: left;
  border-width: 1px 0 0 0;
  background-image: none;
  margin: 10px 0 0 0;
  padding: 5px;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
  float: right;
}
.ui-dialog .ui-dialog-buttonpane button {
  margin: 0.5em 0.4em 0.5em 0;
  cursor: pointer;
  background: #ee4f2a;
  color: #fff;
  outline: none !important;
  border: 0;
  font-size: 14px;
  text-transform: uppercase;
  padding: 10px 15px;
  font-weight: 600;
}
.ui-dialog .ui-dialog-buttonpane button:hover {
  background: #d43611;
  color: #fff;
}
.ui-dialog .ui-resizable-se {
  width: 14px;
  height: 14px;
  right: 3px;
  bottom: 3px;
}
/*------ recaptcha ------*/
.recaptcha-wrapper {
  display: block;
  margin: 0 0 10px 0;
  overflow: hidden;
}
.hidden-modal .g-recaptcha {
  -webkit-transform: scale(0.9);
  transform: scale(0.9);
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
}
.hidden-modal .g-recaptcha div {
  margin: 0 auto;
}
/* 
	animations.less
	
	Project: Ortona Gymnastics
	
*/
/*------ navigation ------*/
.cssanimations .ddsmoothmenu ul li a span {
  display: block;
  width: 0px;
  -webkit-transition: width 0.2s ease;
  transition: width 0.2s ease;
}
.cssanimations .ddsmoothmenu ul li a:hover span,
.cssanimations .ddsmoothmenu ul li a.selected span,
.cssanimations .ddsmoothmenu ul li a.active span {
  width: 100%;
}
/*------ page title ------*/
.cssanimations #banner-image .title-block {
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
  -webkit-animation: slideRight 0.6s ease 0.3s;
  animation: slideRight 0.6s ease 0.3s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
@-webkit-keyframes slideRight {
  from {
    -webkit-transform: translateX(-100%);
  }
  to {
    -webkit-transform: translateX(0);
  }
}
@keyframes slideRight {
  from {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
  to {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
.cssanimations #masthead .cycle-slide .title-block {
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
  -webkit-transition: -webkit-transform 1s ease-out;
  transition: -webkit-transform 1s ease-out;
  transition: transform 1s ease-out;
  transition: transform 1s ease-out, -webkit-transform 1s ease-out;
}
.cssanimations #masthead .cycle-slide-active .title-block {
  -webkit-transform: translateX(0);
  transform: translateX(0);
  -webkit-transition-duration: 0.8s;
  transition-duration: 0.8s;
}
/*------ promo boxes ------*/
.no-touch.cssanimations #promo-boxes .promo-box a .uline {
  -webkit-transition: width 0.3s ease;
  transition: width 0.3s ease;
}
.no-touch.cssanimations #promo-boxes .promo-text {
  visibility: hidden;
  opacity: 0;
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
  -webkit-transition: -webkit-transform 0.5s ease, opacity 0.5s ease;
  -webkit-transition: opacity 0.5s ease, -webkit-transform 0.5s ease;
  transition: opacity 0.5s ease, -webkit-transform 0.5s ease;
  transition: transform 0.5s ease, opacity 0.5s ease;
  transition: transform 0.5s ease, opacity 0.5s ease, -webkit-transform 0.5s ease;
}
.no-touch.cssanimations #promo-boxes .animated .promo-text {
  visibility: visible;
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}
/*------ social feed ------*/
.cssanimations #social-feed ul li div {
  opacity: 0;
  -webkit-transform: scale(0.5, 0.5);
  transform: scale(0.5, 0.5);
}
.cssanimations #social-feed ul li.animate div {
  opacity: 1;
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1);
  -webkit-transition: opacity 0.2s ease, -webkit-transform 0.3s ease;
  transition: opacity 0.2s ease, -webkit-transform 0.3s ease;
  transition: opacity 0.2s ease, transform 0.3s ease;
  transition: opacity 0.2s ease, transform 0.3s ease, -webkit-transform 0.3s ease;
}
/*------ photo gallery ------*/
.no-touch.cssanimations .photo-gallery li {
  opacity: 0;
  -webkit-transform: scale(0.5, 0.5);
  transform: scale(0.5, 0.5);
}
.no-touch.cssanimations .photo-gallery li.animate-thumb {
  opacity: 1;
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1);
  -webkit-transition: opacity 0.5s ease, -webkit-transform 0.5s ease;
  transition: opacity 0.5s ease, -webkit-transform 0.5s ease;
  transition: opacity 0.5s ease, transform 0.5s ease;
  transition: opacity 0.5s ease, transform 0.5s ease, -webkit-transform 0.5s ease;
}
.cssanimations .photo-gallery a .overlay {
  display: block;
  opacity: 0;
  -webkit-transition: opacity 0.3s linear;
  transition: opacity 0.3s linear;
}
.cssanimations .photo-gallery a:hover .overlay {
  display: block;
  opacity: 1;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
/* 
	themes.less
	
	Project: Ortona Gymnastics Club
	
*/
/*------ define theme ------*/
.theme-orange a,
.theme-orange a:link,
.theme-orange a:visited {
  color: #ee4f2a;
}
.theme-orange a:hover,
.theme-orange a:active {
  text-decoration: none;
}
.theme-orange h1 {
  color: #ee4f2a !important;
}
.theme-orange h2 {
  color: #ee4f2a !important;
}
.theme-orange .submit,
.theme-orange a.submit {
  background: #ee4f2a;
  color: #fff;
}
.theme-orange .submit:hover,
.theme-orange a.submit:hover {
  background: #d43611;
}
.theme-orange div.titlebar {
  background: #ee4f2a !important;
}
.theme-orange div.titlebar:hover {
  background: #d43611 !important;
}
.theme-orange .content-tabs .ui-tabs-nav li a:hover {
  background: #ee4f2a;
}
.theme-orange .content-tabs .ui-tabs-nav li.ui-state-active a:hover,
.theme-orange .content-tabs .ui-tabs-nav li.ui-state-active a {
  color: #ee4f2a;
}
.theme-blue a,
.theme-blue a:link,
.theme-blue a:visited {
  color: #57caed;
}
.theme-blue a:hover,
.theme-blue a:active {
  text-decoration: none;
}
.theme-blue h1 {
  color: #57caed !important;
}
.theme-blue h2 {
  color: #57caed !important;
}
.theme-blue .submit,
.theme-blue a.submit {
  background: #57caed;
  color: #fff;
}
.theme-blue .submit:hover,
.theme-blue a.submit:hover {
  background: #29bbe8;
}
.theme-blue div.titlebar {
  background: #57caed !important;
}
.theme-blue div.titlebar:hover {
  background: #29bbe8 !important;
}
.theme-blue .content-tabs .ui-tabs-nav li a:hover {
  background: #57caed;
}
.theme-blue .content-tabs .ui-tabs-nav li.ui-state-active a:hover,
.theme-blue .content-tabs .ui-tabs-nav li.ui-state-active a {
  color: #57caed;
}
.theme-purple a,
.theme-purple a:link,
.theme-purple a:visited {
  color: #7a1878;
}
.theme-purple a:hover,
.theme-purple a:active {
  text-decoration: none;
}
.theme-purple h1 {
  color: #7a1878 !important;
}
.theme-purple h2 {
  color: #7a1878 !important;
}
.theme-purple .submit,
.theme-purple a.submit {
  background: #7a1878;
  color: #fff;
}
.theme-purple .submit:hover,
.theme-purple a.submit:hover {
  background: #4f104e;
}
.theme-purple div.titlebar {
  background: #7a1878 !important;
}
.theme-purple div.titlebar:hover {
  background: #4f104e !important;
}
.theme-purple .content-tabs .ui-tabs-nav li a:hover {
  background: #7a1878;
}
.theme-purple .content-tabs .ui-tabs-nav li.ui-state-active a:hover,
.theme-purple .content-tabs .ui-tabs-nav li.ui-state-active a {
  color: #7a1878;
}
.theme-green a,
.theme-green a:link,
.theme-green a:visited {
  color: #8dc63f;
}
.theme-green a:hover,
.theme-green a:active {
  text-decoration: none;
}
.theme-green h1 {
  color: #8dc63f !important;
}
.theme-green h2 {
  color: #8dc63f !important;
}
.theme-green .submit,
.theme-green a.submit {
  background: #8dc63f;
  color: #fff;
}
.theme-green .submit:hover,
.theme-green a.submit:hover {
  background: #72a230;
}
.theme-green div.titlebar {
  background: #8dc63f !important;
}
.theme-green div.titlebar:hover {
  background: #72a230 !important;
}
.theme-green .content-tabs .ui-tabs-nav li a:hover {
  background: #8dc63f;
}
.theme-green .content-tabs .ui-tabs-nav li.ui-state-active a:hover,
.theme-green .content-tabs .ui-tabs-nav li.ui-state-active a {
  color: #8dc63f;
}
.theme-yellow a,
.theme-yellow a:link,
.theme-yellow a:visited {
  color: #f5b300;
}
.theme-yellow a:hover,
.theme-yellow a:active {
  text-decoration: none;
}
.theme-yellow h1 {
  color: #f5b300 !important;
}
.theme-yellow h2 {
  color: #f5b300 !important;
}
.theme-yellow .submit,
.theme-yellow a.submit {
  background: #f5b300;
  color: #fff;
}
.theme-yellow .submit:hover,
.theme-yellow a.submit:hover {
  background: #c28e00;
}
.theme-yellow div.titlebar {
  background: #f5b300 !important;
}
.theme-yellow div.titlebar:hover {
  background: #c28e00 !important;
}
.theme-yellow .content-tabs .ui-tabs-nav li a:hover {
  background: #f5b300;
}
.theme-yellow .content-tabs .ui-tabs-nav li.ui-state-active a:hover,
.theme-yellow .content-tabs .ui-tabs-nav li.ui-state-active a {
  color: #f5b300;
}
.theme-grey a,
.theme-grey a:link,
.theme-grey a:visited {
  color: #747475;
}
.theme-grey a:hover,
.theme-grey a:active {
  text-decoration: none;
}
.theme-grey h1 {
  color: #747475 !important;
}
.theme-grey h2 {
  color: #747475 !important;
}
.theme-grey .submit,
.theme-grey a.submit {
  background: #747475;
  color: #fff;
}
.theme-grey .submit:hover,
.theme-grey a.submit:hover {
  background: #5a5a5c;
}
.theme-grey div.titlebar {
  background: #747475 !important;
}
.theme-grey div.titlebar:hover {
  background: #5a5a5c !important;
}
.theme-grey .content-tabs .ui-tabs-nav li a:hover {
  background: #747475;
}
.theme-grey .content-tabs .ui-tabs-nav li.ui-state-active a:hover,
.theme-grey .content-tabs .ui-tabs-nav li.ui-state-active a {
  color: #747475;
}
/*------ theme ------*/
/*------ global ------*/
* {
  margin: 0;
}
body,
html {
  width: 100%;
  height: 100%;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
#wrapper {
  background: #fff;
}
/*------ clearfix ------*/
.clearfix:after {
  content: "\0020";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
.clearfix {
  display: inline-block;
}
html[xmlns] .clearfix,
html .clearfix {
  display: block;
}
* html .clearfix {
  height: 1%;
}
/*------ logo block ------*/
#logo-block {
  position: relative;
  top: 0;
  z-index: 1000;
  padding: 50px 0 0;
  -webkit-box-shadow: 0 10px 30px -20px #000;
  -ms-box-shadow: 0 10px 30px -20px #000;
  -o-box-shadow: 0 10px 30px -20px #000;
  box-shadow: 0 10px 30px -20px #000;
}
#logo-block #logo {
  position: absolute;
  top: 50%;
  left: 40px;
  width: 110px;
  margin-top: -75px;
}
#logo-block #logo img {
  display: block;
  width: 100%;
}
#search-bar {
  padding: 5px 0;
}
#search-bar .input {
  height: 20px;
  padding: 3px 6px;
  border: 0;
  margin: 0 3px 0 0;
  font-size: 12px;
  width: 120px;
  background: #282828;
  color: #fff;
  text-transform: uppercase;
  font-weight: 600;
}
#search-bar .submit {
  height: 26px;
  width: 26px;
  margin: 0;
  background: url("../images/icon_search.png") 0 0 no-repeat;
  text-indent: -9999px;
}
#search-bar a {
  text-transform: uppercase;
  color: #fff;
  font-weight: 600;
  font-size: 12px;
  text-decoration: none;
  line-height: 26px;
}
#main-navigation {
  display: none;
  min-height: 30px;
  clear: both;
}
#main-navigation.ddsmoothmenu {
  display: block;
  text-align: right;
  padding: 0 0 50px 190px;
}
.ddsmoothmenu ul {
  z-index: 100;
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.ddsmoothmenu ul li {
  position: relative;
  display: none;
  margin: 0 0 0 40px;
}
.ddsmoothmenu ul li.nav-main {
  display: inline-block;
}
.ddsmoothmenu ul li a {
  display: block;
  position: relative;
  color: #fff;
  padding: 5px 0;
  font-size: 16px;
  text-decoration: none;
  text-transform: uppercase;
  font-weight: 600;
  text-align: left;
  letter-spacing: 1px;
}
* html .ddsmoothmenu ul li a {
  display: inline-block;
}
.ddsmoothmenu ul li a span {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background: #fff;
  display: none;
}
.ddsmoothmenu ul li a:hover span,
.ddsmoothmenu ul li a.selected span,
.ddsmoothmenu ul li a.active span {
  display: block;
}
.ddsmoothmenu ul li ul {
  position: absolute;
  left: 0;
  display: none;
  background: url("../images/dropdown.png");
  visibility: hidden;
  border-top: 2px solid #fff;
  margin: -2px 0 0;
  padding: 5px 0;
}
.ddsmoothmenu ul li ul li {
  display: none;
  float: none;
  margin: 0;
}
.ddsmoothmenu ul li ul li.nav-main {
  display: list-item;
}
.ddsmoothmenu ul li ul li ul {
  top: 0;
}
.ddsmoothmenu ul li ul li a {
  width: 200px;
  padding: 2px 10px;
  margin: 0;
  font-size: 13px;
}
.ddsmoothmenu ul li ul li a:hover,
.ddsmoothmenu ul li ul li a.selected {
  color: #ee4f2a;
}
* html .ddsmoothmenu {
  height: 1%;
}
#mbl-navigation,
#mbl-navigation ul,
#menu-toggle {
  display: none;
}
#account-bar {
  position: relative;
  top: -50px;
  padding: 8px 12px 8px 12px;
  color: #fff;
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  background: #d43611;
}
#account-bar .fa {
  font-size: 120%;
}
#account-bar a {
  color: #fff;
  text-decoration: none;
}
#account-bar a:hover {
  text-decoration: underline;
}
/*------ masthead ------*/
#masthead {
  position: relative;
  width: 100%;
  overflow: hidden;
}
#masthead #banner-image {
  display: block;
  position: relative;
  width: 100%;
  height: 500px;
  background-color: #222;
  background-repeat: no-repeat;
  background-position: center 0;
  background-size: cover;
}
#masthead .title-block {
  position: relative;
  z-index: 2;
  top: 0;
  left: 0;
  font-size: 24px;
  color: #fff;
  line-height: 30px;
  text-shadow: 0 0 20px #000;
  background: url("../images/transparent.png");
}
#masthead .title-block .title-text {
  display: table-cell;
  width: 100%;
  height: 500px;
  vertical-align: middle;
}
#masthead h4 {
  max-width: 500px;
}
#masthead .cycle-slideshow {
  display: block;
  position: relative;
  width: 100%;
  height: 500px;
}
#masthead .cycle-slide {
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 0;
  display: block;
  background-color: #222;
  background-repeat: no-repeat;
  background-position: center 0;
  background-size: cover;
}
#masthead .cycle-slide a {
  display: block;
  width: 100%;
  height: 100%;
}
#masthead .cycle-slide:first-child img {
  position: static;
  z-index: 100;
}
#masthead .cycle-slide .title-block {
  position: absolute;
}
#masthead .cycle-slide .title-block .title-text {
  display: block;
  height: 450px;
  padding-top: 50px;
}
#masthead .cycle-pager {
  display: block;
  position: absolute;
  z-index: 999;
  bottom: 15px;
  left: 0;
  right: 0;
  height: 20px;
  letter-spacing: 1px;
  text-align: center;
}
#masthead .cycle-pager span {
  cursor: pointer;
  display: inline-block;
  margin: 2px;
  width: 12px;
  height: 12px;
  background: #ee4f2a;
  text-indent: -9999px;
  border-radius: 50%;
}
#masthead .cycle-pager span.cycle-pager-active {
  border: 2px solid #fff;
  margin: 0;
}
#sub-navigation {
  min-height: 36px;
}
#cta-navigation {
  min-height: none;
}
.button-nav {
  position: relative;
  z-index: 1;
  text-align: center;
  -webkit-box-shadow: 0 10px 30px -20px #000;
  -ms-box-shadow: 0 10px 30px -20px #000;
  -o-box-shadow: 0 10px 30px -20px #000;
  box-shadow: 0 10px 30px -20px #000;
}
.button-nav div {
  display: table;
  width: 100%;
  padding: 0;
  max-width: 1260px;
}
.button-nav a {
  position: relative;
  z-index: 2;
  display: table-cell;
  vertical-align: middle;
  color: #fff;
  text-transform: uppercase;
  text-decoration: none;
  padding: 15px;
  font-weight: 600;
  letter-spacing: 1px;
}
.button-nav.sticky {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1000;
}
.button-nav .nav-left,
.button-nav .nav-right {
  display: block;
  position: absolute;
  z-index: 1;
  top: 0;
  bottom: 0;
  width: 50%;
}
.button-nav .nav-left {
  left: 0;
}
.button-nav .nav-right {
  right: 0;
}
#push {
  position: absolute;
  z-index: -1px;
}
/*------ body content ------*/
#event-header {
  position: relative;
}
#event-header.bg-grey {
  background: #747475 !important;
}
#event-header #event-description {
  position: relative;
  padding: 50px 0;
  margin-right: 50%;
  min-height: 240px;
}
#event-header #event-description .inner-wrap {
  padding-right: 40px;
}
#event-header #event-description.autoheight {
  min-height: inherit;
}
#event-header #event-video {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  width: 50%;
}
#event-header a.submit {
  background: #fff;
  margin-top: 10px;
}
#event-header a.submit:hover {
  color: #595859 !important;
}
#event-body-video {
  display: none;
}
#body-content {
  position: relative;
  z-index: 1;
  padding-top: 80px;
  padding-bottom: 60px;
}
#body-content iframe,
#body-content object,
#body-content embed {
  max-width: 100%;
}
#contact-hours {
  width: 420px;
}
#contact-info h2,
#contact-hours h2 {
  margin-bottom: 10px;
}
/* tables */
.data-table {
  width: 100%;
  border-bottom: 1px solid #ccc;
}
.data-table th {
  background: #414142;
  color: #fff;
  font-weight: 600;
  letter-spacing: 1px;
  text-transform: uppercase;
  outline: none;
}
.data-table tr:nth-child(even) td {
  background: #eee;
}
.data-table th,
.data-table td {
  padding: 10px 15px;
}
.data-table label {
  display: none;
  float: none;
  width: auto;
  font-weight: bold;
}
.form-table {
  width: 860px;
}
.form-table label {
  display: block;
  float: none;
  width: auto;
  font-weight: normal;
}
#promo-boxes .promo-box,
#promo-boxes .hover-img {
  display: table;
  width: 100%;
  height: 430px;
  position: relative;
  z-index: 1;
  overflow: hidden;
  text-align: center;
  background-attachment: scroll;
  background-position: center 0;
  background-repeat: no-repeat;
  background-size: cover;
}
#promo-boxes .hover-img {
  display: none;
  position: absolute;
}
#promo-boxes .promo-box .fluid-max {
  display: table-cell;
  vertical-align: middle;
  height: 100%;
  z-index: 2;
  text-decoration: none;
  color: #fff;
  font-weight: bold;
}
#promo-boxes .promo-text {
  display: block;
  font-size: 60px;
  line-height: 65px;
  background: url("../images/transparent.png");
}
#promo-boxes .promo-text p {
  padding: 25px 0 0;
  margin: 0 auto;
  font-size: 16px;
  line-height: 24px;
  max-width: 800px;
}
#promo-boxes .promo-box span {
  position: relative;
  display: inline-block;
}
#promo-boxes .promo-box .uline {
  display: block;
  position: absolute;
  bottom: -12px;
  left: 0;
  width: 0px;
  height: 3px;
  background: #fff;
}
.no-touch #promo-boxes .promo-box a:hover .uline {
  width: 100%;
}
.content-tabs {
  display: none;
}
.content-tabs.ui-tabs {
  display: block;
  padding-top: 5px;
}
.content-tabs .ui-tabs-nav {
  list-style: none;
  margin: 0;
  padding: 0 0 0 1px;
  width: 100%;
  border-bottom: 1px solid #ccc;
}
.content-tabs .ui-tabs-nav li {
  display: inline-block;
  position: relative;
}
.content-tabs .ui-tabs-nav li a {
  display: block;
  position: relative;
  z-index: 1;
  padding: 10px 16px;
  background: #eee;
  border: 1px solid #ccc;
  color: #595859;
  font-weight: 600;
  font-size: inherit;
  letter-spacing: 1px;
  text-transform: uppercase;
  margin: 0 0 -1px -1px;
  outline: none;
  text-decoration: none;
}
.content-tabs .ui-tabs-nav li a:hover {
  color: #fff;
  background: #ee4f2a;
}
.content-tabs .ui-tabs-nav li.ui-state-active a:hover,
.content-tabs .ui-tabs-nav li.ui-state-active a {
  background: #fff;
  color: #ee4f2a;
  z-index: 2;
  border-color: #ccc;
  border-bottom: 1px solid #fff;
}
.content-tabs .ui-tabs-panel {
  display: block;
  clear: both;
  padding: 30px 20px 10px;
}
.filters-tab .ui-tabs-panel {
  padding-top: 0;
  margin-top: -1px;
}
.category-accordion div.accordion-theme .data-table {
  margin: 0;
  border: 0;
}
.category-accordion div.accordion-theme:last-child .data-table {
  border-bottom: 1px solid #ccc;
}
.category-accordion div.titlebar {
  border-top: 1px solid #fff;
  background: #ee4f2a;
  cursor: pointer;
  text-transform: uppercase;
  font-weight: 600;
  padding: 10px 15px;
  color: #fff;
  letter-spacing: 1px;
  text-align: center;
  outline: none;
  -webkit-transition: background-color 0.2s linear 0s;
  transition: background-color 0.2s linear 0s;
}
.category-accordion div.titlebar:hover {
  background: #d43611;
}
.category-accordion .accordion-panel {
  display: none;
}
.content-accordion {
  margin-bottom: 20px;
}
.content-accordion .faq-question {
  position: relative;
  margin: 0;
  border-top: 1px solid #fff;
  background: #eee;
  cursor: pointer;
  font-weight: 600;
  padding: 10px 15px 10px 30px;
  color: inherit;
  outline: none;
  font-size: inherit;
  line-height: inherit;
  -webkit-transition: background-color 0.2s linear 0s;
  transition: background-color 0.2s linear 0s;
}
.content-accordion .faq-question:hover {
  background: #d5d5d5;
}
.content-accordion .faq-question .plusminus {
  position: absolute;
  top: 50%;
  margin-top: -15px;
  left: 2px;
  width: 30px;
  height: 30px;
  text-align: center;
  line-height: 32px;
  font-size: 12px;
}
.content-accordion .faq-answer {
  display: none;
  padding: 20px 20px 0;
}
#galleries {
  position: relative;
  z-index: 20;
  margin-top: -140px;
  padding: 80px 0 60px;
  max-width: 1264px;
}
#galleries .fluid-min {
  padding-bottom: 20px;
}
.photo-gallery {
  list-style: none;
  margin: 0 auto 40px;
  padding: 0;
  text-align: center;
}
.photo-gallery li {
  position: relative;
  z-index: 1;
  width: 420px;
  margin-bottom: 1px;
}
.photo-gallery.thumbnails li {
  width: 252px;
}
.photo-gallery a {
  display: block;
  position: relative;
  z-index: 1;
  border: 0;
}
.photo-gallery a img {
  position: relative;
  z-index: 1;
  display: block;
  width: 100%;
  -webkit-box-shadow: #000 0em 0em 0em;
          box-shadow: #000 0em 0em 0em;
}
.photo-gallery a .overlay {
  display: none;
  position: absolute;
  z-index: 2;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 0;
  background: url("../images/overlay.png");
  font-size: 24px;
  line-height: 28px;
  font-weight: 700;
  -webkit-box-shadow: inset 0 0 40px #000;
  box-shadow: inset 0 0 40px #000;
}
.photo-gallery a:hover .overlay {
  display: block;
}
.photo-gallery a .overlay span {
  display: block;
  position: absolute;
  left: 20px;
  right: 20px;
  top: 50%;
  margin-top: -12px;
}
.photo-gallery a .overlay span.zoom {
  height: 26px;
  text-indent: -9999px;
  background: url("../images/icon_zoom.png") center no-repeat;
}
.photo-gallery a .video-thumb {
  display: block;
  position: relative;
  overflow: hidden;
}
.photo-gallery a .video-thumb img {
  margin-top: -40px;
  margin-bottom: -40px;
}
.content-tabs #gallery li {
  width: auto !important;
}
.content-tabs #gallery a {
  display: block;
  float: left;
  margin: 0 4px 8px;
}
.gravatar {
  border: 1px solid #cccccc;
  width: 100px;
  height: 100px;
}
.gravatar div {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.gravatar img {
  border: 0;
  max-width: none;
}
#blog-rightcol {
  width: auto;
  float: none;
  overflow: hidden;
  padding-left: 30px;
}
#blog-leftcol {
  width: 260px;
}
#blog-leftcol h6 {
  font-size: inherit;
  font-weight: 600;
  margin-bottom: 0;
  padding: 5px 10px;
  color: #fff;
  margin: 0;
  text-transform: uppercase;
  letter-spacing: 1px;
}
#blog-navigation {
  margin-right: 10px;
}
ul.blog-categories {
  list-style: none;
  margin: 0;
  padding: 10px 15px;
  background-color: #eee;
}
ul.blog-categories li {
  display: block;
}
ul.blog-categories li a {
  display: block;
  color: #595859;
  text-decoration: none;
  padding: 5px 0;
  font-size: 12px;
  line-height: 15px;
}
ul.blog-categories li a:hover {
  text-decoration: underline;
}
.blog-entry {
  margin-bottom: 20px;
}
.blog-entry h5 a {
  color: inherit;
  background: #eee;
  text-decoration: none;
  display: block;
  padding: 8px 10px;
  font-weight: 600;
}
.blog-entry h5 a:hover {
  color: #57caed;
}
.blog-entry .inner-wrap {
  display: table;
  table-layout: fixed;
  padding: 0;
}
.blog-entry .inner-wrap p {
  padding-bottom: 10px;
}
.blog-entry .blog-thumb,
.blog-entry .description {
  display: table-cell;
  padding: 8px 10px;
  vertical-align: top;
}
.blog-entry .blog-thumb {
  width: 150px;
}
.blog-entry .blog-thumb img {
  display: block;
  width: 100%;
}
.blog-entry .blog-thumb + .description {
  padding-left: 0;
}
#blog-entry .blog-image {
  display: block;
  float: right;
  margin: 0 0 15px 15px;
  max-width: 50%;
}
#blog-entry .blog-image img {
  display: block;
  width: 100%;
}
#blog-comments {
  margin-bottom: 20px;
}
#blog-comments .blog-comment {
  border: 1px solid #ccc;
  padding: 15px 20px;
  margin-bottom: 10px;
}
#blog-comments .blog-comment p {
  padding-bottom: 10px;
}
#sharethis {
  padding: 0 0 15px;
}
#sharethis .stButton {
  margin-bottom: 10px;
}
#call-to-action {
  text-align: center;
  letter-spacing: 1px;
  background-image: url("../images/promos/promo_purple_blur.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
#call-to-action a,
#call-to-action div {
  display: block;
  padding: 20px 40px;
  font-size: 36px;
  line-height: 36px;
  font-weight: bold;
  color: #fff;
  text-decoration: none;
}
#call-to-action small {
  display: block;
  font-size: 18px;
  line-height: 18px;
  font-weight: 600;
  padding-bottom: 5px;
  color: #fff;
}
#call-to-action a:hover {
  color: #57caed;
}
#call-to-action a:hover small {
  color: #fff;
}
#sitemap {
  list-style: none;
  margin: 0 0 20px;
  padding: 0;
}
#sitemap li a {
  font-weight: bold;
  text-decoration: none;
}
#sitemap ul {
  list-style: none;
  margin: 0;
  padding: 0 0 0 20px;
}
#sitemap ul li a {
  font-weight: normal;
}
#map-wrapper {
  position: relative;
  z-index: 0;
}
#map-wrapper a.submit {
  position: absolute;
  z-index: 2;
  bottom: 100px;
  right: 0;
}
#google-map {
  display: block;
  position: relative;
  z-index: 1;
  width: 100%;
  height: 350px;
}
/*------ registration ------*/
#reg-steps {
  display: table;
  width: 100%;
  padding: 0;
  margin: 0;
}
#reg-steps li {
  display: table-cell;
  vertical-align: top;
  padding: 10px;
  line-height: 16px;
  background: #eee;
  color: #bbb;
  text-align: center;
  font-weight: 600;
}
#reg-steps li strong {
  display: inline-block;
  width: 40px;
  height: 40px;
  line-height: 40px;
  margin-bottom: 3px;
  background: #ccc;
  color: #fff !important;
  border-radius: 50%;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  font-weight: 700;
}
#reg-steps li a {
  text-decoration: none;
}
#reg-steps li a:hover strong {
  background: #57caed;
  -webkit-transition: background-color 0.2s linear 0s;
  transition: background-color 0.2s linear 0s;
}
#reg-steps li.selected {
  background: #ee4f2a;
  color: #fff;
}
#reg-steps li.selected strong {
  background: #fff;
  color: #ee4f2a !important;
}
#reg-steps li.active {
  color: #ee4f2a;
}
#reg-steps li.active strong {
  background: #ee4f2a;
}
.cart-table {
  width: 100%;
}
.cart-table th {
  background: #414142;
  color: #fff;
  font-weight: 600;
  letter-spacing: 1px;
  text-transform: uppercase;
  outline: none;
}
.cart-table th {
  padding: 10px 15px;
}
.cart-table td {
  padding: 10px 15px;
  border-bottom: 1px solid #ccc;
}
.cart-table td.toggle {
  padding-right: 0;
  width: 10px;
  vertical-align: top;
}
.cart-table div.expandable {
  display: none;
}
.cart-table table {
  width: 100%;
  margin: 0;
  background: #eee;
}
.cart-table table tr td {
  padding: 5px 15px;
}
.product-wrapper {
  margin-bottom: 15px;
}
.product-wrapper .v-top {
  display: inline-block;
}
.product-wrapper img {
  width: 40px;
  max-width: 40px;
  margin-right: 10px;
}
/*------ events (team calendar) ------*/
.fc-calendar.fc table {
  margin: 0;
  border-collapse: collapse;
}
.fc-calendar.fc th,
.fc-calendar.fc td {
  border-color: #fff;
}
.fc-calendar.fc a {
  text-decoration: none !important;
}
.fc-calendar.fc .fc-toolbar .fc-button {
  height: auto;
  padding: 0 13px;
  border-color: #fff;
  border-radius: 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background: #eee;
  outline: 0;
  text-align: center;
  line-height: 38px;
  font-size: 14px;
}
.fc-calendar.fc .fc-toolbar .fc-button:hover,
.fc-calendar.fc .fc-toolbar .fc-button:active {
  background: #ccc;
}
.fc-calendar.fc .fc-toolbar .fc-button.fc-state-disabled {
  background: #eee;
  color: #ccc;
  cursor: default;
}
.fc-calendar.fc .fc-toolbar .fc-button.fc-state-active {
  background: #ccc;
  -webkit-box-shadow: none;
  box-shadow: none;
  text-shadow: none;
}
.fc-calendar.fc .fc-toolbar .fc-button.fc-state-down {
  -webkit-box-shadow: none;
  box-shadow: none;
  text-shadow: none;
}
.fc-calendar.fc .fc-head .fc-widget-header {
  background: #414142;
  outline: none;
  color: #fff;
  font-weight: 600;
  letter-spacing: 1px;
  text-transform: uppercase;
}
.fc-calendar.fc .fc-head .fc-day-header {
  padding: 10px 0;
}
.fc-calendar.fc .fc-head .fc-day-header a:hover,
.fc-calendar.fc .fc-head .fc-day-header a:active {
  color: #eee;
}
.fc-calendar.fc .fc-body .fc-day {
  background: #eee;
}
.fc-calendar.fc .fc-view-container {
  position: relative;
}
.fc-calendar.fc .fc-basic-view .fc-body .fc-row {
  min-height: 125px;
}
.fc-calendar.fc .fc-agenda-view .fc-axis {
  width: 100px !important;
}
.fc-calendar.fc .fc-row .fc-content-skeleton td {
  border-color: #fff;
}
.fc-calendar.fc .fc-day-number {
  padding: 2px 8px;
  font-weight: 600;
  font-size: 14px;
  line-height: 25px;
}
.fc-calendar.fc .fc-day-grid-event {
  margin-left: 1px;
  margin-right: 1px;
  padding: 2px 10px;
}
.fc-calendar.fc tr:first-child > td > .fc-day-grid-event {
  margin-top: 1px;
}
.fc-calendar.fc .fc-event {
  border-radius: 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.fc-calendar.fc .fc-divider {
  padding: 0;
  border-color: #fff;
}
.fc-calendar.fc .fc-icon {
  font-family: 'FontAwesome';
}
.fc-calendar.fc .fc-scroller {
  height: auto !important;
}
.fc-calendar.fc .fc-list-empty-wrap2 {
  position: relative;
}
.fc-calendar.fc .fc-list-empty {
  padding: 20px;
  color: #999;
}
/*------ social feed ------*/
#social-feed {
  position: relative;
  z-index: 2;
  height: 205px;
  font-size: 13px;
  color: #fff;
  font-weight: 600;
  padding: 0 30px;
  border-top: 1px solid #fff;
}
#social-feed .loader {
  background-image: url("../images/loader.gif");
  background-position: center;
  background-repeat: no-repeat;
}
#social-feed .jcarousel {
  position: relative;
  overflow: hidden;
  margin: 0 auto;
  text-align: center;
  height: 100%;
  line-height: 205px;
}
#social-feed .jcarousel ul {
  width: 20000em;
  position: relative;
  list-style: none;
  margin: 0;
  padding: 0;
  line-height: 16px;
}
#social-feed .jcarousel ul li {
  display: block;
  float: left;
  text-align: left;
  position: relative;
  width: 205px;
  height: 205px;
  overflow: hidden;
  border-right: 1px solid #fff;
}
#social-feed .jcarousel ul li:first-child {
  border-left: 1px solid #fff;
}
#social-feed .jcarousel ul li div {
  width: 175px;
  height: 175px;
  padding: 15px;
}
#social-feed .jcarousel img {
  display: block;
  position: relative;
  z-index: 1;
  min-width: 205px;
  min-height: 205px;
  max-width: 410px;
  max-height: 410px;
  top: -15px;
  left: -15px;
}
#social-feed .jcarousel p {
  max-height: 130px;
  overflow: hidden;
  padding: 0;
  margin-bottom: 2px;
}
#social-feed .jcarousel a {
  color: #fff;
}
#social-feed .jcarousel a:hover {
  color: #ee4f2a;
}
#social-feed .jcarousel small {
  display: block;
  font-weight: normal;
}
#social-feed .jcarousel .morelink {
  display: block;
  position: absolute;
  z-index: 2;
  bottom: 0;
  left: 0;
  right: 0;
  padding-left: 15px;
  height: 40px;
  line-height: 40px;
}
#social-feed .jcarousel .icon {
  display: block;
  width: 40px;
  height: 40px;
  position: absolute;
  z-index: 10;
  bottom: 0;
  right: 0;
  background-image: url("../images/socialsprites.png");
}
#social-feed .jcarousel .arrow {
  display: block;
  width: 40px;
  height: 40px;
  position: absolute;
  z-index: 10;
  bottom: 20px;
  right: 0;
  background-image: url("../images/socialsprites.png");
}
#social-feed .jcarousel .facebook .icon {
  background-position: 0 -160px;
}
#social-feed .jcarousel .twitter .icon {
  background-position: 0 -1520px;
}
#social-feed .jcarousel .instagram .icon {
  background-position: 0 -2240px;
}
#social-feed .jcarousel .facebook .arrow {
  background-position: 0 -2560px;
}
#social-feed .jcarousel .twitter .arrow {
  background-position: 0 -2600px;
}
#social-feed .jcarousel .instagram .arrow {
  background-position: 0 -2640px;
}
#social-feed .jcarousel-controls a {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  width: 32px;
  line-height: 205px;
  text-decoration: none;
  font-size: 30px;
  text-align: center;
  color: #fff;
  -webkit-box-shadow: 0 0 20px -5px #000;
  box-shadow: 0 0 20px -5px #000;
}
#social-feed .jcarousel-controls a.inactive {
  background: #414142;
  color: #666;
}
#social-feed .jcarousel-control-prev {
  left: 0;
}
#social-feed .jcarousel-control-next {
  right: 0;
}
#social-filters {
  position: relative;
  z-index: 10;
  border-top: 1px solid #fff;
  line-height: 40px;
}
#social-filters .social-icons li {
  display: block;
  float: left;
}
#social-filters li a {
  background: none;
}
#social-filters li.recent a {
  display: inline-block;
  text-indent: 0;
  width: 40px;
  height: 28px;
  padding-top: 12px;
  color: #fff;
  font-size: 12px;
  line-height: 18px;
  text-decoration: none;
  text-transform: uppercase;
  font-weight: bold;
  text-align: center;
}
#social-filters li a span:first-child {
  opacity: 0.5;
}
/*------ juicer social feed ------*/
#juicer-feed {
  position: relative;
  z-index: 2;
  padding: 0;
  border-top: 1px solid #fff;
  font-size: 13px;
  color: #fff;
  font-weight: 600;
}
#juicer-feed * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
#juicer-feed .juicer-feed-wrapper {
  max-width: 100%;
  overflow: hidden;
}
#juicer-feed .juicer-feed {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  list-style: none;
  position: relative;
  margin: 0;
  padding: 0;
  overflow: visible;
}
#juicer-feed .juicer-feed h1 {
  display: none;
}
#juicer-feed .juicer-feed .j-stacker-wrapper {
  -webkit-box-ordinal-group: 0;
      -ms-flex-order: -1;
          order: -1;
}
#juicer-feed .juicer-feed .j-stacker {
  display: block;
  width: auto;
}
#juicer-feed .juicer-feed .j-stack {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  display: flex !important;
  width: auto;
}
#juicer-feed .juicer-feed .feed-item {
  position: relative;
  -webkit-box-flex: 1 0 auto;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  width: 410px;
  height: 205px;
  margin: 0 !important;
  overflow: hidden;
}
#juicer-feed .juicer-feed .feed-item .j-poster {
  display: none;
}
#juicer-feed .juicer-feed .feed-item .j-image,
#juicer-feed .juicer-feed .feed-item .j-text {
  float: left;
  width: 50%;
}
#juicer-feed .juicer-feed .feed-item .j-image {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
}
#juicer-feed .juicer-feed .feed-item .j-image img {
  width: 100% !important;
  height: 100% !important;
  -o-object-fit: cover;
     object-fit: cover;
}
#juicer-feed .juicer-feed .feed-item .j-text {
  position: relative;
  height: 100%;
  margin-left: 50%;
  padding: 15px;
  font-size: 13px;
}
#juicer-feed .juicer-feed .feed-item .j-text .j-message {
  color: #fff;
  line-height: 1.4;
}
#juicer-feed .juicer-feed .feed-item .j-text .j-read-more {
  position: absolute;
  left: 15px;
  bottom: 0;
  font-size: 0;
  color: inherit;
}
#juicer-feed .juicer-feed .feed-item .j-text .j-read-more::before {
  content: "Read More";
  font-size: 13px;
  text-decoration: underline;
  line-height: 40px;
}
#juicer-feed .juicer-feed .feed-item .j-text .j-read-more:hover::before,
#juicer-feed .juicer-feed .feed-item .j-text .j-read-more:active::before {
  text-decoration: none;
}
#juicer-feed .juicer-feed .feed-item .j-text .j-meta {
  position: absolute;
  bottom: 0;
  right: 0;
  margin-top: 0;
}
#juicer-feed .juicer-feed .feed-item .j-text .j-meta ul {
  display: none;
}
#juicer-feed .juicer-feed .feed-item .j-text .j-meta .j-social {
  display: block;
  width: 40px;
  background: rgba(255, 255, 255, 0.3);
  line-height: 40px;
  text-align: center;
  color: #fff;
}
#juicer-feed .juicer-feed .feed-item .j-text .j-meta .j-social::before {
  margin: 0;
  color: inherit !important;
}
#juicer-feed .juicer-feed .feed-item.j-facebook {
  background: #414142;
}
#juicer-feed .juicer-feed .feed-item.j-instagram {
  background: #7a1878;
}
#juicer-feed .juicer-feed .j-display-filters {
  display: none !important;
  position: absolute;
  bottom: 0;
  right: 0;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 0 1px 40px 1px 40px 1px 40px;
  grid-template-columns: 0 40px 40px 40px;
  gap: 1px;
  margin: 0;
  padding: 0;
  font-size: 0;
}
#juicer-feed .juicer-feed .j-display-filters li {
  margin: 0;
  padding: 0;
  border: 0;
  text-align: center;
  color: #fff;
  -webkit-transition: background 0.3s ease 0s;
  transition: background 0.3s ease 0s;
}
#juicer-feed .juicer-feed .j-display-filters li::before {
  position: static;
  margin: 0;
  font-size: 21px;
  line-height: 40px;
  color: #fff;
}
#juicer-feed .juicer-feed .j-display-filters li.all {
  background: #414142;
  font-size: 12px;
  font-weight: bold;
  line-height: 40px;
  color: #fff;
}
#juicer-feed .juicer-feed .j-display-filters li.all::before {
  display: none;
}
#juicer-feed .juicer-feed .j-display-filters li.j-instagram {
  background: rgba(122, 24, 120, 0.5);
}
#juicer-feed .juicer-feed .j-display-filters li.j-facebook {
  background: rgba(65, 65, 66, 0.5);
}
#juicer-feed .j-paginate {
  display: none;
}
#juicer-feed .jcarousel-controls a {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  width: 32px;
  height: 205px;
  line-height: 205px;
  text-decoration: none;
  font-size: 30px;
  text-align: center;
  color: #fff;
  -webkit-box-shadow: 0 0 20px -5px #000;
  box-shadow: 0 0 20px -5px #000;
}
#juicer-feed .jcarousel-controls a.inactive {
  background: #414142;
  color: #666;
}
#juicer-feed .jcarousel-control-prev {
  left: 0;
}
#juicer-feed .jcarousel-control-next {
  right: 0;
}
.j-overlay .j-close {
  top: 0;
  right: 0;
  background-position: 50% 50%;
}
.j-overlay .j-post-overlay.juicer-feed .j-overlay-text {
  padding-top: 42px;
}
.j-overlay .j-post-overlay.juicer-feed .j-navigate a.j-previous,
.j-overlay .j-post-overlay.juicer-feed .j-navigate a.j-next {
  display: inline-block;
  width: 40px;
  line-height: 40px;
  text-align: center;
  -webkit-transition: color 0.3s ease 0s;
  transition: color 0.3s ease 0s;
}
.j-overlay .j-post-overlay.juicer-feed .j-navigate a.j-previous:hover,
.j-overlay .j-post-overlay.juicer-feed .j-navigate a.j-next:hover,
.j-overlay .j-post-overlay.juicer-feed .j-navigate a.j-previous:active,
.j-overlay .j-post-overlay.juicer-feed .j-navigate a.j-next:active {
  color: #333;
}
.ps .ps__rail-x,
.ps .ps__rail-y {
  display: none;
  cursor: pointer;
}
.ps.ps--active-x .ps__rail-x,
.ps.ps--active-x .ps__rail-y {
  display: block;
}
.ps .ps__rail-x {
  margin: 20px max(20px, calc((100% - 480px) / 2));
}
.ps .ps__rail-x:before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 2px;
  margin: auto;
  background: #ddd;
}
.ps .ps__rail-x,
.ps .ps__rail-x .ps__thumb-x {
  position: relative;
  height: 8px;
}
.ps .ps__rail-x .ps__thumb-x {
  background: #ee4f2a;
  cursor: ew-resize;
  -webkit-transition: background 0.3s ease 0s;
  transition: background 0.3s ease 0s;
}
.ps .ps__rail-x .ps__thumb-x:hover {
  background: #f48a71;
}
/*------ icons ------*/
.social-icons {
  list-style: none;
  margin: 0 0 10px 10px;
  padding: 0;
  text-align: left;
  font-size: 0;
}
.social-icons li {
  display: inline-block;
  margin: 0 0 0 1px;
  padding: 0;
  border: 0;
  text-align: center;
  height: 40px;
}
.social-icons li a {
  position: relative;
  display: block;
  width: 40px;
  height: 40px;
  line-height: 40px;
  background: #777;
  color: #fff;
  overflow: hidden;
}
.social-icons li a span {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  font-size: 21px;
  line-height: 40px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.social-icons li a span + span {
  top: 100%;
  color: #fff;
}
.social-icons li a:hover span {
  top: -100%;
}
.social-icons li a:hover span + span {
  top: 0;
}
.social-icons li a:active span {
  box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.3), inset 0 0 10px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.3), inset 0 0 10px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.3), inset 0 0 10px rgba(0, 0, 0, 0.3);
}
.social-icons li a:hover span + span.fa-facebook {
  background: #3b5998;
}
.social-icons li a:hover span + span.fa-google-plus {
  background: #d94a39;
}
.social-icons li a:hover span + span.fa-linkedin {
  background: #1b92bd;
}
.social-icons li a:hover span + span.fa-pinterest {
  background: #cb2027;
}
.social-icons li a:hover span + span.fa-twitter {
  background: #00bdec;
}
.social-icons li a:hover span + span.fa-youtube {
  background: #d20800;
}
.social-icons li a:hover span + span.fa-instagram {
  background: #316c95;
}
.social-icons li a:hover span + span.fa-houzz {
  background: #7cc04b;
}
/*------ footer ------*/
#footer {
  padding: 30px 0;
}
#footer #flogo {
  position: relative;
  margin: 0 50px 0 0;
  opacity: 0.25;
}
#footer #flogo img {
  display: block;
  width: 100%;
}
#footer #top-btn {
  padding: 5px 10px;
  text-decoration: none;
  text-transform: uppercase;
  color: #fff;
  font-size: 12px;
  font-weight: 600;
  clear: right;
  margin-bottom: 15px;
}
#footer .social-icons li {
  background-color: #000;
}
#footer #site-disclaimer {
  color: #888;
  line-height: 14px;
  font-size: 10px;
  clear: both;
  padding: 15px 0 0;
  border-top: 1px solid #595859;
}
#footer-navigation ul {
  list-style: none;
  margin: 0;
  padding: 10px 0 15px;
}
#footer-navigation ul li {
  display: none;
}
#footer-navigation ul li.nav-foot {
  display: block;
}
#footer-navigation ul li:first-child {
  padding-bottom: 10px;
}
#footer-navigation ul li a {
  display: block;
  font-size: 10px;
  color: #888;
  line-height: 12px;
  text-decoration: none;
}
#footer-navigation ul li a:hover {
  color: #fff;
}
#footer-navigation ul li ul {
  padding: 0;
}
#footer-navigation ul li ul li {
  padding: 0 !important;
}
.zopim {
  right: auto !important;
  left: 50%;
  margin-left: -90px;
  -webkit-box-shadow: 0 0 20px -5px #000;
  box-shadow: 0 0 20px -5px #000;
}
/*------ iframe ------*/
iframe.lg-object {
  background: #fff;
}
/*------ responsive ------*/
@media all and (max-width: 1000px) {
  /* 
	tablet.css
	
	Project: Ortona Gymnastics
	
*/
  /*------ typography ------*/
  body,
  td {
    font-size: 14px;
    line-height: 20px;
  }
  h1,
  #masthead h2 {
    font-size: 42px;
    line-height: 46px;
  }
  h2,
  #body-content h1 {
    font-size: 30px;
    line-height: 32px;
  }
  h3 {
    font-size: 24px;
    line-height: 26px;
  }
  h4 {
    font-size: 20px;
    line-height: 22px;
  }
  h5 {
    font-size: 18px;
    line-height: 20px;
  }
  h6 {
    font-size: 16px;
    line-height: 20px;
  }
  /*------ global ------*/
  .fluid-max {
    padding: 0 30px;
  }
  .fluid-min {
    padding: 0 30px;
  }
  /*------ form styles ------*/
  fieldset {
    padding: 20px;
    text-align: center;
  }
  fieldset hr {
    margin-right: 0;
  }
  .form-wrap {
    width: 364px;
    float: none;
    clear: both;
    margin: 0 auto;
    padding-bottom: 0;
    text-align: left;
  }
  .form-buttons {
    margin: 0;
    border-top: 0;
    padding: 0;
  }
  .input,
  .textarea {
    width: 354px;
  }
  .input_sm {
    width: 108px;
  }
  .verify {
    width: 254px;
  }
  .select {
    width: 364px;
  }
  .select_sm {
    width: 118px;
  }
  .select_med {
    width: 240px;
  }
  .submit {
    float: none;
  }
  .terms-box {
    margin-right: 0;
  }
  #comment-form fieldset {
    padding-right: 20px;
  }
  #checkout-form #total {
    padding-top: 10px;
  }
  .expiry_month {
    width: 185px;
  }
  .expiry_year {
    width: 173px;
  }
  /*------ logo block ------*/
  #logo-block {
    padding-top: 20px;
  }
  #logo-block #logo {
    width: 86px;
    margin-top: -6px;
    left: 30px;
  }
  #main-navigation.ddsmoothmenu {
    display: none;
  }
  #mbl-navigation {
    display: none;
    float: none;
    width: 100%;
    left: 0;
    top: 86px;
    position: absolute;
    z-index: 1000;
    margin: 0 !important;
    background: url(../images/dropdown.png);
    -webkit-box-shadow: 0 10px 15px -10px #000;
    box-shadow: 0 10px 15px -10px #000;
  }
  #mbl-navigation.ddsmoothmenu {
    display: none;
    padding: 0;
  }
  #mbl-navigation ul {
    display: block;
    margin: 0;
    padding: 0;
    list-style-type: none;
    text-align: left;
  }
  #mbl-navigation ul li {
    position: relative;
    display: none;
    margin: 0;
  }
  #mbl-navigation ul li.nav-main {
    display: block;
  }
  #mbl-navigation ul li a,
  #mbl-navigation ul li a.selected,
  #mbl-navigation ul li a.active {
    position: relative;
    z-index: 1;
    display: block;
    background: none;
    font-size: 13px;
    font-weight: normal;
    line-height: 20px;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: 600;
    padding: 10px 15px;
    border-bottom: 1px solid #414142;
    color: #fff;
    letter-spacing: 1px;
  }
  #mbl-navigation ul li a span {
    display: none;
  }
  #mbl-navigation ul li ul {
    position: relative;
    width: auto !important;
    left: 0 !important;
    top: 0 !important;
    padding: 0 !important;
    border: 0;
  }
  #mbl-navigation ul li ul li ul {
    padding: 0 !important;
  }
  #mbl-navigation ul li ul li a,
  #mbl-navigation ul li ul li a.selected {
    width: auto;
    padding: 10px 15px 10px 30px;
    border-bottom: 1px solid #414142;
  }
  #mbl-navigation ul li ul li ul li a,
  #mbl-navigation ul li ul li ul li a.selected {
    padding-left: 50px;
  }
  #mbl-navigation .expandable {
    display: block;
    position: absolute;
    z-index: 2;
    width: 40px;
    height: 40px;
    background-image: url(../images/nav_arrows.png);
    background-repeat: no-repeat;
    background-position: 0 16px;
    top: 0;
    right: 0;
    cursor: pointer;
    outline: none;
  }
  #mbl-navigation .expandable.ui-state-active {
    background-position: -40px 16px;
  }
  #menu-toggle {
    display: block;
    float: right;
    text-align: right;
    padding: 0;
    margin: 0 0 20px;
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
    color: #fff;
    cursor: pointer;
    height: 30px;
    line-height: 28px;
    clear: both;
  }
  #menu-toggle span {
    display: block;
    float: right;
    background: url(../images/icon_menu.png) right center no-repeat;
    padding: 0 34px 0 0;
    margin-right: 4px;
  }
  #account-bar {
    top: -20px;
    font-size: 11px;
  }
  /*------ masthead ------*/
  #masthead #banner-image,
  #masthead .title-block .title-text {
    height: 300px;
  }
  #masthead .cycle-slideshow {
    height: 350px;
  }
  #masthead .cycle-slide .title-block .title-text {
    height: 330px;
    padding-top: 40px;
  }
  /*------ body content ------*/
  #event-header {
    position: static;
  }
  #event-header #event-description {
    min-height: inherit;
    margin: 0;
    padding: 40px 0;
  }
  #event-header #event-video {
    display: none;
  }
  #event-body-video {
    display: block;
    margin: 10px 0 40px;
  }
  #body-content {
    padding-top: 60px;
    padding-bottom: 40px;
  }
  #contact-hours {
    float: none;
    width: 100%;
  }
  #promo-boxes .promo-box,
  #promo-boxes .hover-img {
    height: 320px;
  }
  #promo-boxes .promo-text {
    font-size: 42px;
    line-height: 46px;
  }
  #promo-boxes .promo-text p {
    font-size: 14px;
    line-height: 20px;
  }
  .content-tabs .ui-tabs-nav li {
    display: block;
  }
  .content-tabs .ui-tabs-nav li a {
    padding: 8px 12px;
    border-color: #ccc !important;
  }
  .content-tabs .ui-tabs-panel {
    padding: 20px 10px 0px;
  }
  #galleries {
    margin-top: -100px;
    padding: 60px 30px 40px;
  }
  #blog-rightcol {
    padding-left: 20px;
  }
  #blog-leftcol {
    width: 33.33%;
  }
  #call-to-action a,
  #call-to-action div {
    font-size: 30px;
    line-height: 30px;
  }
  #call-to-action small {
    font-size: 16px;
    line-height: 16px;
  }
  /* tables */
  .form-table {
    width: 100%;
  }
  /*------ footer ------*/
  #footer #flogo {
    margin-right: 35px;
    width: 100px;
  }
}
@media all and (max-width: 700px) {
  .button-nav div {
    display: block;
  }
  .button-nav a {
    display: block;
    width: auto !important;
    padding: 10px;
  }
  .button-nav.sticky {
    position: relative;
    z-index: 10;
  }
  .button-nav .nav-left,
  .button-nav .nav-right {
    display: none;
  }
  #push {
    position: relative !important;
    height: 0px !important;
  }
  #blog-rightcol {
    float: none;
    width: 100%;
    padding-left: 0;
  }
  #blog-leftcol {
    float: none;
    width: 100%;
    margin-bottom: 20px;
  }
  #blog-navigation {
    margin: 0;
  }
  .fc-calendar.fc .fc-toolbar {
    position: relative;
    padding-top: 45px;
  }
  .fc-calendar.fc .fc-toolbar .fc-center {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    text-align: center;
  }
  .fc-calendar.fc .fc-toolbar .fc-center * {
    float: none;
  }
  .fc-calendar.fc .fc-basic-view .fc-body .fc-row {
    min-height: 80px;
  }
  .fc-calendar.fc .fc-agendaDay-button {
    display: none;
  }
  .fc-calendar.fc .fc-day-grid-event .fc-content {
    font-size: 0;
    height: 10px;
  }
}
@media all and (max-width: 480px) {
  /* 
	mobile.css
	
	Project: Ortona Gymnastics
	
*/
  /*------ typography ------*/
  body,
  td {
    font-size: 12px;
    line-height: 16px;
  }
  h1,
  #masthead h2 {
    font-size: 28px;
    line-height: 32px;
    margin-bottom: 15px;
  }
  h2,
  #body-content h1 {
    font-size: 22px;
    line-height: 24px;
    margin-bottom: 20px;
  }
  h3 {
    font-size: 20px;
    line-height: 22px;
    margin-bottom: 15px;
  }
  h4 {
    font-size: 18px;
    line-height: 20px;
    margin-bottom: 15px;
  }
  h5 {
    font-size: 16px;
    line-height: 18px;
    margin-bottom: 10px;
  }
  h6 {
    font-size: 14px;
    line-height: 16px;
    margin-bottom: 5px;
  }
  p {
    padding-bottom: 15px;
  }
  ul,
  ol {
    padding-bottom: 15px;
    margin: 0 0 0 30px;
  }
  hr {
    margin-bottom: 15px;
  }
  /*------ global ------*/
  .fluid-max {
    padding: 0 20px;
  }
  .fluid-min {
    padding: 0 20px;
  }
  /*------ form styles ------*/
  fieldset {
    padding: 20px 0 0;
    border: 0;
    border-top: 1px solid #ccc;
  }
  .form-wrap {
    width: 280px;
  }
  .input,
  .textarea {
    width: 270px;
  }
  .input_sm {
    width: 80px;
  }
  .verify {
    width: 170px;
  }
  .select {
    width: 280px;
  }
  .select_sm {
    width: 90px;
  }
  .select_med {
    width: 185px;
  }
  .pager {
    text-align: center;
  }
  #comment-form fieldset {
    padding-right: 0;
  }
  #comment-form .form-wrap {
    width: 280px;
    text-align: center;
  }
  #comment-form .textarea {
    text-align: left;
  }
  #login-form {
    width: 100%;
  }
  #login-form fieldset {
    padding: 20px 0 0;
  }
  #login-form label {
    float: none;
    width: 100%;
    line-height: 24px;
  }
  #login-form .input {
    display: block;
    width: 100%;
  }
  #login-form .submit {
    float: left;
    margin-top: 10px;
  }
  .expiry_month {
    width: 145px;
  }
  .expiry_year {
    width: 130px;
  }
  /*------ logo block ------*/
  #logo-block #logo {
    left: 20px;
  }
  #search-form .input {
    width: 120px !important;
  }
  #account-bar {
    font-size: 10px;
  }
  #account-bar span {
    display: none;
  }
  #mbl-navigation {
    top: 82px;
  }
  /*------ masthead ------*/
  #masthead #banner-image,
  #masthead .title-block .title-text {
    height: 200px;
  }
  #masthead .cycle-slideshow {
    height: 250px;
  }
  #masthead .cycle-slide .title-block .title-text {
    display: table-cell;
    height: 250px;
    padding-top: 0;
    vertical-align: middle;
  }
  .touch #masthead .cycle-pager {
    display: none;
  }
  /*------ body content ------*/
  #body-content {
    padding-top: 40px;
    padding-bottom: 25px;
  }
  #promo-boxes .promo-box,
  #promo-boxes .hover-img {
    height: 200px;
  }
  #promo-boxes .promo-text {
    font-size: 20px;
    line-height: 24px;
  }
  #promo-boxes .promo-text p {
    font-size: 12px;
    line-height: 16px;
    padding-top: 15px;
  }
  #promo-boxes .promo-box .uline {
    height: 2px;
    bottom: -6px;
  }
  ul.blog-categories li a {
    padding: 3px 0;
  }
  #blog-comments .blog-comment {
    padding: 15px;
  }
  #blog-entry .blog-image {
    width: 100%;
  }
  .blog-entry .blog-thumb {
    width: 90px;
  }
  #call-to-action a,
  #call-to-action div {
    font-size: 24px;
    line-height: 24px;
  }
  #call-to-action small {
    font-size: 14px;
    line-height: 14px;
  }
  #galleries {
    margin-top: -65px;
    padding: 40px 0 25px;
  }
  .photo-gallery li {
    width: 280px;
  }
  .photo-gallery.thumbnails li {
    width: 140px;
  }
  .photo-gallery li a .overlay {
    font-size: 18px;
    line-height: 20px;
  }
  /*------ registration ------*/
  #reg-steps li {
    font-size: 10px;
    line-height: 12px;
  }
  /*------ events (team calendar) ------*/
  .fc-calendar.fc .fc-day-number {
    font-size: 10px;
    line-height: 20px;
  }
  /*------ social feed ------*/
  #social-feed {
    padding: 0;
    margin-left: -1px;
  }
  #social-filters {
    float: none;
    width: 240px;
    margin: 0 auto;
  }
  #social-feed .jcarousel-controls a {
    height: 40px;
    line-height: 40px;
    width: 20px;
    font-size: 16px;
    top: auto;
    bottom: -41px;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
  #social-feed {
    height: 160px;
    font-size: 10px;
  }
  #social-feed .jcarousel {
    line-height: 160px;
  }
  #social-feed .jcarousel ul {
    line-height: 13px;
  }
  #social-feed .jcarousel ul li {
    width: 160px;
    height: 160px;
  }
  #social-feed .jcarousel ul li div {
    width: 130px;
    height: 130px;
  }
  #social-feed .jcarousel img {
    min-width: 160px;
    min-height: 160px;
    max-width: 375px;
    max-height: 375px;
    top: -15px;
    left: -15px;
  }
  #social-feed .jcarousel p {
    max-height: 94px;
  }
  /*------ footer ------*/
  #footer {
    text-align: center;
  }
  #footer #flogo {
    width: 80px;
    display: block;
    margin: 0 auto;
    float: none;
  }
  #footer #top-btn {
    display: inline-block;
    float: none;
    clear: both;
  }
  #footer .social-icons {
    float: none;
    width: 100%;
    clear: both;
    text-align: center;
    margin-left: 0;
  }
  #footer-navigation {
    display: inline-block;
    float: none;
    padding: 10px 0;
  }
}