@import url("https://fonts.googleapis.com/css?family=Acme|Raleway:100,300,400,500,700&display=swap");
* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-family: "Raleway", sans-serif; }

html {
  scroll-behavior: smooth; }

body {
  margin: 0; }

.se-pre-con {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 99999;
  background: url("../img/Preloader_2.gif") center no-repeat #fff; }

/*=========================================LANDING PAGE==================================================*/
.landing-nav {
  position: absolute;
  background: none;
  width: 100%;
  padding: 40px 150px; }
  .landing-nav .navbar-brand {
    font-family: "Acme", sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    color: #44c5ee;
    font-size: 28px; }
  .landing-nav .landing-nav_sign-in {
    background: none;
    padding: 10px 28px;
    border: 2px solid #44c5ee;
    color: #fff;
    border-radius: 50px;
    font-weight: 700;
    letter-spacing: 0.08em;
    -webkit-transition: 0.5s all;
    -o-transition: 0.5s all;
    transition: 0.5s all;
    outline: none; }
  .landing-nav .landing-nav_sign-in:hover {
    background: #fff;
    color: #496174; }
  .landing-nav .modal-content {
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); }
    .landing-nav .modal-content .modal-header {
      padding: 15px;
      border-bottom: 1px solid #e5e5e5; }
    .landing-nav .modal-content .modal-body .form-group {
      margin-bottom: 15px; }
      .landing-nav .modal-content .modal-body .form-group .form-control {
        font-size: 16px;
        padding: 10px 15px;
        color: #555555;
        background-color: #ffffff;
        border-radius: 3px;
        border: 1px solid #eeeeee;
        height: 38px;
        -webkit-box-shadow: none;
        box-shadow: none; }
      .landing-nav .modal-content .modal-body .form-group .form-control:focus {
        border: 1px solid #44c5ee; }
      .landing-nav .modal-content .modal-body .form-group .btn {
        background: #44c5ee;
        padding: 10px 28px;
        border: 2px solid #44c5ee;
        color: #ffffff;
        border-radius: 50px;
        font-weight: 700;
        letter-spacing: 0.08em;
        -webkit-transition: 0.5s all;
        -o-transition: 0.5s all;
        transition: 0.5s all;
        outline: none;
        -webkit-box-shadow: 0px 0px 60px 0px rgba(68, 197, 238, 0.6);
        box-shadow: 0px 0px 60px 0px rgba(68, 197, 238, 0.6);
        width: 100%; }
      .landing-nav .modal-content .modal-body .form-group .btn:hover {
        background: #ffffff;
        color: #496174; }
    .landing-nav .modal-content .forgot-footer {
      margin-top: 50px; }
      .landing-nav .modal-content .forgot-footer .collapse .card {
        border: none; }

.generic-nav {
  position: relative;
  background: #333745; }

.sign-up {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.25)), to(rgba(0, 0, 0, 0.25))), url("../img/landing-bg.jpg");
  background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.25)), url("../img/landing-bg.jpg");
  background-image: -o-linear-gradient(rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.25)), url("../img/landing-bg.jpg");
  background-image: linear-gradient(rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.25)), url("../img/landing-bg.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 190px 0 120px 0; }
  .sign-up .welcome-landing {
    color: #fff; }
    .sign-up .welcome-landing .welcome-landing__title {
      text-align: center;
      font-size: 48px;
      font-weight: 700;
      letter-spacing: 0.04em;
      margin-bottom: 35px; }
    .sign-up .welcome-landing .welcome-landing__caption {
      font-size: 36px;
      font-weight: 300; }
    .sign-up .welcome-landing .welcome-landing__text {
      font-size: 18px;
      margin-top: 25px;
      color: #fff; }
    .sign-up .welcome-landing .welcome-landing__buttons {
      margin-top: 25px; }
      .sign-up .welcome-landing .welcome-landing__buttons .welcome-landing__btntransparent {
        background: transparent;
        padding: 10px 28px;
        color: #fff;
        border: 2px solid #fff;
        border-radius: 50px;
        font-weight: 700;
        -webkit-transition: 0.5s all;
        -o-transition: 0.5s all;
        transition: 0.5s all;
        outline: none; }
      .sign-up .welcome-landing .welcome-landing__buttons .welcome-landing__btntransparent:hover {
        background: #ffffff;
        color: #496174; }
      .sign-up .welcome-landing .welcome-landing__buttons .welcome-landing__btnblue {
        background: #44c5ee;
        padding: 10px 28px;
        border: 2px solid #44c5ee;
        color: #ffffff;
        border-radius: 50px;
        font-weight: 700;
        letter-spacing: 0.08em;
        -webkit-transition: 0.5s all;
        -o-transition: 0.5s all;
        transition: 0.5s all;
        outline: none;
        -webkit-box-shadow: 0px 0px 60px 0px rgba(68, 197, 238, 0.6);
        box-shadow: 0px 0px 60px 0px rgba(68, 197, 238, 0.6);
        margin-left: 15px; }
      .sign-up .welcome-landing .welcome-landing__buttons .welcome-landing__btnblue:hover {
        background: #ffffff;
        color: #496174; }
  .sign-up .sign-up__formcontainer {
    background: #fff;
    padding: 45px;
    border-radius: 5px; }
    .sign-up .sign-up__formcontainer .sign-up__titleform {
      text-align: center;
      font-size: 36px;
      letter-spacing: 0.08em; }
    .sign-up .sign-up__formcontainer .form-group {
      margin-bottom: 15px; }
      .sign-up .sign-up__formcontainer .form-group .form-control {
        font-size: 16px;
        padding: 10px 15px;
        color: #555555;
        background-color: #ffffff;
        border-radius: 3px;
        border: 1px solid #eeeeee;
        height: 38px;
        -webkit-box-shadow: none;
        box-shadow: none; }
      .sign-up .sign-up__formcontainer .form-group .form-control:focus {
        border: 1px solid #44c5ee; }
      .sign-up .sign-up__formcontainer .form-group .btn {
        background: #44c5ee;
        padding: 10px 28px;
        border: 2px solid #44c5ee;
        color: #ffffff;
        border-radius: 50px;
        font-weight: 700;
        letter-spacing: 0.08em;
        -webkit-transition: 0.5s all;
        -o-transition: 0.5s all;
        transition: 0.5s all;
        outline: none;
        -webkit-box-shadow: 0px 0px 60px 0px rgba(68, 197, 238, 0.6);
        box-shadow: 0px 0px 60px 0px rgba(68, 197, 238, 0.6);
        width: 100%; }
      .sign-up .sign-up__formcontainer .form-group .btn:hover {
        background: #ffffff;
        color: #496174; }
    .sign-up .sign-up__formcontainer .sign-up-form {
      padding-top: 10px; }
    .sign-up .sign-up__formcontainer p {
      color: grey; }

.get-started {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(68, 197, 238, 0.55)), to(black)), url("../img/landing-bg.jpg");
  background: -webkit-linear-gradient(rgba(68, 197, 238, 0.55), black), url("../img/landing-bg.jpg");
  background: -o-linear-gradient(rgba(68, 197, 238, 0.55), black), url("../img/landing-bg.jpg");
  background: linear-gradient(rgba(68, 197, 238, 0.55), black), url("../img/landing-bg.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  padding: 80px 0 80px 0;
  background-position: 0 0%; }
  .get-started .get-started__title {
    text-transform: capitalize;
    margin-top: 30px;
    margin-bottom: 20px;
    font-size: 40px;
    letter-spacing: 0.08rem;
    color: #fff;
    text-align: center; }
  .get-started .get__started__text {
    color: #fff;
    font-weight: 300;
    text-align: center; }
    .get-started .get__started__text span {
      font-size: 24px;
      font-weight: 600;
      color: #44c5ee; }
  .get-started .carousel-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }
    .get-started .carousel-container .wrapper {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      width: 1110px;
      -ms-flex-item-align: center;
      align-self: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      overflow: hidden; }
      .get-started .carousel-container .wrapper .carousel_wrapper {
        list-style: none;
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-transition: all 1s ease;
        -o-transition: all 1s ease;
        transition: all 1s ease;
        -webkit-margin-before: 0;
        margin-block-start: 0;
        -webkit-padding-start: 0;
        padding-inline-start: 0; }
      .get-started .carousel-container .wrapper .item {
        min-width: 200px;
        margin: 0 10px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center; }
        .get-started .carousel-container .wrapper .item img {
          height: 218px; }

.get-started__mapcontainer {
  border: 1px solid #000;
  width: 100%;
  height: 700px;
  -webkit-box-shadow: 0px 0px 60px 0px rgba(68, 197, 238, 0.6);
  box-shadow: 0px 0px 60px 0px rgba(68, 197, 238, 0.6); }

.landing__map {
  padding: 80px 0;
  margin-bottom: 80px; }
  .landing__map .map__text {
    background: #333745;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: space-evenly;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly;
    text-align: center; }
    .landing__map .map__text .btn {
      background: #44c5ee;
      padding: 10px 28px;
      border: 2px solid #44c5ee;
      color: #ffffff;
      border-radius: 50px;
      font-weight: 700;
      letter-spacing: 0.08em;
      -webkit-transition: 0.5s all;
      -o-transition: 0.5s all;
      transition: 0.5s all;
      outline: none;
      -webkit-box-shadow: 0px 0px 60px 0px rgba(68, 197, 238, 0.6);
      box-shadow: 0px 0px 60px 0px rgba(68, 197, 238, 0.6); }
      .landing__map .map__text .btn:hover {
        background: #ffffff;
        color: #496174; }

.landing__asociates {
  height: 100%; }

.associates__content {
  background: #44c5ee;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: space-evenly;
  -ms-flex-pack: space-evenly;
  justify-content: space-evenly; }
  .associates__content h2 {
    padding: 0 15px;
    font-size: 40px;
    color: #fff;
    font-family: "Raleway", sans-serif;
    text-transform: capitalize; }
    .associates__content h2 span {
      font-size: 20px;
      font-style: italic;
      font-weight: 300; }
  .associates__content p {
    color: #ffffff;
    padding: 0 20px; }
  .associates__content .btn {
    border: 2px solid #44c5ee;
    border-radius: 50px;
    background: #ffffff;
    color: #333745;
    border-radius: 50px;
    font-weight: 700;
    letter-spacing: 0.08em;
    -webkit-transition: 0.5s all;
    -o-transition: 0.5s all;
    transition: 0.5s all;
    outline: none;
    -webkit-box-shadow: 0px 0px 60px 0px rgba(68, 197, 238, 0.6);
    box-shadow: 0px 0px 60px 0px rgba(68, 197, 238, 0.6);
    transition: 0.5s all;
    padding: 10px 28px; }
  .associates__content .btn:hover {
    color: #ffffff;
    background: none;
    border: 2px solid #fff; }

.landing__blog h2 {
  text-align: center;
  font-size: 40px;
  letter-spacing: 0.08rem; }
  .landing__blog h2 span {
    font-style: italic;
    font-size: 24px; }

.landing__blog .blog__features {
  padding: 30px 0; }
  .landing__blog .blog__features span {
    display: inline-block;
    margin: auto;
    font-size: 48px;
    color: #f23c7e; }
  .landing__blog .blog__features p {
    font-size: 20px;
    font-weight: 300; }

.landing__blog .btn {
  border: 2px solid #44c5ee;
  border-radius: 50px;
  background: #44c5ee;
  color: #fff;
  border-radius: 50px;
  font-weight: 700;
  letter-spacing: 0.08em;
  -webkit-transition: 0.5s all;
  -o-transition: 0.5s all;
  transition: 0.5s all;
  outline: none;
  -webkit-box-shadow: 0px 0px 60px 0px rgba(68, 197, 238, 0.6);
  box-shadow: 0px 0px 60px 0px rgba(68, 197, 238, 0.6);
  transition: 0.5s all;
  padding: 10px 28px; }

.landing__blog .btn:hover {
  color: #44c5ee;
  background: #fff; }

.landing__merchandise {
  background: #44c5ee;
  padding-top: 40px; }
  .landing__merchandise .merchandise__title {
    padding-left: 30px; }
    .landing__merchandise .merchandise__title h2 {
      font-size: 40px;
      letter-spacing: 0.08rem;
      color: #fff; }
    .landing__merchandise .merchandise__title p {
      color: #ffffff;
      font-size: 20px; }
    .landing__merchandise .merchandise__title hr {
      color: #ffffff;
      border: 1px solid #fff; }
    .landing__merchandise .merchandise__title .steps__first {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: distribute;
      justify-content: space-around;
      padding-bottom: 25px; }
      .landing__merchandise .merchandise__title .steps__first span {
        font-size: 48px;
        color: #ffffff; }
      .landing__merchandise .merchandise__title .steps__first h6 {
        color: #ffffff;
        font-size: 24px; }
      .landing__merchandise .merchandise__title .steps__first p {
        font-size: 16px; }
    .landing__merchandise .merchandise__title .btn {
      border: 2px solid #44c5ee;
      border-radius: 50px;
      background: #ffffff;
      color: #333745;
      border-radius: 50px;
      font-weight: 700;
      letter-spacing: 0.08em;
      -webkit-transition: 0.5s all;
      -o-transition: 0.5s all;
      transition: 0.5s all;
      outline: none;
      -webkit-box-shadow: 0px 0px 60px 0px rgba(68, 197, 238, 0.6);
      box-shadow: 0px 0px 60px 0px rgba(68, 197, 238, 0.6);
      transition: 0.5s all;
      padding: 10px 28px; }
    .landing__merchandise .merchandise__title .btn:hover {
      color: #ffffff;
      background: none;
      border: 2px solid #fff; }
  .landing__merchandise img {
    width: 80%; }

/*===============================================GENERIC LOGOUT TEMPLATE=================================================*/
.generic {
  padding-top: 100px;
  padding-bottom: 100px; }
  .generic .generic__title {
    font-size: 48px;
    padding-bottom: 60px; }

.footer {
  background-color: #333745;
  color: #fff;
  padding: 80px;
  text-align: center; }
  .footer .footer__title {
    font-family: "Acme", sans-serif;
    font-size: 28px;
    text-transform: uppercase;
    color: #44c5ee; }
  .footer hr {
    background: #44C5EE; }

/*=========================================== NAVBAR=====================================================*/
.principal-nav {
  height: 80px;
  background: #333745;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 100; }
  .principal-nav .principal-nav__logo {
    font-family: "Acme", sans-serif;
    font-size: 28px;
    color: #44c5ee;
    text-decoration: none;
    text-transform: uppercase; }
  .principal-nav .principal-nav__logo:hover {
    color: #44c5ee;
    text-decoration: none; }
  .principal-nav .navbar-brand {
    color: #fff; }
  .principal-nav .logout {
    color: #fff;
    text-decoration: none; }

.sidebar {
  min-width: 17rem;
  width: 17rem;
  height: 100vh;
  position: fixed;
  top: 80px;
  left: 0;
  -webkit-box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.1);
  box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.1);
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
  background: #333745; }
  .sidebar .media img {
    width: 65px; }
  .sidebar .sidebar__title {
    color: #44c5ee;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 14px;
    padding: 20px 15px 10px 15px; }
  .sidebar .nav-link {
    color: #ffffff;
    -webkit-transition: 0.5s all;
    -o-transition: 0.5s all;
    transition: 0.5s all; }
    .sidebar .nav-link i {
      color: #44c5ee;
      -webkit-transition: 0.5s all;
      -o-transition: 0.5s all;
      transition: 0.5s all; }
  .sidebar .nav-link:hover {
    background-color: #44c5ee; }
    .sidebar .nav-link:hover i {
      color: #333745; }

.content {
  width: calc(100% - 17rem);
  margin-left: 17rem;
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
  margin-bottom: 50px; }

#sidebar.active {
  margin-left: -17rem; }

#content.active {
  width: 100%;
  margin: 0; }

/*=========================================== SEARCH FILTER=====================================================*/
.filter {
  margin-top: 120px; }
  .filter .filter__title {
    font-size: 32px; }
  .filter .filter__form input {
    border: 1px solid #17a2b8;
    background: #17a2b8;
    color: #fff; }
    .filter .filter__form input::-webkit-input-placeholder {
      color: #fff; }
    .filter .filter__form input:-ms-input-placeholder {
      color: #fff; }
    .filter .filter__form input::-ms-input-placeholder {
      color: #fff; }
    .filter .filter__form input::placeholder {
      color: #fff; }
    .filter .filter__form input:focus {
      border-color: #80bdff;
      -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075), 0 0 5px rgba(128, 189, 255, 0.5);
      box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075), 0 0 5px rgba(128, 189, 255, 0.5);
      background: #17a2b8; }
  .filter .filter__form .tail-select {
    width: 100%; }
  .filter .filter__form #button {
    width: 100%;
    background: #44c5ee;
    color: #fff;
    -webkit-transition: 0.5s all;
    -o-transition: 0.5s all;
    transition: 0.5s all;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 2px; }
    .filter .filter__form #button:hover {
      color: #44c5ee;
      background: #333745; }

.first-title {
  text-transform: uppercase;
  font-weight: 300;
  margin-top: 50px;
  text-align: center; }

/*=========================================HOME PAGE==============================================================*/
.home__mapcontainer {
  width: 100%;
  height: 90vh;
  border: 1px solid #000; }

/*==========================================ACTIVIY PAGE===========================================================*/
.activity-feed {
  margin-top: 50px; }
  .activity-feed .activity-feed__nav {
    margin: 20px; }
    .activity-feed .activity-feed__nav .nav-link {
      color: #44c5ee;
      border: 1px solid #333745;
      margin: 5px; }
    .activity-feed .activity-feed__nav .nav-link.active {
      background: #333745;
      color: #fff; }

/*===========================================PHOTO GALLERY==========================================================*/
.photo-gallery .photo-gallery__card {
  border: 1px solid #44c5ee; }
  .photo-gallery .photo-gallery__card .photo-gallery__header {
    border: none;
    background: none;
    padding: 0; }
    .photo-gallery .photo-gallery__card .photo-gallery__header .card-img-overlay {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      height: 90px; }
      .photo-gallery .photo-gallery__card .photo-gallery__header .card-img-overlay a {
        background: rgba(0, 0, 0, 0.35);
        padding: 12px;
        border-radius: 50px;
        color: #fff;
        text-decoration: none;
        font-weight: 600; }
      .photo-gallery .photo-gallery__card .photo-gallery__header .card-img-overlay .star-rate .total-rating {
        color: #fff;
        margin-right: 5px; }
      .photo-gallery .photo-gallery__card .photo-gallery__header .card-img-overlay .star-rate .total-star {
        color: #efb810; }
  .photo-gallery .photo-gallery__card .photo-gallery__body .card-title {
    font-family: "Acme", sans-serif;
    color: #333745;
    text-transform: uppercase; }
  .photo-gallery .photo-gallery__card .photo-gallery__footer {
    background: none;
    border: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; }
    .photo-gallery .photo-gallery__card .photo-gallery__footer .btn {
      color: #ffffff;
      background: #333745;
      -webkit-transition: 0.5s all;
      -o-transition: 0.5s all;
      transition: 0.5s all; }
      .photo-gallery .photo-gallery__card .photo-gallery__footer .btn:hover {
        color: #333745;
        background: #ffffff;
        border: 1px solid #333745; }

/*===========================================WILDFOCUS MODAL & BLOG POST=========================================================*/
.wildfocus .modal-header {
  background: #333745;
  color: #ffffff;
  border-bottom: 1px solid #44c5ee;
  border-radius: 0; }
  .wildfocus .modal-header .close {
    background: #fff; }

.wildfocus .wildfocus__title {
  font-family: "Acme", sans-serif;
  font-size: 32px;
  text-transform: uppercase; }

.wildfocus .wildfocus__description {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }
  .wildfocus .wildfocus__description .wildfocus__author {
    font-size: 22px; }
    .wildfocus .wildfocus__description .wildfocus__author span {
      font-size: 18px;
      font-weight: 300; }
    .wildfocus .wildfocus__description .wildfocus__author .total-star {
      color: #efb810; }

.wildfocus .wildfocus__comment textarea {
  width: 100%;
  min-height: 100px;
  max-height: 100px;
  border: 1px solid #44c5ee;
  margin-top: 10px; }

.wildfocus .wildfocus__comment .btn {
  background: #333745;
  color: #44c5ee;
  width: 40%;
  -webkit-transition: 0.5s all;
  -o-transition: 0.5s all;
  transition: 0.5s all;
  font-weight: 700;
  text-transform: uppercase; }
  .wildfocus .wildfocus__comment .btn:hover {
    background: #44c5ee;
    color: #333745; }

.wildfocus__rating {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
  justify-content: space-around; }
  .wildfocus__rating h6 {
    font-size: 22px; }

.sharebuttons--wildfocus {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }
  .sharebuttons--wildfocus .btn {
    color: #44c5ee;
    background: #333745;
    -webkit-transition: 0.5s all;
    -o-transition: 0.5s all;
    transition: 0.5s all;
    font-weight: 700; }
    .sharebuttons--wildfocus .btn:hover {
      background: #44c5ee;
      color: #333745; }

.merchandisebutton {
  margin-top: 20px; }
  .merchandisebutton .btn {
    width: 100%; }

.wildfocus__comments .btn {
  background: none;
  font-weight: 600; }
  .wildfocus__comments .btn:focus {
    -webkit-box-shadow: none;
    box-shadow: none; }
  .wildfocus__comments .btn.btn-danger {
    background: red !important; }

.wildfocus__comments .comments-container {
  list-style: none; }

.wildfocus__comments .comment-item {
  margin-bottom: 5px; }
  .wildfocus__comments .comment-item .nickname-comment {
    font-weight: 700; }

.blogsection__post {
  border: 1px solid #333745;
  margin-top: 20px; }
  .blogsection__post .blogsection__info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    padding-top: 20px; }
    .blogsection__post .blogsection__info .blogsection__img {
      max-width: 150px;
      max-height: 150px;
      border-radius: 50px;
      display: block;
      margin: auto; }
    .blogsection__post .blogsection__info h6 {
      text-align: center; }
  .blogsection__post .blogsection__buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: 10px; }
    .blogsection__post .blogsection__buttons .btn {
      color: #44c5ee;
      background: #333745;
      -webkit-transition: 0.5s all;
      -o-transition: 0.5s all;
      transition: 0.5s all;
      width: 100%;
      margin-bottom: 10px;
      font-weight: 700; }
      .blogsection__post .blogsection__buttons .btn:hover {
        color: #333745;
        background: #44c5ee; }
  .blogsection__post .blogsection__footer {
    background: none;
    border: none; }

/*===========================================INTERACTIVE RATING=========================================================*/
.rate-base-layer {
  color: #44c5ee; }

.rate-hover-layer {
  color: #efb810; }

.rate-select-layer {
  color: #efb810; }

.rate2 {
  font-size: 35px; }

/*===========================================PHOTO SECTION IN ALL TAB=========================================================*/
.photosection__post {
  border: 1px solid #333745;
  margin-top: 20px;
  padding-bottom: 20px; 
  width:98%;
}
  .photosection__post .photosection__img {
    display: block;
    margin: auto;
    max-width: 350px;
    max-height: 300px; }
  .photosection__post .photosection__legend {
    padding: 20px; }
    .photosection__post .photosection__legend .photosection__author {
      font-size: 22px; }
      .photosection__post .photosection__legend .photosection__author span {
        font-size: 16px;
        font-weight: 300; }
  .photosection__post .photosection__rating {
    padding-left: 20px; }
    .photosection__post .photosection__rating .total-word {
      font-size: 22px;
      font-weight: 500; }
    .photosection__post .photosection__rating .total-rating {
      font-size: 18px; }
    .photosection__post .photosection__rating .total-star {
      color: #efb810; }
  .photosection__post .ratebutton {
    padding-left: 20px;
    margin-top: 20px; }
    .photosection__post .ratebutton .btn {
      color: #44c5ee;
      background: #333745;
      -webkit-transition: 0.5s all;
      -o-transition: 0.5s all;
      transition: 0.5s all;
      margin-left: 10px; }
      .photosection__post .ratebutton .btn:hover {
        color: #333745;
        background: #44c5ee; }

/*===========================================ASSOCIATES SECTION=========================================================*/
.associates {
  padding-top: 100px; }
  .associates .welcome__title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; }

/*===========================================MY PICTURES SECTION=========================================================*/
.mypictures {
  padding-top: 100px; }

/*===========================================UPLOAD SECTION=========================================================*/
.upload {
  padding-top: 100px; }

.upload__mapcontainer {
  border: 1px solid #000000;
  height: 100%;
  margin: 10px; }

.upload__form {
  padding-top: 50px; }
  .upload__form input {
    border: 1px solid #44c5ee; }
  .upload__form textarea {
    border: 1px solid #44c5ee;
    min-height: 150px;
    max-height: 150px; }
  .upload__form .custom-file p {
    margin-top: 10px; }
  .upload__form .form-group .btn {
    margin-top: 15px;
    width: 40%;
    color: #44c5ee;
    background: #333745;
    -webkit-transition: 0.5s all;
    -o-transition: 0.5s all;
    transition: 0.5s all;
    text-transform: uppercase;
    font-weight: 700; }
    .upload__form .form-group .btn:hover {
      background: #44c5ee;
      color: #333745; }

/*===========================================BLOG SECTION=========================================================*/
.blog {
  padding-top: 100px; }

.blog__form {
  padding-top: 40px;
  padding-bottom: 40px; }
  .blog__form input {
    border: 1px solid #44c5ee; }
  .blog__form textarea {
    border: 1px solid #44c5ee;
    min-height: 150px;
    max-height: 150px; }
  .blog__form .form-group .form-check {
    margin-bottom: 10px; }
  .blog__form .form-group .btn {
    color: #44c5ee;
    background: #333745;
    -webkit-transition: 0.5s all;
    -o-transition: 0.5s all;
    transition: 0.5s all;
    text-transform: uppercase;
    font-weight: 700; }
    .blog__form .form-group .btn:hover {
      background: #44c5ee;
      color: #333745; }

.edit {
  color: #44c5ee;
  background: #333745;
  -webkit-transition: 0.5s all;
  -o-transition: 0.5s all;
  transition: 0.5s all;
  margin-bottom: 10px;
  font-weight: 700;
  margin-left: 10px; }
  .edit:hover {
    color: #333745;
    background: #44c5ee; }

.delete {
  color: #ffffff;
  background: red;
  -webkit-transition: 0.5s all;
  -o-transition: 0.5s all;
  transition: 0.5s all;
  margin-bottom: 10px;
  font-weight: 700;
  margin-left: 10px; }
  .delete:hover {
    color: red;
    background: #ffffff;
    border: 1px solid red; }

.note-editor {
  width: 100%;
  min-height: 400px; }

.note-editable {
  min-height: 400px; }

/*===========================================PROFILE SECTION=========================================================*/
.profile {
  padding-top: 100px; }

.profile__img {
  max-width: 150px; }

.profile__btn {
  color: #44c5ee;
  background: #333745;
  -webkit-transition: 0.5s all;
  -o-transition: 0.5s all;
  transition: 0.5s all;
  margin-bottom: 10px;
  font-weight: 700; }
  .profile__btn:hover {
    color: #333745;
    background: #44c5ee; }

/*===========================================SETTINGS SECTION=========================================================*/
.settings {
  margin-top: 50px; }
  .settings .settings__form {
    margin-top: 20px; }
    .settings .settings__form .form-check {
      margin-bottom: 10px; }
    .settings .settings__form .form-group .btn {
      color: #44c5ee;
      background: #333745;
      -webkit-transition: 0.5s all;
      -o-transition: 0.5s all;
      transition: 0.5s all;
      text-transform: uppercase;
      font-weight: 700; }
      .settings .settings__form .form-group .btn:hover {
        background: #44c5ee;
        color: #333745; }

/*===========================================ASSOCIATES PROFILE=========================================================*/
.wildprofile {
  padding-top: 100px; }
  .wildprofile .wildprofile__hero {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; }
    .wildprofile .wildprofile__hero .wildprofile__button .btn {
      color: #44c5ee;
      background: #333745;
      -webkit-transition: 0.5s all;
      -o-transition: 0.5s all;
      transition: 0.5s all;
      text-transform: uppercase;
      font-weight: 700; }
      .wildprofile .wildprofile__hero .wildprofile__button .btn:hover {
        background: #44c5ee;
        color: #333745; }
  .wildprofile .blogsection__content {
    margin-bottom: 60px; }
  .wildprofile .blogsection__nocontent span {
    font-size: 22px; }
  .wildprofile .blogsection__nocontent p {
    margin-bottom: 0;
    font-size: 22px; }

/*===========================================MERCHANDISE SECTION=========================================================*/
.merchandise {
  padding-top: 100px; }

/*===========================================MEDIA QUERIES=========================================================*/
@media (max-width: 1280px) {
  .landing__associates img {
    min-height: 100%;
    -o-object-fit: cover;
    object-fit: cover; }
  .associates__content {
    padding-top: 30px;
    padding-bottom: 30px; }
  .landing__blog img {
    min-height: 100%;
    -o-object-fit: cover;
    object-fit: cover; }
  .blog__content {
    padding-top: 30px;
    padding-bottom: 30px;
    padding-right: 15px !important;
    padding-left: 15px !important; }
    .blog__content .blog__features span {
      font-size: 40px; }
    .blog__content .blog__features p {
      font-size: 16px; }
  .landing__merchandise img {
    min-height: 100%;
    -o-object-fit: contain;
    object-fit: contain; }
  .merchandise__title {
    padding-top: 30px;
    padding-bottom: 30px; } }

@media (max-width: 1024px) {
  .merchandise__steps span {
    margin-right: 20px; } }
.photosection__post .photosection__img {
    margin-top: 10px;
    max-width:95%;
}

@media (max-width: 992px) {
  /*LANDING*/
  .landing__map {
    padding-bottom: 20px; }
  /*NAVBARS*/
  .principal-nav .logout {
    display: none; }
  .sidebar {
    left: -17rem;
    z-index: 100; }
  #sidebar.active {
    margin-left: 17rem;
    overflow-y: scroll; }
  .content {
    width: 100%;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
    margin: 0;
    padding: 10px; }
  #content.active {
    width: 100%;
    position: fixed;
    opacity: .3;
    pointer-events: none; }
  /*PHOTO GALLERY*/
  .card-columns {
    -webkit-column-count: 2;
    column-count: 2; }
  .rate2 {
    font-size: 30px; }
  /*ALL TAB*/
  .photosection__post .photosection__img {
    margin-top: 10px;
    max-width: 500px;
    max-height: 450px; }
  /*WILDFOCUS*/
  .wildfocus__modal .modal-dialog {
    max-width: 920px; }
  /*YOUR PICTURE SECTION*/
  .yourpicture__modal .modal-dialog {
    max-width: 920px; } }

@media (max-width: 576px) {
  /*LANDING*/
  .map__text {
    margin-bottom: 20px;
    padding: 40px; }
  .landing__blog {
    /*NAVBAR*/ }
    .landing__blog img {
      display: none; }
  .principal-nav .principal-nav__logo {
    font-size: 22px; }
  .principal-nav .sidebar__title {
    padding: 10px 15px 10px 15px; }
  .sidebar.active .headcontainer {
    padding-top: 10px !important;
    padding-bottom: 10px !important; }
  .content {
    padding: 10px; }
  .card-columns {
    -webkit-column-count: 1;
    column-count: 1; }
  .photosection__post .photosection__img {
    max-width: 100%;
    max-height: 100%; }
  .wildprofile__info h1 {
    font-size: 24px; }
  .get-started .carousel-container .wrapper {
    width: 991px; }
    .get-started .carousel-container .wrapper .item {
      min-width: 176px; } }

@media (max-width: 360px) {
  .sidebar.active .headcontainer {
    padding-top: 0 !important;
    padding-bottom: 0 !important; } }

@media (max-width: 320px) {
  .sidebar .sidebar__title {
    padding: 0 15px 0 15px; } }

/*Carousel responsive break points*/
@media (max-width: 1100px) {
  .get-started .carousel-container .wrapper {
    width: 991px; }
    .get-started .carousel-container .wrapper .item {
      min-width: 176px; } }

@media (max-width: 991px) {
  .get-started .carousel-container .wrapper {
    width: 765px; }
    .get-started .carousel-container .wrapper .item {
      min-width: 235px; } }

@media (max-width: 767px) {
  .get-started .carousel-container .wrapper {
    width: 413px; }
    .get-started .carousel-container .wrapper .item {
      min-width: 186px; } }

@media (max-width: 414px) {
  .get-started .carousel-container .wrapper {
    width: 310px; }
    .get-started .carousel-container .wrapper .item {
      min-width: 290px; } }

/*LANDING MEDIA QUERIES*/
@media (max-width: 992px) {
  .landing-nav {
    padding: 20px 50px; }
    .landing-nav .navbar-brand {
      font-size: 28px; }
    .landing-nav .navbar-toggler {
      outline: none; }
      .landing-nav .navbar-toggler span i {
        color: #fff; } }

@media (max-width: 768px) {
  .sign-up .welcome-landing .welcome-landing__buttons .welcome-landing__btnblue {
    padding: 10px 20px; }
  .sign-up .welcome-landing .welcome-landing__buttons .welcome-landing__btntransparent {
    padding: 10px 20px; } }

@media (max-width: 414px) {
  .landing-nav {
    padding: 10px; }
    .landing-nav .navbar-brand {
      font-size: 20px; }
    .landing-nav .navbar-toggler {
      outline: none; }
      .landing-nav .navbar-toggler span i {
        color: #fff; }
  .sign-up {
    padding: 120px 5px; }
    .sign-up .welcome-landing {
      padding-bottom: 50px; } }

@media (max-width: 360px) {
  .sign-up .welcome-landing .welcome-landing__buttons .welcome-landing__btnblue {
    padding: 10px; }
  .sign-up .welcome-landing .welcome-landing__buttons .welcome-landing__btntransparent {
    padding: 10px; } }