/*! Prefixes.scss v0.2.0 | CSS(3) prefixes mixins library for Sass/Scss, Custom you need CSS prefixes. | Author: Pandao | Copyright (c) 2015 Pandao, MIT License | https://github.com/pandao/prefixes.scss | 2015-06-19 */
@font-face {
    font-family: 'Lato';
    src: url("../fonts/lato/Lato-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/lato/Lato-Light.woff") format("woff"), url("../fonts/lato/Lato-Light.ttf") format("truetype"), url("../fonts/lato/Lato-Light.svg#Lato-Light") format("svg");
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Lato';
    src: url("../fonts/lato/Lato-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/lato/Lato-Regular.woff") format("woff"), url("../fonts/lato/Lato-Regular.ttf") format("truetype"), url("../fonts/lato/Lato-Regular.svg#Lato-Regular") format("svg");
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Lato';
    src: url("../fonts/lato/Lato-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/lato/Lato-Bold.woff") format("woff"), url("../fonts/lato/Lato-Bold.ttf") format("truetype"), url("../fonts/lato/Lato-Bold.svg#Lato-Bold") format("svg");
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Lato';
    src: url("../fonts/lato/Lato-Black.eot?#iefix") format("embedded-opentype"), url("../fonts/lato/Lato-Black.woff") format("woff"), url("../fonts/lato/Lato-Black.ttf") format("truetype"), url("../fonts/lato/Lato-Black.svg#Lato-Black") format("svg");
    font-weight: 900;
    font-style: normal;
}

/*TEMP STYLES*/
.sub-menu {
    display: none;
}

.sponsered-temp {
    background-color: #f5f3f3;
    overflow: hidden;
}

    .sponsered-temp a {
        display: block;
        width: 100%;
        min-height: 250px;
        padding-top: 0px;
    }

.association-temp,
.vendor-showcase-temp,
.featured-content-temp {
    color: #fff;
    min-height: 252px;
    text-align: center;
    padding: 50px 10px;
}

    .association-temp h4,
    .vendor-showcase-temp h4,
    .featured-content-temp h4 {
        line-height: 24px;
        margin-bottom: 30px;
    }

.association-temp {
    background: #239205;
    border: 1px solid #1a550b;
    border-radius: 5px;
}

    .association-temp h4 {
        text-transform: uppercase;
    }

.vendor-showcase-temp {
    background: #f58a8a;
    border: 1px solid #902828;
    border-radius: 5px;
}

    .vendor-showcase-temp h4 {
        text-transform: uppercase;
    }

.featured-content-temp {
    background: #f2e46c;
    border: 1px solid #c3b009;
    border-radius: 5px;
}

    .featured-content-temp h4 {
        font-size: 30px;
    }

/*TEMP STYLES END*/
/* DATA */
.header-right {
    display: none;
    float: right;
    text-align: right;
}

@media (max-width: 768px) {
    .header-right {
        float: none;
        clear: both;
        text-align: left;
        padding-left: 10px;
    }
}

.header-right select {
    color: #5e5e5e;
    font-size: 10px;
    min-width: 400px;
    height: 21px;
    padding: 0;
}

.header-right i {
    position: relative;
    top: 1px;
    font-size: 16px;
}

.header-right .select-region-link {
    display: inline-block;
    background-color: #f1f9ff;
    color: #5e5e5e;
    font-size: 12px;
    padding: 2px 25px;
    margin-left: 9px;
    margin-bottom: 10px;
    border-radius: 5px;
}

    .header-right .select-region-link:hover {
        text-decoration: none;
    }

input:focus {
    outline: none !important;
    text-decoration: none !important;
}

#Floater {
    display: none !important;
    overflow-x: hidden !important;
}

body {
    color: #727272;
    font-family: "Lato", sans-serif;
    font-weight: 400;
    overflow-x: hidden;
}

    body.fixed-body {
        overflow-x: hidden;
    }

@media (max-width: 520px) {
    body.fixed-body {
        overflow: hidden !important;
    }
}

input, textarea, select, button {
    outline: none;
}

b, strong {
    font-weight: 900;
}

a {
    color: #266aa7;
}

    a:hover {
        color: #266aa7;
    }

h1 {
    color: #454545;
}

.col-md-3 {
    width: 25%;
}

.col-md-4 {
    width: 33.33333333%;
}

.col-md-7 {
    width: 58.33333333%;
}

.page-selected {
    color: #23527c !important;
    background-color: #eee !important;
    border-color: #ddd !important;
}

.box-ad {
    width: 225px;
    height: 270px;
    margin: 0 auto;
    margin-bottom: 14px;
    overflow: hidden;
}

    .box-ad img {
        max-width: 100%;
        max-height: 100%;
        margin: 0 auto;
        text-align: center;
        vertical-align: middle;
        position: relative;
        top: 0;
    }

    .box-ad a {
        display: block;
        width: 100%;
        min-height: 250px;
        padding-top: 0;
    }

#loader {
    padding-bottom: 15px;
}

.filter-abl {
    background-color: #edf0f3;
    padding: 20px 20px 5px 20px;
    margin: 0;
    border-radius: 5px;
}

    .filter-abl h6 {
        font-weight: 900;
        text-transform: uppercase;
        margin-top: 0;
        margin-bottom: 12px;
    }

    .filter-abl a {
        display: inline-block;
        color: #474646;
        font-size: 12px;
        vertical-align: top;
        padding: 0 10px 0 24px;
        margin-bottom: 7px;
    }

        .filter-abl a:hover {
            text-decoration: none;
        }

.filter-abl-label {
    display: block;
    color: #454545;
    font-size: 10px;
    text-align: center;
    min-width: 24px;
    margin-bottom: 5px;
    margin-left: -24px;
    padding: 5px;
    float: left;
    border: 1px solid #000;
    border-radius: 12px;
}

.filter-abl-label-text {
    display: block;
    line-height: 14px;
    padding-top: 5px;
    padding-left: 5px;
    float: left;
}

/*.filter-abl-red {background-color: $color-label-red}
.filter-abl-blue {background-color: $color-label-blue}
.filter-abl-yellow {background-color: $color-label-yellow}
.filter-abl-green {background-color: $color-moderate-green}
.filter-abl-gray {background-color: $color-label-gray}*/
.tab {
    cursor: pointer;
    width: 49.4%;
    height: 35px;
    background: #fff;
    color: #355069;
    font-size: 12px;
    font-weight: 400;
    line-height: 35px;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
    display: inline-block;
    margin-bottom: 10px;
    margin-right: 0.2%;
    clear: both;
    /* Safari, Chrome */
    /* Firefox 4.0~16.0 */
    transition: background 0.3s ease;
    /* IE >9, FF >15, Opera >12.0 */
    border-radius: 4px;
}

    .tab:nth-child(2) {
        margin-right: 0;
        float: right;
    }

    .tab.active {
        color: #fff;
        background: #51708c;
    }

        .tab.active:hover {
            background: #7ea3c4;
        }

@media (max-width: 520px) {
    .pagination {
        display: none;
    }
}

.pagination a {
    cursor: pointer;
    width: 33px !important;
    text-align: center;
    padding: 6px 0 !important;
}

.adaptive-img {
    overflow: hidden;
    box-sizing: content-box;
}

    .adaptive-img img {
        max-width: 100%;
        max-height: 100%;
        margin: 0 auto;
        text-align: center;
        vertical-align: middle;
        position: relative;
        display: inline-block;
    }

.mobile-gradient.noSlide:before {
    display: none !important;
}

.mobile-gradient {
    position: relative;
}

    .mobile-gradient:before {
        content: '';
        background: none;
        position: absolute;
        right: 0;
        z-index: 9;
        width: 68px;
        height: 100%;
        display: none;
    }

@media (max-width: 1000px) {
    .mobile-gradient:before {
        display: block;
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        /* FF3.6-15 */
        /* Chrome4-9,Safari4-5 */
        /* Chrome10-25,Safari5.1-6 */
        /* Opera 11.10-11.50 */
        /* IE10 preview */
        background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, white 100%);
        /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 );
        /* IE6-8 */
    }
}

.limit-text br {
    display: none;
}

#eyeDiv {
    z-index: 998 !important;
    /*overflow-x: hidden!important;
  max-width: 970px;
  width: 100%;
  height: 555px;
  left: 50%!important;
  margin-left: -485px!important;*/
}

    #eyeDiv:empty ~ footer .footer-inner {
        padding-bottom: 0;
    }

    #eyeDiv:not(:empty) ~ footer .footer-inner {
        padding-bottom: 90px;
    }

@media (max-width: 506px) {
    #eyeDiv:not(:empty) ~ footer .footer-inner {
        padding-bottom: 60px;
    }
}

@media (max-width: 380px) {
    #eyeDiv:not(:empty) ~ footer .footer-inner {
        padding-bottom: 50px;
    }
}

div[id*="banner_div"] {
    display: block !important;
    top: auto !important;
    bottom: 0 !important;
    width: 100% !important;
    z-index: 999 !important;
}

@media (min-width: 485px) {
    div[id*="banner_div"] {
        height: 60px !important;
    }
}

@media (min-width: 745px) {
    div[id*="banner_div"] {
        height: 90px !important;
    }
}

@media (max-width: 1000px) {
    div[id*="banner_div"] {
        margin-left: -15px !important;
    }
}

@media (max-width: 520px) {
    div[id*="banner_div"] {
        margin-left: -10px !important;
    }
}

div[id*="banner_div"] iframe {
    width: 100% !important;
    height: 50px !important;
    bottom: 0;
}

@media (min-width: 485px) {
    div[id*="banner_div"] iframe {
        height: 60px !important;
    }
}

@media (min-width: 745px) {
    div[id*="banner_div"] iframe {
        height: 90px !important;
    }
}

@media (max-width: 1000px) {
    div[id*="banner_div"] iframe {
        margin-left: -15px !important;
    }
}

@media (max-width: 520px) {
    div[id*="banner_div"] iframe {
        margin-left: -10px !important;
    }
}

@media (max-width: 1000px) {
    div[id*="banner_div"] {
        max-width: 100%;
        left: auto !important;
        margin-left: auto !important;
        padding-left: 15px !important;
    }
}

@media (max-width: 520px) {
    div[id*="banner_div"] {
        padding-left: 10px !important;
    }
}

.leftgag,
.rightgag {
    background-color: #fff;
    height: 700px;
    width: calc((100% - 970px) / 2);
    position: absolute;
    z-index: 3;
}

@media (max-width: 1000px) {
    .leftgag,
    .rightgag {
        width: 15px;
    }
}

@media (max-width: 520px) {
    .leftgag,
    .rightgag {
        width: 10px;
    }
}

.leftgag {
    left: 0;
}

.rightgag {
    right: 0;
}

.customize-input input {
    font-size: 10px;
    padding: 4px 9px;
    height: 25px;
    /* Firefox 19+ */
    /* Firefox 18- */
}

    .customize-input input::-webkit-input-placeholder {
        color: #555;
    }

    .customize-input input::-moz-placeholder {
        color: #555;
    }

    .customize-input input:-moz-placeholder {
        color: #555;
    }

    .customize-input input:-ms-input-placeholder {
        color: #555;
    }

@media (max-width: 768px) {
    .customize-input input {
        font-size: 13px;
        height: 30px;
    }
}

.customize-select {
    /*@include breakpoint($tablet) {
    select {
      @include opacity(0);
      margin-bottom: -25px;
      overflow: hidden;
    }

    li, ul, button {
      line-height: 1.3;
      width: 100%;
      text-align: left;
      font-size: 13px;
    }

    .dropdown-menu {
      max-height: 300px;
      overflow-y: auto;
    }

    .caret {
      float: right;
      margin-top: 6px;
    }

    li {
      color: $color-shadow-gray;
      font-size: 12px;
      padding: 5px;
      &:hover {
        background-color: $color-blue;
        color: $color-white;
      }
    }
  }*/
}

    .customize-select select {
        opacity: 0;
        /* W3C */
        filter: alpha(opacity=0);
        /* IE */
        margin-bottom: -25px;
        overflow: hidden;
    }

    .customize-select li a, .customize-select ul, .customize-select button {
        line-height: 1.3;
        width: 100%;
        text-align: left;
        font-size: 10px;
    }

@media (max-width: 768px) {
    .customize-select li a, .customize-select ul, .customize-select button {
        font-size: 13px;
    }
}

.customize-select ul {
    margin-top: -1px;
    padding: 0;
}

@media (max-width: 768px) {
    .customize-select ul {
        margin-top: 2px;
        padding: 5px 0;
    }
}

.customize-select li a {
    color: #5e5e5e;
    font-size: 10px;
    padding: 2px 9px;
}

    .customize-select li a:hover, .customize-select li a:focus {
        background-color: #2e679b;
        color: #fff;
    }

@media (max-width: 768px) {
    .customize-select li a:hover, .customize-select li a:focus {
        background-color: #2e679b;
    }
}

@media (max-width: 768px) {
    .customize-select li a {
        font-size: 12px;
        padding: 5px 9px;
    }
}

.customize-select .btn-default {
    padding: 5px 9px;
}

    .customize-select .btn-default:hover {
        background-color: #fff;
    }

    .customize-select .btn-default:focus {
        background-color: #fff;
        border-color: #66afe9;
        outline: 0;
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
    }

@media (max-width: 768px) {
    .customize-select .btn-default {
        padding: 6px 12px;
    }

        .customize-select .btn-default:hover {
            background-color: #e6e6e6;
        }

        .customize-select .btn-default:focus {
            background-color: #e6e6e6;
            border-color: #adadad;
            outline: 0;
            box-shadow: none;
        }
}

.customize-select .dropdown-menu {
    max-height: 300px;
    overflow-x: hidden;
    overflow-y: auto;
}

.customize-select .caret {
    float: right;
    margin-top: 6px;
}

@media (max-width: 340px) {
    .home-slider {
        width: calc(100% + 20px) !important;
        width: -moz-calc(100% + 20px) !important;
        margin-left: -10px !important;
    }
}

#slider {
    display: block !important;
    margin: 0 auto;
    height: 250px !important;
}

@media (max-width: 969px) {
    #slider {
        height: 475px !important;
    }
}

@media (max-width: 727px) {
    #slider {
        height: 305px !important;
    }
}

@media (max-width: 467px) {
    #slider {
        height: 208px !important;
    }
}

#slider .flickity-viewport, #slider iframe {
    height: 250px !important;
    margin: 0 auto;
}

@media (max-width: 969px) {
    #slider .flickity-viewport, #slider iframe {
        height: 475px !important;
    }
}

@media (max-width: 727px) {
    #slider .flickity-viewport, #slider iframe {
        height: 305px !important;
    }
}

@media (max-width: 467px) {
    #slider .flickity-viewport, #slider iframe {
        height: 208px !important;
    }
}

@media (max-width: 340px) {
    #slider .flickity-viewport {
        margin-left: auto !important;
        margin-right: auto !important;
    }
}

@media (max-width: 767px) {
    #slider .flickity-prev-next-button {
        display: none;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    #slider .flickity-prev-next-button {
        display: none;
    }
}

#slider .flickity-prev-next-button {
    border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    height: 100%;
    width: 50px;
    background: rgba(0, 0, 0, 0.3) !important;
}

    #slider .flickity-prev-next-button:hover {
        background: rgba(0, 0, 0, 0.3) !important;
    }

    #slider .flickity-prev-next-button svg {
        display: none;
    }

#slider .previous {
    left: 0 !important;
}

    #slider .previous:after {
        display: block;
        height: 100%;
        width: 100%;
        content: "";
        background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAdCAYAAABFRCf7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYxIDY0LjE0MDk0OSwgMjAxMC8xMi8wNy0xMDo1NzowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNS4xIFdpbmRvd3MiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OTU2ODg0MDBCREU3MTFFNTg4RDhGMTQ3QTg5ODUyRjYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OTU2ODg0MDFCREU3MTFFNTg4RDhGMTQ3QTg5ODUyRjYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo5NTY4ODNGRUJERTcxMUU1ODhEOEYxNDdBODk4NTJGNiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo5NTY4ODNGRkJERTcxMUU1ODhEOEYxNDdBODk4NTJGNiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Ps/ZdckAAADcSURBVHjaYvr//z8DmVgHiM8DcRG6HLkGmgPxy/8IkE2pobZA/Po/Jign11BHIP78HzdoItXQACD+858wmMbEQBwIAeJVQMxMhFpNYlyY8J94sASImQkZmE6CgQuJiahCEgycQkySqibBwB5iEn87CQY2YHMUukA/CQaW4go6ZM5sEgzMxRfBIEIEiBcQadhbIE4hlAwZoLYSC2YTk/to5lKahClNY59m6ZRmOYpmeZ9mpRTNylMYDgHiX0QavJ/Y6mQNEIcB8V8i1F4f8NqUZvU+zVooBNtSAAEGAAc6lvGnZ9ZBAAAAAElFTkSuQmCC");
        background-position: center;
        background-repeat: no-repeat;
        background-color: transparent;
    }

#slider .next {
    right: 0 !important;
}

    #slider .next:after {
        height: 100%;
        width: 100%;
        display: block;
        content: "";
        background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAdCAYAAABFRCf7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYxIDY0LjE0MDk0OSwgMjAxMC8xMi8wNy0xMDo1NzowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNS4xIFdpbmRvd3MiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6ODk0MEZERkNCREU3MTFFNUE0MTFFRjY2MUY3MTIxQ0UiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6ODk0MEZERkRCREU3MTFFNUE0MTFFRjY2MUY3MTIxQ0UiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo4OTQwRkRGQUJERTcxMUU1QTQxMUVGNjYxRjcxMjFDRSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo4OTQwRkRGQkJERTcxMUU1QTQxMUVGNjYxRjcxMjFDRSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PjkwfYgAAADISURBVHjaYvj//z8DGi4C4vNArINFjiiMLpD9HwFeArE5pYaW/8cEr4HYllxDm/7jBp+B2JFUQ6f9Jwz+AHEAKYbu/08c+AXEIcQaygzES/4TDxJIiaiFJBicTkqSmkKCwYXEGgrCPSQYXE2soSDcQILB7cQaCsKlJBjcT6yhIJxLgsGziTUUhFOA+C2RBi8AYhFis95sElycOyAupXqYUj32qZ5OqZ6jqJ73qVpK0aQ8pUnJT5M6iia1Kc3qfZq1UKjWlgIIMABIMyVaaAhSywAAAABJRU5ErkJggg==");
        background-position: center;
        background-repeat: no-repeat;
        background-color: transparent;
    }

#slider .slide {
    width: 100%;
    margin-right: 0px;
    counter-increment: slide;
    /*@include breakpoint($mobile) {
     height: 150px;
   }
    &>div[id*='customheader_div']{
     left: 0!important;
     top: 0!important;
     display: block!important;
     position: relative!important;
     max-width: 100% !important;
     iframe{
       width: 100% !important;
       @include breakpoint($mobile) {
         height: 150px!important;
       }
     }
   }
   &>div[id*='mmPageShim']{
     display: none!important;
   }*/
}

    #slider .slide > iframe[id*='ados_frame_Jumbotron'] {
        left: 0 !important;
        top: 0 !important;
        display: block !important;
        position: relative !important;
    }

        #slider .slide > iframe[id*='ados_frame_Jumbotron'] div[id*='ebDiv'] {
            margin: 0 auto !important;
        }

        #slider .slide > iframe[id*='ados_frame_Jumbotron'] img {
            display: block;
            width: 100% !important;
            height: 100% !important;
        }

.showcases-wrap.static-left {
    width: 100%;
    margin-left: 0;
}

.fixed-mobile-menu {
    position: fixed !important;
    top: 53px !important;
    overflow-y: auto !important;
    height: calc(100% - 53px) !important;
}

@media (max-width: 1000px) {
    .slider-top-featured .slide {
        width: 30.3333%;
        margin-right: 2%;
        margin-left: 0;
        float: left;
        min-height: 270px;
    }
}

.content-text {
    clear: both;
}

.collapse-content {
    border-top: 1px solid #c9c9c9;
    border-bottom: 1px solid #c9c9c9;
    padding: 20px 10px 40px 10px;
    display: none;
    overflow: hidden;
    position: relative;
    margin-bottom: 10px;
}

    .collapse-content .collapse-text {
        clear: both;
    }

    .collapse-content .collapse-close {
        position: absolute;
        bottom: 10px;
        right: 0px;
        cursor: pointer;
        font-size: 12px;
        font-weight: 700;
        color: #266aa7;
    }

@media (max-width: 768px) {
    .collapse-content .collapse-close span {
        display: none;
    }
}

.collapse-content .collapse-close:hover {
    text-decoration: underline;
}

/*
#BrandAffinity{
  iframe{
    display: block;
    margin: 0 auto;
    @include breakpoint($desktop) {
      width: 728px!important;
    }
    @include breakpoint($jumb_desk) {
      width: 468px!important;
    }
    @include breakpoint($jumb_tablet) {
      width: 320px!important;
    }
  }
}
*/
.ui-autocomplete .close-catcomplete {
    position: absolute;
    top: 10px;
    right: 16px;
    padding: 0 !important;
}

    .ui-autocomplete .close-catcomplete i {
        display: none;
    }

@media (max-width: 520px) {
    .ui-autocomplete .close-catcomplete i {
        cursor: pointer;
        font-size: 26px;
        display: block;
        color: #7c7c7c;
    }
}

::i-block-chrome, .showcases-wrap {
    width: 102.4%;
}

@media (max-width: 768px) {
    ::i-block-chrome, .showcases-wrap {
        width: 100.4%;
    }
}

@media (max-width: 520px) {
    ::i-block-chrome, .showcases-wrap {
        width: 97.4%;
    }
}

