/* report selector
   ============================ */

.report-selector h2 {
    margin-bottom: 14px;
    color: #ffffff;
    padding-left: 25px;
    position: relative;
    font-family: "Freight Sans W03 Medium", Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-size: 4.8rem;
}
.ru .report-selector h2 {
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-weight: 500;
}
.report-selector h2::before {
    background: #f78e1e;
    content: "";
    height: 30px;
    left: 0;
    position: absolute;
    top: 13px;
    width: 4px;
}
.report-selector .description {
    color: #ffffff;
    font-family: "AvenirLTStd-Medium", Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-size: 16px;
    padding-bottom: 30px;
}
.report-selector .listing-filters .filter-dropdowns .form-fields {
    float: left;
    width: calc(100% - 185px);
    margin-right: 25px;
}
.report-selector .search {
    margin: 0 -1%;
}
.report-selector .search .search-report {
    float: left;
    max-width: 185px;
    height: 56px;
    padding: 12px 37px 13px;
}
.report-selector.hero-banner.standard-hero .hero-media {
    max-height: 480px;
    overflow: visible;
}
.report-selector.hero-banner .hero-media .image {
    overflow: hidden;
}
.report-selector .listing-filters .filter-dropdowns {
    display: block;
    background: none;
    padding: 0;
}
.report-selector .listing-filters .filter-dropdowns.single-col .form-fields {
    display: block;
}
.report-selector.form .wrapper {
    padding: 40px;
}
#main .report-selector.form .form-field {
    width: 100%;
    margin: 0;
    padding: 0;
}
#main .report-selector .market-filter,
#main .report-selector .commodity-filter {
    float: left;
    width: 50%;
    margin: 0;
    padding: 0 1%;
}
#main .report-selector .form-field:last-child {
    padding-right: 0;
}
#main .report-selector .form-field:first-child {
    padding-left: 0;
}
.ios .report-selector .listing-filters .filter-dropdowns select {
    cursor: pointer;
}

/* responsive
   ============================ */

@media screen and (max-width: 1024px) {
    .report-selector .listing-filters .filter-dropdowns .form-fields {
        width: calc(100% - 195px);
        margin-right: 10px;
    }
}

@media screen and (max-width: 880px) {
    .report-selector .search .search-report,
    .report-selector .stylish-form .stylish-select > span.selected {
        height: 50px;
    }
    .report-selector .stylish-form .stylish-select > span.selected {
        line-height: 5rem;
    }
}

@media screen and (max-width: 736px) {
    .report-selector.hero-banner .wrapper {
        padding: 0 20px;
    }
    .report-selector h2,
    .ru .report-selector h2 {
        padding-left: 11px;
        font-size: 3.2rem;
    }
    .report-selector .search .search-report {
        width: 100%;
        max-width: inherit;
        margin: 0;
        font-size: 1.8rem;
    }
    .report-selector h2::before {
        height: 20px;
        top: 12px;
    }
    #main .report-selector .market-filter,
    #main .report-selector .commodity-filter {
        width: 100%;
        margin: 0 0 20px;
        padding: 0;
    }
    .report-selector.hero-banner .hero-media::before {
        z-index: 1;
    }
    .report-selector.hero-banner.standard-hero .hero-media img {
        width: 100%;
    }
    .report-selector .search {
        margin-left: 0;
    }
    .report-selector .search > div,
    .report-selector .listing-filters .filter-dropdowns .form-fields {
        float: none;
        margin: 0;
        width: 100%;
    }
    .report-selector .listing-filters .filter-dropdowns .form-fields .full-width {
        max-height: initial;
    }
    .report-selector.hero-banner.standard-hero .hero-media {
        height: auto;
        max-height: initial;
    }
    .report-selector.hero-banner.standard-hero .hero-media .hero-content,
    .report-selector.hero-banner.standard-hero .hero-media .image + .hero-content {
        position: relative;
        padding: 20px 0;
        z-index: 1;
    }
    .report-selector.hero-banner.standard-hero .hero-media .image {
        position: absolute;
        top: 0;
        left: 0;
    }
    #main .report-selector .form-field {
        float: none;
        width: 100%;
        padding: 0;
        visibility: visible;
    }
}