/* forms */
/* color */
/* title */
/* border */
/* background */
/* header */
/* buttons */
/* tabs */
/* menu */
/* effects */
/* rating */
/* footer subscribe*/
/* social home */
/* carousel arrows */
/* alert */
/* Theme's schemes */
/*menu horizontal*/
@media (min-width: 992px) {
  .sf-menu {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-flex-align: center;
    align-items: center; }
    .sf-menu a {
      display: inline-block;
      width: auto;
      padding: 0; }
    .sf-menu > li {
      display: inline-block;
      vertical-align: middle; }
      .sf-menu > li > a {
        color: #222222;
        position: relative;
        font-size: 13px;
        font-weight: 500;
        padding: 1.5em 1.6em;
        text-transform: uppercase; }
        .sf-menu > li > a:before {
          content: '';
          position: absolute;
          top: 0;
          left: 0;
          right: 0;
          border-top: 2px solid #00bfb3;
          -moz-transition: opacity 0.3s, -moz-transform 0.3s;
          -o-transition: opacity 0.3s, -o-transform 0.3s;
          -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
          transition: opacity 0.3s, transform 0.3s;
          opacity: 0;
          -moz-transform: translate(0, -12px);
          -ms-transform: translate(0, -12px);
          -webkit-transform: translate(0, -12px);
          transform: translate(0, -12px); }
        .sf-menu > li > a:hover {
          color: #00bfb3; }
          .sf-menu > li > a:hover:before {
            opacity: 1;
            -moz-transform: translate(0, 0);
            -ms-transform: translate(0, 0);
            -webkit-transform: translate(0, 0);
            transform: translate(0, 0); }
        .sf-menu > li > a.sf-with-ul:after {
          display: inline-block;
          content: "\f107";
          font-family: "fontAwesome";
          padding-left: 6px;
          line-height: 1; } }
@media (min-width: 1441px) {
  .sf-menu > li > a {
    padding: 1.5em 1.96em; } }
@media (max-width: 1024px) {
  .sf-menu > li > a {
    font-size: 12px; } }
/*menu thumbail*/
@media (min-width: 992px) {
  .sf-menu li ul .category-thumbnail div {
      margin-bottom: 10px;  
  }
  .sf-menu li ul .category-thumbnail {
-webkit-box-ordinal-group: 2;
-webkit-order: 1;
    -ms-flex-order: 1;
        order: 1;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: flex-start;
    -webkit-align-items: flex-start;
    -moz-align-items: flex-start;
    -ms-flex-align: flex-start;
    align-items: flex-start;
    max-width: 25%;
    width: 25%;
    margin-left: auto;
    -webkit-box-flex: auto;
    -moz-box-flex: auto;
    -webkit-flex: auto;
    -ms-flex: auto;
    flex: auto; } }
/*menu submenu*/
@media (min-width: 992px) {
  .sf-menu {
    position: relative;
    margin-bottom: 0; }
    .sf-menu a:hover {
      color: #00bfb3; }
    .sf-menu > li > ul {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-flex-wrap: wrap;
      -moz-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      padding: 40px 0 30px;
      position: absolute;
      left: 0;
      right: 0;
      top: 101%;
      background-color: #ffffff;
      text-align: left;
      overflow-y: auto;
      overflow-x: hidden;
      max-height: calc(100vh - 139px);
      -moz-box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.1);
      -webkit-box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.1);
      box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.1);
      opacity: 0; }
      .sf-menu > li > ul ul {
        display: block !important;
        height: auto !important;
        opacity: 1 !important;
        margin-top: 28px; }
        .sf-menu > li > ul ul li {
          font-size: 13px;
          margin-bottom: 22px; }
          .sf-menu > li > ul ul li a:hover {
            text-decoration: underline; }
      .sf-menu > li > ul > li {
        -webkit-box-flex: 1;
        -moz-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
        min-width: 16.6%;
        padding-right: 12px;
        margin-bottom: 7px; }
        .sf-menu > li > ul > li a {
          color: #2f2f2f;
          text-transform: uppercase; }
          .sf-menu > li > ul > li a:hover {
            color: #00bfb3; }
        .sf-menu > li > ul > li > a {
          color: #6a6a6a;
          font-size: 15px;
          font-weight: 500; }
          .sf-menu > li > ul > li > a:hover {
            color: #f0aa4e; }
    .sf-menu > .sfHover > ul {
      opacity: 1; } }
@media (min-width: 992px) {
  .sf-search {
    width: 155px; }
    .sf-search .searchform {
      position: relative; }
    .sf-search .search_query {
      background-color: transparent;
      color: #999999;
      border: none;
      border-bottom: 1px solid #e0e0e0;
      font-size: 12px;
      height: 30px;
      width: 100%;
      padding: 0 8px;
      outline: none; }
      .sf-search .search_query:-moz-placeholder {
        color: inherit; }
      .sf-search .search_query::-moz-placeholder {
        color: inherit; }
      .sf-search .search_query:-ms-input-placeholder {
        color: inherit; }
      .sf-search .search_query::-webkit-input-placeholder {
        color: inherit; }
      .sf-search .search_query:focus {
        border-bottom-color: #00bfb3;
        color: #00bfb3; }
        .sf-search .search_query:focus + .button-search {
          color: #00bfb3; }
    .sf-search .button-search {
      font-size: 15px;
      position: absolute;
      bottom: 0;
      right: 0;
      background-color: transparent;
      border: none;
      padding: 0;
      color: #9e9e9e;
      bottom: 8px;
      right: 7px; } }
@media (max-width: 991px) {
  .sf-search {
    width: 100%;
    margin-top: 21px; }
    .sf-search .searchform {
      position: relative;
      padding-right: 38px; }
    .sf-search .search_query {
      border: 1px solid #d6d6d6;
      background-color: transparent;
      height: 30px;
      padding: 0 12px;
      width: 100%;
      font-size: 13px;
      border-radius: 4px; }
      .sf-search .search_query::placeholder {
        color: inherit; }
      .sf-search .search_query:focus {
        color: #00bfb3;
        border-color: #00bfb3;
        outline: none; }
    .sf-search .button-search {
      background-color: #00bfb3;
      border: none;
      color: #ffffff;
      padding: 0;
      position: absolute;
      top: 0;
      right: 0;
      font-size: 14px;
      font-weight: 700;
      height: 30px;
      width: 30px;
      line-height: 28px;
      border-radius: 50%;
      text-align: center; }
      .sf-search .button-search:hover {
        background: #00f2e3; }
      .sf-search .button-search:active {
        background: #008c83; } }
@media (max-width: 991px) {
  .sf-contener {
    padding: 0; }

  .sf-menu li {
    display: block;
    position: relative; }
  .sf-menu > li > ul {
    display: none;
    font-size: inherit; }
    .sf-menu > li > ul > li {
      display: block;
      font-size: inherit;
      width: 100%; }
  .sf-menu ul {
    padding-left: 20px; }
  .sf-menu a {
    display: block;
    font-size: 12px;
    color: inherit;
    padding: 10px 0 10px 20px;
    white-space: normal;
    text-transform: uppercase;
    border-bottom: 1px solid #d6d6d6;
    position: relative; }

  .menu-mobile-grover {
    font-size: 20px;
    line-height: 1;
    position: absolute;
    right: 0;
    text-align: right;
    top: 0;
    left: 0;
    z-index: 3;
    height: 37px;
    line-height: 37px;
    cursor: pointer;
    padding-right: 18px; }
    .menu-mobile-grover:before {
      content: "\f107";
      font-family: "FontAwesome"; }
    .menu-mobile-grover.active {
      color: #00bfb3; }
      .menu-mobile-grover.active:before {
        content: "\f106"; } }

/*# sourceMappingURL=superfish-modified.css.map */