@media (max-width: 1000px) {
    .slider-top-featured .flip-container {
        margin-bottom: 14px;
    }
}

.showcases-wrap, .slider-top-featured.noSlide {
    width: 105%;
}

@media (max-width: 768px) {
    .showcases-wrap, .slider-top-featured.noSlide {
        width: 105%;
        margin-left: -2%;
    }
}

@media (max-width: 520px) {
    .showcases-wrap, .slider-top-featured.noSlide {
        width: 100%;
        margin-left: 0;
    }
}

.showcases-wrap .vendor-showcase-container .flip-container.slide, .slider-top-featured.noSlide .vendor-showcase-container .flip-container.slide {
    padding-right: 0;
    padding-left: 0;
    min-height: 284px !important;
    padding-bottom: 14px;
}

.showcases-wrap .showcases, .showcases-wrap .vendor-showcase-container .flip-container.slide, .showcases-wrap .slider-top-featured.noSlide .vendor-showcase-container .flip-container.slide, .slider-top-featured.noSlide .vendor-showcase-container .showcases-wrap .flip-container.slide, .slider-top-featured.noSlide .showcases, .showcases-wrap .vendor-showcase-container .slider-top-featured.noSlide .flip-container.slide, .slider-top-featured.noSlide .vendor-showcase-container .flip-container.slide {
    float: left;
    min-height: 270px;
}

@media (min-width: 1001px) {
    .showcases-wrap .showcases, .showcases-wrap .vendor-showcase-container .flip-container.slide, .showcases-wrap .slider-top-featured.noSlide .vendor-showcase-container .flip-container.slide, .slider-top-featured.noSlide .vendor-showcase-container .showcases-wrap .flip-container.slide, .slider-top-featured.noSlide .showcases, .showcases-wrap .vendor-showcase-container .slider-top-featured.noSlide .flip-container.slide, .slider-top-featured.noSlide .vendor-showcase-container .flip-container.slide {
        margin-right: 23px;
        width: 225px;
        /*&:nth-child(4n) {
        margin-right: 0;
      }*/
    }
}

@media (max-width: 1000px) {
    .showcases-wrap .showcases, .showcases-wrap .vendor-showcase-container .flip-container.slide, .showcases-wrap .slider-top-featured.noSlide .vendor-showcase-container .flip-container.slide, .slider-top-featured.noSlide .vendor-showcase-container .showcases-wrap .flip-container.slide, .slider-top-featured.noSlide .showcases, .showcases-wrap .vendor-showcase-container .slider-top-featured.noSlide .flip-container.slide, .slider-top-featured.noSlide .vendor-showcase-container .flip-container.slide {
        width: 30.3333%;
        margin-right: 2%;
        margin-left: 0;
    }
}

@media (max-width: 768px) {
    .showcases-wrap .showcases, .showcases-wrap .vendor-showcase-container .flip-container.slide, .showcases-wrap .slider-top-featured.noSlide .vendor-showcase-container .flip-container.slide, .slider-top-featured.noSlide .vendor-showcase-container .showcases-wrap .flip-container.slide, .slider-top-featured.noSlide .showcases, .showcases-wrap .vendor-showcase-container .slider-top-featured.noSlide .flip-container.slide, .slider-top-featured.noSlide .vendor-showcase-container .flip-container.slide {
        width: 46%;
        margin-right: 1%;
        margin-left: 2%;
    }
}

@media (max-width: 520px) {
    .showcases-wrap .showcases, .showcases-wrap .vendor-showcase-container .flip-container.slide, .showcases-wrap .slider-top-featured.noSlide .vendor-showcase-container .flip-container.slide, .slider-top-featured.noSlide .vendor-showcase-container .showcases-wrap .flip-container.slide, .slider-top-featured.noSlide .showcases, .showcases-wrap .vendor-showcase-container .slider-top-featured.noSlide .flip-container.slide, .slider-top-featured.noSlide .vendor-showcase-container .flip-container.slide {
        width: 100%;
        float: none;
        margin-right: auto;
        margin-left: auto;
    }
}

@media (max-width: 1000px) {
    .companies .col-md-3 {
        float: left;
        width: 50%;
    }
}

@media (max-width: 520px) {
    .companies .col-md-3 {
        width: 100%;
    }
}

.companies-top {
    margin-left: -10px;
    margin-right: -10px;
}

@media (max-width: 1000px) {
    .companies-top {
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media (max-width: 520px) {
    .companies-top {
        padding-left: 10px;
        padding-right: 10px;
    }
}

.companies-top .col-md-6 {
    padding: 0 10px;
    width: 50%;
    float: left;
}

@media (max-width: 768px) {
    .companies-top .col-md-6 .companies-group-left {
        padding-bottom: 14px;
    }
}

@media (max-width: 768px) {
    .companies-top .col-md-6 .companies-group-right {
        padding-left: 0;
        clear: both;
    }
}

.companies-bottom {
    margin: 0;
}

@media (max-width: 1000px) {
    .companies-bottom {
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media (max-width: 520px) {
    .companies-bottom {
        padding-left: 10px;
        padding-right: 10px;
    }
}

@media (max-width: 768px) {
    .companies-bottom {
        margin-right: 0;
    }
}

.group-link {
    position: absolute;
    bottom: 6px;
    left: 0;
    width: 100%;
    padding: 0 15px;
}

    .group-link:after {
        content: "";
        display: table;
        clear: both;
    }

.more-link {
    float: right;
    color: #313131;
    font-size: 12px;
    font-weight: 700;
    position: relative;
    right: -7px;
    bottom: 0px;
}

    .more-link .fa {
        position: relative;
        top: 3px;
        font-size: 18px;
        margin-left: 2px;
    }

    .more-link:hover {
        color: #313131;
        text-decoration: none;
    }

.vendor-showcase {
    font-size: 12px;
    padding: 6px;
    border: 1px solid #b7b7b7;
    border-radius: 5px;
}

.vendor-showcase-img {
    display: inline-block;
    overflow: hidden;
    max-width: 175px;
    border-radius: 4px;
}

    .vendor-showcase-img img {
        width: 100%;
    }

.vendor-showcase-read-more {
    position: relative;
    color: #118ed6;
    font-weight: 900;
    background-color: #fff;
    padding-left: 8px;
}

.vendor-showcase-wrap {
    padding: 10px 10px 5px 10px;
}

.vendor-showcase-link,
.featured-content-link {
    color: #fff;
    font-size: 10px;
    text-transform: uppercase;
    padding: 3px 12px 3px 15px;
    margin-left: -16px;
    border-left: none;
    max-width: 130px;
    display: inline-block;
    white-space: nowrap;
    border-radius: 0 3px 3px 0;
}

    .vendor-showcase-link:focus,
    .featured-content-link:focus {
        color: #fff;
    }

.vendor-showcase-link {
    background-color: #dd5959;
    border: 1px solid #902828;
    /* Safari, Chrome */
    /* Firefox 4.0~16.0 */
    transition: color ease 0.5s;
    /* IE >9, FF >15, Opera >12.0 */
}

    .vendor-showcase-link[href]:hover {
        color: #fff;
        text-decoration: underline;
    }

.featured-content-link {
    background-color: #e16500;
    border: 1px solid #b27731;
}

    .featured-content-link:hover {
        color: #fff;
    }

.featured-content-wrap {
    padding: 10px 8px 5px 8px;
}

    .featured-content-wrap:before {
        content: "";
        height: 50px;
        display: block;
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        z-index: 2;
        border-bottom-left-radius: 4px;
        border-bottom-right-radius: 4px;
        background: rgba(255, 255, 255, 0);
        background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(29%, white), color-stop(100%, white));
        background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, white 29%, white 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0 );
    }

    .featured-content-wrap h5 {
        color: #454545;
        font-size: 14px;
        font-weight: 900;
        text-transform: uppercase;
        line-height: 20px;
        margin: 20px 0;
    }

        .featured-content-wrap h5 a {
            color: #454545;
        }

    .featured-content-wrap .group-link {
        z-index: 3;
    }

.featured-content-wrap-main {
    background-color: #fff5ec;
    padding: 10px 15px 5px 15px;
    position: relative;
    overflow: inherit !important;
}

    .featured-content-wrap-main:before {
        content: "";
        height: 35px;
        display: block;
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        background-color: #fff5ec;
        z-index: 2;
    }

    .featured-content-wrap-main .eclipsis {
        z-index: 1;
    }

    .featured-content-wrap-main .group-link {
        z-index: 3;
    }

    .featured-content-wrap-main .featured-content-head {
        position: relative;
    }

        .featured-content-wrap-main .featured-content-head a {
            color: #454545;
            line-height: 18px;
        }

    .featured-content-wrap-main h5 {
        position: relative;
        background-color: #e16500;
        color: #fff;
        font-weight: 700 !important;
        margin: 20px -16px;
        padding: 10px 15px;
    }

        .featured-content-wrap-main h5 a {
            color: #fff;
        }

            .featured-content-wrap-main h5 a:hover {
                text-decoration: none;
            }

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

.sponsered-mobile-go {
    background-color: #5aadef;
}

    .sponsered-mobile-go img {
        width: auto !important;
    }

.cloudspace img {
    position: absolute;
    left: -25%;
}

.cloudspace {
    background: url("./../../Content/img/sponsored02.jpg") no-repeat;
    background-position: center center;
}

    .cloudspace a {
        display: block;
        min-height: 298px;
    }

.eclipsis {
    position: relative;
    overflow: hidden;
    text-overflow: ellipsis;
}

.eclipsis-fc {
    overflow: hidden;
    text-overflow: ellipsis;
    height: 105px;
}

.companies-group .companies-group-head {
    text-transform: uppercase;
    font-size: 11px;
    margin-top: 0;
    margin-bottom: 20px;
}

.card-content {
    position: relative;
    margin-bottom: 16px;
}

    .card-content p {
        display: block;
        padding-right: 120px;
    }

    .card-content img {
        display: block;
        max-width: 120px;
        max-height: 60px;
        overflow: hidden;
        position: absolute;
        bottom: 0;
        right: 0;
        padding: 3px;
        border: 1px solid #b7b7b7;
    }

.featured {
    background-color: #eaab61;
    height: 36px;
    color: #fff;
    font-size: 12px;
    font-weight: 400;
    padding-left: 15px;
    padding-right: 10px;
    width: 250px;
    text-transform: uppercase;
    border-radius: 0 3px 3px 0;
    position: relative;
    left: -16px;
    line-height: 36px;
    float: left;
}

    .featured a {
        float: right;
        text-transform: none;
        color: #fff;
        font-size: 12px;
        font-weight: 400;
    }

.blue-read-more {
    position: relative;
    background-color: #51708c;
    height: 36px;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    border-radius: 3px;
    padding: 7px 8px 8px 13px;
    width: 128px;
    float: right;
}

    .blue-read-more:hover {
        color: #fff;
    }

    .blue-read-more i {
        position: absolute;
        top: 8px;
        right: 10px;
        font-size: 20px;
    }

.top-info-company {
    padding-bottom: 45px;
    margin-bottom: 20px !important;
}

    .top-info-company .btn-view {
        display: inline-block;
        padding-left: 20px;
        padding-right: 20px;
        width: auto;
        margin-bottom: 18px;
    }

    .top-info-company h2 {
        line-height: 20px;
        display: inline-block;
        color: #454545;
        font-size: 16px;
        font-weight: 900;
        margin: 0 0 10px 0;
        clear: both;
        text-transform: uppercase;
    }

    .top-info-company .min-contact {
        font-size: 12px;
        margin-bottom: 15px;
    }

    .top-info-company .img-product-company {
        width: 350px;
        height: 200px;
        margin-bottom: 20px;
        line-height: 200px;
    }

        .top-info-company .img-product-company a {
            display: block;
            height: 100%;
            width: 100%;
            text-align: center;
        }

    .top-info-company .contact-info-company {
        max-width: 370px;
        padding: 0 60px 0 0;
    }

    .top-info-company .text-info-company {
        padding: 0;
    }

.text-info-company {
    margin-bottom: 20px;
}

.other-vendors,
.block-interested.big-border {
    margin-bottom: 20px;
    overflow: hidden;
}

    .other-vendors h1,
    .block-interested.big-border h1 {
        color: #5e5e5e;
        text-transform: uppercase;
        font-size: 14px;
        font-weight: 900;
        margin: 0 0 16px;
    }

    .other-vendors .companies-bottom,
    .block-interested.big-border .companies-bottom {
        margin-bottom: 20px;
    }

#slider-interested,
#slider-other-vendors {
    opacity: 1;
}

    #slider-interested .flickity-viewport,
    #slider-other-vendors .flickity-viewport {
        width: 100%;
    }

        #slider-interested .flickity-viewport .slide,
        #slider-other-vendors .flickity-viewport .slide {
            padding: 0 23px 0 0 !important;
            margin-left: -10px;
            width: 248px !important;
            margin: 0px !important;
        }

.slider-top-featured .flickity-viewport {
    width: 100%;
}

    .slider-top-featured .flickity-viewport .slide {
        padding: 0 23px 0 0 !important;
        width: 248px !important;
        margin: 0 !important;
    }

    .slider-top-featured .flickity-viewport .featured-content-wrap:before {
        display: none;
    }

@media (max-width: 1000px) {
    .contact-info-company h2 {
        text-align: center;
        width: 100%;
    }
}

@media (max-width: 1000px) {
    .contact-info-company {
        margin: 0 auto;
        padding: 0 !important;
        max-width: 350px !important;
    }
}

@media (max-width: 1000px) {
    .contact-info-company .img-product-company {
        text-align: center;
        max-width: 100% !important;
    }
}

@media (max-width: 520px) {
    .contact-info-company .img-product-company img {
        max-width: 300px !important;
    }
}

@media (max-width: 1000px) {
    .contact-info-company .info-vendor {
        width: 100%;
    }
}

@media (max-width: 1000px) {
    .contact-info-company .info-vendor h2 {
        display: block;
        text-align: center;
        margin: 0 auto 10px auto;
    }
}

@media (max-width: 1000px) {
    .contact-info-company .min-contact {
        margin: 0 auto 20px auto;
        text-align: center;
    }
}

@media (max-width: 1000px) {
    .contact-info-company .btn-view {
        margin: 0 auto 16px auto;
        max-width: 205px;
        height: 46px;
        display: block;
        padding: 0;
        text-align: center;
        line-height: 42px;
        font-size: 18px !important;
        text-transform: lowercase;
    }
}

@media (max-width: 1000px) {
    .contact-info-company #tab1 {
        clear: both;
    }
}

@media (max-width: 1000px) {
    .contact-info-company #tab1 p {
        margin: 0 auto 16px auto;
        padding-left: 0;
        display: block;
        max-width: 205px;
    }
}

@media (max-width: 1000px) {
    .contact-info-company #tab1 p a {
        text-align: left;
        height: 46px;
        line-height: 44px;
        border: 1px solid #c4c4c4;
        border-radius: 3px;
        padding-left: 55px;
        padding-right: 16px;
        font-weight: 900 !important;
        font-size: 14px;
        display: block;
        width: 100%;
        height: 100%;
        text-decoration: none;
        /* Safari, Chrome */
        /* Firefox 4.0~16.0 */
        transition: all ease 0.5s;
        /* IE >9, FF >15, Opera >12.0 */
    }
}

@media (max-width: 1000px) {
    .contact-info-company #tab1 p a:hover {
        color: #266aa7;
        border: 1px solid #266aa7;
    }
}

@media (max-width: 1000px) {
    .contact-info-company #tab1 p a span {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        display: block;
        font-weight: 900;
    }
}

@media (max-width: 1000px) {
    .contact-info-company #tab1 p i {
        border: none;
        top: 2px;
        left: 5px;
        vertical-align: middle;
        font-size: 36px;
    }
}

.text-info-company {
    height: auto;
}

@media (max-width: 1000px) {
    .text-info-company {
        clear: both;
        padding: 0 10px !important;
    }
}

@media (min-width: 521px) {
    .text-info-company {
        height: auto !important;
    }
}

@media (max-width: 520px) {
    .text-info-company {
        overflow: hidden;
    }
}

.see-text {
    margin: 24px 0 0 0;
    display: none;
    font-size: 19px;
    text-transform: uppercase;
    color: #fff;
    font-weight: 400;
    text-align: center;
    cursor: pointer;
    height: 46px;
    line-height: 44px;
    background-color: #143447;
    border-radius: 3px;
}

    .see-text:after {
        content: " more";
    }

    .see-text.active-see:after {
        content: " less";
    }

@media (min-width: 521px) {
    .see-text {
        display: none !important;
    }
}

.category-list.big-border {
    margin-bottom: 30px;
    padding-bottom: 30px;
    max-width: 970px;
    width: 100%;
}

    .category-list.big-border h2 {
        font-weight: 900;
        font-size: 24px !important;
        text-transform: uppercase;
        margin: 30px 0 20px 0;
    }

    .category-list.big-border ul {
        padding: 0;
        margin: 0;
        list-style: none;
    }

        .category-list.big-border ul li {
            margin-bottom: 10px;
            width: 22.5%;
            display: inline-block;
        }

@media (min-width: 240px) and (max-width: 970px) {
    .category-list.big-border ul li {
        width: 30%;
    }
}

.category-list.big-border ul li:nth-child(5n) {
    text-align: right;
    width: 15.6%;
}

@media (min-width: 240px) and (max-width: 970px) {
    .category-list.big-border ul li:nth-child(5n) {
        width: 30%;
        text-align: left;
    }
}

.category-list.big-border ul li:nth-child(5n) a {
    padding-right: 0 !important;
}

.category-list.big-border ul li:nth-child(5n+4) {
    width: 15.6%;
}

@media (min-width: 240px) and (max-width: 970px) {
    .category-list.big-border ul li:nth-child(5n+4) {
        width: 30%;
        text-align: left;
    }
}

.category-list.big-border ul li:nth-child(5n+4) a {
    padding-right: 10% !important;
}

.category-list.big-border ul li a {
    padding-right: 20%;
    display: block;
    font-weight: 400;
    font-size: 18px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #313131;
}

#categories {
    position: fixed;
    background: #fff;
    padding: 30px 10px;
    z-index: 9991;
    top: 0;
    left: -120%;
    height: 100%;
    transition: all .2s ease;
    -webkit-transition: all .2s ease;
    transition-property: width,position,background,padding,box-shadow;
    width: 310px;
    /* Webkit browsers */
    /* Firefox */
    -ms-box-shadow: 0 0 38px rgba(102, 102, 102, 0.75);
    /* IE9 */
    -o-box-shadow: 0 0 38px rgba(102, 102, 102, 0.75);
    /* Opera(Old) */
    box-shadow: 0 0 38px rgba(102, 102, 102, 0.75);
    /* IE9+, News */
}

    #categories #unpin {
        display: none;
    }

    #categories.no-fixed {
        position: relative;
        float: left;
        background: #edf0f3;
        box-shadow: none;
        width: 250px;
        height: auto !important;
        margin-top: 20px;
        padding-bottom: 0;
        /* Safari, Chrome */
        /* Firefox 4.0~16.0 */
        transition: all 0.2s ease;
        /* IE >9, FF >15, Opera >12.0 */
    }

        #categories.no-fixed #pinas {
            display: none;
        }

        #categories.no-fixed #unpin {
            display: block;
        }

    #categories li {
        list-style: none;
        line-height: 160%;
    }

    #categories .categories-list {
        overflow-y: auto;
        overflow-x: hidden;
        max-height: 100%;
        margin: 0;
        padding: 0 !important;
        display: block !important;
        opacity: 1 !important;
    }

@media (max-width: 520px) {
    #categories .categories-list {
        overflow: hidden;
    }
}

#categories .categories-list .level-1 {
    line-height: 90%;
    position: relative;
    padding-bottom: 16px;
}

    #categories .categories-list .level-1.active-cat:after {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    #categories .categories-list .level-1 > a {
        display: block;
        color: #5e5e5e;
        font-size: 12px;
        font-weight: 900;
        position: relative;
        z-index: 1;
        padding-right: 30px;
        /* Safari, Chrome */
        /* Firefox 4.0~16.0 */
        transition: color 0.5s ease;
        /* IE >9, FF >15, Opera >12.0 */
    }

        #categories .categories-list .level-1 > a:hover {
            color: #51708c;
        }

    #categories .categories-list .level-1:after {
        position: absolute;
        content: "\f0d7";
        display: inline-block;
        font: normal normal normal 14px/1 FontAwesome;
        font-size: inherit;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        top: 0;
        right: 6px;
        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg);
    }

#categories .sub {
    padding: 16px 10px 0 10px;
}

    #categories .sub li a {
        display: block;
        color: #5e5e5e;
        font-size: 12px;
        font-weight: 400;
        padding-right: 20px;
        /* Safari, Chrome */
        /* Firefox 4.0~16.0 */
        transition: color 0.5s ease;
        /* IE >9, FF >15, Opera >12.0 */
    }

        #categories .sub li a:hover {
            color: #51708c;
        }

@media (min-width: 521px) {
    body > header .header-middle {
        height: 98px;
    }
}

body > header .header-middle nav {
    position: absolute;
    bottom: 0;
}

@media (min-width: 520px) and (max-width: 767px) {
    body > header .header-middle nav {
        margin-left: -10px;
    }
}

@media (min-width: 769px) {
    body > header .header-middle nav {
        margin-left: -6px;
    }
}

body > header .header-middle nav ul > li {
    display: block;
}

body > header .header-middle .categories-list {
    overflow-y: auto;
    overflow-x: hidden;
    max-height: 100%;
    padding: 0 !important;
}

    body > header .header-middle .categories-list .level-1 {
        line-height: 90%;
        position: relative;
        padding-bottom: 16px;
        background: #fff;
    }

