@charset "UTF-8";
/*--------------------------------------------------------------------
base: reset
Version: 1.0 - 2015
-----------------------------------------------------------------------*/
html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video {
  font-family: "Uni-Sans-Book", sans-serif;
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  vertical-align: baseline;
  background: transparent; }

article, aside, figure, footer, header, hgroup, nav, section {
  display: block; }

body {
  font-size: 14px; }

[class^="col-"], [class*="col-"] {
  padding: 0; }

.m-wrpp.add-space [class^="col-"].fix-space,
.m-wrpp.add-space [class*="col-"].fix-space {
  padding-left: 0 !important; }

h1, h2, h3, h4, h5, div.h1, div.h2, div.h3 {
  font-family: "GothamBlack", sans-serif;
  margin-bottom: 25px; }

h1 > span,
.form-block input[type="text"], .form-block input[type="password"], .form-block select, .form-block textarea,
label.radio, label.checkbox {
  font-family: "Uni-Sans-Book", sans-serif; }

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none; }

ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

th {
  font-weight: bold;
  vertical-align: bottom; }

td {
  font-weight: normal;
  vertical-align: top; }

a {
  text-decoration: none; }

a:hover {
  text-decoration: none; }

hr {
  display: block;
  height: 1px;
  margin: 5% 0;
  border: 0; }

input, select {
  vertical-align: middle; }

input[type="radio"] {
  vertical-align: text-bottom; }

input[type="checkbox"] {
  vertical-align: bottom;
  *vertical-align: baseline; }

.ie6 input {
  vertical-align: text-bottom; }

select, input, textarea {
  outline: none; }

a:hover, a:active {
  outline: none; }

small {
  font-size: 85%; }

strong, th {
  font-weight: bold; }

td, td img {
  vertical-align: top; }

sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

pre, code, kbd, samp {
  font-family: "Uni-Sans-Book", sans-serif; }

.clickable,
input[type=button],
input[type=submit],
button {
  cursor: pointer; }

button, input, select, textarea {
  margin: 0; }

button {
  width: auto;
  overflow: visible; }