@media (max-width: 520px) {
    body > header .header-middle .categories-list .level-1 {
        line-height: normal;
        padding-bottom: 0;
        border-top: 1px solid #e0e0e0;
    }
}

body > header .header-middle .categories-list .level-1.active-cat:after {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
}

body > header .header-middle .categories-list .level-1 > a {
    display: block;
    color: #5e5e5e;
    font-size: 14px;
    position: relative;
    z-index: 1;
    padding: 14px 30px 14px 15px;
    /* Safari, Chrome */
    /* Firefox 4.0~16.0 */
    transition: color 0.5s ease;
    /* IE >9, FF >15, Opera >12.0 */
}

    body > header .header-middle .categories-list .level-1 > a:hover {
        color: #51708c;
        text-decoration: none;
    }

@media (max-width: 520px) {
    body > header .header-middle .categories-list .level-1 > a {
        padding: 11px 30px;
    }
}

body > header .header-middle .categories-list .level-1:after {
    position: absolute;
    content: "\f078";
    display: inline-block;
    color: #d5d5d5;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 24px;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    top: 7px;
    right: 8px;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

#pinas {
    display: inline-block;
    background-color: #51708c;
    cursor: pointer;
    position: absolute;
    right: 0;
    top: 20px;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    text-transform: uppercase;
    padding: 5px 10px;
    border-radius: 5px 0 0 5px;
}

    #pinas i {
        display: inline-block;
        padding-left: 10px;
    }

    #pinas .blue-corner {
        position: absolute;
        top: 0;
        right: -15px;
        z-index: 1;
        border-top: 15px solid transparent;
        border-bottom: 15px solid transparent;
        border-left: 15px solid #51708c;
    }

#unpin {
    position: absolute;
    left: 0;
    top: 20px;
    cursor: pointer;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    text-transform: uppercase;
    display: inline-block;
    background-color: #51708c;
    padding: 5px 10px;
    border-radius: 5px 0 0 5px;
}

    #unpin i {
        display: inline-block;
        padding-right: 10px;
    }

    #unpin .blue-corner {
        position: absolute;
        z-index: 1;
        top: 0;
        left: -12px;
        border-top: 15px solid transparent;
        border-bottom: 15px solid transparent;
        border-right: 15px solid #51708c;
    }

.globe {
    position: relative;
}

    .globe > a:after {
        position: relative;
        left: 10px;
        content: "\f0ac";
        display: inline-block;
        font: normal normal normal 14px/1 FontAwesome;
        font-size: inherit;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        top: 0;
        right: 10px;
    }

.region-menu {
    margin-bottom: 30px;
}

    .region-menu .select-region-link {
        display: block;
        background-color: #99cc33;
        color: #fff;
        font-size: 12px;
        text-transform: uppercase;
        text-decoration: none;
        padding: 8px 12px;
        position: relative;
        width: 246px;
        /* Safari, Chrome */
        /* Firefox 4.0~16.0 */
        transition: background 0.3s ease;
        /* IE >9, FF >15, Opera >12.0 */
        border-radius: 5px;
    }

        .region-menu .select-region-link:hover {
            background-color: #a4db4e;
        }

    .region-menu .fa-globe {
        position: absolute;
        top: 7px;
        right: 9px;
        color: #fff;
        font-size: 18px;
    }

.select-subguides {
    margin-bottom: 30px;
}

    .select-subguides .select-subguides-link {
        display: block;
        background-color: #99cc33;
        color: #fff;
        font-size: 12px;
        text-transform: uppercase;
        text-decoration: none;
        padding: 8px 12px 8px 38px;
        position: relative;
        /* Safari, Chrome */
        /* Firefox 4.0~16.0 */
        transition: background 0.3s ease;
        /* IE >9, FF >15, Opera >12.0 */
        border-radius: 5px;
    }

        .select-subguides .select-subguides-link:hover {
            background-color: #a4db4e;
        }

    .select-subguides .fa-th-large {
        position: absolute;
        top: 7px;
        left: 8px;
        font-size: 23px;
    }

.subguides-wrap {
    position: fixed;
    top: 6%;
    left: -3000px;
    z-index: 9990;
    width: 400px;
    max-height: 88%;
    background: #fff;
    overflow-y: auto;
    border-radius: 5px;
    /* Webkit browsers */
    /* Firefox */
    -ms-box-shadow: 0 0 20px #646464;
    /* IE9 */
    -o-box-shadow: 0 0 20px #646464;
    /* Opera(Old) */
    box-shadow: 0 0 20px #646464;
    /* IE9+, News */
}

@media (max-width: 520px) {
    .subguides-wrap {
        display: none;
        top: 53px;
        left: 0;
        width: 100%;
        height: calc(100% - 53px);
        max-height: 100%;
        background: #f3f3f3;
        border: 1px solid #e0e0e0;
        border-radius: 0;
        /* Webkit browsers */
        /* Firefox */
        -ms-box-shadow: none;
        /* IE9 */
        -o-box-shadow: none;
        /* Opera(Old) */
        box-shadow: none;
        /* IE9+, News */
    }
}

.subguides-wrap .sub-guides-nav {
    padding: 10px 10px 10px 20px;
    margin: 0;
    border-radius: 5px;
}

@media (max-width: 520px) {
    .subguides-wrap .sub-guides-nav {
        margin: 15px 5px 5px 5px;
        padding: 5px;
        background: #474747;
        border-radius: 3px;
    }
}

.subguides-wrap .sub-guides-nav li {
    list-style: none;
    margin-bottom: 13px;
}

@media (max-width: 520px) {
    .subguides-wrap .sub-guides-nav li {
        margin-bottom: 6px;
    }
}

.subguides-wrap .sub-guides-nav li:last-child {
    margin-bottom: 0;
}

.subguides-wrap .sub-guides-nav li a {
    display: block;
    color: #fff;
    text-transform: uppercase;
    background: #acacac;
    padding: 13px 10px;
    border-radius: 5px;
}

    .subguides-wrap .sub-guides-nav li a:hover {
        text-decoration: underline;
    }

@media (max-width: 520px) {
    .subguides-wrap .sub-guides-nav li a {
        background: #727272;
        line-height: 20px;
        padding: 7px;
        border-radius: 3px;
    }
}

.subguides-show {
    display: block !important;
    left: 300px;
    transition: left 0.5s ease;
}

.subguides-show-tablet {
    left: 50%;
    margin-left: -200px;
    z-index: 9999999;
}

    .subguides-show-tablet .sub-guides-nav {
        padding: 10px;
    }

.subguides-wrap-bg-lock {
    display: block !important;
}

.subguides-notclick {
    display: block !important;
    left: 300px;
}

@media (max-width: 1100px) {
    .subguides-notclick {
        left: 50%;
        margin-left: -200px;
        z-index: 9999999;
    }

        .subguides-notclick .sub-guides-nav {
            padding: 10px;
        }
}

@media (max-width: 520px) {
    .subguides-notclick {
        left: 0;
    }
}

.notclickable {
    left: 0 !important;
}

@media (max-width: 520px) {
    .notclickable {
        display: none;
    }
}

.corner-sub {
    left: 58px;
}

#top-header {
    position: relative;
    top: 0;
    width: 100%;
    z-index: 999;
    /* Safari, Chrome */
    /* Firefox 4.0~16.0 */
    transition: opacity 0.3s ease-in;
    /* IE >9, FF >15, Opera >12.0 */
}

    #top-header.header-transporent {
        opacity: 0;
    }

@media (max-width: 520px) {
    #top-header {
        position: fixed;
        z-index: 9994;
    }
}

#top-header .search-tablet {
    display: none;
}

#top-header.min-header .search-tablet {
    padding-top: 15px;
    position: absolute;
    top: 0;
    right: 0;
    opacity: 0.9;
    /* W3C */
    filter: alpha(opacity=90);
    /* IE */
}

    #top-header.min-header .search-tablet i {
        font-size: 22px;
        margin-right: 12px;
    }

    #top-header.min-header .search-tablet a {
        color: #fff;
        font-family: 'Lato';
        font-weight: 400;
        font-size: 12px;
        border-top: none;
        /* Safari, Chrome */
        /* Firefox 4.0~16.0 */
        transition: opacity ease 0.3s;
        /* IE >9, FF >15, Opera >12.0 */
    }

        #top-header.min-header .search-tablet a:hover {
            opacity: 0.7;
            /* W3C */
            filter: alpha(opacity=70);
            /* IE */
        }

@media (max-width: 1000px) {
    #top-header.min-header .search-tablet {
        display: block;
    }
}

@media (min-width: 767px) {
    #top-header.min-header .search-tablet {
        padding-top: 6px;
    }
}

#center-area .top-area #search-panel.search-tablet-out {
    margin-top: 0;
    margin-left: -15px !important;
    width: calc(100% + 30px) !important;
}

#center-area .top-area .search-panel-header {
    position: fixed;
    z-index: 666;
    right: 50%;
    top: 0;
    margin-top: 0;
    margin-right: -485px;
    max-width: 435px;
    width: 100%;
}

@media (max-width: 1000px) {
    #center-area .top-area .search-panel-header {
        display: none;
        top: 74px;
        right: 0;
        left: 0;
        z-index: 999;
        background: #fff;
        padding: 5px 10px 0;
        margin: 0;
        max-width: none;
        width: 100% !important;
    }
}

@media (min-width: 1001px) {
    #center-area .top-area .search-panel-header {
        top: 0 !important;
    }
}

#center-area .top-area .search-panel-header #search {
    top: 10px;
    height: 40px;
    min-width: 320px;
    max-width: 435px;
}

@media (max-width: 1000px) {
    #center-area .top-area .search-panel-header #search {
        height: 158px;
        min-width: 0;
        max-width: 100%;
    }
}

#center-area .top-area .search-panel-header #search .search-corner {
    right: 111px;
}

@media (max-width: 1000px) {
    #center-area .top-area .search-panel-header #search .search-corner {
        display: none;
    }
}

#center-area .top-area .search-panel-header #search .search-btn {
    max-width: 100px;
    font-size: 12px;
    height: 40px;
}

@media (max-width: 1000px) {
    #center-area .top-area .search-panel-header #search .search-btn {
        font-size: 16px;
        height: 53px;
        width: 100%;
        max-width: 100%;
        margin-top: -1px;
        margin-left: 0;
    }
}

#center-area .top-area .search-panel-header #search .search-toggler {
    max-width: 104px;
    text-align: left;
    height: 40px;
    text-transform: none;
    padding: 11px 10px;
}

@media (max-width: 1000px) {
    #center-area .top-area .search-panel-header #search .search-toggler {
        position: relative;
        float: left;
        height: 53px;
        max-width: 100%;
        width: 100%;
        margin-left: 0;
        border-top: none;
        padding: 18px 10px;
        text-transform: uppercase;
    }
}

#center-area .top-area .search-panel-header #search .search-toggler .fa-caret-down {
    top: 11px;
}

@media (max-width: 1000px) {
    #center-area .top-area .search-panel-header #search .search-toggler .fa-caret-down {
        top: 17px;
    }
}

#center-area .top-area .search-panel-header #search .search-toggler span {
    display: none;
}

@media (max-width: 1000px) {
    #center-area .top-area .search-panel-header #search .search-toggler span {
        display: inline;
    }
}

@media (max-width: 1000px) {
    #center-area .top-area .search-panel-header #search .search-by-wrap {
        position: absolute;
        top: 158px;
        margin-bottom: 14px;
        box-shadow: none;
        border-radius: 0;
    }
}

@media (max-width: 1000px) {
    #center-area .top-area .search-panel-header #search .search-by-wrap .search-by-close {
        font-size: 16px;
    }
}

#center-area .top-area .search-panel-header #search .search-block-input {
    /*@include breakpoint($desktop) {
          display: inline-block;*/
}

    #center-area .top-area .search-panel-header #search .search-block-input:before {
        top: 3px;
    }

@media (max-width: 1000px) {
    #center-area .top-area .search-panel-header #search .search-block-input:before {
        top: 8px;
    }
}

#center-area .top-area .search-panel-header #search .search-block-input #searchcriteria {
    margin-right: -204px;
    height: 40px;
    font-size: 17px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-right: 205px;
}

@media (max-width: 1000px) {
    #center-area .top-area .search-panel-header #search .search-block-input #searchcriteria {
        position: relative;
        float: left;
        height: 53px;
        padding-right: 20px;
    }
}

#center-area .top-area .search-panel-header .live-search {
    top: 49px !important;
}

@media (max-width: 1000px) {
    #center-area .top-area .search-panel-header .live-search {
        top: 67px !important;
        width: calc(100% - 20px) !important;
        margin: 0 10px;
    }
}

#center-area .top-area .active-search-panel {
    display: block;
}

#top-header.min-header {
    position: fixed;
    top: 0;
    z-index: 666;
    width: 100%;
    height: 60px;
    padding: 0;
    opacity: 1 !important;
}

@media (min-width: 521px) {
    #top-header.min-header {
        height: auto;
        min-height: 60px;
    }
}

#top-header.min-header .wrap {
    min-height: 60px;
}

@media (max-width: 1000px) {
    #top-header.min-header .wrap {
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media (max-width: 520px) {
    #top-header.min-header .wrap {
        padding-left: 10px;
        padding-right: 10px;
    }
}

#top-header.min-header .header-right {
    display: none;
    min-width: 320px;
    max-width: 435px;
    padding: 0;
    /*select {
      min-width: 20px;
    }

    .live-search {
      top: 49px !important;
      left: auto!important;
      text-align: left;

      .live-search-heading {
        color: $color-text;
        font-weight: 700;
        padding: 15px 10px 10px 20px;
      }
    }*/
}

#top-header.min-header .header-middle {
    padding-top: 3px;
    padding-left: 0;
    padding-right: 0;
    position: relative;
}

@media (min-width: 521px) {
    #top-header.min-header .header-middle {
        height: auto;
        padding-bottom: 14px;
    }
}

@media (max-width: 1000px) {
    #top-header.min-header .header-middle {
        width: 100%;
    }
}

@media (min-width: 768px) and (max-width: 1000px) {
    #top-header.min-header .header-middle .browse-categories:before {
        font-size: 16px !important;
    }
}

#top-header.min-header .header-middle nav {
    padding-left: 30px;
    position: relative;
}

@media (min-width: 520px) and (max-width: 1000px) {
    #top-header.min-header .header-middle nav {
        padding-right: 100px;
    }
}

@media (min-width: 1001px) {
    #top-header.min-header .header-middle nav {
        padding-right: 440px;
    }
}

@media (min-width: 768px) and (max-width: 1000px) {
    #top-header.min-header .header-middle nav {
        padding-left: 0;
        top: 6px;
    }
}

#top-header.min-header .min-logo {
    opacity: 1;
    display: inline-block !important;
    position: relative;
    top: 1px;
}

    #top-header.min-header .min-logo.add-logo {
        padding-bottom: 20px;
        float: left;
    }

@media (min-width: 768px) and (max-width: 1000px) {
    #top-header.min-header .min-logo {
        margin-right: 20px;
    }
}

#top-header.min-header .min-logo a:hover {
    border: none !important;
}

@media (min-width: 768px) and (max-width: 1000px) {
    #top-header.min-header .min-logo a {
        font-size: 16px;
    }
}

#top-header.min-header .slogan,
#top-header.min-header .header-left,
#top-header.min-header .logo-text {
    opacity: 0;
    display: none;
}

#top-header.min-header .browse-categories {
    font-size: 24px;
    height: 24px;
    position: absolute;
    left: 0;
    top: 3px;
}

@media (min-width: 768px) and (max-width: 1000px) {
    #top-header.min-header .browse-categories {
        font-size: 14px;
        position: relative;
        left: 0;
        top: 0;
        margin-left: 10px;
    }
}

@media (min-width: 768px) and (max-width: 1000px) {
    #top-header.min-header .browse-categories:before {
        top: 8px;
        left: -6px;
    }
}

#top-header.min-header .browse-categories span {
    display: none;
    opacity: 0;
}

@media (min-width: 768px) and (max-width: 1000px) {
    #top-header.min-header .browse-categories span {
        display: block;
        opacity: 1;
        font-size: 12px;
    }
}

.top-head {
    padding-top: 120px !important;
}

@media (max-width: 768px) {
    .top-head {
        padding-top: 292px !important;
    }
}

#top-header.min-header .search-block-input:before {
    top: 3px;
}

@media (max-width: 1000px) {
    #top-header.min-header .search-block-input:before {
        top: 8px;
    }
}

.wrap {
    position: relative;
    max-width: 980px;
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
    /*padding-left: 5px;
  padding-right: 5px;*/
}

@media (max-width: 1000px) {
    .wrap {
        /*padding-left: 15px;
    padding-right: 15px;*/
    }
}

@media (max-width: 520px) {
    .wrap {
        /*padding-left: 10px;
    padding-right: 10px;*/
    }
}

.wrap .content-wrap {
    max-width: 1429px;
}

    .wrap .content-wrap.wrap-min {
        transition: max-width 0.2s ease;
        position: relative;
        right: 0;
        overflow-x: hidden;
        padding-left: 20px;
    }

        .wrap .content-wrap.wrap-min .top-area {
            padding-top: 20px;
        }

.content {
    padding: 0;
    margin: 0;
    text-align: inherit !important;
}

    .content:after {
        content: "";
        display: table;
        clear: both;
    }

.content-left {
    float: left;
    width: 100%;
    padding-right: 300px;
    margin-right: -300px;
}

.content-right {
    float: right;
    width: 300px;
}

.content-text {
    padding-bottom: 30px;
}

    .content-text h1 {
        color: #454545;
        font-size: 30px;
        font-weight: 900;
        letter-spacing: 1px;
        text-transform: uppercase;
        margin: 40px 0 33px 0;
    }

    .content-text h2 {
        color: #454545;
        font-size: 24px;
        font-weight: 900;
        letter-spacing: 1px;
        text-transform: uppercase;
        margin: 40px 0 33px 0;
    }

    .content-text h3 {
        color: #454545;
        font-size: 18px;
        font-weight: 900;
        letter-spacing: 1px;
    }

    .content-text p {
        color: #727272;
        font-size: 18px;
        line-height: 27px;
        margin-bottom: 30px;
    }

    .content-text a, .content-text strong {
        font-weight: 700;
    }

    .content-text .content-text-black {
        color: #1f1f1f;
        font-weight: 700;
    }

    .content-text .content-text-gray-dark {
        color: #535353;
        font-weight: 700;
    }

    .content-text .content-text-gray {
        font-weight: 700;
    }

    .content-text .content-text-copyright {
        text-transform: uppercase;
        margin: 40px 0 33px 0;
    }

.top-banner,
.bottom-banner {
    overflow: hidden;
    height: 90px;
    width: 970px;
    margin: 0 auto;
    clear: both;
    text-align: center;
}

@media (max-width: 969px) {
    .top-banner,
    .bottom-banner {
        height: 90px !important;
        width: 728px !important;
    }
}

@media (max-width: 727px) {
    .top-banner,
    .bottom-banner {
        height: 60px !important;
        width: 468px !important;
    }
}

@media (max-width: 467px) {
    .top-banner,
    .bottom-banner {
        height: 50px !important;
        width: 320px !important;
    }
}

@media (max-width: 340px) {
    .top-banner,
    .bottom-banner {
        width: calc(100% + 20px) !important;
        width: -moz-calc(100% + 20px) !important;
        margin-left: -10px !important;
    }
}

@media (max-width: 340px) {
    .top-banner #Leaderboard1, .top-banner #Leaderboard2,
    .bottom-banner #Leaderboard1,
    .bottom-banner #Leaderboard2 {
        margin-left: auto !important;
        margin-right: auto !important;
    }
}

.top-banner iframe,
.bottom-banner iframe {
    position: relative !important;
    width: 100%;
}

@media (max-width: 969px) {
    .top-banner iframe,
    .bottom-banner iframe {
        max-height: 90px !important;
    }
}

@media (max-width: 727px) {
    .top-banner iframe,
    .bottom-banner iframe {
        max-height: 60px !important;
    }
}

@media (max-width: 467px) {
    .top-banner iframe,
    .bottom-banner iframe {
        max-height: 50px !important;
    }
}

.bottom-banner {
    margin-bottom: 14px;
}

@media (max-width: 520px) {
    .bottom-banner {
        border-radius: 0;
    }
}

.bottom-banner img {
    float: right;
}

body > header {
    background-color: #355069;
    color: #fff;
    text-align: center;
    padding: 10px 0;
}

    body > header .wrap {
        overflow: visible;
        min-height: 100px;
    }

@media (max-width: 520px) {
    body > header .wrap {
        min-height: 0 !important;
    }
}

body > header .header-left,
body > header .header-middle {
    float: left;
    text-align: left;
}

body > header .header-left {
    position: absolute;
}

@media (min-width: 768px) and (max-width: 1000px) {
    body > header .header-left {
        margin-left: 10px;
    }
}

@media (max-width: 768px) {
    body > header .header-left {
        display: none;
    }
}

body > header .header-left a {
    display: table-cell;
    height: 100px;
    vertical-align: middle;
    border-radius: 4px;
}

    body > header .header-left a img {
        max-width: 146px;
        max-height: 100px;
        border-radius: 4px;
    }

body > header .header-middle {
    padding-left: 164px;
}

@media (max-width: 768px) {
    body > header .header-middle {
        float: none;
        padding-left: 10px;
    }
}

@media (max-width: 520px) {
    body > header .header-middle {
        min-height: 33px;
    }
}

body > header .header-middle .logo-text {
    color: #fff;
    font-size: 24px;
    text-transform: uppercase;
}

    body > header .header-middle .logo-text:hover {
        text-decoration: none;
    }

@media (max-width: 520px) {
    body > header .header-middle .logo-text {
        display: block;
        font-size: 10px !important;
        font-weight: 900;
        text-align: center;
        padding-bottom: 2px;
        margin-left: 67px;
        margin-right: 75px;
    }
}

body > header .header-middle .logo-text span {
    font-weight: 900;
    margin-right: 3px;
}

@media (max-width: 520px) {
    body > header .header-middle .logo-text span {
        display: block;
        font-size: 16px;
        margin-bottom: -5px;
    }
}

body > header .header-middle .slogan {
    font-size: 18px;
    font-weight: 700;
}

@media (max-width: 520px) {
    body > header .header-middle .slogan {
        display: none;
    }
}

body > header .header-middle .browse-categories {
    padding-left: 12px;
    color: #fff;
    font-size: 12px;
    font-weight: 400;
    cursor: pointer;
    text-transform: uppercase;
    position: relative;
}

@media (min-width: 520px) and (max-width: 767px) {
    body > header .header-middle .browse-categories {
        left: 0;
        top: 0;
        padding-left: 0;
    }
}

@media (max-width: 768px) {
    body > header .header-middle .browse-categories:before {
        top: -5px;
        font-size: 18px;
    }
}

@media (max-width: 520px) {
    body > header .header-middle .browse-categories {
        display: none;
    }
}

body > header .header-middle .browse-categories.hide {
    display: none;
}

body > header .header-middle .browse-categories:hover {
    border: none;
}

body > header .header-middle .browse-categories:before {
    content: "\f0c9";
    position: absolute;
    top: 11px;
    left: 0;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

@media (min-width: 520px) and (max-width: 767px) {
    body > header .header-middle .browse-categories:before {
        position: relative;
        top: 0;
        margin-right: 0px;
    }
}

body > header .header-middle nav .sub-menu {
    background-color: #313131;
    position: absolute;
    z-index: 99;
    top: 40px;
    left: 0;
    padding: 20px 15px 10px 15px;
    border-radius: 5px;
    /* Webkit browsers */
    /* Firefox */
    -ms-box-shadow: 0 0px 30px 1px rgba(0, 0, 0, 0.75);
    /* IE9 */
    -o-box-shadow: 0 0px 30px 1px rgba(0, 0, 0, 0.75);
    /* Opera(Old) */
    box-shadow: 0 0px 30px 1px rgba(0, 0, 0, 0.75);
    /* IE9+, News */
}

@media (max-width: 520px) {
    body > header .header-middle nav .sub-menu {
        display: none;
        position: static;
        padding: 10px 0;
        background-color: #f1f1f1;
        border-top: 1px solid #e0e0e0;
        border-radius: 0;
        /* Webkit browsers */
        /* Firefox */
        -ms-box-shadow: none;
        /* IE9 */
        -o-box-shadow: none;
        /* Opera(Old) */
        box-shadow: none;
        /* IE9+, News */
    }
}

body > header .header-middle nav .sub-menu li {
    list-style: none;
}

    body > header .header-middle nav .sub-menu li a {
        color: #fff;
        display: block;
        min-width: 170px;
        padding: 0 0 15px 0;
    }

        body > header .header-middle nav .sub-menu li a:hover {
            text-decoration: underline;
        }

@media (max-width: 520px) {
    body > header .header-middle nav .sub-menu li a {
        color: #535353;
        min-width: 0;
        padding: 5px 30px;
    }
}

@media (max-width: 520px) {
    body > header .header-middle nav {
        display: none;
        position: absolute;
        top: 43px;
        left: 0;
        width: 100%;
        padding-bottom: 10px;
        background: #f1f1f1;
        overflow: hidden;
        border-bottom: 1px solid #e0e0e0;
    }
}

@media (min-width: 521px) {
    body > header .header-middle nav {
        display: block !important;
    }
}

body > header .header-middle nav .first-list-categories {
    display: none;
}

    body > header .header-middle nav .first-list-categories .categories-list {
        display: none;
        border-top: none;
        height: auto !important;
    }

    body > header .header-middle nav .first-list-categories > a:after, body > header .header-middle nav .first-list-categories > a:before {
        content: "\f078";
        display: inline-block;
        color: #d5d5d5;
        font: normal normal normal 14px/1 FontAwesome;
        font-size: 24px;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        position: absolute;
        top: 8px;
        right: 6px;
        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg);
    }

    body > header .header-middle nav .first-list-categories > a:before {
        right: 22px;
    }

@media (max-width: 520px) {
    body > header .header-middle nav .first-list-categories {
        display: block;
    }

        body > header .header-middle nav .first-list-categories.active-cat > a {
            background: #f1f1f1;
        }

            body > header .header-middle nav .first-list-categories.active-cat > a:after, body > header .header-middle nav .first-list-categories.active-cat > a:before {
                display: none;
            }
}

@media (max-width: 520px) {
    body > header .header-middle nav .sub {
        padding: 10px 0;
        background-color: #f1f1f1;
        border-top: 1px solid #e0e0e0;
    }
}

@media (max-width: 520px) {
    body > header .header-middle nav .sub > li a {
        color: #5e5e5e;
    }
}

@media (max-width: 520px) and (max-width: 520px) {
    body > header .header-middle nav .sub > li a {
        display: block;
        padding: 5px 30px;
    }
}

body > header .header-middle nav > ul {
    padding-left: 0;
    margin-bottom: 0;
}

    body > header .header-middle nav > ul > li {
        display: inline-block;
        padding: 8px 10px 0 10px;
    }

@media (min-width: 767px) {
    body > header .header-middle nav > ul > li {
        padding-right: 7px;
        padding-left: 7px;
    }
}

@media (max-width: 520px) {
    body > header .header-middle nav > ul > li {
        display: block;
        background-color: #fff;
        border-bottom: 1px solid #e0e0e0;
        padding: 0;
    }
}

body > header .header-middle nav > ul > li.min-logo {
    opacity: 0;
    display: none;
    padding-left: 4px;
}

    body > header .header-middle nav > ul > li.min-logo a {
        font-weight: 900;
        font-size: 24px;
        border-top: none;
    }

body > header .header-middle nav > ul > li.sub-level {
    padding: 8px 10px 0 8px;
    position: relative;
}

@media (max-width: 520px) {
    body > header .header-middle nav > ul > li.sub-level {
        padding: 0;
    }
}

body > header .header-middle nav > ul > li.sub-level > a:after {
    content: "\f0d7";
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding: 0 4px;
}

@media (max-width: 520px) {
    body > header .header-middle nav > ul > li.sub-level > a:after {
        content: "\f078";
        color: #d5d5d5;
        font-size: 24px;
        padding: 0;
        position: absolute;
        top: 8px;
        right: 8px;
        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg);
    }
}

body > header .header-middle nav > ul > li.active-cat a:after {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
}

body > header .header-middle nav > ul > li > a {
    color: #fff;
    font-weight: 400;
    font-size: 12px;
    text-decoration: none !important;
    text-transform: uppercase;
    display: inline-block;
    padding-top: 1px;
    border-top: 2px solid transparent;
    /* Safari, Chrome */
    /* Firefox 4.0~16.0 */
    transition: border 0.3s ease;
    /* IE >9, FF >15, Opera >12.0 */
}

@media (max-width: 520px) {
    body > header .header-middle nav > ul > li > a {
        display: block;
        color: #535353;
        font-size: 16px;
        font-weight: 700;
        border: none !important;
        padding: 9px 40px 9px 15px;
    }

        body > header .header-middle nav > ul > li > a:hover {
            color: #535353 !important;
        }
}

body > header .header-middle nav > ul > li > a:hover {
    border-top: 2px solid #fff;
    color: #fff;
}

footer {
    background-color: #edf0f3;
    color: #fff;
    padding-top: 33px;
}

@media (max-width: 520px) {
    footer {
        text-align: center;
    }
}

footer .footer-inner {
    background-color: #333;
    min-height: 210px;
}

footer .wrap {
    padding-top: 50px;
}

@media (max-width: 520px) {
    footer .wrap {
        padding-top: 20px;
    }
}

footer section.col-md-2 {
    width: 20%;
    margin-bottom: 30px;
}

@media (max-width: 1000px) {
    footer section.col-md-2 {
        display: inline-block;
        vertical-align: top;
        margin-right: -2px;
        width: 33.33333%;
    }
}

@media (max-width: 768px) {
    footer section.col-md-2 {
        width: 50%;
    }
}

@media (max-width: 520px) {
    footer section.col-md-2 {
        width: 100%;
    }
}

footer section ul {
    padding-left: 0;
}

    footer section ul li {
        list-style: none;
    }

@media (max-width: 520px) {
    footer section ul li {
        margin-bottom: 8px;
    }
}

footer section a {
    color: #fff;
    font-weight: 400;
    font-size: 12px;
    text-decoration: none;
}

    footer section a:hover, footer section a:focus {
        color: #fff;
        text-decoration: underline;
    }

@media (max-width: 520px) {
    footer section a {
        font-size: 14px;
    }
}

footer #slogan-footer {
    color: #fff;
    font-size: 12px;
    font-weight: 400;
    margin-bottom: 10px;
}

footer #logo-footer {
    display: block;
    width: 146px;
    height: 30px;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJYAAAAjCAYAAAB2BvMkAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAkvSURBVHhe7ZsJ0FZTHMb7vvYVJaJFq6WylVYpRWSpkb1pJISsMcIYGgoVhZRJZBl8tiZGBgmFGmQbTdlaZpIkk6khkqn0+T33/d8773nvfZcv39ei85t55pzz/M8999z3Lufec+9byePxeDwej8fj8exFbN++/RB0hBU9nrJTWlq6r2UjOKjmob+tGEHdfSzr2csotrQgOHiu52D5hbS7WVmhXiP0E3UnmVUmWK560kGcjuKomhUd5NPGkaTOwU25qnxUzywH/BboECsmQryJtZGpxlYlItf6iLXEb2PFGMTq27LVzYrAa8vyjazoQEwjSHq/QrWyKhF4qtvaihF4dWm/jhUj8A9DTaxYPtBgFyTeMSuA8jg0y4oBlCfRsVLSi8wqEyx3AnrRiokQf171rOignWbrP8esAKxm5vc3ywH/bfS6FRMhPl1tZIL/qFWJwGts4bPMisC7i/hmdIBZDvgvodXUq2JWAOXK6Ddi48xywH+VeAz8T6xKBN5otBE5By9l7dNRVgygiTp46u/NqAG6B3WysEPOKxYL6WiOVlhcXPwpyWPoQ1ZSBels1Nn9CtJKWuBVQ0WUl5POLCoqep58BHUOtmw+dCafRxuHp4outHMYyYXo0MDYudxHv3qg6618icqkE1PFwmCZx0kqo6sCIw1izUh0UkzlN9wWmGXjS+tjJLwrUyGH2bRflzQahairUeBSibz6F0C+D3VrkH0TbUXr0D+ocNhx3dFGGvsA7We2/JpoMJplcQe8P9FsNIxiNAyRL8Ybg7agS8zOCnXGWXslZjngP6s4jDfLAb/Crlgh1OttbR1rVgxiWa9YgvhzaC1xZ0inPB5/E6pvVgSxvFcs9J4Vc0I7ujhsQNFJgacTOgD/FLPV7jS00oo5yXrF4sj8nGQmbR+Fjkc1aHQk3ipiJWgA+Zpat+oL8qUk1Yj1QxouVrPMWNL9kK5AQ9EyVMhGt2aZjaQX0IauThGUda8wiPgma3dPZjK/le5Hz7eyfsc6SFeXEkaJDSm3YmDduvK8jU4NDGDdV6AlaDnF4CpHXsfKGWiOyvnIdWBtRZeRbUP6Jw0vJp2AGpJ/D2kYmow2q74gpiFQ90UDib9GWhvrNvI6mI4jfxTqwY+1mnI+NH3xNPoR3SkjjTvQKqR47MZzT4Lf4wt+n4Vkr0s5wU7UfamGpx168DE6047ajsQJOc1imcxG7Yg3Rfo9+yAN01J/ltWB346+6qZdw2Be8j0VanwdQaNzabSNdXA9+X74X6H+5NvjbVFlQXkI5V84eAZS/Jj8EtIG+CXkH0E6Q3JCnaokLdD3LHc36flscHBlItaSZDD+/aRLUSs8HdB7JGyHrvKTSDuzjV3YFu2TEWguv+F3qrOD/EZbH6UL7+tUKIYextSP05EuJpvpz3OkknyNNKfRhqaU5qEdh42sjWbRmMZZ3TddjtojnV2KX4ymoDNVJx28W6zOE0hD2QD0q8V0U5n4mBxCneC+hLQvie4BViBtpGLT0Urz+1m9psGCaWBnu8dqbv5ucY8liGlbNDWjp0DtQLWpkzcRwuV2jxVCe7qi6d54HXrSbPkzKC9D81FBw6BIvGLRgOZc5nDUDqDhH8h34+yZTroJ1UZiPboczQhKLooJXc7/YlntqA609RVtKl3AOnLNhYTD2wrq6wo3Bl3IMrqRvBiNNX8FErH7LNahvuqK4Gwjvvokfrd0l2PboqkKXeVH08fv8AreieUB63yLRPdZ+6NoyMSfTl90O6RpHQ2ZBZFtKGyImtLot6TdOTA0nOkH0L3RAezgA0nnop/xaioWwjLr8DSPormXbuT1EKCpCi3bC1+X0uZIj7/Z0LC7xdan9b5AonstzZWtpfyMfFhDPe2U2IFFnfXE/kC9zArRVU4PHP9lmKkIdOKW0m/NC00h1RC0M9G0g24pFrGvgn0msObye2mEUH/eSLn/AdppZgeQA74egx9SnlSzsJ+h7VoxyTckHS02DMU6gqfpipOsmIitQ08kEZQ1V6R1DDcrgPKPaIIVHfA1tyaeQoOQJv22ovDAjEFMQ+EqpGE8lDNRGIJfLkNhCHWfROtROCokQluFDIVrUPo2SHqqT4T2qhDXtENsrgvvdqQHsIqDFdRDS+mIbujUoSLKByNd4YKbaPI90c9oh57YWE4HwFQrBtC27kNeVmpWAN6j6D4rOlBXc2e3Ik17bEO/o4dR7BVJCDHdN36eoWxzacdZ3JkOSYdYQ9WhLyealRXqHY2C+9Nc2Ha9j641ywF/AsrcBin2ZiAd4vei2EGNp1dYt1mx4mAlep+2GJUgPdZWRZXJt0UPIp3xXaz6bgH909xQvqdgz66GA6c6ug59gnT5lhahO9mBOV8eezwFoSuBvxp4PB6Px+PxeDy7CTzt6fusrO+vkqD+ZWgkSvokVu8PNd/iTHiG4PdCessegweFY4ip3dg8DjHNd52DeqM26FwLRVBnf3zN2Vyp+mZH4OvVSiK5YtlI62/sgz6Br9dVNyK9BI6BP9rSPrQVTECng382uobYFWY5ENNEbuI8Gv55xFujruRj73DxhiLNVZbpS+CyPMnpC8MOqWzB6FOLhSh8dxhh7w/Xkmb7lKMry3W2vAMbqq8qHiC7gLxzYODrFY8mZtsj/Zh6feTAMvoKUhOBK61+JvqyIhu5Yomov2znRNY1RzvJ7ADKtUiaEtfbjI6ZceMsdqw+X76AuN7lZaI+vUss24R0J2LHW94BX1/06mtRvbtVXzJZRB31TZ8pFUxBBxYbpXeHbVETVhLbUTmYRv1aqExnOevTnxL0oZ8mYmN/UIAiYjo4rkYNAsflL0vVV71jTGIN0mc3OwP1V4r9OQFP7+DCk6OYgy/pHaFOQs18hy/dk9BJr8/GHfj9dMDoXWpz8gcFpovem2pGflhQyoD+LCLZwIE/P+WUI2y7vpnWV6C16Fxfs/NC3SHoBpbTN1QxiEVfLaaD35Nl9OF+XRQbDvE0xGloSfzEGV/fiHUkPRPFPu2Vh0ahbEPhNWg4ir2qwRtosd5m5YW66q/+gKAvM2Lgq583oZ5mOeCfgQbTV72/1ZXYAU8v1mPbIfBPJK5PoOopb3YE3slIr4hORbqAxFDMsh6Px+PxeDwej+f/RaVK/wIoVn/MHULCMgAAAABJRU5ErkJggg==')
}

@media (max-width: 520px) {
    footer #logo-footer {
        margin: 0 auto;
    }
}

footer #footer-info {
    color: #fff;
    font-size: 12px;
    font-weight: 400;
    line-height: 22px;
}

@media (max-width: 520px) {
    footer #footer-info {
        font-size: 14px;
        line-height: 26px;
    }
}

footer #footer-info span a {
    font-weight: 700;
    text-transform: uppercase;
}

#slider {
    display: none;
    position: relative;
    margin-bottom: 14px;
    overflow: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

    #slider ul {
        padding: 0;
    }

        #slider ul li {
            list-style: none;
            display: block;
            position: relative;
        }

    #slider .caption {
        position: absolute;
        bottom: 0;
        z-index: 111;
        padding: 0 0 14px 14px;
    }

        #slider .caption h1 {
            color: #fff;
            font-size: 48px;
            font-weight: 700;
            margin: 0 0 7px 0;
        }

@media (max-width: 1000px) {
    #slider .caption h1 {
        font-size: 36px;
    }
}

@media (max-width: 520px) {
    #slider .caption h1 {
        font-size: 22px;
    }
}

#slider .caption .gray {
    color: #fff;
    font-size: 18px;
    display: inline-block;
    padding: 10px 20px 10px 10px;
    background-color: #474646;
    margin: 0 0 16px 0;
    border-radius: 5px;
}

@media (max-width: 520px) {
    #slider .caption .gray {
        font-size: 14px;
    }
}

#slider .caption .slider-more a {
    color: #fff;
    font-size: 16px;
    text-decoration: none;
    display: inline-block;
    padding: 10px 28px;
    background-color: #51708c;
    border-radius: 5px;
}

.slick-arrow-prev-wrap,
.slick-arrow-next-wrap {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 10;
    height: 100%;
}

@media (max-width: 1000px) {
    .slick-arrow-prev-wrap,
    .slick-arrow-next-wrap {
        height: calc(100% - 21px);
    }
}

.slick-arrow-prev-wrap:before,
.slick-arrow-next-wrap:before {
    content: '';
    background-color: #000;
    position: absolute;
    z-index: -1;
    width: 100%;
    height: 100%;
    opacity: .2;
}

.slick-arrow-prev-wrap {
    left: 0;
    right: auto;
}

.slick-arrow-next-wrap {
    left: auto;
    right: 0;
}

.slick-arrow {
    width: 50px;
    height: 100%;
    cursor: pointer;
    background-position: center;
    background-repeat: no-repeat;
    background-color: transparent;
    border: none !important;
    text-indent: -9000px;
}

.slick-prev {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAdCAYAAABFRCf7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYxIDY0LjE0MDk0OSwgMjAxMC8xMi8wNy0xMDo1NzowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNS4xIFdpbmRvd3MiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OTU2ODg0MDBCREU3MTFFNTg4RDhGMTQ3QTg5ODUyRjYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OTU2ODg0MDFCREU3MTFFNTg4RDhGMTQ3QTg5ODUyRjYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo5NTY4ODNGRUJERTcxMUU1ODhEOEYxNDdBODk4NTJGNiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo5NTY4ODNGRkJERTcxMUU1ODhEOEYxNDdBODk4NTJGNiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Ps/ZdckAAADcSURBVHjaYvr//z8DmVgHiM8DcRG6HLkGmgPxy/8IkE2pobZA/Po/Jign11BHIP78HzdoItXQACD+858wmMbEQBwIAeJVQMxMhFpNYlyY8J94sASImQkZmE6CgQuJiahCEgycQkySqibBwB5iEn87CQY2YHMUukA/CQaW4go6ZM5sEgzMxRfBIEIEiBcQadhbIE4hlAwZoLYSC2YTk/to5lKahClNY59m6ZRmOYpmeZ9mpRTNylMYDgHiX0QavJ/Y6mQNEIcB8V8i1F4f8NqUZvU+zVooBNtSAAEGAAc6lvGnZ9ZBAAAAAElFTkSuQmCC");
}

.slick-next {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAdCAYAAABFRCf7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYxIDY0LjE0MDk0OSwgMjAxMC8xMi8wNy0xMDo1NzowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNS4xIFdpbmRvd3MiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6ODk0MEZERkNCREU3MTFFNUE0MTFFRjY2MUY3MTIxQ0UiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6ODk0MEZERkRCREU3MTFFNUE0MTFFRjY2MUY3MTIxQ0UiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo4OTQwRkRGQUJERTcxMUU1QTQxMUVGNjYxRjcxMjFDRSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo4OTQwRkRGQkJERTcxMUU1QTQxMUVGNjYxRjcxMjFDRSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PjkwfYgAAADISURBVHjaYvj//z8DGi4C4vNArINFjiiMLpD9HwFeArE5pYaW/8cEr4HYllxDm/7jBp+B2JFUQ6f9Jwz+AHEAKYbu/08c+AXEIcQaygzES/4TDxJIiaiFJBicTkqSmkKCwYXEGgrCPSQYXE2soSDcQILB7cQaCsKlJBjcT6yhIJxLgsGziTUUhFOA+C2RBi8AYhFis95sElycOyAupXqYUj32qZ5OqZ6jqJ73qVpK0aQ8pUnJT5M6iia1Kc3qfZq1UKjWlgIIMABIMyVaaAhSywAAAABJRU5ErkJggg==");
}