body, select, input, textarea {
  color: #6e726e; }

::-moz-selection {
  background: #0fa8aa;
  color: #fff;
  text-shadow: none; }

::selection {
  background: #0fa8aa;
  color: #fff;
  text-shadow: none; }

button:focus {
  outline: none; }

*:focus {
  outline: none; }

img {
  width: 100%;
  height: auto;
  display: block; }

.ie7 img {
  -ms-interpolation-mode: bicubic; }

[ng\:cloak],
[ng-cloak],
[data-ng-cloak],
[x-ng-cloak],
.ng-cloak,
.x-ng-cloak {
  display: none !important; }

/*--------------------------------------------------------------------
base: typography
Version: 1.0 - 2015
-----------------------------------------------------------------------*/
@font-face {
  font-family: "GothamBlack";
  src: url("../Fonts/GothamBlack.eot");
  src: url("../Fonts/GothamBlack.eot?#iefix") format("embedded-opentype"), url("../Fonts/GothamBlack.woff") format("woff"), url("../Fonts/GothamBlack.ttf") format("truetype"), url("../Fonts/GothamBlack.svg#GothamBlack") format("svg");
  font-weight: normal;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-shadow: rgba(0, 0, 0, 0.01) 0 0 1px; }

@font-face {
  font-family: "Uni-Sans-Book";
  src: url("../Fonts/Uni-Sans-Book.eot");
  src: url("../Fonts/Uni-Sans-Book.eot?#iefix") format("embedded-opentype"), url("../Fonts/Uni-Sans-Book.woff") format("woff"), url("../Fonts/Uni-Sans-Book.ttf") format("truetype"), url("../Fonts/Uni-Sans-Book.svg#Uni-Sans-Book") format("svg");
  font-weight: normal;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-shadow: rgba(0, 0, 0, 0.01) 0 0 1px; }

/* weather icons */
@font-face {
  font-family: "weathericons";
  src: url("../Fonts/weathericons-regular-webfont.eot");
  src: url("../Fonts/weathericons-regular-webfont.eot?#iefix") format("embedded-opentype"), url("../Fonts/weathericons-regular-webfont.woff") format("woff"), url("../Fonts/weathericons-regular-webfont.ttf") format("truetype"), url("../Fonts/weathericons-regular-webfont.svg#weathericons") format("svg");
  font-weight: normal;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-shadow: rgba(0, 0, 0, 0.01) 0 0 1px; }

@font-face {
  font-family: "Prelo";
  src: url("../Fonts/prelo-medium.eot");
  src: url("../Fonts/prelo-medium.eot?#iefix") format("embedded-opentype"), url("../Fonts/prelo-medium.woff") format("woff"), url("../Fonts/prelo-medium.ttf") format("truetype"), url("../Fonts/prelo-medium.svg#Prelo") format("svg");
  font-weight: normal;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-shadow: rgba(0, 0, 0, 0.01) 0 0 1px; }

@font-face {
  font-family: "PreloBold";
  src: url("../Fonts/prelo-bold.eot");
  src: url("../Fonts/prelo-bold.eot?#iefix") format("embedded-opentype"), url("../Fonts/prelo-bold.woff") format("woff"), url("../Fonts/prelo-bold.ttf") format("truetype"), url("../Fonts/prelo-bold.svg#PreloBold") format("svg");
  font-weight: normal;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-shadow: rgba(0, 0, 0, 0.01) 0 0 1px; }

/*--------------------------------------------------------------------
base: forms
Version: 1.0 - feb 2015
-----------------------------------------------------------------------*/
.field-validation-error {
  padding: 5px;
  display: block;
  color: #df3b3b; }

form fieldset {
  border: 0; }

label.radio,
label.checkbox {
  padding-left: 18px;
  display: table;
  cursor: pointer;
  font-size: 18px;
  font-weight: 200; }

label.radio input,
label.checkbox input {
  margin-top: 4px;
  float: left;
  margin-left: -18px; }

input[type="text"],
input[type="number"],
input[type="password"],
textarea {
  font-family: 'Uni Sans Book', sans-serif;
  resize: none;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  border: 1px solid #ebebeb;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  height: auto; }

input[type="submit"],
button {
  -webkit-border-top-left-radius: 60px;
  -moz-border-top-left-radius: 60px;
  border-top-left-radius: 60px;
  -webkit-border-top-right-radius: 60px;
  -moz-border-top-right-radius: 60px;
  border-top-right-radius: 60px;
  -webkit-border-bottom-right-radius: 60px;
  -moz-border-bottom-right-radius: 60px;
  border-bottom-right-radius: 60px;
  -webkit-border-bottom-left-radius: 60px;
  -moz-border-bottom-left-radius: 60px;
  border-bottom-left-radius: 60px; }

.form-block {
  margin: 20px 0;
  /* error handlers
    @see jquery.validate.unobtrusive.js
    -----------------------------------------------------------------------*/ }
  .form-block .radio-wrpp input[type="checkbox"],
  .form-block .radio-wrpp input[type="radio"] {
    display: inline-block; }
  .form-block label {
    display: block;
    margin-bottom: 5px;
    font-weight: 600; }
    .form-block label.placeholder {
      display: none; }
  .form-block .field-validation-error,
  .form-block span.validation-error {
    display: block;
    background-color: #df3b3b;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 13px 20px;
    color: #fff;
    margin: -4px 0 4px;
    border-radius: 0 0 4px 4px; }
  .form-block .validation-summary-errors {
    display: block;
    background-color: #df3b3b;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 13px 20px;
    color: white;
    margin: 10px 0;
    border-radius: 4px; }
  .form-block .input-validation-error,
  .form-block .validation-error {
    border-color: #df3b3b; }
    .form-block .input-validation-error:focus,
    .form-block .validation-error:focus {
      border-color: #9f9e9e; }

.wgt-form .label-container {
  position: relative; }

.wgt-form .input-container {
  width: 100%; }
  .wgt-form .input-container input,
  .wgt-form .input-container select,
  .wgt-form .input-container textarea {
    width: 100%; }
  .wgt-form .input-container select {
    width: 100%; }
  .wgt-form .input-container input[type="checkbox"] {
    position: relative;
    *overflow: hidden;
    vertical-align: middle; }

.wgt-form-wrapper {
  margin: 80px auto 40px;
  font-family: 'Uni-Sans-Book', sans-serif;
  width: 50%; }
  @media only screen and (max-width: 992px) {
    .wgt-form-wrapper {
      width: 80%; } }
  @media only screen and (max-width: 768px) {
    .wgt-form-wrapper {
      width: 100%; } }
  .wgt-form-wrapper .btn-flat-green {
    padding: 1% 10%;
    margin: 20px auto;
    display: block; }
  .wgt-form-wrapper label {
    font-size: 1em;
    color: #6e726e; }

/*--------------------------------------------------------------------
base: placeholder styles
Version: 1.0 - mar 2016
-----------------------------------------------------------------------*/
::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #9f9e9e; }

::-moz-placeholder {
  /* Firefox 19+ */
  color: #9f9e9e; }

:-ms-input-placeholder {
  /* IE 10+ */
  color: #9f9e9e; }

:-moz-placeholder {
  /* Firefox 18- */
  color: #9f9e9e; }

/*--------------------------------------------------------------------
base: inline input text with button
Version: 1.0 - mar 2016
-----------------------------------------------------------------------*/
.form-inline .form-block {
  position: relative; }
  .form-inline .form-block input[type="text"],
  .form-inline .form-block input[type="number"] {
    border: 1px solid #ebebeb;
    padding: 5px 10px; }
  .form-inline .form-block button {
    position: absolute;
    right: 1px;
    top: 1px;
    padding: 0 20px;
    border: 0; }

/*--------------------------------------------------------------------
base: file upload
Version: 1.0 - mar 2016
--------------------------------------------------------------------*/
.file-upload {
  position: relative; }
  .file-upload .file-upload-wrapper {
    border: 1px solid #ebebeb;
    padding: 7px 10px;
    background-color: #fff;
    -webkit-border-top-left-radius: 4px;
    -moz-border-top-left-radius: 4px;
    border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 0;
    -moz-border-top-right-radius: 0;
    border-top-right-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    -moz-border-bottom-right-radius: 0;
    border-bottom-right-radius: 0;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-bottom-left-radius: 4px;
    border-bottom-left-radius: 4px; }
  .file-upload .file-upload-label {
    cursor: pointer;
    width: 100%; }
  .file-upload .file-upload-input {
    display: none; }
  .file-upload .file-upload-action {
    position: absolute;
    right: 1px;
    top: 1px;
    padding: 0 20px;
    border: 0;
    height: 93%;
    -webkit-border-top-left-radius: 0;
    -moz-border-top-left-radius: 0;
    border-top-left-radius: 0;
    -webkit-border-top-right-radius: 4px;
    -moz-border-top-right-radius: 4px;
    border-top-right-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -moz-border-bottom-right-radius: 4px;
    border-bottom-right-radius: 4px;
    -webkit-border-bottom-left-radius: 0;
    -moz-border-bottom-left-radius: 0;
    border-bottom-left-radius: 0; }

/*--------------------------------------------------------------------
base: profile editor form
Version: 1.0 - mar 2016
-----------------------------------------------------------------------*/
.profile-editor .wgt-form {
  margin: 4.4%;
  width: 91.5%;
  /* profile editor activities
    -----------------------------------------------------------------------*/ }
  .profile-editor .wgt-form .row {
    margin-bottom: 30px; }
  .profile-editor .wgt-form input[type="text"],
  .profile-editor .wgt-form input[type="number"],
  .profile-editor .wgt-form textarea {
    border: 1px solid #ebebeb;
    background-color: #fff;
    color: #9f9e9e;
    padding: 4px 5px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px; }
  .profile-editor .wgt-form input[type="submit"],
  .profile-editor .wgt-form button {
    -webkit-border-top-left-radius: 60px;
    -moz-border-top-left-radius: 60px;
    border-top-left-radius: 60px;
    -webkit-border-top-right-radius: 60px;
    -moz-border-top-right-radius: 60px;
    border-top-right-radius: 60px;
    -webkit-border-bottom-right-radius: 60px;
    -moz-border-bottom-right-radius: 60px;
    border-bottom-right-radius: 60px;
    -webkit-border-bottom-left-radius: 60px;
    -moz-border-bottom-left-radius: 60px;
    border-bottom-left-radius: 60px;
    padding: 8px 10px; }
  .profile-editor .wgt-form input[type="text"],
  .profile-editor .wgt-form input[type="password"],
  .profile-editor .wgt-form input[type="number"],
  .profile-editor .wgt-form select,
  .profile-editor .wgt-form textarea {
    font-size: 16px;
    font-size: 1rem;
    font-weight: 500;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease; }
  .profile-editor .wgt-form .radio-wrpp input[type="checkbox"],
  .profile-editor .wgt-form .radio-wrpp input[type="radio"] {
    display: inline-block; }
  .profile-editor .wgt-form label {
    font-size: 16px;
    font-size: 1rem; }
  .profile-editor .wgt-form .label-container {
    font-size: 14px;
    font-size: 0.875rem;
    color: #6e726e;
    text-align: left; }
  .profile-editor .wgt-form .input-container {
    position: relative; }
    .profile-editor .wgt-form .input-container textarea {
      height: 250px; }
    .profile-editor .wgt-form .input-container select {
      max-width: 540px; }
    .profile-editor .wgt-form .input-container input[type="checkbox"] {
      width: 13px;
      height: 13px;
      margin: 0 10px 0 0;
      float: none; }
  .profile-editor .wgt-form .datepicker-container .icon-calendar {
    font-size: 32px;
    font-size: 2rem;
    color: #008c90;
    display: inline-block;
    vertical-align: middle; }
  .profile-editor .wgt-form .datepicker-container .date-picker {
    display: inline-block;
    padding-left: 25px;
    width: 100%;
    margin-top: 2px; }
  .profile-editor .wgt-form .privacy-handler i {
    color: #008c90;
    font-size: 16px;
    font-size: 1rem;
    vertical-align: middle; }
  .profile-editor .wgt-form .activities {
    color: #6e726e; }
    .profile-editor .wgt-form .activities .icon-container {
      text-align: center;
      height: 90px; }
      @media only screen and (max-width: 992px) {
        .profile-editor .wgt-form .activities .icon-container {
          padding-left: 0;
          font-size: 28px;
          font-size: 1.75rem;
          width: 84px; } }
    .profile-editor .wgt-form .activities i {
      border: 1px solid transparent;
      border-radius: 50%;
      font-size: 32px;
      line-height: 32px;
      display: inline-block;
      padding: 5px;
      width: 32px;
      height: 32px;
      margin-bottom: 10px;
      cursor: pointer; }
    .profile-editor .wgt-form .activities .label {
      display: inline-block;
      margin-top: 5px;
      line-height: 1em;
      vertical-align: top; }
      @media only screen and (max-width: 992px) {
        .profile-editor .wgt-form .activities .label {
          font-size: 14px;
          font-size: 0.875rem; } }
    .profile-editor .wgt-form .activities .activityEnabled {
      background-color: #0fa8aa;
      color: #fff; }

/*--------------------------------------------------------------------
base: sugestion form
Version: 1.0 - mar 2016
-----------------------------------------------------------------------*/
.frm-suggestion-container .frm-suggestion-header {
  margin-bottom: 20px; }

.frm-suggestion-container .datepicker-container {
  margin-top: 19px; }
  .frm-suggestion-container .datepicker-container .icon-calendar {
    cursor: pointer;
    display: inline-block;
    color: #008c90;
    font-size: 32px;
    font-size: 2rem;
    vertical-align: middle; }
  .frm-suggestion-container .datepicker-container input.date-picker {
    width: 50%; }

.frm-suggestion-container .timepicker-container .label {
  color: #008c90;
  display: inline-block; }

.frm-suggestion-container .timepicker-container .icon-monitor {
  display: inline-block;
  color: #008c90;
  font-size: 32px;
  font-size: 2rem;
  vertical-align: middle; }

.frm-suggestion-container .main-heading {
  font-size: 1.4em;
  line-height: 1.4em;
  font-family: 'Uni Sans Book', sans-serif;
  color: #6e726e;
  font-weight: 500; }

.frm-suggestion-container .secundary-heading {
  font-size: 1.2em;
  font-family: 'Uni Sans Book', sans-serif;
  font-weight: 600; }

.frm-suggestion-container input[type="date"] {
  background-color: #fff;
  -moz-box-shadow: 0 3px 3px #ebebeb;
  -webkit-box-shadow: 0 3px 3px #ebebeb;
  box-shadow: 0 3px 3px #ebebeb;
  color: #6e726e;
  font-size: 16px;
  font-size: 1rem;
  width: 98%;
  border: 1px solid #ebebeb;
  font-family: "Uni-Sans-Book", sans-serif;
  padding: 1%; }

.frm-suggestion-container .label {
  color: #6e726e;
  margin-right: 2%;
  text-align: right;
  padding-top: 5px; }

.frm-suggestion-container .note {
  color: #6e726e; }

.frm-suggestion-container .input-text {
  background-color: #fff;
  -moz-box-shadow: 0 3px 3px #ebebeb;
  -webkit-box-shadow: 0 3px 3px #ebebeb;
  box-shadow: 0 3px 3px #ebebeb;
  color: #6e726e;
  font-size: 16px;
  font-size: 1rem;
  width: 100%;
  padding: 1%; }

.frm-suggestion-container .textarea {
  height: 200px;
  -moz-box-shadow: 0 3px 3px #ebebeb;
  -webkit-box-shadow: 0 3px 3px #ebebeb;
  box-shadow: 0 3px 3px #ebebeb;
  color: #6e726e;
  font-size: 16px;
  font-size: 1rem;
  margin-bottom: 10px;
  padding: 1%;
  width: 100%; }

.frm-suggestion-container .button {
  display: inline-block;
  padding: 5px 10px;
  background-color: #008c90;
  color: #fff;
  border: 1px solid transparent;
  text-transform: uppercase;
  border-radius: 60px;
  margin-right: 20px;
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out; }
  .frm-suggestion-container .button:hover {
    -webkit-transition: all 0.5s ease-in;
    transition: all 0.5s ease-in;
    background-color: #0fa8aa;
    cursor: pointer; }

.nice .NFI-button {
  background-color: #008c90;
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  cursor: pointer; }
  .nice .NFI-button:hover {
    background-color: #0fa8aa;
    -webkit-transition: all 0.5s ease-in;
    transition: all 0.5s ease-in; }

.nice .NFI-current {
  width: auto !important; }

/*--------------------------------------------------------------------
base: site header
Version: 1.0 - 2015
-----------------------------------------------------------------------*/
.m-hdr {
  margin-bottom: 60px;
  width: 100%; }
  .m-hdr .wgt-logo {
    z-index: 1;
    margin-bottom: -15px;
    float: left; }
    .m-hdr .wgt-logo img {
      width: 260px;
      display: block;
      margin: 5px 0 -30px; }
    .m-hdr .wgt-logo a {
      float: left;
      display: block; }

.m-hdr-comercial + .m-wrpp .breadcrumbs {
  margin-top: 60px; }

@media only screen and (max-width: 768px) {
  .m-hdr-comercial {
    height: 63px; } }

.m-hdr-comercial img {
  width: 260px; }

.m-hdr-comercial .wgt-logo {
  margin-bottom: -40px;
  position: relative;
  z-index: 1; }

.m-hdr-background {
  width: 100%;
  position: relative;
  float: left;
  background: #ccc;
  padding-top: 224px;
  padding-bottom: 0;
  background-size: cover;
  background-position: center bottom; }
  @media only screen and (max-width: 768px) {
    .m-hdr-background {
      margin-top: 50px; } }

.m-hdr-shadow {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 150px;
  width: 100%;
  background-image: -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.3) 60%, rgba(0, 0, 0, 0.65));
  background-image: -moz-linear-gradient(transparent, rgba(0, 0, 0, 0.3) 60%, rgba(0, 0, 0, 0.65));
  background-image: -o-linear-gradient(transparent, rgba(0, 0, 0, 0.3) 60%, rgba(0, 0, 0, 0.65));
  background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.3) 60%, rgba(0, 0, 0, 0.65));
  visibility: visible;
  -webkit-transition: visibility 0.4s,opacity 0.4s;
  -moz-transition: visibility 0.4s,opacity 0.4s;
  -o-transition: visibility 0.4s,opacity 0.4s;
  transition: visibility 0.4s,opacity 0.4s;
  z-index: 0; }

.m-hdr-background-generic {
  background-image: image-url("/content/Images/hdr_bg_generic.jpg"); }

.m-hdr-background-walk {
  background-image: image-url("/content/Images/hdr_bg_walk.jpg"); }

.m-hdr-background-basket {
  background-image: image-url("/content/Images/hdr_bg_basket.jpg"); }

.m-hdr-background-football {
  background-image: image-url("/content/Images/hdr_bg_football.jpg"); }

.m-hdr-background-bike {
  background-image: image-url("/content/Images/hdr_bg_bike.jpg"); }

.m-hdr-background-volley {
  background-image: image-url("/content/Images/hdr_bg_volley.jpg"); }

.m-hdr-background-run {
  background-image: image-url("/content/Images/hdr_bg_run.jpg"); }

.m-hdr-background-skate {
  background-image: image-url("/content/Images/hdr_bg_skate.jpg"); }

.m-hdr-background-golf {
  background-image: image-url("/content/Images/hdr_bg_golf.jpg"); }

.m-hdr-background-tenis {
  background-image: image-url("/content/Images/hdr_bg_tenis.jpg"); }

.m-hdr-background-rugby {
  background-image: image-url("/content/Images/hdr_bg_rugby.jpg"); }

.m-hdr-background-gym {
  background-image: image-url("/content/Images/hdr_bg_gym.jpg"); }

.m-hdr-background-row {
  background-image: image-url("/content/Images/hdr_bg_row.jpg"); }

.m-hdr-background-equipment {
  background-image: image-url("/content/Images/hdr_bg_equipment.jpg"); }

.m-hdr-background-escalade {
  background-image: image-url("/content/Images/hdr_bg_escalade.jpg"); }

.m-hdr-background-rollerskate {
  background-image: image-url("/content/Images/hdr_bg_rollerskate.jpg"); }

/* HEADER DESKTOP
-----------------------------------------------------------------------*/
.header-desktop {
  display: block;
  z-index: 10; }
  @media only screen and (max-width: 768px) {
    .header-desktop {
      display: none; } }

/* HEADER MOBILE
-----------------------------------------------------------------------*/
.header-mobile {
  display: none; }
  @media only screen and (max-width: 768px) {
    .header-mobile {
      position: fixed;
      top: 0;
      left: 0;
      right: 0;
      width: 100%;
      z-index: 5000;
      background-color: #008c90; }
      .header-mobile.hide {
        display: block; } }
  .header-mobile .wgt-logo {
    margin: 5% 10%; }
    .header-mobile .wgt-logo img {
      width: 100%;
      max-width: 100px;
      height: auto;
      margin: 0; }
  .header-mobile .menu-mobile {
    float: right;
    margin-top: 10px;
    margin-right: 5px; }
    .header-mobile .menu-mobile .menu-toggle {
      padding: 20px;
      margin: 5%;
      background: url("../Images/menu-burger.png") center center no-repeat;
      background-size: cover;
      float: right; }
      @media only screen and (max-width: 768px) {
        .header-mobile .menu-mobile .menu-toggle {
          cursor: pointer; } }
    .header-mobile .menu-mobile .wgt-nav {
      background-color: #008c90;
      color: #fff;
      font-size: 1em;
      position: absolute;
      right: 0;
      top: 52px;
      width: 96%;
      padding: 2%; }
      .header-mobile .menu-mobile .wgt-nav ul {
        padding-top: 0 !important;
        float: left;
        display: block;
        width: 100%; }
        .header-mobile .menu-mobile .wgt-nav ul li {
          display: block;
          width: 100%;
          margin-bottom: 10px;
          text-align: right; }
          .header-mobile .menu-mobile .wgt-nav ul li a {
            color: #fff; }
            .header-mobile .menu-mobile .wgt-nav ul li a:hover {
              text-decoration: underline; }
          .header-mobile .menu-mobile .wgt-nav ul li .btn {
            padding: 3px 8px;
            display: block;
            text-align: center; }
    .header-mobile .menu-mobile .dropdown-wrapper {
      width: 100%; }
    .header-mobile .menu-mobile .dropdown-handler {
      display: none; }
    .header-mobile .menu-mobile .dropdown {
      position: relative;
      float: left;
      display: block;
      top: 0;
      left: 0;
      opacity: 1;
      width: 100% !important;
      padding: 0 !important;
      border: 0;
      background: transparent; }
      .header-mobile .menu-mobile .dropdown .dropdown-item {
        border-bottom: 0;
        text-align: right; }
      .header-mobile .menu-mobile .dropdown .dropdown-link {
        color: #fff;
        border-bottom: 0; }
    .header-mobile .menu-mobile .nav-user-profile {
      margin: 0 0 10px; }
      .header-mobile .menu-mobile .nav-user-profile .nav-profile-link-container {
        display: block;
        float: left;
        width: 100%;
        background-color: transparent;
        border-radius: 0;
        margin-bottom: 20px;
        border-bottom: 1px solid #008c90; }
      .header-mobile .menu-mobile .nav-user-profile .nav-profile-link {
        margin: 0;
        float: left;
        display: block;
        width: 100%;
        text-align: right; }

/*--------------------------------------------------------------------
base: responsive framework BY Pedro Oliven�a
DECO PROTESTE COPYRIGHT 2014 http://www.deco.proteste.pt

-----------------------------------------------------------------------*/
.col-1 {
  width: 8.332%; }

.col-2 {
  width: 16.65%; }

.col-3 {
  width: 25%; }

.col-4 {
  width: 33.3%; }

.col-5 {
  width: 41.6%; }

.col-6 {
  width: 50%; }

.col-7 {
  width: 58.3%; }

.col-8 {
  width: 66.6%; }

.col-9 {
  width: 74.9%; }

.col-10 {
  width: 83.3%; }

.col-11 {
  width: 91.6%; }

.col-12 {
  width: 100%; }

[class^="col-"],
[class*="col-"] {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  margin: 0;
  padding: 0;
  border: 0;
  position: relative; }

[class*="col-"] + [class*="col-"] {
  padding-left: 25px; }
  [class*="col-"] + [class*="col-"].col-12 {
    padding: 0; }

.m-wrpp.add-space {
  margin-left: -25px; }
  @media only screen and (max-width: 768px) {
    .m-wrpp.add-space {
      margin-left: 0; } }
  @media only screen and (max-width: 768px) {
    .m-wrpp.add-space .col-8 {
      width: 100%;
      padding-left: 0; } }

* + html .m-wrpp.add-space {
  /*fix for ie7*/
  margin-left: 0; }
  * + html .m-wrpp.add-space [class^="col-"].add-space,
  * + html .m-wrpp.add-space [class*="col-"] {
    /*fix for ie7*/
    padding-left: 0; }

.container {
  min-width: 320px;
  width: 100%;
  margin: 0 auto;
  max-width: 1200px;
  padding-left: 20px;
  padding-right: 20px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

/*--------------------------------------------------------------------
componenent: general structure
Version: 1.1 - 2015
-----------------------------------------------------------------------*/
.dp-wrapper {
  position: relative; }

h1, h2, h3, h4, h5,
div.h1, div.h2, div.h3 {
  display: block;
  position: relative;
  line-height: 1.4em;
  font-family: "GothamBlack", sans-serif;
  margin-bottom: 25px; }

h1, .h1 {
  font-size: 40px;
  font-size: 2.5rem; }

h2, .h2 {
  font-size: 32px;
  font-size: 2rem; }

h3, .h3 {
  font-size: 27px;
  font-size: 1.6875rem; }

h4, .h4 {
  font-size: 20px;
  font-size: 1.25rem; }

h5 {
  font-size: 18px;
  font-size: 1.125rem; }

.m-wrpp:after,
.container:after {
  display: block;
  content: "";
  clear: both; }

.m-wrpp.add-space [class^="col-"].fix-space,
.m-wrpp.add-space [class*="col-"].fix-space {
  padding-left: 0 !important; }

/*--------------------------------------------------------------------
base: static pages
Version: 1.1 - 2015
-----------------------------------------------------------------------*/
.static-page {
  padding: 20px;
  background-color: #f2f3f3;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  box-shadow: 0 4px 0 0 #ebebeb;
  border: 1px solid #ebebeb;
  /*margin-bottom: 50px; not needed in Privacy - MAT*/ }
  @media only screen and (max-width: 768px) {
    .static-page {
      padding: 5px; }
      .static-page .heading {
        /* new class for main h2 blocks- MAT*/
        padding: 20px !important; } }
  .static-page h2, .static-page .main-heading {
    color: #008c90;
    font-weight: 400; }
  .static-page h3,
  .static-page .secundary-heading {
    font-weight: 400; }
    @media only screen and (max-width: 768px) {
      .static-page h3,
      .static-page .secundary-heading {
        margin-bottom: 0; } }
  .static-page p {
    margin-bottom: 1.6em; }
    .static-page p.title {
      /*new privacy titles class - MAT*/
      font-size: 1.4em;
      font-weight: bold;
      padding-top: 0.5em;
      margin-bottom: 0.5em; }
  .static-page p,
  .static-page li {
    font-size: 1.2em; }
  .static-page ul li {
    margin-bottom: 10px; }
  .static-page a {
    color: #008c90; }
    .static-page a:hover {
      text-decoration: underline; }
  .static-page .content-aside p {
    font-size: 1.75em;
    line-height: 1.4em; }
  .static-page b {
    color: #008c90;
    font-weight: 700; }
  @media only screen and (max-width: 768px) {
    .static-page .col-6 {
      width: 100%;
      padding-left: 0; } }
  @media only screen and (max-width: 768px) {
    .static-page .note {
      margin-bottom: 0; } }
  @media only screen and (max-width: 768px) {
    .static-page .mb40 {
      margin-bottom: 0; } }
  @media only screen and (max-width: 768px) {
    .static-page .label {
      width: 100%;
      text-align: left;
      margin-bottom: 20px; } }
  @media only screen and (max-width: 768px) {
    .static-page .value {
      width: 100%;
      margin-bottom: 20px;
      padding-left: 0; } }
  @media only screen and (max-width: 768px) {
    .static-page .frm-suggestion-footer {
      width: 100%;
      margin-bottom: 20px;
      padding-left: 0; } }
  @media only screen and (max-width: 768px) {
    .static-page .frm-suggestion-footer .col-6 {
      margin-top: 20px; } }
  @media only screen and (max-width: 768px) {
    .static-page .frm-suggestion-footer .label {
      display: none; } }

/*--------------------------------------------------------------------
componenent: page specific adjustments
Version: 1.1 - 2015
-----------------------------------------------------------------------*/
@media only screen and (max-width: 768px) {
  .dashboard .col-8 {
    width: 100%;
    padding-left: 0;
    margin-bottom: 20px; } }

/*--------------------------------------------------------------------
base: footer
Version: 1.0 - 2015
-----------------------------------------------------------------------*/
.m-ftr .m-wrpp {
  background: #008c90 url(/Content/Images/ftr-watermark.png) no-repeat center center;
  padding: 30px 0;
  color: #fff; }
  .m-ftr .m-wrpp img {
    width: 265px;
    margin-top: 20px; }
    @media only screen and (max-width: 768px) {
      .m-ftr .m-wrpp img {
        width: 100%; } }
  .m-ftr .m-wrpp .col-6:first-child {
    padding-left: 200px; }
    @media only screen and (max-width: 768px) {
      .m-ftr .m-wrpp .col-6:first-child {
        padding-left: 25px; } }
  .m-ftr .m-wrpp .col-6:last-child {
    padding-right: 200px; }
    @media only screen and (max-width: 768px) {
      .m-ftr .m-wrpp .col-6:last-child {
        padding-right: 0; } }
  .m-ftr .m-wrpp a {
    color: #fff; }
    .m-ftr .m-wrpp a:hover {
      color: #fff;
      text-decoration: underline; }

.m-ftr .copyright {
  padding: 20px 0;
  font-size: 14px;
  font-size: 0.875rem;
  text-align: center;
  background: #fff; }
  .m-ftr .copyright a {
    color: #008c90; }
    .m-ftr .copyright a:hover {
      text-decoration: underline; }

/*--------------------------------------------------------------------
base: HELPERS
Version: 1.0 - 2016
-----------------------------------------------------------------------*/
.clearfix,
.clear {
  *zoom: 1; }
  .clearfix:before,
  .clear:before {
    content: " ";
    display: table; }
  .clearfix:after,
  .clear:after {
    content: " ";
    display: table;
    clear: both; }

.hide {
  display: none; }

.hide-desktop {
  display: none !important; }
  @media only screen and (max-width: 768px) {
    .hide-desktop {
      display: inherit !important; } }

.hide-mobile {
  display: inherit !important; }
  @media only screen and (max-width: 768px) {
    .hide-mobile {
      display: none !important; } }

.show {
  display: block; }

.m20 {
  margin: 20px; }

.mt20 {
  margin-top: 20px; }

.mb20 {
  margin-bottom: 20px; }

.ml20 {
  margin-left: 20px; }

.mr20 {
  margin-right: 20px; }

.mt40 {
  margin-top: 40px; }

.mb40 {
  margin-bottom: 40px;
  /* Privacy blocks - removal of normal padding-left:25px - MAT*/ }
  .mb40.privacy-block {
    padding-left: 0; }

.npl {
  padding-left: 0 !important; }

.npr {
  padding-right: 0 !important; }

.npb {
  padding-bottom: 0 !important; }

.npt {
  padding-top: 0 !important; }

.col-6__forced {
  width: 50% !important; }

.remove-padding-top {
  padding-top: 0; }

.remove-padding-bottom {
  padding-bottom: 0; }

.remove-padding-left {
  padding-left: 0; }

.remove-padding-right {
  padding-right: 0; }

.remove-margin-top {
  margin-top: 0; }

.remove-margin-bottom {
  margin-bottom: 0; }

.remove-margin-left {
  margin-left: 0; }

.remove-margin-right {
  margin-right: 0; }

/* Blocks 
-----------------------------------------------------------------------*/
.pull-left {
  float: left; }

.pull-right {
  float: right; }

.row {
  width: 100%; }

/* text
-----------------------------------------------------------------------*/
.text-right {
  text-align: right; }

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

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

.txt-white {
  color: #fff; }

.txt-small {
  font-size: 12px;
  font-size: 0.75rem; }

.placeholder {
  display: none;
  font-weight: 700; }

.label {
  font-weight: 700;
  display: block; }

.text-link {
  cursor: pointer; }
  .text-link:hover {
    text-decoration: underline; }

.widget .text-link {
  color: #9f9e9e; }
  .widget .text-link.selected {
    color: #008c90;
    text-decoration: underline; }

.disabled {
  background-color: #9f9e9e;
  color: #fff;
  display: inline-block;
  font-size: 14px;
  font-size: 0.875rem;
  padding: 5px 8px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  margin-top: 5px; }

/* alerts
-----------------------------------------------------------------------*/
.notice {
  padding: 5px;
  margin-bottom: 1rem;
  border: 1px solid transparent;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px; }
  .notice .icon {
    font-size: 3em;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    margin-right: 25px;
    padding: 5px; }
  .notice ul {
    margin-left: 5px; }
    .notice ul li {
      list-style: disc; }

.notice-success {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #d0e9c6; }
  .notice-success .icon {
    border: 1px solid  #3c763d;
    color: #3c763d !important; }

.notice-info {
  color: #31708f;
  background-color: #d9edf7;
  border-color: #bcdff1; }
  .notice-info .icon {
    border: 1px solid #31708f;
    color: #31708f !important; }

.notice-warning {
  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: #faf2cc; }
  .notice-warning .icon {
    border: 1px solid  #8a6d3b;
    color: #8a6d3b !important; }

.notice-danger {
  color: #a94442;
  background-color: #f2dede;
  border-color: #ebcccc; }
  .notice-danger .icon {
    border: 1px solid  #a94442;
    color: #a94442 !important; }

/* misc
-----------------------------------------------------------------------*/
.toAnimate {
  opacity: 0; }

.animated {
  opacity: 1; }

.no-padding {
  padding: 0 !important; }

.col-left {
  padding-left: 0 !important; }

.bt-lightgray {
  border-top: 1px solid #ebebeb; }

.lrm0 {
  margin-left: 0;
  margin-right: 0; }

.center {
  margin-left: auto !important;
  margin-right: auto !important; }

.pointer {
  cursor: pointer; }

.force-row {
  width: 100% !important; }

/* spinner animation
-----------------------------------------------------------------------*/
.spinner {
  margin: 20px auto;
  width: 35px;
  height: 18px;
  text-align: right;
  font-size: 10px; }
  .spinner > div {
    background-color: #008c90;
    height: 100%;
    width: 6px;
    display: inline-block;
    -moz-animation: sk-stretchdelay 1.2s infinite ease-in-out;
    -o-animation: sk-stretchdelay 1.2s infinite ease-in-out;
    -webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out;
    animation: sk-stretchdelay 1.2s infinite ease-in-out; }
  .spinner .rect2 {
    -moz-animation-delay: -1.1s;
    -o-animation-delay: -1.1s;
    -webkit-animation-delay: -1.1s;
    animation-delay: -1.1s; }
  .spinner .rect3 {
    -moz-animation-delay: -1.0s;
    -o-animation-delay: -1.0s;
    -webkit-animation-delay: -1.0s;
    animation-delay: -1.0s; }
  .spinner .rect4 {
    -moz-animation-delay: -0.9s;
    -o-animation-delay: -0.9s;
    -webkit-animation-delay: -0.9s;
    animation-delay: -0.9s; }
  .spinner .rect5 {
    -moz-animation-delay: -0.8s;
    -o-animation-delay: -0.8s;
    -webkit-animation-delay: -0.8s;
    animation-delay: -0.8s; }

@keyframes sk-stretchdelay {
  0%, 40%, 100% {
    -moz-transform: scaleY(0.4);
    -ms-transform: scaleY(0.4);
    -o-transform: scaleY(0.4);
    -webkit-transform: scaleY(0.4);
    transform: scaleY(0.4); }
  20% {
    -moz-transform: scaleY(1);
    -ms-transform: scaleY(1);
    -o-transform: scaleY(1);
    -webkit-transform: scaleY(1);
    transform: scaleY(1); } }

@-webkit-keyframes sk-stretchdelay {
  0%, 40%, 100% {
    -moz-transform: scaleY(0.4);
    -ms-transform: scaleY(0.4);
    -o-transform: scaleY(0.4);
    -webkit-transform: scaleY(0.4);
    transform: scaleY(0.4); }
  20% {
    -moz-transform: scaleY(1);
    -ms-transform: scaleY(1);
    -o-transform: scaleY(1);
    -webkit-transform: scaleY(1);
    transform: scaleY(1); } }

@-moz-keyframes name {
  0%, 40%, 100% {
    -moz-transform: scaleY(0.4);
    -ms-transform: scaleY(0.4);
    -o-transform: scaleY(0.4);
    -webkit-transform: scaleY(0.4);
    transform: scaleY(0.4); }
  20% {
    -moz-transform: scaleY(1);
    -ms-transform: scaleY(1);
    -o-transform: scaleY(1);
    -webkit-transform: scaleY(1);
    transform: scaleY(1); } }

/** Specific spinners **/
.spinner[name*='location-map'] {
  position: absolute;
  margin: auto;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0; }

.spinner[name*='location-map'],
.spinner[name*='map'],
.spinner[name*='profile-calendar'],
.spinner[name*='public-profile-feed'],
.spinner[name*='whats-new'],
.spinner[name*='dashboard-group-list'],
.spinner[name*='dashboard-user-list'],
.spinner[name*='Conselhos FitMap'],
.spinner[name*='test'] {
  margin: 20px auto; }

.spinner[name*='location-map'] > div,
.spinner[name*='profile-calendar'] > div,
.spinner[name*='public-profile-feed'] > div,
.spinner[name*='dashboard-user-list-bottom'] > div {
  background-color: #008c90; }

.spinner[name*='dashboard-user-list-bottom'] {
  margin-left: auto;
  margin-right: auto; }

@keyframes (fadeInfromNone) {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

/* NG PLUS SPINNER
-----------------------------------------------------------------------*/
.ngplus-overlay-background {
  top: 0px;
  left: 0px;
  padding-left: 100px;
  position: absolute;
  z-index: 10000;
  height: 100%;
  width: 100%;
  background-color: #808080;
  opacity: 0.2; }

.ngplus-overlay-content {
  position: absolute;
  /*border: 1px solid #000;*/
  /*background-color: #fff;*/
  font-weight: bold;
  height: 100px;
  width: 300px;
  height: 15em;
  width: 20em;
  z-index: 10000;
  text-align: center; }

.page-spinner-message {
  text-align: center;
  font-size: 400%;
  font-weight: normal;
  -webkit-text-shadow: 2px 2px #000000;
  text-shadow: 2px 2px #000000;
  text-shadow: 2px 2px rgba(0, 0, 0, 0.15);
  text-transform: uppercase;
  text-decoration: none;
  color: #F58A00;
  padding: 0; }

.page-spinner-message.page-spinner-message-subtle {
  margin: 30% auto 0 auto;
  font-size: 200%; }

.overlay-message {
  font-size: 200%; }

.overlay-spinner {
  margin: 20% auto 0 auto;
  left: auto;
  top: auto !important; }

/*--------------------------------------------------------------------
component: misc icons
Version: 2.0 - 2016
-----------------------------------------------------------------------*/
.icon-user-male {
  background: url("/Content/Images/icon-user-male.png") center center no-repeat;
  background-size: cover;
  display: inline-block;
  min-width: 18px;
  min-height: 18px; }

/*--------------------------------------------------------------------
component: iconmoon
Version: 2.0 - 2016
-----------------------------------------------------------------------*/
@font-face {
  font-family: "icomoon";
  src: url("../Fonts/icomoon.eot");
  src: url("../Fonts/icomoon.eot?#iefix") format("embedded-opentype"), url("../Fonts/icomoon.woff") format("woff"), url("../Fonts/icomoon.ttf") format("truetype"), url("../Fonts/icomoon.svg#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-shadow: rgba(0, 0, 0, 0.01) 0 0 1px; }

@font-face {
  font-family: "Ionicons";
  src: url("../Fonts/ionicons.eot");
  src: url("../Fonts/ionicons.eot?#iefix") format("embedded-opentype"), url("../Fonts/ionicons.woff") format("woff"), url("../Fonts/ionicons.ttf") format("truetype"), url("../Fonts/ionicons.svg#Ionicons") format("svg");
  font-weight: normal;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-shadow: rgba(0, 0, 0, 0.01) 0 0 1px; }

[class^="glyphicon-"], [class*=" glyphicon-"],
[class^="icon-"], [class*=" icon-"] {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.icon-football:before {
  content: "\e900"; }

.icon-bike:before {
  content: "\e901"; }

.icon-basket:before {
  content: "\e902"; }

.icon-volley:before {
  content: "\e903"; }

.icon-run:before {
  content: "\e904"; }

.icon-skate:before {
  content: "\e905"; }

.icon-golf:before {
  content: "\e906"; }

.icon-tennis:before,
.icon-tenis:before {
  content: "\e907"; }

.icon-rugby:before {
  content: "\e908"; }

.icon-walk:before {
  content: "\e909"; }

.icon-row:before {
  content: "\e90a"; }

.icon-gym:before {
  content: "\e90b"; }

.icon-equipment:before {
  content: "\e90c"; }

.icon-escalade:before {
  content: "\e90d"; }

.icon-rollerskate:before {
  content: "\e90e"; }

.icon-general:before {
  content: "\e90f"; }

.icon-money:before {
  content: "\e910"; }

.icon-podium:before {
  content: "\e911"; }

.icon-calendar:before {
  content: "\e912"; }

.icon-map:before {
  content: "\e913"; }

.icon-testesaude:before {
  content: "\e914"; }

.icon-monitor:before {
  content: "\e915"; }

.icon-jump:before {
  content: "\e916"; }

.icon-add-calendar:before {
  content: "\e917"; }

.icon-del-calendar:before {
  content: "\e918"; }

.icon-add-group:before {
  content: "\e919"; }

.icon-del-group:before {
  content: "\e91a"; }

.icon-home:before {
  content: "\e91b"; }

.icon-add:before {
  content: "\e91c"; }

.icon-cancel:before {
  content: "\e91d"; }

.icon-approve:before {
  content: "\e91e"; }

.icon-edit:before {
  content: "\e91f"; }

.icon-comment:before {
  content: "\e920"; }

.icon-like:before {
  content: "\e921"; }

.icon-group:before {
  content: "\e922"; }

.icon-lock:before {
  content: "\e923"; }

.icon-fb:before {
  content: "\e924"; }

.icon-tw:before {
  content: "\e925"; }

.icon-youtube:before {
  content: "\e926"; }

.icon-ggl:before {
  content: "\e927"; }

.icon-pin:before {
  content: "\e928"; }

.icon-group-pending:before {
  content: "\e929"; }

.icon-calendar-pending:before {
  content: "\e92a"; }

.glyphicon-chevron-down:before,
.icon-chevron-down:before {
  content: "\f0a3"; }

.glyphicon-chevron-left:before,
.icon-chevron-left:before {
  content: "\f0a4"; }

.glyphicon-chevron-right:before,
.icon-chevron-right:before {
  content: "\f078"; }

.glyphicon-chevron-up:before,
.icon-chevron-up:before {
  content: "\f0a2"; }

/*--------------------------------------------------------------------
component: Ionicons, v2.0.1
Version: 1.0 - 2016
-----------------------------------------------------------------------*/
[class^="seticons-"], [class*=" seticons-"] {
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  display: inline-block;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: middle;
  display: inline-block;
  width: 1.5rem;
  height: 1.5rem;
  line-height: 24.5px;
  text-align: center;
  color: #fff;
  cursor: pointer;
  margin: 0 8px; }

[class^="seticons-"]:before,
[class*=" seticons-"]:before {
  padding: 8px;
  border-radius: 50%; }

.seticons-tw:before {
  background: #55acee; }

.seticons-fb:before {
  background: #4764a1; }

.seticons-ggl:before {
  background: #d0422a; }

.seticons-youtube:before {
  background: #c00000; }

/*--------------------------------------------------------------------
component: weather icons
@see https://github.com/erikflowers/weather-icons/
@see https://gist.github.com/bzerangue/805520

Version: 2.0 - 2016
-----------------------------------------------------------------------*/
.jq_weather_details i {
  font-family: 'weathericons';
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.icon-0:before {
  content: "\f056"; }

.icon-1:before {
  content: "\f068"; }

.icon-2:before {
  content: "\f073"; }

.icon-3:before {
  content: "\f01e"; }

.icon-4:before {
  content: "\f01e"; }

.icon-5:before {
  content: "\f007"; }

.icon-6:before {
  content: "\f007"; }

.icon-7:before {
  content: "\f007"; }

.icon-8:before {
  content: "\f007"; }

.icon-9:before {
  content: "\f009"; }

.icon-10:before {
  content: "\f007"; }

.icon-11:before {
  content: "\f009"; }

.icon-12:before {
  content: "\f009"; }

.icon-13:before {
  content: "\f009"; }

.icon-14:before {
  content: "\f009"; }

.icon-15:before {
  content: "\f007"; }

.icon-16:before {
  content: "\f009"; }

.icon-17:before {
  content: "\f007"; }

.icon-18:before {
  content: "\f0b5"; }

.icon-19:before {
  content: "\f003"; }

.icon-20:before {
  content: "\f003"; }

.icon-21:before {
  content: "\f003"; }

.icon-22:before {
  content: "\f003"; }

.icon-23:before {
  content: "\f003"; }

.icon-24:before {
  content: "\f012"; }

.icon-25:before {
  content: "\f012"; }

.icon-26:before {
  content: "\f002"; }

.icon-27:before {
  content: "\f013"; }

.icon-28:before {
  content: "\f013"; }

.icon-29:before {
  content: "\f013"; }

.icon-30:before {
  content: "\f083"; }

.icon-31:before {
  content: "\f00d"; }

.icon-32:before {
  content: "\f00d"; }

.icon-33:before {
  content: "\f00d"; }

.icon-34:before {
  content: "\f00d"; }

.icon-35:before {
  content: "\f007"; }

.icon-36:before {
  content: "\f001"; }

.icon-37:before {
  content: "\f00c"; }

.icon-38:before {
  content: "\f01e"; }

.icon-39:before {
  content: "\f01e"; }

.icon-40:before {
  content: "\f00e"; }

.icon-41:before {
  content: "\f007"; }

.icon-42:before {
  content: "\f009"; }

.icon-43:before {
  content: "\f007"; }

.icon-44:before {
  content: "\f013"; }

.icon-45:before {
  content: "\f01e"; }

.icon-46:before {
  content: "\f0b5"; }

.icon-47:before {
  content: "\f01e"; }

/*--------------------------------------------------------------------
component: BASEICONS
Version: 1.0 - 2015
@see Deco jquery.plugins.js file
-----------------------------------------------------------------------*/
[class*="baseicons-"], [class^="baseicons-"] {
  display: inline-block;
  background: transparent url("/Content/Images/seticons.png") 0 0 no-repeat; }

/*--------------------------------------------------------------------
component: buttons
Version: 1.0 - 2015
-----------------------------------------------------------------------*/
.btn {
  -webkit-border-top-left-radius: 60px;
  -moz-border-top-left-radius: 60px;
  border-top-left-radius: 60px;
  -webkit-border-top-right-radius: 60px;
  -moz-border-top-right-radius: 60px;
  border-top-right-radius: 60px;
  -webkit-border-bottom-right-radius: 60px;
  -moz-border-bottom-right-radius: 60px;
  border-bottom-right-radius: 60px;
  -webkit-border-bottom-left-radius: 60px;
  -moz-border-bottom-left-radius: 60px;
  border-bottom-left-radius: 60px;
  -webkit-transition: all 300ms linear;
  transition: all 300ms linear;
  color: #fff;
  border: 3px solid;
  cursor: pointer;
  padding: 5px 15px; }

.btn-primary {
  color: #fff;
  background: #0fa8aa;
  border-color: #0fa8aa; }
  .btn-primary:hover {
    border-color: #0fa8aa;
    background-color: transparent;
    color: #0fa8aa; }

.btn-register {
  color: #fff;
  background-color: #bf4c0a;
  border-color: #bf4c0a; }
  .btn-register:hover {
    border-color: #bf4c0a;
    color: #bf4c0a;
    background: transparent; }

.btn-all {
  background-color: #0fa8aa;
  -webkit-border-top-left-radius: 60px;
  -moz-border-top-left-radius: 60px;
  border-top-left-radius: 60px;
  -webkit-border-top-right-radius: 60px;
  -moz-border-top-right-radius: 60px;
  border-top-right-radius: 60px;
  -webkit-border-bottom-right-radius: 60px;
  -moz-border-bottom-right-radius: 60px;
  border-bottom-right-radius: 60px;
  -webkit-border-bottom-left-radius: 60px;
  -moz-border-bottom-left-radius: 60px;
  border-bottom-left-radius: 60px;
  color: #fff;
  display: inline-block;
  margin: 0 25px 10px;
  padding: 7px 10px;
  font-size: 16px;
  font-size: 1rem;
  -webkit-transition: all 0.5 ease-in-out;
  transition: all 0.5 ease-in-out; }
  .btn-all:hover {
    background-color: #0fa8aa;
    text-decoration: none;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    color: #fff; }

.btn-flat-green {
  background: #008c90;
  border: 0;
  color: #fff !important;
  font-size: 16px;
  font-size: 1rem;
  padding: 6px 15px; }
  .btn-flat-green:hover {
    text-decoration: none;
    background-color: #0fa8aa;
    color: #fff; }

.btn-flat-gray {
  border: 0;
  background: #9f9e9e;
  color: #fff !important;
  font-size: 14px;
  font-size: 0.875rem; }
  .btn-flat-gray:hover {
    background-color: #6e726e;
    color: #FFF; }

.btn-load-more {
  color: #008c90;
  text-decoration: none;
  font-size: 14px;
  font-size: 0.875rem;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  display: inline-block; }
  .btn-load-more i {
    background-color: #008c90;
    color: #fff;
    -webkit-border-top-left-radius: 50%;
    -moz-border-top-left-radius: 50%;
    border-top-left-radius: 50%;
    -webkit-border-top-right-radius: 50%;
    -moz-border-top-right-radius: 50%;
    border-top-right-radius: 50%;
    -webkit-border-bottom-right-radius: 50%;
    -moz-border-bottom-right-radius: 50%;
    border-bottom-right-radius: 50%;
    -webkit-border-bottom-left-radius: 50%;
    -moz-border-bottom-left-radius: 50%;
    border-bottom-left-radius: 50%;
    display: inline-block;
    margin-right: 5px;
    padding: 5px; }
  .btn-load-more:hover {
    text-decoration: none;
    color: #0fa8aa;
    border: 3px solid #0fa8aa;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out; }

.btn-join {
  display: block;
  color: #bf4c0a;
  text-align: center;
  font-size: 26px;
  font-size: 1.625rem;
  text-transform: uppercase;
  font-weight: 700; }
  .btn-join i {
    font-size: 40px;
    font-size: 2.5rem;
    display: inline-block;
    margin-bottom: 2px;
    vertical-align: middle; }

.widget .btn-join {
  margin-top: 15px; }

.btn-green__circular {
  background-color: #008c90;
  color: #fff;
  text-align: center;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  display: inline-block;
  width: 32px;
  height: 32px;
  line-height: 32px;
  -webkit-transition: all 0.5s ease-in;
  transition: all 0.5s ease-in;
  cursor: pointer; }
  .btn-green__circular .icon-approve {
    display: inline-block;
    vertical-align: middle; }

.btn-orange {
  background-color: #bf4c0a;
  color: #fff;
  text-align: center; }

.btn-orange__circular {
  background-color: #bf4c0a;
  color: #fff;
  display: inline-block;
  text-align: center;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  width: 32px;
  height: 32px;
  line-height: 32px;
  -webkit-transition: all 0.5s ease-in;
  transition: all 0.5s ease-in;
  cursor: pointer; }
  .btn-orange__circular .icon-cancel {
    display: inline-block;
    vertical-align: middle; }

/*--------------------------------------------------------------------
component: social buttons
Version: 1.0 - 2015
-----------------------------------------------------------------------*/
ul.share-buttons {
  list-style: none;
  padding: 0; }
  @media only screen and (max-width: 768px) {
    ul.share-buttons {
      padding-bottom: 20px; } }
  ul.share-buttons li {
    display: inline; }

.social-likes .fbshare {
  float: left;
  margin-top: 3px;
  margin-right: 5px; }

/*--------------------------------------------------------------------
component: loader
Version: 2.0 - 2016
-----------------------------------------------------------------------*/
.loader-container {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.3);
  z-index: 9999; }

.loader {
  background: #fff;
  -moz-animation: loading 1s infinite ease-in-out;
  -o-animation: loading 1s infinite ease-in-out;
  -webkit-animation: loading 1s infinite ease-in-out;
  animation: loading 1s infinite ease-in-out;
  width: 1em;
  height: 4em;
  color: #fff;
  text-indent: -9999em;
  margin: 25% 50%;
  position: absolute;
  font-size: 11px;
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -moz-animation-delay: -0.16s;
  -o-animation-delay: -0.16s;
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s; }
  .loader:before, .loader:after {
    background: #fff;
    -moz-animation: loading 1s infinite ease-in-out;
    -o-animation: loading 1s infinite ease-in-out;
    -webkit-animation: loading 1s infinite ease-in-out;
    animation: loading 1s infinite ease-in-out;
    width: 1em;
    height: 4em;
    position: absolute;
    top: 0;
    content: ''; }
  .loader:before {
    left: -1.5em;
    -moz-animation-delay: -0.32s;
    -o-animation-delay: -0.32s;
    -webkit-animation-delay: -0.32s;
    animation-delay: -0.32s; }
  .loader:after {
    left: 1.5em; }

/*  loader animation
-----------------------------------------------------------------------*/
@keyframes loading {
  0%,
  80%,
  100% {
    box-shadow: 0 0;
    height: 4em; }
  40% {
    box-shadow: 0 -2em;
    height: 5em; } }

@-moz-keyframes loading {
  0%,
  80%,
  100% {
    box-shadow: 0 0;
    height: 4em; }
  40% {
    box-shadow: 0 -2em;
    height: 5em; } }

@-webkit-keyframes loading {
  0%,
  80%,
  100% {
    box-shadow: 0 0;
    height: 4em; }
  40% {
    box-shadow: 0 -2em;
    height: 5em; } }

/*--------------------------------------------------------------------
component: custom upload
Version: 1.0 - 2015
-----------------------------------------------------------------------*/
.custom-upload {
  position: relative; }
  .custom-upload .custom-upload-action {
    position: absolute;
    overflow: hidden; }
    .custom-upload .custom-upload-action:hover .icon {
      -webkit-transition: all 0.5s ease-in;
      transition: all 0.5s ease-in; }
    .custom-upload .custom-upload-action .icon {
      position: absolute;
      z-index: 1;
      -webkit-transition: all 0.5s ease-out;
      transition: all 0.5s ease-out; }
    .custom-upload .custom-upload-action .input-file {
      cursor: pointer;
      opacity: 0;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
      position: absolute;
      z-index: 2; }
  .custom-upload .custom-upload-image {
    position: relative;
    z-index: 10; }
  .custom-upload .cropArea {
    overflow: hidden;
    width: 540px;
    height: 350px; }
  .custom-upload form .progress {
    line-height: 15px; }
  .custom-upload .progress {
    display: inline-block;
    width: 100px;
    border: 3px groove #CCC; }
  .custom-upload .progress div {
    font-size: smaller;
    width: 0; }

/*--------------------------------------------------------------------
component: profile editor picture upload
Version: 1.0 - 2015
-----------------------------------------------------------------------*/
.profile-editor .custom-upload {
  float: left;
  text-align: center;
  position: relative; }
  .profile-editor .custom-upload .custom-upload-action {
    right: 0;
    bottom: 0;
    width: 60px;
    height: 60px;
    z-index: 20;
    text-align: left; }
    .profile-editor .custom-upload .custom-upload-action:hover .icon {
      color: #fff;
      background-color: #0fa8aa; }
    .profile-editor .custom-upload .custom-upload-action .icon {
      color: #fff;
      border-radius: 50%;
      background-color: #008c90;
      width: 50px;
      height: 50px;
      line-height: 56px;
      text-align: center;
      font-size: 2.1em;
      border: 4px solid #fff; }
    .profile-editor .custom-upload .custom-upload-action .input-file {
      width: 56px;
      height: 56px; }
  .profile-editor .custom-upload .custom-upload-image {
    margin: 20px auto;
    width: 180px;
    height: 180px; }
    .profile-editor .custom-upload .custom-upload-image .picture {
      width: 180px;
      height: 180px;
      -moz-border-radius: 50%;
      -webkit-border-radius: 50%;
      border-radius: 50%; }

/*--------------------------------------------------------------------
component: breadcrumbs
Version: 1.0 - 2016
-----------------------------------------------------------------------*/
.breadcrumbs {
  position: relative; }
  @media only screen and (max-width: 768px) {
    .breadcrumbs {
      margin-bottom: 0; } }
  .breadcrumbs li {
    position: relative;
    float: left;
    /* GIVE EVERY CHILD A DIFFERENT COLOR */ }
    @media only screen and (max-width: 768px) {
      .breadcrumbs li {
        float: none;
        display: inline-block; } }
    .breadcrumbs li a,
    .breadcrumbs li span {
      display: block;
      padding: 0 10px 0 30px;
      line-height: 31px;
      color: #fff;
      background: #b3d7d7; }
      @media only screen and (max-width: 768px) {
        .breadcrumbs li a,
        .breadcrumbs li span {
          background: transparent;
          padding-left: 10px; } }
    @media only screen and (max-width: 768px) {
      .breadcrumbs li span {
        color: #9f9e9e; } }
    @media only screen and (max-width: 768px) {
      .breadcrumbs li a {
        color: #008c90;
        text-decoration: underline; } }
    .breadcrumbs li i {
      color: #fff !important;
      font-size: 14px !important; }
      @media only screen and (max-width: 768px) {
        .breadcrumbs li i {
          color: #6e726e !important;
          font-size: 18px !important; } }
    .breadcrumbs li:after {
      content: '';
      position: absolute;
      top: 0;
      right: -20px;
      display: block;
      width: 0;
      height: 0;
      border-top: 16px solid transparent;
      border-bottom: 16px solid transparent;
      border-left: 15px solid #b3d7d7;
      z-index: 10; }
      @media only screen and (max-width: 768px) {
        .breadcrumbs li:after {
          content: '>';
          right: -3px;
          top: 5px;
          border: 0;
          margin-right: 10px;
          font-size: 18px; } }
    .breadcrumbs li:nth-child(1) a {
      background: #008c90;
      margin-right: 5px;
      padding: 0 9px;
      -moz-border-radius: 4px;
      -webkit-border-radius: 4px;
      border-radius: 4px; }
      @media only screen and (max-width: 768px) {
        .breadcrumbs li:nth-child(1) a {
          background: transparent;
          color: #9f9e9e; } }
    .breadcrumbs li:nth-child(1):after {
      border: 0; }
    .breadcrumbs li:nth-child(2) a {
      background: #0fa8aa;
      padding: 0 10px 0 10px;
      -webkit-border-top-left-radius: 4px;
      -moz-border-top-left-radius: 4px;
      border-top-left-radius: 4px;
      -webkit-border-top-right-radius: 0;
      -moz-border-top-right-radius: 0;
      border-top-right-radius: 0;
      -webkit-border-bottom-right-radius: 0;
      -moz-border-bottom-right-radius: 0;
      border-bottom-right-radius: 0;
      -webkit-border-bottom-left-radius: 4px;
      -moz-border-bottom-left-radius: 4px;
      border-bottom-left-radius: 4px; }
      @media only screen and (max-width: 768px) {
        .breadcrumbs li:nth-child(2) a {
          background: transparent; } }
    .breadcrumbs li:nth-child(2):after {
      border-left: 20px solid #0fa8aa; }
      @media only screen and (max-width: 768px) {
        .breadcrumbs li:nth-child(2):after {
          border-left: 0; } }
    .breadcrumbs li:nth-child(3) a {
      background: #b3d7d7; }
      @media only screen and (max-width: 768px) {
        .breadcrumbs li:nth-child(3) a {
          background: transparent;
          font-weight: 700; } }
    .breadcrumbs li:nth-child(3):after {
      border-left: 20px solid #b3d7d7; }
      @media only screen and (max-width: 768px) {
        .breadcrumbs li:nth-child(3):after {
          border-left: 0; } }
    .breadcrumbs li.active a, .breadcrumbs li.active span {
      background: #b3d7d7;
      color: #6e726e; }
      @media only screen and (max-width: 768px) {
        .breadcrumbs li.active a, .breadcrumbs li.active span {
          background: transparent; } }
    .breadcrumbs li.active:after {
      border-top: 15px solid transparent;
      border-bottom: 15px solid transparent;
      border-left: 20px solid #b3d7d7; }
      @media only screen and (max-width: 768px) {
        .breadcrumbs li.active:after {
          border: 0;
          content: ''; } }

/*--------------------------------------------------------------------
component: select2 
Version: 2.0 - 2016
-----------------------------------------------------------------------*/
.select2-container {
  display: inline-block;
  width: auto; }

.select2-container--default .select2-selection--single {
  border: 0 !important;
  border-radius: 0 !important; }

.select2-selection .select2-selection__rendered {
  font-size: 1.2em !important;
  font-family: 'Uni Sans Book', sans-serif !important;
  color: #9f9e9e !important; }

/*--------------------------------------------------------------------
component: calendar filter select
Version: 2.0 - 2016
-----------------------------------------------------------------------*/
.filter-container .select2-container {
  border: 1px solid #aaa;
  width: 100% !important; }

.filter-container .select2-dropdown {
  border: 1px solid #aaa; }

/*--------------------------------------------------------------------
component: sugestion form select
Version: 2.0 - 2016
-----------------------------------------------------------------------*/
.frm-suggestion-container .select2-container {
  border: 1px solid #f2f3f3; }

/*--------------------------------------------------------------------
component: card
Version: 1.0 - 2016
-----------------------------------------------------------------------*/
.card {
  padding: 2%;
  margin: 1.8%;
  width: 46%;
  height: 175px; }
  @media only screen and (max-width: 768px) {
    .card {
      height: 260px; } }
  .card .card-image img {
    height: 100px;
    width: 100px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%; }
  @media only screen and (max-width: 1200px) {
    .card .card-image {
      margin: 0 auto; } }
  @media only screen and (max-width: 1200px) {
    .card .card-article {
      text-align: center; } }
  .card .card-article h2 {
    font-size: 16px;
    font-size: 1rem;
    font-family: "Uni Sans Book", sans-serif;
    color: #008c90;
    margin-bottom: 0; }
  .card .card-article .location {
    color: #6e726e; }
  .card .card-article .description {
    color: #9f9e9e;
    font-size: 12px;
    font-size: 0.75rem; }
  .card .card-action {
    margin: 10px 0; }
    .card .card-action .card-action-link {
      color: #008c90;
      font-size: 14px;
      font-size: 0.875rem;
      cursor: pointer; }
      @media only screen and (max-width: 1200px) {
        .card .card-action .card-action-link {
          display: block;
          text-align: center;
          margin-bottom: 10px; } }
      .card .card-action .card-action-link i {
        vertical-align: middle;
        margin-right: 3px; }
      .card .card-action .card-action-link .icon-add {
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        border-radius: 50%;
        background-color: #008c90;
        color: #fff;
        font-size: 10px;
        font-size: 0.625rem;
        padding: 5px;
        margin-left: 10px; }
      .card .card-action .card-action-link:hover {
        color: #0fa8aa; }
        .card .card-action .card-action-link:hover .icon-add {
          background-color: #0fa8aa; }
  .card .card-invite {
    line-height: 190px; }
    .card .card-invite .center {
      line-height: 1em;
      font-size: 16px;
      font-size: 1rem;
      color: #bf4c0a;
      display: inline-block; }
      .card .card-invite .center > span {
        display: inline-block;
        width: 100%;
        margin-bottom: 10px;
        font-weight: 700; }
    .card .card-invite a {
      color: #008c90;
      -webkit-transition: all 0.2s ease-out;
      transition: all 0.2s ease-out;
      font-size: 14px;
      font-size: 0.875rem; }
      .card .card-invite a i {
        background-color: #008c90;
        color: #fff;
        padding: 5px;
        font-size: 0.8em;
        vertical-align: middle;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        border-radius: 50%;
        -webkit-transition: all 0.2s ease-out;
        transition: all 0.2s ease-out; }
      .card .card-invite a:hover {
        color: #0fa8aa;
        -webkit-transition: all 0.2s ease-in;
        transition: all 0.2s ease-in; }
        .card .card-invite a:hover i {
          background-color: #0fa8aa;
          -webkit-transition: all 0.2s ease-in;
          transition: all 0.2s ease-in; }

.card.white {
  background-color: #fff; }

/*--------------------------------------------------------------------
component: fitmap tabs
Version: 2.0 - 2016
-----------------------------------------------------------------------*/
.fm-tabs .tabs-container .tab-item {
  display: table;
  height: 100%;
  font-weight: 400;
  padding-left: 0;
  text-align: center;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out; }
  .fm-tabs .tabs-container .tab-item:hover .tab-handle {
    -webkit-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in; }

.fm-tabs .tabs-container .tab-handle {
  display: table-cell;
  height: 100%;
  cursor: pointer;
  outline: 0;
  border: none;
  vertical-align: middle; }

.fm-tabs .tabs-container .selected {
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out; }

/*--------------------------------------------------------------------
component: profile editor tabs
Version: 2.0 - 2016
-----------------------------------------------------------------------*/
.profile-editor .fm-tabs {
  margin: 0 auto 40px; }
  .profile-editor .fm-tabs .tabs-container {
    margin: 0;
    padding: 0;
    height: 80px;
    text-align: left; }
    @media only screen and (max-width: 768px) {
      .profile-editor .fm-tabs .tabs-container {
        margin: 0;
        padding: 0;
        float: left;
        width: 100%;
        height: auto; } }
    .profile-editor .fm-tabs .tabs-container .tab-item {
      float: left;
      width: 23%;
      margin-left: 2%;
      font-size: 1em;
      border-bottom: 2px solid #008c90; }
      @media only screen and (max-width: 768px) {
        .profile-editor .fm-tabs .tabs-container .tab-item {
          width: 100%;
          margin-left: 0; } }
      .profile-editor .fm-tabs .tabs-container .tab-item:first-child {
        margin-left: 0;
        width: 25%; }
        @media only screen and (max-width: 768px) {
          .profile-editor .fm-tabs .tabs-container .tab-item:first-child {
            width: 100%; } }
      .profile-editor .fm-tabs .tabs-container .tab-item:hover .tab-handle {
        background-color: #008c90;
        color: #fff; }
    .profile-editor .fm-tabs .tabs-container .tab-handle {
      padding: 0 7px;
      color: #6e726e;
      text-decoration: none;
      text-transform: uppercase; }
      @media only screen and (max-width: 768px) {
        .profile-editor .fm-tabs .tabs-container .tab-handle {
          padding: 10px 0; } }
    .profile-editor .fm-tabs .tabs-container .selected {
      font-weight: bold;
      background-color: #0fa8aa;
      color: #fff; }

/*--------------------------------------------------------------------
component: create event tabs
Version: 2.0 - 2016
-----------------------------------------------------------------------*/
.events.create .fm-tabs, .events.edit .fm-tabs {
  margin: 10px 2%;
  width: 96%; }
  .events.create .fm-tabs .tabs-container, .events.edit .fm-tabs .tabs-container {
    margin: 0;
    height: 40px;
    text-align: left; }
    @media only screen and (max-width: 768px) {
      .events.create .fm-tabs .tabs-container, .events.edit .fm-tabs .tabs-container {
        margin: 0;
        padding: 0;
        float: left;
        width: 100%;
        height: auto; } }
    .events.create .fm-tabs .tabs-container .tab-item, .events.edit .fm-tabs .tabs-container .tab-item {
      padding-left: 0;
      border-bottom: 1px solid #008c90;
      border-left: 1px solid #008c90; }
      @media only screen and (max-width: 768px) {
        .events.create .fm-tabs .tabs-container .tab-item, .events.edit .fm-tabs .tabs-container .tab-item {
          min-height: 52px;
          width: 100%;
          border-left: 0;
          border-bottom: 0; } }
      .events.create .fm-tabs .tabs-container .tab-item:first-child, .events.edit .fm-tabs .tabs-container .tab-item:first-child {
        margin-left: 0;
        border-left: 0;
        color: #008c90; }
      .events.create .fm-tabs .tabs-container .tab-item:hover .tab-handle, .events.edit .fm-tabs .tabs-container .tab-item:hover .tab-handle {
        background-color: #fff;
        color: #008c90; }
    .events.create .fm-tabs .tabs-container .tab-handle, .events.edit .fm-tabs .tabs-container .tab-handle {
      padding: 0 7px;
      color: #008c90;
      text-decoration: none;
      text-transform: uppercase;
      font-size: 14px;
      font-size: 0.875rem; }
      @media only screen and (max-width: 768px) {
        .events.create .fm-tabs .tabs-container .tab-handle, .events.edit .fm-tabs .tabs-container .tab-handle {
          padding-top: 8px;
          padding-bottom: 8px; } }
    .events.create .fm-tabs .tabs-container .selected, .events.edit .fm-tabs .tabs-container .selected {
      background-color: #fff; }

/*--------------------------------------------------------------------
component: pagination
Version: 2.0 - 2016
-----------------------------------------------------------------------*/
.pagination-wrapper {
  margin-top: 3%;
  width: 100%;
  float: left;
  text-align: center;
  display: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none; }
  .pagination-wrapper .pagination-nav {
    font-family: 'Uni Sans Book', sans-serif;
    font-size: 16px;
    font-size: 1rem;
    background-color: #008c90;
    color: #fff;
    display: inline-block;
    cursor: pointer;
    width: 25px;
    height: 25px;
    line-height: 25px;
    vertical-align: middle;
    text-align: center;
    border-radius: 50%;
    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out; }
    .pagination-wrapper .pagination-nav:hover {
      background-color: #0fa8aa;
      color: #fff;
      -webkit-transition: all 0.2s ease-in;
      transition: all 0.2s ease-in; }
  .pagination-wrapper .pagination {
    display: inline-block;
    margin: 0 20px; }
    .pagination-wrapper .pagination .selected {
      background-color: #008c90;
      color: #fff;
      -webkit-transition: all 0.2s ease-out;
      transition: all 0.2s ease-out; }
      .pagination-wrapper .pagination .selected:hover {
        background-color: #0fa8aa;
        -webkit-transition: all 0.2s ease-in;
        transition: all 0.2s ease-in; }
  .pagination-wrapper .pagination-item {
    padding: 5px;
    display: inline-block; }
  .pagination-wrapper .pagination-number,
  .pagination-wrapper .pagination-wrapper .number {
    font-family: 'Uni Sans Book', sans-serif;
    font-size: 16px;
    font-size: 1rem;
    color: #008c90;
    display: inline-block;
    cursor: pointer;
    width: 25px;
    height: 25px;
    line-height: 25px;
    vertical-align: middle;
    text-align: center;
    border-radius: 50%;
    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out; }
  .pagination-wrapper .pagination-number:hover {
    background-color: #0fa8aa;
    -webkit-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
    color: #fff; }

/*--------------------------------------------------------------------
component: scrollable content
Version: 2.0 - 2016
-----------------------------------------------------------------------*/
.ui-scrollable-area-wrap {
  position: relative;
  overflow: auto; }
  .ui-scrollable-area-wrap .ui-scrollable-area-body {
    width: 100%; }
  .ui-scrollable-area-wrap .always-visible.ps-container > .ps-scrollbar-x-rail,
  .ui-scrollable-area-wrap .always-visible.ps-container > .ps-scrollbar-y-rail {
    opacity: 0.6; }
  .ui-scrollable-area-wrap .ps-container:hover > .ps-scrollbar-x-rail, .ui-scrollable-area-wrap .ps-container:hover > .ps-scrollbar-y-rail {
    opacity: 1;
    color: #fff; }
  .ui-scrollable-area-wrap.ps-container.ps-in-scrolling.ps-y > ps-scrollbar-y-rail {
    background-color: #fff; }
  .ui-scrollable-area-wrap.ps-container:hover .ps-scrollbar-y {
    background: #0fa8aa; }
    .ui-scrollable-area-wrap.ps-container:hover .ps-scrollbar-y:hover {
      background: #0fa8aa;
      opacity: 1; }
      .ui-scrollable-area-wrap.ps-container:hover .ps-scrollbar-y:hover .ps-scrollbar-y {
        background: #0fa8aa;
        width: 5px; }
  .ui-scrollable-area-wrap.ps-container > .ps-scrollbar-y-rail {
    background: #fff;
    width: 5px;
    opacity: 1;
    display: block !important; }
    .ui-scrollable-area-wrap.ps-container > .ps-scrollbar-y-rail .ps-scrollbar-y {
      background: #0fa8aa;
      width: 5px; }
    .ui-scrollable-area-wrap.ps-container > .ps-scrollbar-y-rail:hover {
      opacity: 1;
      background: #fff; }
      .ui-scrollable-area-wrap.ps-container > .ps-scrollbar-y-rail:hover .ps-scrollbar-y {
        background: #0fa8aa;
        width: 5px; }
        .ui-scrollable-area-wrap.ps-container > .ps-scrollbar-y-rail:hover .ps-scrollbar-y:hover {
          background: #0fa8aa; }

.ps-container:hover > .ps-scrollbar-y-rail:hover > .ps-scrollbar-y {
  background-color: #0fa8aa; }

/*--------------------------------------------------------------------
component: angular-ui timepicker
Version: 1.0 - 2016

-----------------------------------------------------------------------*/
.uib-timepicker {
  padding: 0;
  display: inline-block;
  vertical-align: middle;
  font-size: 16px;
  font-size: 1rem;
  color: #008c90; }
  .uib-timepicker .btn {
    border: 0;
    padding: 0;
    color: #008c90; }
  .uib-timepicker .form-control {
    color: #008c90;
    font-size: 16px;
    font-size: 1rem; }

/*--------------------------------------------------------------------
component: jquery ui-datepicker
Version: 1.0 - 2016
-----------------------------------------------------------------------*/
.ui-datepicker {
  display: none;
  background-color: white;
  padding: 0;
  -webkit-box-shadow: 0 0 5px 3px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 0 5px 3px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 5px 3px rgba(0, 0, 0, 0.1);
  min-width: 220px; }
  .ui-datepicker .ui-datepicker-header {
    position: relative;
    background-color: #ebebeb;
    padding: 5px; }
  .ui-datepicker .ui-datepicker-next, .ui-datepicker .ui-datepicker-prev {
    cursor: pointer;
    font-size: 12px;
    font-size: 0.75rem;
    position: absolute;
    top: 7px;
    width: 16px;
    height: 16px; }
    .ui-datepicker .ui-datepicker-next span, .ui-datepicker .ui-datepicker-prev span {
      display: block;
      position: absolute;
      left: 50%;
      margin-left: -8px;
      top: 50%;
      margin-top: -8px;
      width: 16px;
      height: 16px;
      text-indent: -99999px;
      overflow: hidden;
      background-repeat: no-repeat; }
  .ui-datepicker .ui-datepicker-next {
    right: 5px; }
  .ui-datepicker .ui-datepicker-title {
    margin: 0 20px;
    line-height: 20px;
    text-align: center;
    font-size: 14px;
    font-size: 0.875rem; }
  .ui-datepicker .ui-datepicker-calendar {
    margin: 10px;
    font-size: 14px;
    font-size: 0.875rem;
    text-align: center; }
    .ui-datepicker .ui-datepicker-calendar a {
      min-width: 22px;
      display: block;
      margin: 2px; }
    .ui-datepicker .ui-datepicker-calendar th span {
      margin: 2px; }
    .ui-datepicker .ui-datepicker-calendar tr a.ui-state-highlight {
      background-color: #f2f3f3; }

/*--------------------------------------------------------------------
component: angular datepicker styles
Version: 2.0 - 2016
-----------------------------------------------------------------------*/
datepicker select, datepicker select:focus, datepicker select:hover,
.datepicker select, .datepicker select:focus, .datepicker select:hover,
[datepicker] select, [datepicker] select:focus, [datepicker] select:hover {
  background-color: #008c90; }

datepicker, .datepicker, [datepicker],
._720kb-datepicker-calendar-header,
._720kb-datepicker-calendar-body,
._720kb-datepicker-calendar-days-header,
._720kb-datepicker-calendar-years-pagination-pages {
  font-family: 'Uni Sans Book', sans-serif;
  font-size: 13px;
  font-size: 0.8125rem; }

._720kb-datepicker-calendar {
  background: #fff;
  color: #6e726e;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px; }

._720kb-datepicker-calendar._720kb-datepicker-open {
  visibility: visible; }

._720kb-datepicker-calendar-header {
  font-size: 16px;
  font-size: 1rem; }

._720kb-datepicker-calendar-header:nth-child(odd) {
  background: #008c90; }

._720kb-datepicker-calendar-header:nth-child(even) {
  background: #0fa8aa; }

._720kb-datepicker-calendar-header-closed-pagination::after {
  content: " \25BE"; }

._720kb-datepicker-calendar-header-opened-pagination::after {
  content: " \25F9"; }

._720kb-datepicker-calendar-header a, ._720kb-datepicker-calendar-header a:hover {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  color: #f2f3f3; }

._720kb-datepicker-calendar-header a:hover {
  color: #9f9e9e;
  background: #ebebeb; }

._720kb-datepicker-calendar-month {
  color: #fff; }

._720kb-datepicker-calendar-month span {
  color: #f2f3f3; }
  ._720kb-datepicker-calendar-month span:hover {
    color: #9f9e9e; }

._720kb-datepicker-calendar-years-pagination a, ._720kb-datepicker-calendar-years-pagination a:hover {
  font-size: 12px;
  font-size: 0.75rem; }

._720kb-datepicker-calendar-years-pagination a._720kb-datepicker-active {
  color: r #6e726e;
  font-weight: 500;
  background: #ebebeb; }

._720kb-datepicker-calendar-days-header {
  background: #ebebeb; }

._720kb-datepicker-calendar-days-header div {
  color: #6e726e; }

._720kb-datepicker-calendar-day._720kb-datepicker-disabled,
._720kb-datepicker-calendar-day._720kb-datepicker-disabled:hover,
._720kb-datepicker-calendar-years-pagination a._720kb-datepicker-disabled,
._720kb-datepicker-calendar-years-pagination a._720kb-datepicker-disabled:hover,
._720kb-datepicker-calendar-years-pagination a._720kb-datepicker-active._720kb-datepicker-disabled,
._720kb-datepicker-calendar-years-pagination a._720kb-datepicker-active._720kb-datepicker-disabled:hover {
  color: #b3d7d7;
  background: transparent; }

/*--------------------------------------------------------------------
Version: 2.0 - 2016
-----------------------------------------------------------------------*/
.uib-datepicker-popup {
  background-color: #fff;
  padding: 10px;
  color: #008c90;
  position: absolute;
  z-index: 1;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  -moz-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1);
  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1);
  border: 1px solid #ebebeb; }
  .uib-datepicker-popup .uib-daypicker th {
    color: #6e726e;
    font-size: 14px;
    font-size: 0.875rem; }
  .uib-datepicker-popup .uib-daypicker td {
    vertical-align: middle;
    font-size: 14px;
    font-size: 0.875rem; }
  .uib-datepicker-popup .uib-title {
    font-size: 14px;
    font-size: 0.875rem;
    text-transform: uppercase; }
  .uib-datepicker-popup .btn {
    border: 0;
    background-color: transparent;
    color: #008c90; }
    .uib-datepicker-popup .btn span {
      font-size: 14px;
      font-size: 0.875rem; }
  .uib-datepicker-popup .btn-info {
    padding: 0; }
  .uib-datepicker-popup .btn-success {
    color: #6e726e;
    padding-right: 0; }
  .uib-datepicker-popup .h6 {
    font-style: normal;
    color: #9f9e9e; }
  .uib-datepicker-popup span.text-muted,
  .uib-datepicker-popup .text-muted {
    color: #9f9e9e !important; }

/*--------------------------------------------------------------------
component: angular star rating
Version: 1.0 - 2016
-----------------------------------------------------------------------*/
.angular-input-stars {
  margin-bottom: 10px;
  color: #008c90; }
  .angular-input-stars > li {
    padding-left: 0;
    font-size: 22px; }
    .angular-input-stars > li .active {
      color: #008c90 !important;
      text-shadow: none !important; }
    .angular-input-stars > li .fa {
      -webkit-transition: all 0.2s ease-out;
      transition: all 0.2s ease-out; }
    .angular-input-stars > li .angular-input-stars-hover {
      -webkit-transition: all 0.2s ease-in;
      transition: all 0.2s ease-in;
      text-shadow: none !important; }

/*--------------------------------------------------------------------
component: image gallery
Version: 2.0 - 2016
-----------------------------------------------------------------------*/
.gallery .item-container {
  position: relative; }

.gallery .actions {
  position: absolute;
  top: 0;
  right: 0; }
  .gallery .actions .delete {
    color: #fff;
    background-color: #bf4c0a;
    text-align: center;
    padding: 3px;
    width: 12px;
    height: 12px;
    display: block;
    line-height: 12px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    box-shadow: -1px 1px 3px rgba(0, 0, 0, 0.3);
    cursor: pointer; }

/*--------------------------------------------------------------------
component: events image gallery
Version: 2.0 - 2016
-----------------------------------------------------------------------*/
.events .gallery .item-container {
  width: 18%;
  margin-left: 2%;
  margin-bottom: 2%;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  min-height: 136px; }
  .events .gallery .item-container:nth-child(5n+1) {
    margin-left: 1.2%; }

.events .gallery .actions {
  position: absolute;
  top: 0;
  right: 0; }

/*--------------------------------------------------------------------
component: fm-slidedhow
Version: 2.0 - 2016
-----------------------------------------------------------------------*/
.fm-slideshow .action {
  cursor: pointer;
  padding-left: 0; }

.fm-slideshow .slides {
  position: relative;
  overflow: hidden; }
  .fm-slideshow .slides .slides-wrap {
    position: absolute;
    top: 0;
    left: 0; }

.fm-slideshow .slide {
  float: left;
  margin-left: 10px; }
  .fm-slideshow .slide:first-child {
    margin-left: 0; }

/*--------------------------------------------------------------------
component: event image slideshow
Version: 2.0 - 2016
-----------------------------------------------------------------------*/
.events .fm-slideshow .slides {
  min-height: 110px; }
  .events .fm-slideshow .slides .slides-wrap {
    min-height: 110px; }

.events .fm-slideshow .slide {
  width: 150px;
  height: auto;
  min-height: 112px;
  line-height: 112px;
  overflow: hidden; }
  .events .fm-slideshow .slide span {
    display: inline-block;
    vertical-align: middle; }

.events .fm-slideshow .action {
  font-size: 82px;
  font-size: 5.125rem;
  color: #008c90; }
  .events .fm-slideshow .action span {
    vertical-align: middle; }

/*--------------------------------------------------------------------
component: alert
Version: 1.0 - 2016
-----------------------------------------------------------------------*/
.alert {
  padding: 8px;
  margin-bottom: 20px;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
  background-color: #f2f3f3;
  border: 1px solid #ebebeb;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -moz-box-shadow: 0 3px 0 rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 3px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 3px 0 rgba(0, 0, 0, 0.1); }
  .alert.error {
    background-color: #fcecef;
    color: #df3b3b;
    -moz-box-shadow: 0 3px 0 rgba(223, 59, 59, 0.1);
    -webkit-box-shadow: 0 3px 0 rgba(223, 59, 59, 0.1);
    box-shadow: 0 3px 0 rgba(223, 59, 59, 0.1); }
  .alert .inner-block {
    background-color: #fff;
    color: #9f9e9e;
    padding: 8px; }
  .alert [class^="btn"] {
    display: inline-block;
    font-size: 14px;
    font-size: 0.875rem;
    margin-left: 10px; }

/*--------------------------------------------------------------------
component: sweet alert
Version: 2.0 - 2016
-----------------------------------------------------------------------*/
.sa-confirm-button-container {
  display: inline-block; }

/*--------------------------------------------------------------------
module: webfour
Version: 1.0 - 2016
-----------------------------------------------------------------------*/
@media screen and (min-width: 53.1875em) {
  .masthead__top {
    background-color: #303030;
    background: -webkit-linear-gradient(top, #303030 0%, #303030 83%, #2d2d2d 88%, #242424 95%, #262626 100%);
    background: linear-gradient(to bottom, #303030 0%, #303030 83%, #2d2d2d 88%, #242424 95%, #262626 100%);
    border-bottom: 4px solid #e0dfde;
    float: left;
    width: 100%;
    font-size: 10px;
    font-family: Prelo, sans-serif; }
  .secondary-nav {
    margin: 0 0 0 -15px;
    float: left; }
    .secondary-nav .icon-font {
      color: #6a6a69; }
    .secondary-nav .secondary-nav__item {
      display: inline-block;
      vertical-align: middle;
      padding: 0 1.2rem;
      color: #e0dfde;
      height: 3em; }
  .masthead__constrained {
    margin: 0 auto;
    padding: 0 1rem;
    max-width: 73rem;
    width: auto;
    position: static;
    height: auto; }
  .masthead--mobile-portal .secondary-nav__item {
    font-weight: 700; }
  .ie7 .secondary-nav__item {
    float: left; }
  .secondary-nav__link {
    font-size: 1rem;
    line-height: 3rem;
    color: #e0dfde; }
  .secondary-nav__link.phone-link {
    font-weight: normal; }
  .secondary-nav__link.secondary-nav__link--larger {
    font-size: 1.2rem;
    font-family: Prelo, sans-serif; }
  .masthead__desktop__inner {
    display: table;
    width: 100%;
    height: 11rem;
    vertical-align: middle;
    border-collapse: collapse; }
  .masthead__desktop__inner:before {
    content: '';
    display: table-cell;
    width: 26.5rem; }
  .masthead__mobile-only,
  .masthead__mobile-btns {
    display: none; } }

@media screen and (max-width: 53.125em) {
  .masthead__top {
    display: none; } }

@media screen and (min-width: 65.625em) {
  .masthead__search input {
    width: 28.5rem; } }

.web4-nav {
  margin: 0;
  float: right;
  height: 3rem; }

.web4-nav__item {
  display: inline-block; }

.web4-nav__link {
  display: inline-block;
  margin-top: 0.3rem;
  padding: 0 0.9rem;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  height: 2.8rem;
  line-height: 2.8rem;
  font-weight: 700;
  color: #FFFFFF;
  font-size: 13px; }

.web4-nav__link--selected {
  background-color: #e0dfde;
  color: #4a4a4a; }

.web4-nav ul li {
  list-style: none;
  list-style-image: url(data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==); }

.fly-out__wrapper {
  position: relative;
  display: inline-block;
  padding-right: 1rem; }

.fly-out__wrapper:hover .fly-out__pane,
.fly-out__wrapper:focus .fly-out__pane {
  display: block; }

.fly-out__wrapper.web4-nav__item {
  padding-right: 0; }

.fly-out__trigger {
  position: relative;
  z-index: 700;
  font-size: 13px;
  height: 3.5rem; }

.fly-out__trigger .icon:before {
  vertical-align: middle; }

.fly-out__pane {
  position: absolute;
  display: none;
  top: 3.6rem;
  padding: 1.5rem;
  top: 100%;
  right: -1px;
  z-index: 1002;
  border-radius: 5px;
  background: #303030;
  color: #FFFFFF;
  min-width: 20rem; }

.fly-out__pane:after {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  border-right: 8px solid transparent;
  border-left: 8px solid transparent;
  border-bottom: 8px solid #303030;
  top: -8px;
  right: 1.6rem; }

.fly-out__pane a {
  color: #FFFFFF;
  display: block;
  padding: 1rem;
  font-size: 15px; }

.fly-out__pane a:hover {
  background: #4a4a4a;
  text-decoration: none; }

.fly-out__pane .web4-nav__link--selected {
  background: #4a4a4a !important; }

/*--------------------------------------------------------------------
componenent: header
Version: 1.0 - 2015
-----------------------------------------------------------------------*/
.m-hdr {
  margin-bottom: 60px;
  width: 100%; }

.m-hdr-background {
  width: 100%;
  position: relative;
  float: left;
  background: #ccc;
  padding-top: 304px;
  padding-bottom: 0;
  background-size: cover;
  background-position: center bottom; }

.m-hdr-shadow {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 150px;
  width: 100%;
  background-image: -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.3) 60%, rgba(0, 0, 0, 0.65));
  background-image: -moz-linear-gradient(transparent, rgba(0, 0, 0, 0.3) 60%, rgba(0, 0, 0, 0.65));
  background-image: -o-linear-gradient(transparent, rgba(0, 0, 0, 0.3) 60%, rgba(0, 0, 0, 0.65));
  background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.3) 60%, rgba(0, 0, 0, 0.65));
  visibility: visible;
  -webkit-transition: visibility 0.4s,opacity 0.4s;
  -moz-transition: visibility 0.4s,opacity 0.4s;
  -o-transition: visibility 0.4s,opacity 0.4s;
  transition: visibility 0.4s,opacity 0.4s;
  z-index: 0; }

.m-hdr-background-generic {
  background-image: url(/content/Images/hdr_bg_walk.jpg); }

.m-hdr-background-walk {
  background-image: url(/content/Images/hdr_bg_walk.jpg); }

.m-hdr-background-basket {
  background-image: url(/content/Images/hdr_bg_basket.jpg); }

.m-hdr-background-football {
  background-image: url(/content/Images/hdr_bg_football.jpg); }

.m-hdr-background-bike {
  background-image: url(/content/Images/hdr_bg_bike.jpg); }

.m-hdr-background-volley {
  background-image: url(/content/Images/hdr_bg_volley.jpg);
  background-position: left -300px; }

.m-hdr-background-run {
  background-image: url(/content/Images/hdr_bg_run.jpg);
  background-position: left center; }

.m-hdr-background-skate {
  background-image: url(/content/Images/hdr_bg_skate.jpg); }

.m-hdr-background-golf {
  background-image: url(/content/Images/hdr_bg_golf.jpg); }

.m-hdr-background-tenis {
  background-image: url(/content/Images/hdr_bg_tenis.jpg); }

.m-hdr-background-rugby {
  background-image: url(/content/Images/hdr_bg_rugby.jpg); }

.m-hdr-background-gym {
  background-image: url(/content/Images/hdr_bg_gym.jpg); }

.m-hdr-background-row {
  background-image: url(/content/Images/hdr_bg_row.jpg); }

.m-hdr-background-equipment {
  background-image: url(/content/Images/hdr_bg_gym.jpg); }

.m-hdr-background-escalade {
  background-image: url(/content/Images/hdr_bg_escalade.jpg); }

.m-hdr-background-rollerskate {
  background-image: url(/content/Images/hdr_bg_rollerskate.jpg); }

/*--------------------------------------------------------------------
componenent: Cookies bar
Version: 1.0 - feb 2015
-----------------------------------------------------------------------*/
.wgt-cookies {
  display: none;
  background-color: #008c90;
  color: #fff;
  padding: 10px;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.2em;
  margin-bottom: 0;
  z-index: 900;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  box-shadow: 2px 0 8px #226b78; }
  .wgt-cookies a {
    color: #fff;
    font-size: 14px;
    font-size: 0.875rem;
    display: inline-block; }
    .wgt-cookies a:hover {
      text-decoration: underline; }
    .wgt-cookies a.jq_cookies_close {
      font-size: 18px;
      font-size: 1.125rem;
      margin-left: 20px;
      margin-right: 20px; }
      @media only screen and (max-width: 768px) {
        .wgt-cookies a.jq_cookies_close {
          margin-top: 10px;
          font-size: 14px;
          font-size: 0.875rem;
          margin-left: 0; } }
      .wgt-cookies a.jq_cookies_close:hover {
        text-decoration: none;
        color: #f2f3f3; }

/*--------------------------------------------------------------------
componenent: navigation
Version: 1.0 - feb 2016
-----------------------------------------------------------------------*/
.wgt-nav {
  text-align: right; }
  .wgt-nav ul {
    list-style-type: none;
    padding-top: 35px; }
    .wgt-nav ul > .nav-item {
      display: inline-block;
      line-height: 35px; }
      .wgt-nav ul > .nav-item .nav-item-link {
        display: block;
        padding: 5px 10px;
        text-transform: uppercase;
        color: #008c90; }
      .wgt-nav ul > .nav-item .btn {
        font-size: 1em; }
    .wgt-nav ul .user {
      margin-top: 0; }
  .wgt-nav ul.nav .nav-item-link {
    color: #fff; }
  .wgt-nav.logged-in .nav-item a {
    color: #fff;
    text-shadow: rgba(34, 107, 120, 0.8) 0 1px 0; }
    .wgt-nav.logged-in .nav-item a:hover {
      color: #fff;
      text-decoration: underline; }
  .wgt-nav .nav-me-wrapper {
    background-color: #008c90;
    border-radius: 60px;
    padding: 5px 15px;
    line-height: 1em; }
    @media only screen and (max-width: 768px) {
      .wgt-nav .nav-me-wrapper {
        padding: 0; } }
    .wgt-nav .nav-me-wrapper .nav-item {
      line-height: normal;
      position: relative; }
      @media only screen and (max-width: 768px) {
        .wgt-nav .nav-me-wrapper .nav-item {
          display: inline-block !important;
          width: auto !important;
          float: right; } }
      .wgt-nav .nav-me-wrapper .nav-item.open .dropdown {
        opacity: 1;
        visibility: visible; }
    .wgt-nav .nav-me-wrapper img {
      margin: 0;
      -moz-border-radius: 50%;
      -webkit-border-radius: 50%;
      border-radius: 50%; }
    .wgt-nav .nav-me-wrapper .profile-icon {
      width: 32px;
      height: 32px;
      position: relative;
      display: block; }
      .wgt-nav .nav-me-wrapper .profile-icon:hover {
        text-decoration: none;
        border-bottom: 0;
        cursor: pointer; }
      .wgt-nav .nav-me-wrapper .profile-icon .count {
        position: absolute;
        top: -10px;
        left: -10px;
        padding: 2px 4px;
        color: #fff;
        font-size: 10px;
        font-size: 0.625rem;
        text-shadow: rgba(0, 0, 0, 0.8) 0 1px 0;
        background-color: #bf4c0a;
        -webkit-border-top-left-radius: 4px;
        -moz-border-top-left-radius: 4px;
        border-top-left-radius: 4px;
        -webkit-border-top-right-radius: 4px;
        -moz-border-top-right-radius: 4px;
        border-top-right-radius: 4px;
        -webkit-border-bottom-right-radius: 4px;
        -moz-border-bottom-right-radius: 4px;
        border-bottom-right-radius: 4px;
        -webkit-border-bottom-left-radius: 4px;
        -moz-border-bottom-left-radius: 4px;
        border-bottom-left-radius: 4px; }
    .wgt-nav .nav-me-wrapper a.profile-name {
      display: inline-block;
      line-height: 25px;
      margin: 0 10px;
      max-width: 150px; }
      .wgt-nav .nav-me-wrapper a.profile-name span {
        line-height: normal;
        vertical-align: middle;
        display: inline-block; }
      .wgt-nav .nav-me-wrapper a.profile-name:hover {
        border-bottom: 0;
        text-decoration: underline; }
    .wgt-nav .nav-me-wrapper .action {
      display: inline-block;
      padding: 4px 4px 0;
      cursor: pointer; }
      .wgt-nav .nav-me-wrapper .action:hover {
        border-bottom: 0; }
      @media only screen and (max-width: 768px) {
        .wgt-nav .nav-me-wrapper .action {
          display: none; } }
    .wgt-nav .nav-me-wrapper .nav-submenu {
      left: auto;
      right: -15px; }
    @media only screen and (max-width: 768px) {
      .wgt-nav .nav-me-wrapper #t-icon {
        position: relative;
        z-index: 9100; } }
    .wgt-nav .nav-me-wrapper #t-icon .dropdown {
      background: #226b78;
      -webkit-border-top-left-radius: 4px;
      -moz-border-top-left-radius: 4px;
      border-top-left-radius: 4px;
      -webkit-border-top-right-radius: 0;
      -moz-border-top-right-radius: 0;
      border-top-right-radius: 0;
      -webkit-border-bottom-right-radius: 4px;
      -moz-border-bottom-right-radius: 4px;
      border-bottom-right-radius: 4px;
      -webkit-border-bottom-left-radius: 4px;
      -moz-border-bottom-left-radius: 4px;
      border-bottom-left-radius: 4px;
      -moz-box-shadow: 0 5px 6px rgba(0, 0, 0, 0.6);
      -webkit-box-shadow: 0 5px 6px rgba(0, 0, 0, 0.6);
      box-shadow: 0 5px 6px rgba(0, 0, 0, 0.6);
      border: 4px solid #226b78;
      top: 25px; }
      .wgt-nav .nav-me-wrapper #t-icon .dropdown:after, .wgt-nav .nav-me-wrapper #t-icon .dropdown:before {
        bottom: 100%;
        left: 94%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none; }
      .wgt-nav .nav-me-wrapper #t-icon .dropdown:after {
        border-color: rgba(34, 107, 120, 0);
        border-bottom-color: #226b78;
        border-width: 8px;
        margin-left: -8px; }
      .wgt-nav .nav-me-wrapper #t-icon .dropdown:before {
        border-color: rgba(34, 107, 120, 0);
        border-bottom-color: #226b78;
        border-width: 14px;
        margin-left: -14px; }
    @media only screen and (max-width: 768px) {
      .wgt-nav .nav-me-wrapper #t-profile {
        clear: both;
        margin-bottom: 0; } }
    @media only screen and (max-width: 768px) {
      .wgt-nav .nav-me-wrapper #t-profile .usermenu {
        top: 0;
        right: 0;
        display: block !important;
        position: relative !important;
        padding: 0;
        opacity: 1; } }
    @media only screen and (max-width: 768px) {
      .wgt-nav .nav-me-wrapper #t-profile .usermenu .arrow {
        display: none !important; } }

.m-hdr-comercial .wgt-nav ul {
  padding-top: 35px; }

/*--------------------------------------------------------------------
componenent: google maps
Version: 1.0 - feb 2016
-----------------------------------------------------------------------*/
.angular-google-map-container,
#map-canvas {
  height: 600px; }
  @media only screen and (max-width: 768px) {
    .angular-google-map-container,
    #map-canvas {
      height: 300px; } }

.map-loading {
  position: absolute;
  z-index: 1; }

@media only screen and (max-width: 768px) {
  .wgt-gmap .in-wrpp {
    width: 96%;
    padding: 2% !important; } }

@media only screen and (max-width: 768px) {
  .wgt-gmap .mt40 {
    margin-top: 20px; } }

@media only screen and (max-width: 768px) {
  .wgt-gmap .col-9 {
    width: 100%; } }

.wgt-gmap .sidebar {
  background-color: #008c90;
  color: #fff;
  padding-left: 0; }

.wgt-gmap .wgt-gmap-aside {
  padding: 3.4%;
  width: 93%; }
  @media only screen and (max-width: 768px) {
    .wgt-gmap .wgt-gmap-aside .btn-primary {
      margin-bottom: 20px;
      display: block; } }
  .wgt-gmap .wgt-gmap-aside .btn-primary:hover {
    color: #f2f3f3;
    border-color: #f2f3f3; }
  .wgt-gmap .wgt-gmap-aside a {
    display: inline-block; }

.wgt-gmap .btnMapIcons {
  width: 99.9%; }

.wgt-gmap .map-search-form .select2-container {
  border: 1px solid #f2f3f3;
  -webkit-border-top-left-radius: 4px;
  -moz-border-top-left-radius: 4px;
  border-top-left-radius: 4px;
  -webkit-border-top-right-radius: 4px;
  -moz-border-top-right-radius: 4px;
  border-top-right-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
  -moz-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -moz-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px; }
  @media only screen and (max-width: 768px) {
    .wgt-gmap .map-search-form .select2-container {
      width: 100% !important;
      font-size: 14px;
      font-size: 0.875rem; } }

.wgt-gmap .map-search-form .input-prepend {
  float: left;
  clear: both;
  width: 100%; }
  .wgt-gmap .map-search-form .input-prepend .add-on {
    width: 29px;
    height: 28px;
    line-height: 30px;
    background-color: #0fa8aa;
    border: 1px solid #b3d7d7;
    display: block;
    font-size: 22px;
    font-size: 1.375rem;
    color: #fff; }
    @media only screen and (max-width: 768px) {
      .wgt-gmap .map-search-form .input-prepend .add-on {
        display: none; } }
  .wgt-gmap .map-search-form .input-prepend .inp-search {
    font-size: 16px;
    font-size: 1rem;
    margin-bottom: 10px;
    padding: 1.73%;
    border: 1px solid #fff;
    width: 100%;
    -webkit-border-top-left-radius: 4px;
    -moz-border-top-left-radius: 4px;
    border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    -moz-border-top-right-radius: 4px;
    border-top-right-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -moz-border-bottom-right-radius: 4px;
    border-bottom-right-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-bottom-left-radius: 4px;
    border-bottom-left-radius: 4px; }
    @media only screen and (max-width: 768px) {
      .wgt-gmap .map-search-form .input-prepend .inp-search {
        width: 100%;
        -webkit-border-top-left-radius: 4px;
        -moz-border-top-left-radius: 4px;
        border-top-left-radius: 4px;
        -webkit-border-top-right-radius: 4px;
        -moz-border-top-right-radius: 4px;
        border-top-right-radius: 4px;
        -webkit-border-bottom-right-radius: 4px;
        -moz-border-bottom-right-radius: 4px;
        border-bottom-right-radius: 4px;
        -webkit-border-bottom-left-radius: 4px;
        -moz-border-bottom-left-radius: 4px;
        border-bottom-left-radius: 4px; } }
  .wgt-gmap .map-search-form .input-prepend .sel-search {
    max-width: 220px;
    min-width: 155px; }
    @media only screen and (max-width: 768px) {
      .wgt-gmap .map-search-form .input-prepend .sel-search {
        width: 100%; } }

.wgt-gmap .map-aside-logo {
  position: absolute;
  bottom: 30px;
  left: 0;
  right: 0;
  height: auto;
  max-height: 119px;
  margin: 0 auto;
  padding: 0 25px; }
  @media only screen and (max-width: 768px) {
    .wgt-gmap .map-aside-logo {
      position: relative;
      float: left;
      padding: 0;
      margin-top: 25px;
      margin-bottom: 25px;
      bottom: 0; } }

/*--------------------------------------------------------------------
componenent: google maps popup window
Version: 2.0 - feb 2016
-----------------------------------------------------------------------*/
.gmap-infowindow a {
  color: #008c90; }
  .gmap-infowindow a:hover {
    text-decoration: underline;
    color: #0fa8aa; }
  .gmap-infowindow a.btn-all {
    background-color: #008c90;
    color: #fff;
    margin: 0;
    padding: 5px 15px;
    font-size: 14px;
    font-size: 0.875rem;
    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out; }
    .gmap-infowindow a.btn-all:hover {
      background-color: #0fa8aa;
      -webkit-transition: all 0.2s ease-in;
      transition: all 0.2s ease-in;
      text-decoration: none; }

.gmap-infowindow p {
  padding: 10px;
  font-size: 1.2em;
  letter-spacing: 1px; }

.gmap-infowindow .header {
  margin-bottom: 20px; }
  .gmap-infowindow .header .title {
    line-height: 1.4em;
    color: #226b78;
    margin-bottom: 0; }

.gmap-infowindow .content {
  margin-bottom: 20px; }
  .gmap-infowindow .content .heading {
    font-size: 18px;
    font-size: 1.125rem;
    color: #008c90; }
  .gmap-infowindow .content .description {
    margin-bottom: 10px; }

.icon-working {
  background-image: url("/Content/Images/ajax-loader.gif"); }

/*--------------------------------------------------------------------
componenent: generic google maps page (/mapa)
Version: 1.0 - feb 2015
-----------------------------------------------------------------------*/
.wgt-gmap .wgt-map-wide .sidebar {
  height: 600px; }
  @media only screen and (max-width: 1200px) {
    .wgt-gmap .wgt-map-wide .sidebar {
      height: auto;
      width: 100%; } }

.wgt-gmap .wgt-map-wide .wgt-map-search {
  float: left; }

.wgt-gmap .wgt-map-wide .map-search-form .input-prepend {
  margin-bottom: 20px; }
  .wgt-gmap .wgt-map-wide .map-search-form .input-prepend .sel-search {
    width: 83%;
    min-width: 155px; }

/*--------------------------------------------------------------------
componenent: dashboard google maps
Version: 1.0 - feb 2015
-----------------------------------------------------------------------*/
.dashboard-map .sidebar {
  height: 600px; }
  @media only screen and (max-width: 768px) {
    .dashboard-map .sidebar {
      height: auto;
      width: 100%; } }

/*--------------------------------------------------------------------
componenent: filters
Version: 2.0 - feb 2016
-----------------------------------------------------------------------*/
.filters .list-item {
  display: block;
  padding-bottom: 5px;
  background-color: transparent;
  text-align: center;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out; }
  .filters .list-item.current {
    -webkit-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in; }

.filters .item-action i {
  font-size: 42px;
  font-size: 2.625rem; }
  @media only screen and (max-width: 768px) {
    .filters .item-action i {
      font-size: 55px;
      font-size: 3.4375rem; } }

.filters .item-action .label {
  font-size: 12px;
  font-size: 0.75rem; }

/*--------------------------------------------------------------------
componenent: map filters
Version: 2.0 - feb 2016
-----------------------------------------------------------------------*/
.wgt-gmap .filters {
  background-color: #cce6f5;
  padding-top: 10px;
  padding-bottom: 10px; }
  .wgt-gmap .filters .list-item {
    width: 6.66%; }
    @media only screen and (max-width: 768px) {
      .wgt-gmap .filters .list-item {
        width: 33.3%; } }
    .wgt-gmap .filters .list-item.current {
      background-color: #86bfe4;
      color: #fff; }
  .wgt-gmap .filters .item-action {
    padding: 5px;
    display: block;
    width: 68px;
    height: 68px; }
    @media only screen and (max-width: 768px) {
      .wgt-gmap .filters .item-action {
        width: 100%;
        padding: 0;
        height: 75px; } }

/*--------------------------------------------------------------------
componenent: articles filters
Version: 2.0 - feb 2016
-----------------------------------------------------------------------*/
.article-filters {
  background-color: #0fa8aa; }
  .article-filters .list-item {
    width: 6.25%;
    min-width: 72px;
    max-width: 72px;
    height: 80px;
    padding-bottom: 0;
    text-align: center;
    color: #fff; }
    @media only screen and (max-width: 768px) {
      .article-filters .list-item {
        width: 16.6%;
        min-width: 80px;
        padding: 0;
        height: auto; } }
    .article-filters .list-item.current {
      background-color: #008c90;
      color: #fff; }
  .article-filters .item-action {
    padding: 5px;
    display: inline-block;
    min-height: 60px;
    max-height: 70px; }
    @media only screen and (max-width: 768px) {
      .article-filters .item-action {
        padding: 0;
        height: auto;
        width: auto;
        min-height: 60px;
        max-height: 85px; } }

/*--------------------------------------------------------------------
componenent: uiToggleFlyout
Version: 1.0 - feb 2016
-----------------------------------------------------------------------*/
.ui-flyout {
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  position: absolute;
  z-index: 2000;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out; }
  .ui-flyout.opened {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in; }
  .ui-flyout .arrow {
    position: absolute;
    display: block; }
    .ui-flyout .arrow:after {
      bottom: 100%;
      border: solid transparent;
      content: " ";
      height: 0;
      width: 0;
      position: absolute;
      pointer-events: none;
      border-color: rgba(34, 107, 120, 0);
      border-width: 12px;
      margin-left: -12px; }
    .ui-flyout .arrow.top {
      bottom: 100%; }
      .ui-flyout .arrow.top:after {
        bottom: 100%; }
    .ui-flyout .arrow.right {
      left: 100%; }
  .ui-flyout .ui-flyout-header {
    display: block; }
  .ui-flyout .ui-scrollable-area-wrap .ui-scrollable-area-body {
    width: 95%; }
  .ui-flyout .ui-flyout-footer {
    display: block; }

/*--------------------------------------------------------------------
componenent: profile editor privacy definitions 
Version: 1.0 - feb 2016
-----------------------------------------------------------------------*/
.profile-editor .ui-flyout {
  background-color: #008c90;
  font-size: 12px;
  font-size: 0.75rem;
  color: #fff;
  text-align: left;
  min-width: 110px;
  padding: 1px;
  top: 35px;
  left: auto;
  right: -12%; }
  .profile-editor .ui-flyout .arrow {
    left: 85%; }
    .profile-editor .ui-flyout .arrow:after {
      border-bottom-color: #008c90;
      border-width: 8px;
      margin-left: -8px; }
  .profile-editor .ui-flyout .ui-flyout-header {
    text-indent: 5px;
    padding-bottom: 5px; }
  .profile-editor .ui-flyout .row {
    margin-bottom: 0; }
  .profile-editor .ui-flyout ul {
    background-color: #0fa8aa; }
    .profile-editor .ui-flyout ul li {
      border-top: 1px solid #008c90;
      padding: 2px 0;
      text-align: right; }
      .profile-editor .ui-flyout ul li:first-child {
        border-top: 0; }
      .profile-editor .ui-flyout ul li > span {
        color: #fff;
        text-align: left;
        padding-left: 5px;
        padding-top: 3px;
        padding-bottom: 3px; }
        .profile-editor .ui-flyout ul li > span i {
          text-align: right;
          display: none;
          opacity: 0;
          -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
          -webkit-transition: all 0.5s ease-out;
          transition: all 0.5s ease-out; }
      .profile-editor .ui-flyout ul li .selected i {
        display: block;
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -webkit-transition: all 0.5s ease-in;
        transition: all 0.5s ease-in; }

/*--------------------------------------------------------------------
componenent: profile notifications
Version: 1.0 - feb 2016
-----------------------------------------------------------------------*/
.notifications {
  background-color: #226b78;
  font-size: 14px;
  font-size: 0.875rem;
  color: #fff;
  text-align: left;
  min-width: 295px;
  padding: 10px;
  top: 45px;
  left: auto;
  right: -45%; }
  @media only screen and (max-width: 768px) {
    .notifications {
      right: -1px;
      top: 43px; } }
  .notifications .arrow:after {
    border-bottom-color: #226b78; }
  .notifications .arrow.right {
    left: 92%; }
  .notifications .ui-flyout-header {
    margin-bottom: 20px; }
  .notifications .ui-scrollable-area-wrap {
    max-height: 220px;
    width: 300px; }
  .notifications .notification {
    display: block;
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid #b3d7d7; }
    .notifications .notification:first-child {
      margin-top: 0;
      padding-top: 0;
      border-top: 0; }
    .notifications .notification .notification-icon img {
      width: 100%; }
    .notifications .notification .notification-content {
      display: inline-block;
      padding-left: 10px;
      font-size: 12px;
      font-size: 0.75rem; }
  .notifications .notification-title {
    padding-bottom: 5px;
    display: inline-block; }
  .notifications .notifiation-actions {
    display: block;
    width: 100%; }
    .notifications .notifiation-actions .notification-action {
      cursor: pointer;
      background-color: #fff;
      color: #008c90;
      -webkit-border-top-left-radius: 4px;
      -moz-border-top-left-radius: 4px;
      border-top-left-radius: 4px;
      -webkit-border-top-right-radius: 4px;
      -moz-border-top-right-radius: 4px;
      border-top-right-radius: 4px;
      -webkit-border-bottom-right-radius: 4px;
      -moz-border-bottom-right-radius: 4px;
      border-bottom-right-radius: 4px;
      -webkit-border-bottom-left-radius: 4px;
      -moz-border-bottom-left-radius: 4px;
      border-bottom-left-radius: 4px;
      margin: 0 3px;
      padding: 5px 15px;
      display: inline-block; }
      .notifications .notifiation-actions .notification-action:hover {
        background: #0fa8aa;
        text-decoration: none;
        color: #fff; }

/*--------------------------------------------------------------------
componenent: community notifications
Notifications used on community pages
Version: 1.0 - feb 2016
-----------------------------------------------------------------------*/
.community-notifications {
  background-color: #f2f3f3;
  border: 1px solid #ebebeb;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  margin-bottom: 20px; }
  .community-notifications .inner-container {
    background-color: #fff;
    color: #6e726e;
    margin: 8px;
    padding: 8px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px; }
    .community-notifications .inner-container .btn-flat-green {
      margin: 0 0 0 10px; }
    .community-notifications .inner-container .text-link {
      color: #008c90;
      font-weight: 700; }
      .community-notifications .inner-container .text-link:hover {
        color: #0fa8aa; }

.events .community-notifications .text {
  line-height: 30px; }

/*--------------------------------------------------------------------
componenent: user menu dropdown
Version: 1.0 - 2016
-----------------------------------------------------------------------*/
.usermenu {
  background-color: #226b78;
  -moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
  font-size: 14px;
  font-size: 0.875rem;
  color: #fff;
  text-align: right;
  min-width: 160px;
  padding: 10px;
  top: 55px;
  left: auto;
  right: -45%; }
  .usermenu .arrow:after {
    border-bottom-color: #226b78; }
  .usermenu .arrow.right {
    left: 88%; }
  .usermenu .generic-list {
    padding-top: 10px; }

/*--------------------------------------------------------------------
componenent: cover
Version: 1.0 - feb 2016
-----------------------------------------------------------------------*/
.cover-wrpp {
  width: 100%;
  height: 350px;
  overflow: hidden;
  position: relative; }
  @media only screen and (max-width: 768px) {
    .cover-wrpp {
      height: 200px;
      background-color: #ebebeb; } }
  .cover-wrpp .cover-upload-icon {
    width: 100%;
    height: 350px;
    background: url("/Content/Images/cover_bg.jpg") center center no-repeat;
    background-size: cover; }
  .cover-wrpp .cover-box {
    overflow: hidden;
    width: 100%;
    height: 350px;
    position: relative;
    cursor: pointer; }
    @media only screen and (max-width: 768px) {
      .cover-wrpp .cover-box {
        height: 200px;
        background-color: #ebebeb; } }
  .cover-wrpp .cover-box-image {
    display: block;
    width: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); }
  .cover-wrpp .actions {
    position: absolute;
    top: 0;
    right: 0;
    width: 50px;
    height: 100%;
    z-index: 100;
    text-align: center; }
    .cover-wrpp .actions .delete {
      background-color: #bf4c0a;
      color: #fff;
      font-size: 18px;
      font-size: 1.125rem;
      margin-top: 20px;
      width: 20px;
      height: 20px;
      border-width: 2px;
      padding: 5px 9px;
      -moz-border-radius: 4px;
      -webkit-border-radius: 4px;
      border-radius: 4px; }
      .cover-wrpp .actions .delete .icon {
        font-size: 14px;
        font-size: 0.875rem; }

/*--------------------------------------------------------------------
base: typography
Version: 1.0 - 2015
-----------------------------------------------------------------------*/
@font-face {
  font-family: "GothamBlack";
  src: url("../Fonts/GothamBlack.eot");
  src: url("../Fonts/GothamBlack.eot?#iefix") format("embedded-opentype"), url("../Fonts/GothamBlack.woff") format("woff"), url("../Fonts/GothamBlack.ttf") format("truetype"), url("../Fonts/GothamBlack.svg#GothamBlack") format("svg");
  font-weight: normal;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-shadow: rgba(0, 0, 0, 0.01) 0 0 1px; }

@font-face {
  font-family: "Uni-Sans-Book";
  src: url("../Fonts/Uni-Sans-Book.eot");
  src: url("../Fonts/Uni-Sans-Book.eot?#iefix") format("embedded-opentype"), url("../Fonts/Uni-Sans-Book.woff") format("woff"), url("../Fonts/Uni-Sans-Book.ttf") format("truetype"), url("../Fonts/Uni-Sans-Book.svg#Uni-Sans-Book") format("svg");
  font-weight: normal;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-shadow: rgba(0, 0, 0, 0.01) 0 0 1px; }

/* weather icons */
@font-face {
  font-family: "weathericons";
  src: url("../Fonts/weathericons-regular-webfont.eot");
  src: url("../Fonts/weathericons-regular-webfont.eot?#iefix") format("embedded-opentype"), url("../Fonts/weathericons-regular-webfont.woff") format("woff"), url("../Fonts/weathericons-regular-webfont.ttf") format("truetype"), url("../Fonts/weathericons-regular-webfont.svg#weathericons") format("svg");
  font-weight: normal;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-shadow: rgba(0, 0, 0, 0.01) 0 0 1px; }

@font-face {
  font-family: "Prelo";
  src: url("../Fonts/prelo-medium.eot");
  src: url("../Fonts/prelo-medium.eot?#iefix") format("embedded-opentype"), url("../Fonts/prelo-medium.woff") format("woff"), url("../Fonts/prelo-medium.ttf") format("truetype"), url("../Fonts/prelo-medium.svg#Prelo") format("svg");
  font-weight: normal;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-shadow: rgba(0, 0, 0, 0.01) 0 0 1px; }

@font-face {
  font-family: "PreloBold";
  src: url("../Fonts/prelo-bold.eot");
  src: url("../Fonts/prelo-bold.eot?#iefix") format("embedded-opentype"), url("../Fonts/prelo-bold.woff") format("woff"), url("../Fonts/prelo-bold.ttf") format("truetype"), url("../Fonts/prelo-bold.svg#PreloBold") format("svg");
  font-weight: normal;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-shadow: rgba(0, 0, 0, 0.01) 0 0 1px; }

/*--------------------------------------------------------------------
componenent: wgt-dashboard
Version: 1.0 - 2015
-----------------------------------------------------------------------*/
.wgt-dashboard {
  margin: 15px 0;
  color: #9f9e9e;
  -webkit-animation: fade-0-1 0.35s ease-in;
  animation: fade-0-1 0.35s ease-in; }

@-webkit-keyframes fade-0-1 {
  from {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
  to {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } }

@keyframes fade-0-1 {
  from {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
  to {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } }
  .wgt-dashboard .out-wrpp {
    background: #008c90;
    -webkit-border-top-left-radius: 4px;
    -moz-border-top-left-radius: 4px;
    border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    -moz-border-top-right-radius: 4px;
    border-top-right-radius: 4px;
    -webkit-border-bottom-right-radius: 0;
    -moz-border-bottom-right-radius: 0;
    border-bottom-right-radius: 0;
    -webkit-border-bottom-left-radius: 0;
    -moz-border-bottom-left-radius: 0;
    border-bottom-left-radius: 0;
    border-top: 1px solid #ebebeb; }
  .wgt-dashboard .in-wrpp {
    border: 1px solid #ebebeb;
    border-top: none;
    background: #f2f3f3;
    box-shadow: 0 4px 0 0 #ebebeb;
    -webkit-border-top-left-radius: 0;
    -moz-border-top-left-radius: 0;
    border-top-left-radius: 0;
    -webkit-border-top-right-radius: 0;
    -moz-border-top-right-radius: 0;
    border-top-right-radius: 0;
    -webkit-border-bottom-right-radius: 4px;
    -moz-border-bottom-right-radius: 4px;
    border-bottom-right-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-bottom-left-radius: 4px;
    border-bottom-left-radius: 4px;
    padding: 10px; }
    .wgt-dashboard .in-wrpp.row {
      width: 99.7%; }
    .wgt-dashboard .in-wrpp .column-contents {
      margin: 20px;
      background: #fff;
      padding: 20px;
      border: 1px solid #ebebeb; }
      @media only screen and (max-width: 768px) {
        .wgt-dashboard .in-wrpp .column-contents {
          margin: 2%;
          padding: 2%;
          width: 92%; } }
  .wgt-dashboard .in-wrpp-altura {
    min-height: 680px;
    border: 1px solid #ebebeb;
    border-top: none;
    background: #f2f3f3;
    box-shadow: 0 4px 0 0 #ebebeb;
    -webkit-border-top-left-radius: 4px;
    -moz-border-top-left-radius: 4px;
    border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    -moz-border-top-right-radius: 4px;
    border-top-right-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -moz-border-bottom-right-radius: 4px;
    border-bottom-right-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-bottom-left-radius: 4px;
    border-bottom-left-radius: 4px;
    padding: 10px; }
  .wgt-dashboard .wgt-dashboard-title {
    color: #fff;
    padding-left: 10px;
    line-height: 40px;
    line-height: 2.5rem;
    font-family: "Uni-Sans-book", sans-serif;
    font-weight: 700;
    font-size: 1.1em;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); }
    .wgt-dashboard .wgt-dashboard-title .actions {
      display: inline-block; }
      .wgt-dashboard .wgt-dashboard-title .actions .action, .wgt-dashboard .wgt-dashboard-title .actions a {
        color: #fff;
        background-color: #0fa8aa;
        display: block;
        font-family: "Uni-Sans-book", sans-serif;
        padding-left: 20px;
        padding-right: 20px;
        cursor: pointer;
        -webkit-border-top-left-radius: 0;
        -moz-border-top-left-radius: 0;
        border-top-left-radius: 0;
        -webkit-border-top-right-radius: 4px;
        -moz-border-top-right-radius: 4px;
        border-top-right-radius: 4px;
        -webkit-border-bottom-right-radius: 0;
        -moz-border-bottom-right-radius: 0;
        border-bottom-right-radius: 0;
        -webkit-border-bottom-left-radius: 0;
        -moz-border-bottom-left-radius: 0;
        border-bottom-left-radius: 0;
        -webkit-transition: all 0.5s ease-in-out;
        transition: all 0.5s ease-in-out; }
        @media only screen and (max-width: 768px) {
          .wgt-dashboard .wgt-dashboard-title .actions .action, .wgt-dashboard .wgt-dashboard-title .actions a {
            font-size: 25px;
            font-size: 1.5625rem;
            height: 40px; } }
        .wgt-dashboard .wgt-dashboard-title .actions .action:hover, .wgt-dashboard .wgt-dashboard-title .actions a:hover {
          text-decoration: underline; }
          @media only screen and (max-width: 768px) {
            .wgt-dashboard .wgt-dashboard-title .actions .action:hover, .wgt-dashboard .wgt-dashboard-title .actions a:hover {
              color: #9f9e9e;
              text-decoration: none;
              background-color: #ebebeb; } }

/*--------------------------------------------------------------------
componenent: generic-list
Version: 1.0 - 2016
-----------------------------------------------------------------------*/
.generic-list .generic-list-item {
  margin-bottom: 10px;
  padding: 0; }
  .generic-list .generic-list-item .actions .action {
    font-size: 64px;
    font-size: 4rem;
    color: #008c90;
    cursor: pointer;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out; }
    .generic-list .generic-list-item .actions .action:hover {
      color: #0fa8aa;
      -webkit-transition: all 0.2s ease-in-out;
      transition: all 0.2s ease-in-out; }
  .generic-list .generic-list-item .community .generic-list-item-icon {
    background-color: #226b78; }
  .generic-list .generic-list-item .community .generic-list-item-title {
    color: #226b78; }
    .generic-list .generic-list-item .community .generic-list-item-title .txt-small {
      color: #226b78; }
  .generic-list .generic-list-item .community .generic-list-item-label {
    background-color: #226b78; }
  .generic-list .generic-list-item .community .generic-list-item-value {
    color: #226b78; }
  .generic-list .generic-list-item .community .action {
    color: #226b78; }
  .generic-list .generic-list-item .selected .generic-list-item-icon {
    background-color: #bf4c0a; }
  .generic-list .generic-list-item .selected .generic-list-item-title {
    color: #bf4c0a; }
    .generic-list .generic-list-item .selected .generic-list-item-title .txt-small {
      color: #bf4c0a; }
  .generic-list .generic-list-item .selected .generic-list-item-label {
    background-color: #bf4c0a; }
  .generic-list .generic-list-item .selected .generic-list-item-value {
    color: #bf4c0a; }
  .generic-list .generic-list-item .selected .action {
    color: #bf4c0a; }

.generic-list .generic-list-link {
  display: block;
  min-height: 50px;
  vertical-align: middle;
  line-height: 50px;
  color: #008c90; }

.generic-list .generic-list-item-icon {
  color: #fff;
  display: block;
  -webkit-border-top-left-radius: 50%;
  -moz-border-top-left-radius: 50%;
  border-top-left-radius: 50%;
  -webkit-border-top-right-radius: 50%;
  -moz-border-top-right-radius: 50%;
  border-top-right-radius: 50%;
  -webkit-border-bottom-right-radius: 50%;
  -moz-border-bottom-right-radius: 50%;
  border-bottom-right-radius: 50%;
  -webkit-border-bottom-left-radius: 50%;
  -moz-border-bottom-left-radius: 50%;
  border-bottom-left-radius: 50%;
  background-color: #008c90; }
  .generic-list .generic-list-item-icon.icon50 {
    line-height: 50px;
    font-size: 50px;
    height: 50px;
    width: 50px; }
  .generic-list .generic-list-item-icon img {
    width: 100%;
    height: auto;
    min-height: 32px;
    min-width: 32px;
    display: block; }

.generic-list .generic-list-item-info {
  font-size: 16px;
  min-height: 32px;
  vertical-align: middle;
  display: inline-block; }

.generic-list .generic-list-item-title {
  vertical-align: middle;
  display: inline-block;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.2em;
  font-weight: 700; }

/*--------------------------------------------------------------------
componenent: user public profile
Version: 1.0 - 2016
-----------------------------------------------------------------------*/
.profile .generic-list-item-icon img {
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%; }

/*--------------------------------------------------------------------
componenent: widget search results (user search invite for groups and events)
Version: 1.0 - 2016
-----------------------------------------------------------------------*/
.search-results .generic-list-item-icon {
  background-color: transparent; }
  .search-results .generic-list-item-icon img {
    width: 50px;
    height: 50px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%; }

.search-results .generic-list-item-info {
  line-height: 50px !important;
  position: relative; }
  .search-results .generic-list-item-info .generic-list-item-title {
    vertical-align: middle;
    display: inline-block;
    margin: 0; }

.search-results .generic-list-link {
  line-height: 50px !important;
  position: relative; }
  .search-results .generic-list-link .btn {
    vertical-align: middle;
    display: inline-block;
    line-height: 1em; }

/*--------------------------------------------------------------------
module: sidebar search
Version: 1.0 - marc 2016
-----------------------------------------------------------------------*/
.widget .form-inline {
  margin: 10px; }
  .widget .form-inline .form-block input[type="text"] {
    color: #6e726e;
    font-size: 14px;
    font-size: 0.875rem;
    width: 100%;
    line-height: 1.8em;
    padding-right: 105px; }
  .widget .form-inline .form-block button {
    background-color: #008c90;
    color: #fff;
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 1.8em;
    padding-top: 5px;
    padding-bottom: 5px;
    -webkit-border-top-left-radius: 0;
    -moz-border-top-left-radius: 0;
    border-top-left-radius: 0;
    -webkit-border-top-right-radius: 4px;
    -moz-border-top-right-radius: 4px;
    border-top-right-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -moz-border-bottom-right-radius: 4px;
    border-bottom-right-radius: 4px;
    -webkit-border-bottom-left-radius: 0;
    -moz-border-bottom-left-radius: 0;
    border-bottom-left-radius: 0; }
    .widget .form-inline .form-block button:hover {
      background-color: #0fa8aa; }

/*--------------------------------------------------------------------
module: sidebar groups
Version: 1.0 - marc 2016
-----------------------------------------------------------------------*/
.sidebar-groups .group-actions {
  margin-top: 20px; }
  .sidebar-groups .group-actions .col-6 {
    padding-left: 25px; }
    @media only screen and (max-width: 768px) {
      .sidebar-groups .group-actions .col-6 {
        padding-left: 10px; } }
  .sidebar-groups .group-actions .action {
    font-size: 16px;
    font-size: 1rem;
    color: #008c90; }
    @media only screen and (max-width: 768px) {
      .sidebar-groups .group-actions .action {
        font-size: 14px;
        font-size: 0.875rem; } }
    .sidebar-groups .group-actions .action:hover {
      color: #0fa8aa; }
    .sidebar-groups .group-actions .action i {
      font-size: 35px;
      font-size: 2.1875rem;
      vertical-align: middle; }

/*--------------------------------------------------------------------
module: dashboard bottom modules
Version: 1.0 - 2016
-----------------------------------------------------------------------*/
.bottom-modules {
  margin-bottom: 30px; }
  .bottom-modules .wgt-box-altura {
    min-height: 400px; }
  .bottom-modules .btn-all {
    margin: 0; }
  @media only screen and (max-width: 768px) {
    .bottom-modules .col-6 {
      width: 100%;
      margin-bottom: 20px;
      padding-left: 0; } }
  @media only screen and (min-width: 768px) and (max-width: 1200px) {
    .bottom-modules .col-right {
      padding-left: 0 !important; } }
  @media only screen and (max-width: 768px) {
    .bottom-modules .col-right {
      padding-left: 0 !important; } }
  .bottom-modules .article {
    display: block;
    margin-bottom: 30px; }
  .bottom-modules .article-date {
    font-size: 11px;
    font-size: 0.6875rem;
    color: #9f9e9e;
    line-height: 1em;
    display: block;
    margin-bottom: 5px; }
  .bottom-modules .article-title {
    color: #008c90;
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.2em;
    margin-bottom: 10px;
    display: block; }
    @media only screen and (max-width: 768px) {
      .bottom-modules .article-title {
        font-size: 22px;
        font-size: 1.375rem;
        display: block;
        margin-bottom: 20px; } }
  .bottom-modules span.article-description {
    color: #6e726e;
    display: block;
    font-size: 14px;
    font-size: 0.875rem; }
    @media only screen and (max-width: 768px) {
      .bottom-modules span.article-description {
        line-height: 1.2em;
        display: block;
        font-size: 16px;
        font-size: 1rem; } }

/*--------------------------------------------------------------------
base: typography
Version: 1.0 - 2015
-----------------------------------------------------------------------*/
@font-face {
  font-family: "GothamBlack";
  src: url("../Fonts/GothamBlack.eot");
  src: url("../Fonts/GothamBlack.eot?#iefix") format("embedded-opentype"), url("../Fonts/GothamBlack.woff") format("woff"), url("../Fonts/GothamBlack.ttf") format("truetype"), url("../Fonts/GothamBlack.svg#GothamBlack") format("svg");
  font-weight: normal;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-shadow: rgba(0, 0, 0, 0.01) 0 0 1px; }

@font-face {
  font-family: "Uni-Sans-Book";
  src: url("../Fonts/Uni-Sans-Book.eot");
  src: url("../Fonts/Uni-Sans-Book.eot?#iefix") format("embedded-opentype"), url("../Fonts/Uni-Sans-Book.woff") format("woff"), url("../Fonts/Uni-Sans-Book.ttf") format("truetype"), url("../Fonts/Uni-Sans-Book.svg#Uni-Sans-Book") format("svg");
  font-weight: normal;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-shadow: rgba(0, 0, 0, 0.01) 0 0 1px; }

/* weather icons */
@font-face {
  font-family: "weathericons";
  src: url("../Fonts/weathericons-regular-webfont.eot");
  src: url("../Fonts/weathericons-regular-webfont.eot?#iefix") format("embedded-opentype"), url("../Fonts/weathericons-regular-webfont.woff") format("woff"), url("../Fonts/weathericons-regular-webfont.ttf") format("truetype"), url("../Fonts/weathericons-regular-webfont.svg#weathericons") format("svg");
  font-weight: normal;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-shadow: rgba(0, 0, 0, 0.01) 0 0 1px; }

@font-face {
  font-family: "Prelo";
  src: url("../Fonts/prelo-medium.eot");
  src: url("../Fonts/prelo-medium.eot?#iefix") format("embedded-opentype"), url("../Fonts/prelo-medium.woff") format("woff"), url("../Fonts/prelo-medium.ttf") format("truetype"), url("../Fonts/prelo-medium.svg#Prelo") format("svg");
  font-weight: normal;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-shadow: rgba(0, 0, 0, 0.01) 0 0 1px; }

@font-face {
  font-family: "PreloBold";
  src: url("../Fonts/prelo-bold.eot");
  src: url("../Fonts/prelo-bold.eot?#iefix") format("embedded-opentype"), url("../Fonts/prelo-bold.woff") format("woff"), url("../Fonts/prelo-bold.ttf") format("truetype"), url("../Fonts/prelo-bold.svg#PreloBold") format("svg");
  font-weight: normal;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-shadow: rgba(0, 0, 0, 0.01) 0 0 1px; }

/*--------------------------------------------------------------------
componenent: user profile info
Version: 1.0 - 2016
-----------------------------------------------------------------------*/
.user-profile-wrapper {
  padding-left: 0 !important; }
  @media only screen and (max-width: 768px) {
    .user-profile-wrapper {
      width: 100%; } }

.wgt-dashboard.user-profile {
  text-align: center;
  position: relative;
  font-family: "Uni-Sans-Book", sans-serif; }
  .wgt-dashboard.user-profile .user-profile-picture {
    width: 100px;
    height: 100px;
    background-repeat: no-repeat;
    margin: auto;
    -webkit-border-top-left-radius: 50px;
    -moz-border-top-left-radius: 50px;
    border-top-left-radius: 50px;
    -webkit-border-top-right-radius: 50px;
    -moz-border-top-right-radius: 50px;
    border-top-right-radius: 50px;
    -webkit-border-bottom-right-radius: 50px;
    -moz-border-bottom-right-radius: 50px;
    border-bottom-right-radius: 50px;
    -webkit-border-bottom-left-radius: 50px;
    -moz-border-bottom-left-radius: 50px;
    border-bottom-left-radius: 50px;
    box-shadow: 0 0 0 1px #aaa;
    border: 2px solid #f2f3f3;
    background-size: cover; }
    @media only screen and (max-width: 1200px) {
      .wgt-dashboard.user-profile .user-profile-picture {
        width: 80px;
        height: 80px; } }
  .wgt-dashboard.user-profile .main-heading, .wgt-dashboard.user-profile .secundary-heading {
    margin-bottom: 0;
    color: #008c90; }
    @media only screen and (max-width: 1200px) {
      .wgt-dashboard.user-profile .main-heading, .wgt-dashboard.user-profile .secundary-heading {
        font-size: 22px;
        font-size: 1.375rem; } }
  .wgt-dashboard.user-profile .interested-in i {
    color: #9f9e9e;
    font-size: 40px;
    font-size: 2.5rem;
    display: inline-block;
    width: 40px;
    text-align: center; }
    .wgt-dashboard.user-profile .interested-in i.no-user-interests {
      width: auto;
      font-size: 13px;
      font-size: 0.8125rem; }
  .wgt-dashboard.user-profile .interested-in li {
    display: inline;
    padding: 0; }
  .wgt-dashboard.user-profile .edit-trigger {
    background-color: #ebebeb;
    color: #9f9e9e;
    width: 30px;
    height: 30px;
    line-height: 30px;
    line-height: 1.875rem;
    font-size: 20px;
    font-size: 1.25rem;
    position: absolute;
    top: 1px;
    right: 1px;
    cursor: pointer; }
    .wgt-dashboard.user-profile .edit-trigger .icon {
      color: #9f9e9e; }
  .wgt-dashboard.user-profile .edit-trigger:hover {
    color: #f2f3f3; }
    .wgt-dashboard.user-profile .edit-trigger:hover .icon {
      color: #f2f3f3; }
  .wgt-dashboard.user-profile #agenda {
    font-size: 16px;
    font-size: 1rem;
    margin-top: 26px; }
  .wgt-dashboard.user-profile .user-calendar-loading {
    margin-top: 50px; }
  .wgt-dashboard.user-profile .awaiting-friendship {
    margin-top: 10px;
    margin-bottom: 10px;
    font-weight: 700; }
  .wgt-dashboard.user-profile .profile-section {
    border-top: 1px solid #9f9e9e;
    padding-bottom: 10px;
    padding-top: 10px; }
    .wgt-dashboard.user-profile .profile-section a {
      color: #008c90; }
      .wgt-dashboard.user-profile .profile-section a:hover {
        color: #0fa8aa; }
  .wgt-dashboard.user-profile .user-profile-description {
    color: #008c90;
    font-weight: 300;
    margin: 10px;
    line-height: 16px;
    line-height: 1rem; }
    .wgt-dashboard.user-profile .user-profile-description.lrm0 {
      margin-left: 0;
      margin-right: 0; }
  .wgt-dashboard.user-profile .btn-flat-gray,
  .wgt-dashboard.user-profile .btn-flat-green {
    margin-top: 10px;
    margin-bottom: 10px; }
  .wgt-dashboard.user-profile.dashboard-sidebar .user-data .user-data-actions {
    margin-bottom: 10px; }
  .wgt-dashboard.user-profile.dashboard-sidebar .user-data .user-data-link {
    color: #008c90;
    margin-right: 10px; }
    @media only screen and (max-width: 1200px) {
      .wgt-dashboard.user-profile.dashboard-sidebar .user-data .user-data-link {
        display: block;
        margin-bottom: 10px; } }
    .wgt-dashboard.user-profile.dashboard-sidebar .user-data .user-data-link [class^="icon-"], .wgt-dashboard.user-profile.dashboard-sidebar .user-data .user-data-link [class*=" icon-"] {
      margin-right: 5px; }
    .wgt-dashboard.user-profile.dashboard-sidebar .user-data .user-data-link:hover {
      color: #0fa8aa;
      text-decoration: underline; }
    .wgt-dashboard.user-profile.dashboard-sidebar .user-data .user-data-link .icon-edit {
      background-color: #008c90;
      color: #fff;
      padding: 2px;
      -moz-border-radius: 50%;
      -webkit-border-radius: 50%;
      border-radius: 50%; }
    .wgt-dashboard.user-profile.dashboard-sidebar .user-data .user-data-link .icon-user-male {
      vertical-align: sub; }
  .wgt-dashboard.user-profile.dashboard-sidebar .user-profile-description {
    color: #9f9e9e;
    font-size: 14px;
    font-size: 0.875rem;
    margin-top: 0; }
  .wgt-dashboard.user-profile.dashboard-sidebar .btn-flat-green {
    margin-bottom: 0; }

/*--------------------------------------------------------------------
module: feed
Version: 2.0 - 2016
-----------------------------------------------------------------------*/
.feed-container {
  margin-top: 15px;
  margin-bottom: 15px; }
  .feed-container .column-contents {
    margin: 0; }
  .feed-container .feed-item {
    -webkit-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out; }
    .feed-container .feed-item.feed-item-comments {
      margin-bottom: 0; }
      @media only screen and (max-width: 768px) {
        .feed-container .feed-item.feed-item-comments {
          margin-top: 20px; } }
      .feed-container .feed-item.feed-item-comments .attribution {
        margin-bottom: 10px; }
        @media only screen and (max-width: 768px) {
          .feed-container .feed-item.feed-item-comments .attribution {
            margin-bottom: 0; } }
  .feed-container .bt-lightgray {
    padding-top: 10px; }
  .feed-container .feed-item-image {
    text-align: center; }
    .feed-container .feed-item-image img {
      display: inline-block;
      width: 100%;
      height: auto; }
  .feed-container .comment-profile-link .comment-image img {
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%; }
  .feed-container .feed-item-title {
    font-size: 18px;
    font-size: 1.125rem;
    color: #6e726e;
    font-family: 'Uni Sans Book', sans-serif;
    margin-bottom: 5px;
    line-height: 1em; }
    .feed-container .feed-item-title .feed-activity-icon {
      display: inline-block;
      width: 62px;
      height: 62px;
      font-size: 52px;
      line-height: 60px;
      text-align: center;
      background: #008c90;
      color: #fff;
      border-radius: 50%;
      vertical-align: middle;
      margin: 10px 10px 10px 0; }
    .feed-container .feed-item-title .comment-title {
      font-size: 18px;
      font-size: 1.125rem;
      font-family: 'Uni Sans Book', sans-serif;
      line-height: 1.2em;
      color: #008c90;
      margin-bottom: 0; }
    .feed-container .feed-item-title a {
      text-decoration: underline;
      color: #008c90; }
      .feed-container .feed-item-title a:hover {
        color: #0fa8aa; }
  .feed-container .comments-form .comment-form-edit {
    margin-bottom: 20px; }
    @media only screen and (max-width: 768px) {
      .feed-container .comments-form .comment-form-edit {
        padding-left: 0;
        width: 100%; } }
    .feed-container .comments-form .comment-form-edit .comment-box {
      font-size: 14px;
      font-size: 0.875rem; }
    @media only screen and (max-width: 768px) {
      .feed-container .comments-form .comment-form-edit .col-3 {
        width: 100%;
        text-align: center; } }
    .feed-container .comments-form .comment-form-edit > .col-11 {
      width: 100%; }
  @media only screen and (max-width: 768px) {
    .feed-container .comments-form .comment-form-image {
      display: none; } }
  .feed-container .comments-list .comment-content .attribution {
    font-size: 14px;
    font-size: 0.875rem; }
    .feed-container .comments-list .comment-content .attribution a {
      font-size: 14px;
      font-size: 0.875rem;
      margin-bottom: 0; }
    .feed-container .comments-list .comment-content .attribution .date {
      font-size: 12px;
      font-size: 0.75rem; }
  .feed-container .comments-list .comment-content .content {
    color: #6e726e; }
  .feed-container .feed-item-metadata {
    padding: 5px; }
    @media only screen and (max-width: 768px) {
      .feed-container .feed-item-metadata > .col-8 {
        width: 100%;
        padding-left: 0; } }
    .feed-container .feed-item-metadata .date {
      color: #9f9e9e;
      font-size: 14px;
      font-size: 0.875rem; }
      @media only screen and (max-width: 768px) {
        .feed-container .feed-item-metadata .date {
          font-size: 12px;
          font-size: 0.75rem; } }
    .feed-container .feed-item-metadata .comment-count {
      color: #9f9e9e;
      font-size: 14px;
      font-size: 0.875rem;
      padding-right: 20px;
      cursor: pointer; }
    .feed-container .feed-item-metadata .likes {
      color: #9f9e9e;
      font-size: 14px;
      font-size: 0.875rem;
      cursor: pointer; }
      .feed-container .feed-item-metadata .likes:hover {
        color: #0fa8aa; }
        .feed-container .feed-item-metadata .likes:hover i {
          color: #0fa8aa; }
      .feed-container .feed-item-metadata .likes a {
        color: #9f9e9e; }
    .feed-container .feed-item-metadata .icon-comment, .feed-container .feed-item-metadata .icon-like {
      font-size: 18px;
      font-size: 1.125rem;
      vertical-align: sub; }
    .feed-container .feed-item-metadata .has-liked {
      color: #008c90; }
      .feed-container .feed-item-metadata .has-liked .icon-like {
        color: #008c90; }
    .feed-container .feed-item-metadata .icon-comment {
      color: #86bfe4; }
    .feed-container .feed-item-metadata .icon-like {
      color: #bf4c0a; }
  @media only screen and (max-width: 768px) {
    .feed-container .btn-load-more {
      width: 60%; } }
  .feed-container .feed-item-comments {
    margin-bottom: 20px; }

/*--------------------------------------------------------------------
module: dashbaord feed
Version: 1.0 - 2016
-----------------------------------------------------------------------*/
.dashboard-feed {
  margin-left: 0;
  margin-right: 0; }
  .dashboard-feed .feed-container {
    margin-top: 0;
    margin-bottom: 0; }
  .dashboard-feed .ui-scrollable-area-body {
    margin-top: 0;
    margin-bottom: 0; }
  .dashboard-feed .column-contents {
    margin: 10px 20px; }
  .dashboard-feed .feed-item-title {
    font-size: 16px;
    font-size: 1rem;
    color: #6e726e;
    font-family: 'Uni Sans Book', sans-serif;
    margin-bottom: 5px;
    line-height: 1em; }
    .dashboard-feed .feed-item-title a {
      text-decoration: underline;
      color: #008c90;
      -webkit-transition: all 0.2s ease-out;
      transition: all 0.2s ease-out; }
      .dashboard-feed .feed-item-title a:hover {
        color: #0fa8aa;
        -webkit-transition: all 0.2s ease-in;
        transition: all 0.2s ease-in; }
  .dashboard-feed .date {
    font-size: 12px;
    font-size: 0.75rem; }
  .dashboard-feed .feed-item-comments {
    margin-bottom: 0; }
  .dashboard-feed .feed-item-metadata {
    margin-bottom: 0; }
    @media only screen and (max-width: 768px) {
      .dashboard-feed .feed-item-metadata {
        padding-top: 10px !important;
        margin-bottom: 10px;
        text-align: center; } }
    .dashboard-feed .feed-item-metadata .likes:hover {
      color: #0fa8aa; }
      .dashboard-feed .feed-item-metadata .likes:hover i {
        color: #0fa8aa; }
    .dashboard-feed .feed-item-metadata .icon-comment, .dashboard-feed .feed-item-metadata .icon-like {
      font-size: 18px;
      font-size: 1.125rem;
      vertical-align: sub; }

/*--------------------------------------------------------------------
module: profile feed
Version: 1.0 - 2016
-----------------------------------------------------------------------*/
@media only screen and (max-width: 768px) {
  .profile.public .col-8 {
    width: 100%;
    padding-left: 0; } }

@media only screen and (max-width: 768px) {
  .profile.public .comment-title {
    font-size: 16px;
    font-size: 1rem; } }

.profile.public .feed-item-metadata {
  padding-top: 5px; }
  @media only screen and (max-width: 768px) {
    .profile.public .feed-item-metadata {
      margin-bottom: 0; } }
  @media only screen and (max-width: 768px) {
    .profile.public .feed-item-metadata .date {
      width: 100%;
      margin-bottom: 10px; } }
  @media only screen and (max-width: 768px) {
    .profile.public .feed-item-metadata .col-6 {
      padding-left: 0;
      width: 100%;
      text-align: left; } }

@media only screen and (max-width: 768px) {
  .profile.public .feed-item-comments {
    width: 100%;
    padding-left: 0; } }

/*--------------------------------------------------------------------
componenent: comments form
Version: 1.0 - 2016
-----------------------------------------------------------------------*/
@media only screen and (max-width: 768px) {
  .comments-form .comment-form-image {
    width: 16.65%;
    margin-bottom: 10px; } }

.comments-form .comment-form-image img {
  border-radius: 50%; }

.comments-form .comment-user-picture img {
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%; }

.comments-form .comment-form-edit {
  margin-bottom: 20px;
  /*@include mquery($screen-sm-min) {
            width: 83.3%;
        }*/ }
  @media only screen and (max-width: 768px) {
    .comments-form .comment-form-edit .col-11 {
      width: 100%;
      padding-left: 0; } }
  @media only screen and (max-width: 768px) {
    .comments-form .comment-form-edit .comment-box-container {
      width: 100%;
      padding-left: 0; } }
  .comments-form .comment-form-edit .comment-box {
    box-shadow: 0 3px 3px #ebebeb;
    color: #9f9e9e;
    font-size: 16px;
    font-size: 1rem;
    margin-bottom: 10px;
    padding: 2%;
    width: 100%; }
    @media only screen and (max-width: 768px) {
      .comments-form .comment-form-edit .comment-box {
        height: 120px;
        margin-bottom: 20px; } }
  .comments-form .comment-form-edit .btn {
    font-size: 14px;
    font-size: 0.875rem; }
    @media only screen and (max-width: 768px) {
      .comments-form .comment-form-edit .btn {
        width: 100%;
        font-size: 18px;
        font-size: 1.125rem;
        margin-bottom: 30px; } }
    .comments-form .comment-form-edit .btn:hover {
      color: #fff;
      text-decoration: none; }

/*--------------------------------------------------------------------
componenent: comments list
Version: 1.0 - 2016
-----------------------------------------------------------------------*/
.feed-item-comments {
  margin-bottom: 20px; }
  .feed-item-comments .attribution {
    font-size: 16px;
    font-size: 1rem;
    font-weight: 700; }
    @media only screen and (max-width: 768px) {
      .feed-item-comments .attribution {
        font-size: 12px;
        font-size: 0.75rem;
        width: 100%;
        margin-bottom: 0; } }
    .feed-item-comments .attribution a {
      font-size: 16px;
      font-size: 1rem;
      color: #008c90;
      text-decoration: none; }
      .feed-item-comments .attribution a:hover {
        color: #0fa8aa;
        text-decoration: none; }
  @media only screen and (max-width: 768px) {
    .feed-item-comments .comment-profile-link {
      width: 16.65%; } }
  @media only screen and (max-width: 768px) {
    .feed-item-comments .comment-content {
      width: 83.3%;
      padding-left: 10px; } }

.feed-item.feed-item-contents {
  border-left: 0;
  margin-bottom: 0; }
  .feed-item.feed-item-contents .attribution {
    font-size: 14px;
    font-size: 0.875rem; }
    .feed-item.feed-item-contents .attribution a {
      font-size: 14px;
      font-size: 0.875rem; }

.comments-list {
  margin-bottom: 20px; }
  .comments-list:last-child {
    margin-bottom: 0; }
  .comments-list .comment {
    padding-left: 10px; }
    @media only screen and (max-width: 768px) {
      .comments-list .comment {
        padding-left: 0; } }
  .comments-list .comment-profile-link {
    display: block;
    overflow: hidden;
    width: 6.3%; }
    @media only screen and (max-width: 768px) {
      .comments-list .comment-profile-link {
        width: 16.65%; } }
  .comments-list .comment-content {
    border: 0;
    padding: 0;
    width: 90%;
    padding-left: 2%; }
    @media only screen and (max-width: 768px) {
      .comments-list .comment-content {
        width: 75%;
        padding-left: 5%; } }
    .comments-list .comment-content .content {
      color: #9f9e9e; }
      .comments-list .comment-content .content pre {
        font-size: 14px;
        font-size: 0.875rem;
        color: #9f9e9e;
        white-space: pre-wrap; }
    .comments-list .comment-content .attribution {
      font-size: 16px;
      font-size: 1rem;
      font-weight: 700; }
      .comments-list .comment-content .attribution a {
        font-size: 16px;
        font-size: 1rem;
        color: #008c90;
        text-decoration: none; }
        .comments-list .comment-content .attribution a:hover {
          color: #0fa8aa;
          text-decoration: none; }

/*--------------------------------------------------------------------
base: typography
Version: 1.0 - 2015
-----------------------------------------------------------------------*/
@font-face {
  font-family: "GothamBlack";
  src: url("../Fonts/GothamBlack.eot");
  src: url("../Fonts/GothamBlack.eot?#iefix") format("embedded-opentype"), url("../Fonts/GothamBlack.woff") format("woff"), url("../Fonts/GothamBlack.ttf") format("truetype"), url("../Fonts/GothamBlack.svg#GothamBlack") format("svg");
  font-weight: normal;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-shadow: rgba(0, 0, 0, 0.01) 0 0 1px; }

@font-face {
  font-family: "Uni-Sans-Book";
  src: url("../Fonts/Uni-Sans-Book.eot");
  src: url("../Fonts/Uni-Sans-Book.eot?#iefix") format("embedded-opentype"), url("../Fonts/Uni-Sans-Book.woff") format("woff"), url("../Fonts/Uni-Sans-Book.ttf") format("truetype"), url("../Fonts/Uni-Sans-Book.svg#Uni-Sans-Book") format("svg");
  font-weight: normal;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-shadow: rgba(0, 0, 0, 0.01) 0 0 1px; }

/* weather icons */
@font-face {
  font-family: "weathericons";
  src: url("../Fonts/weathericons-regular-webfont.eot");
  src: url("../Fonts/weathericons-regular-webfont.eot?#iefix") format("embedded-opentype"), url("../Fonts/weathericons-regular-webfont.woff") format("woff"), url("../Fonts/weathericons-regular-webfont.ttf") format("truetype"), url("../Fonts/weathericons-regular-webfont.svg#weathericons") format("svg");
  font-weight: normal;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-shadow: rgba(0, 0, 0, 0.01) 0 0 1px; }

@font-face {
  font-family: "Prelo";
  src: url("../Fonts/prelo-medium.eot");
  src: url("../Fonts/prelo-medium.eot?#iefix") format("embedded-opentype"), url("../Fonts/prelo-medium.woff") format("woff"), url("../Fonts/prelo-medium.ttf") format("truetype"), url("../Fonts/prelo-medium.svg#Prelo") format("svg");
  font-weight: normal;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-shadow: rgba(0, 0, 0, 0.01) 0 0 1px; }

@font-face {
  font-family: "PreloBold";
  src: url("../Fonts/prelo-bold.eot");
  src: url("../Fonts/prelo-bold.eot?#iefix") format("embedded-opentype"), url("../Fonts/prelo-bold.woff") format("woff"), url("../Fonts/prelo-bold.ttf") format("truetype"), url("../Fonts/prelo-bold.svg#PreloBold") format("svg");
  font-weight: normal;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-shadow: rgba(0, 0, 0, 0.01) 0 0 1px; }

/*--------------------------------------------------------------------
componenent: friends
Version: 1.0 - 2016
-----------------------------------------------------------------------*/
.friends .generic-list-item {
  text-align: center;
  margin-bottom: 10px;
  margin-left: 25px; }
  .friends .generic-list-item:nth-child(5n+1) {
    margin-left: 0; }

.friends .generic-list-item-icon {
  margin-bottom: 10px; }

.friends .generic-list-item-title {
  font-weight: 700;
  vertical-align: top; }

/*--------------------------------------------------------------------
componenent: events list
Version: 1.1 - 2016
-----------------------------------------------------------------------*/
@media only screen and (max-width: 768px) {
  .events > .col-8 {
    width: 100%;
    padding-left: 0; } }

@media only screen and (max-width: 768px) {
  .events > .col-4 {
    width: 100%;
    padding-left: 0; } }

.events .angular-google-map-container,
.events #map-canvas {
  height: 280px;
  padding: 10px; }

.events .admin .btn-flat-green {
  color: #fff; }
  .events .admin .btn-flat-green:hover {
    color: #fff; }

.events .events-list-container .no-content a {
  color: #008c90; }

.events .events-sidebar {
  margin-top: 15px; }
  @media only screen and (max-width: 768px) {
    .events .events-sidebar {
      width: 100%; } }
  .events .events-sidebar .btn-add {
    border-color: #008c90;
    color: #008c90;
    display: block;
    font-size: 24px;
    font-size: 1.5rem;
    font-weight: 700;
    -webkit-transition: all 0.3 ease-out;
    transition: all 0.3 ease-out; }
    .events .events-sidebar .btn-add:hover {
      color: #fff;
      background-color: #008c90;
      -webkit-transition: all 0.3 ease-in;
      transition: all 0.3 ease-in; }
    .events .events-sidebar .btn-add .glyphicon {
      display: inline-block;
      vertical-align: middle; }

.events .generic-list-item {
  border-bottom: 1px solid #ebebeb;
  padding-bottom: 10px;
  position: relative; }
  .events .generic-list-item:last-child {
    border-bottom: 0; }
  @media only screen and (max-width: 768px) {
    .events .generic-list-item .actions {
      width: 25%;
      position: absolute;
      top: 2%;
      right: 2%; } }
  .events .generic-list-item .isAdmin {
    position: absolute;
    top: 0;
    right: 0; }
    .events .generic-list-item .isAdmin .icon-cancel {
      background: #bf4c0a;
      color: #fff;
      padding: 6px;
      -moz-border-radius: 50%;
      -webkit-border-radius: 50%;
      border-radius: 50%;
      cursor: pointer; }
  @media only screen and (max-width: 768px) {
    .events .generic-list-item .col-10 {
      width: 100%;
      padding-left: 0;
      margin-top: 10px; } }

.events .generic-list-item-title {
  vertical-align: top;
  padding-top: 5px;
  padding-bottom: 5px;
  line-height: 1.2em; }
  @media only screen and (max-width: 768px) {
    .events .generic-list-item-title {
      display: block;
      font-size: 22px;
      font-size: 1.375rem; } }

.events .generic-list-item-info {
  line-height: 1.2em;
  font-size: 14px;
  font-size: 0.875rem; }

.events .generic-list-link {
  line-height: 1.2em; }

.events .generic-list-item-group {
  padding-right: 5px;
  padding-top: 5px;
  display: inline-block;
  margin-bottom: 2px; }
  @media only screen and (max-width: 768px) {
    .events .generic-list-item-group {
      display: block;
      margin-bottom: 5px; } }

.events .generic-list-item-label {
  padding: 2px 5px;
  background-color: #008c90;
  color: #fff; }

.events .generic-list-item-value {
  color: #008c90; }
  .events .generic-list-item-value a {
    color: #008c90; }
    .events .generic-list-item-value a:hover {
      text-decoration: underline; }

.events .attendants .status {
  margin-top: 20px; }

.events .attendants .invited {
  border-right: 1px solid #008c90;
  font-size: 16px;
  font-size: 1rem;
  color: #008c90;
  padding-top: 10px;
  padding-bottom: 10px; }

.events .attendants .participating {
  font-size: 16px;
  font-size: 1rem;
  color: #008c90;
  padding-top: 10px;
  padding-bottom: 10px; }

.events .attendants a {
  font-size: 16px;
  font-size: 1rem;
  color: #008c90;
  text-decoration: underline;
  cursor: pointer; }

.events .attendants .thumbnail {
  margin-bottom: 10px;
  position: relative; }
  .events .attendants .thumbnail img {
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    width: 55px;
    height: 55px;
    margin-left: 5px;
    border: 1px solid #ebebeb; }
    .events .attendants .thumbnail img:first-child {
      margin-left: 0; }

.events .guests .thumbnail {
  padding-left: 10px; }
  .events .guests .thumbnail img {
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    width: 100px;
    height: 100px;
    margin-left: 5px;
    border: 1px solid #ebebeb;
    margin: auto; }
    .events .guests .thumbnail img:first-child {
      margin-left: 0; }

.events .widget .form-inline {
  margin-left: 0;
  margin-right: 0; }

.events .widget.invite .user-picture img {
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  width: 55px;
  height: 55px; }

.events .widget.invite .user-name {
  line-height: 55px; }
  .events .widget.invite .user-name span {
    color: #008c90;
    font-size: 16px;
    font-size: 1rem;
    line-height: normal;
    display: inline-block;
    vertical-align: middle; }

.events .widget.invite .user-action {
  padding-left: 0;
  padding-top: 10px; }

.events .admin-actions {
  position: absolute;
  top: 0;
  right: 0; }
  .events .admin-actions .action {
    font-size: 10px;
    font-size: 0.625rem;
    background-color: #df3b3b;
    color: #fff;
    padding: 2px 4px 0;
    cursor: pointer; }

.events .comments-form {
  border: 0;
  background-color: transparent;
  box-shadow: none; }

.events .location-images .image-container {
  min-height: 45px;
  position: relative;
  padding-left: 10px; }
  .events .location-images .image-container:first-of-type {
    padding-left: 0; }
  .events .location-images .image-container img {
    min-height: 65px; }
  .events .location-images .image-container .isAdmin {
    position: absolute;
    top: 0;
    right: 0; }
    .events .location-images .image-container .isAdmin .action {
      padding: 5px; }
    .events .location-images .image-container .isAdmin .add {
      background-color: #008c90;
      color: #fff; }
    .events .location-images .image-container .isAdmin .del {
      background-color: #bf4c0a;
      color: #fff; }

.events .location-images .actions {
  margin: 10px 0; }

.events .admin-list .generic-list-item {
  cursor: pointer;
  color: #008c90; }
  .events .admin-list .generic-list-item i {
    font-size: 22px;
    font-size: 1.375rem;
    vertical-align: middle; }
  .events .admin-list .generic-list-item a {
    color: #008c90; }

/*--------------------------------------------------------------------
componenent: official event detail page
Version: 1.1 - 2016
-----------------------------------------------------------------------*/
.events.oficial {
  /* google map specifics */ }
  .events.oficial .angular-google-map-container,
  .events.oficial #map-canvas {
    height: 280px; }
  .events.oficial .heading {
    font-family: "Gotham", sans-serif;
    font-weight: 700;
    font-size: 28px;
    font-size: 1.75rem;
    line-height: 1em;
    margin-bottom: 0;
    color: #008c90; }
  .events.oficial .generic-list {
    margin-top: 20px; }
    .events.oficial .generic-list .generic-list-item {
      border-bottom: 0; }
    .events.oficial .generic-list .generic-list-item-value {
      padding-left: 10px; }
  .events.oficial .event-description {
    padding: 0 40px;
    width: 93.3222037%;
    font-size: 1.2em; }
  @media only screen and (max-width: 768px) {
    .events.oficial .event .event-logo {
      width: 100%;
      margin-bottom: 20px; } }
  @media only screen and (max-width: 768px) {
    .events.oficial .event .event-info {
      width: 100%;
      margin-bottom: 20px;
      padding-left: 0; } }
  @media only screen and (max-width: 768px) {
    .events.oficial .event .location {
      width: 100%;
      margin-bottom: 20px;
      padding-left: 0; } }

/*--------------------------------------------------------------------
componenent: create event 
Version: 1.1 - 2016
-----------------------------------------------------------------------*/
.events.create .title, .events.edit .title {
  color: #008c90;
  margin-top: 10px;
  line-height: 1em; }

.events.create .cover-upload-icon, .events.edit .cover-upload-icon {
  cursor: pointer; }

.events.create .comment-box, .events.edit .comment-box {
  box-shadow: 0 3px 3px #ebebeb;
  color: #9f9e9e;
  font-size: 16px;
  font-size: 1rem;
  margin-bottom: 10px;
  padding: 2%;
  width: 100%; }
  @media only screen and (max-width: 768px) {
    .events.create .comment-box, .events.edit .comment-box {
      height: 50px; } }

.events.create span, .events.edit span {
  color: #008c90; }

.events.create input[type="text"], .events.edit input[type="text"] {
  padding: 5px;
  border: 0; }

.events.create [class^="icon-"], .events.edit [class^="icon-"] {
  vertical-align: middle;
  color: #008c90;
  font-size: 32px;
  font-size: 2rem; }

.events.create .icon-calendar, .events.edit .icon-calendar {
  cursor: pointer; }

.events.create .form-block, .events.edit .form-block {
  font-size: 16px;
  font-size: 1rem;
  margin-top: 10px;
  margin-bottom: 10px; }

.events.create input[type="radio"], .events.edit input[type="radio"],
.events.create input[type="checkbox"], .events.edit input[type="checkbox"] {
  vertical-align: middle;
  margin-left: 5px; }
  @media only screen and (max-width: 992px) {
    .events.create input[type="radio"], .events.edit input[type="radio"],
    .events.create input[type="checkbox"], .events.edit input[type="checkbox"] {
      margin-left: 0;
      vertical-align: top; } }

.events.create textarea, .events.edit textarea {
  padding: 10px;
  height: 180px; }

.events.create label, .events.edit label, .events.create .label, .events.edit .label {
  display: inline-block;
  font-size: 16px;
  font-size: 1rem;
  padding-right: 10px;
  color: #008c90;
  font-weight: 400; }
  @media only screen and (max-width: 992px) {
    .events.create label, .events.edit label, .events.create .label, .events.edit .label {
      width: 90%;
      font-size: 14px;
      font-size: 0.875rem;
      padding-right: 0; } }

.events.create .name, .events.edit .name {
  color: #008c90;
  font-size: 22px;
  font-size: 1.375rem;
  width: 100%;
  margin-bottom: 10px;
  padding: 5px; }

.events.create .activity, .events.edit .activity {
  padding-left: 25px;
  margin-top: 5px; }
  @media only screen and (max-width: 1200px) {
    .events.create .activity, .events.edit .activity {
      width: 100%;
      font-size: 18px;
      font-size: 1.125rem;
      padding-left: 0;
      margin-top: 10px; } }
  .events.create .activity .select2-container, .events.edit .activity .select2-container {
    margin-left: 0;
    border: 1px solid #ebebeb; }

@media only screen and (max-width: 1200px) {
  .events.create .event-privacy > .col-2, .events.edit .event-privacy > .col-2 {
    width: 33.3%;
    text-align: left; } }

.events.create .event-privacy > .col-6, .events.edit .event-privacy > .col-6 {
  width: 63%; }
  @media only screen and (max-width: 768px) {
    .events.create .event-privacy > .col-6, .events.edit .event-privacy > .col-6 {
      padding-left: 0;
      width: 100%; } }

@media only screen and (max-width: 768px) {
  .events.create .event-privacy .group-privacy-option, .events.edit .event-privacy .group-privacy-option {
    width: 50%; }
    .events.create .event-privacy .group-privacy-option label, .events.edit .event-privacy .group-privacy-option label {
      width: 80%; }
    .events.create .event-privacy .group-privacy-option .radio, .events.edit .event-privacy .group-privacy-option .radio {
      vertical-align: middle; } }

.events.create .datepicker-container, .events.edit .datepicker-container {
  margin-top: 12px;
  padding-top: 5px; }

@media only screen and (max-width: 768px) {
  .events.create .uib-datepicker-popup, .events.edit .uib-datepicker-popup {
    left: -25px !important; } }

.events.create .date-picker, .events.edit .date-picker {
  background: transparent;
  color: #008c90;
  font-size: 16px;
  font-size: 1rem;
  padding-top: 10px !important; }

.events.create .widget .form-inline input[type="text"], .events.edit .widget .form-inline input[type="text"] {
  background-color: #fff !important; }

.events.create .widget .form-inline button, .events.edit .widget .form-inline button {
  top: 0; }

.events.create .address, .events.edit .address, .events.create .coordinates, .events.edit .coordinates, .events.create .gpx, .events.edit .gpx {
  padding: 10px;
  margin-bottom: 10px; }

@media only screen and (max-width: 768px) {
  .events.create .coordinates .col-6, .events.edit .coordinates .col-6 {
    width: 100%;
    margin-bottom: 20px; } }

.events.create .coordinates label, .events.edit .coordinates label {
  color: #9f9e9e;
  width: 30%;
  font-size: 14px;
  font-size: 0.875rem;
  padding-left: 0; }
  @media only screen and (max-width: 768px) {
    .events.create .coordinates label, .events.edit .coordinates label {
      font-size: 16px;
      font-size: 1rem;
      width: 100%;
      margin-bottom: 10px; } }

.events.create .coordinates input[type="text"], .events.edit .coordinates input[type="text"] {
  display: inline-block;
  width: 60%;
  padding: 5px; }
  @media only screen and (max-width: 768px) {
    .events.create .coordinates input[type="text"], .events.edit .coordinates input[type="text"] {
      width: 100%;
      font-size: 22px;
      font-size: 1.375rem; } }

.events.create .coordinates button, .events.edit .coordinates button {
  font-size: 14px;
  font-size: 0.875rem; }
  @media only screen and (max-width: 768px) {
    .events.create .coordinates button, .events.edit .coordinates button {
      width: 100%;
      font-size: 22px;
      font-size: 1.375rem; } }

.events.create .gpx .file-upload-label, .events.edit .gpx .file-upload-label {
  font-size: 14px;
  font-size: 0.875rem;
  color: #9f9e9e; }

.events.create .gpx .file-upload-action, .events.edit .gpx .file-upload-action {
  background-color: #008c90;
  color: #fff;
  font-size: 14px;
  font-size: 0.875rem; }

/*--------------------------------------------------------------------
componenent: edit event page 
Version: 1.0 - 2016
-----------------------------------------------------------------------*/
/*--------------------------------------------------------------------
componenent: event detail page 
Version: 1.0 - 2016
-----------------------------------------------------------------------*/
@media only screen and (max-width: 768px) {
  .events.detail .activity-icon {
    display: none; } }

@media only screen and (max-width: 768px) {
  .events.detail .event-info {
    padding-left: 0; } }

.events.detail .icon-container {
  text-align: center; }
  .events.detail .icon-container i {
    display: inline-block;
    background-color: #008c90;
    color: #fff;
    font-size: 48px;
    font-size: 3rem;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    padding: 5px;
    margin-top: 10px; }
  @media only screen and (max-width: 768px) {
    .events.detail .icon-container {
      display: none; } }

.events.detail .title {
  color: #008c90;
  margin-top: 10px;
  line-height: 1em; }

.events.detail .datetime {
  color: #008c90;
  font-size: 16px;
  font-size: 1rem; }
  .events.detail .datetime i {
    font-size: 24px;
    font-size: 1.5rem;
    display: inline-block;
    vertical-align: sub; }

.events.detail .location {
  margin-top: 20px;
  color: #6e726e;
  font-size: 16px;
  font-size: 1rem; }

.events.detail .description {
  font-size: 16px;
  font-size: 1rem;
  color: #6e726e; }

.events.detail .guests.generic-list {
  border: 0;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  padding: 0; }
  .events.detail .guests.generic-list .email {
    color: #fff;
    text-align: center; }
    .events.detail .guests.generic-list .email .generic-list-item-icon .icon {
      font-size: 92px;
      display: inline-block;
      margin: 15px 16px; }
    .events.detail .guests.generic-list .email label {
      color: #008c90;
      font-weight: 700; }
  .events.detail .guests.generic-list .generic-list-item {
    margin-left: 20px;
    position: relative;
    border-bottom: 0; }
    .events.detail .guests.generic-list .generic-list-item:first-of-type {
      margin-left: 0; }
  .events.detail .guests.generic-list .generic-list-item-icon {
    margin-bottom: 10px; }
    .events.detail .guests.generic-list .generic-list-item-icon img {
      -moz-border-radius: 50%;
      -webkit-border-radius: 50%;
      border-radius: 50%; }
  .events.detail .guests.generic-list .username {
    text-align: center; }
    .events.detail .guests.generic-list .username a {
      color: #008c90;
      font-weight: 700;
      font-size: 16px;
      font-size: 1rem; }

/*--------------------------------------------------------------------
componenent: groups
Version: 1.0 - 2016
-----------------------------------------------------------------------*/
@media only screen and (max-width: 768px) {
  .groups .description {
    margin-top: 20px;
    margin-bottom: 20px; } }

.groups .generic-list .btn-load-more {
  margin-bottom: 16px; }

.groups .generic-list-item {
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #f2f3f3; }
  .groups .generic-list-item:last-child {
    border-bottom: 0; }

.groups .generic-list-item-link {
  line-height: 1.2em; }

.groups .generic-list-item-header {
  line-height: 50px; }
  .groups .generic-list-item-header .generic-list-item-title {
    display: inline-block;
    vertical-align: middle;
    margin: 0; }

.groups .generic-list-item-title {
  font-size: 16px;
  font-size: 1rem;
  color: #008c90;
  display: block;
  margin-bottom: 10px; }
  .groups .generic-list-item-title .txt-small {
    color: #9f9e9e;
    padding-left: 10px;
    font-weight: 400; }

.groups .generic-list-item-info {
  line-height: 1.2em;
  font-size: 14px;
  font-size: 0.875rem;
  color: #9f9e9e;
  display: block; }

@media only screen and (max-width: 1200px) {
  .groups .col-10 {
    width: 74.9%; } }

.groups .attendants .generic-list-item {
  margin-bottom: 0;
  padding-bottom: 0;
  margin-left: 10px; }
  .groups .attendants .generic-list-item:first-child {
    margin-left: 0; }

.groups .attendants .thumbnail {
  margin-bottom: 10px;
  position: relative; }
  .groups .attendants .thumbnail img {
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    width: 55px;
    height: 55px;
    margin-left: 5px;
    border: 1px solid #ebebeb; }
    .groups .attendants .thumbnail img:first-child {
      margin-left: 0; }

.groups .guests .thumbnail {
  padding-left: 10px; }
  .groups .guests .thumbnail img {
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    width: 100px;
    height: 100px;
    margin-left: 5px;
    border: 1px solid #ebebeb;
    margin: auto; }
    .groups .guests .thumbnail img:first-child {
      margin-left: 0; }

.groups .pending .generic-list .generic-list-item {
  border-bottom: 1px solid #ebebeb; }
  .groups .pending .generic-list .generic-list-item:last-child {
    border-bottom: 0; }

.groups .pending .generic-list .generic-list-item-icon img {
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%; }

.groups .pending .generic-list .generic-list-item-info {
  line-height: 50px; }
  .groups .pending .generic-list .generic-list-item-info .username {
    font-size: 16px;
    font-size: 1rem;
    color: #008c90;
    display: inline-block;
    vertical-align: middle; }

.groups .pending .generic-list .generic-list-link {
  line-height: 50px !important; }
  .groups .pending .generic-list .generic-list-link .action {
    vertical-align: middle; }

/*--------------------------------------------------------------------
componenent: official location detail page
Version: 1.0 - 2016
-----------------------------------------------------------------------*/
.location-details {
  /* location info
    ---------------------------------------------------------------------------*/ }
  .location-details a {
    color: #008c90; }
    .location-details a.btn-flat-green {
      color: #fff;
      margin-left: 10px; }
  .location-details .header {
    margin-bottom: 10px; }
    .location-details .header .title {
      margin-bottom: 0;
      line-height: 1.2em; }
      .location-details .header .title .heading {
        font-weight: 300;
        color: #008c90; }
    .location-details .header .review {
      padding-top: 14px;
      display: inline-block; }
      .location-details .header .review .numbVotes {
        padding-left: 10px;
        line-height: 25px; }
  .location-details .secundary-heading {
    margin-bottom: 0;
    font-family: Uni-Sans-book;
    color: #008c90; }
    .location-details .secundary-heading span {
      color: #6e726e;
      font-size: 14px;
      font-size: 0.875rem; }
  .location-details .details {
    /* location activities
    ---------------------------------------------------------------------------*/ }
    @media only screen and (max-width: 768px) {
      .location-details .details {
        width: auto;
        margin: 0; } }
    .location-details .details .description {
      font-size: 16px;
      font-size: 1rem;
      font-family: 'Uni Sans Book', sans-serif;
      color: #6e726e;
      margin-bottom: 20px; }
    @media only screen and (max-width: 768px) {
      .location-details .details > .col-4 {
        width: 100%; } }
    .location-details .details .activities {
      color: #9f9e9e;
      font-size: 14px;
      font-size: 0.875rem;
      margin: 5px 0 20px; }
      .location-details .details .activities .heading {
        margin-bottom: 0;
        font-family: Uni-Sans-book;
        color: #008c90; }
        .location-details .details .activities .heading span {
          color: #888787;
          font-size: 0.9em; }
      .location-details .details .activities .ico-container {
        display: block;
        margin-bottom: 10px;
        margin-top: 10px;
        font-size: 16px;
        font-size: 1rem;
        line-height: 35px; }
        .location-details .details .activities .ico-container .ico-bg {
          padding: 5px;
          color: #fff;
          background-color: #008c90;
          margin-right: 5px;
          -moz-border-radius: 50%;
          -webkit-border-radius: 50%;
          border-radius: 50%;
          width: 35px;
          height: 35px;
          line-height: 35px;
          text-align: center;
          display: inline-block; }
        .location-details .details .activities .ico-container .icon {
          font-size: 35px;
          font-size: 2.1875rem;
          color: #fff; }
      .location-details .details .activities .angular-input-stars {
        display: inline-block;
        vertical-align: top;
        padding-top: 5px; }
        @media only screen and (max-width: 768px) {
          .location-details .details .activities .angular-input-stars {
            width: 78%; } }
      .location-details .details .activities .count {
        vertical-align: top;
        padding-top: 5px;
        display: inline-block; }

/* location images
---------------------------------------------------------------------------*/
.location-images-container {
  margin-top: 5px; }
  @media only screen and (max-width: 768px) {
    .location-images-container {
      width: 100%;
      margin-left: 0;
      margin-top: 0;
      padding: 0 !important; } }

.imagePreviews-images {
  margin-top: 20px; }
  .imagePreviews-images .ng-gallery {
    width: 100%;
    display: flex;
    align-items: flex-start; }
    @media only screen and (max-width: 768px) {
      .imagePreviews-images .ng-gallery {
        flex-flow: row wrap; } }
    .imagePreviews-images .ng-gallery img.ng-thumb {
      height: auto; }
    .imagePreviews-images .ng-gallery div {
      float: left;
      margin-right: 10px;
      margin-bottom: 10px;
      width: 30%;
      flex-basis: 30%; }
      @media only screen and (max-width: 768px) {
        .imagePreviews-images .ng-gallery div {
          width: 100%;
          flex-basis: 100%;
          margin-right: 0;
          text-align: center; } }

.location-user-rating .numbVotes {
  margin-left: 10px; }

/*--------------------------------------------------------------------
componenent: calendar filters
Version: 1.0 - 2016
-----------------------------------------------------------------------*/
.filter-container {
  padding: 20px; }
  .filter-container .filter {
    margin-bottom: 20px; }
  .filter-container .filter-label {
    font-family: 'Uni Sans Book', sans-serif; }
  .filter-container input[type="checkbox"] {
    vertical-align: top;
    margin-top: 2px; }
  .filter-container input[type="radio"] {
    display: none; }
  .filter-container input[type="radio"]:checked + .radio-label {
    background-color: #0fa8aa; }
  .filter-container .radio-label {
    padding: 5px 8px;
    background-color: #008c90;
    -moz-border-radius: 60px;
    -webkit-border-radius: 60px;
    border-radius: 60px;
    color: #fff;
    display: inline-block;
    margin: 0 5px 5px;
    cursor: pointer;
    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out; }
    .filter-container .radio-label:hover {
      background-color: #0fa8aa;
      -webkit-transition: all 0.2s ease-in;
      transition: all 0.2s ease-in; }
  .filter-container .text-input {
    border: 1px solid #9f9e9e;
    font-size: 16px;
    font-size: 1rem;
    font-family: 'Uni Sans Book', sans-serif;
    padding: 2%;
    width: 100%;
    color: #6e726e; }

/*--------------------------------------------------------------------
module: article list
Version: 1.0 - 2015
-----------------------------------------------------------------------*/
.articles .article-grid {
  min-height: 690px; }

.articles img {
  float: left;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1; }

.articles .article-list {
  width: 30.333333% !important;
  float: left;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.4);
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  margin: 1% 0.5%;
  padding: 5px; }
  @media only screen and (max-width: 768px) {
    .articles .article-list {
      width: 98% !important;
      margin: 0;
      height: 320px; } }
  .articles .article-list p {
    font-size: 0.9em; }
  .articles .article-list.row {
    width: 30.333333% !important; }
    @media only screen and (max-width: 768px) {
      .articles .article-list.row {
        width: 98% !important;
        margin: 0;
        height: 320px; } }
  .articles .article-list ul {
    width: 100%;
    float: left;
    height: 310px; }
    .articles .article-list ul li h2 {
      font-size: 16px;
      color: #008c90;
      line-height: 18px;
      margin: 6px 0;
      font-family: 'Uni-Sans-Book', sans-serif; }
      .articles .article-list ul li h2 a {
        color: #008c90;
        font-size: 16px; }
        .articles .article-list ul li h2 a:hover {
          text-decoration: underline; }
      .articles .article-list ul li h2 p {
        font-size: 0.9em;
        color: #6e726e;
        line-height: 15px;
        margin-bottom: 8px; }
    .articles .article-list ul li a {
      color: #008c90; }
      .articles .article-list ul li a:hover {
        text-decoration: underline; }
  .articles .article-list .img-list {
    float: left;
    width: 100%;
    position: relative;
    height: 180px; }
    @media only screen and (max-width: 768px) {
      .articles .article-list .img-list {
        height: 125px !important;
        margin-bottom: 20px; } }
  .articles .article-list .circle-icons {
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    border-radius: 25px;
    width: 30px;
    height: 30px;
    float: left;
    background-color: #008c90;
    margin-left: 10px;
    position: relative;
    margin-top: 10px;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
    z-index: 10; }
  .articles .article-list .base-icon {
    width: 100%;
    color: #ffffff;
    font-size: 25px;
    position: absolute;
    line-height: 30px;
    z-index: 8998;
    text-align: center; }

.articles .article_destaque {
  float: left;
  margin-bottom: 50px;
  display: block;
  color: #6e726e; }
  .articles .article_destaque .article-date {
    text-transform: uppercase;
    color: #f2f3f3;
    font-size: 11px;
    line-height: 1em;
    width: 100%;
    float: left;
    display: block; }
  .articles .article_destaque .article-title {
    font-size: 1.1em;
    margin-bottom: 10px; }
  .articles .article_destaque .article-description {
    float: left;
    font-size: 13px;
    line-height: 18px; }

/*--------------------------------------------------------------------
module: article detail page
Version: 1.0 - 2015
---------------------------------------------------------------------*/
.article-detail {
  float: left;
  margin: 0;
  padding: 15px 0; }
  .article-detail .main-heading {
    margin-bottom: 10px; }
  .article-detail .secundary-heading {
    font-weight: 700;
    margin-bottom: 40px;
    font-size: 1.2em; }
  .article-detail .article-image {
    margin-bottom: 40px; }
    .article-detail .article-image span {
      display: block; }
  .article-detail .article-content {
    font-size: 16px;
    font-size: 1rem;
    margin-bottom: 40px;
    color: #6e726e; }
    .article-detail .article-content p {
      line-height: 1.4em;
      padding-bottom: 20px;
      text-align: left;
      white-space: normal; }
  .article-detail .article-meta {
    font-size: 0.9em; }
    .article-detail .article-meta p {
      color: #9f9e9e;
      line-height: 2em;
      -ms-text-justify: distribute;
      text-justify: distribute; }
    .article-detail .article-meta .btn-all {
      margin-left: 0; }

.article-social-icons {
  margin-left: 20px; }
  .article-social-icons i {
    font-size: 20px !important; }

.article-detail ul {
  width: 100%;
  float: left; }
  .article-detail ul h2 {
    font-size: 22px;
    color: #008c90;
    line-height: 24px;
    margin: 10px 0 20px; }
  .article-detail ul h3 {
    color: #6e726e;
    font-size: 14px;
    font-weight: bold;
    line-height: 22px;
    margin: 8px 0 25px; }
  .article-detail ul p {
    font-size: 13px;
    color: #6e726e;
    line-height: 18px;
    margin-bottom: 8px; }
  .article-detail ul span {
    text-transform: uppercase;
    color: #6e726e;
    font-size: 11px; }
  .article-detail ul a {
    font-size: 13px; }

/*--------------------------------------------------------------------
componenent: weather
Version: 1.0 - feb 2015
-----------------------------------------------------------------------*/
.jq_weather_details {
  float: left;
  width: 20%;
  text-align: center; }
  .jq_weather_details .week-day {
    font-size: 16px;
    font-size: 1rem;
    font-weight: 500; }
  .jq_weather_details .date {
    font-size: 20px;
    font-size: 1.25rem;
    top: 0;
    left: 0;
    margin-top: 10px;
    margin-bottom: 10px; }
    @media only screen and (max-width: 768px) {
      .jq_weather_details .date {
        font-size: 14px;
        font-size: 0.875rem; } }
  .jq_weather_details .temp {
    margin: 0 auto;
    width: 60%;
    text-align: center; }
    .jq_weather_details .temp i {
      color: #0fa8aa;
      font-size: 3em;
      display: inline-block;
      line-height: 1.3em;
      margin-right: 10px; }
      @media only screen and (max-width: 768px) {
        .jq_weather_details .temp i {
          font-size: 30px;
          font-size: 1.875rem; } }
    .jq_weather_details .temp .value {
      display: inline-block;
      font-size: 1.2em;
      font-weight: 300;
      padding-top: 5px;
      text-align: left;
      vertical-align: top; }
      @media only screen and (max-width: 768px) {
        .jq_weather_details .temp .value {
          font-size: 14px;
          font-size: 0.875rem;
          display: block;
          text-align: center; } }
      .jq_weather_details .temp .value .min {
        font-weight: 200; }
  .jq_weather_details .icon {
    width: 40%;
    text-align: left;
    display: inline-block;
    margin-right: 10px; }
    .jq_weather_details .icon img {
      width: 100%;
      height: auto;
      display: block; }

/*--------------------------------------------------------------------
componenent: partnership list
Version: 1.0 - 2016
-----------------------------------------------------------------------*/
.partnerships .generic-list .generic-list-item {
  border-bottom: 1px solid #9f9e9e;
  padding-bottom: 10px;
  margin-bottom: 10px;
  margin-right: 5px;
  padding-left: 5px;
  color: #9f9e9e;
  width: 32.7%; }

.partnerships .generic-list .generic-list-item-header {
  font-size: 14px;
  font-size: 0.875rem;
  color: #226b78;
  font-weight: 700;
  display: block;
  text-transform: uppercase; }

.partnerships .generic-list .generic-list-item-info {
  font-size: 14px;
  font-size: 0.875rem; }

.partnerships .generic-list .generic-list-item-link {
  color: #008c90; }

/*--------------------------------------------------------------------
page: error message
Version: 2.0 - 2016
-----------------------------------------------------------------------*/
.error-message {
  margin-bottom: 40px; }
  .error-message .title {
    color: #008c90;
    font-size: 32px;
    font-size: 2rem;
    margin-bottom: 0px; }
  .error-message .description {
    color: #008c90;
    font-size: 18px;
    font-size: 1.125rem; }
  .error-message .link {
    color: #008c90;
    line-height: 1.2em;
    padding-bottom: 2px; }
    .error-message .link:hover {
      color: #0fa8aa;
      border-bottom: 1px solid #0fa8aa; }
    .error-message .link .glyphicon {
      vertical-align: middle;
      font-size: 16px;
      font-size: 1rem;
      padding-right: 5px; }

/*--------------------------------------------------------------------
base: homepage, no login
Version: 1.0 - 2015
-----------------------------------------------------------------------*/
/* FEATURE
-----------------------------------------------------------------------*/
.wgt-featured {
  position: relative;
  overflow: hidden;
  padding: 150px 0 0 0;
  background: url(/Content/Images/Hero/btt.jpg) no-repeat center center;
  color: #fff;
  background-size: cover; }
  @media only screen and (max-width: 768px) {
    .wgt-featured {
      padding-top: 50px;
      padding-bottom: 50px; } }
  @media only screen and (max-width: 768px) {
    .wgt-featured .text-right {
      display: none; } }
  .wgt-featured .text-right img {
    padding-right: 30px;
    float: right;
    margin: 0;
    width: auto; }
  @media only screen and (max-width: 768px) {
    .wgt-featured .col-6 {
      padding: 0 5%;
      width: 90%; } }
  @media only screen and (max-width: 768px) {
    .wgt-featured .text-left {
      width: 100%; } }
  .wgt-featured h1 span {
    display: inline-block;
    text-transform: uppercase;
    background: rgba(25, 139, 143, 0.72);
    color: #fff;
    padding: 7px; }
  .wgt-featured .arrow-left,
  .wgt-featured .arrow-right {
    position: absolute;
    left: 100px;
    top: 50%;
    margin-top: -15px;
    opacity: 0.5;
    cursor: pointer;
    color: #fff;
    font-size: 30px;
    border: 3px solid #fff;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    width: 60px;
    height: 60px;
    line-height: 60px;
    text-align: center; }
    .wgt-featured .arrow-left:hover,
    .wgt-featured .arrow-right:hover {
      opacity: 1;
      background: rgba(255, 255, 255, 0.3); }
  .wgt-featured .arrow-right {
    right: 100px;
    left: auto; }
  .wgt-featured .item {
    text-shadow: 1px 1px 7px rgba(0, 0, 0, 0.3);
    background-position: right center;
    background-attachment: fixed;
    background-size: cover; }
    .wgt-featured .item img {
      display: block;
      width: 100%;
      position: relative; }
    .wgt-featured .item .content {
      position: absolute;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      text-align: center;
      width: 100%;
      top: 50%;
      margin-top: -75px; }
      .wgt-featured .item .content h1 {
        font-size: 70px;
        color: #fff;
        margin-bottom: 40px; }
      .wgt-featured .item .content p {
        font-size: 20px;
        color: #fff; }

/* HOMEPAGE SPOTLIGHT
-----------------------------------------------------------------------*/
.wgt-spotlight {
  width: 100px;
  height: 100px;
  text-align: center;
  line-height: 100px;
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  border-radius: 50px;
  background: #0fa8aa;
  display: block;
  margin: auto;
  color: #fff; }
  .wgt-spotlight.small {
    display: inline-block;
    background: #005255;
    width: 25px;
    height: 25px;
    line-height: 25px;
    vertical-align: middle; }
  .wgt-spotlight a {
    border: 2px solid #226b78;
    -webkit-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out; }
    .wgt-spotlight a:hover {
      background: transparent;
      border: 2px solid #fff;
      color: #fff; }
  .wgt-spotlight [class^="icon-"], .wgt-spotlight [class*=" icon-"] {
    font-size: 14px;
    font-size: 0.875rem; }

/* WGT HOME
-----------------------------------------------------------------------*/
.wgt-home {
  text-align: center; }
  .wgt-home [class^="icon-"], .wgt-home [class*=" icon-"] {
    font-size: 80px;
    font-size: 5rem; }
  @media only screen and (max-width: 768px) {
    .wgt-home .col-4 {
      width: 100%;
      padding-bottom: 40px;
      padding-left: 0; } }
  .wgt-home .col-4 .wgt-spotlight {
    margin-bottom: 20px; }
  .wgt-home .container {
    padding-top: 70px;
    padding-bottom: 70px; }
    @media only screen and (max-width: 768px) {
      .wgt-home .container {
        padding-top: 40px;
        padding-bottom: 40px; } }
  .wgt-home a {
    display: block;
    padding: 20px 0;
    color: #6e726e;
    min-height: 185px;
    -moz-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    -webkit-transition: inherit;
    transition: all 200ms linear; }
    .wgt-home a:hover {
      background-color: #eee; }
  .wgt-home p {
    width: 65%;
    margin: 10px auto 0 auto;
    font-size: 14px;
    font-size: 0.875rem; }
    @media only screen and (max-width: 768px) {
      .wgt-home p {
        width: 90%;
        font-size: 16px;
        font-size: 1rem; } }
  .wgt-home h3 {
    color: #0fa8aa;
    margin-bottom: 60px; }
    @media only screen and (max-width: 768px) {
      .wgt-home h3 {
        margin-bottom: 40px; } }

/* WGT HOME SPECIAL 
-----------------------------------------------------------------------*/
.wgt-home-special {
  padding: 250px 0;
  background: url(/Content/Images/wgt-home-special-bg.jpg) no-repeat center center;
  background-size: cover;
  background-attachment: fixed;
  font-size: 0;
  overflow: hidden; }
  @media only screen and (max-width: 768px) {
    .wgt-home-special {
      padding-top: 80px;
      padding-bottom: 80px; } }
  .wgt-home-special .item {
    text-align: center; }
  .wgt-home-special h3 {
    margin-top: 30px;
    margin-bottom: 20px; }
    .wgt-home-special h3 span {
      text-transform: uppercase;
      color: #fff;
      font-size: 2em;
      line-height: 1em;
      text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4); }
  .wgt-home-special img {
    display: inline-block; }
  .wgt-home-special p {
    color: #fff;
    margin: 20px auto 0 auto;
    font-size: 15px; }
  .wgt-home-special .btn-large {
    font-size: 2em;
    padding-left: 25px;
    padding-right: 25px;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4); }

/* WGT - FAQ
-----------------------------------------------------------------------*/
@media only screen and (max-width: 768px) {
  .wgt-faq-questions {
    float: left; } }

.wgt-faq-questions a {
  background: #f2f3f3; }
  .wgt-faq-questions a:hover {
    box-shadow: inset 0 0 0 3px rgba(0, 0, 0, 0.4); }
  .wgt-faq-questions a.active {
    box-shadow: inset 0 0 0 3px rgba(31, 169, 170, 0.8);
    background: transparent; }

@media only screen and (max-width: 768px) {
  .wgt-faq-questions .col-3 {
    width: 100%;
    padding-left: 0;
    margin-bottom: 20px; } }

.wgt-faq-reply {
  background: #f2f3f3;
  font-size: 20px;
  text-align: center;
  display: none;
  color: #0fa8aa; }
  .wgt-faq-reply span {
    color: #6e726e; }
  .wgt-faq-reply .container {
    padding: 20px 0; }