.logo-slider {
    display: none;
}

.slick-slide {
    min-height: 0;
}

.slick-dots {
    display: none !important;
    position: absolute;
    bottom: -10px;
    width: 100%;
    text-align: center;
}

    .slick-dots li {
        width: 22px;
        height: 22px;
        margin: 0 5px;
        display: inline-block !important;
        background: #edf0f3;
        opacity: 1;
        border: 1px solid #b7b7b7;
        border-radius: 100%;
    }

        .slick-dots li button {
            opacity: 0;
        }

        .slick-dots li.slick-active {
            opacity: 1;
            background: #5aadef;
        }

.fc-wrap {
    position: relative;
    margin-bottom: 14px;
    padding-bottom: 53px;
    min-height: 270px;
    border: 1px solid #b7b7b7;
    border-radius: 5px;
}

    .fc-wrap:after {
        content: "";
        display: table;
        clear: both;
    }

    .fc-wrap:before {
        display: none;
    }

    .fc-wrap > a {
        margin: 0 auto;
        text-align: center;
        color: #fff;
        display: block;
        width: 80px;
        overflow: hidden;
        height: 40px;
        border: 1px solid #b7b7b7;
        border-radius: 5px;
    }

        .fc-wrap > a img {
            width: 100% !important;
            height: 100% !important;
        }

    .fc-wrap h5 {
        text-align: center;
        display: block;
        min-height: 40px;
        font-size: 16px;
    }

        .fc-wrap h5 a {
            display: block;
            max-height: 60px;
            overflow: hidden;
        }

    .fc-wrap .head-featured-companies {
        color: #fff;
        display: block;
        padding: 6px 15px;
        text-align: center;
    }

        .fc-wrap .head-featured-companies a {
            display: block;
            color: #fff;
        }

    .fc-wrap .btn-group {
        position: absolute;
        bottom: 10px;
        left: 0;
        width: 100%;
        padding: 0 8px;
    }

        .fc-wrap .btn-group a {
            width: 100px;
            display: inline-block;
            padding: 9px 8px;
            margin: 0;
        }

        .fc-wrap .btn-group .btn-view {
            float: right;
        }

        .fc-wrap .btn-group .btn-visit {
            float: left;
        }

.top-area {
    padding-top: 14px;
    position: relative;
}

@media (min-width: 769px) {
    .top-area .search-area {
        height: 53px;
    }
}

@media (min-width: 521px) {
    .top-area .search-area {
        margin: 14px 0;
    }
}

@media (max-width: 1000px) {
    .top-area .search-area {
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media (max-width: 520px) {
    .top-area .search-area {
        padding-left: 10px;
        padding-right: 10px;
    }
}

.top-area #search-panel {
    display: block;
    position: relative;
    height: 53px;
}

@media (max-width: 520px) {
    .top-area #search-panel {
        margin: 14px 0;
    }
}

@media (max-width: 768px) {
    .top-area #search-panel {
        height: auto;
    }
}

@media (max-width: 520px) {
    .top-area #search-panel {
        display: none;
        position: fixed;
        top: 67px;
        left: 0;
        z-index: 999;
        width: 100%;
        background: #fff;
        padding: 15px 10px 1px 10px;
        margin: -14px 0 0 0;
    }
}

.featured-companies-wrap {
    margin-bottom: 14px;
}

@media (max-width: 768px) {
    .featured-companies-wrap {
        width: 100% !important;
    }
}

.head-featured-companies {
    background-color: #355069;
    color: #fff;
    font-size: 12px;
    font-weight: 400;
    text-transform: uppercase;
    margin-bottom: 14px;
    padding: 10px 15px;
    border-radius: 5px;
}

.featured-content-head {
    font-size: 11px !important;
    font-weight: 700;
    line-height: 16px;
    text-transform: uppercase;
}

.btn-light-blue {
    background-color: #5aadef;
    color: #fff;
    font-size: 12px;
    font-weight: 400;
    text-transform: lowercase;
    padding: 3px 15px;
    border: 1px solid #355069;
    border-radius: 5px;
}

.btn-view {
    background-color: #51708c;
    margin-right: 8px;
    margin-bottom: 8px;
    /* Safari, Chrome */
    /* Firefox 4.0~16.0 */
    transition: background 0.3s ease;
    /* IE >9, FF >15, Opera >12.0 */
}

    .btn-view:hover {
        background-color: #7ea3c4 !important;
    }

.btn-visit {
    background-color: #252d35;
    /* Safari, Chrome */
    /* Firefox 4.0~16.0 */
    transition: background 0.3s ease;
    /* IE >9, FF >15, Opera >12.0 */
}

    .btn-visit:hover {
        background-color: #424e58 !important;
    }

.btn-view,
.btn-visit {
    display: block;
    width: 104px;
    color: #fff;
    text-align: center;
    padding: 9px 10px;
    border: 1px solid #355069;
    border-radius: 4px;
}

.btn-contact {
    color: #fff;
    background-color: #252d35;
    padding: 3px 16px 4px 16px;
    border: 1px solid #355069;
    /* Safari, Chrome */
    /* Firefox 4.0~16.0 */
    transition: background 0.3s ease;
    /* IE >9, FF >15, Opera >12.0 */
    border-radius: 4px;
}

    .btn-contact:hover {
        background-color: #424e58 !important;
    }

.btn-view,
.btn-visit,
.btn-contact {
    line-height: 100%;
}

    .btn-view:hover, .btn-view:focus,
    .btn-visit:hover,
    .btn-visit:focus,
    .btn-contact:hover,
    .btn-contact:focus {
        color: #fff;
        text-decoration: none;
    }

.vendor-showcase-wrap .eclipsis {
    height: 50px;
    margin-top: 10px;
}

.sponsored-group {
    position: relative;
    height: 270px;
    margin: 0 auto 14px auto;
    border: 1px solid #b7b7b7;
    overflow: hidden;
    border-radius: 5px;
}

    .sponsored-group:after {
        content: "";
        display: table;
        clear: both;
    }

    .sponsored-group .sofitel-logo {
        width: 175px;
        height: 100px;
        background-size: contain;
        background-position: center center;
        background-repeat: no-repeat;
        margin: 0 auto;
        border: 1px solid #b7b7b7;
        border-radius: 4px;
        line-height: 97px;
    }

    .sponsored-group h5 {
        color: #474646;
        font-size: 14px;
        font-weight: 900;
        text-transform: uppercase;
        line-height: 20px;
        /*position:absolute;
    top:10px;
    height:50px;
    left:0;
    margin-left:0;
    margin-right:0;
    overflow:hidden;
    white-space: nowrap;
    display:block;

    &:hover{
        height:auto;
        white-space:inherit;
        z-index:10;
    }*/
    }

        .sponsored-group h5.vendor-showcase-head {
            color: #118ed6;
            font-size: 12px;
            font-weight: 900;
            line-height: 16px;
            text-transform: uppercase;
            text-align: center;
            height: 35px;
            overflow: hidden;
        }

    .sponsored-group p {
        font-size: 12px;
        line-height: 17px;
    }

.featured-title-ellipse {
    width: calc(100% + 32px);
    margin: 10px 0 10px -16px !important;
    max-height: 80px;
    overflow: hidden;
    z-index: 10;
    padding: 0 !important;
}

    .featured-title-ellipse:hover {
        overflow: inherit;
    }

        .featured-title-ellipse:hover:after {
            display: none;
        }

    .featured-title-ellipse:after {
        content: '';
        width: 100%;
        height: 10px;
        background: #e16500;
        position: absolute;
        bottom: 0;
    }

    .featured-title-ellipse a {
        text-overflow: ellipsis;
        -o-text-overflow: ellipsis;
        -ms-text-overflow: ellipsis;
        display: block;
        padding: 10px 15px;
        overflow: hidden;
    }

        .featured-title-ellipse a:hover {
            white-space: inherit;
            background: #e16500;
            max-height: 100%;
        }

.companies-group {
    position: relative;
    padding: 15px 15px 8px 15px;
    min-height: 205px;
    background-color: #f9f9f9;
    border: 1px solid #b7b7b7;
    border-radius: 5px;
}

    .companies-group:after {
        content: "";
        display: table;
        clear: both;
    }

    .companies-group p {
        font-size: 12px;
    }

    .companies-group h5 {
        color: #454545;
        font-size: 16px;
        font-weight: 900;
        line-height: 20px;
        text-transform: uppercase;
        overflow: hidden;
        height: 40px;
        margin-top: 0;
        margin-bottom: 18px;
    }

@media (max-width: 768px) {
    .companies-group h5 {
        height: auto;
        max-height: 40px;
    }
}

.companies-group h5 a {
    color: #454545;
}

.companies-group .btn-group {
    position: absolute;
    left: 0;
    bottom: 15px;
}

@media (max-width: 1000px) {
    .companies-group .btn-group {
        position: static;
        padding-top: 10px;
        padding-left: 0;
        width: 100%;
    }

        .companies-group .btn-group a {
            display: inline-block;
            width: auto !important;
            min-width: 100px;
        }
}

.companies-group .btn-group .btn-view,
.companies-group .btn-group .btn-visit {
    width: 100px;
}

.companies-group-wrap {
    margin-bottom: 15px;
}

.companies-group-left {
    position: static;
    padding: 0 10px;
    padding-bottom: 94px;
    width: auto !important;
    float: left;
}

    .companies-group-left .companies-group-left-img {
        display: block;
        overflow: hidden;
        text-align: center;
        line-height: 58px;
        height: 40px;
        width: 80px;
        background-color: #fff;
        border: 1px solid #c4c4c4;
        border-radius: 4px;
    }

    .companies-group-left .btn-group {
        position: absolute;
        bottom: 15px;
    }

    .companies-group-left span {
        display: inline-block;
        width: 80px;
        overflow: hidden;
        height: 40px;
        margin: 0;
        border: 1px solid #b7b7b7;
        border-radius: 5px;
    }

.companies-group-right {
    padding-left: 120px;
}

    .companies-group-right .companies-group-eclipsis {
        overflow: hidden;
        text-overflow: ellipsis;
        height: 105px;
        margin-bottom: 3px;
    }

@media (max-width: 768px) {
    .companies-group-right .companies-group-eclipsis {
        height: auto;
        max-height: 105px;
    }
}

.companies-view-all {
    position: relative;
    float: right;
    color: #fff;
    text-transform: lowercase;
}

    .companies-view-all:hover {
        color: #fff;
    }

    .companies-view-all span {
        position: absolute;
        left: -15px;
        font-weight: 700;
    }

.companies-view-all-link {
    color: #fff;
}

    .companies-view-all-link:hover {
        color: #fff;
    }

    .companies-view-all-link span {
        position: absolute;
    }

.sub {
    display: none;
}

.left-side-icons {
    display: none;
    float: left;
    margin-left: -4px;
}

@media (max-width: 520px) {
    .left-side-icons {
        display: block;
    }
}

.right-side-icons {
    display: none;
    float: right;
}

@media (max-width: 520px) {
    .right-side-icons {
        display: block;
    }
}

.left-side-icons a,
.right-side-icons a {
    display: inline-block;
    color: #fff;
}

.left-side-icons .fa,
.right-side-icons .fa {
    cursor: pointer;
}

.left-side-icons .fa-home,
.right-side-icons .fa-home {
    position: relative;
    top: 3px;
    font-size: 30px;
}

.left-side-icons .fa-globe,
.right-side-icons .fa-globe {
    position: relative;
    top: 2px;
    left: 9px;
    font-size: 26px;
    cursor: pointer;
}

.left-side-icons .fa-bars,
.right-side-icons .fa-bars {
    position: relative;
    top: 3px;
    right: 8px;
    font-size: 29px;
}

.left-side-icons .fa-search,
.right-side-icons .fa-search {
    position: relative;
    right: 18px;
    font-size: 22px;
    -webkit-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    transform: scaleX(-1);
    -webkit-filter: FlipH;
    filter: FlipH;
    -ms-filter: "FlipH";
}

.left-side-icons .fa-th-large,
.right-side-icons .fa-th-large {
    position: relative;
    top: 3px;
    left: 10px;
    font-size: 25px;
}

@media (max-width: 520px) {
    .top-area .top-banner {
        margin-bottom: 14px;
        border-radius: 0;
    }
}

.search-corner-mobile {
    display: none;
    position: absolute;
    bottom: -18px;
    right: 60px;
    width: 0;
    height: 0;
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
    border-top-width: 9px;
    border-top-style: solid;
    border-top-color: #355069;
    opacity: 1;
    transition: all 0.5s ease;
}

@media (min-width: 521px) {
    .search-corner-mobile {
        display: none !important;
    }
}

.highlight, highlight {
    color: #fff;
    background-color: #98bbe9;
}

.big-logo {
    background-size: contain !important;
}

.error-content {
    min-height: 400px;
}

    .error-content h2 {
        color: #535353;
        font-size: 24px;
        font-weight: 900;
        letter-spacing: 1px;
        text-transform: uppercase;
        margin: 40px 0 33px 0;
    }

    .error-content p {
        color: #535353;
        font-size: 14px;
        font-weight: 400;
        margin-bottom: 20px;
    }

div#BrandAffinity {
    min-height: 170px;
}

    div#BrandAffinity iframe {
        width: 100%;
    }

@media (min-width: 520px) and (max-width: 767px) {
    .fixed-search-panel-content {
        display: block !important;
    }
}

.resultsWrapper h3 {
    margin: 0;
}

.results .result-row .result-row-inner {
    overflow: hidden;
    min-height: 370px;
    padding: 15px;
    margin-bottom: 15px;
    border: 1px solid #b7b7b7;
    border-radius: 5px;
}

.search-results .search-results-right {
    padding-top: 54px;
}

    .search-results .search-results-right .sponsored-group {
        margin-bottom: 30px;
    }

.search-results .companies-group h5 {
    font-size: 14px;
}

.search-results .companies-group p {
    font-size: 13px;
}

.search-results .tab-content-wrap-right {
    margin-bottom: 20px;
}

.search-results-left {
    float: left;
    width: 100%;
    padding-right: 330px;
    margin-right: -300px;
}

.search-results-right {
    float: left;
    width: 300px;
}

    .search-results-right:after {
        content: "";
        display: table;
        clear: both;
    }

    .search-results-right .sponsored-group:last-child {
        margin-right: 0;
    }

#search-results {
    padding-top: 5px;
}

    #search-results:after {
        content: "";
        display: table;
        clear: both;
    }

@media (max-width: 520px) {
    #search-results .tabs {
        padding-right: 0;
    }
}

.tabs {
    margin-bottom: 0;
    padding-left: 0;
    border-bottom: 1px solid #b7b7b7;
}

    .tabs:after {
        content: "";
        display: table;
        clear: both;
    }

    .tabs li {
        display: block;
        float: left;
        margin-bottom: -1px;
    }

        .tabs li a {
            display: block;
            color: #51708c;
            font-weight: 900;
            text-transform: uppercase;
            padding: 17px 20px 8px 20px;
            border: 1px solid transparent;
            border-bottom: 1px solid #b7b7b7;
        }

            .tabs li a:hover, .tabs li a:focus {
                text-decoration: none;
            }

            .tabs li a.active {
                color: #252d35;
                border: 1px solid #b7b7b7;
                border-bottom: 1px solid #fff;
                border-radius: 5px 5px 0 0;
            }

            .tabs li a i {
                margin-right: 5px;
            }

@media (max-width: 520px) {
    .tabs li a i {
        margin-right: 0;
    }
}

.tab-content {
    padding: 20px 0;
}

    .tab-content .filter-abl {
        clear: both;
    }

.tabs-wrap:after {
    content: "";
    display: table;
    clear: both;
}

.tabs-wrap .tabs {
    float: left;
    width: 100%;
    padding-right: 240px;
}

.tabs-wrap .search-results-items {
    float: right;
    width: 240px;
    text-align: right;
    margin-top: 17px;
    margin-left: -240px;
}

@media (max-width: 520px) {
    .tabs-wrap .search-results-items {
        display: none;
    }
}

.tabs-wrap .search-results-items .search-results-label {
    display: inline-block;
    font-size: 12px;
    font-weight: 900;
    text-transform: uppercase;
}

.tabs-wrap .search-results-items .search-results-items-list {
    display: inline-block;
    padding-left: 10px;
}

    .tabs-wrap .search-results-items .search-results-items-list li {
        display: inline-block;
    }

        .tabs-wrap .search-results-items .search-results-items-list li a {
            font-size: 12px;
            font-weight: 900;
            margin-right: 3px;
        }

            .tabs-wrap .search-results-items .search-results-items-list li a:hover {
                cursor: pointer;
            }

.tabs-wrap .search-results-items .search-results-item-current {
    color: #b7b7b7;
}

    .tabs-wrap .search-results-items .search-results-item-current:hover {
        text-decoration: none;
    }

.tab-companies,
.tab-counts {
    display: inline-block;
}

.tab-counts {
    float: right;
    margin-top: 4px;
    padding-left: 20px;
}

@media (max-width: 520px) {
    .tab-counts {
        display: none;
    }
}

@media (max-width: 520px) {
    .tab-search span {
        display: none;
    }
}

.search-companies-count {
    font-size: 18px;
    font-weight: 900;
    margin: 0 2px;
}

.search-companies-link {
    font-weight: 700;
}

.cat-heading-as-link {
    color: #266aa7;
    font-weight: 700;
}

.tab-content-wrap {
    margin-bottom: 5px;
}

    .tab-content-wrap:after {
        content: "";
        display: table;
        clear: both;
    }

    .tab-content-wrap .pagination {
        margin: 0;
    }

.tab-content-wrap-bottom {
    margin-bottom: 15px;
    margin-left: -8px;
    margin-right: -8px;
}

    .tab-content-wrap-bottom:after {
        content: "";
        display: table;
        clear: both;
    }

    .tab-content-wrap-bottom .sponsored-group {
        margin-bottom: 16px;
    }

    .tab-content-wrap-bottom .col-md-3 {
        padding: 0 8px;
    }

@media (max-width: 1000px) {
    .tab-content-wrap-bottom .col-md-3 {
        width: 50%;
        float: left;
    }
}

@media (max-width: 520px) {
    .tab-content-wrap-bottom .col-md-3 {
        width: 100%;
    }
}

.tab-content-wrap-left {
    float: left;
    width: 52%;
    padding-top: 6px;
}

@media (max-width: 1000px) {
    .tab-content-wrap-left {
        width: 47%;
    }
}

@media (max-width: 968px) {
    .tab-content-wrap-left {
        width: 100%;
    }
}

.tab-content-wrap-left p {
    margin-bottom: 3px;
}

.tab-content-wrap-right {
    float: right;
    width: 47%;
    text-align: right;
}

@media (max-width: 1000px) {
    .tab-content-wrap-right {
        width: 52%;
    }
}

@media (max-width: 968px) {
    .tab-content-wrap-right {
        width: 100%;
        text-align: center;
        margin-top: 14px;
    }
}

.tab-breadcrumbs {
    color: #2e679b;
    font-size: 16px;
    font-weight: 900;
    text-transform: uppercase;
}

.search-customer {
    margin: 0;
    padding: 10px 5px;
    border-bottom: 1px solid #c4c4c4;
}

@media (max-width: 520px) {
    .search-customer {
        padding: 0;
        margin-bottom: 10px;
        border: 1px solid #c4c4c4;
        box-shadow: 0px 4px 5px -2px rgba(0, 0, 0, 0.3);
    }
}

.search-customer-img,
.search-customer-desc {
    float: left;
}

.search-customer-img {
    position: relative;
    overflow: hidden;
    width: 120px;
    height: 60px;
    line-height: 60px;
    border-radius: 5px;
}

@media (max-width: 520px) {
    .search-customer-img {
        width: 100%;
        height: auto;
        background-size: cover !important;
        border-radius: 0;
    }

        .search-customer-img img {
            width: auto;
            display: block;
            margin: 0 auto;
            max-height: none;
        }
}

.search-customer-img a {
    display: block;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
}

@media (max-width: 520px) {
    .search-customer-img a {
        width: auto;
    }
}

.search-customer-desc {
    width: 100%;
    margin-left: -120px;
    padding-left: 135px;
}

@media (max-width: 520px) {
    .search-customer-desc {
        margin-left: 0;
        padding: 15px 12px;
    }
}

.search-customer-desc h4 {
    color: #454545;
    font-size: 16px;
    font-weight: 900;
    margin-top: 0;
    margin-bottom: 10px;
}

.search-customer-desc p {
    font-size: 12px;
    margin: 0;
}

.search-customer-content {
    color: #939393;
    padding-top: 6px;
}

@media (max-width: 520px) {
    .search-customer-content {
        border-top: 1px solid #e2e2e2;
        margin-top: 5px !important;
    }
}

.customer-link-website {
    display: inline-block;
    font-size: 12px;
    font-weight: 700;
    margin-bottom: 10px;
}

.search-customer-labels {
    margin: 0;
}

.search-customer-labels-inner .customers-group-labels a {
    display: inline-block;
    margin-top: -5px;
    margin-bottom: 5px;
    margin-right: 5px;
}

.search-customer-labels-inner .filter-abl-label {
    display: inline-block;
    float: none;
    margin-left: 0;
    border: 1px solid #000;
}

.search-customer-address {
    width: 100%;
    float: left;
    padding-right: 275px;
    padding-left: 15px;
}

@media (max-width: 768px) {
    .search-customer-address {
        padding-right: 15px;
    }
}

@media (max-width: 520px) {
    .search-customer-address {
        float: none;
        padding-right: 15px;
    }
}

.search-customer-btn {
    padding-right: 10px;
    padding-left: 0;
    margin-left: -260px;
    width: 260px;
    float: left;
}

    .search-customer-btn:after {
        content: "";
        display: table;
        clear: both;
    }

@media (max-width: 768px) {
    .search-customer-btn {
        width: auto;
        margin-top: 10px;
        margin-left: 15px;
    }
}

@media (max-width: 520px) {
    .search-customer-btn {
        width: auto;
        margin-left: 0;
        padding-left: 15px;
        padding-right: 15px;
        text-align: left;
    }
}

.search-customer-btn a {
    display: inline-block;
    width: 156px;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    text-align: center;
}

@media (max-width: 520px) {
    .search-customer-btn a {
        width: 70px;
        font-size: 12px;
        text-align: left;
        padding: 5px 7px 4px 7px;
    }
}

.search-customer-btn .search-customer-btn-row {
    text-align: right;
}

@media (max-width: 768px) {
    .search-customer-btn .search-customer-btn-row {
        float: left;
    }
}

@media (max-width: 520px) {
    .search-customer-btn .search-customer-btn-row {
        float: right;
    }

        .search-customer-btn .search-customer-btn-row span {
            display: none;
        }
}

.search-customer-btn .btn-view {
    margin-right: 0;
}

@media (max-width: 768px) {
    .search-customer-btn .btn-view {
        margin-right: 10px;
        padding-top: 4px;
        padding-bottom: 4px;
    }
}

@media (max-width: 520px) {
    .search-customer-btn .btn-view {
        text-align: left;
        margin-left: 0px;
        padding-top: 5px;
    }
}

.search-customer-btn .btn-view i {
    display: none;
    float: right;
}

@media (max-width: 520px) {
    .search-customer-btn .btn-view i {
        display: block;
    }
}

.search-customer-btn .btn-video {
    display: inline-block;
    color: #fff;
    line-height: 14px;
    text-align: left;
    width: 84px;
    background-color: #252d35;
    padding: 3px 6px 4px 6px;
    margin-right: 6px;
    transition: background 0.3s ease;
    border: 1px solid #355069;
    border-radius: 4px;
}

    .search-customer-btn .btn-video:hover {
        background-color: #424e58 !important;
        color: #fff;
        text-decoration: none;
    }

@media (min-width: 769px) {
    .search-customer-btn .btn-video {
        margin-right: 0px;
    }
}

@media (max-width: 520px) {
    .search-customer-btn .btn-video {
        width: 70px;
        line-height: 100%;
        padding: 3px 7px 4px 7px;
    }
}

.search-customer-btn .btn-video i {
    float: right;
}

@media (min-width: 769px) {
    .search-customer-btn .btn-contact {
        margin-left: 6px;
    }
}

@media (max-width: 520px) {
    .search-customer-btn .btn-contact {
        padding-left: 12px;
        margin-right: 9px;
    }
}

.customer-group-mid .search-customer,
.customer-group-low .search-customer {
    border-bottom: 1px solid #edf0f3;
}

.customer-group-low .search-customer-desc {
    width: 79.33333333%;
    margin-left: 0;
    padding-left: 0;
}

.customer-group-low .search-customer-labels {
    padding-right: 0;
}

.customers-group-short {
    border-bottom: 1px solid #b7b7b7;
    padding: 14px 0 8px 0;
    margin: 0;
}

@media (max-width: 520px) {
    .customers-group-short {
        padding: 14px 15px 8px 15px;
    }
}

.customers-group-short .customers-group-head {
    display: inline-block;
    color: #454545;
    font-size: 16px;
    font-weight: 900;
    margin: 0;
    padding: 0 15px 10px 0;
}

.customers-group-short .customers-group-labels {
    display: inline-block;
}

.customers-group-short .search-customer-labels {
    clear: both;
}

.customers-group-short .search-customer-labels-inner {
    display: inline-block;
    float: left;
    width: 49%;
}

@media (max-width: 768px) {
    .customers-group-short .search-customer-labels-inner {
        width: 100%;
    }
}

.customers-group-short .customers-group-contact {
    float: none;
    width: 50%;
    display: inline-block;
    font-size: 12px;
    margin: 0;
    padding: 0;
    text-align: right;
}

@media (max-width: 768px) {
    .customers-group-short .customers-group-contact {
        width: 100%;
    }
}

.customers-group-short .customers-group-contact span {
    display: inline-block;
    padding-bottom: 6px;
}

@media (max-width: 380px) {
    .customers-group-short .customers-group-contact span {
        float: left;
        display: block;
    }
}

.customers-group-short .customers-group-contact strong {
    float: right;
    margin-left: 15px;
}

@media (max-width: 380px) {
    .customers-group-short .customers-group-contact strong {
        display: block;
    }
}

@media (max-width: 768px) {
    .customers-group-short .customers-group-contact {
        float: none;
        text-align: left;
        margin-top: 6px;
    }

        .customers-group-short .customers-group-contact strong {
            float: right;
        }
}

.search-customer-desc .search-customer-btn.col-md-2 {
    padding-right: 0;
}

.search-results-wrap .companies-bottom header {
    padding: 6px 15px;
}

    .search-results-wrap .companies-bottom header a {
        text-align: center;
        color: #fff;
        display: block;
    }

.search-results-wrap .companies-bottom .sponsored-group {
    position: relative;
}

    .search-results-wrap .companies-bottom .sponsored-group .btn-group {
        padding: 0 8px;
        width: 100%;
    }

.premium-customers-group-separator {
    padding-top: 3px;
    border-top: 8px solid #355069;
}

.priority-customers-group-separator {
    padding-top: 15px;
    border-top: 8px solid #355069;
}

.customers-group-separator {
    padding-top: 15px;
    border-top: 8px solid #355069;
}

.search-featured-company {
    padding-top: 10px;
    padding-bottom: 10px;
}

    .search-featured-company .search-featured-company-inner {
        background-color: #fbebd0;
        margin: 0;
        padding: 10px;
        border-radius: 4px;
    }

@media (max-width: 1000px) {
    .search-featured-company .search-featured-company-inner .col-md-4 {
        width: 100%;
        margin-bottom: 15px;
    }

    .search-featured-company .search-featured-company-inner .col-md-6 {
        float: left;
        width: 100%;
        padding-right: 140px;
    }
}

@media (max-width: 520px) {
    .search-featured-company .search-featured-company-inner {
        display: table;
        width: 100%;
    }
}

.search-featured-company .search-featured-company-inner .col-md-2,
.search-featured-company .search-featured-company-inner .col-md-4,
.search-featured-company .search-featured-company-inner .col-md-6 {
    padding: 0;
}

.search-featured-company .search-fc {
    padding-right: 134px;
}

@media (max-width: 1000px) {
    .search-featured-company .search-fc {
        float: left;
        padding-left: 0;
    }
}

@media (max-width: 520px) {
    .search-featured-company .search-fc {
        display: table-header-group;
        width: 100%;
        padding-right: 0;
    }
}

@media (max-width: 520px) {
    .search-featured-company .search-fc-left {
        display: table-footer-group;
    }
}

.search-featured-company .search-fc-img {
    position: relative;
    float: right;
    width: 126px;
    height: 66px;
    margin-left: -128px;
    line-height: 60px;
    overflow: hidden;
    background-color: #fff;
    border: 3px solid #fff;
}

    .search-featured-company .search-fc-img img {
        display: block;
        min-width: 100%;
        min-height: 100%;
        height: auto;
        width: auto;
    }

@media (max-width: 1000px) {
    .search-featured-company .search-fc-img {
        margin-left: -130px;
    }
}

@media (max-width: 520px) {
    .search-featured-company .search-fc-img {
        display: none;
    }
}

.search-fc-title {
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
}

@media (max-width: 520px) {
    .search-fc-title {
        display: none;
    }
}

.search-fc-h5 {
    color: #2e679b;
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
    text-transform: uppercase;
    margin-top: 12px;
    margin-bottom: 0;
}

.search-fc-head,
.search-fc-head a {
    color: #fff;
    font-size: 12px;
    background-color: #e0ac56;
    padding: 0 3px;
}

.search-fc-desc {
    font-size: 12px;
    margin-top: 15px;
    margin-bottom: 0;
}

@media (max-width: 520px) {
    .search-fc-desc {
        display: none;
    }
}

.search-fc-read-more {
    display: inline-block;
    position: relative;
    top: -1px;
    color: #fff;
    font-size: 10px;
    line-height: 10px;
    background-color: #e18200;
    padding: 0 10px 3px 10px;
    margin-left: 5px;
    border-radius: 5px;
}

    .search-fc-read-more:hover {
        color: #fff;
    }

.search-more {
    padding-top: 60px;
}

    .search-more .search-more-heading {
        font-size: 18px;
        font-weight: 700;
        line-height: 26px;
        margin-bottom: 50px;
    }

    .search-more .search-more-row {
        margin-bottom: 38px;
    }

    .search-more .search-more-row-desc {
        margin: 3px 0;
    }

    .search-more .search-more-row-link {
        word-wrap: break-word;
        display: block;
    }

    .search-more h4 {
        font-size: 16px;
        font-weight: 700;
        margin-bottom: 20px;
    }

.load-more-results {
    display: none;
    color: #fff;
    font-size: 12px;
    font-weight: 900;
    text-transform: uppercase;
    background: #51708c;
    margin: 5px 0 20px 0;
    padding: 9px 10px 11px 10px;
    border-radius: 5px;
}

    .load-more-results:hover, .load-more-results:focus {
        color: #fff;
        text-decoration: none;
    }

@media (max-width: 520px) {
    .load-more-results {
        display: block;
    }
}

.load-more-results i {
    position: relative;
    top: 2px;
    font-size: 21px;
    margin-right: 7px;
}

article.curated-item {
    border-bottom: 1px solid #939393;
    position: relative;
    margin-bottom: 30px;
}

@media (max-width: 520px) {
    article.curated-item {
        border: 1px solid #939393;
        padding: 20px 20px 60px 20px;
    }
}

article.curated-item .curated-header {
    padding-right: 180px;
    margin: 0 0 20px 0;
}

@media (max-width: 520px) {
    article.curated-item .curated-header {
        padding: 0;
    }
}

article.curated-item h2 {
    font-size: 16px;
    color: #262626;
    font-weight: 900;
    margin: 10px 0 0 0;
    line-height: 26px;
    clear: both;
}

article.curated-item h3 {
    line-height: 16px;
    float: left;
    margin: 0;
}

@media (max-width: 520px) {
    article.curated-item h3 {
        float: none;
    }
}

article.curated-item .curated-date {
    font-size: 12px;
    color: #262626;
    font-weight: 700;
}

article.curated-item .curated-autor {
    font-size: 12px;
    color: #262626;
    font-weight: 400;
    padding-right: 20px;
}

article.curated-item .curated-story {
    font-size: 12px;
    font-weight: 700;
    color: #266aa7;
    float: left;
    margin-bottom: 6px;
    line-height: 26px;
}

@media (max-width: 520px) {
    article.curated-item .curated-story {
        display: none;
    }
}

article.curated-item .curated-info {
    clear: both;
    font-size: 12px;
    font-weight: 400;
    margin: 0 0 10px 0;
    color: #939393;
}

@media (max-width: 520px) {
    article.curated-item .curated-info {
        margin: 0 0 30px 0;
    }
}

@media (min-width: 1001px) {
    article.curated-item .curated-info {
        padding-right: 180px;
    }
}

article.curated-item .button-read-story {
    background-color: #51708c;
    color: #fff;
    display: inline-block;
    padding: 9px 8px;
    margin: 0;
    border: 1px solid #fff;
    border-radius: 4px;
    text-decoration: none;
    width: auto;
    position: absolute;
    top: 0;
    right: 0;
    font-size: 16px;
    float: right;
}

@media (max-width: 520px) {
    article.curated-item .button-read-story {
        position: relative;
    }
}

article.curated-item .button-read-story i {
    padding-left: 30px;
}

#search {
    position: relative;
    z-index: 20;
    font-size: 18px;
    outline-style: solid !important;
    outline-width: 1px !important;
    outline-color: transparent;
    height: 53px;
}

@media (max-width: 768px) {
    #search {
        height: 158px;
    }
}

#search .search-corner {
    position: absolute;
    top: -8px;
    right: 153px;
    width: 0;
    height: 0;
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
    border-bottom: 9px solid #313131;
    opacity: 1;
    transition: all 0.5s ease;
}

@media (max-width: 768px) {
    #search .search-corner {
        display: none;
    }
}

#search #searchcriteria,
#search .search-toggler {
    position: relative;
    float: left;
    border: 1px solid #b7b7b7;
    height: 53px;
}

@media (max-width: 768px) {
    #search .search-block-input:after,
    #search .search-block-right:after {
        content: "";
        display: table;
        clear: both;
    }
}

#search .search-block-input {
    color: #5e5e5e;
    position: relative;
}

    #search .search-block-input:before {
        content: "\f002";
        font-family: 'FontAwesome';
        font-size: 24px;
        position: absolute;
        z-index: 1;
        top: 8px;
        left: 10px;
    }

    #search .search-block-input #searchcriteria {
        -webkit-appearance: none;
        -moz-appearance: none;
        -o-appearance: none;
        font-size: 18px;
        width: 100%;
        margin-right: -311px;
        padding-left: 47px;
        padding-right: 150px;
        border-radius: 0;
    }

@media (max-width: 768px) {
    #search .search-block-input #searchcriteria {
        padding-right: 14px;
    }
}

#search .search-toggler {
    color: #5e5e5e;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    background-color: #fff;
    width: 168px;
    padding: 18px 10px;
}

@media (max-width: 768px) {
    #search .search-toggler {
        width: 100%;
        margin-left: 0;
        border-top: none;
    }
}

#search .search-toggler:hover {
    text-decoration: none;
}

#search .search-toggler .fa-caret-down {
    font-size: 20px;
    position: absolute;
    right: 12px;
    top: 17px;
}

#search .search-btn {
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    position: relative;
    background-color: #99cc33;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    border: 1px solid #99cc33;
    width: 144px;
    height: 53px;
    margin-left: -1px;
    float: right;
    border-radius: 0;
    /* Safari, Chrome */
    /* Firefox 4.0~16.0 */
    transition: background 0.3s ease;
    /* IE >9, FF >15, Opera >12.0 */
}

    #search .search-btn:hover {
        background-color: #a4db4e !important;
    }

@media (max-width: 768px) {
    #search .search-btn {
        width: 100%;
        margin-left: 0;
        margin-top: -1px;
    }
}

#search .search-by-wrap {
    display: none;
    min-width: 770px;
    background-color: #313131;
    color: #fff;
    position: absolute;
    z-index: 99;
    top: 67px;
    right: 0;
    padding: 25px 25px 11px 40px;
    border-radius: 5px;
    /* Webkit browsers */
    /* Firefox */
    -ms-box-shadow: 0 11px 14px 1px rgba(0, 0, 0, 0.75);
    /* IE9 */
    -o-box-shadow: 0 11px 14px 1px rgba(0, 0, 0, 0.75);
    /* Opera(Old) */
    box-shadow: 0 11px 14px 1px rgba(0, 0, 0, 0.75);
    /* IE9+, News */
}

@media (max-width: 1000px) {
    #search .search-by-wrap {
        min-width: 100%;
    }
}

@media (max-width: 768px) {
    #search .search-by-wrap {
        position: absolute;
        top: 158px;
        margin-bottom: 14px;
        box-shadow: none;
        border-radius: 0;
    }
}

#search .search-by-wrap label {
    font-size: 12px;
    font-weight: 400;
    text-transform: uppercase;
    line-height: 14px;
    word-wrap: break-word;
    padding-top: 3px;
    padding-left: 19px;
}

#search .search-by-wrap input[type="checkbox"],
#search .search-by-wrap input[type="radio"] {
    position: absolute;
}

#search .search-by-wrap select {
    font-size: 10px;
    padding: 4px;
    height: 25px;
}

#search .search-by-wrap .search-by-close {
    position: absolute;
    top: 4px;
    right: 8px;
    color: #fff;
    font-size: 13px;
}

@media (max-width: 768px) {
    #search .search-by-wrap .search-by-close {
        font-size: 16px;
        right: 12px;
        top: 6px;
    }
}

#search .search-by-wrap .search-by-close:hover {
    color: #fff;
}

#search .search-by-wrap .search-by-content {
    max-width: 770px;
}

    #search .search-by-wrap .search-by-content .search-by-row .form-group {
        float: left;
        text-align: left;
        line-height: 0;
        padding: 0 14px 14px 0;
        margin: 0;
    }

@media (max-width: 768px) {
    #search .search-by-wrap .search-by-content .search-by-row .form-group {
        width: 100% !important;
        padding-bottom: 20px;
    }
}

.live-search {
    background: #fff;
    position: absolute;
    top: 52px !important;
    left: 0 !important;
    z-index: 999 !important;
    overflow-y: auto;
    width: 334px !important;
    height: 500px;
    padding: 0;
    border: 1px solid #b7b7b7;
}

@media (max-width: 768px) {
    .live-search {
        top: 52px !important;
        width: 100% !important;
    }
}

@media (max-width: 520px) {
    .live-search {
        width: calc(100% - 20px) !important;
        top: 67px !important;
        left: 10px !important;
    }
}

.live-search li {
    list-style: none;
    line-height: 18px;
    padding: 5px 20px 5px 30px;
}

    .live-search li a {
        cursor: pointer;
    }

.live-search .live-search-heading {
    font-weight: 700;
    padding: 15px 10px 10px 20px;
}

.fixed-search-panel {
    top: 60px;
    overflow-y: auto !important;
    height: calc(100% - 53px) !important;
}

@media (min-width: 1001px) {
    .header-right #search {
        outline-style: solid;
        outline-width: 1px;
        height: 40px;
    }
}

@media (max-width: 1000px) {
    .header-right #search {
        height: 158px;
    }
}

#prof-left {
    width: 33.33333333%;
    max-width: 320px;
    padding-left: 0;
    padding-right: 5px;
}

    #prof-left h2 {
        display: inline-block;
        color: #454545;
        font-size: 16px;
        font-weight: 900;
        margin: 0 0 10px 0;
        clear: both;
        text-transform: uppercase;
    }

    #prof-left h3 {
        display: inline-block;
        color: #454545;
        font-size: 14px;
        font-weight: 400;
        line-height: 30px;
        text-transform: uppercase;
        margin: 0;
        height: 26px;
        clear: both;
    }

    #prof-left h4 {
        display: inline-block;
        color: #454545;
        font-size: 14px;
        font-weight: 400;
        margin: 0;
        height: 26px;
    }

        #prof-left h4 span {
            color: #454545;
            font-size: 20px;
            font-weight: 900;
        }

    #prof-left .black-weight {
        line-height: 19px;
        font-weight: 900;
    }

@media (max-width: 1000px) {
    #prof-left {
        width: 100%;
    }
}

#prof-left .filter-abl {
    margin-bottom: 10px;
}

    #prof-left .filter-abl a {
        width: 100%;
    }

@media (max-width: 1000px) {
    #prof-left .sponsored-group {
        width: 48%;
        float: left;
        margin-bottom: 0;
    }

        #prof-left .sponsored-group:first-child {
            margin-right: 4%;
        }
}

@media (max-width: 520px) {
    #prof-left .sponsored-group {
        width: 100%;
        margin-bottom: 14px;
    }
}

#prof-left .products-and-brands {
    padding-bottom: 10px;
}

    #prof-left .products-and-brands h3 {
        text-transform: none;
    }

#prof-left .company-info {
    margin-bottom: 20px !important;
}

    #prof-left .company-info .property-value {
        font-size: 20px;
        color: #2e2e2e;
        font-weight: 900;
        float: right;
        display: inline-block;
    }

    #prof-left .company-info .property-name {
        margin-bottom: 10px;
        width: 100%;
        color: #2e2e2e;
        font-weight: 900;
        font-size: 16px;
    }

    #prof-left .company-info .sub-property {
        font-size: 14px;
        color: #2e2e2e;
        font-weight: 400;
        margin-bottom: 10px;
    }

        #prof-left .company-info .sub-property .name {
            vertical-align: sub;
        }

    #prof-left .company-info .property-value-long {
        font-size: 14px;
        color: #2e2e2e;
        margin-bottom: 8px;
    }

    #prof-left .company-info .certifications {
        font-size: 14px;
        color: #266aa7;
        font-weight: 700;
    }

        #prof-left .company-info .certifications a {
            text-decoration: none;
        }

#prof-left .products-and-brands .cat,
#prof-left .headings .cat {
    display: none;
}

    #prof-left .products-and-brands .cat:first-child,
    #prof-left .headings .cat:first-child {
        display: block !important;
    }

    #prof-left .products-and-brands .cat a:hover,
    #prof-left .headings .cat a:hover {
        text-decoration: underline;
    }

        #prof-left .products-and-brands .cat a:hover h3,
        #prof-left .headings .cat a:hover h3 {
            text-decoration: underline;
        }

    #prof-left .products-and-brands .cat a h3,
    #prof-left .headings .cat a h3 {
        /* Safari, Chrome */
        /* Firefox 4.0~16.0 */
        transition: color 0.3s ease;
        /* IE >9, FF >15, Opera >12.0 */
    }

        #prof-left .products-and-brands .cat a h3:hover,
        #prof-left .headings .cat a h3:hover {
            color: #355069;
        }

#prof-left .products-and-brands h2,
#prof-left .headings h2 {
    width: 100%;
    position: relative;
}

    #prof-left .products-and-brands h2 span,
    #prof-left .headings h2 span {
        position: absolute;
        right: 0;
        top: 0;
        font-weight: 400;
        color: #fff;
        font-size: 12px;
        text-transform: none;
        cursor: pointer;
        display: block;
        padding: 3px 6px;
        width: 94px;
        border: 1px solid #4b4b4b;
        background-color: #939393;
        border-radius: 5px;
    }

        #prof-left .products-and-brands h2 span:before,
        #prof-left .headings h2 span:before {
            content: 'view ';
        }

        #prof-left .products-and-brands h2 span.active-details:before,
        #prof-left .headings h2 span.active-details:before {
            content: 'hide ';
        }

#prof-left .headings h2 {
    margin-bottom: 20px;
}

#prof-left .headings p {
    margin-bottom: 6px;
}

    #prof-left .headings p a {
        color: #266aa7;
        font-size: 12px;
        font-weight: 400;
        text-decoration: none;
        line-height: 20px;
    }

#prof-left .headings h3 {
    text-transform: none;
    height: 30px;
}

    #prof-left .headings h3 a {
        color: #266aa7;
        font-size: 14px;
        font-weight: 700;
        text-decoration: none;
    }

#prof-right {
    float: right;
    padding-right: 0;
}

    #prof-right .img-product-company {
        margin-bottom: 0;
    }

    #prof-right h2 {
        display: inline-block;
        color: #454545;
        font-size: 16px;
        font-weight: 900;
        margin: 0 0 10px 0;
        clear: both;
        text-transform: uppercase;
    }

@media (max-width: 1000px) {
    #prof-right {
        padding-left: 0;
    }
}

.company h1 {
    color: #252d35;
    font-size: 24px;
    font-weight: 700;
    line-height: 34px;
    margin-bottom: 12px;
    margin-top: 0;
}

    .company h1 a {
        color: #252d35;
    }

.address-map {
    width: 220px;
    padding-top: 10px;
    margin-bottom: 20px;
    color: #0d304e;
    font-size: 14px;
    line-height: 16px;
    min-height: 60px;
    font-weight: 700;
}

.buttons-map {
    padding: 0;
    margin-bottom: 22px;
}

    .buttons-map li {
        display: inline-block;
        list-style: none;
        margin-right: 10px;
        margin-bottom: 8px;
    }

        .buttons-map li.green a {
            background-color: #99cc33;
        }

        .buttons-map li.red a {
            background-color: #ff5555;
        }

        .buttons-map li.blue a {
            background-color: #51708c;
        }

        .buttons-map li a {
            display: block;
            color: #fff;
            font-size: 10px;
            font-weight: 400;
            line-height: 18px;
            text-align: center;
            text-decoration: none;
            min-width: 22px;
            height: 22px;
            padding: 0 5px;
            border: 1px solid #252d35;
            border-radius: 12px;
        }

.locations .loc-tab {
    color: #355069;
    font-size: 14px;
    cursor: pointer;
    margin-bottom: 5px;
    font-weight: 400;
    text-transform: uppercase;
    text-align: center;
    display: inline-block;
    width: 100%;
    padding: 10px;
    border: none !important;
    border-radius: 5px;
}

    .locations .loc-tab.active {
        color: #fff;
        background-color: #99cc33;
    }

    .locations .loc-tab:first-child {
        margin-right: 2px;
    }

.board-location {
    padding: 0 0 28px 0;
    border-radius: 6px;
}

    .board-location .list-address.active-cat .other-address:after {
        content: "-";
    }

    .board-location .list-address .cont-list-address {
        display: none;
        padding-left: 10px;
    }

    .board-location p {
        color: #454545;
        font-size: 14px;
        font-weight: 400;
        margin-bottom: 7px;
        position: relative;
        padding-left: 40px;
    }

        .board-location p.other-address {
            cursor: pointer;
            padding-left: 0;
            font-weight: 900;
        }

            .board-location p.other-address:after {
                content: "+";
                padding-left: 10px;
            }

        .board-location p.fcb i {
            font-size: 20px;
            border: none !important;
            color: #3b579d;
        }

        .board-location p.tw i {
            font-size: 20px;
            border: none !important;
            color: #55acee;
        }

        .board-location p i {
            position: absolute;
            left: 0;
            font-size: 16px;
            margin-right: 14px;
            padding: 2px;
            width: 23px;
            text-align: center;
            display: inline-block;
            border: 1px solid #c4c4c4;
            border-radius: 3px;
        }

            .board-location p i.fa-mobile {
                font-size: 18px;
            }

        .board-location p a {
            color: #454545;
            word-wrap: break-word;
        }

        .board-location p span {
            font-weight: 900;
        }

.ln p {
    display: inline-block;
    margin-right: 10px;
    color: #454545;
}

    .ln p a {
        color: #454545;
    }

    .ln p.ln-1 i {
        border: none !important;
        color: #0073b2;
        margin-left: 1px;
    }

.big-border {
    border-bottom: 10px solid #454545;
    margin-bottom: 36px;
    overflow: hidden;
}

.time-operation {
    float: right;
}

.info-more {
    padding-bottom: 10px;
}

    .info-more ul {
        padding: 0;
        margin: 0;
    }

    .info-more li {
        list-style: none;
        display: inline-block;
    }

        .info-more li a {
            background-color: #5e94dc;
            color: #fff;
            padding: 5px;
            margin-right: 5px;
            text-decoration: none;
            text-transform: uppercase;
            border-radius: 8px;
        }

.player-company {
    margin-bottom: 15px;
    border-radius: 6px;
}

    .player-company .contact-info-company {
        position: absolute;
        top: 0;
        line-height: 36px;
        /*left: 10px;*/
        color: #afafaf;
        background-color: #383838;
        font-size: 14px;
        height: 36px;
        width: 100%;
        clear: both;
    }

        .player-company .contact-info-company a {
            color: #fff;
            white-space: nowrap;
            overflow: hidden;
            padding: 0 5px 5px 5px;
            text-overflow: ellipsis;
            max-width: 40%;
            float: left;
            display: inline-block;
        }

            .player-company .contact-info-company a span {
                max-width: 100%;
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
            }

                .player-company .contact-info-company a span:hover {
                    text-decoration: underline;
                }

        .player-company .contact-info-company span {
            float: left;
            display: inline-block;
        }

    .player-company .play-list {
        height: 126px;
        background-color: #eaeaea;
        padding: 36px 3px 3px 3px;
        position: relative;
    }

        .player-company .play-list.no-map #map-company {
            display: none;
        }

        .player-company .play-list.no-map #slider-company {
            padding-left: 83px;
        }

        .player-company .play-list.no-map .logo-slide {
            left: 13px;
        }

    .player-company .play-show {
        position: relative;
        border: 1px solid #c4c4c4;
        height: 330px;
        text-align: center;
        width: 100%;
    }

    .player-company #slider-company {
        background-color: #eaeaea;
        height: 100%;
        padding-left: 160px;
    }

        .player-company #slider-company .slick-prev, .player-company #slider-company .slick-next {
            display: none !important;
        }

        .player-company #slider-company .slide {
            border-radius: 4px;
            height: 65px;
            width: 65px !important;
            cursor: pointer;
            margin: 12px 13px 0 0;
            position: relative;
            line-height: 65px;
        }

            .player-company #slider-company .slide.active-slide-company:after {
                content: "";
                display: block;
                border-left: 9px solid transparent;
                border-right: 9px solid transparent;
                border-top: 9px solid #383838;
                position: absolute;
                top: -12px;
                left: 24px;
                z-index: 10;
            }

            .player-company #slider-company .slide .video-swf {
                width: 1px;
                height: 1px;
                overflow: hidden;
                opacity: 0;
            }

            .player-company #slider-company .slide.temp-img:after {
                top: -14px !important;
            }

            .player-company #slider-company .slide.temp-img img {
                display: inline-block !important;
            }

            .player-company #slider-company .slide.temp-video {
                background: url("../../Content/img/temp-video.png") center center no-repeat;
            }

            .player-company #slider-company .slide.cont-img {
                background-color: #fff;
                border: 2px solid #5e5e5e;
                overflow: visible !important;
            }

#map-company {
    position: absolute;
    cursor: pointer;
    height: 63px;
    width: 61px;
    bottom: 13px;
    left: 83px;
    z-index: 2;
    background: url("../../Content/img/map-contact.png") center center no-repeat;
}

    #map-company .show-map {
        display: none;
    }

.info-contact {
    margin-bottom: 30px;
}

    .info-contact p {
        color: #454545;
        font-size: 14px;
        font-weight: 400;
    }

    .info-contact h2 {
        color: #454545;
        font-size: 14px;
        font-weight: 700;
        margin-bottom: 5px;
    }

.tab-group {
    overflow: hidden;
    border: none;
}

.info-tab {
    position: relative;
    overflow: hidden;
    max-height: 174px;
    margin-bottom: 30px;
    clear: both;
    background-color: #f6f6f6;
}

    .info-tab:after {
        content: '';
        display: block;
        position: absolute;
        z-index: 1;
        bottom: 0;
        width: 100%;
        height: 10px;
        left: -17px;
        background-color: #f6f6f6;
    }

    .info-tab:before {
        content: '';
        display: block;
        position: absolute;
        z-index: 1;
        top: 0;
        width: 100%;
        height: 10px;
        background-color: #f6f6f6;
        left: -17px;
    }

    .info-tab .white-shadow {
        padding: 10px 10px;
        height: 174px;
        overflow-x: hidden;
    }

.referrals h2 {
    font-size: 18px;
}

.vender-show {
    border: none;
    overflow: hidden;
}

    .vender-show .product-showcase {
        padding: 20px 0;
        clear: both;
        float: left;
    }

    .vender-show .black-line {
        clear: both;
        border-bottom: 1px solid #454545;
    }

    .vender-show h2 {
        font-size: 18px;
    }

    .vender-show h3 {
        font-size: 14px;
        color: #266aa7;
        font-weight: 900;
        text-transform: uppercase;
        display: block;
        line-height: 20px;
        margin: 0;
        height: auto;
    }

    .vender-show p {
        display: block;
        font-size: 12px;
        max-height: 156px;
        overflow: hidden;
        position: relative;
    }

.img-product-company {
    display: inline-block;
    width: 310px;
    height: 177px;
    overflow: hidden;
    margin-bottom: 15px;
    padding: 0;
    line-height: 177px;
}

    .img-product-company a {
        text-align: center;
    }

.refferals h2 {
    font-size: 18px;
}

#slider-refferals {
    margin-top: 20px;
    margin-bottom: 30px;
}

    #slider-refferals .slick-slide {
        min-height: 260px;
        padding-bottom: 50px;
    }

    #slider-refferals .slick-arrow {
        width: auto;
        background: none;
        color: #0073b2;
        text-indent: inherit;
        padding: 0 12px 1px 12px;
        border: 1px solid #c4c4c4 !important;
        border-radius: 50px;
        position: absolute;
        z-index: 1;
        bottom: 0;
        height: 23px;
    }

    #slider-refferals .slick-next {
        right: 0;
    }

    #slider-refferals .slick-prev {
        left: 0;
    }

.slide-caption {
    position: relative;
    padding: 12px 10px;
    border: 1px solid #b7b7b7;
    border-radius: 5px;
}

.slide-author {
    position: relative;
    margin-top: 25px;
    margin-right: 9px;
}

.slide-author-name {
    color: #fff;
    font-weight: 700;
    background: #313131;
    padding: 8px 35px 8px 15px;
    margin-top: 9px;
    margin-right: 25px;
    width: 220px;
    float: right;
    border-radius: 4px;
}

.slide-author-circle {
    position: absolute;
    top: 0;
    right: 0;
    width: 55px;
    height: 55px;
    color: #313131;
    font-size: 24px;
    font-weight: 900;
    text-align: center;
    background: #fff;
    padding: 7px 0;
    border: 3px solid #313131;
    border-radius: 28px;
}

.slide-readmore-green {
    display: inline-block;
    position: relative;
    top: -1px;
    color: #fff;
    font-size: 10px;
    background: #99cc33;
    padding: 0 8px 2px 8px;
    margin-left: 10px;
    border-radius: 4px;
}

    .slide-readmore-green:hover {
        color: #fff;
    }

.vender-showcase-readmore,
.slide-readmore-more,
.slide-readmore-less {
    display: inline-block;
    position: relative;
    top: -1px;
    color: #fff;
    font-size: 10px;
    text-decoration: none;
    background: #99cc33;
    padding: 0 8px 2px 8px;
    margin-left: 10px;
    /* Safari, Chrome */
    /* Firefox 4.0~16.0 */
    transition: background 0.3s ease;
    /* IE >9, FF >15, Opera >12.0 */
    border-radius: 4px;
}

    .vender-showcase-readmore:hover, .vender-showcase-readmore:focus,
    .slide-readmore-more:hover,
    .slide-readmore-more:focus,
    .slide-readmore-less:hover,
    .slide-readmore-less:focus {
        color: #fff;
        background: #a4db4e;
        text-decoration: none;
    }

.vender-showcase-readmore {
    background: #51708c;
}

    .vender-showcase-readmore:hover, .vender-showcase-readmore:focus {
        color: #fff;
        background: #7ea3c4;
        text-decoration: none;
    }

.slide-corner::before,
.slide-corner::after {
    content: '';
    position: absolute;
    right: 20px;
    bottom: -31px;
    border: 16px solid transparent;
    border-top: 15px solid #b7b7b7;
}

.slide-corner::after {
    border-top: 15px solid white;
    bottom: -30px;
}

.orange-link {
    margin-bottom: 46px;
}

    .orange-link ul {
        padding: 0;
        margin: 0;
    }

        .orange-link ul:after {
            content: "";
            display: table;
            clear: both;
        }

        .orange-link ul li {
            display: inline-block;
            list-style: none;
        }

            .orange-link ul li a {
                display: block;
                color: #fff;
                font-size: 12px;
                text-decoration: none;
                text-transform: uppercase;
                margin-right: 6px;
                margin-bottom: 6px;
                padding: 5px 20px;
                background-color: #252d35;
                float: left;
                border-radius: 8px;
                /* Safari, Chrome */
                /* Firefox 4.0~16.0 */
                transition: background 0.5s ease;
                /* IE >9, FF >15, Opera >12.0 */
            }

                .orange-link ul li a:hover {
                    background: #424e58;
                }

.tab {
    text-decoration: none !important;
}

.white-shadow.tabs {
    border: none;
}

.tab-group .tabs {
    border: none;
}

#contayner-video {
    display: none;
    height: 100%;
    position: relative;
}

#contayner-img {
    width: 100%;
    height: 100%;
    top: 0;
    z-index: 1;
    position: absolute;
    overflow: hidden;
    background-color: #fff;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
}

    #contayner-img a {
        display: block;
        text-decoration: none;
        width: 100%;
        height: 100%;
    }

    #contayner-img.play-logo {
        background-size: inherit !important;
    }

#contayner-map {
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.other {
    float: right;
    text-decoration: none !important;
    cursor: pointer;
    width: 49.4%;
    background: #fff;
    text-align: center;
    height: 35px;
    color: #355069;
    font-size: 12px;
    font-weight: 400;
    text-transform: uppercase;
    line-height: 35px;
    display: inline-block;
    margin-right: 0;
    clear: both;
    margin-bottom: 10px;
    transition: background 0.3s ease;
    border-radius: 4px;
    text-decoration: none;
}

.logo-slide {
    border-radius: 4px;
    height: 65px;
    width: 65px !important;
    cursor: pointer;
    margin: 0 13px 0 0;
    background-color: #fff;
    position: absolute;
    bottom: 13px;
    left: 12px;
    z-index: 1;
    border: 2px solid #5e5e5e;
    overflow: visible !important;
    line-height: 54px;
}

.video-swf {
    display: none;
}

    .video-swf video {
        height: 330px;
        width: 100%;
        margin: 0 auto;
    }

@media (max-width: 520px) {
    .video-swf video {
        height: 300px;
    }
}

#VideoPlayer {
    height: 100%;
}

    #VideoPlayer .video-swf {
        background-color: #000;
        display: block;
        height: 100%;
    }

        #VideoPlayer .video-swf embed {
            width: 100%;
            height: 100%;
        }

.active-slide-company:after {
    content: "";
    display: block;
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
    border-top: 9px solid #383838;
    position: absolute;
    top: -14px;
    left: 20px;
    z-index: 10;
}

#prof-left .sponsered,
#prof-right .sponsered {
    border: none;
}

    #prof-left .sponsered h2,
    #prof-right .sponsered h2 {
        margin-bottom: 20px;
    }

#prof-left .content-sponsered,
#prof-right .content-sponsered {
    padding: 20px 40px 40px 40px;
    margin-bottom: 36px;
}

    #prof-left .content-sponsered:after,
    #prof-right .content-sponsered:after {
        content: "";
        display: table;
        clear: both;
    }

    #prof-left .content-sponsered div:last-child,
    #prof-right .content-sponsered div:last-child {
        margin-bottom: 0;
    }

    #prof-left .content-sponsered .sponsored-group,
    #prof-right .content-sponsered .sponsored-group {
        max-width: 225px;
    }

@media (max-width: 1000px) {
    #prof-left {
        width: 100%;
        max-width: 100%;
        float: none;
        clear: both;
    }
}

@media (max-width: 1000px) {
    #prof-left .address-map {
        width: 100%;
        margin-bottom: 10px;
    }
}

@media (max-width: 1000px) {
    #prof-left .filter-abl a {
        width: auto;
    }
}

@media (max-width: 520px) {
    #prof-left h2 {
        font-size: 15px;
    }
}

.sponsored-group.sponsered-temp {
    border: none !important;
    border-radius: 0;
}

@media (max-width: 1000px) {
    #prof-right {
        float: none;
        margin-right: auto;
        margin-left: auto;
    }
}

@media (max-width: 520px) {
    #prof-right h2 {
        font-size: 15px;
    }
}

@media (max-width: 1000px) {
    #prof-right .player-company, #prof-right .orange-link, #prof-right .info-contact, #prof-right .referrals {
        max-width: 630px;
        margin-left: auto;
        margin-right: auto;
    }
}

@media (max-width: 1000px) {
    #prof-right .img-product-company {
        margin-bottom: 20px;
        width: auto;
        max-width: 310px;
    }
}

@media (max-width: 1000px) {
    #prof-right .sponsored-group {
        float: left;
        display: inline-block;
    }

        #prof-right .sponsored-group:first-child {
            margin-right: 4%;
        }
}

@media (max-width: 520px) {
    #prof-right .sponsored-group {
        width: 100%;
        margin-bottom: 14px;
    }
}

@media (max-width: 1000px) {
    #prof-right .sponsered {
        margin-right: auto;
        margin-left: auto;
        margin-bottom: 14px;
        max-width: 300px;
    }
}

#prof-right .sponsered .content-sponsered {
    padding: 36px;
}

@media (max-width: 520px) {
    .player-company .play-show {
        height: 300px;
    }
}

@media (max-width: 1000px) {
    .player-company .contact-info-company {
        max-width: 100% !important;
    }
}

@media (max-width: 520px) {
    .player-company .contact-info-company {
        font-size: 10px;
    }
}

@media (max-width: 380px) {
    .player-company #contayner-img.play-logo {
        background-size: contain !important;
    }
}

#contayner-video #VideoPlayer {
    width: 100% !important;
}

@media (max-width: 520px) {
    #contayner-video #VideoPlayer {
        height: 300px !important;
    }
}

/* entire container, keeps perspective */
.flip-container, .flip-curated {
    -webkit-perspective: 1000;
    /* Safari, Chrome */
    perspective: 1000;
    /* None yet / Non-standard */
    -webkit-transform-style: preserve-3d;
    /* Firefox 10~16.0 */
    /* IE9~10 */
    transform-style: preserve-3d;
    /* Firefox, Blink, IE11+ */
}

    .flip-container.slide, .flip-curated.slide {
        min-height: 270px;
    }

    /*  UPDATED! flip the pane when hovered */
    .flip-container:hover .back, .flip-curated.active-flip .back {
        -webkit-transform: rotateY(0deg);
        /* Safari, Chrome */
        /* Firefox 3.5~16.0 */
        -ms-transform: rotateY(0deg);
        /* IE9~10 */
        /* Opera 10.5~12.10 */
        transform: rotateY(0deg);
    }

        .flip-container:hover .back .flip-description, .flip-container:hover .back .curated-content-summary, .flip-curated.active-flip .back .flip-description, .flip-curated.active-flip .back .curated-content-summary {
            opacity: 1;
            transition: opacity 0.6s ease-in;
        }

    .flip-container:hover .front, .flip-curated.active-flip .front {
        -webkit-transform: rotateY(180deg);
        /* Safari, Chrome */
        /* Firefox 3.5~16.0 */
        -ms-transform: rotateY(180deg);
        /* IE9~10 */
        /* Opera 10.5~12.10 */
        transform: rotateY(180deg);
    }

/* flip speed goes here */
.flipper {
    /* Firefox 4.0~16.0 */
    transition-duration: 0.6s;
    -webkit-transform-style: preserve-3d;
    /* Firefox 10~16.0 */
    /* IE9~10 */
    transform-style: preserve-3d;
    /* Firefox, Blink, IE11+ */
    position: relative;
}

/* hide back of pane during swap */
.front, .back {
    -webkit-backface-visibility: hidden;
    /* Chrome, Safari, Opera 15+ */
    /* Firefox */
    /* IE10 */
    backface-visibility: hidden;
    /* Firefox 4.0~16.0 */
    transition-duration: 0.6s;
    -webkit-transform-style: preserve-3d;
    /* Firefox 10~16.0 */
    /* IE9~10 */
    transform-style: preserve-3d;
    /* Firefox, Blink, IE11+ */
    position: absolute;
    top: 0;
    left: 0;
    width: 99.7%;
    margin-bottom: 0;
}

/*  UPDATED! front pane, placed above back */
.front {
    z-index: 2;
    -webkit-transform: rotateY(0deg);
    /* Safari, Chrome */
    /* Firefox 3.5~16.0 */
    -ms-transform: rotateY(0deg);
    /* IE9~10 */
    /* Opera 10.5~12.10 */
    transform: rotateY(0deg);
}

/* back, initially hidden pane */
.back {
    -webkit-transform: rotateY(-180deg);
    /* Safari, Chrome */
    /* Firefox 3.5~16.0 */
    -ms-transform: rotateY(-180deg);
    /* IE9~10 */
    /* Opera 10.5~12.10 */
    transform: rotateY(-180deg);
}

    .back .flip-description {
        height: 160px;
        overflow: hidden;
        opacity: 0;
        transition: opacity 0.2s ease-out;
    }

.flip-curated .front, .flip-curated .back {
    min-height: 270px;
    border-radius: 5px;
    border: 1px solid #b7b7b7;
    font-size: 20px;
    padding: 10px;
}

    .flip-curated .front .curated-content-title {
        min-height: 80px;
        font-size: 12px;
        color: #5f5f5f;
        font-weight: 700;
        text-align: center;
    }

    .flip-curated .front .curated-content-date {
        color: #727272;
        font-size: 12px;
        font-weight: 400;
    }

    .flip-curated .back .curated-sub {
        max-height: 190px;
        overflow: hidden;
    }

    .flip-curated .back .curated-content-title {
        margin-top: 0;
        font-size: 12px;
        color: #5f5f5f;
        font-weight: 700;
        text-align: left;
    }

    .flip-curated .back .curated-content-summary {
        text-align: left;
        font-size: 12px;
        margin-bottom: 10px;
    }

    .flip-curated .back .curated-content-author {
        text-align: left;
        font-size: 12px;
        color: #727272;
        font-weight: 700;
        position: relative;
        z-index: 2;
    }

    .flip-curated .back .group-link vendor-showcase-link {
        padding: 3px 12px 3px 15px;
        /*text-transform: uppercase;
        color: $color-dark-moderate-blue4;
        font-size: 10px;
        font-weight: $font-regular;*/
        /*color: #313131;
        font-size: 12px;
        font-weight: 700;
        position: relative;
        right: -7px;
        bottom: 0px;*/
    }

@media all and (min-width: 0\0) and (min-resolution: 0.001dpcm) {
    .back {
        opacity: 0;
    }
}

.region-map {
    border-radius: 10px;
    /* Webkit browsers */
    /* Firefox */
    -ms-box-shadow: 10px 0 38px #646464;
    /* IE9 */
    -o-box-shadow: 10px 0 38px #646464;
    /* Opera(Old) */
    box-shadow: 10px 0 38px #646464;
    /* IE9+, News */
    background-color: #f1f9ff;
    background-size: 100%;
    position: fixed;
    top: 70px;
    left: -3000px;
    z-index: 9990;
    overflow: hidden;
    /*padding-top: $RM-offset-top;
  padding-right: 20px;*/
    max-width: 780px;
    width: 100%;
    height: 560px;
}

@media (max-width: 1100px) {
    .region-map {
        display: none;
        margin-top: -290px;
        margin-left: -390px;
        top: 50%;
        left: 50% !important;
        z-index: 9992;
    }
}

@media (max-width: 768px) {
    .region-map {
        width: 100%;
        left: 0 !important;
        margin-left: 0;
    }
}

@media (max-width: 520px) {
    .region-map {
        display: none;
        width: 100%;
        height: 400px;
        position: fixed;
        top: 0;
        left: 0 !important;
        margin-top: 53px;
        margin-left: 0;
        border-radius: 0;
    }
}

@media (max-height: 560px) {
    .region-map {
        position: fixed;
        top: 0;
        margin-top: 0;
        height: 100%;
    }
}

.region-map path, .region-map tspan {
    cursor: pointer;
}

.region-map #region-map-container {
    width: 100%;
    border-radius: 10px;
}

.region-map ul {
    position: absolute;
    right: 40px;
    top: 20px;
}

    .region-map ul li {
        list-style: none;
        display: block;
        width: 110px;
        margin-bottom: 10px;
    }

        .region-map ul li a {
            text-decoration: none;
            font-size: 12px;
            font-weight: 900;
            color: #355069;
            /* Safari, Chrome */
            /* Firefox 4.0~16.0 */
            transition: color 0.3s ease;
            /* IE >9, FF >15, Opera >12.0 */
        }

            .region-map ul li a:hover {
                color: #000;
            }

.region-map .close-map {
    position: absolute;
    bottom: 20px;
    left: 30px;
    cursor: pointer;
    font-size: 12px;
    font-weight: 900;
    color: #355069;
    /* Safari, Chrome */
    /* Firefox 4.0~16.0 */
    transition: color 0.3s ease;
    /* IE >9, FF >15, Opera >12.0 */
}

    .region-map .close-map:hover {
        color: #000;
    }

.region-map .nav-region-map {
    position: absolute;
    bottom: 20px;
    right: 30px;
    color: #355069;
    font-weight: 900;
    margin-right: -5px;
}

    .region-map .nav-region-map a {
        position: relative;
        top: -1px;
        cursor: pointer;
        color: #355069;
        font-size: 12px;
        font-weight: 900;
        padding: 0 5px;
        /* Safari, Chrome */
        /* Firefox 4.0~16.0 */
        transition: color 0.3s ease;
        /* IE >9, FF >15, Opera >12.0 */
    }

        .region-map .nav-region-map a:hover {
            color: #000;
        }

.highcharts-container {
    width: 100% !important;
    position: absolute !important;
    /*top: 50%;
  height: auto!important;
  margin: -200px auto 0 auto;*/
    z-index: -1 !important;
}

@media (max-width: 520px) {
    .highcharts-container,
    #region-map-container {
        width: 100% !important;
        margin: -200px auto 0 auto;
        top: 50% !important;
    }
}

.region-map-bg,
.subguides-wrap-bg {
    opacity: 0.5;
    /* W3C */
    filter: alpha(opacity=50);
    /* IE */
    display: none;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 9991;
    background-color: #283c71;
}

@media (min-width: 1100px) {
    .region-map-bg,
    .subguides-wrap-bg {
        display: none !important;
    }
}

@media (max-width: 520px) {
    .subguides-wrap-bg {
        display: none !important;
    }
}

.region-map-confirm {
    width: 100%;
    height: 100%;
    background-color: #f1f9ff;
    z-index: 1000;
    display: none;
}

    .region-map-confirm .region-map-confirm-inner {
        width: 80%;
        height: auto;
        margin: 0 auto;
        /*position: absolute;
    top: 0; left: 0; bottom: 0; right: 0;*/
        position: relative;
        top: 50%;
    }

@media (max-width: 520px) {
    .region-map-confirm .region-map-confirm-inner {
        width: 100%;
        text-align: center;
        padding-left: 14px;
        padding-right: 14px;
    }
}

@media (max-height: 480px) {
    .region-map-confirm .region-map-confirm-inner {
        margin-top: 0;
    }
}

.region-map-confirm i {
    color: #99cc33;
    font-size: 72px;
    position: absolute;
    top: 1px;
}

@media (max-width: 520px) {
    .region-map-confirm i {
        position: relative;
    }
}

.region-map-confirm p {
    color: #000;
    font-size: 18px;
    font-weight: 900;
    line-height: 29px;
    padding-left: 84px;
}

@media (max-width: 520px) {
    .region-map-confirm p {
        padding-left: 0;
    }
}

.region-map-confirm p span {
    font-size: 30px;
    text-transform: uppercase;
}

.region-map-confirm i, .region-map-confirm p {
    display: inline-block;
}

    .region-map-confirm i span, .region-map-confirm p span {
        display: block;
    }

#video-content embed, #video-content iframe {
    width: 100%;
    height: 330px;
}

@media (min-width: 1001px) {
    #center-area .modal-dialog {
        margin-top: 100px;
    }
}

#center-area {
    clear: both;
}

@media (max-width: 520px) {
    #center-area {
        padding-top: 53px;
    }
}

#center-area .modal {
    z-index: 5555555;
}

.openVideoLink {
    display: inline-block;
}

.contact-us-msg-success-sent {
    color: #8cbd2b;
    font-size: 22px;
    font-weight: bold;
    margin: 20px 0 100px;
}

.contact-us {
    padding-top: 82px;
}

    .contact-us:after {
        content: "";
        display: table;
        clear: both;
    }

    .contact-us input::-webkit-input-placeholder {
        color: #cacaca;
    }

    .contact-us input:-moz-placeholder {
        /* Firefox 4~18 */
        color: #cacaca;
    }

    .contact-us input::-moz-placeholder {
        /* Firefox 19+ */
        color: #cacaca;
    }

    .contact-us input:-ms-input-placeholder {
        /* IE10+ */
        color: #cacaca;
    }

    .contact-us textarea::-webkit-input-placeholder {
        color: #cacaca;
    }

    .contact-us textarea:-moz-placeholder {
        /* Firefox 4~18 */
        color: #cacaca;
    }

    .contact-us textarea::-moz-placeholder {
        /* Firefox 19+ */
        color: #cacaca;
    }

    .contact-us textarea:-ms-input-placeholder {
        /* IE10+ */
        color: #cacaca;
    }

    .contact-us h1 {
        font-size: 24px;
        font-weight: 900;
        text-transform: uppercase;
        text-align: center;
    }

    .contact-us .contactForm {
        background: #f7f7f7;
        padding: 25px;
        border: 1px solid #dadada;
    }

        .contact-us .contactForm .input-group {
            margin-bottom: 20px;
            width: 100%;
        }

        .contact-us .contactForm .input-group-addon {
            font-size: 36px;
            line-height: 0;
            padding-top: 20px;
            width: 5.9633%;
        }

        .contact-us .contactForm .form-group,
        .contact-us .contactForm .form-control, .contact-us .contactForm .active {
            width: 100%;
        }

        .contact-us .contactForm input {
            font-size: 18px;
            line-height: 1.1 \9 \0;
            color: #cacaca \9 \0;
            /* IE 9 */
        }

        .contact-us .contactForm textarea {
            font-size: 18px;
            margin-top: 20px;
            padding: 3px 12px;
            resize: none;
            color: #cacaca \9 \0;
            /* IE 9 */
        }

        .contact-us .contactForm .error-msg {
            color: red;
            margin-top: 5px;
        }

@media (min-width: 1001px) {
    .contact-us .col-md-6 .input-group-addon {
        width: 12.26415%;
    }
}

.contact-us .btn-submit {
    display: block;
    float: right;
    color: #fff;
    font-size: 18px;
    font-weight: 400;
    background-color: #252d35;
    padding: 9px 39px;
    margin-top: 20px;
    margin-bottom: 110px;
    /* Safari, Chrome */
    /* Firefox 4.0~16.0 */
    transition: background 0.3s ease;
    /* IE >9, FF >15, Opera >12.0 */
}

    .contact-us .btn-submit:hover {
        background-color: #424e58 !important;
    }

@media (max-width: 520px) {
    .contact-us .btn-submit {
        float: none;
    }
}

.contact-us .btn-submit i {
    position: relative;
    top: -1px;
    margin-right: 4px;
}

/* IE 11 and above hack */
_:-ms-fullscreen, :root .contact-us input {
    line-height: 1.1;
}

.top-su {
    padding-top: 36px;
}

@media (max-width: 520px) {
    .top-su {
        padding-top: 0px;
    }
}

.top-su img {
    display: block;
    max-width: 100%;
    margin: 0 auto 10px auto;
}

.top-su p {
    color: #686868;
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 30px;
}

    .top-su p span {
        color: #4e4e4e;
        font-weight: 700;
    }

.top-su .btn-custom {
    display: block;
    width: 280px;
    height: 60px;
    background-color: #99cc33;
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    line-height: 20px;
    text-transform: uppercase;
    text-decoration: none;
    float: right;
    padding: 20px;
    margin-bottom: 40px;
    border-radius: 4px;
    /* Safari, Chrome */
    /* Firefox 4.0~16.0 */
    transition: background 0.3s ease;
    /* IE >9, FF >15, Opera >12.0 */
}

    .top-su .btn-custom:hover {
        background-color: #a4db4e !important;
    }

@media (max-width: 768px) {
    .top-su .btn-custom {
        float: none;
        margin: 0 auto 40px auto;
    }
}

@media (max-width: 520px) {
    .top-su .btn-custom {
        margin-bottom: 30px;
    }
}

.top-su .btn-custom i {
    color: #fff;
    font-size: 22px;
    float: right;
    float: right;
}

.sponsor-text {
    clear: both;
    padding-bottom: 30px;
}

    .sponsor-text h1 {
        color: #266aa7;
        text-transform: uppercase;
        font-size: 18px;
        font-weight: 900;
        margin-bottom: 40px;
        line-height: 26px;
    }

@media (max-width: 520px) {
    .sponsor-text h1 {
        margin-bottom: 30px;
    }
}

.sponsor-text h2 {
    color: #266aa7;
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 30px;
    line-height: 20px;
}

@media (max-width: 520px) {
    .sponsor-text h2 {
        margin-bottom: 20px;
    }
}

.sponsor-text p {
    color: #383838;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    margin-bottom: 30px;
}

@media (max-width: 520px) {
    .sponsor-text p {
        margin-bottom: 20px;
    }
}

.sponsor-text a {
    color: #266aa7;
    font-size: 14px;
    font-weight: 400;
    text-decoration: none;
}

    .sponsor-text a:hover {
        text-decoration: underline;
    }

.sponsor-text ul {
    margin-bottom: 30px;
}

@media (max-width: 520px) {
    .sponsor-text ul {
        margin-bottom: 20px;
    }
}

@media (max-width: 768px) {
    .sponsor-text ul {
        padding-left: 0;
    }
}

.sponsor-text li {
    list-style: none;
    line-height: 22px;
}

    .sponsor-text li:before {
        content: "-";
    }

.sponsor-about {
    background-color: #1f2228;
    padding: 20px 50px 20px 20px;
    margin-bottom: 10px;
}

@media (max-width: 768px) {
    .sponsor-about {
        padding: 20px;
    }
}

.sponsor-about .sponsor-logo {
    min-height: 72px;
    padding-bottom: 20px;
    border-bottom: 1px solid #fff;
    line-height: 53px;
    margin-bottom: 26px;
    overflow: visible;
}

@media (max-width: 520px) {
    .sponsor-about .sponsor-logo {
        margin-bottom: 20px;
    }
}

.sponsor-about .sponsor-logo img {
    max-width: 105px;
    max-height: 52px;
    display: inline-block;
    margin-right: 20px;
    top: 0;
    border-radius: 3px;
}

@media (max-width: 768px) {
    .sponsor-about .sponsor-logo img {
        margin: 0 auto;
        display: block !important;
        margin-bottom: 20px;
    }
}

.sponsor-about .sponsor-logo h3 {
    color: #fff;
    font-size: 27px;
    font-weight: 700;
    margin: 0;
    line-height: 46px;
    display: inline-block;
    position: relative;
    top: 4px;
}

@media (max-width: 768px) {
    .sponsor-about .sponsor-logo h3 {
        margin-bottom: 0px;
        display: block;
        text-align: center;
        line-height: 36px;
        top: 0;
    }
}

.sponsor-about p {
    clear: both;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
}

#help-page {
    padding-top: 40px;
}

@media (max-width: 768px) {
    #help-page {
        padding-top: 20px;
    }
}

#help-page h1 {
    font-size: 30px;
    font-weight: 900;
    text-transform: uppercase;
    margin: 0;
}

#help-page h2 {
    color: #9b9b9b;
    font-size: 20px;
    font-weight: 900;
    text-transform: uppercase;
    margin: 0;
}

#help-page h3 {
    color: #454545;
    font-size: 14px;
    font-weight: 700;
    margin: 0 0 20px 0;
}

#help-page article {
    margin-bottom: 60px;
    /*a {
      color: $color-dark-blue3;

      &:hover{
        text-decoration: underline;
      }
    }*/
}

    #help-page article#anchor-need-more {
        margin-bottom: 60px;
    }

    #help-page article.black_h3 h3 {
        margin-top: 60px;
        font-weight: 900;
    }

    #help-page article.black_h3 ul {
        list-style: none;
        margin: 0;
        padding: 0;
    }

    #help-page article.black_h3 li {
        margin: 0;
        list-style: none;
        padding-left: 0;
    }

        #help-page article.black_h3 li a {
            text-transform: uppercase;
            font-weight: 700;
        }

            #help-page article.black_h3 li a:hover {
                text-decoration: underline;
            }

    #help-page article ul, #help-page article ol {
        padding: 0 0 0 40px;
    }

        #help-page article ul ol, #help-page article ol ol {
            padding: 10px 0 0 20px;
        }

    #help-page article li {
        color: #727272;
        font-size: 14px;
        font-weight: 400;
        margin: 0 0 4px 0;
        padding-left: 10px;
    }

@media (max-width: 768px) {
    #help-page article li {
        padding-left: 4px;
    }
}

#help-page article span, #help-page article strong {
    font-weight: 700;
}

#help-page article p {
    color: #727272;
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 20px;
}

.curated-content {
    position: relative;
    float: left;
    height: 270px;
    margin-bottom: 14px;
}

    .curated-content .front, .curated-content .back {
        height: 270px;
        overflow: hidden;
    }

        .curated-content .front:before, .curated-content .back:before {
            content: "";
            height: 50px;
            display: block;
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            z-index: 2;
            border-bottom-left-radius: 4px;
            border-bottom-right-radius: 4px;
            background: rgba(255, 255, 255, 0);
            background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(29%, white), color-stop(100%, white));
            background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, white 29%, white 100%);
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0);
        }

        .curated-content .back:before {
            height: 100px;
        }

        .curated-content .back .after-div {
            height: 39px;
            display: block;
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            z-index: 4;
            border-bottom-left-radius: 4px;
            border-bottom-right-radius: 4px;
            background: white;
            background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(29%, white), color-stop(100%, white));
            background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, white 19%, white 100%);
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0);
        }

@media (min-width: 1001px) {
    .curated-content {
        margin-right: 23px;
        width: 225px;
    }
}

@media (max-width: 1000px) {
    .curated-content {
        width: 30.3333%;
        margin-right: 2%;
        margin-left: 0;
    }
}

@media (max-width: 768px) {
    .curated-content {
        width: 46%;
        margin-right: 1%;
        margin-left: 2%;
    }
}

@media (max-width: 520px) {
    .curated-content {
        width: 100%;
        float: none;
        margin-right: auto;
        margin-left: auto;
    }
}

.curated-content .view-all-custom {
    position: absolute;
    left: 0px;
    bottom: 6px;
    z-index: 5;
    padding: 0px 15px;
    margin-left: -16px;
}

    .curated-content .view-all-custom a {
        text-transform: uppercase;
        color: #fff;
        font-size: 10px;
        font-weight: 400;
        text-align: center;
        display: block;
        text-decoration: none;
        padding: 4px 10px;
        background-color: #a5a5a5;
    }

.curated-content .curated-content-date {
    color: #727272;
    font-size: 12px;
    font-weight: 400;
    text-align: center;
}

.curated-content .curated-content-title {
    margin: 12px 0;
    color: #5f5f5f;
    text-transform: uppercase;
}

.curated-content .curated-content-summary {
    font-size: 12px;
    font-weight: 400;
    line-height: 17px;
    text-align: center;
}

.curated-content .group-link {
    z-index: 5;
    width: 100%;
    padding: 0 15px;
    right: 10px;
}

    .curated-content .group-link span:hover {
        text-decoration: none;
    }

.curated-content .more-link {
    float: right;
    color: #313131;
    font-size: 12px;
    font-weight: 700;
    position: relative;
    right: -7px;
    bottom: -7px;
}

    .curated-content .more-link:hover {
        color: #474747;
    }

.return-front, .return-back {
    position: absolute;
    right: 10px;
    bottom: 4px;
    transition: color 0.3s ease-in;
    -webkit-transition: color 0.3s ease-in;
    z-index: 5;
    cursor: pointer;
}

    .return-front:hover, .return-back:hover {
        color: #474747;
    }

@media (max-width: 1000px) {
    .flickity-slider .curated-content {
        margin-right: 23px;
        width: 225px;
    }
}


#CatFish {
    background-color: rgba(0, 0, 0, 0.7);
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    border: 1px solid black;
    box-sizing: border-box;
    width: 100%;
    text-align: center;
    z-index: 998 !important;
}

    #CatFish img {
        max-width: 100%;
        height: auto;
    }

#catFishClose {
    background-color: darkgrey;
    height: 18px;
    width: 18px;
    z-index: 9999;
    text-decoration: none;
    line-height: 18px;
    font-size: 8px;
    border-radius: 3px;
    color: black;
    text-align: center;
    font-family: 'Roboto', sans-serif;
    cursor: pointer;
    transition: 0.3s ease background-color;
    transition: 0.3s ease color;
    margin-bottom: 3px;
    margin-right: 5px;
    margin-left: 2px;
    float: right;
}

    #catFishClose:hover {
        background-color: dimgray;
        color: white;
    }
    
@media (min-width: 468px) {
    #CatFish {
        height: 62px;
    }
}

@media (min-width: 728px) {
    #CatFish {
        height: 92px;
    }
}

@media (min-width: 970px) {
    #CatFish {
        height: 92px;
    }
}