/*@import url(https://fonts.googleapis.com/css?family=Montserrat:600,700|Nunito+Sans:300,400,600,700|Poppins:400&display=swap);*/

@import url('https://fonts.googleapis.com/css2?family=Archivo:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,500;1,600;1,700;1,800&display=swap');
.btn.btn-primary,
.gradientColor {
    background: linear-gradient(90deg, #0e87e4 0, #36bcfc 100%)
}

.btn.btn-primary.focus,
.btn.btn-primary:focus,
.btn.btn-primary:hover,
.gradientHoverColor {
    background: linear-gradient(90deg, #2a9df5 0, #2a9df5 100%)
}

.lightGradient {
    background: linear-gradient(104deg, #fff 0, #fff 30%, #fff7f2 30%, #fff7f2 100%)
}

@keyframes slideDownOnClick {
    0% {
        margin-top: -100px;
        opacity: .25
    }
    100% {
        opacity: 1;
        margin-top: 0
    }
}

html {
    scroll-behavior: smooth;
    font-size: 16px
}

a.anchorLink a,
a.anchorLink i,
a.anchorLink span {
    display: inline-block;
    vertical-align: middle
}

a.borderbg {
    position: relative
}

a.borderbg::before {
    content: '';
    width: 20px;
    height: 2px;
    border-radius: 5px;
    background: #ff6e20;
    position: absolute;
    bottom: 0
}

ol,
ul {
    list-style: none;
    margin-left: 0;
    padding-left: 0
}

ol.listStyleDisc,
ul.listStyleDisc {
    list-style-type: disc;
    padding-left: 0;
    margin-left: 0;
    list-style-position: inside
}

ol.reportingList,
ul.reportingList {
    margin-bottom: 0
}

ol.reportingList li,
ul.reportingList li {
    position: relative;
    padding-left: 1.125rem;
    margin: .3125rem 0
}

ol.reportingList li:last-child,
ul.reportingList li:last-child {
    margin-bottom: 0
}

ol.reportingList li:before,
ul.reportingList li:before {
    content: "";
    width: .5rem;
    height: .0625rem;
    background: #d8e3e9;
    position: absolute;
    top: .5rem;
    left: 0
}

::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px transparent;
    background-color: #f5f5f5
}

::-webkit-scrollbar {
    width: .25rem;
    background-color: transparent
}

::-webkit-scrollbar-thumb {
    background-color: #8d959f;
    border: .0625rem solid #8d959f
}

.rounded4 {
    border-radius: 4px
}

.navbarRightMenu .navFilled,
.rounded15,
.tableSortableDropdown .dropdown-toggle {
    border-radius: .9375rem
}

.h-100 {
    height: 100%
}

.fontSize48 {
    font-size: 3rem
}

@media screen and (max-width:1199px) {
    .fontSize48 {
        font-size: 2.375rem
    }
}

@media screen and (max-width:767px) {
    .fontSize48 {
        font-size: 1.875rem
    }
}

.fontSize36 {
    font-size: 2.25rem
}

@media screen and (max-width:1199px) {
    .fontSize36 {
        font-size: 1.875rem
    }
}

@media screen and (max-width:767px) {
    .fontSize36 {
        font-size: 1.5625rem
    }
}

.fontSize34 {
    font-size: 2.125rem
}

@media screen and (max-width:1199px) {
    .fontSize34 {
        font-size: 1.875rem
    }
}

@media screen and (max-width:767px) {
    .fontSize34 {
        font-size: 1.125rem
    }
}

.fontSize28 {
    font-size: 1.75rem
}

.fontSize22,
.fontSizeChangeArea.bigFontSize .insightDescription p {
    font-size: 1.375rem
}

.fontSize20 {
    font-size: 1.25rem
}

.fontSize32 {
    font-size: 2rem
}

@media screen and (max-width:1199px) {
    .fontSize32 {
        font-size: 1.125rem
    }
}

.fontSize18,
.fontSizeChangeArea.bigFontSize figcaption,
.fontSizeChangeArea.smallFontSize .insightDescription p {
    font-size: 1.125rem
}

.fontSize16 {
    font-size: 1rem
}

.backtoList,
.closeMapFilters,
.fontSize14,
.fontSizeChangeArea.smallFontSize figcaption,
.priceDetailDataLayer,
.sectionWithTabs .nav-pills .nav-link,
.tabs-box__content .sectionWithTabs .nav-pills .nav-link,
.tenderdataDetailBottomLayer {
    font-size: .875rem
}

.fontSize13 {
    font-size: .8125rem
}

.fontSize12,
.mapSavedBlock .mapInfoSavedBlock .mapInfoSavedTitle,
.table tr.categoryRow td,
.tagsList .btn-group-toggle .btn {
    font-size: .75rem
}

.fontSize10 {
    font-size: .625rem
}

.fontSize0 {
    font-size: 0
}

.fontLight {
    font-weight: 300
}

.fontRegular {
    font-weight: 400
}

.fontMedium,
.navbarRightMenu .userEntryBlock a,
.sectionWithTabs .nav-pills .nav-link,
.tabs-box__content .sectionWithTabs .nav-pills .nav-link {
    font-weight: 500
}

.btn.btn-primary,
.fontSemiBold,
.microSiteCategory .microSiteDropdown a,
.microSiteCategory .microSiteDropdown a.dropdown-toggle,
.microSiteCategory .microSiteTitle,
.nav-tabs .nav-item .nav-link,
.navbarRightMenu .navFilled,
.primaryElement,
.primaryHeader,
.sideOverlayHeader,
.table tr.categoryRow td,
.tableSortableDropdown .dropdown-toggle,
footer .footerMenuTitle {
    font-weight: 600
}

.backtoList,
.fontBold {
    font-weight: 700
}

.card.imageInfoCard .card-author,
.microSiteCategory .microSiteDropdown a,
.microSiteCategory .microSiteDropdown a.dropdown-toggle,
.primaryColor,
.primaryHeader,
.sectionHamTitle ul li.active {
    color: #404040 !important
}

.primaryColorBlue {
    color: #2a9df5 !important
}

.microSiteCategory .microSiteTitle,
.nav-tabs.tabListWithBorder .nav-link span,
.navbar-menu>li a,
.secondaryColor,
.secondaryElement,
.sectionHamTitle ul li {
    color: #828994 !important
}

.tertiaryColor {
    color: #7b7b7b !important
}

.darkTextColor {
    color: #2d2d2d !important
}

.whiteColor {
    color: #fff !important
}

.orangeColor {
    color: #ff6e20 !important
}

.blackColor {
    color: #000 !important
}

.borderDarkColor {
    color: #8d959f !important
}

.grey70 {
    color: #707070 !important
}

#loginModal .primaryElement {
    font-family: 'Archivo', sans-serif;
}

.secondaryElement {
    font-size: .875rem
}

.tertiaryElement {
    font-size: .75rem;
    color: #2a9df5
}

.dropdown-item.active,
.dropdown-item:active {
    color: #404040;
    text-decoration: none;
    background-color: #fff
}

.text-underline {
    text-decoration: underline;
    color: inherit
}

.lineBehindElement {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    z-index: 0;
    margin: 0 0 .1875rem;
    color: #404040;
    font-weight: 600;
    white-space: nowrap
}

.lineBehindElement:hover {
    color: #000
}

.lineBehindElement:after,
.lineBehindElement:before {
    content: "";
    position: relative;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: .0625rem;
    background: #d8e3e9;
    z-index: 0
}

.lineBehindElement span {
    background: #fff;
    padding: 0 .625rem;
    position: relative;
    z-index: 2
}

.bookmark.active {
    background-position: -9rem -9.25rem
}

.card.cardHomeTender,
.card.tenderCard,
.card.tendersHomeItem,
.defaultBoxShadow,
.featureCard,
.globalSearchForm,
.landingDropdowns,
.mapFilterPlaceholder .btn,
.mapFilterPlaceholder .formInputs,
.mapSavedBlock .mapInfoSavedBlock .mapInfoSavedTitle,
.owl-carousel .owl-nav button.owl-next,
.owl-carousel .owl-nav button.owl-prev {
    box-shadow: 0 .1875rem .375rem rgba(106, 104, 101, .16)
}

.card.imageInfoCard.imageInfoSmallCard,
.featureSection.otherInformationSection .bordererdCard,
.imageBoxShadow,
.tenderdataDetailLayer {
    box-shadow: 0 .1875rem 1.5rem rgba(0, 0, 0, .13)
}

.featureSection {
    padding: 3.125rem 0
}

@media screen and (max-width:1199px) {
    .featureSection {
        padding: 1.25rem 0
    }
}

.featureSection .featureInfo {
    font-size: 1rem
}

.featureSection.findFeatureInsight {
    background: #f3f3f3
}

.featureSection.fulllengthFeatureLayer {
    position: relative
}

.featureSection.fulllengthFeatureLayer:before {
    content: "";
    position: absolute;
    bottom: 3.125rem;
    left: 0;
    width: 100%;
    height: 19.6875rem;
    background: #f3f3f3
}

@media screen and (max-width:1199px) {
    .featureSection.fulllengthFeatureLayer:before {
        height: 15.625rem
    }
}

.featureSection.otherInformationSection {
    margin: 0 3.75rem
}

@media screen and (max-width:1199px) {
    .featureSection.otherInformationSection {
        margin: 0
    }
}

.featureSection .company-logo-wrap {
    margin-bottom: 100px;
    border-top: 1px solid #ff4036;
    border-bottom: 1px solid #ff4036;
    padding: 20px 0px 0px 0px;
}

.featureSection .company-logo-wrap .logo-column {
    margin-bottom: 35px;
    width: 50%
}

@media (min-width:1200px) {
    .featureSection .company-logo-wrap .logo-column {
        width: auto
    }
}

.featureSection .company-logo-wrap .logo-column:nth-last-child(2) {
    margin-bottom: 0
}

.featureSection .company-logo-wrap .logo-column:last-child {
    margin-bottom: 0
}

@media (min-width:992px) {
    .featureSection .company-logo-wrap .logo-column .client-logo {
        width: 80px;
        height: 80px
    }
}

.relaventCaseStudyCompanyLogo {
    top: 2.5rem;
    left: 0;
    width: 7.5rem;
    height: auto;
    box-shadow: 0 .0625rem .3125rem rgba(0, 0, 0, .35)
}

.transparentLayer {
    background: 0 0 !important
}

.tagsList .btn-group-toggle {
    margin-right: .625rem;
    margin-bottom: .625rem;
    display: inline-block
}

.tagsList .btn-group-toggle .btn {
    padding: .1875rem .9375rem .1875rem 1.875rem;
    position: relative;
    border-color: #d8e3e9;
    background: #fbfbfb
}

.tagsList .btn-group-toggle .btn:after {
    content: "";
    position: absolute;
    left: .5rem;
    top: .3125rem;
    width: .875rem;
    height: .875rem;
    background-image: url(../images/spritesheet.svg);
    background-position: -58px -10px;
    background-repeat: no-repeat
}

.tagsList .btn-group-toggle .btn:hover {
    background: #f3f3f3;
    color: #2a9df5;
    border-color: #2a9df5
}

.tagsList .btn-group-toggle .btn.active {
    background: #f3f3f3;
    color: #2a9df5;
    border-color: #2a9df5
}

.tagsList .btn-group-toggle .btn.active:after {
    background-position: -2.875rem -.6875rem
}

.tagsList .btn-group-toggle .btn.active:hover {
    background: #f3f3f3;
    color: #2a9df5;
    border-color: #2a9df5
}

.tagsList .btn-group-toggle .btn.active.focus {
    box-shadow: none
}

.tax {
    position: relative
}

.tax:after {
    content: '';
    position: absolute;
    top: .4375rem;
    width: 100%;
    height: .0625rem;
    background: #d8e3e9;
    display: none
}

.tax.crossed:after {
    display: block
}

.flagImage {
    width: 1.5rem;
    height: 18px;
    display: block;
    margin: 0 auto
}

.searchDeafultPlaceholder .searchDeafultblock {
    overflow: auto;
    height: calc(100vh - 220px)
}

@media screen and (max-width:767px) {
    .searchDeafultPlaceholder .searchDeafultblock {
        height: calc(100vh - 440px)
    }
}

.media .mediaImage {
    width: 7rem;
    height: 7rem;
    margin-right: 1.25rem
}

.bottomInformationBlock .text {
    display: inline-block;
    font-size: .75rem;
    color: #9f9f9f;
    height: 18px
}

.magniglass {
    display: inline-block;
    position: absolute;
    cursor: pointer;
    height: 30px;
    width: 30px;
    top: 20px;
    right: 30px;
    background: url(../../images/magni-glass.svg) no-repeat 0 0;
    background-position: center;
    background-color: #fff;
    border-radius: 50%;
    -o-box-shadow: 0 2px 6px rgba(0, 0, 0, .3);
    box-shadow: 0 2px 6px rgba(0, 0, 0, .3)
}

.ellipsis {
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.categorySearchBlock {
    position: relative;
    font-size: 0;
    height: 3.375rem;
    width: 100%;
    border: 3px solid #d8e3e9;
    -o-box-shadow: 0 3px 6px 0 rgba(106, 104, 101, .16);
    box-shadow: 0 3px 6px 0 rgba(106, 104, 101, .16)
}

.categorySearchBlock:before {
    content: '';
    position: absolute;
    height: 1.125rem;
    width: 1.125rem;
    left: 1rem;
    top: calc(50% - 9px);
    background-image: url(../../images/spritesheet.svg);
    background-position: -4.6875rem -6.4375rem;
    background-repeat: no-repeat
}

.categorySearchBlock .categorySearchInput {
    height: 100%;
    width: 100%;
    font-size: .875rem;
    border: .0625rem solid #d8e3e9;
    padding: .5rem 1rem .5rem 3.125rem
}

.emptyDataPlaceholder {
    min-height: 18.75rem
}

@media screen and (max-width:767px) {
    .animatedTextplaceholder {
        display: block
    }
}

.dropdown-menu.smallDropdownMenu {
    min-width: 1.875rem
}

.gradientLayout {
    position: absolute;
    background: #898989;
    height: 900px;
    width: 100%;
    top: 500px;
    left: 0;
    z-index: 0
}

.gradientLayout.blue {
    background: #fff;
    background: linear-gradient(0deg, #fff 0, #f3f9ff 40%, #f3f9ff 65%, #fff 100%)
}

.otherInfoGraphicsCard {
    position: relative;
    z-index: 0
}

.playIconBorder {
    background: #fff;
    border: .0625rem solid #2a9df5;
    padding: .75rem;
    line-height: 0;
    border-radius: 0;
    transition: all linear .16s;
    margin-right: 1.25rem
}

.playIconBorder i {
    transition: all linear .16s
}

.detailNavigateLink {
    max-width: 15.625rem
}

.detailNavigateLink:hover .playIconBorder {
    color: #404040;
    background: #2a9df5
}

.detailNavigateLink:hover .playIconBorder i {
    background-position: -33.125rem -8rem
}

.alert-warning {
    background: #fff7f2;
    color: #404040
}

.LandingMainHeader {
    font-size: 1.125rem;
    color: #404040;
    font-weight: 700
}

.LandingMainHeader .title {
    font-size: 3rem
}

.LandingMainHeader .sub {
    font-size: 1.25rem;
    font-weight: 400
}

.LandingMainHeader .PlayIconLink span {
    font-weight: 400
}

.LandingMainHeader .PlayIconLink span.playIcon {
    background: #fff;
    border: 1px solid #2a9df5;
    padding: .75rem;
    line-height: 0;
    border-radius: 0;
    transition: all linear .16s
}

.LandingMainHeader .PlayIconLink:hover span {
    color: #404040
}

.LandingMainHeader .PlayIconLink:hover span.playIcon {
    background: #2a9df5
}

.LandingMainHeader .PlayIconLink:hover span.playIcon i {
    background-position: -33.125rem -8rem
}

.rationalist li {
    height: 1.25rem;
    display: block;
    margin-bottom: .9375rem
}

.currentlyQuoted {
    width: .5rem;
    height: .5rem;
    display: inline-block;
    background: #ff6e20;
    border-radius: 50%;
    vertical-align: baseline
}

.priceMethodologyDetails h5 {
    margin: .9375rem 0 1.5625rem
}

.priceMethodologyDetails img,
.priceMethodologyDetails p {
    margin-bottom: 1.875rem
}

.closeTooltip {
    cursor: pointer
}

.search-tab-wrapper .search-tabs {
    padding: 0 47px
}

.suggested-keywords__content {
    padding: 0 47px;
    margin-top: 24px
}

.suggested-keywords__text {
    font-size: 12px;
    color: #727272;
    margin-bottom: 0
}

.suggested-keywords__list-cells {
    overflow-x: auto;
    -ms-overflow-style: none;
    scrollbar-width: none
}

.suggested-keywords__list-cells::-webkit-scrollbar {
    display: none
}

.suggested-keywords__link {
    font-size: 12px;
    color: #2a9df5;
    padding: 4px 16px;
    border: 1px solid #2a9df5;
    text-align: center;
    white-space: nowrap;
    margin-right: 16px
}

.suggested-keywords__no-keywords {
    font-size: 12px;
    color: #afafaf;
    margin-bottom: 0
}

.intel-block__content .featureCardList .featureCard {
    min-height: auto;
    border: 1px solid #d8e3e9;
    margin-bottom: 16px
}

.intel-block--homepage .intel-block__content .featureCardList .featureCard {
    margin-bottom: 38px;
    padding: 16px
}

.intel-block--homepage .intel-block__content .featureCardList .featureCard .featureCardImage img {
    height: 100%;
    object-fit: cover
}

.intel-block__content .featureDataBottom a {
    color: #9ba1aa;
    font-size: 12px;
    display: inline-block
}

.intel-block__content .eventLeftData a:first-child:after {
    content: none
}

.intel-block--details .intel-block__content .eventLeftData a {
    padding: 0 24px;
    margin-right: 0;
    position: relative
}

.intel-block--details .intel-block__content .eventLeftData a:after {
    content: "";
    border-right: .0625rem solid #d8e3e9;
    position: absolute;
    right: 0;
    width: .0625rem;
    height: .75rem
}

.intel-block--details .intel-block__content .eventLeftData a:first-child {
    padding-left: 0
}

.intel-block--details .intel-block__content .eventLeftData a:last-child {
    padding-right: 0
}

.intel-block--details .intel-block__content .eventLeftData a:last-child:after {
    content: none
}

.intel-block__content .badge-type {
    font-size: 12px;
    padding: 2px 10px;
    border: 1px solid #e3e3e3;
    border-radius: 2px;
    color: #404040
}

.intel-block__content .badge-type-news {
    font-size: 12px;
    padding: 2px 10px;
    border: 1px solid #fff7f2;
    border-radius: 2px;
    color: #ff6a1f;
    background-color: #fff7f2;
    text-transform: uppercase
}

.intel-block__content .date-posted {
    margin-bottom: 0
}

.intel-block--upcoming-events .intel-block__content .featureCard {
    min-height: 15rem
}

.intel-block--reports-portfolio .intel-block__content .featureCard {
    padding: 32px
}

.intel-block--reports .intel-block__content .featureCardInfo .postTag {
    font-size: 12px
}

.intel-block--reports-portfolio .intel-block__content .featureCardInfo .postTag {
    font-size: 12px
}

.intel-block--upcoming-events .intel-block__content .featureCardInfo .postTag {
    font-size: 12px
}

.intel-block--reports .intel-block__content .featureCardInfo .featureType {
    font-size: 25px;
    color: #2d2d2d
}

@media (min-width:1200px) {
    .intel-block--reports .intel-block__content .featureCardInfo .featureType {
        font-size: 34px
    }
}

.intel-block--reports-portfolio .intel-block__content .featureCardInfo .featureType {
    font-size: 25px;
    color: #2d2d2d
}

@media (min-width:1200px) {
    .intel-block--reports-portfolio .intel-block__content .featureCardInfo .featureType {
        font-size: 34px
    }
}

.intel-block--upcoming-events .intel-block__content .featureCardInfo .featureType {
    font-size: 28px;
    color: #2d2d2d
}

.intel-block--reports .intel-block__content .featureCardInfo .small-icon {
    width: 10px;
    height: 10px
}

.intel-block--reports-portfolio .intel-block__content .featureCardInfo .small-icon {
    width: 10px;
    height: 10px
}

.intel-block--upcoming-events .intel-block__content .featureCardInfo .small-icon {
    width: 10px;
    height: 10px
}

.intel-block--reports .intel-block__content .featureCardInfo .email-info {
    font-size: 13px;
    margin-left: 10px
}

.intel-block--reports-portfolio .intel-block__content .featureCardInfo .email-info {
    font-size: 13px;
    margin-left: 10px
}

.intel-block--upcoming-events .intel-block__content .featureCardInfo .email-info {
    font-size: 13px;
    margin-left: 10px
}

.intel-block--reports .intel-block__content .featureCardInfo .date-posted {
    font-size: 14px;
    margin-left: 10px
}

.intel-block--reports-portfolio .intel-block__content .featureCardInfo .date-posted {
    font-size: 14px;
    margin-left: 10px
}

.intel-block--upcoming-events .intel-block__content .featureCardInfo .date-posted {
    font-size: 14px;
    margin-left: 10px
}

.intel-block__content .featureCardInfo .reports-index .reports-title {
    font-size: 14px;
    color: #2d2d2d;
    font-weight: 700;
    margin-bottom: 5px
}

.intel-block__content .featureCardInfo .reports-index .reports-list-item {
    font-size: 14px;
    margin-bottom: 0;
    color: #8d959f
}

.intel-block--reports-portfolio .intel-block__content .featureCardInfo .reports-index .reports-list-item {
    margin-bottom: 30px
}

.intel-block__content .featureCardInfo .reports-index .reports-index-link {
    font-size: 14px;
    color: #2a9df5
}

.intel-block__content .featureCardInfo .critical-content {
    width: 50%
}

.intel-block__content .featureCardInfo .critical-content .critical-content-text {
    background-color: #f3f9ff;
    padding: 16px;
    font-size: 23px;
    color: #2d2d2d;
    margin-bottom: 14px
}

.intel-block__content .featureCardInfo .critical-content .preview-index {
    font-size: 13px;
    color: #404040
}

.intel-block__content .featureCardInfo .my-reports-additionals-ul .my-reports-additionals-li {
    border-bottom: 1px solid #d8e3e9;
    padding: 10px 0
}

.intel-block__content .featureCardInfo .my-reports-additionals-ul .my-reports-additionals-li:last-child {
    border-bottom: none
}

.intel-block__content .featureCardInfo .download-icon {
    width: 12px;
    height: 12px
}

.intel-block__content .featureCardInfo .anchorlink {
    font-size: 12px;
    color: #2a9df5
}

.intel-block__content .featureDataTop {
    margin-top: 15px
}

@media (min-width:1200px) {
    .intel-block__content .featureDataTop {
        margin-top: 0
    }
}

.intel-block__content .featureDataTop .eventRightData {
    top: 15px
}

@media (min-width:1200px) {
    .intel-block__content .featureDataTop .eventRightData {
        top: 0
    }
}

.intel-block__content .special-report-link {
    position: absolute;
    top: 0;
    right: 90px;
    background-color: #ff6b1f;
    padding: 32px 22px;
    box-shadow: 0 9px 7px rgba(61, 61, 61, .17)
}

.common-heading {
    margin-bottom: 16px
}

.common-heading--scroll-controls {
    position: absolute;
    left: 71%;
    top: 7px
}

.common-heading--sticky-right {
    position: absolute;
    right: 0;
    top: 50%;
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    padding: 12px 0 12px 12px;
    background-color: #f3f9ff
}

.common-heading__title {
    font-size: 20px;
    color: #404040;
    font-weight: 600;
    margin-bottom: 0
}

.common-heading__link {
    font-size: 12px;
    color: #2a9df5
}

.common-heading__slide-link {
    padding: 8px 6px;
    border: 1px solid #e1eaee;
    box-shadow: 0 3px 6px rgba(1, 102, 180, .16);
    height: 24px;
    width: 24px
}

.common-heading__arrow-icon {
    vertical-align: top
}

.small-cards__content .short-detail-wrap .headline {
    font-size: 14px;
    color: #2c2b2b;
    margin-bottom: 4px
}

.small-cards__content .short-detail-wrap .headline .graph-up-icon {
    vertical-align: sub;
    margin-right: 4px
}

.small-cards__content .short-detail-wrap .datetime-info {
    font-size: 12px;
    color: #9f9f9f
}

@media (max-width:991px) {
    .small-cards__content .short-detail-wrap .datetime-info {
        font-size: 10px
    }
}

.small-cards__content .short-detail-wrap .badge-type {
    font-size: 12px;
    padding: 2px 10px;
    border: 1px solid #e3e3e3;
    border-radius: 2px;
    color: #404040
}

.small-cards__content .short-detail-wrap .badge-type-news {
    font-size: 12px;
    padding: 2px 10px;
    border: 1px solid #fff7f2;
    border-radius: 2px;
    color: #ff6a1f;
    background-color: #fff7f2;
    text-transform: uppercase
}

.small-cards__content .short-detail-wrap .map-info {
    font-size: 12px;
    color: #707070
}

.small-cards__ul {
    margin-bottom: 0;
    margin-bottom: 24px
}

.small-cards__li {
    margin: 16px 0;
    padding: 16px;
    border: 1px solid #d8e3e9
}

.small-cards__li:last-child {
    margin-bottom: 0
}

@media (max-width:991px) {
    .small-cards__li:first-child {
        margin-top: 0
    }
}

.index-card__content .flag-wrap {
    margin-right: 16px
}

.index-card__content .flag-logo {
    margin-top: 10px
}

.index-card__content .flag-abbr {
    font-size: 12px;
    color: #8d959f;
    margin-top: 4px
}

.index-card__content .title-text {
    font-size: 14px;
    color: #404040;
    font-weight: 700;
    margin-bottom: 0
}

.index-card__content .tag-wrap {
    margin-bottom: 0
}

.index-card__content .tag-text {
    font-size: 8px;
    color: #9f9f9f;
    border: 1px solid #9f9f9f;
    padding: 1px 6px;
    border-radius: 2px;
    vertical-align: top
}

.index-card__content .product-title {
    font-size: 13px;
    color: #404040;
    margin-bottom: 0
}

.index-card__content .date-text {
    font-size: 12px;
    color: #9ba1aa
}

.index-card__content .price-text {
    font-size: 16px;
    color: #404040;
    margin-bottom: 0;
    margin-top: 10px
}

.index-card__content .price-per {
    font-size: 13px;
    color: #9ba1aa
}

.index-card__content .price-index {
    font-size: 12px;
    color: #11a743
}

.index-card__ul {
    border: 1px solid #d8e3e9;
    padding: 16px;
    margin-bottom: 24px
}

.index-card__li {
    border-bottom: 1px solid #d8e3e9;
    padding: 16px 0
}

.index-card__li:first-child {
    padding-top: 0
}

.index-card__li:last-child {
    border-bottom: none;
    padding-bottom: 0
}

.carousel-wrap .owl-carousel .owl-dots {
    display: block;
    text-align: center;
    position: absolute;
    bottom: -20px;
    left: 50%;
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0)
}

.carousel-wrap .owl-carousel .owl-dots .owl-dot {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    margin: 0 2px;
    background-color: #d8e3e9
}

.carousel-wrap .owl-carousel .owl-dots .owl-dot.active {
    background-color: #ff6e20
}

.insight-component__content .pricesresultsBlock .pricesHeader {
    height: 28px
}

@media (max-width:767px) {
    .insight-component__content .pricesresultsBlock .pricesHeader {
        height: auto
    }
}

@media (max-width:767px) {
    .insight-component__content .pricesresultsBlock .postAdditionOptions {
        top: 0;
        z-index: 1052
    }
}

@media (max-width:767px) {
    .insight-component__content .pricesresultsBlock .postAdditionOptions.reduceZIndex {
        z-index: 10
    }
}

.insight-component__content .pricesresultsBlock .postAdditionOptions .list-inline .list-inline-item .dropdown-menu {
    min-width: 22.875rem
}

.insight-component__content .pricesresultsBlock .postAdditionOptions .list-inline .list-inline-item.megadropdown {
    position: relative
}

@media (max-width:991px) {
    .insight-component__content .pricesresultsBlock .postAdditionOptions .list-inline .list-inline-item.megadropdown {
        display: block;
        width: auto
    }
}

.insight-component__content .pricesresultsBlock .postAdditionOptions .list-inline .list-inline-item.megadropdown.openDropdown .dropdown-menu {
    display: block;
    padding: .625rem 1.625rem !important
}

.insight-component--insights-page .insight-component__content .pricesresultsBlock .postAdditionOptions .list-inline .list-inline-item.megadropdown.openDropdown .dropdown-menu {
    padding: 0 !important
}

.insight-component__content .pricesresultsBlock .postAdditionOptions .list-inline .list-inline-item.megadropdown.openDropdown button:after {
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.insight-component__content .pricesresultsBlock .postAdditionOptions .list-inline .list-inline-item.megadropdown .dropdown-menu {
    left: auto !important;
    right: 0;
    top: 22px !important;
    transform: translate3d(0, 0, 0) !important;
    min-width: 375px;
    padding: 0 !important;
    display: none
}

@media (max-width:767px) {
    .insight-component__content .pricesresultsBlock .postAdditionOptions .list-inline .list-inline-item.megadropdown .dropdown-menu {
        min-width: 280px
    }
}

.insight-component__content .pricesresultsBlock .postAdditionOptions .list-inline .list-inline-item.megadropdown .dropdown-menu .footer {
    padding: 16px
}

.insight-component__content .pricesresultsBlock .postAdditionOptions .list-inline .list-inline-item.megadropdown button {
    padding: .5625rem 1.5625rem
}

@media (max-width:767px) {
    .insight-component__content .pricesresultsBlock .postAdditionOptions .date-range-select .ComparisonTimeLine {
        width: 100%
    }
}

@media (max-width:767px) {
    .insight-component__content .pricesresultsBlock .postAdditionOptions .date-range-select .selectContainer.timeLine {
        width: 100%
    }
}

@media (max-width:767px) {
    .insight-component__content .pricesresultsBlock .postAdditionOptions .date-range-select .selectContainer.timeLine .selectItem {
        width: 100%;
        margin-bottom: 10px
    }
}

@media (max-width:767px) {
    .insight-component__content .pricesresultsBlock .postAdditionOptions .date-range-select .btn {
        width: 100%
    }
}

@media (max-width:767px) {
    .insight-component__content .pricesresultsBlock .tab-content {
        padding-top: 15px
    }
}

.nav-wrap--prices {
    position: sticky;
    top: 63px;
    z-index: 2;
    background-color: #fff;
    padding-top: 24px
}

.nav-wrap--insights {
    position: sticky;
    top: 63px;
    z-index: 20;
    background-color: #fff;
    padding-top: 10px
}

.nav-wrap__content {
    position: relative
}

.nav-wrap--currencies .nav-wrap__content {
    height: 46px;
    border-bottom: 1px solid #d8e3e9
}

.nav-wrap__content .search-wrap {
    position: absolute;
    width: 100%;
    right: 0;
    top: 0
}

.nav-wrap__content .input-group>.form-control {
    position: absolute;
    right: 34px;
    width: 0;
    padding: 0;
    border: none;
    height: calc(1.5em + .75rem + -1px);
    box-shadow: 0 3px 6px rgba(1, 102, 180, .16);
    transition: width .3s ease-in-out
}

.nav-wrap__content .input-group>.form-control.openinput {
    padding: .375rem .75rem .375rem 35px;
    border: 1px solid #ced4da;
    width: calc(100% - 34px)
}

.nav-wrap__content .input-group>.input-group-append>.btn {
    background: #2a9df5 url(../images/search-white.svg) no-repeat .5rem center;
    border: 1px solid #2a9df5;
    padding: 16px;
    position: absolute;
    right: 0;
    z-index: 2
}

.nav-wrap__content .input-group .search-icon-left {
    position: absolute;
    right: 0;
    top: 8px;
    visibility: hidden;
    z-index: 10;
    transition: right .3s ease-in-out
}

.nav-wrap__content .input-group .search-icon-left.showLeftSearchIcon {
    visibility: visible;
    right: auto;
    left: 12px
}

.nav-wrap__content .input-group .close-search {
    position: absolute;
    right: 42px;
    top: 8px;
    visibility: hidden;
    cursor: pointer;
    z-index: 10
}

.nav-wrap__content .input-group .close-search.showCloseIcon {
    visibility: visible
}

.nav-wrap__content .regions-nav-tabs {
    border-bottom: 1px solid #d8e3e9;
    margin-bottom: 1.5rem
}

.nav-wrap__content .regions-nav-tabs .nav-tabs.regionTabsUl {
    width: 70%;
    overflow-x: auto;
    overflow-y: hidden;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    white-space: nowrap;
    border-bottom: none !important;
    -ms-overflow-style: none;
    scrollbar-width: none;
    margin-bottom: 0
}

.nav-wrap__content .regions-nav-tabs .nav-tabs.regionTabsUl::-webkit-scrollbar {
    display: none
}

.nav-wrap__content .input-search-results {
    position: absolute;
    left: 0;
    top: 33px;
    width: 100%;
    background-color: #fff;
    z-index: 3;
    border: 1px solid #d8e3e9
}

@media (max-width:991px) {
    .nav-wrap__content .nav-tabs {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        overflow: auto;
        -ms-overflow-style: none;
        scrollbar-width: none
    }
    .nav-wrap__content .nav-tabs::-webkit-scrollbar {
        display: none
    }
}

@media (max-width:991px) {
    .nav-wrap__content .nav-tabs .nav-item:last-child {
        margin-right: 50px
    }
    .nav-wrap--prices .nav-wrap__content .nav-tabs .nav-item:last-child {
        margin-right: 100px
    }
}

@media (max-width:991px) {
    .nav-wrap__content .nav-tabs .nav-item .nav-link {
        white-space: nowrap;
        margin-right: 0;
        padding: 8px 15px
    }
}

.insight-detail__content .fontSizeChangeArea .insightDescription h6 {
    font-size: 16px;
    color: #404040;
    font-weight: 700;
    margin-bottom: 40px
}

.insight-detail__content .fontSizeChangeArea .insightDescription p {
    font-size: 16px;
    color: #404040
}

.insight-detail__content .owl-carousel .owl-item img.eye-icon,
.insight-detail__content .owl-carousel .owl-item img.timer-icon {
    width: auto
}

.insight-detail__content .owl-carousel .owl-item img.bookmark-icon {
    width: 20px;
    height: 25px
}

.insight-detail__content .owl-carousel .owl-nav {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: start;
    align-items: flex-start;
    padding-left: 0
}

.insight-detail__content .owl-carousel .owl-nav button.owl-next,
.insight-detail__content .owl-carousel .owl-nav button.owl-prev {
    position: relative;
    border: none;
    box-shadow: none;
    width: auto;
    height: auto;
    border-radius: none
}

.insight-detail__content .owl-carousel .owl-nav button.owl-prev {
    left: 0
}

.insight-detail__content .owl-carousel .owl-nav button.owl-next {
    right: 0
}

.insight-detail__content .owl-carousel .owl-nav button .prev-nav {
    text-align: left
}

.insight-detail__content .owl-carousel .owl-nav button .next-nav {
    text-align: right
}

.insight-detail__content .owl-carousel .owl-nav button .next-text,
.insight-detail__content .owl-carousel .owl-nav button .prev-text {
    font-size: 18px;
    font-weight: 600;
    color: #404040;
    margin-bottom: 0;
    padding: 27px 16px;
    border: 1px solid #d8e3e9;
    margin-top: 16px;
    width: 315px;
    min-height: 130px;
    text-align: left
}

.right-column__content {
    padding-top: 155px
}

.highcharts-range-selector-group {
    margin-bottom: 30px
}

.highcharts-range-selector-buttons {
    -ms-transform: translate(0, -5px) !important;
    transform: translate(0, -5px) !important
}

.highcharts-range-selector-buttons>text {
    fill: #8d959f !important;
    color: #8d959f !important;
    font-weight: 500 !important
}

.highcharts-button text {
    fill: #828994 !important;
    color: #828994 !important;
    font-weight: 800 !important
}

.highcharts-button.highcharts-button-pressed text {
    fill: #ff6a1f !important;
    color: #ff6a1f !important
}

.highcharts-button-box {
    fill: transparent
}

.icon2418 {
    width: 24px;
    height: 18px
}

.flag-icon-in {
    background-image: url(../images/flags/4x3/in.svg)
}

.flag-icon-nz {
    background-image: url(../images/flags/4x3/nz.svg)
}

.gradient-bg {
    background: linear-gradient(to bottom, #fff 0, #f3f9ff 13%, #fff 70%)
}

.intermediate-block__content {
    padding: 24px 14px;
    background-color: #f6f9fb;
    width: 12.8125rem;
    position: fixed;
    left: 105px;
    top: 80px;
    height: calc(100vh - 80px);
    overflow-y: auto;
    overflow-x: visible;
    z-index: 1;
    -ms-overflow-style: none;
    scrollbar-width: none
}

.intermediate-block__content::-webkit-scrollbar {
    display: none
}

.intermediate-block__content.removeOverflow {
    overflow: visible
}

.intermediate-block__content .subdivision .subdivision-title {
    font-size: 10px;
    color: #2d2d2d;
    text-transform: uppercase;
    font-weight: 700
}

.intermediate-block__content .subdivision ul {
    margin-bottom: 0;
    border: 1px solid #d8e3e9
}

.intermediate-block__content .subdivision ul li {
    text-align: center
}

.intermediate-block__content .subdivision ul li:hover {
    background-color: #2a9df5
}

.intermediate-block__content .subdivision ul li:hover a {
    color: #fff
}

.intermediate-block__content .subdivision ul li:hover .tooltip-block {
    visibility: visible
}

.intermediate-block__content .subdivision ul li.active {
    background-color: #2a9df5
}

.intermediate-block__content .subdivision ul li.active a {
    color: #fff
}

.intermediate-block__content .subdivision ul li.active .tooltip-block {
    visibility: visible
}

.intermediate-block__content .subdivision ul li a {
    font-size: 14px;
    color: #2d2d2d;
    display: inline-block;
    width: 100%;
    position: relative
}

.intermediate-block__content .subdivision ul li .tooltip-wrap {
    position: absolute;
    right: 10px;
    top: -2px
}

.intermediate-block__content .subdivision ul li .tooltip-block {
    visibility: hidden
}

.intermediate-block__content .subdivision ul li .tooltip-block .info-title-text {
    display: inline-block
}

.intermediate-block__content .subdivision ul li .tooltip-block .info-title-text:hover+.custom-tooltip {
    display: block
}

.intermediate-block__content .subdivision ul li .tooltip-block .info-icon {
    display: inline-block;
    width: 14px;
    height: 14px
}

.intermediate-block__content .subdivision ul li .tooltip-block .info-icon:hover+.custom-tooltip {
    display: block
}

.intermediate-block__content .subdivision ul li .tooltip-block .custom-tooltip {
    display: none;
    position: absolute;
    bottom: 24px;
    left: 50%;
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    min-width: 200px;
    background-color: #fff;
    border: 1px solid #d2e1e9;
    box-shadow: 0 3px 3px rgba(168, 168, 168, .14);
    padding: 4px 8px;
    z-index: 1
}

.intermediate-block__content .subdivision ul li .tooltip-block .custom-tooltip.w-auto {
    min-width: 100%;
    white-space: nowrap
}

.intermediate-block__content .subdivision ul li .tooltip-block .custom-tooltip:before {
    content: "";
    position: absolute;
    bottom: -7px;
    left: 50%;
    -ms-transform: translate(-50%, 0) rotate(45deg);
    transform: translate(-50%, 0) rotate(45deg);
    display: inline-block;
    width: 12px;
    height: 12px;
    border: 1px solid #d2e1e9;
    border-left: none;
    border-top: none;
    background-color: #fff
}

.intermediate-block__content .selection-content {
    margin-top: 24px
}

.intermediate-block__content .selection-content .selectContainer .selectItem {
    padding: 0;
    padding-bottom: 12px
}

.intermediate-block__content .selection-content .selectContainer .selectItem .form-group {
    background-color: #f6f9fb
}

.intermediate-block__content .selection-content .selectContainer .selectItem .form-group .select2 .select2-selection--single {
    border: none;
    border-bottom: 1px solid #2680eb
}

.intermediate-block__content .selection-content .selectContainer .selectItem .form-group label {
    color: #8d959f;
    background-color: #f6f9fb;
    padding-left: 0
}

.intermediate-block__content .selection-content .go-button {
    position: relative;
    padding: .3125rem 1rem;
    font-size: .75rem;
    height: 2.25rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    margin-left: auto
}

.intermediate-block__content .selection-content .go-button:after {
    content: '';
    display: inline-block;
    height: 1.5rem;
    width: 1.5rem;
    background: url(../images/spritesheet.svg) no-repeat;
    background-position: -10.375rem -15.5625rem;
    margin: 0 0 0 1.25rem;
    transition: all linear .16s
}

.intermediate-block__content .accordion-content {
    padding-top: 14px;
    margin: 24px 0;
    border-top: 1px solid #d8e3e9
}

.intermediate-block__content .accordion-content .accordion-title-head {
    padding: 12px 8px;
    border: 1px solid #d8e3e9
}

.intermediate-block__content .accordion-content .accordion-title-head .title-text {
    font-size: 10px;
    color: #2d2d2d;
    font-weight: 700;
    margin-bottom: 0;
    text-transform: uppercase
}

.intermediate-block__content .accordion-content .accordion-title-head .title-link {
    font-size: 12px;
    color: #2a9df5
}

.intermediate-block__content .accordion-content .accordion .card {
    border-top: none;
    border-bottom: none
}

.intermediate-block__content .accordion-content .accordion .card .card-header {
    margin-bottom: 0;
    background-color: #f6f9fb;
    padding: 12px 8px;
    position: relative
}

.intermediate-block__content .accordion-content .accordion .card .card-header .card-title {
    margin-bottom: 0;
    font-size: 11px;
    color: #2d2d2d;
    font-weight: 700
}

.intermediate-block__content .accordion-content .accordion .card .card-header .search-icon {
    width: 8px;
    height: 8px;
    cursor: pointer
}

.intermediate-block__content .accordion-content .accordion .card .card-header .toggle-icon {
    background: url(../images/minus-icon.svg);
    background-repeat: no-repeat;
    width: 8px;
    height: 8px;
    display: inline-block;
    background-position: center;
    cursor: pointer
}

.intermediate-block__content .accordion-content .accordion .card .card-header.collapsed .toggle-icon {
    background: url(../images/plus-icon.svg)
}

.intermediate-block__content .accordion-content .accordion .card .card-header .search-content .form-wrap {
    position: absolute;
    top: 11px;
    left: 0;
    background-color: #f6f9fb;
    width: 100%
}

.intermediate-block__content .accordion-content .accordion .card .card-header .search-content .form-wrap .form-group {
    margin-bottom: 0;
    border: none;
    border-bottom: 1px solid #d8e3e9;
    margin: 0 auto;
    width: calc(100% - 16px)
}

.intermediate-block__content .accordion-content .accordion .card .card-header .search-content .form-wrap .form-group .form-control {
    padding-left: 0;
    padding-right: 0
}

.intermediate-block__content .accordion-content .accordion .card .card-header .search-content .search-close-icon {
    position: absolute;
    top: 22px;
    right: 10px;
    background: url(../images/close-icon-black.svg);
    background-repeat: no-repeat;
    background-position: center;
    width: 11px;
    height: 11px;
    cursor: pointer;
    z-index: 5
}

.intermediate-block__content .accordion-content .accordion .card .card-body {
    padding: 0
}

.intermediate-block__content .accordion-content .accordion .card .card-body .checkbox-content {
    padding: 9px;
    background-color: #f6f9fb;
    height: 200px;
    overflow-y: auto;
    overflow-x: hidden;
    border-bottom: 1px solid #d8e3e9
}

.intermediate-block__content .tooltip-block .info-title-text {
    display: inline-block;
    font-size: 12px;
    color: #f62323
}

.intermediate-block__content .tooltip-block .info-title-text:hover+.custom-tooltip {
    display: block
}

.intermediate-block__content .tooltip-block .info-icon {
    display: inline-block
}

.intermediate-block__content .tooltip-block .info-icon:hover+.custom-tooltip {
    display: block
}

.intermediate-block__content .tooltip-block .custom-tooltip {
    display: none;
    position: absolute;
    bottom: 24px;
    left: 0;
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    min-width: 200px;
    background-color: #fff;
    border: 1px solid #d2e1e9;
    box-shadow: 0 3px 3px rgba(168, 168, 168, .14);
    padding: 4px 8px;
    z-index: 1
}

.intermediate-block__content .tooltip-block .custom-tooltip.center-tooltip {
    white-space: nowrap;
    min-width: auto;
    bottom: 30px;
    left: 50%;
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0)
}

.intermediate-block__content .tooltip-block .custom-tooltip.center-tooltip:before {
    left: 50%;
    -ms-transform: translate(-50%, 0) rotate(45deg);
    transform: translate(-50%, 0) rotate(45deg);
    right: auto
}

.intermediate-block__content .tooltip-block .custom-tooltip.w-auto {
    min-width: 100%;
    white-space: nowrap
}

.intermediate-block__content .tooltip-block .custom-tooltip:before {
    content: "";
    position: absolute;
    bottom: -7px;
    left: 20px;
    -ms-transform: translate(-50%, 0) rotate(45deg);
    transform: translate(-50%, 0) rotate(45deg);
    display: inline-block;
    width: 12px;
    height: 12px;
    border: 1px solid #d2e1e9;
    border-left: none;
    border-top: none;
    background-color: #fff
}

.comparison-bar .btn-group {
    height: 24px
}

#loginModal .comparison-bar .btn-group .btn {
    padding: 1px 10px;
    font-family: 'Archivo', sans-serif;
    background-color: #fff
}

.comparison-bar .btn-group .btn:focus {
    box-shadow: none !important;
    outline: 0
}

.comparison-bar .btn-group .btn.active {
    border: 1px solid #ff6a1f;
    -ms-transform: scale(1.1);
    transform: scale(1.1);
    color: #ff6a1f;
    box-shadow: none !important;
    background-color: #fff;
    position: relative;
    z-index: 2
}

.comparison-bar .equal-spacing-wrap .equal-spacing {
    padding: 0 16px;
    position: relative
}

.comparison-bar .equal-spacing-wrap .equal-spacing:before {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    width: 1px;
    height: 10px;
    background-color: #d3d8d9
}

.comparison-bar .equal-spacing-wrap .equal-spacing:last-child {
    padding-right: 0
}

.comparison-bar .equal-spacing-wrap .equal-spacing:last-child:before {
    content: none
}

.common-content .live-data .live-dot {
    width: 14px;
    height: 14px;
    display: inline-block;
    background-color: #e34850;
    margin-right: 12px;
    border-radius: 50%
}

.common-content .live-data .live-date {
    font-size: 16px;
    color: #e34850;
    margin-bottom: 0;
    font-weight: 400
}

.common-content .btn-group {
    height: 24px
}

#loginModal .common-content .btn-group .btn {
    padding: 1px 10px;
    font-family: 'Archivo', sans-serif;
    background-color: #fff
}

.common-content .btn-group .btn:focus {
    box-shadow: none !important;
    outline: 0
}

.common-content .btn-group .btn.active {
    border: 1px solid #ff6a1f;
    -ms-transform: scale(1.1);
    transform: scale(1.1);
    color: #ff6a1f;
    box-shadow: none !important;
    background-color: #fff;
    position: relative;
    z-index: 2
}

.common-content .equal-spacing-wrap .equal-spacing {
    padding: 0 16px;
    position: relative
}

.common-content .equal-spacing-wrap .equal-spacing:before {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    width: 1px;
    height: 10px;
    background-color: #d3d8d9
}

.common-content .equal-spacing-wrap .equal-spacing:last-child {
    padding-right: 0
}

.common-content .equal-spacing-wrap .equal-spacing:last-child:before {
    content: none
}

.common-content .equal-spacing-wrap .timeline-control-wrap .selectContainer.timeLine .selectItem {
    padding: 0
}

.common-content .equal-spacing-wrap .timeline-control-wrap .selectContainer.timeLine .selectItem .datePickerItem {
    height: 24px
}

.common-content .equal-spacing-wrap .timeline-control-wrap .selectContainer.timeLine .selectItem .datePickerItem input {
    padding: 2px 6px;
    border: 1px solid #d8e3e9
}

.graph-navigate-block__content .navigate-icon {
    visibility: hidden;
    transition: all .3s ease-in-out
}

.graph-navigate-block__content .navigate-link:hover .navigate-icon {
    visibility: visible
}

.input-select__content .form-group {
    border: 0;
    border-bottom: 1px solid #2680eb;
    position: relative
}

.input-select__content .form-group.isFocused .arrow-icon {
    -ms-transform: translate(0, -50%) rotate(180deg);
    transform: translate(0, -50%) rotate(180deg)
}

.input-select__content .form-group.isFocused .input-select-dropdown {
    display: block
}

.input-select__content .form-group.textError .error-icon {
    display: inline-block
}

.input-select__content .form-group .form-control {
    padding-left: 0;
    padding-right: 0;
    font-size: 14px
}

.input-select__content .form-group .arrow-icon {
    border: 0;
    height: .625rem;
    width: .625rem;
    background: url(../images/spritesheet.svg) no-repeat;
    background-position: -.125rem -.0625rem;
    -ms-transform: translate(0, -50%) rotate(0);
    transform: translate(0, -50%) rotate(0);
    position: absolute;
    right: 5px;
    top: 50%;
    transition: transform .3s ease-in-out
}

.input-select__content .form-group .error-icon {
    border: 0;
    height: 18px;
    width: 18px;
    background: url(../images/text-invalid-alert.svg) no-repeat;
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    position: absolute;
    right: 25px;
    top: 50%;
    display: none
}

.input-select__content .form-group .input-select-dropdown {
    position: absolute;
    top: 42px;
    left: 0;
    width: 100%;
    z-index: 4;
    display: none
}

.input-select__ul {
    border: 1px solid #d8e3e9
}

.input-select__li {
    background-color: #fff;
    font-size: 14px;
    color: #404040;
    padding: 6px 12px
}

.input-select__li:hover {
    background-color: #2a9df5;
    color: #fff;
    cursor: pointer
}

.input-select__li.active {
    background-color: #2a9df5;
    color: #fff
}

.tabs-iconnav--home .tabs-iconnav__content .nav-tabs {
    margin-bottom: 70px
}

@media (min-width:1200px) {
    .tabs-iconnav__content .nav-tabs .nav-item:nth-child(-n+5) {
        margin-bottom: 45px
    }
}

.tabs-iconnav--home .tabs-iconnav__content .nav-tabs .nav-item {
    width: 25%;
    text-align: center
}

@media (min-width:992px) {
    .tabs-iconnav--home .tabs-iconnav__content .nav-tabs .nav-item {
        width: auto
    }
}

.tabs-iconnav__content .nav-tabs .nav-item .nav-link {
    color: #404040;
    padding: 10px 0;
    border: 1px solid transparent;
    font-size: 14px
}

@media (min-width:1200px) {
    .tabs-iconnav__content .nav-tabs .nav-item .nav-link {
        padding: 10px 32px;
        font-size: 18px;
        width: 186px
    }
}

.tabs-iconnav__content .nav-tabs .nav-item .nav-link.active {
    border: 1px solid transparent;
    color: #404040
}

@media (min-width:1200px) {
    .tabs-iconnav__content .nav-tabs .nav-item .nav-link.active {
        color: #404040;
        background-color: #fff;
        border: 1px solid #d8e3e9;
        box-shadow: 0 2px 4px #d8e3e9
    }
}

.tabs-iconnav__content .nav-tabs .nav-item .nav-link:hover {
    color: #404040;
    border-bottom: none;
    border: 1px solid transparent
}

.tabs-iconnav__content .nav-tabs .nav-item .nav-link:before {
    content: none
}

.tabs-iconnav__content .nav-tabs .nav-item .nav-link .link-icon {
    width: 28px;
    height: 28px;
    margin-bottom: 6px
}

.tabs-iconnav__content .nav-tabs:first-child .nav-item .nav-link {
    padding-left: 0
}

@media (min-width:1200px) {
    .tabs-iconnav__content .nav-tabs:first-child .nav-item .nav-link {
        padding-left: 0
    }
}

.tabs-iconnav__content .nav-tabs:last-child .nav-item .nav-link {
    padding-right: 0
}

@media (min-width:1200px) {
    .tabs-iconnav__content .nav-tabs:last-child .nav-item .nav-link {
        padding-right: 0
    }
}

.prices-carousel.owl-carousel .owl-stage-outer {
    overflow: visible
}

.prices-carousel.owl-carousel .owl-stage-outer:before {
    content: "";
    position: absolute;
    left: calc(-100% - 10px);
    top: 0;
    width: 100%;
    height: calc(100% + 20px);
    z-index: 10
}

.prices-carousel.owl-carousel .owl-stage-outer:after {
    content: "";
    position: absolute;
    right: calc(-100% - 10px);
    top: 0;
    width: 100%;
    height: calc(100% + 20px);
    z-index: 10
}

.prices-carousel.owl-carousel .owl-item {
    box-shadow: 0 3px 24px rgba(0, 0, 0, .13);
    border: 3px solid #d8e3e9
}

.prices-carousel.owl-carousel .owl-item:not(.active) {
    opacity: 0
}

.prices-carousel.owl-carousel .owl-item .flagImage {
    width: 24px;
    height: 18px
}

.prices-carousel.owl-carousel .owl-nav {
    padding: 50px 0 5px
}

.boxShadowHome {
    box-shadow: 0 3px 24px rgba(0, 0, 0, .13)
}

.border3 {
    border: 3px solid #d8e3e9
}

.logistics-section__content .card {
    padding: 24px
}

.logistics-section__content .card-image-wrap {
    background-color: #fff7f2;
    border-radius: 5px;
    min-width: 150px;
    height: 150px
}

.logistics-section__content .card-img-top {
    width: 50px;
    height: 50px;
    border-radius: 0
}

.logistics-section__content .card-body {
    padding: 0;
    margin-top: 10px
}

@media (min-width:1200px) {
    .logistics-section__content .card-body {
        margin-top: 0;
        padding-left: 10px
    }
}

.logistics-section__content .card-title {
    font-size: 24px;
    color: #404040;
    margin-bottom: 8px;
    font-weight: 700
}

.logistics-section__content .card-text {
    font-size: 16px;
    color: #404040;
    font-weight: 400
}

.download-app__content {
    background-color: #f3f9ff;
    padding: 36px 0 50px
}

.download-app__title {
    font-size: 28px;
    font-weight: 600;
    color: #404040
}

.download-app__subtitle {
    font-size: 28px;
    font-weight: 600;
    color: #ff6b1f
}

.download-app__desc {
    font-size: 16px;
    font-weight: 400;
    color: #404040
}

.download-app__icon-wrap {
    margin-top: 35px
}

.download-app__icon {
    width: 140px
}

.block-heading__title {
    font-size: 28px;
    color: #ff6b1f;
    padding-bottom: 6px;
    position: relative
}

.block-heading__title:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 82px;
    height: 2px;
    background-color: #ff6b1f
}

.preloginBodyBlack .homeHeader .sideMenuToggler span {
    background: #fff
}

@media (min-width:1200px) {
    .preloginBodyBlack .homeHeader .navbar-brand {
        color: #fff
    }
}

.preloginBodyBlack .homeHeader .select2 .selection .select2-selection .select2-selection__rendered {
    color: #fff
}

.preloginBodyBlack .homeHeader .select2 .selection .select2-selection .select2-selection__arrow b {
    background: url(../images/chevron-down-white.svg);
    background-position: center;
    background-repeat: no-repeat
}

.preloginBodyBlack .homeFirstFoldWrap {
    position: relative;
    z-index: 10
}

.preloginBodyBlack .homeScreenSection {
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.preloginBodyBlack .homeScreenSection .landTextBlock {
    color: #fff
}

@media (min-width:1200px) {
    .preloginBodyBlack .homeScreenSection #landingScreenTextTitle {
        font-size: 25px
    }
}

@media (min-width:1200px) {
    .preloginBodyBlack .homeScreenSection .sub-description {
        font-size: 28px
    }
}

.preloginBodyBlack .homeScreenSection video {
    position: absolute;
    right: 0;
    bottom: 0;
    top: 0;
    left: 0;
    margin: auto;
    min-width: 100%;
    height: 100%;
    max-width: inherit;
    object-fit: cover;
    width: 100%
}

@media (min-width:1200px) {
    /*	.preloginBodyBlack .homeScreenSection video {

		height: calc(100vh - 150px)

	}

	*/
}

.preloginBodyBlack .mainSection {
    padding-top: 0
}

.preloginBodyBlack .mainSection .landingTopSection {
    padding-top: 90px
}

@media (min-width:1200px) {
    .preloginBodyBlack .mainSection .landingTopSection {
        padding-top: 0
    }
}

.preloginBodyBlack .desktop-dropdowns ul li {
    margin: 0 20px
}

.preloginBodyBlack .desktop-dropdowns ul li:last-child {
    margin-left: 0
}

.preloginBodyBlack .search-link .light-search-icon {
    display: none
}

.preloginBodyBlack .search-link:hover .dark-search-icon {
    display: none
}

.preloginBodyBlack .search-link:hover .light-search-icon {
    display: inline-block
}

.preloginBodyBlack .search-link:focus .dark-search-icon {
    display: none
}

.preloginBodyBlack .search-link:focus .light-search-icon {
    display: inline-block
}

@media (min-width:1200px) {
    .preloginBodyBlack .landingFilterWrap {
        position: absolute;
        bottom: -25px;
        left: 50%;
        -ms-transform: translate(-50%, 0);
        transform: translate(-50%, 0)
    }
}

.preloginBody .homeHeader .sideMenuToggler span {
    background: #404040
}

@media (min-width:1200px) {
    .preloginBody .homeHeader .navbar-brand {
        color: #404040
    }
}

.preloginBody .homeHeader .select2 .selection .select2-selection .select2-selection__rendered {
    color: #404040
}

.preloginBody .homeHeader .select2 .selection .select2-selection .select2-selection__arrow b {
    background: url(../images/chevron-down-black.svg);
    background-position: center;
    background-repeat: no-repeat
}

.preloginBody .homeFirstFoldWrap {
    position: relative;
    z-index: 10
}

.preloginBody .homeScreenSection {
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.preloginBody .homeScreenSection .landTextBlock {
    color: #fff
}

@media (min-width:1200px) {
    .preloginBody .homeScreenSection #landingScreenTextTitle {
        font-size: 80px
    }
}

@media (min-width:1200px) {
    .preloginBody .homeScreenSection .sub-description {
        font-size: 28px
    }
}

.preloginBody .homeScreenSection video {
    position: absolute;
    right: 0;
    bottom: 0;
    top: 0;
    left: 0;
    margin: auto;
    min-width: 100%;
    height: 100%;
    max-width: inherit;
    object-fit: cover;
    width: 100%
}

@media (min-width:1200px) {
    .preloginBody .homeScreenSection video {
        height: calc(100vh - 150px)
    }
}

.preloginBody .mainSection {
    padding-top: 0
}

.preloginBody .mainSection .landingTopSection {
    padding-top: 90px
}

@media (min-width:1200px) {
    .preloginBody .mainSection .landingTopSection {
        padding-top: 0
    }
}

.preloginBody .desktop-dropdowns ul li {
    margin: 0 20px
}

.preloginBody .desktop-dropdowns ul li:last-child {
    margin-left: 0
}

.preloginBody .search-link .light-search-icon {
    display: none
}

.preloginBody .search-link:hover .dark-search-icon {
    display: none
}

.preloginBody .search-link:hover .light-search-icon {
    display: inline-block
}

.preloginBody .search-link:focus .dark-search-icon {
    display: none
}

.preloginBody .search-link:focus .light-search-icon {
    display: inline-block
}

@media (min-width:1200px) {
    .preloginBody .landingFilterWrap {
        position: absolute;
        bottom: -25px;
        left: 50%;
        -ms-transform: translate(-50%, 0);
        transform: translate(-50%, 0)
    }
}

.desktop-dropdowns ul li {
    margin: 0 20px
}

.desktop-dropdowns ul li:last-child {
    margin-left: 0
}

.steelFeatureSection {
    padding-top: 100px
}

@media (min-width:1500px) {
    #awardsCarousel.owl-carousel .owl-nav,
    #reportsHomeCarousel.owl-carousel .owl-nav,
    #upcomingEventsHomeCarousel.owl-carousel .owl-nav {
        padding-left: 195px
    }
}

@media (min-width:1920px) {
    #awardsCarousel.owl-carousel .owl-nav,
    #reportsHomeCarousel.owl-carousel .owl-nav,
    #upcomingEventsHomeCarousel.owl-carousel .owl-nav {
        padding-left: 405px
    }
}

.stepperWrapper {
    position: relative;
    background-color: #f6f9fb
}

.stepperWrapper.fullHeight {
    min-height: calc(100vh - 90px)
}

.stepperWrapper .whiteSeperator {
    background-color: #fff;
    padding: 30px 0;
    box-shadow: 0 -2px 3px 0 rgba(0, 0, 0, .08)
}

.stepperWrapper .stepperContainer {
    position: relative;
    padding-top: 2.625rem
}

@media screen and (max-width:640px) {
    .stepperWrapper .stepperContainer {
        padding-left: 1rem;
        padding-right: 1rem
    }
}

.stepperWrapper .stepperContainer .progressStepperContainer {
    position: relative
}

.stepperWrapper .stepperContainer .progressStepperContainer .progressStepper {
    position: absolute;
    height: .125rem;
    margin-top: 2px;
    top: 0;
    width: 0;
    background-color: #2d2d2d;
    left: 4px;
    z-index: 1;
    transition: all linear .16s
}

.stepperWrapper .stepperContainer ul.stepperSlider {
    position: relative;
    width: 22.5rem;
    counter-reset: stemNumber
}

.stepperWrapper .stepperContainer ul.stepperSlider li.stepperList {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    list-style: none;
    width: 2.5rem;
    top: -.5rem;
    font-size: .875rem;
    text-align: center;
    z-index: 1;
    border-left: 8px solid #f6f9fb;
    border-right: 8px solid #f6f9fb
}

.stepperWrapper .stepperContainer ul.stepperSlider li.stepperList span {
    display: inline-block;
    position: relative;
    white-space: nowrap;
    top: 36px;
    font-weight: 600;
    color: #8d959f
}

.stepperWrapper .stepperContainer ul.stepperSlider li.stepperList:after {
    counter-increment: stemNumber;
    content: counter(stemNumber);
    position: absolute;
    display: block;
    color: #8d959f;
    top: -.125rem;
    margin: 0 auto;
    right: 0;
    left: 0;
    background: #d8e3e9;
    border: .0625rem solid #d8e3e9;
    border-radius: .75rem;
    width: 1.5rem;
    height: 1.5rem;
    font-weight: 600;
    font-size: .75rem;
    line-height: 1.375rem
}

.stepperWrapper .stepperContainer ul.stepperSlider li.stepperList.active span {
    color: #404040
}

.stepperWrapper .stepperContainer ul.stepperSlider li.stepperList.active:after {
    color: #fff;
    background: #404040;
    border-color: #404040
}

.stepperWrapper .stepperContainer ul.stepperSlider li.stepperList.completed span {
    color: #404040
}

.stepperWrapper .stepperContainer ul.stepperSlider li.stepperList.completed:after {
    color: #404040;
    background: #f6f9fb;
    border-color: #404040
}

.stepperWrapper .stepperContainer ul.stepperSlider:before {
    content: "";
    display: block;
    position: absolute;
    height: 2px;
    top: 0;
    margin-top: 2px;
    width: 100%;
    background-color: #d8e3e9
}

.stepperWrapper .stepperContent .stepperContentCard {
    display: none;
    -ms-flex-pack: center;
    justify-content: center;
    overflow: hidden;
    border-radius: 5px
}

.stepperWrapper .stepperContent .stepperContentCard.active {
    display: -ms-flexbox;
    display: flex
}

@media screen and (max-width:640px) {
    .stepperWrapper .stepperContent .stepperContentCard {
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.stepperWrapper .stepperContent .stepperContentCard #selectpackage {
    padding-top: 0
}

.stepperWrapper .stepperContent .stepperContentCard #selectpackage .subscriptionPackageCardWrap {
    display: block;
    -ms-flex-line-pack: justify;
    align-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    transition: all linear .16s
}

@media screen and (max-width:1199px) {
    .stepperWrapper .stepperContent .stepperContentCard #selectpackage .subscriptionPackageCardWrap {
        box-shadow: none
    }
}

.stepperWrapper .stepperContent .stepperContentCard #selectpackage #product .subscriptionPackageCardWrap {
    box-shadow: 0 0 6px 0 rgba(0, 0, 0, .08)
}

.stepperWrapper .stepperContent .stepperContentCard #selectpackage #product .subscriptionPackageCardWrap .subscriptionPackageCard.selected {
    position: relative;
    z-index: 1
}

.stepperWrapper .stepperContent .stepperContentCard #selectpackage #product .subscriptionPackageCardWrap .subscriptionPackageCard.selected:before {
    content: ''
}

.stepperWrapper .stepperContent .stepperContentCard #selectpackage #product .subscriptionPackageCard,
.stepperWrapper .stepperContent .stepperContentCard #selectpackage #service .subscriptionPackageCard {
    position: relative;
    border: 1px solid #d8e3e9;
    background-color: #fff;
    height: 20.125rem;
    margin: 0 -1px 0 0;
    padding: 1.375rem 1.5rem;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-preferred-size: 0;
    flex-basis: 0
}

.stepperWrapper .stepperContent .stepperContentCard #selectpackage #product .subscriptionPackageCard.selected,
.stepperWrapper .stepperContent .stepperContentCard #selectpackage #service .subscriptionPackageCard.selected {
    border-color: #ff6e20
}

@media screen and (max-width:1199px) {
    .stepperWrapper .stepperContent .stepperContentCard #selectpackage #product .subscriptionPackageCard,
    .stepperWrapper .stepperContent .stepperContentCard #selectpackage #service .subscriptionPackageCard {
        min-width: 19.4375rem;
        margin: 0 -1px 1.25rem 0
    }
}

@media screen and (max-width:991px) {
    .stepperWrapper .stepperContent .stepperContentCard #selectpackage #product .subscriptionPackageCard,
    .stepperWrapper .stepperContent .stepperContentCard #selectpackage #service .subscriptionPackageCard {
        min-width: 231px
    }
}

@media screen and (max-width:767px) {
    .stepperWrapper .stepperContent .stepperContentCard #selectpackage #product .subscriptionPackageCard,
    .stepperWrapper .stepperContent .stepperContentCard #selectpackage #service .subscriptionPackageCard {
        min-width: 100%;
        margin-right: 0
    }
}

.stepperWrapper .stepperContent .stepperContentCard #selectpackage #product .subscriptionPackageCard:last-child,
.stepperWrapper .stepperContent .stepperContentCard #selectpackage #service .subscriptionPackageCard:last-child {
    margin-right: 0
}

.stepperWrapper .stepperContent .stepperContentCard #selectpackage #product .subscriptionPackageCard .subscriptionPackageName,
.stepperWrapper .stepperContent .stepperContentCard #selectpackage #service .subscriptionPackageCard .subscriptionPackageName {
    font-size: 1.25rem;
    margin-bottom: .5rem;
    font-weight: 700;
    padding-right: .625rem
}

.stepperWrapper .stepperContent .stepperContentCard #selectpackage #product .subscriptionPackageCard .iconBookmark,
.stepperWrapper .stepperContent .stepperContentCard #selectpackage #product .subscriptionPackageCard .iconPremium,
.stepperWrapper .stepperContent .stepperContentCard #selectpackage #service .subscriptionPackageCard .iconBookmark,
.stepperWrapper .stepperContent .stepperContentCard #selectpackage #service .subscriptionPackageCard .iconPremium {
    position: absolute;
    top: .75rem;
    right: .75rem
}

.stepperWrapper .stepperContent .stepperContentCard #selectpackage #product .subscriptionPackageCard .subscriptionPackageLists,
.stepperWrapper .stepperContent .stepperContentCard #selectpackage #service .subscriptionPackageCard .subscriptionPackageLists {
    margin-bottom: 2rem;
    max-height: 4rem
}

.stepperWrapper .stepperContent .stepperContentCard #selectpackage #product .subscriptionPackageCard .subscriptionPackageLists li,
.stepperWrapper .stepperContent .stepperContentCard #selectpackage #service .subscriptionPackageCard .subscriptionPackageLists li {
    font-size: .75rem;
    line-height: 1.25rem;
    color: #8d959f
}

.stepperWrapper .stepperContent .stepperContentCard #selectpackage #product .subscriptionPackageCard .placeBottom,
.stepperWrapper .stepperContent .stepperContentCard #selectpackage #service .subscriptionPackageCard .placeBottom {
    position: absolute;
    left: 1.5rem;
    right: 1.5rem;
    bottom: 1rem
}

.stepperWrapper .stepperContent .stepperContentCard #selectpackage #product .subscriptionPackageCard .subscriptionPackagePriceBlock,
.stepperWrapper .stepperContent .stepperContentCard #selectpackage #service .subscriptionPackageCard .subscriptionPackagePriceBlock {
    padding-bottom: 1.125rem;
    text-align: left
}

.stepperWrapper .stepperContent .stepperContentCard #selectpackage #product .subscriptionPackageCard .subscriptionPackagePriceBlock .subscriptionPackagePrice,
.stepperWrapper .stepperContent .stepperContentCard #selectpackage #service .subscriptionPackageCard .subscriptionPackagePriceBlock .subscriptionPackagePrice {
    font-size: .875rem;
    font-weight: 400;
    margin-right: 1.5rem
}

.stepperWrapper .stepperContent .stepperContentCard #selectpackage #product .subscriptionPackageCard .subscriptionPackagePriceBlock .subscriptionPackagePrice .subscriptionPackageCurrency,
.stepperWrapper .stepperContent .stepperContentCard #selectpackage #service .subscriptionPackageCard .subscriptionPackagePriceBlock .subscriptionPackagePrice .subscriptionPackageCurrency {
    font-size: 1.5rem;
    font-weight: 700;
    color: #ff6b1f
}

.stepperWrapper .stepperContent .stepperContentCard #selectpackage #product .subscriptionPackageCard .subscriptionPackagePriceBlock .subscriptionPackageDuration,
.stepperWrapper .stepperContent .stepperContentCard #selectpackage #service .subscriptionPackageCard .subscriptionPackagePriceBlock .subscriptionPackageDuration {
    font-size: .625rem;
    width: 1.5rem;
    position: relative
}

.stepperWrapper .stepperContent .stepperContentCard #selectpackage #product .subscriptionPackageCard .subscriptionPackagePriceBlock .subscriptionPackageDuration::after,
.stepperWrapper .stepperContent .stepperContentCard #selectpackage #service .subscriptionPackageCard .subscriptionPackagePriceBlock .subscriptionPackageDuration::after {
    content: "";
    position: absolute;
    top: 2px;
    left: -.9375rem;
    height: 80%;
    width: 1px;
    background-color: #e3e3e3
}

.stepperWrapper .stepperContent .stepperContentCard #selectpackage #product .subscriptionPackageCard.disabled::after,
.stepperWrapper .stepperContent .stepperContentCard #selectpackage #service .subscriptionPackageCard.disabled::after {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(255, 255, 255, .4)
}

.stepperWrapper .stepperContent .stepperContentCard #selectpackage #product .subscriptionPackageCard .selectPackage,
.stepperWrapper .stepperContent .stepperContentCard #selectpackage #service .subscriptionPackageCard .selectPackage {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    cursor: pointer;
    width: 4.375rem;
    background-color: #d8e3e9;
    text-align: left;
    line-height: 1.125rem;
    -ms-flex-align: center;
    align-items: center;
    padding: .5625rem .75rem;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: .12px;
    font-size: .75rem;
    transition: all linear .16s
}

.stepperWrapper .stepperContent .stepperContentCard #selectpackage #product .subscriptionPackageCard .selectPackage input,
.stepperWrapper .stepperContent .stepperContentCard #selectpackage #service .subscriptionPackageCard .selectPackage input {
    position: absolute;
    height: 0;
    width: 0
}

.stepperWrapper .stepperContent .stepperContentCard #selectpackage #product .subscriptionPackageCard .selectPackage::after,
.stepperWrapper .stepperContent .stepperContentCard #selectpackage #product .subscriptionPackageCard .selectPackage::before,
.stepperWrapper .stepperContent .stepperContentCard #selectpackage #service .subscriptionPackageCard .selectPackage::after,
.stepperWrapper .stepperContent .stepperContentCard #selectpackage #service .subscriptionPackageCard .selectPackage::before {
    content: "";
    display: none;
    transition: all linear .16s
}

.stepperWrapper .stepperContent .stepperContentCard #selectpackage #product .subscriptionPackageCard .selectPackage::before,
.stepperWrapper .stepperContent .stepperContentCard #selectpackage #service .subscriptionPackageCard .selectPackage::before {
    vertical-align: middle;
    background-color: #fff;
    width: 1.125rem;
    height: 1.125rem;
    border-radius: 50%;
    margin: 0 .75rem 0 0
}

.stepperWrapper .stepperContent .stepperContentCard #selectpackage #product .subscriptionPackageCard .selectPackage::after,
.stepperWrapper .stepperContent .stepperContentCard #selectpackage #service .subscriptionPackageCard .selectPackage::after {
    position: absolute;
    opacity: 0;
    -ms-transform: rotate(0);
    transform: rotate(0);
    transition: all linear .16s;
    height: 9.2px;
    width: .25rem;
    border-bottom: 1.5px solid #11a743;
    border-right: 1.5px solid #11a743;
    left: 1.1875rem;
    top: .8125rem
}

.stepperWrapper .stepperContent .stepperContentCard #selectpackage #product .subscriptionPackageCard .selectPackage:focus,
.stepperWrapper .stepperContent .stepperContentCard #selectpackage #service .subscriptionPackageCard .selectPackage:focus {
    box-shadow: none !important
}

.stepperWrapper .stepperContent .stepperContentCard #selectpackage #product .subscriptionPackageCard .selectPackage.selected,
.stepperWrapper .stepperContent .stepperContentCard #selectpackage #service .subscriptionPackageCard .selectPackage.selected {
    background-color: #11a743 !important;
    color: #fff;
    width: 7.5rem
}

.stepperWrapper .stepperContent .stepperContentCard #selectpackage #product .subscriptionPackageCard .selectPackage.selected::after,
.stepperWrapper .stepperContent .stepperContentCard #selectpackage #service .subscriptionPackageCard .selectPackage.selected::after {
    display: inline-block;
    opacity: 1;
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.stepperWrapper .stepperContent .stepperContentCard #selectpackage #product .subscriptionPackageCard .selectPackage.selected::before,
.stepperWrapper .stepperContent .stepperContentCard #selectpackage #service .subscriptionPackageCard .selectPackage.selected::before {
    display: block
}

.stepperWrapper .stepperContent .stepperContentCard #selectpackage #service .subscriptionPackageCard {
    margin-right: .9375rem
}

.stepperWrapper .stepperContent .stepperContentCard #selectpackage .faq-wrapper {
    max-width: 47rem;
    width: 100%;
    margin: 0 auto
}

.stepperWrapper .stepperContent .stepperContentCard #selectpackage .faq-wrapper .faqHeader {
    text-align: center;
    color: #9f9f9f;
    font-weight: 600
}

.stepperWrapper .stepperContent .stepperContentCard #selectpackage .faq-wrapper .faqCardList .faqCard {
    width: 100%;
    font-weight: 500;
    margin-bottom: .5rem
}

.stepperWrapper .stepperContent .stepperContentCard #selectpackage .faq-wrapper .faqCardList .faqCard:hover {
    cursor: pointer
}

.stepperWrapper .stepperContent .stepperContentCard #selectpackage .faq-wrapper .faqCardList .faqCard .faqCardListItem {
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 1rem 1rem 1rem 1.5rem;
    background-color: #fff;
    color: #404040;
    border: 1px solid #d8e3e9
}

.stepperWrapper .stepperContent .stepperContentCard #selectpackage .faq-wrapper .faqCardList .faqCard .faqCardBody {
    padding: 1.25rem 1.5rem;
    border: .0625rem solid #d8e3e9
}

.selectPackage-btn {
    padding: .5rem 1.5rem;
    font-size: .75rem
}

.selectPackage-btn.selected {
    background-color: #404040 !important;
    color: #fff !important
}

.selectPackage-btn.selected:focus {
    outline: 0;
    box-shadow: none
}

.registerStickyFooter ul.selectContainer {
    list-style: none;
    display: block;
    margin: 0;
    padding: 0;
    width: 22.75rem;
    font-size: 0
}

@media screen and (max-width:394px) {
    .registerStickyFooter ul.selectContainer {
        width: 18.125rem
    }
}

.registerStickyFooter ul.selectContainer .selectItem {
    display: inline-block;
    width: 50%;
    padding: 0 .75rem
}

.registerStickyFooter ul.selectContainer .selectItem:first-child {
    padding-left: 0
}

.registerStickyFooter ul.selectContainer .selectItem:last-child {
    padding-right: 0
}

.registerStickyFooter .subscriptionPackageResultsSection .subscriptionPackageResultsSectionText {
    color: #9f9f9f;
    font-style: italic;
    font-size: .875rem;
    line-height: 3.375rem
}

.registerStickyFooter .subscriptionPackageResultsSection .subscriptionPackageResults .subscriptionPackageResultsTitle {
    color: #8d959f;
    font-size: .875rem;
    margin-bottom: .25rem
}

.registerStickyFooter .subscriptionPackageResultsSection .subscriptionPackageResults .subscriptionPackageResultValue {
    color: #404040;
    font-weight: 500;
    font-size: 1rem;
    margin-right: .5rem
}

.registerStickyFooter .subscriptionPackageResultsSection .subscriptionPackageResults .subscriptionPackageResultValue .totalValue {
    font-size: 1.75rem;
    line-height: 1;
    font-weight: 700;
    color: #ff6b1f
}

.registerStickyFooter .subscriptionPackageResultsSection .subscriptionPackageResults .billType {
    font-size: .625rem;
    color: #8d959f
}

.registerStickyFooter .subscriptionPackageResultsSection .subscriptionPackageResults .gstType {
    font-size: .625rem;
    color: #8d959f
}

.registerStickyFooter .goToBtn {
    width: 13.625rem;
    height: 2.75rem;
    border: 1px solid #d8e3e9;
    background-color: #d8e3e9;
    padding: .5625rem 1rem;
    border-radius: 4px;
    color: #9f9f9f;
    font-weight: 600
}

.registerStickyFooter .buttonWidget {
    margin-bottom: 0 !important
}

.registerStickyFooter .buttonWidget button.btn.next {
    width: 16.6875rem;
    height: 3.375rem;
    font-size: .875rem;
    font-weight: 700;
    color: #fff;
    text-transform: uppercase;
    padding-left: 1.375rem;
    padding-right: 1.375rem
}

.registerStickyFooter .buttonWidget button.btn.next::after {
    background-position: -10.25rem -15.75rem;
    width: 1.5625rem
}

.registerStickyFooter .costBreakupView {
    position: relative;
    height: 0;
    display: block;
    width: 32.4375rem;
    margin: 1.25rem auto;
    border-bottom: solid 1px #d8e3e9
}

.registerStickyFooter .costBreakupView span {
    position: absolute;
    color: #2a9df5;
    font-size: .625rem;
    font-weight: 600;
    padding: 0 6px;
    background-color: #fff;
    left: 50%;
    top: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.flag-icon,
.flag-icon-background {
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat
}

.flag-icon {
    position: relative;
    display: inline-block;
    width: 1.33333em
}

.flag-icon:before {
    content: '\00a0'
}

.flag-icon.flag-icon-squared {
    width: 1em
}

.flag-icon-ad {
    background-image: url(../images/flags/4x3/ad.svg)
}

.flag-icon-ad.flag-icon-squared {
    background-image: url(../images/flags/1x1/ad.svg)
}

.flag-icon-ae {
    background-image: url(../images/flags/4x3/ae.svg)
}

.flag-icon-ae.flag-icon-squared {
    background-image: url(../images/flags/1x1/ae.svg)
}

.flag-icon-af {
    background-image: url(../images/flags/4x3/af.svg)
}

.flag-icon-af.flag-icon-squared {
    background-image: url(../images/flags/1x1/af.svg)
}

.flag-icon-ag {
    background-image: url(../images/flags/4x3/ag.svg)
}

.flag-icon-ag.flag-icon-squared {
    background-image: url(../images/flags/1x1/ag.svg)
}

.flag-icon-ai {
    background-image: url(../images/flags/4x3/ai.svg)
}

.flag-icon-ai.flag-icon-squared {
    background-image: url(../images/flags/1x1/ai.svg)
}

.flag-icon-al {
    background-image: url(../images/flags/4x3/al.svg)
}

.flag-icon-al.flag-icon-squared {
    background-image: url(../images/flags/1x1/al.svg)
}

.flag-icon-am {
    background-image: url(../images/flags/4x3/am.svg)
}

.flag-icon-am.flag-icon-squared {
    background-image: url(../images/flags/1x1/am.svg)
}

.flag-icon-ao {
    background-image: url(../images/flags/4x3/ao.svg)
}

.flag-icon-ao.flag-icon-squared {
    background-image: url(../images/flags/1x1/ao.svg)
}

.flag-icon-aq {
    background-image: url(../images/flags/4x3/aq.svg)
}

.flag-icon-aq.flag-icon-squared {
    background-image: url(../images/flags/1x1/aq.svg)
}

.flag-icon-ar {
    background-image: url(../images/flags/4x3/ar.svg)
}

.flag-icon-ar.flag-icon-squared {
    background-image: url(../images/flags/1x1/ar.svg)
}

.flag-icon-as {
    background-image: url(../images/flags/4x3/as.svg)
}

.flag-icon-as.flag-icon-squared {
    background-image: url(../images/flags/1x1/as.svg)
}

.flag-icon-at {
    background-image: url(../images/flags/4x3/at.svg)
}

.flag-icon-at.flag-icon-squared {
    background-image: url(../images/flags/1x1/at.svg)
}

.flag-icon-au {
    background-image: url(../images/flags/4x3/au.svg)
}

.flag-icon-au.flag-icon-squared {
    background-image: url(../images/flags/1x1/au.svg)
}

.flag-icon-aw {
    background-image: url(../images/flags/4x3/aw.svg)
}

.flag-icon-aw.flag-icon-squared {
    background-image: url(../images/flags/1x1/aw.svg)
}

.flag-icon-ax {
    background-image: url(../images/flags/4x3/ax.svg)
}

.flag-icon-ax.flag-icon-squared {
    background-image: url(../images/flags/1x1/ax.svg)
}

.flag-icon-az {
    background-image: url(../images/flags/4x3/az.svg)
}

.flag-icon-az.flag-icon-squared {
    background-image: url(../images/flags/1x1/az.svg)
}

.flag-icon-ba {
    background-image: url(../images/flags/4x3/ba.svg)
}

.flag-icon-ba.flag-icon-squared {
    background-image: url(../images/flags/1x1/ba.svg)
}

.flag-icon-bb {
    background-image: url(../images/flags/4x3/bb.svg)
}

.flag-icon-bb.flag-icon-squared {
    background-image: url(../images/flags/1x1/bb.svg)
}

.flag-icon-bd {
    background-image: url(../images/flags/4x3/bd.svg)
}

.flag-icon-bd.flag-icon-squared {
    background-image: url(../images/flags/1x1/bd.svg)
}

.flag-icon-be {
    background-image: url(../images/flags/4x3/be.svg)
}

.flag-icon-be.flag-icon-squared {
    background-image: url(../images/flags/1x1/be.svg)
}

.flag-icon-bf {
    background-image: url(../images/flags/4x3/bf.svg)
}

.flag-icon-bf.flag-icon-squared {
    background-image: url(../images/flags/1x1/bf.svg)
}

.flag-icon-bg {
    background-image: url(../images/flags/4x3/bg.svg)
}

.flag-icon-bg.flag-icon-squared {
    background-image: url(../images/flags/1x1/bg.svg)
}

.flag-icon-bh {
    background-image: url(../images/flags/4x3/bh.svg)
}

.flag-icon-bh.flag-icon-squared {
    background-image: url(../images/flags/1x1/bh.svg)
}

.flag-icon-bi {
    background-image: url(../images/flags/4x3/bi.svg)
}

.flag-icon-bi.flag-icon-squared {
    background-image: url(../images/flags/1x1/bi.svg)
}

.flag-icon-bj {
    background-image: url(../images/flags/4x3/bj.svg)
}

.flag-icon-bj.flag-icon-squared {
    background-image: url(../images/flags/1x1/bj.svg)
}

.flag-icon-bl {
    background-image: url(../images/flags/4x3/bl.svg)
}

.flag-icon-bl.flag-icon-squared {
    background-image: url(../images/flags/1x1/bl.svg)
}

.flag-icon-bm {
    background-image: url(../images/flags/4x3/bm.svg)
}

.flag-icon-bm.flag-icon-squared {
    background-image: url(../images/flags/1x1/bm.svg)
}

.flag-icon-bn {
    background-image: url(../images/flags/4x3/bn.svg)
}

.flag-icon-bn.flag-icon-squared {
    background-image: url(../images/flags/1x1/bn.svg)
}

.flag-icon-bo {
    background-image: url(../images/flags/4x3/bo.svg)
}

.flag-icon-bo.flag-icon-squared {
    background-image: url(../images/flags/1x1/bo.svg)
}

.flag-icon-bq {
    background-image: url(../images/flags/4x3/bq.svg)
}

.flag-icon-bq.flag-icon-squared {
    background-image: url(../images/flags/1x1/bq.svg)
}

.flag-icon-br {
    background-image: url(../images/flags/4x3/br.svg)
}

.flag-icon-br.flag-icon-squared {
    background-image: url(../images/flags/1x1/br.svg)
}

.flag-icon-bs {
    background-image: url(../images/flags/4x3/bs.svg)
}

.flag-icon-bs.flag-icon-squared {
    background-image: url(../images/flags/1x1/bs.svg)
}

.flag-icon-bt {
    background-image: url(../images/flags/4x3/bt.svg)
}

.flag-icon-bt.flag-icon-squared {
    background-image: url(../images/flags/1x1/bt.svg)
}

.flag-icon-bv {
    background-image: url(../images/flags/4x3/bv.svg)
}

.flag-icon-bv.flag-icon-squared {
    background-image: url(../images/flags/1x1/bv.svg)
}

.flag-icon-bw {
    background-image: url(../images/flags/4x3/bw.svg)
}

.flag-icon-bw.flag-icon-squared {
    background-image: url(../images/flags/1x1/bw.svg)
}

.flag-icon-by {
    background-image: url(../images/flags/4x3/by.svg)
}

.flag-icon-by.flag-icon-squared {
    background-image: url(../images/flags/1x1/by.svg)
}

.flag-icon-bz {
    background-image: url(../images/flags/4x3/bz.svg)
}

.flag-icon-bz.flag-icon-squared {
    background-image: url(../images/flags/1x1/bz.svg)
}

.flag-icon-ca {
    background-image: url(../images/flags/4x3/ca.svg)
}

.flag-icon-ca.flag-icon-squared {
    background-image: url(../images/flags/1x1/ca.svg)
}

.flag-icon-cc {
    background-image: url(../images/flags/4x3/cc.svg)
}

.flag-icon-cc.flag-icon-squared {
    background-image: url(../images/flags/1x1/cc.svg)
}

.flag-icon-cd {
    background-image: url(../images/flags/4x3/cd.svg)
}

.flag-icon-cd.flag-icon-squared {
    background-image: url(../images/flags/1x1/cd.svg)
}

.flag-icon-cf {
    background-image: url(../images/flags/4x3/cf.svg)
}

.flag-icon-cf.flag-icon-squared {
    background-image: url(../images/flags/1x1/cf.svg)
}

.flag-icon-cg {
    background-image: url(../images/flags/4x3/cg.svg)
}

.flag-icon-cg.flag-icon-squared {
    background-image: url(../images/flags/1x1/cg.svg)
}

.flag-icon-ch {
    background-image: url(../images/flags/4x3/ch.svg)
}

.flag-icon-ch.flag-icon-squared {
    background-image: url(../images/flags/1x1/ch.svg)
}

.flag-icon-ci {
    background-image: url(../images/flags/4x3/ci.svg)
}

.flag-icon-ci.flag-icon-squared {
    background-image: url(../images/flags/1x1/ci.svg)
}

.flag-icon-ck {
    background-image: url(../images/flags/4x3/ck.svg)
}

.flag-icon-ck.flag-icon-squared {
    background-image: url(../images/flags/1x1/ck.svg)
}

.flag-icon-cl {
    background-image: url(../images/flags/4x3/cl.svg)
}

.flag-icon-cl.flag-icon-squared {
    background-image: url(../images/flags/1x1/cl.svg)
}

.flag-icon-cm {
    background-image: url(../images/flags/4x3/cm.svg)
}

.flag-icon-cm.flag-icon-squared {
    background-image: url(../images/flags/1x1/cm.svg)
}

.flag-icon-cn {
    background-image: url(../images/flags/4x3/cn.svg)
}

.flag-icon-cn.flag-icon-squared {
    background-image: url(../images/flags/1x1/cn.svg)
}

.flag-icon-co {
    background-image: url(../images/flags/4x3/co.svg)
}

.flag-icon-co.flag-icon-squared {
    background-image: url(../images/flags/1x1/co.svg)
}

.flag-icon-cr {
    background-image: url(../images/flags/4x3/cr.svg)
}

.flag-icon-cr.flag-icon-squared {
    background-image: url(../images/flags/1x1/cr.svg)
}

.flag-icon-cu {
    background-image: url(../images/flags/4x3/cu.svg)
}

.flag-icon-cu.flag-icon-squared {
    background-image: url(../images/flags/1x1/cu.svg)
}

.flag-icon-cv {
    background-image: url(../images/flags/4x3/cv.svg)
}

.flag-icon-cv.flag-icon-squared {
    background-image: url(../images/flags/1x1/cv.svg)
}

.flag-icon-cw {
    background-image: url(../images/flags/4x3/cw.svg)
}

.flag-icon-cw.flag-icon-squared {
    background-image: url(../images/flags/1x1/cw.svg)
}

.flag-icon-cx {
    background-image: url(../images/flags/4x3/cx.svg)
}

.flag-icon-cx.flag-icon-squared {
    background-image: url(../images/flags/1x1/cx.svg)
}

.flag-icon-cy {
    background-image: url(../images/flags/4x3/cy.svg)
}

.flag-icon-cy.flag-icon-squared {
    background-image: url(../images/flags/1x1/cy.svg)
}

.flag-icon-cz {
    background-image: url(../images/flags/4x3/cz.svg)
}

.flag-icon-cz.flag-icon-squared {
    background-image: url(../images/flags/1x1/cz.svg)
}

.flag-icon-de {
    background-image: url(../images/flags/4x3/de.svg)
}

.flag-icon-de.flag-icon-squared {
    background-image: url(../images/flags/1x1/de.svg)
}

.flag-icon-dj {
    background-image: url(../images/flags/4x3/dj.svg)
}

.flag-icon-dj.flag-icon-squared {
    background-image: url(../images/flags/1x1/dj.svg)
}

.flag-icon-dk {
    background-image: url(../images/flags/4x3/dk.svg)
}

.flag-icon-dk.flag-icon-squared {
    background-image: url(../images/flags/1x1/dk.svg)
}

.flag-icon-dm {
    background-image: url(../images/flags/4x3/dm.svg)
}

.flag-icon-dm.flag-icon-squared {
    background-image: url(../images/flags/1x1/dm.svg)
}

.flag-icon-do {
    background-image: url(../images/flags/4x3/do.svg)
}

.flag-icon-do.flag-icon-squared {
    background-image: url(../images/flags/1x1/do.svg)
}

.flag-icon-dz {
    background-image: url(../images/flags/4x3/dz.svg)
}

.flag-icon-dz.flag-icon-squared {
    background-image: url(../images/flags/1x1/dz.svg)
}

.flag-icon-ec {
    background-image: url(../images/flags/4x3/ec.svg)
}

.flag-icon-ec.flag-icon-squared {
    background-image: url(../images/flags/1x1/ec.svg)
}

.flag-icon-ee {
    background-image: url(../images/flags/4x3/ee.svg)
}

.flag-icon-ee.flag-icon-squared {
    background-image: url(../images/flags/1x1/ee.svg)
}

.flag-icon-eg {
    background-image: url(../images/flags/4x3/eg.svg)
}

.flag-icon-eg.flag-icon-squared {
    background-image: url(../images/flags/1x1/eg.svg)
}

.flag-icon-eh {
    background-image: url(../images/flags/4x3/eh.svg)
}

.flag-icon-eh.flag-icon-squared {
    background-image: url(../images/flags/1x1/eh.svg)
}

.flag-icon-er {
    background-image: url(../images/flags/4x3/er.svg)
}

.flag-icon-er.flag-icon-squared {
    background-image: url(../images/flags/1x1/er.svg)
}

.flag-icon-es {
    background-image: url(../images/flags/4x3/es.svg)
}

.flag-icon-es.flag-icon-squared {
    background-image: url(../images/flags/1x1/es.svg)
}

.flag-icon-et {
    background-image: url(../images/flags/4x3/et.svg)
}

.flag-icon-et.flag-icon-squared {
    background-image: url(../images/flags/1x1/et.svg)
}

.flag-icon-fi {
    background-image: url(../images/flags/4x3/fi.svg)
}

.flag-icon-fi.flag-icon-squared {
    background-image: url(../images/flags/1x1/fi.svg)
}

.flag-icon-fj {
    background-image: url(../images/flags/4x3/fj.svg)
}

.flag-icon-fj.flag-icon-squared {
    background-image: url(../images/flags/1x1/fj.svg)
}

.flag-icon-fk {
    background-image: url(../images/flags/4x3/fk.svg)
}

.flag-icon-fk.flag-icon-squared {
    background-image: url(../images/flags/1x1/fk.svg)
}

.flag-icon-fm {
    background-image: url(../images/flags/4x3/fm.svg)
}

.flag-icon-fm.flag-icon-squared {
    background-image: url(../images/flags/1x1/fm.svg)
}

.flag-icon-fo {
    background-image: url(../images/flags/4x3/fo.svg)
}

.flag-icon-fo.flag-icon-squared {
    background-image: url(../images/flags/1x1/fo.svg)
}

.flag-icon-fr {
    background-image: url(../images/flags/4x3/fr.svg)
}

.flag-icon-fr.flag-icon-squared {
    background-image: url(../images/flags/1x1/fr.svg)
}

.flag-icon-ga {
    background-image: url(../images/flags/4x3/ga.svg)
}

.flag-icon-ga.flag-icon-squared {
    background-image: url(../images/flags/1x1/ga.svg)
}

.flag-icon-gb {
    background-image: url(../images/flags/4x3/gb.svg)
}

.flag-icon-gb.flag-icon-squared {
    background-image: url(../images/flags/1x1/gb.svg)
}

.flag-icon-gd {
    background-image: url(../images/flags/4x3/gd.svg)
}

.flag-icon-gd.flag-icon-squared {
    background-image: url(../images/flags/1x1/gd.svg)
}

.flag-icon-ge {
    background-image: url(../images/flags/4x3/ge.svg)
}

.flag-icon-ge.flag-icon-squared {
    background-image: url(../images/flags/1x1/ge.svg)
}

.flag-icon-gf {
    background-image: url(../images/flags/4x3/gf.svg)
}

.flag-icon-gf.flag-icon-squared {
    background-image: url(../images/flags/1x1/gf.svg)
}

.flag-icon-gg {
    background-image: url(../images/flags/4x3/gg.svg)
}

.flag-icon-gg.flag-icon-squared {
    background-image: url(../images/flags/1x1/gg.svg)
}

.flag-icon-gh {
    background-image: url(../images/flags/4x3/gh.svg)
}

.flag-icon-gh.flag-icon-squared {
    background-image: url(../images/flags/1x1/gh.svg)
}

.flag-icon-gi {
    background-image: url(../images/flags/4x3/gi.svg)
}

.flag-icon-gi.flag-icon-squared {
    background-image: url(../images/flags/1x1/gi.svg)
}

.flag-icon-gl {
    background-image: url(../images/flags/4x3/gl.svg)
}

.flag-icon-gl.flag-icon-squared {
    background-image: url(../images/flags/1x1/gl.svg)
}

.flag-icon-gm {
    background-image: url(../images/flags/4x3/gm.svg)
}

.flag-icon-gm.flag-icon-squared {
    background-image: url(../images/flags/1x1/gm.svg)
}

.flag-icon-gn {
    background-image: url(../images/flags/4x3/gn.svg)
}

.flag-icon-gn.flag-icon-squared {
    background-image: url(../images/flags/1x1/gn.svg)
}

.flag-icon-gp {
    background-image: url(../images/flags/4x3/gp.svg)
}

.flag-icon-gp.flag-icon-squared {
    background-image: url(../images/flags/1x1/gp.svg)
}

.flag-icon-gq {
    background-image: url(../images/flags/4x3/gq.svg)
}

.flag-icon-gq.flag-icon-squared {
    background-image: url(../images/flags/1x1/gq.svg)
}

.flag-icon-gr {
    background-image: url(../images/flags/4x3/gr.svg)
}

.flag-icon-gr.flag-icon-squared {
    background-image: url(../images/flags/1x1/gr.svg)
}

.flag-icon-gs {
    background-image: url(../images/flags/4x3/gs.svg)
}

.flag-icon-gs.flag-icon-squared {
    background-image: url(../images/flags/1x1/gs.svg)
}

.flag-icon-gt {
    background-image: url(../images/flags/4x3/gt.svg)
}

.flag-icon-gt.flag-icon-squared {
    background-image: url(../images/flags/1x1/gt.svg)
}

.flag-icon-gu {
    background-image: url(../images/flags/4x3/gu.svg)
}

.flag-icon-gu.flag-icon-squared {
    background-image: url(../images/flags/1x1/gu.svg)
}

.flag-icon-gw {
    background-image: url(../images/flags/4x3/gw.svg)
}

.flag-icon-gw.flag-icon-squared {
    background-image: url(../images/flags/1x1/gw.svg)
}

.flag-icon-gy {
    background-image: url(../images/flags/4x3/gy.svg)
}

.flag-icon-gy.flag-icon-squared {
    background-image: url(../images/flags/1x1/gy.svg)
}

.flag-icon-hk {
    background-image: url(../images/flags/4x3/hk.svg)
}

.flag-icon-hk.flag-icon-squared {
    background-image: url(../images/flags/1x1/hk.svg)
}

.flag-icon-hm {
    background-image: url(../images/flags/4x3/hm.svg)
}

.flag-icon-hm.flag-icon-squared {
    background-image: url(../images/flags/1x1/hm.svg)
}

.flag-icon-hn {
    background-image: url(../images/flags/4x3/hn.svg)
}

.flag-icon-hn.flag-icon-squared {
    background-image: url(../images/flags/1x1/hn.svg)
}

.flag-icon-hr {
    background-image: url(../images/flags/4x3/hr.svg)
}

.flag-icon-hr.flag-icon-squared {
    background-image: url(../images/flags/1x1/hr.svg)
}

.flag-icon-ht {
    background-image: url(../images/flags/4x3/ht.svg)
}

.flag-icon-ht.flag-icon-squared {
    background-image: url(../images/flags/1x1/ht.svg)
}

.flag-icon-hu {
    background-image: url(../images/flags/4x3/hu.svg)
}

.flag-icon-hu.flag-icon-squared {
    background-image: url(../images/flags/1x1/hu.svg)
}

.flag-icon-id {
    background-image: url(../images/flags/4x3/id.svg)
}

.flag-icon-id.flag-icon-squared {
    background-image: url(../images/flags/1x1/id.svg)
}

.flag-icon-ie {
    background-image: url(../images/flags/4x3/ie.svg)
}

.flag-icon-ie.flag-icon-squared {
    background-image: url(../images/flags/1x1/ie.svg)
}

.flag-icon-il {
    background-image: url(../images/flags/4x3/il.svg)
}

.flag-icon-il.flag-icon-squared {
    background-image: url(../images/flags/1x1/il.svg)
}

.flag-icon-im {
    background-image: url(../images/flags/4x3/im.svg)
}

.flag-icon-im.flag-icon-squared {
    background-image: url(../images/flags/1x1/im.svg)
}

.flag-icon-in {
    background-image: url(../images/flags/4x3/in.svg)
}

.flag-icon-in.flag-icon-squared {
    background-image: url(../images/flags/1x1/in.svg)
}

.flag-icon-io {
    background-image: url(../images/flags/4x3/io.svg)
}

.flag-icon-io.flag-icon-squared {
    background-image: url(../images/flags/1x1/io.svg)
}

.flag-icon-iq {
    background-image: url(../images/flags/4x3/iq.svg)
}

.flag-icon-iq.flag-icon-squared {
    background-image: url(../images/flags/1x1/iq.svg)
}

.flag-icon-ir {
    background-image: url(../images/flags/4x3/ir.svg)
}

.flag-icon-ir.flag-icon-squared {
    background-image: url(../images/flags/1x1/ir.svg)
}

.flag-icon-is {
    background-image: url(../images/flags/4x3/is.svg)
}

.flag-icon-is.flag-icon-squared {
    background-image: url(../images/flags/1x1/is.svg)
}

.flag-icon-it {
    background-image: url(../images/flags/4x3/it.svg)
}

.flag-icon-it.flag-icon-squared {
    background-image: url(../images/flags/1x1/it.svg)
}

.flag-icon-je {
    background-image: url(../images/flags/4x3/je.svg)
}

.flag-icon-je.flag-icon-squared {
    background-image: url(../images/flags/1x1/je.svg)
}

.flag-icon-jm {
    background-image: url(../images/flags/4x3/jm.svg)
}

.flag-icon-jm.flag-icon-squared {
    background-image: url(../images/flags/1x1/jm.svg)
}

.flag-icon-jo {
    background-image: url(../images/flags/4x3/jo.svg)
}

.flag-icon-jo.flag-icon-squared {
    background-image: url(../images/flags/1x1/jo.svg)
}

.flag-icon-jp {
    background-image: url(../images/flags/4x3/jp.svg)
}

.flag-icon-jp.flag-icon-squared {
    background-image: url(../images/flags/1x1/jp.svg)
}

.flag-icon-ke {
    background-image: url(../images/flags/4x3/ke.svg)
}

.flag-icon-ke.flag-icon-squared {
    background-image: url(../images/flags/1x1/ke.svg)
}

.flag-icon-kg {
    background-image: url(../images/flags/4x3/kg.svg)
}

.flag-icon-kg.flag-icon-squared {
    background-image: url(../images/flags/1x1/kg.svg)
}

.flag-icon-kh {
    background-image: url(../images/flags/4x3/kh.svg)
}

.flag-icon-kh.flag-icon-squared {
    background-image: url(../images/flags/1x1/kh.svg)
}

.flag-icon-ki {
    background-image: url(../images/flags/4x3/ki.svg)
}

.flag-icon-ki.flag-icon-squared {
    background-image: url(../images/flags/1x1/ki.svg)
}

.flag-icon-km {
    background-image: url(../images/flags/4x3/km.svg)
}

.flag-icon-km.flag-icon-squared {
    background-image: url(../images/flags/1x1/km.svg)
}

.flag-icon-kn {
    background-image: url(../images/flags/4x3/kn.svg)
}

.flag-icon-kn.flag-icon-squared {
    background-image: url(../images/flags/1x1/kn.svg)
}

.flag-icon-kp {
    background-image: url(../images/flags/4x3/kp.svg)
}

.flag-icon-kp.flag-icon-squared {
    background-image: url(../images/flags/1x1/kp.svg)
}

.flag-icon-kr {
    background-image: url(../images/flags/4x3/kr.svg)
}

.flag-icon-kr.flag-icon-squared {
    background-image: url(../images/flags/1x1/kr.svg)
}

.flag-icon-kw {
    background-image: url(../images/flags/4x3/kw.svg)
}

.flag-icon-kw.flag-icon-squared {
    background-image: url(../images/flags/1x1/kw.svg)
}

.flag-icon-ky {
    background-image: url(../images/flags/4x3/ky.svg)
}

.flag-icon-ky.flag-icon-squared {
    background-image: url(../images/flags/1x1/ky.svg)
}

.flag-icon-kz {
    background-image: url(../images/flags/4x3/kz.svg)
}

.flag-icon-kz.flag-icon-squared {
    background-image: url(../images/flags/1x1/kz.svg)
}

.flag-icon-la {
    background-image: url(../images/flags/4x3/la.svg)
}

.flag-icon-la.flag-icon-squared {
    background-image: url(../images/flags/1x1/la.svg)
}

.flag-icon-lb {
    background-image: url(../images/flags/4x3/lb.svg)
}

.flag-icon-lb.flag-icon-squared {
    background-image: url(../images/flags/1x1/lb.svg)
}

.flag-icon-lc {
    background-image: url(../images/flags/4x3/lc.svg)
}

.flag-icon-lc.flag-icon-squared {
    background-image: url(../images/flags/1x1/lc.svg)
}

.flag-icon-li {
    background-image: url(../images/flags/4x3/li.svg)
}

.flag-icon-li.flag-icon-squared {
    background-image: url(../images/flags/1x1/li.svg)
}

.flag-icon-lk {
    background-image: url(../images/flags/4x3/lk.svg)
}

.flag-icon-lk.flag-icon-squared {
    background-image: url(../images/flags/1x1/lk.svg)
}

.flag-icon-lr {
    background-image: url(../images/flags/4x3/lr.svg)
}

.flag-icon-lr.flag-icon-squared {
    background-image: url(../images/flags/1x1/lr.svg)
}

.flag-icon-ls {
    background-image: url(../images/flags/4x3/ls.svg)
}

.flag-icon-ls.flag-icon-squared {
    background-image: url(../images/flags/1x1/ls.svg)
}

.flag-icon-lt {
    background-image: url(../images/flags/4x3/lt.svg)
}

.flag-icon-lt.flag-icon-squared {
    background-image: url(../images/flags/1x1/lt.svg)
}

.flag-icon-lu {
    background-image: url(../images/flags/4x3/lu.svg)
}

.flag-icon-lu.flag-icon-squared {
    background-image: url(../images/flags/1x1/lu.svg)
}

.flag-icon-lv {
    background-image: url(../images/flags/4x3/lv.svg)
}

.flag-icon-lv.flag-icon-squared {
    background-image: url(../images/flags/1x1/lv.svg)
}

.flag-icon-ly {
    background-image: url(../images/flags/4x3/ly.svg)
}

.flag-icon-ly.flag-icon-squared {
    background-image: url(../images/flags/1x1/ly.svg)
}

.flag-icon-ma {
    background-image: url(../images/flags/4x3/ma.svg)
}

.flag-icon-ma.flag-icon-squared {
    background-image: url(../images/flags/1x1/ma.svg)
}

.flag-icon-mc {
    background-image: url(../images/flags/4x3/mc.svg)
}

.flag-icon-mc.flag-icon-squared {
    background-image: url(../images/flags/1x1/mc.svg)
}

.flag-icon-md {
    background-image: url(../images/flags/4x3/md.svg)
}

.flag-icon-md.flag-icon-squared {
    background-image: url(../images/flags/1x1/md.svg)
}

.flag-icon-me {
    background-image: url(../images/flags/4x3/me.svg)
}

.flag-icon-me.flag-icon-squared {
    background-image: url(../images/flags/1x1/me.svg)
}

.flag-icon-mf {
    background-image: url(../images/flags/4x3/mf.svg)
}

.flag-icon-mf.flag-icon-squared {
    background-image: url(../images/flags/1x1/mf.svg)
}

.flag-icon-mg {
    background-image: url(../images/flags/4x3/mg.svg)
}

.flag-icon-mg.flag-icon-squared {
    background-image: url(../images/flags/1x1/mg.svg)
}

.flag-icon-mh {
    background-image: url(../images/flags/4x3/mh.svg)
}

.flag-icon-mh.flag-icon-squared {
    background-image: url(../images/flags/1x1/mh.svg)
}

.flag-icon-mk {
    background-image: url(../images/flags/4x3/mk.svg)
}

.flag-icon-mk.flag-icon-squared {
    background-image: url(../images/flags/1x1/mk.svg)
}

.flag-icon-ml {
    background-image: url(../images/flags/4x3/ml.svg)
}

.flag-icon-ml.flag-icon-squared {
    background-image: url(../images/flags/1x1/ml.svg)
}

.flag-icon-mm {
    background-image: url(../images/flags/4x3/mm.svg)
}

.flag-icon-mm.flag-icon-squared {
    background-image: url(../images/flags/1x1/mm.svg)
}

.flag-icon-mn {
    background-image: url(../images/flags/4x3/mn.svg)
}

.flag-icon-mn.flag-icon-squared {
    background-image: url(../images/flags/1x1/mn.svg)
}

.flag-icon-mo {
    background-image: url(../images/flags/4x3/mo.svg)
}

.flag-icon-mo.flag-icon-squared {
    background-image: url(../images/flags/1x1/mo.svg)
}

.flag-icon-mp {
    background-image: url(../images/flags/4x3/mp.svg)
}

.flag-icon-mp.flag-icon-squared {
    background-image: url(../images/flags/1x1/mp.svg)
}

.flag-icon-mq {
    background-image: url(../images/flags/4x3/mq.svg)
}

.flag-icon-mq.flag-icon-squared {
    background-image: url(../images/flags/1x1/mq.svg)
}

.flag-icon-mr {
    background-image: url(../images/flags/4x3/mr.svg)
}

.flag-icon-mr.flag-icon-squared {
    background-image: url(../images/flags/1x1/mr.svg)
}

.flag-icon-ms {
    background-image: url(../images/flags/4x3/ms.svg)
}

.flag-icon-ms.flag-icon-squared {
    background-image: url(../images/flags/1x1/ms.svg)
}

.flag-icon-mt {
    background-image: url(../images/flags/4x3/mt.svg)
}

.flag-icon-mt.flag-icon-squared {
    background-image: url(../images/flags/1x1/mt.svg)
}

.flag-icon-mu {
    background-image: url(../images/flags/4x3/mu.svg)
}

.flag-icon-mu.flag-icon-squared {
    background-image: url(../images/flags/1x1/mu.svg)
}

.flag-icon-mv {
    background-image: url(../images/flags/4x3/mv.svg)
}

.flag-icon-mv.flag-icon-squared {
    background-image: url(../images/flags/1x1/mv.svg)
}

.flag-icon-mw {
    background-image: url(../images/flags/4x3/mw.svg)
}

.flag-icon-mw.flag-icon-squared {
    background-image: url(../images/flags/1x1/mw.svg)
}

.flag-icon-mx {
    background-image: url(../images/flags/4x3/mx.svg)
}

.flag-icon-mx.flag-icon-squared {
    background-image: url(../images/flags/1x1/mx.svg)
}

.flag-icon-my {
    background-image: url(../images/flags/4x3/my.svg)
}

.flag-icon-my.flag-icon-squared {
    background-image: url(../images/flags/1x1/my.svg)
}

.flag-icon-mz {
    background-image: url(../images/flags/4x3/mz.svg)
}

.flag-icon-mz.flag-icon-squared {
    background-image: url(../images/flags/1x1/mz.svg)
}

.flag-icon-na {
    background-image: url(../images/flags/4x3/na.svg)
}

.flag-icon-na.flag-icon-squared {
    background-image: url(../images/flags/1x1/na.svg)
}

.flag-icon-nc {
    background-image: url(../images/flags/4x3/nc.svg)
}

.flag-icon-nc.flag-icon-squared {
    background-image: url(../images/flags/1x1/nc.svg)
}

.flag-icon-ne {
    background-image: url(../images/flags/4x3/ne.svg)
}

.flag-icon-ne.flag-icon-squared {
    background-image: url(../images/flags/1x1/ne.svg)
}

.flag-icon-nf {
    background-image: url(../images/flags/4x3/nf.svg)
}

.flag-icon-nf.flag-icon-squared {
    background-image: url(../images/flags/1x1/nf.svg)
}

.flag-icon-ng {
    background-image: url(../images/flags/4x3/ng.svg)
}

.flag-icon-ng.flag-icon-squared {
    background-image: url(../images/flags/1x1/ng.svg)
}

.flag-icon-ni {
    background-image: url(../images/flags/4x3/ni.svg)
}

.flag-icon-ni.flag-icon-squared {
    background-image: url(../images/flags/1x1/ni.svg)
}

.flag-icon-nl {
    background-image: url(../images/flags/4x3/nl.svg)
}

.flag-icon-nl.flag-icon-squared {
    background-image: url(../images/flags/1x1/nl.svg)
}

.flag-icon-no {
    background-image: url(../images/flags/4x3/no.svg)
}

.flag-icon-no.flag-icon-squared {
    background-image: url(../images/flags/1x1/no.svg)
}

.flag-icon-np {
    background-image: url(../images/flags/4x3/np.svg)
}

.flag-icon-np.flag-icon-squared {
    background-image: url(../images/flags/1x1/np.svg)
}

.flag-icon-nr {
    background-image: url(../images/flags/4x3/nr.svg)
}

.flag-icon-nr.flag-icon-squared {
    background-image: url(../images/flags/1x1/nr.svg)
}

.flag-icon-nu {
    background-image: url(../images/flags/4x3/nu.svg)
}

.flag-icon-nu.flag-icon-squared {
    background-image: url(../images/flags/1x1/nu.svg)
}

.flag-icon-nz {
    background-image: url(../images/flags/4x3/nz.svg)
}

.flag-icon-nz.flag-icon-squared {
    background-image: url(../images/flags/1x1/nz.svg)
}

.flag-icon-om {
    background-image: url(../images/flags/4x3/om.svg)
}

.flag-icon-om.flag-icon-squared {
    background-image: url(../images/flags/1x1/om.svg)
}

.flag-icon-pa {
    background-image: url(../images/flags/4x3/pa.svg)
}

.flag-icon-pa.flag-icon-squared {
    background-image: url(../images/flags/1x1/pa.svg)
}

.flag-icon-pe {
    background-image: url(../images/flags/4x3/pe.svg)
}

.flag-icon-pe.flag-icon-squared {
    background-image: url(../images/flags/1x1/pe.svg)
}

.flag-icon-pf {
    background-image: url(../images/flags/4x3/pf.svg)
}

.flag-icon-pf.flag-icon-squared {
    background-image: url(../images/flags/1x1/pf.svg)
}

.flag-icon-pg {
    background-image: url(../images/flags/4x3/pg.svg)
}

.flag-icon-pg.flag-icon-squared {
    background-image: url(../images/flags/1x1/pg.svg)
}

.flag-icon-ph {
    background-image: url(../images/flags/4x3/ph.svg)
}

.flag-icon-ph.flag-icon-squared {
    background-image: url(../images/flags/1x1/ph.svg)
}

.flag-icon-pk {
    background-image: url(../images/flags/4x3/pk.svg)
}

.flag-icon-pk.flag-icon-squared {
    background-image: url(../images/flags/1x1/pk.svg)
}

.flag-icon-pl {
    background-image: url(../images/flags/4x3/pl.svg)
}

.flag-icon-pl.flag-icon-squared {
    background-image: url(../images/flags/1x1/pl.svg)
}

.flag-icon-pm {
    background-image: url(../images/flags/4x3/pm.svg)
}

.flag-icon-pm.flag-icon-squared {
    background-image: url(../images/flags/1x1/pm.svg)
}

.flag-icon-pn {
    background-image: url(../images/flags/4x3/pn.svg)
}

.flag-icon-pn.flag-icon-squared {
    background-image: url(../images/flags/1x1/pn.svg)
}

.flag-icon-pr {
    background-image: url(../images/flags/4x3/pr.svg)
}

.flag-icon-pr.flag-icon-squared {
    background-image: url(../images/flags/1x1/pr.svg)
}

.flag-icon-ps {
    background-image: url(../images/flags/4x3/ps.svg)
}

.flag-icon-ps.flag-icon-squared {
    background-image: url(../images/flags/1x1/ps.svg)
}

.flag-icon-pt {
    background-image: url(../images/flags/4x3/pt.svg)
}

.flag-icon-pt.flag-icon-squared {
    background-image: url(../images/flags/1x1/pt.svg)
}

.flag-icon-pw {
    background-image: url(../images/flags/4x3/pw.svg)
}

.flag-icon-pw.flag-icon-squared {
    background-image: url(../images/flags/1x1/pw.svg)
}

.flag-icon-py {
    background-image: url(../images/flags/4x3/py.svg)
}

.flag-icon-py.flag-icon-squared {
    background-image: url(../images/flags/1x1/py.svg)
}

.flag-icon-qa {
    background-image: url(../images/flags/4x3/qa.svg)
}

.flag-icon-qa.flag-icon-squared {
    background-image: url(../images/flags/1x1/qa.svg)
}

.flag-icon-re {
    background-image: url(../images/flags/4x3/re.svg)
}

.flag-icon-re.flag-icon-squared {
    background-image: url(../images/flags/1x1/re.svg)
}

.flag-icon-ro {
    background-image: url(../images/flags/4x3/ro.svg)
}

.flag-icon-ro.flag-icon-squared {
    background-image: url(../images/flags/1x1/ro.svg)
}

.flag-icon-rs {
    background-image: url(../images/flags/4x3/rs.svg)
}

.flag-icon-rs.flag-icon-squared {
    background-image: url(../images/flags/1x1/rs.svg)
}

.flag-icon-ru {
    background-image: url(../images/flags/4x3/ru.svg)
}

.flag-icon-ru.flag-icon-squared {
    background-image: url(../images/flags/1x1/ru.svg)
}

.flag-icon-rw {
    background-image: url(../images/flags/4x3/rw.svg)
}

.flag-icon-rw.flag-icon-squared {
    background-image: url(../images/flags/1x1/rw.svg)
}

.flag-icon-sa {
    background-image: url(../images/flags/4x3/sa.svg)
}

.flag-icon-sa.flag-icon-squared {
    background-image: url(../images/flags/1x1/sa.svg)
}

.flag-icon-sb {
    background-image: url(../images/flags/4x3/sb.svg)
}

.flag-icon-sb.flag-icon-squared {
    background-image: url(../images/flags/1x1/sb.svg)
}

.flag-icon-sc {
    background-image: url(../images/flags/4x3/sc.svg)
}

.flag-icon-sc.flag-icon-squared {
    background-image: url(../images/flags/1x1/sc.svg)
}

.flag-icon-sd {
    background-image: url(../images/flags/4x3/sd.svg)
}

.flag-icon-sd.flag-icon-squared {
    background-image: url(../images/flags/1x1/sd.svg)
}

.flag-icon-se {
    background-image: url(../images/flags/4x3/se.svg)
}

.flag-icon-se.flag-icon-squared {
    background-image: url(../images/flags/1x1/se.svg)
}

.flag-icon-sg {
    background-image: url(../images/flags/4x3/sg.svg)
}

.flag-icon-sg.flag-icon-squared {
    background-image: url(../images/flags/1x1/sg.svg)
}

.flag-icon-sh {
    background-image: url(../images/flags/4x3/sh.svg)
}

.flag-icon-sh.flag-icon-squared {
    background-image: url(../images/flags/1x1/sh.svg)
}

.flag-icon-si {
    background-image: url(../images/flags/4x3/si.svg)
}

.flag-icon-si.flag-icon-squared {
    background-image: url(../images/flags/1x1/si.svg)
}

.flag-icon-sj {
    background-image: url(../images/flags/4x3/sj.svg)
}

.flag-icon-sj.flag-icon-squared {
    background-image: url(../images/flags/1x1/sj.svg)
}

.flag-icon-sk {
    background-image: url(../images/flags/4x3/sk.svg)
}

.flag-icon-sk.flag-icon-squared {
    background-image: url(../images/flags/1x1/sk.svg)
}

.flag-icon-sl {
    background-image: url(../images/flags/4x3/sl.svg)
}

.flag-icon-sl.flag-icon-squared {
    background-image: url(../images/flags/1x1/sl.svg)
}

.flag-icon-sm {
    background-image: url(../images/flags/4x3/sm.svg)
}

.flag-icon-sm.flag-icon-squared {
    background-image: url(../images/flags/1x1/sm.svg)
}

.flag-icon-sn {
    background-image: url(../images/flags/4x3/sn.svg)
}

.flag-icon-sn.flag-icon-squared {
    background-image: url(../images/flags/1x1/sn.svg)
}

.flag-icon-so {
    background-image: url(../images/flags/4x3/so.svg)
}

.flag-icon-so.flag-icon-squared {
    background-image: url(../images/flags/1x1/so.svg)
}

.flag-icon-sr {
    background-image: url(../images/flags/4x3/sr.svg)
}

.flag-icon-sr.flag-icon-squared {
    background-image: url(../images/flags/1x1/sr.svg)
}

.flag-icon-ss {
    background-image: url(../images/flags/4x3/ss.svg)
}

.flag-icon-ss.flag-icon-squared {
    background-image: url(../images/flags/1x1/ss.svg)
}

.flag-icon-st {
    background-image: url(../images/flags/4x3/st.svg)
}

.flag-icon-st.flag-icon-squared {
    background-image: url(../images/flags/1x1/st.svg)
}

.flag-icon-sv {
    background-image: url(../images/flags/4x3/sv.svg)
}

.flag-icon-sv.flag-icon-squared {
    background-image: url(../images/flags/1x1/sv.svg)
}

.flag-icon-sx {
    background-image: url(../images/flags/4x3/sx.svg)
}

.flag-icon-sx.flag-icon-squared {
    background-image: url(../images/flags/1x1/sx.svg)
}

.flag-icon-sy {
    background-image: url(../images/flags/4x3/sy.svg)
}

.flag-icon-sy.flag-icon-squared {
    background-image: url(../images/flags/1x1/sy.svg)
}

.flag-icon-sz {
    background-image: url(../images/flags/4x3/sz.svg)
}

.flag-icon-sz.flag-icon-squared {
    background-image: url(../images/flags/1x1/sz.svg)
}

.flag-icon-tc {
    background-image: url(../images/flags/4x3/tc.svg)
}

.flag-icon-tc.flag-icon-squared {
    background-image: url(../images/flags/1x1/tc.svg)
}

.flag-icon-td {
    background-image: url(../images/flags/4x3/td.svg)
}

.flag-icon-td.flag-icon-squared {
    background-image: url(../images/flags/1x1/td.svg)
}

.flag-icon-tf {
    background-image: url(../images/flags/4x3/tf.svg)
}

.flag-icon-tf.flag-icon-squared {
    background-image: url(../images/flags/1x1/tf.svg)
}

.flag-icon-tg {
    background-image: url(../images/flags/4x3/tg.svg)
}

.flag-icon-tg.flag-icon-squared {
    background-image: url(../images/flags/1x1/tg.svg)
}

.flag-icon-th {
    background-image: url(../images/flags/4x3/th.svg)
}

.flag-icon-th.flag-icon-squared {
    background-image: url(../images/flags/1x1/th.svg)
}

.flag-icon-tj {
    background-image: url(../images/flags/4x3/tj.svg)
}

.flag-icon-tj.flag-icon-squared {
    background-image: url(../images/flags/1x1/tj.svg)
}

.flag-icon-tk {
    background-image: url(../images/flags/4x3/tk.svg)
}

.flag-icon-tk.flag-icon-squared {
    background-image: url(../images/flags/1x1/tk.svg)
}

.flag-icon-tl {
    background-image: url(../images/flags/4x3/tl.svg)
}

.flag-icon-tl.flag-icon-squared {
    background-image: url(../images/flags/1x1/tl.svg)
}

.flag-icon-tm {
    background-image: url(../images/flags/4x3/tm.svg)
}

.flag-icon-tm.flag-icon-squared {
    background-image: url(../images/flags/1x1/tm.svg)
}

.flag-icon-tn {
    background-image: url(../images/flags/4x3/tn.svg)
}

.flag-icon-tn.flag-icon-squared {
    background-image: url(../images/flags/1x1/tn.svg)
}

.flag-icon-to {
    background-image: url(../images/flags/4x3/to.svg)
}

.flag-icon-to.flag-icon-squared {
    background-image: url(../images/flags/1x1/to.svg)
}

.flag-icon-tr {
    background-image: url(../images/flags/4x3/tr.svg)
}

.flag-icon-tr.flag-icon-squared {
    background-image: url(../images/flags/1x1/tr.svg)
}

.flag-icon-tt {
    background-image: url(../images/flags/4x3/tt.svg)
}

.flag-icon-tt.flag-icon-squared {
    background-image: url(../images/flags/1x1/tt.svg)
}

.flag-icon-tv {
    background-image: url(../images/flags/4x3/tv.svg)
}

.flag-icon-tv.flag-icon-squared {
    background-image: url(../images/flags/1x1/tv.svg)
}

.flag-icon-tw {
    background-image: url(../images/flags/4x3/tw.svg)
}

.flag-icon-tw.flag-icon-squared {
    background-image: url(../images/flags/1x1/tw.svg)
}

.flag-icon-tz {
    background-image: url(../images/flags/4x3/tz.svg)
}

.flag-icon-tz.flag-icon-squared {
    background-image: url(../images/flags/1x1/tz.svg)
}

.flag-icon-ua {
    background-image: url(../images/flags/4x3/ua.svg)
}

.flag-icon-ua.flag-icon-squared {
    background-image: url(../images/flags/1x1/ua.svg)
}

.flag-icon-ug {
    background-image: url(../images/flags/4x3/ug.svg)
}

.flag-icon-ug.flag-icon-squared {
    background-image: url(../images/flags/1x1/ug.svg)
}

.flag-icon-um {
    background-image: url(../images/flags/4x3/um.svg)
}

.flag-icon-um.flag-icon-squared {
    background-image: url(../images/flags/1x1/um.svg)
}

.flag-icon-us {
    background-image: url(../images/flags/4x3/us.svg)
}

.flag-icon-us.flag-icon-squared {
    background-image: url(../images/flags/1x1/us.svg)
}

.flag-icon-uy {
    background-image: url(../images/flags/4x3/uy.svg)
}

.flag-icon-uy.flag-icon-squared {
    background-image: url(../images/flags/1x1/uy.svg)
}

.flag-icon-uz {
    background-image: url(../images/flags/4x3/uz.svg)
}

.flag-icon-uz.flag-icon-squared {
    background-image: url(../images/flags/1x1/uz.svg)
}

.flag-icon-va {
    background-image: url(../images/flags/4x3/va.svg)
}

.flag-icon-va.flag-icon-squared {
    background-image: url(../images/flags/1x1/va.svg)
}

.flag-icon-vc {
    background-image: url(../images/flags/4x3/vc.svg)
}

.flag-icon-vc.flag-icon-squared {
    background-image: url(../images/flags/1x1/vc.svg)
}

.flag-icon-ve {
    background-image: url(../images/flags/4x3/ve.svg)
}

.flag-icon-ve.flag-icon-squared {
    background-image: url(../images/flags/1x1/ve.svg)
}

.flag-icon-vg {
    background-image: url(../images/flags/4x3/vg.svg)
}

.flag-icon-vg.flag-icon-squared {
    background-image: url(../images/flags/1x1/vg.svg)
}

.flag-icon-vi {
    background-image: url(../images/flags/4x3/vi.svg)
}

.flag-icon-vi.flag-icon-squared {
    background-image: url(../images/flags/1x1/vi.svg)
}

.flag-icon-vn {
    background-image: url(../images/flags/4x3/vn.svg)
}

.flag-icon-vn.flag-icon-squared {
    background-image: url(../images/flags/1x1/vn.svg)
}

.flag-icon-vu {
    background-image: url(../images/flags/4x3/vu.svg)
}

.flag-icon-vu.flag-icon-squared {
    background-image: url(../images/flags/1x1/vu.svg)
}

.flag-icon-wf {
    background-image: url(../images/flags/4x3/wf.svg)
}

.flag-icon-wf.flag-icon-squared {
    background-image: url(../images/flags/1x1/wf.svg)
}

.flag-icon-ws {
    background-image: url(../images/flags/4x3/ws.svg)
}

.flag-icon-ws.flag-icon-squared {
    background-image: url(../images/flags/1x1/ws.svg)
}

.flag-icon-ye {
    background-image: url(../images/flags/4x3/ye.svg)
}

.flag-icon-ye.flag-icon-squared {
    background-image: url(../images/flags/1x1/ye.svg)
}

.flag-icon-yt {
    background-image: url(../images/flags/4x3/yt.svg)
}

.flag-icon-yt.flag-icon-squared {
    background-image: url(../images/flags/1x1/yt.svg)
}

.flag-icon-za {
    background-image: url(../images/flags/4x3/za.svg)
}

.flag-icon-za.flag-icon-squared {
    background-image: url(../images/flags/1x1/za.svg)
}

.flag-icon-zm {
    background-image: url(../images/flags/4x3/zm.svg)
}

.flag-icon-zm.flag-icon-squared {
    background-image: url(../images/flags/1x1/zm.svg)
}

.flag-icon-zw {
    background-image: url(../images/flags/4x3/zw.svg)
}

.flag-icon-zw.flag-icon-squared {
    background-image: url(../images/flags/1x1/zw.svg)
}

.flag-icon-es-ct {
    background-image: url(../images/flags/4x3/es-ct.svg)
}

.flag-icon-es-ct.flag-icon-squared {
    background-image: url(../images/flags/1x1/es-ct.svg)
}

.flag-icon-eu {
    background-image: url(../images/flags/4x3/eu.svg)
}

.flag-icon-eu.flag-icon-squared {
    background-image: url(../images/flags/1x1/eu.svg)
}

.flag-icon-gb-eng {
    background-image: url(../images/flags/4x3/gb-eng.svg)
}

.flag-icon-gb-eng.flag-icon-squared {
    background-image: url(../images/flags/1x1/gb-eng.svg)
}

.flag-icon-gb-nir {
    background-image: url(../images/flags/4x3/gb-nir.svg)
}

.flag-icon-gb-nir.flag-icon-squared {
    background-image: url(../images/flags/1x1/gb-nir.svg)
}

.flag-icon-gb-sct {
    background-image: url(../images/flags/4x3/gb-sct.svg)
}

.flag-icon-gb-sct.flag-icon-squared {
    background-image: url(../images/flags/1x1/gb-sct.svg)
}

.flag-icon-gb-wls {
    background-image: url(../images/flags/4x3/gb-wls.svg)
}

.flag-icon-gb-wls.flag-icon-squared {
    background-image: url(../images/flags/1x1/gb-wls.svg)
}

.flag-icon-un {
    background-image: url(../images/flags/4x3/un.svg)
}

.flag-icon-un.flag-icon-squared {
    background-image: url(../images/flags/1x1/un.svg)
}

.flag-icon-xk {
    background-image: url(../images/flags/4x3/xk.svg)
}

.flag-icon-xk.flag-icon-squared {
    background-image: url(../images/flags/1x1/xk.svg)
}

#loginModal .btn {
    font-family: 'Archivo', sans-serif;
    font-size: .75rem;
    padding: .5625rem 1.5625rem;
    border-radius: 0
}

@media screen and (max-width:767px) {
    .btn {
        padding: .3125rem .9375rem
    }
}

.btn.btn-primary {
    border-width: 0;
    color: #fff
}

.btn.btn-primary:focus .iconDownloadSmall,
.btn.btn-primary:hover .iconDownloadSmall {
    background-position: -10.5rem -9.3125rem
}

.btn.btn-primary.focus,
.btn.btn-primary:focus,
.btn.btn-primary:hover {
    box-shadow: none;
    border-color: transparent;
    outline: 0
}

.btn.btn-primary.focus.active,
.btn.btn-primary.focus:active,
.btn.btn-primary:focus.active,
.btn.btn-primary:focus:active,
.btn.btn-primary:hover.active,
.btn.btn-primary:hover:active {
    background: #2a9df5;
    box-shadow: none;
    border-color: transparent;
    outline: 0;
    box-shadow: none
}

.btn.btn-primary.btn-block {
    color: #2a9df5;
    background: #f6f9fb;
    border: 1px solid #e1eaee;
    padding: 8px 25px
}

.btn.btn-primary.btn-block:hover {
    color: #fff;
    background: #2a9df5
}

.btn.btn-primary.btn-load {
    background: 0 0;
    border: 0;
    white-space: nowrap;
    padding: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center
}

.btn.btn-primary.btn-load:after,
.btn.btn-primary.btn-load:before {
    content: '';
    position: relative;
    height: 1px;
    width: 100%;
    background: #d8e3e9;
    transition: all linear .5s
}

.btn.btn-primary.btn-load:after {
    margin-left: 16px
}

.btn.btn-primary.btn-load:before {
    margin-right: 16px
}

.btn.btn-primary.btn-load:hover {
    border: 0;
    color: #404040;
    background: 0 0
}

.btn.btn-primary.btn-load:hover:after,
.btn.btn-primary.btn-load:hover:before {
    background: #ff6e20;
    width: 0
}

.btn.btn-primary.btn-load:hover:after {
    margin-right: 100%;
    margin-left: 0
}

.btn.btn-primary.btn-load:hover:before {
    margin-left: 100%;
    margin-right: 0
}

.btn.btn-link {
    color: #2a9df5
}

.btn.btn-link:focus,
.btn.btn-link:hover {
    text-decoration: none
}

.btn.btn-secondary {
    background: #fbfbfb;
    color: #7b7b7b;
    border: .0625rem solid #d8e3e9
}

.btn.btn-tertiary {
    background: 0 0;
    color: #2a9df5;
    border: .0625rem solid #2a9df5
}

.btn.btn-tertiary-white {
    background: 0 0;
    color: #fff;
    border: .0625rem solid #fff
}

.btn.btn-outline-secondary {
    padding: .5rem 1.5rem;
    background: #fbfbfb;
    color: #404040;
    border-color: #404040
}

@media screen and (max-width:767px) {
    .btn.btn-outline-secondary {
        padding: .25rem .875rem
    }
}

.btn.btn-outline-secondary:focus,
.btn.btn-outline-secondary:hover {
    background: #404040;
    box-shadow: none;
    border-color: transparent;
    outline: 0;
    color: #fff
}

.btn.btn-outline-secondary:focus .iconAppleStore,
.btn.btn-outline-secondary:hover .iconAppleStore {
    background-position: -6rem -13.25rem
}

.btn.btn-outline-secondary:focus .iconPlayStore,
.btn.btn-outline-secondary:hover .iconPlayStore {
    background-position: -8rem -13.25rem
}

.btn.btn-outline-secondary:focus.active,
.btn.btn-outline-secondary:focus:active,
.btn.btn-outline-secondary:hover.active,
.btn.btn-outline-secondary:hover:active {
    background: inherit;
    box-shadow: none;
    border-color: transparent;
    outline: 0;
    box-shadow: none;
    color: #fff
}

.buttonGroup button {
    margin-right: .625rem
}

.buttonGroup button:last-child {
    margin-right: 0
}

.filterBlock .collapsibleBlock .collapseToggler:after,
.icon {
    display: inline-block;
    vertical-align: middle;
    background-image: url(../images/spritesheet.svg);
    background-repeat: no-repeat
}

.filterBlock .collapsibleBlock .collapseToggler:after,
.icon12 {
    width: .75rem;
    height: .75rem
}

.icon14 {
    width: .875rem;
    height: .875rem
}

.icon16 {
    width: 1rem;
    height: 1rem
}

.icon1624 {
    width: 16px;
    height: 24px
}

.icon18 {
    width: 1.125rem;
    height: 1.125rem
}

.icon20 {
    width: 1.25rem;
    height: 1.25rem
}

.icon24 {
    width: 1.5rem;
    height: 1.5rem
}

.icon28 {
    width: 1.75rem;
    height: 1.75rem
}

.icon32 {
    width: 2rem;
    height: 2rem
}

.icon36 {
    width: 2.25rem;
    height: 2.25rem
}

.icon40 {
    width: 2.5rem;
    height: 2.5rem
}

.icon64 {
    width: 4rem;
    height: 4rem
}

.iconBookmark {
    background-position: -9rem -7.75rem
}

.iconPremium {
    background-position: -12.5625rem -11.5rem
}

.iconToggle {
    background-position: -3rem -2.75rem
}

.iconSliding {
    background-position: -5.0625rem -2.75rem
}

.iconMouse {
    background-position: -1.5rem -6.25rem
}

.iconRightArrow {
    background-position: -10.3125rem -11.5625rem
}

.iconRightArrowColor {
    background-position: -10.3125rem -13.5625rem
}

.iconRightArrowWhite {
    background-position: -10.3125rem -15.5625rem
}

.iconRightArrowSmall {
    background-position: -18.1875rem -7.9375rem
}

.iconRightArrowBig {
    height: 12px;
    width: 40px;
    background-position: -40px -337px
}

.iconAppleStore {
    background-position: -6rem -11.25rem
}

.iconPlayStore {
    background-position: -8rem -11.25rem
}

.iconFacebook {
    background-position: 0 -11.25rem
}

.iconFacebookGrey {
    background-position: 0 -11.25rem
}

.iconLinkedin {
    background-position: -2rem -11.25rem
}

.iconLinkedinGrey {
    background-position: -2rem -11.25rem
}

.iconTwitter {
    background-position: -4rem -11.25rem
}

.iconTwitterGrey {
    background-position: -4.5rem -13.6875rem
}

.iconEyeHide {
    background-position: -36rem -7.75rem
}

.iconEyeShow {
    background-position: -36rem -6.25rem
}

.iconIronore {
    background-position: -.125rem -17.875rem
}

.iconCoal {
    background-position: -5.125rem -17.875rem
}

.iconMetallic {
    background-position: -7.5rem -17.875rem
}

.iconSteel {
    background-position: -2.5rem -17.875rem
}

.iconFerro {
    background-position: -10.0625rem -17.875rem
}

.iconLogistics {
    background-position: -17.625rem -17.875rem
}

.iconShipbreak {
    background-position: -15.0625rem -17.875rem
}

.iconLeftArrow {
    background-position: -12.3125rem -13.5rem
}

.iconSmallBookmark {
    background-position: -9rem -6.25rem
}

.iconBell {
    background-position: -6rem -6.25rem
}

.iconMapView {
    background-position: -7.375rem -6.25rem
}

.iconMapViewSmall {
    background-position: -7rem -2.75rem
}

.iconMapViewColor {
    background-position: -7.375rem -7.75rem
}

.iconComparisionOperator {
    background-position: -505px -100px
}

.iconRightBrownArrow {
    background-position: -3rem -6.25rem
}

.iconBarChart {
    background-position: -22.625rem -6.375rem
}

.iconSquarePlus {
    background-position: -19.5rem -9.25rem
}

.iconSquarePlus:hover {
    background-position: -19.5rem -7.75rem
}

.iconSquareMinus {
    background-position: -21rem -9.25rem
}

.iconSquareMinus:hover {
    background-position: -21rem -7.75rem
}

.iconCircleMinus {
    background-position: -21.1875rem -6.4375rem
}

.iconPlusSmall {
    background-position: -3.6875rem -.6875rem
}

.iconPlusBig {
    background-position: -25.75rem -8rem
}

.iconSmallRightArrow {
    background-position: -31px -43px
}

.iconCircleTick {
    background-position: -48px -12px
}

.iconLeftBigArrow {
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.iconLeftBigArrow,
.iconRightBigArrow {
    background-position: -164px -217px
}

.iconUpsmallArrow {
    background-position: -1.5rem 0
}

.iconDownsmallArrow {
    background-position: -2.25rem 0
}

.iconSearch {
    background-position: 0 0
}

.iconCall {
    background-position: -24rem -6.25rem
}

.iconLeft {
    background-position: 0 0;
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.iconRight {
    background-position: 0 0;
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.iconRedirected {
    background-position: -4.5rem -.125rem
}

.filterBlock .collapsibleBlock .collapseToggler:after,
.iconBottom {
    background-position: -11.0625rem -2.875rem
}

.filterBlock .collapsibleBlock .collapseToggler.collapsed:after,
.iconTop {
    background-position: -11.0625rem -2.875rem;
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.iconRightDirectedArrow {
    background-position: -10.375rem -13.5625rem
}

.iconRightDirectedWhiteArrow {
    background-position: -10.375rem -15.5625rem
}

.iconLocation {
    background-position: -2rem -2.8125rem
}

.iconTag {
    background-position: -19.6875rem -6.375rem
}

.iconClock {
    background-position: -16.5rem -9.25rem
}

.iconServiceTenders {
    background-position: -12.5rem -17.5rem
}

.iconEdit {
    background-position: -38.9375rem -6.25rem
}

.iconEdit:hover {
    background-position: -623px -124px
}

.iconDelete {
    background-position: -30rem -6.25rem
}

.iconClose {
    background-position: -.25rem -8rem
}

.iconBigClose {
    background-position: 0 -7.75rem
}

.iconUser {
    background-position: -1rem -2.8125rem
}

.iconEye {
    background-position: -1.5rem -6.25rem
}

.iconDatepicker {
    background-position: -1.5rem -6.25rem
}

.iconShare {
    background-position: -12.0625rem -7.75rem
}

.iconMapReference {
    background-position: -2rem -2.75rem
}

.iconBlackShare {
    background-position: -13.6875rem -6.4375rem
}

.iconShareColor {
    background-position: -12.1875rem -7.9375rem
}

.iconDownloadSmall {
    background-position: -10.5rem -7.8125rem
}

.iconTimeLine {
    background-position: -16.5rem -7.75rem
}

.iconFontsize {
    background-position: -15rem -6.25rem
}

.iconList {
    background-position: -3.0625rem -2.6875rem
}

.iconBlueList {
    background-position: -3.0625rem -4.8125rem
}

.iconPdf {
    background-position: -10.3125rem -6.25rem
}

.iconDownload {
    background-position: -10.5rem -6.25rem
}

.iconDownload:hover {
    background-position: -10.5rem -7.75rem
}

.iconDownloadColor {
    background-position: -10.5rem -7.75rem
}

.iconPlay {
    background-position: -33.125rem -6.4375rem
}

.iconExpandView {
    background-position: -34.5625rem -6.25rem
}

.iconCollapseView {
    background-position: -34.5625rem -7.8125rem
}

.iconLeftDoubleChevron,
.iconRightDoubleChevron {
    background-position: -37.5rem -6.25rem
}

.iconLeftDoubleChevron {
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.iconAddBig {
    background-position: -14rem -11.25rem
}

.iconDownCarrot {
    background-position: .125rem -.625rem
}

.iconDownCarrotGrey {
    background-position: .125rem -1.375rem
}

.iconUpCarrot {
    background-position: -129px -60px
}

.iconMore {
    background-position: -15.1875rem -6.4375rem
}

.iconDateOrange {
    background-position: 0 -4.75rem
}

.iconDateBlack {
    background-position: 0 -2.8125rem
}

.iconExternalLink {
    background-position: -13.625rem -7.875rem
}

.iconDownChevron,
.iconUpChevron {
    background-position: 0 0
}

.iconUpChevron {
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.iconAuthor {
    background-position: -1rem -2.75rem
}

.iconDowndownToggle {
    background-position: -15rem -7.75rem
}

.iconPlus {
    background-position: -3.625rem -.625rem
}

.iconTimer {
    background-position: -16.6875rem -9.5rem !important
}

.iconRightWhiteArrow {
    background-position: -10.375rem -15.5625rem
}

.iconViewData {
    background-position: -8.0625rem -2.8125rem
}

.iconViewData.viewed {
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.iconCart {
    background-position: -40.5rem -6.25rem
}

.iconWhiteLock {
    background-position: -42rem -6.25rem
}

.iconCreditDebit {
    background-image: url(../images/credit-debit.svg)
}

.iconPaypal {
    background-image: url(../images/paypal.svg)
}

.iconWallet {
    background-image: url(../images/wallet.svg)
}

.iconMasterCard {
    background-image: url(../images/master-card.svg);
    background-position: center
}

.form-group {
    position: relative;
    margin-bottom: .9375rem;
    border: .0625rem solid #8d959f;
    height: 2.25rem
}

.form-group:after {
    content: '';
    position: absolute;
    height: .125rem;
    width: 0;
    left: 0;
    right: 0;
    margin: auto;
    bottom: -.125rem;
    opacity: 0;
    transition: .3s
}

.form-group.form-textarea {
    height: auto
}

.form-group .form-control {
    border: none;
    height: 35px;
    position: relative;
    z-index: 2;
    padding: .3125rem 1rem;
    background: 0 0;
    width: 100%;
    font-size: .875rem
}

.form-group .form-control:active,
.form-group .form-control:focus {
    -o-box-shadow: none;
    box-shadow: none;
    outline: 0
}

.form-group.floatingLabel label {
    position: absolute;
    top: 0;
    padding: .4375rem 0 0 .8125rem;
    opacity: 1
}

.form-group .form-label {
    font-weight: 300;
    font-size: .875rem;
    min-height: 1.0625rem;
    text-align: left;
    position: absolute;
    top: .5rem;
    left: 0;
    padding: 0 1rem;
    right: 0;
    transition: .3s;
    z-index: 1
}

.form-group .select2-container {
    z-index: 2
}

.form-group.focus:after {
    opacity: 1;
    width: 100%
}

.form-group.filled .form-label,
.form-group.focus .form-label {
    top: -.4375rem;
    left: .625rem;
    padding: 0 .5rem;
    font-size: .625rem;
    color: #ff6e20;
    background: #fff;
    width: -webkit-fit-content;
    width: fit-content
}

.form-group .passwordShowHandler {
    position: absolute;
    right: .625rem;
    top: .3125rem;
    z-index: 2
}

.form-control:focus {
    outline: 0;
    box-shadow: none
}

.landingFilterLayout {
    position: relative;
    width: 59.5rem
}

.landingFilterLayout.highlightSearchView {
    z-index: 3000
}

@media only screen and (max-width:991px) {
    .landingFilterLayout {
        width: 100%
    }
}

.landingDropdowns {
    width: 54.375rem;
    height: 3.375rem;
    border: .1875rem solid #d8e3e9;
    background-color: #fff;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: start;
    justify-content: start;
    -ms-flex-align: center;
    align-items: center
}

@media only screen and (max-width:991px) {
    .landingDropdowns {
        width: 100%;
        max-width: 50%;
        margin: 0 auto;
        margin-bottom: 1.25rem;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-direction: column;
        flex-direction: column;
        height: 100%;
        border: none;
        box-shadow: none
    }
}

@media only screen and (max-width:767px) {
    .landingDropdowns {
        max-width: 100%
    }
}

.landingDropdowns.searchStepDropdown .form-group {
    width: 16.4375rem
}

.landingDropdowns .form-group {
    width: 16.5rem;
    height: 2.875rem;
    padding-top: 0;
    position: relative;
    z-index: 0;
    border: none
}

.landingDropdowns .form-group.disabledForm {
    opacity: .35
}

.landingDropdowns .form-group .select2-selection__arrow {
    right: .9375rem
}

.landingDropdowns .form-group:before {
    content: "";
    position: absolute;
    top: .8125rem;
    right: 0;
    width: .0625rem;
    height: 1.25rem;
    background: #d8e3e9
}

.landingDropdowns .form-group .form-label {
    padding: 0 .9375rem;
    margin: 0;
    top: .8125rem
}

.landingDropdowns .form-group .select2-container {
    width: inherit !important
}

@media only screen and (max-width:1199px) {
    .landingDropdowns .form-group {
        width: 15rem
    }
}

@media only screen and (max-width:991px) {
    .landingDropdowns .form-group {
        width: 100%;
        height: 3.375rem;
        border: .1875rem solid #d8e3e9;
        box-shadow: 0 .1875rem .375rem rgba(106, 104, 101, .16)
    }
}

.landingDropdowns .form-group.filled .form-label,
.landingDropdowns .form-group.focus .form-label {
    font-size: .75rem;
    top: .1875rem;
    left: .5rem;
    color: #8d959f;
    background: #fff;
    display: inline-block;
    width: -webkit-fit-content;
    width: fit-content;
    padding-left: .5rem
}

.landingDropdowns .form-group .select2-container .select2-selection--single {
    height: 2.5rem
}

.landingDropdowns .form-group .select2-container .select2-selection--single .select2-selection__arrow {
    top: .5rem
}

.landingDropdowns .form-group .select2-container .select2-selection--single .select2-selection__rendered {
    line-height: 3.4375rem;
    margin-right: 1.25rem;
    padding: 0 1rem
}

.landingDropdowns .form-group .select2-container .selection .select2-selection .select2-selection__arrow b {
    border: 0;
    background-position: -.75rem -.0625rem
}

.postDataSearchBlock {
    position: fixed;
    width: 56.25rem;
    height: 6.875rem;
    top: -.875rem;
    left: 0;
    right: 0;
    z-index: 1200
}

.postDataSearchBlock .focusedSearchInput {
    animation: none !important;
    margin-top: 1.375rem;
    width: 100%;
    position: absolute
}

.postDataSearchBlock .landingFilterLayout {
    width: 100%
}

.postDataSearchBlock .landingDropdowns {
    width: 50rem
}

.postDataSearchBlock .landingDropdowns .form-group {
    width: 15rem
}

@media only screen and (max-width:1440px) {
    .postDataSearchBlock {
        width: 41.875rem;
        z-index: 1200
    }
    .postDataSearchBlock .landingDropdowns {
        width: 35.9375rem
    }
    .postDataSearchBlock .landingDropdowns .form-group {
        width: 10.4375rem
    }
}

@media only screen and (max-width:991px) {
    .submitQuery {
        width: calc(100% - 60px);
        margin-left: 0;
        margin-right: 4.0625rem;
        height: 3.375rem;
        border: .0625rem solid #d8e3e9
    }
}

.submitQuery.btn-secondary {
    color: #7b7b7b;
    background: #d8e3e9;
    border-color: #d8e3e9
}

.submitQuery.btn-secondary:focus,
.submitQuery.btn-secondary:focus:active,
.submitQuery.btn-secondary:hover {
    box-shadow: none;
    color: #7b7b7b;
    background: #d8e3e9;
    border-color: #d8e3e9
}

.globalSearchForm {
    width: 3.375rem;
    height: 3.375rem;
    position: absolute;
    transition: all cubic-bezier(.39, .575, .565, 1) .5s;
    right: 0
}

@media only screen and (max-width:991px) {
    .globalSearchForm {
        right: 25%;
        bottom: 1.25rem
    }
}

@media only screen and (max-width:767px) {
    .globalSearchForm {
        right: 0
    }
}

.globalSearchForm.expanded {
    position: relative;
    width: 100%;
    max-width: 100%;
    right: 0;
    height: 36px;
    margin: 0 0 1.875rem !important
}

@media only screen and (max-width:991px) {
    .globalSearchForm.expanded {
        margin: 0 !important
    }
}

.globalSearchForm.expanded input,
.globalSearchForm.expanded input.focus {
    padding-left: 2.8125rem !important;
    width: 100%
}

.globalSearchForm.expanded input.focus.globalSearchInput,
.globalSearchForm.expanded input.globalSearchInput {
    border-width: 1px
}

.globalSearchForm.expanded.active {
    width: 100%;
    position: relative
}

.globalSearchForm.expanded.focusedSearchInput {
    position: relative;
    width: 100%;
    animation: none
}

.globalSearchForm.expanded .autocomplete input {
    height: 100%;
    width: 100%;
    padding: .5rem 1rem .5rem 3.125rem;
    cursor: auto
}

.globalSearchForm.expanded .searchbox {
    top: .875rem
}

.globalSearchForm.expanded .searchbox .searchList {
    border-width: 1px
}

.globalSearchForm.expanded.focusedSearchInput .removeSearchInput {
    top: -1rem
}

.globalSearchForm.active {
    position: absolute;
    width: 59.5rem;
    right: 0
}

@media only screen and (max-width:991px) {
    .globalSearchForm.active {
        width: 100%
    }
}

.globalSearchForm .removeSearchInput {
    position: absolute;
    right: .625rem;
    top: .875rem;
    z-index: 10
}

.globalSearchForm.focusedSearchInput {
    position: fixed;
    z-index: 1031;
    right: 0;
    left: 0;
    margin: 5rem auto;
    animation: animateSearchPosition 1s cubic-bezier(.39, .575, .565, 1) forwards
}

@media only screen and (max-width:991px) {
    .globalSearchForm.focusedSearchInput {
        width: calc(100% - 30px)
    }
}

.globalSearchForm.focusedSearchInput .removeSearchInput {
    top: -.5rem
}

.globalSearchForm input[type=text] {
    background: #fff url(../images/search.svg) no-repeat 1rem center;
    background-size: .875rem;
    border: solid .1875rem #d8e3e9;
    border-radius: 0;
    transition: all .5s;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2
}

.globalSearchForm input[type=text] {
    width: 3.375rem;
    height: 3.375rem;
    color: transparent;
    cursor: pointer;
    font-size: .875rem;
    color: #404040;
    font-weight: 500
}

.globalSearchForm input[type=text].active {
    width: 100%;
    padding-left: 2.8125rem;
    cursor: auto;
    outline: 0
}

@media only screen and (max-width:991px) {
    .globalSearchForm input[type=text].active {
        width: 100%
    }
}

.globalSearchForm.focusedSearchInput input[type=text].active {
    margin-top: -1.375rem
}

.globalSearchForm input[type=text]:-moz-placeholder {
    color: transparent
}

.globalSearchForm input[type=text]::-webkit-input-placeholder {
    color: transparent
}

.globalSearchForm #searchList1,
.globalSearchForm .searchList {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    border: .1875rem solid #d8e3e9;
    background: #fff;
    z-index: 10;
    box-shadow: 0 .1875rem .375rem 0 rgba(0, 0, 0, .07)
}

.globalSearchForm #searchList1 li,
.globalSearchForm .searchList li {
    padding: .75rem .9375rem;
    cursor: pointer;
    font-size: .875rem;
    color: #828994;
    position: relative
}

@media only screen and (max-width:991px) {
    .globalSearchForm #searchList1 li,
    .globalSearchForm .searchList li {
        padding-right: 2.5rem
    }
}

.globalSearchForm #searchList1 li .textChange,
.globalSearchForm .searchList li .textChange {
    font-size: .75rem;
    color: #404040
}

.globalSearchForm #searchList1 li .verticalDivider,
.globalSearchForm .searchList li .verticalDivider {
    margin: 0 .9375rem;
    z-index: 0
}

.globalSearchForm #searchList1 li .navigateItem,
.globalSearchForm .searchList li .navigateItem {
    position: absolute;
    right: .75rem;
    top: .625rem;
    z-index: 1;
    display: none
}

@media only screen and (max-width:991px) {
    .globalSearchForm #searchList1 li .navigateItem,
    .globalSearchForm .searchList li .navigateItem {
        display: block
    }
}

.globalSearchForm #searchList1 li:hover,
.globalSearchForm .searchList li:hover {
    background: #d8e3e9
}

.globalSearchForm #searchList1 li:hover .navigateItem,
.globalSearchForm .searchList li:hover .navigateItem {
    display: block
}

.globalSearchForm #searchList1 li:nth-child(n+6),
.globalSearchForm .searchList li:nth-child(n+6) {
    display: none
}

.postDataSearchBlock .globalSearchForm.active {
    width: 46.25rem
}

.headerFlatSearch .form-control {
    background: #f3f3f3 url(../images/search.svg) no-repeat .6875rem center;
    background-size: .875rem;
    border: solid .0625rem #d8e3e9;
    border-radius: 1.5625rem;
    transition: all .5s;
    z-index: 2;
    padding-left: 1.875rem;
    font-size: .875rem
}

.headerFlatSearch .form-control.active {
    background-color: #fff
}

.headerFlatSearch .form-control:-moz-placeholder {
    color: #7b7b7b
}

.headerFlatSearch .form-control::-webkit-input-placeholder {
    color: #7b7b7b
}

.navbarRightMenu {
    width: 100%
}

@media only screen and (max-width:991px) {
    .navbarRightMenu {
        width: auto
    }
}

.navbarRightMenu.navbar-menu .nav-item {
    min-width: 1.75rem
}

.navbarRightMenu .nav-item {
    width: auto;
    transition: all linear .3s
}

.navbarRightMenu .nav-item.full {
    width: 100%
}

.navbarRightMenu .nav-item.full .headerFlatSearch .autocomplete .form-control {
    width: 100%;
    padding-left: 30px
}

.navbarRightMenu .nav-item .headerFlatSearch .autocomplete {
    position: relative;
    z-index: 0;
    transition: all linear .16s
}

.navbarRightMenu .nav-item .headerFlatSearch .autocomplete:before {
    content: '';
    height: 1.5rem;
    width: 1.5rem;
    top: .1875rem;
    left: .5625rem;
    position: absolute;
    background: url(../images/spritesheet.svg) no-repeat;
    background-position: -4.5rem -6.25rem;
    z-index: 0
}

.navbarRightMenu .nav-item .headerFlatSearch .autocomplete .form-control {
    cursor: pointer;
    height: 30px;
    width: 20px;
    font-size: 12px;
    padding-left: 18px;
    border: 0;
    background: rgba(0, 0, 0, 0);
    transition: all linear .16s;
    z-index: 1;
    border-radius: 4px
}

@keyframes animateSearchPosition {
    0% {
        top: 60%;
        opacity: 0
    }
    100% {
        top: 1.875rem;
        opacity: 1
    }
}

.searchbox {
    position: absolute;
    top: 1.875rem;
    right: 0;
    width: 100%
}

.searchbox .searchloader {
    height: 12.5rem;
    background: url(../images/progress.gif) 50% 50% no-repeat;
    z-index: 10;
    background-size: 6.875rem;
    border: .1875rem solid #d8e3e9;
    background-color: #fff;
    z-index: 10
}

.tendorSearch {
    position: relative
}

.tendorSearch .search {
    font-size: .875rem;
    border: none;
    background-color: #d8e3e9;
    -webkit-border-radius: 1.4375rem;
    -moz-border-radius: 1.4375rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    height: 1.875rem;
    padding: .8125rem .625rem .9375rem 2.5rem
}

.tendorSearch .search::-webkit-input-placeholder {
    font-size: .6875rem
}

.tendorSearch .search::-moz-placeholder {
    font-size: .6875rem
}

.tendorSearch .search:-ms-input-placeholder {
    font-size: .6875rem
}

.tendorSearch .search:-moz-placeholder {
    font-size: .6875rem
}

.tendorSearch .search:focus {
    outline: 0
}

.tendorSearch .iconSearch {
    position: absolute;
    top: .5625rem;
    left: .9375rem
}

.filterHeader .resetFilter {
    cursor: pointer;
    color: #2a9df5
}

.filterHeader .resetFilter:hover {
    color: #404040
}

.filterBlock {
    margin-bottom: 1.875rem
}

.filterBlock button.btn.btn-block {
    height: 2.5rem;
    padding: .4375rem 1rem;
    color: #fff;
    font-size: .75rem;
    background: #2a9df5
}

.filterBlock button.btn.btn-block:hover {
    color: #2a9df5;
    background: #fff;
    border-color: #2a9df5
}

.filterBlock button.btn.btn-block:hover i {
    background-position: -10.3125rem -13.5625rem
}

.filterBlock .form-group {
    height: 3.125rem;
    margin: 0;
    border-width: 0 1px 1px 1px;
    border-color: #d8e3e9;
    background: #fff
}

.filterBlock .form-group.form-item-label {
    height: 1.5rem;
    border-bottom: 0;
    background: #fff7f2;
    color: #8d959f;
    padding: .3125rem .5rem .3125rem .625rem
}

.filterBlock .form-group .form-label {
    top: calc(50% - 10px);
    padding: 0 1.25rem 0 .625rem
}

.filterBlock .collapsibleBlock .form-group i.collapseToggler:after,
.filterBlock .form-group .collapsibleBlock i.collapseToggler:after,
.filterBlock .form-group i.icon {
    position: absolute;
    top: calc(50% - 6px);
    right: 8px
}

.filterBlock .form-group .select2-container {
    top: .3125rem
}

.filterBlock .form-group .select2-container .selection .select2-selection .select2-selection__rendered {
    position: relative
}

.filterBlock .form-group .select2-container .selection .select2-selection .select2-selection__arrow b {
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.filterBlock .form-group.filled .form-label {
    left: 0;
    top: .3125rem;
    font-size: .75rem;
    color: #8d959f
}

.filterBlock .form-group.filled .select2-container .select2-selection__rendered {
    font-size: .875rem;
    font-weight: 600;
    padding: 0 1rem 0 .625rem;
    text-transform: none;
    top: .625rem
}

.filterBlock .form-group.filled input {
    top: .875rem;
    font-weight: 600;
    padding: 0 1rem 0 .625rem
}

.filterBlock .form-group.focus .form-label {
    left: 0;
    top: .3125rem;
    font-size: .75rem;
    color: #8d959f
}

.filterBlock .form-group.focus input {
    top: .875rem;
    padding: 0 1rem 0 .625rem
}

.filterBlock .form-group:first-child {
    border-width: 1px
}

.filterBlock .form-group:last-of-type {
    margin-bottom: .75rem
}

.filterBlock .collapsibleBlock .collapseToggler {
    display: block;
    background: #fbfbfb;
    color: #828994;
    padding: .3125rem .9375rem;
    position: relative
}

.filterBlock .collapsibleBlock .collapseToggler:after {
    content: "";
    position: absolute;
    right: .5rem
}

.custom-checkbox .custom-control-label {
    font-size: .75rem;
    line-height: 1.125rem;
    color: #828994
}

.custom-checkbox .custom-control-input {
    left: 0;
    z-index: 3;
    top: .1875rem
}

.custom-checkbox .custom-control-input:checked~.custom-control-label::before {
    border-color: #2a9df5;
    background-color: #fff
}

.custom-checkbox .custom-control-input:checked~.custom-control-label::after {
    background-color: #2a9df5
}

.custom-checkbox .custom-control-input:focus,
.custom-checkbox .custom-control-input:hover {
    outline: 0;
    box-shadow: none
}

.custom-checkbox .custom-control-input:focus:checked~.custom-control-label::after,
.custom-checkbox .custom-control-input:focus:checked~.custom-control-label::before,
.custom-checkbox .custom-control-input:hover:checked~.custom-control-label::after,
.custom-checkbox .custom-control-input:hover:checked~.custom-control-label::before {
    outline: 0;
    box-shadow: none
}

.custom-checkbox .custom-control-label:before {
    height: .6875rem;
    width: .6875rem;
    border: .0625rem solid #8d959f;
    background: #fff;
    border-radius: .125rem
}

.custom-checkbox .custom-control-label:after {
    height: .4375rem;
    width: .4375rem;
    background-image: none !important;
    top: .375rem;
    left: -1.375rem;
    background: #fff;
    border-radius: .0625rem
}

.cardRadio .custom-control-label::after,
.cardRadio .custom-control-label::before {
    top: .5rem
}

.card {
    border-color: #d8e3e9;
    margin-bottom: 1.875rem;
    border-radius: 0
}

.card.messageBoard {
    border: 1px solid #ff6e20;
    background: #fff7f2;
    margin: 0
}

.card.imageInfoCard {
    background: 0 0
}

.card.imageInfoCard.imageInfoSmallCard .imageInfoCardInfo {
    padding: 0
}

.card.imageInfoCard .imageInfoCardImage {
    height: 8.6875rem
}

.card.imageInfoCard .imageInfoCardImage img {
    width: 100%;
    height: 100%
}

.card.imageInfoCard .card-body {
    padding: .9375rem
}

.card.imageInfoCard .card-title {
    font-size: .875rem;
    margin-bottom: .625rem;
    padding-right: .625rem;
    font-weight: 700;
    min-height: 2.8125rem
}

.card.imageInfoCard .card-author {
    font-size: .75rem
}

.card.imageInfoCard .imageInfoCardInfo {
    padding: 10px;
    position: relative
}

.card.imageInfoCard .imageInfoCardFeatureDropdown.show .iconDowndownToggle {
    background-position: -15rem -9.3125rem
}

.card.imageInfoCard .imageInfoCardFeatureDropdown .dropdown-toggle:after {
    display: none
}

.card.tenderCard {
    position: relative
}

.card.tenderCard .card-body {
    padding: .9375rem
}

.card.tenderCard .tenderImageBlock {
    width: 12.5rem
}

@media only screen and (max-width:767px) {
    .card.tenderCard .tenderImageBlock {
        width: 100%
    }
}

.card.tenderCard .tenderDeadline {
    position: absolute;
    right: 0;
    top: 0;
    background: #fbfbfb;
    width: 12.5rem;
    height: 100%
}

@media only screen and (max-width:991px) {
    .card.tenderCard .tenderDeadline {
        width: 6.25rem;
        height: 6.25rem;
        padding: .3125rem;
        right: .9375rem;
        top: auto;
        bottom: .9375rem
    }
}

@media only screen and (max-width:767px) {
    .card.tenderCard .tenderDeadline {
        top: .9375rem;
        bottom: auto
    }
}

.card .addImage {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    width: 4rem;
    height: 4rem;
    background: #f1faff;
    margin-bottom: 1.25rem;
    border: 1px solid #fff;
    transition: all linear .16s;
    cursor: pointer
}

.card .addImage i {
    -ms-transform: rotate(0);
    transform: rotate(0);
    transition: all linear .16s
}

.card .addImage:hover {
    background: #fff;
    border-color: #2a9df5;
    border-radius: 50%
}

.card .addImage:hover i {
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.card .card-subtitle {
    font-size: .875rem;
    color: #828994;
    text-align: center;
    line-height: 1.5rem
}

.card.statisticsCard {
    transition: all cubic-bezier(.6, -.28, .735, .045) .5s
}

.card.statisticsCard.expandView {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1040;
    border: none;
    background: rgba(0, 0, 0, .35)
}

.card.statisticsCard.expandView .cardHead {
    padding: 0 0 1.25rem 0
}

.card.statisticsCard.expandView .cardHead .microSiteCategory .microSiteDropdown a .drilldownToNextLevel,
.card.statisticsCard.expandView .cardHead .primaryHeader .drilldownToNextLevel,
.microSiteCategory .microSiteDropdown .card.statisticsCard.expandView .cardHead a .drilldownToNextLevel {
    display: none
}

.card.statisticsCard.expandView .card-body {
    height: 100%;
    overflow: auto;
    padding: 1.875rem;
    margin: 2rem;
    background: #fff
}

.card.statisticsViewedCard {
    min-width: 11.25rem
}

.card.caseStudyCard {
    position: relative;
    min-height: 21.25rem
}

@media only screen and (max-width:991px) {
    .card.caseStudyCard {
        min-height: 18.75rem
    }
}

.card.caseStudyCard .caseStudyImage {
    position: absolute;
    width: 100%;
    height: 100%
}

.card.caseStudyCard .card-body {
    position: relative;
    z-index: 1
}

.card.caseStudyCard .caseStudyInformation {
    color: #fff;
    background: rgba(0, 0, 0, .35)
}

.card.crowdFundingCard {
    min-height: 22.5rem
}

.card.crowdFundingCard .card-body {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    color: #fff;
    background: rgba(0, 127, 188, .7)
}

.card.crowdFundingCard:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../images/crowdFunding.png) no-repeat;
    background-size: cover
}

.card.cardTenderHorizontal {
    padding: 1.875rem 2.125rem;
    margin: 0 0 !important
}

@media (min-width:1200px) {
    .card.cardTenderHorizontal {
        margin: 0 16px !important
    }
}

.card.cardTenderHorizontal.active {
    background: linear-gradient(269deg, #36bcfc, #0e87e4) !important;
    margin: 0;
    padding: 65px
}

.card.cardTenderHorizontal.active .titleNum {
    font-size: 42px
}

.card.cardTenderHorizontal.active .sub {
    font-size: 31px;
    font-weight: 400
}

.card.cardTenderHorizontal .titleNum {
    font-size: 24px
}

.card.cardTenderHorizontal .sub {
    font-size: 24px;
    font-weight: 400
}

.card.tendersHomeItem {
    padding: 1.875rem 2.125rem;
    margin: 0 3.75rem 1.875rem;
    transition: all ease-in-out .5s
}

@media screen and (max-width:767px) {
    .card.tendersHomeItem {
        padding: 1.25rem 1.5625rem;
        margin: 0 1.25rem 1.25rem
    }
    .card.tendersHomeItem .fontSize28 {
        font-size: 1.5rem
    }
}

.card.tendersHomeItem.active {
    background: #2a9df5;
    color: #fff;
    margin: 0 0 1.875rem
}

.card.cardHomeTender.activeCard {
    background: #2a9df5;
    color: #fff
}

.card.bordererdCard {
    border-width: .1875rem
}

.specialCard {
    background: #828994;
    padding: 1.875rem 0;
    margin-bottom: 2.5rem
}

.tendersCard {
    border: .0625rem solid #d8e3e9;
    border-radius: .25rem;
    overflow: hidden;
    margin-bottom: 1.875rem;
    background: #fff
}

.tendersCard .tendersImage {
    max-height: 8.75rem;
    background-color: #d8e3e9;
    overflow: hidden
}

.featureCardList .featureCard {
    margin-bottom: 2.5rem
}

.featureCard {
    overflow: hidden;
    min-height: 15rem;
    border-width: .1875rem
}

.featureCard.reportCard {
    min-height: 17.5rem;
    position: relative;
    overflow: visible
}

.featureCard.reportCard .specialReportStatus {
    width: 3.4375rem;
    height: 3.75rem;
    position: absolute;
    right: 6.25rem;
    top: -.1875rem;
    z-index: 3;
    background: #ff6e20;
    padding: 1.25rem .9375rem
}

@media screen and (max-width:991px) {
    .featureCard.reportCard .specialReportStatus {
        right: auto;
        left: 1.25rem
    }
}

.featureCard.reportCard .featureCardImage {
    width: 100%;
    max-width: 15rem
}

@media screen and (max-width:991px) {
    .featureCard.reportCard .featureCardImage {
        max-width: 18.75rem
    }
}

@media screen and (max-width:767px) {
    .featureCard.reportCard .featureCardImage {
        max-width: 100%
    }
}

.featureCard.reportCard .reportBottomRight {
    min-width: 8.25rem
}

.featureCard .featureCardInfo {
    background: #fff;
    position: relative
}

.featureCard .featureCardImage {
    position: relative;
    overflow: hidden
}

.featureCard .featureCardImage .reportReadInfo {
    position: absolute;
    bottom: 1.25rem;
    left: 0;
    width: 100%;
    padding: 0 1.875rem;
    z-index: 1;
    font-size: .75rem;
    color: #fff
}

@media screen and (max-width:767px) {
    .featureCard .featureCardImage .reportReadInfo {
        padding: 0 .625rem
    }
}

.featureDataBlock {
    position: relative;
    width: 100%;
    height: 100%
}

.featureDataBottom .featureLeftData a {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.featureDataBottom .viewFeatureDetails {
    position: absolute;
    bottom: -.9375rem;
    left: 0;
    width: calc(100% - 40px);
    margin: 0 1.25rem
}

@media screen and (max-width:991px) {
    .featureDataBottom .viewFeatureDetails {
        width: 100%;
        left: 0;
        margin: 0
    }
}

.featureDataBottom .viewFeatureDetails:before {
    content: "";
    position: absolute;
    bottom: .3125rem;
    left: 0;
    width: 100%;
    height: .0625rem;
    background-color: #d8e3e9
}

.featureDataBottom .viewFeatureDetails span {
    background-color: #fff;
    padding-right: 1.5625rem;
    position: relative;
    z-index: 1
}

@media screen and (max-width:991px) {
    .eventRightData {
        position: absolute;
        right: .625rem;
        top: 0
    }
}

.featuredTender {
    background-color: #fff7f2;
    padding: .9375rem 0
}

.featuredTender .tenderCard {
    position: relative
}

.featuredTender .tenderCard .card-body {
    padding: .9375rem
}

.featuredTender .tenderCard .tenderImageBlock {
    width: 12.5rem
}

@media only screen and (max-width:767px) {
    .featuredTender .tenderCard .tenderImageBlock {
        width: 100%
    }
}

.featuredTender .tenderCard .tenderDeadline {
    position: absolute;
    right: 0;
    top: 0;
    background: #fbfbfb;
    width: 12.5rem;
    height: 100%
}

@media only screen and (max-width:991px) {
    .featuredTender .tenderCard .tenderDeadline {
        width: 6.25rem;
        height: 6.25rem;
        padding: .3125rem;
        right: .9375rem;
        top: auto;
        bottom: .9375rem
    }
}

@media only screen and (max-width:767px) {
    .featuredTender .tenderCard .tenderDeadline {
        top: .9375rem;
        bottom: auto
    }
}

@media only screen and (max-width:767px) {
    .authorDescription {
        margin-left: -6.25rem;
        margin-top: 1.25rem
    }
}

@media only screen and (max-width:991px) {
    .eventLeftData {
        margin-bottom: .625rem
    }
}

.eventLeftData a:first-child {
    position: relative
}

.eventLeftData a:first-child:after {
    content: "";
    border-right: .0625rem solid #d8e3e9;
    position: absolute;
    right: 0;
    width: .0625rem;
    height: .75rem
}

.tenderCategoryCards {
    max-width: 100%;
    white-space: nowrap;
    overflow: auto
}

.tenderCategoryCards .card {
    width: 11.6125rem;
    display: inline-block;
    margin-right: -.3125rem
}

.specialReport {
    padding: 1.5625rem 3.125rem;
    background: #f2f9ff;
    max-width: 31.25rem;
    font-size: 1.25rem;
    line-height: 1.875rem;
    position: relative
}

.specialReportList a {
    display: block;
    padding: .5rem 0;
    border-bottom: .0625rem solid #d8e3e9
}

.specialReportList a i {
    margin-right: .625rem;
    vertical-align: bottom
}

.specialReportList a:last-child {
    border: none
}

@media (min-width:1200px) {
    .tenderFeatureHorizontalContent {
        height: 260px
    }
}

.nav-tabs {
    border: none;
    margin-top: 1.25rem;
    position: relative
}

.nav-tabs .nav-item {
    margin: 0
}

.nav-tabs .nav-item .nav-link {
    color: #404040;
    margin-right: 0;
    position: relative;
    padding-left: 25px;
    padding-right: 25px;
    border: none
}

@media only screen and (max-width:1365px) {
    .nav-tabs .nav-item .nav-link {
        padding-left: 15px;
        padding-right: 15px
    }
}

@media only screen and (max-width:991px) {
    .nav-tabs .nav-item .nav-link {
        margin-right: 1.5625rem
    }
}

@media only screen and (max-width:767px) {
    .nav-tabs .nav-item .nav-link {
        font-size: .9375rem;
        margin-right: .9375rem
    }
}

.nav-tabs .nav-item .nav-link.active {
    border: none;
    color: #ff6e20;
    border-bottom: .1875rem solid #ff6e20;
    background: 0 0
}

.nav-tabs .nav-item .nav-link:focus,
.nav-tabs .nav-item .nav-link:hover {
    border: none;
    border-bottom: .1875rem solid #ff6e20;
    color: #ff6e20
}

.nav-tabs .nav-item .nav-link.active~.postAdditionOptions {
    display: block
}

.nav-tabs .nav-item .nav-link:before {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    width: 1px;
    height: 10px;
    background-color: #d3d8d9
}

.nav-tabs .nav-item:first-child .nav-link {
    padding-left: 0
}

.nav-tabs .nav-item:last-child .nav-link {
    padding-right: 0
}

.nav-tabs .nav-item:last-child .nav-link:before {
    content: none
}

.nav-tabs.tabListWithBorder {
    border-bottom: .0625rem solid #d8e3e9 !important;
    margin-top: 0;
    margin-bottom: 1.5rem
}

.postAdditionOptions {
    position: absolute;
    right: 0;
    top: 0;
    display: none
}

@media only screen and (max-width:767px) {
    .postAdditionOptions {
        top: 3rem
    }
}

.postAdditionOptions .list-inline .list-inline-item {
    font-size: 12px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    margin-right: .9375rem;
    padding: 0
}

.postAdditionOptions .list-inline .list-inline-item.dropdown {
    margin-right: 0
}

.postAdditionOptions .list-inline .list-inline-item:before {
    content: "|";
    color: #d8e3e9;
    margin-right: .5rem
}

.postAdditionOptions .list-inline .list-inline-item.languageDropdown .select2-selection__rendered {
    color: #2a9df5
}

.postAdditionOptions .list-inline .list-inline-item.languageDropdown .select2-selection__arrow b {
    background-position: -.0625rem -.8125rem
}

@media only screen and (max-width:767px) {
    .postAdditionOptions .list-inline .list-inline-item.compare {
        display: none
    }
}

.postAdditionOptions .list-inline .list-inline-item.compare a {
    color: #2a9df5;
    font-weight: 600
}

.postAdditionOptions .list-inline .list-inline-item:first-child:before {
    content: none
}

.postAdditionOptions .list-inline .list-inline-item:first-child:last-child:before {
    content: none
}

@media only screen and (max-width:991px) {
    .tab-content {
        padding-top: 1.875rem
    }
}

.tabs-box__content .sectionWithTabs {
    padding-left: 0
}

@media only screen and (max-width:991px) {
    .tabs-box__content .sectionWithTabs {
        padding-left: 0;
        padding-top: 1.875rem
    }
}

.tabs-box--featured-tab .tabs-box__content .sectionWithTabs {
    min-height: auto
}

@media only screen and (max-width:991px) {
    .tabs-box--featured-tab .tabs-box__content .sectionWithTabs {
        padding-left: 0;
        padding-top: 0
    }
}

.tabs-box--prices .tabs-box__content .sectionWithTabs {
    min-height: auto
}

@media only screen and (max-width:991px) {
    .tabs-box--prices .tabs-box__content .sectionWithTabs {
        padding-left: 0;
        padding-top: 0
    }
}

.tabs-box--products .tabs-box__content .sectionWithTabs .nav-pills-container {
    position: relative
}

.tabs-box--check .tabs-box__content .sectionWithTabs .nav-pills-container {
    position: relative
}

.tabs-box__content .sectionWithTabs .nav-pills {
    position: static;
    width: auto;
    padding-top: 0;
    border-right: none;
    min-height: auto;
    margin-bottom: 25px;
    background: 0 0;
    transition: all linear .16s
}

@media only screen and (max-width:1365px) {
    .tabs-box__content .sectionWithTabs .nav-pills {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -ms-overflow-style: none;
        scrollbar-width: none
    }
    .tabs-box__content .sectionWithTabs .nav-pills::-webkit-scrollbar {
        display: none
    }
}

.tabs-box--featured-tab .tabs-box__content .sectionWithTabs .nav-pills {
    display: -ms-flexbox;
    display: flex;
    overflow-x: auto;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-overflow-style: none;
    scrollbar-width: none
}

.tabs-box--featured-tab .tabs-box__content .sectionWithTabs .nav-pills::-webkit-scrollbar {
    display: none
}

@media (max-width:991px) {
    .tabs-box--featured-tab .tabs-box__content .sectionWithTabs .nav-pills {
        margin-bottom: 0;
        border-bottom: none
    }
}

.tabs-box--prices .tabs-box__content .sectionWithTabs .nav-pills {
    border-bottom: 1px solid #d8e3e9;
    padding-bottom: 16px
}

@media (max-width:1365px) {
    .tabs-box--prices .tabs-box__content .sectionWithTabs .nav-pills {
        margin-bottom: 0;
        -ms-overflow-style: none;
        scrollbar-width: none
    }
    .tabs-box--prices .tabs-box__content .sectionWithTabs .nav-pills::-webkit-scrollbar {
        display: none
    }
    .tabs-box--prices .tabs-box__content .sectionWithTabs .nav-pills.remove-overflow {
        overflow: visible;
        overflow-x: clip
    }
}

.tabs-box--products .tabs-box__content .sectionWithTabs .nav-pills {
    overflow-x: auto;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    margin-bottom: 0;
    padding: 12px 0;
    border-bottom: 1px solid #d8e3e9;
    -ms-overflow-style: none;
    scrollbar-width: none
}

.tabs-box--products .tabs-box__content .sectionWithTabs .nav-pills::-webkit-scrollbar {
    display: none
}

.tabs-box--check .tabs-box__content .sectionWithTabs .nav-pills {
    overflow-x: auto;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    margin-bottom: 0;
    border-bottom: none;
    -ms-overflow-style: none;
    scrollbar-width: none
}

.tabs-box--check .tabs-box__content .sectionWithTabs .nav-pills::-webkit-scrollbar {
    display: none
}

.tabs-box__content .sectionWithTabs .nav-pills .nav-link {
    color: #404040;
    border-radius: 0;
    padding: .25rem .9375rem;
    position: relative;
    border: 1px solid #d8e3e9;
    margin: 0 9px;
    min-width: 135px;
    text-align: center
}

.tabs-box__content .sectionWithTabs .nav-pills .nav-link:first-child {
    margin-left: 0
}

.tabs-box__content .sectionWithTabs .nav-pills .nav-link:before {
    content: none
}

.tabs-box--featured-tab .tabs-box__content .sectionWithTabs .nav-pills .nav-link {
    min-width: auto;
    padding: 2px 24px;
    white-space: nowrap
}

.tabs-box--products .tabs-box__content .sectionWithTabs .nav-pills .nav-link {
    min-width: 150px
}

.tabs-box--prices .tabs-box__content .sectionWithTabs .nav-pills .nav-link {
    white-space: nowrap
}

.tabs-box--check .tabs-box__content .sectionWithTabs .nav-pills .nav-link {
    border: 1px solid #2a9df5;
    border-radius: 12px;
    padding: 1px .9375rem;
    min-width: 150px
}

.tabs-box__content .sectionWithTabs .nav-pills .nav-link:hover {
    color: #ff6e20;
    background: 0 0;
    border: 1px solid #ff6e20
}

.tabs-box__content .sectionWithTabs .nav-pills .nav-link:hover:before {
    content: none
}

.tabs-box--products .tabs-box__content .sectionWithTabs .nav-pills .nav-link:last-child {
    margin-right: 80px
}

.tabs-box--check .tabs-box__content .sectionWithTabs .nav-pills .nav-link:last-child {
    margin-right: 80px
}

.tabs-box__content .sectionWithTabs .nav-pills .nav-link.active {
    color: #ff6e20;
    background: 0 0;
    border: 1px solid #ff6e20
}

.tabs-box--check .tabs-box__content .sectionWithTabs .nav-pills .nav-link.active {
    border: 1px solid #2a9df5;
    background-color: #2a9df5;
    color: #fff;
    position: relative
}

.tabs-box__content .sectionWithTabs .nav-pills .nav-link.active:before {
    content: none
}

.tabs-box__content .sectionWithTabs .nav-pills .nav-link.active .tab-dropdown {
    display: inline-block
}

.tabs-box__content .sectionWithTabs .nav-pills .nav-link .tab-dropdown {
    display: none
}

.tabs-box--featured-tab .tabs-box__content .sectionWithTabs .tab-content {
    padding-top: 20px
}

.tabs-box--prices .tabs-box__content .sectionWithTabs .tab-content {
    padding-top: 0
}

.sectionWithTabs {
    position: relative;
    min-height: 100vh;
    padding-left: 10.625rem
}

@media only screen and (max-width:991px) {
    .sectionWithTabs {
        padding-left: 0;
        padding-top: 1.875rem
    }
}

.sectionWithTabs.logistics-nav {
    padding-left: 19.375rem
}

.sectionWithTabs.logistics-nav .nav-pills {
    width: 6.5625rem;
    background-image: linear-gradient(180deg, #fff, #fff7f2)
}

.sectionWithTabs.logistics-nav .nav-pills .nav-link {
    padding: .5rem .6875rem;
    text-align: center
}

.sectionWithTabs.logistics-nav .nav-pills .nav-link .icon-normal {
    display: inline-block
}

.sectionWithTabs.logistics-nav .nav-pills .nav-link .icon-active {
    display: none
}

.sectionWithTabs.logistics-nav .nav-pills .nav-link.active .icon-normal {
    display: none
}

.sectionWithTabs.logistics-nav .nav-pills .nav-link.active .icon-active {
    display: inline-block
}

.sectionWithTabs .nav-pills {
    position: fixed;
    width: 10.625rem;
    padding-top: 5rem;
    border-right: .0625rem solid #d8e3e9;
    min-height: 100vh;
    top: 0;
    left: 0;
    z-index: 1;
    background: linear-gradient(to bottom, #fff, #f3f9ff);
    transition: all linear .16s
}

@media only screen and (max-width:991px) {
    .sectionWithTabs .nav-pills {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -ms-flex-direction: row !important;
        flex-direction: row !important;
        min-height: auto;
        top: 0;
        width: 100%;
        overflow: auto;
        border: 0;
        border-bottom: .0625rem solid #d8e3e9;
        z-index: 10
    }
}

.sectionWithTabs .nav-pills .nav-link {
    color: #404040;
    border-radius: 0;
    padding: .5rem .9375rem;
    position: relative
}

@media only screen and (max-width:991px) {
    .sectionWithTabs .nav-pills .nav-link {
        border: none
    }
}

.sectionWithTabs .nav-pills .nav-link:before {
    content: "";
    position: absolute;
    width: .1875rem;
    height: 100%;
    background: #ff6e20;
    left: 0;
    bottom: 0;
    display: none
}

@media only screen and (max-width:991px) {
    .sectionWithTabs .nav-pills .nav-link:before {
        width: 100%;
        height: .25rem
    }
}

.sectionWithTabs .nav-pills .nav-link.active {
    color: #ff6e20;
    background: 0 0
}

.sectionWithTabs .nav-pills .nav-link.active:before {
    display: block
}

.sortByLink {
    padding: 0 1.25rem 0 0;
    margin-right: .625rem
}

.sortByLink:before {
    content: "";
    position: absolute;
    right: .625rem;
    top: .1875rem;
    height: .625rem;
    width: .625rem;
    background: url(../images/spritesheet.svg) no-repeat;
    background-position: -.125rem -.75rem
}

.sortByLink:after {
    display: none
}

.table td,
.table th {
    border: none;
    padding: .625rem .5rem;
    vertical-align: middle
}

.table td.valueCell,
.table th.valueCell {
    text-align: right
}

.table td.tableTitle,
.table th.tableTitle {
    cursor: pointer
}

@media screen and (min-width:992px) {
    .table td.tableTitle,
    .table th.tableTitle {
        white-space: nowrap;
        max-width: 7.5rem;
        overflow: hidden;
        text-overflow: ellipsis
    }
}

.table td.tableTitle .flag-icon,
.table th.tableTitle .flag-icon {
    width: 24px;
    height: 18px
}

.table .tooltip-block .info-title-text {
    display: inline-block;
    font-size: 12px;
    color: #f62323
}

.table .tooltip-block .info-title-text:hover+.custom-tooltip {
    display: block
}

.table .tooltip-block .info-icon {
    display: inline-block
}

.table .tooltip-block .info-icon:hover+.custom-tooltip {
    display: block
}

.table .tooltip-block .custom-tooltip {
    display: none;
    position: absolute;
    bottom: 24px;
    left: 0;
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    min-width: 200px;
    background-color: #fff;
    border: 1px solid #d2e1e9;
    box-shadow: 0 3px 3px rgba(168, 168, 168, .14);
    padding: 4px 8px;
    z-index: 1
}

.table .tooltip-block .custom-tooltip.center-tooltip {
    white-space: nowrap;
    min-width: auto;
    bottom: 30px;
    left: 50%;
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0)
}

.table .tooltip-block .custom-tooltip.center-tooltip:before {
    left: 50%;
    -ms-transform: translate(-50%, 0) rotate(45deg);
    transform: translate(-50%, 0) rotate(45deg);
    right: auto
}

.table .tooltip-block .custom-tooltip.w-auto {
    min-width: 100%;
    white-space: nowrap
}

.table .tooltip-block .custom-tooltip:before {
    content: "";
    position: absolute;
    bottom: -7px;
    left: 20px;
    -ms-transform: translate(-50%, 0) rotate(45deg);
    transform: translate(-50%, 0) rotate(45deg);
    display: inline-block;
    width: 12px;
    height: 12px;
    border: 1px solid #d2e1e9;
    border-left: none;
    border-top: none;
    background-color: #fff
}

.table thead {
    background: #fff
}

.table th {
    font-size: .75rem;
    border-width: .0625rem
}

.table tbody td {
    font-size: .8125rem
}

.table tr {
    border-bottom: .0625rem solid #d8e3e9
}

.table tr:last-child {
    border: none
}

.table tr.parentRow {
    border-bottom: none
}

.table tr.categoryRow {
    background: #fff7f2
}

.table tr.categoryRow td {
    padding: .5rem !important
}

.table tr .childTableBlock {
    background: #f6f9fb
}

.table tr .childTableBlock table {
    border: 0
}

.table tr .childTableBlock table thead {
    display: none
}

.table tr tr .lineBehindElement span {
    background: rgba(0, 0, 0, .005)
}

.table.responsiveTabledata {
    border-width: 1px 0 0 0;
    border-color: #d8e3e9;
    overflow: hidden
}

.table.responsiveTabledata.overflow-visible {
    overflow: visible
}

.table.responsiveTabledata thead tr {
    -o-box-shadow: 0 3px 6px rgba(1, 102, 180, .16);
    box-shadow: 0 3px 6px rgba(1, 102, 180, .16)
}

.table.responsiveTabledata thead tr th {
    padding: 1rem .5rem
}

.table.responsiveTabledata tbody {
    counter-reset: section
}

.table.responsiveTabledata tbody tr td {
    padding: 1.875rem .5rem
}

.table.responsiveTabledata tbody tr td.childRowCell {
    font-size: .625rem;
    padding: 0
}

.table.responsiveTabledata tbody tr td.childRowCell .dataView {
    color: #2a9df5
}

.table.responsiveTabledata tbody tr td.childRowCell .dataView .length {
    padding: 0;
    color: #2a9df5
}

.table.responsiveTabledata tbody tr td.childRowCell .dataCollapse {
    color: #2a9df5
}

.table.responsiveTabledata tbody tr td.childRowCell .lineBehindElement {
    width: 70%;
    margin: 0 auto
}

.table.responsiveTabledata tbody tr td.td-flag .form-check {
    position: relative;
    display: none;
    height: 1.5rem;
    padding: 0;
    margin: 0;
    text-align: center;
    width: 1.5rem;
    border: 0
}

.table.responsiveTabledata tbody tr td.td-flag .form-check .form-check-input {
    position: absolute;
    margin: 0;
    left: 0;
    height: 0;
    width: 0;
    opacity: 0
}

.table.responsiveTabledata tbody tr td.td-flag .form-check .form-check-input:disabled+label {
    cursor: auto;
    background: #dedede;
    border-color: #dedede
}

.table.responsiveTabledata tbody tr td.td-flag .form-check .form-check-input:checked+label {
    background: #ececec;
    border-color: #ececec
}

.table.responsiveTabledata tbody tr td.td-flag .form-check .form-check-label {
    cursor: pointer;
    position: absolute;
    height: 12px;
    width: 12px;
    border: 1px solid #9f9f9f;
    line-height: 10px;
    font-size: 10px;
    font-weight: 600;
    margin: 0;
    border-radius: 2px
}

.table.responsiveTabledata tbody tr td.td-flag .form-check .form-check-label:hover {
    background: #ececec
}

.table.responsiveTabledata tbody tr td.td-flag .flag-abbr {
    font-size: 12px;
    color: #8d959f;
    margin-top: 2px
}

.table.responsiveTabledata tbody tr td.tableTitle {
    -ms-flex-order: 1;
    order: 1;
    max-width: 13.5rem
}

.table.responsiveTabledata tbody tr td.tableTitle .title {
    font-weight: 600;
    font-size: .875rem
}

.table.responsiveTabledata tbody tr td.tableTitle .sub {
    font-size: .75rem
}

.table.responsiveTabledata tbody tr td.ore-type {
    font-size: .8125rem
}

.table.responsiveTabledata tbody tr td.increased-amount {
    font-size: .8125rem
}

.table.responsiveTabledata tbody tr td.increased-amount .amount {
    font-weight: 700
}

.table.responsiveTabledata tbody tr td.increased-amount .amount .currency {
    font-size: .75rem
}

.table.responsiveTabledata tbody tr td.increased-amount .increase {
    font-size: .75rem
}

.table.responsiveTabledata tbody tr td.increased-amount .increase.up {
    color: #11a743
}

.table.responsiveTabledata tbody tr td.increased-amount .increase.down {
    color: #f62323
}

.table.responsiveTabledata tbody tr td.tax .border {
    border: 1px solid #404040 !important
}

.table.responsiveTabledata tbody tr.recommendedRow td {
    padding: 9px 0;
    font-size: 1rem;
    background-color: #f6f9fb
}

@media screen and (max-width:991px) {
    .table.responsiveTabledata thead {
        display: none
    }
    .table.responsiveTabledata tbody {
        display: block;
        border-radius: 4px
    }
    .table.responsiveTabledata tbody tr {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        position: relative;
        padding: 8px 90px 8px 32px
    }
    .table.responsiveTabledata tbody tr.recommendedRow {
        padding: 8px 10px
    }
    .table.responsiveTabledata tbody tr.recommendedRow td {
        width: 100%;
        padding: 0
    }
    .table.responsiveTabledata tbody tr.recommendedRow td>div {
        width: 100%
    }
    .table.responsiveTabledata tbody tr td {
        display: -ms-flexbox;
        display: flex;
        padding: 0 8px;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    .table.responsiveTabledata tbody tr td.td-flag {
        position: absolute;
        left: 0;
        padding-top: 8px
    }
    .table.responsiveTabledata tbody tr td.td-flag .flagImage {
        margin: 0;
        width: 24px;
        height: 18px
    }
    .table.responsiveTabledata tbody tr td.tableTitle {
        -ms-flex-order: 1;
        order: 1
    }
    .table.responsiveTabledata tbody tr td.ore-type {
        -ms-flex-order: 3;
        order: 3
    }
    .table.responsiveTabledata tbody tr td.ore-type span {
        padding-right: 8px
    }
    .table.responsiveTabledata tbody tr td.increased-amount {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        position: absolute;
        right: 8px;
        bottom: 8px
    }
    .table.responsiveTabledata tbody tr td.unit {
        -ms-flex-order: 5;
        order: 5
    }
    .table.responsiveTabledata tbody tr td.amount {
        display: none
    }
    .table.responsiveTabledata tbody tr td.tax {
        display: none
    }
    .table.responsiveTabledata tbody tr td.status {
        display: none
    }
    .table.responsiveTabledata tbody tr td.feasibility {
        display: none
    }
    .table.responsiveTabledata tbody tr td.icons {
        position: absolute;
        right: 8px;
        top: 8px;
        -ms-flex-order: 2;
        order: 2
    }
    .table.responsiveTabledata tbody tr td.icons a {
        margin: 0
    }
    .table.responsiveTabledata tbody tr td.icons a.chartIcon {
        display: none
    }
    .table.responsiveTabledata tbody tr.childRow {
        padding: 0
    }
    .table.responsiveTabledata tbody tr.childRow td.childRowCell {
        width: 100%;
        padding: 0
    }
    .table.responsiveTabledata tbody tr.childRow td.childRowCell a.toggleChildTableHandler {
        width: 100%
    }
    .table.responsiveTabledata tbody tr.childRow td.childRowCell .childTableBlock {
        padding: 0 8px 8px
    }
    .table.responsiveTabledata tbody td:before {
        display: none
    }
}

.table.compactTable thead tr th {
    background: #fff
}

.table.compactTable tbody {
    border-bottom: 1px solid #d8e3e9
}

.table.compactTable tbody tr td {
    padding: .75rem
}

@media screen and (max-width:767px) {
    .table.compactTable tbody tr td.tableTitle {
        -ms-flex-order: 0;
        order: 0;
        padding: 5px 12px
    }
}

@media screen and (max-width:767px) {
    .table.compactTable tbody tr td.icons {
        padding: 5px 12px
    }
}

@media screen and (max-width:767px) {
    .table.compactTable tbody tr td.updated {
        padding: 5px 12px
    }
}

@media screen and (max-width:767px) {
    .table.compactTable tbody tr td.increased-amount {
        padding: 5px 12px
    }
}

@media screen and (max-width:767px) {
    .table.compactTable tbody tr td.ore-type {
        padding: 5px 12px
    }
}

.table.compactTable tbody tr.recommendedRow td {
    padding: 9px 12px
}

.table.headLessTable td,
.table.headLessTable th {
    border: .0625rem solid #d8e3e9;
    padding: .75rem .9375rem
}

.table.dataTable.chartDataTable {
    border-color: #ececec
}

.table.dataTable.chartDataTable tr th {
    padding: 10px;
    border: 1px solid #ececec;
    background: 0 0 !important;
    position: relative
}

.table.dataTable.chartDataTable tr th:before {
    content: '';
    position: absolute;
    display: inline-block;
    top: 50%;
    right: 0;
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%)
}

.table.dataTable.chartDataTable tr th.sorting:before {
    height: 18px;
    width: 15px;
    background: url(../images/sort_both.png) no-repeat;
    background-position: -5px 0
}

.table.dataTable.chartDataTable tr th.sorting_desc:before {
    height: 18px;
    width: 15px;
    background: url(../images/sort_asc.png) no-repeat;
    background-position: -5px 0
}

.table.dataTable.chartDataTable tr th.sorting_asc:before {
    height: 18px;
    width: 15px;
    background: url(../images/sort_desc.png) no-repeat;
    background-position: -5px 0
}

.table.dataTable.chartDataTable tr td {
    border-width: 1px 1px 0 1px;
    border-style: solid;
    border-color: #ececec
}

.modal .modal-prototype {
    width: 100%;
    max-width: 100%;
    margin-bottom: 0;
    position: fixed;
    bottom: 0;
    padding: 0 2.5rem
}

@media screen and (max-width:767px) {
    .modal .modal-prototype {
        padding: 0;
        margin: 0
    }
}

.modal .modal-prototype .modal-content {
    border-radius: .9375rem .9375rem 0 0;
    height: calc(100vh - 40px);
    overflow: auto;
    -ms-transform: translateY(100vh);
    transform: translateY(100vh)
}

.modal .modal-prototype .landingContainer {
    height: 100%;
    min-height: inherit;
    margin-top: 1.875rem;
    margin-bottom: 1.875rem
}

.modal .modal-prototype .landingContainer .landingDropdowns {
    width: 38.75rem
}

.modal .modal-prototype .globalSearchForm.active,
.modal .modal-prototype .globalSearchForm.focusedSearchInput {
    animation: none !important;
    width: 51.25rem
}

.modal .modal-prototype .globalSearchForm.active input[type=text].active,
.modal .modal-prototype .globalSearchForm.focusedSearchInput input[type=text].active {
    margin-top: 0
}

.modal .modal-prototype .globalSearchForm.active .removeSearchInput,
.modal .modal-prototype .globalSearchForm.focusedSearchInput .removeSearchInput {
    top: .4375rem
}

.modal .modal-prototype .globalSearchForm .searchList {
    top: .5rem
}

.modal .modal-prototype .globalSearchForm .searchbox {
    top: 1.875rem
}

.modal.slideUp {
    padding-right: 0 !important
}

.modal.slideUp .modal-prototype .modal-content {
    animation: slideUp cubic-bezier(.075, .82, .165, 1) 1s forwards
}

.modal .modal-content {
    border: 1px solid #ececec
}

.modal .modal-content .modal-header {
    border: 0
}

.modal .modal-content .modal-header .modal-title {
    font-size: 1.5rem
}

.modal .modal-content .modal-header .close {
    cursor: pointer
}

.modal .modal-content .modal-body .contentText {
    display: inline-block;
    line-height: 1.5
}

.modal .modal-content .modal-footer {
    background: #fff7f2
}

.modal.ConfirmationModal .modal-dialog .modal-content {
    border-radius: 0
}

.modal.ConfirmationModal .modal-dialog .modal-content .listConfirmationForm input.form-control {
    font-size: .875rem
}

@keyframes slideUp {
    0% {
        transform: translateY(100vh)
    }
    100% {
        transform: translateY(0)
    }
}

.modal-block__head {
    padding: 12px 16px;
    background-color: #f6f9fb
}

.modal-block--selection .modal-block__head {
    position: sticky;
    top: 0;
    z-index: 1
}

.modal-block--global-search .modal-block__head {
    background-color: #fff;
    box-shadow: 1px 1px 2px #d8e3e9
}

.modal-block__head-title {
    font-size: 16px;
    font-weight: 600;
    color: #2d2d2d;
    margin-bottom: 0
}

.modal-block--selection .modal-block__content .modal-dialog {
    max-width: 600px
}

.modal-block--global-search .modal-block__content .modal-dialog {
    max-width: 800px
}

.modal-block--railway .modal-block__content .modal-dialog {
    max-width: 800px
}

.modal-block--selection .modal-block__content .modal-content {
    height: 650px;
    width: 600px;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 0;
    border-radius: 0
}

.modal-block--global-search .modal-block__content .modal-content {
    height: 650px;
    width: 800px;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 0;
    border-radius: 0
}

.modal-block--railway .modal-block__content .modal-content {
    border-radius: 0
}

.modal-block__content .card {
    margin: 8px 17px
}

.modal-block__content .card:first-child {
    margin-top: 12px
}

.modal-block__content .card.hidden-card {
    display: none
}

.modal-block__content .card-header {
    border: none;
    padding: 12px;
    background-color: transparent
}

.modal-block__content .card-header.collapsed .card-down-arrow {
    -ms-transform: rotate(0);
    transform: rotate(0)
}

.modal-block__content .card-body {
    padding: 0 24px
}

.modal-block__content .card-title {
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 800
}

.modal-block__content .card-title .removeable-text.isRemoved {
    display: none
}

.modal-block__content .card-selected-value {
    margin-right: 20px;
    margin-bottom: 0;
    font-size: 12px;
    color: #11a743;
    font-weight: 600
}

.modal-block__content .card-down-arrow {
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
    transition: transform .3s ease-in-out
}

.modal-block__content .card-select-search-wrap {
    border-bottom: 1px solid #d8e3e9;
    position: relative
}

.modal-block__content .card-select-search-icon {
    position: absolute;
    left: 12px;
    top: 50%;
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%)
}

.modal-block__content .card-select-close-icon {
    position: absolute;
    right: 12px;
    top: 50%;
    width: 8px;
    height: 8px;
    cursor: pointer;
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%)
}

.modal-block__content .card-select-search-input {
    padding: 9px 12px 9px 30px;
    border: none;
    width: 100%;
    font-size: 12px;
    font-weight: 400;
    color: #8d959f
}

.modal-block__content .card-select-search-input:focus {
    outline: 0
}

.modal-block__content .card-select-ul {
    max-height: 350px;
    overflow-y: auto;
    overflow-x: hidden
}

.modal-block__content .card-select-ul .card-select-li {
    border-bottom: 1px solid #d8e3e9
}

.modal-block__content .card-select-ul .card-select-li:last-child {
    border-bottom: none
}

.modal-block__content .card-select-heading {
    margin-bottom: 0;
    font-size: 14px;
    color: #a8a8a8;
    font-weight: 600
}

.modal-block__content .select-link {
    font-size: 12px;
    color: #404040;
    padding: 9px 12px
}

.modal-block__content .select-link:hover {
    background-color: #f6f9fb
}

.modal-block__content .select-link.selected {
    background-color: #f6f9fb
}

.modal-block__content .select-link.selected .select-icon {
    display: inline-block
}

.modal-block__content .select-link .select-icon {
    display: none
}

.modal-block--railway .modal-block__content .close-wrap {
    position: absolute;
    right: -48px;
    top: -1px;
    width: 48px;
    height: 48px;
    background-color: #fff
}

.modal-block__content .close-icon {
    cursor: pointer
}

.modal-block--railway .modal-block__content .close-icon {
    width: 22px;
    height: 22px
}

.modal-block__button-wrap {
    display: none;
    padding: 0 17px
}

.modal-block__button-wrap.show-button {
    display: block
}

.modal-block__button-wrap .selected-option-text-wrap {
    font-size: 0
}

.modal-block__button-wrap .selected-option {
    font-weight: 600;
    font-size: 12px;
    color: #11a743
}

.modal-block__button-wrap .supporting-lines {
    font-weight: 600;
    font-size: 12px;
    color: #616161
}

.modal-block__compare {
    padding: .3125rem 1rem;
    font-size: .75rem;
    height: 2.25rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.modal-block__compare:after {
    content: '';
    display: inline-block;
    height: 1.5rem;
    width: 1.5rem;
    background: url(../images/spritesheet.svg) no-repeat;
    background-position: -10.375rem -15.5625rem;
    margin: 0 0 0 2.25rem;
    transition: all linear .16s
}

.toast-wrapper {
    position: fixed;
    width: auto;
    top: 5.625rem;
    right: 3rem;
    z-index: 99999
}

.toast-wrapper.hide {
    display: none
}

.toast-wrapper.show {
    display: block
}

.toast-wrapper .toast-main {
    width: 340px;
    text-align: left;
    float: right;
    font-size: .75rem
}

@media screen and (max-width:640px) {
    .toast-wrapper .toast-main {
        width: 80%
    }
}

.toast-wrapper .toast-main .toast {
    opacity: 1;
    border: 0;
    right: 0;
    background: #fff
}

.toast-wrapper .toast-main .toast .toast-body {
    padding: 0;
    font-size: .75rem;
    border: 0;
    color: #000;
    border-radius: 4px;
    margin: 1rem 1.5rem;
    height: 100%
}

.img-magnifier-container {
    position: relative
}

.img-magnifier-glass {
    position: absolute;
    border: .1875rem solid #404040;
    border-radius: 50%;
    cursor: none;
    width: 13.75rem;
    height: 13.75rem
}

@media screen and (max-width:1199px) {
    .img-magnifier-glass {
        width: 11.25rem;
        height: 11.25rem
    }
}

@media screen and (max-width:767px) {
    .img-magnifier-glass {
        width: 5rem;
        height: 5rem
    }
}


.preferencesList {
    width: 34.375rem;
    margin: 0 auto
}

@media screen and (max-width:767px) {
    .preferencesList {
        width: 100%;
        height: calc(100vh - 115px);
        overflow: auto
    }
}

.notifyBlock {
    background: #f1faff;
    border: 1px solid #d8e3e9
}

.landingPreferencesBlock {
    max-width: 42.5rem
}

.mapviewCardList {
    margin-bottom: 1.875rem
}

.mapviewCardList .mapViewImage {
    overflow: hidden;
    position: relative;
    margin-bottom: 1.25rem
}

.mapviewCardList .mapViewImage:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: #d8e3e9;
    top: 0;
    left: 0;
    opacity: .5
}

.tenderOptions .mainOptions .list-inline-item {
    margin-right: .9375rem
}

.bookmarksPlaceHolder {
    min-height: 90vh;
    padding: 2.5rem 1.25rem
}

.reportCarousel .reportInfoTitle {
    width: 25rem
}

.reportCarousel .reportInfoDetails {
    position: relative
}

.featureCardList .featureCard {
    margin-bottom: 2.5rem
}

.featureCard .featureCardInfo {
    background: #fff
}

.featureCard .featureCardImage {
    position: relative;
    overflow: hidden
}

.featureCard .featureCardImage .reportReadInfo {
    position: absolute;
    bottom: 1.25rem;
    left: 0;
    width: 100%;
    padding: 0 1.875rem;
    z-index: 1;
    font-size: .75rem;
    color: #fff
}

@media screen and (max-width:767px) {
    .featureCard .featureCardImage .reportReadInfo {
        padding: 0 .625rem
    }
}

.featureDataBlock {
    position: relative;
    width: 100%;
    height: 100%
}

.featureDataBottom .featureLeftData a {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.featureDataBottom .viewFeatureDetails {
    position: absolute;
    bottom: -.9375rem;
    left: 0;
    width: calc(100% - 40px);
    margin: 0 1.25rem
}

@media screen and (max-width:991px) {
    .featureDataBottom .viewFeatureDetails {
        width: 100%;
        left: 0;
        margin: 0
    }
}

.featureDataBottom .viewFeatureDetails:before {
    content: "";
    position: absolute;
    bottom: .3125rem;
    left: 0;
    width: 100%;
    height: .0625rem;
    background-color: #d8e3e9
}

.featureDataBottom .viewFeatureDetails span {
    background-color: #fff;
    padding-right: 1.5625rem;
    position: relative;
    z-index: 1
}

.mainSection {
    padding-top: 7.5rem
}

.mainSection .landingTopSection {
    min-height: calc(100vh - 150px)
}

.mainSection.prelogin-homepage {
    background: linear-gradient(to bottom, #f3f9ff, #fff, #fff7f2, #fff)
}

.mainSection.microDetails {
    background: #f6f9fb;
    padding-top: 5.625rem;
    padding-bottom: 1.25rem
}

.mainSection.microDetails.mapviewEnabled {
    position: inherit;
    padding: 0
}

.mainSection.microDetails.enableSearchFlow {
    padding-top: 6.25rem
}

.mainSection.microDetails.enableSearchFlow .sectionWithTabs .nav-pills {
    padding-top: 6.25rem
}

.mainSection.microDetails.enableSearchFlow .globalSearchForm,
.mainSection.microDetails.enableSearchFlow .landingDropdowns {
    box-shadow: none
}

.mainSection.microDetails.logisticsPage {
    background: #fff
}

@media screen and (max-width:1440px) {
    .mainSection {
        padding-top: 6.25rem
    }
    .mainSection.microDetails {
        padding-top: 5.625rem
    }
}

@media screen and (max-width:767px) {
    .mainSection {
        padding-top: 6.25rem
    }
    .mainSection.microDetails {
        padding-top: 3.5rem
    }
}

.landTextBlock .h5 {
    line-height: 1.75rem
}

.methodologyOrderRow {
    position: relative
}

.methodologyOrderRow:before {
    content: "";
    position: absolute;
    width: calc(100% - 340px);
    top: 1.25rem;
    margin: 0 auto;
    left: 0;
    right: 0;
    height: .1875rem;
    border-bottom: .1875rem dashed #d8e3e9
}

@media screen and (max-width:991px) {
    .methodologyOrderRow:before {
        width: calc(100% - 200px)
    }
}

@media screen and (max-width:767px) {
    .methodologyOrderRow:before {
        width: calc(100% - 80px)
    }
}

.methodologyPalette .methodologyPaletteNumber {
    width: 2.75rem;
    height: 2.75rem;
    border-radius: 50%;
    background: #d8e3e9;
    margin: 0 auto;
    padding: .625rem 0
}

.methodologyPalette .methodologyPaletteBar {
    width: 10rem;
    height: 10rem;
    background: #d8e3e9
}

@media screen and (max-width:767px) {
    .methodologyPalette .methodologyPaletteBar {
        width: 3.75rem;
        height: 3.75rem
    }
}

.featureHeader .anchorLink {
    min-width: 12.5rem
}

.featureHeader .anchorLink .iconRightDirectedArrow {
    position: relative;
    right: .5rem;
    transition: all ease-in-out .25s
}

.featureHeader .anchorLink:hover .iconRightDirectedArrow {
    right: 0
}

.featureContent .dummyFeatureBox {
    width: 100%;
    height: 12.5rem;
    background: #f3f3f3;
    margin-bottom: 1.875rem
}

.featureContent .intelImage {
    max-width: 21.25rem
}

.awardBlock {
    margin-bottom: 1.875rem;
    position: relative
}

.awardBlock .awardName {
    position: absolute;
    bottom: 20px;
    left: 20px;
    z-index: 2;
    margin-bottom: 0
}

.awardBlock .awardedDate {
    color: #ff6e20
}

.awardBlock .overlayDiv {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, .6));
    z-index: 1
}

.portfolioInsightSection .card.statisticsCard.expandView {
    left: 10.625rem;
    width: calc(100% - 170px)
}

.smSection {
    position: relative
}

.sideMenu {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 10.625rem;
    height: 100%
}



.screenWithSidemenu {
    padding-left: 12.5rem
}

@media screen and (max-width:1199px) {
    .screenWithSidemenu {
        padding-left: 0
    }
}


.BlockCards .card {
    background: #f1faff
}

.BlockCards .card .card-body {
    padding: 1.5rem;
    position: relative
}

@media screen and (max-width:767px) {
    .BlockCards .card .card-body {
        padding: .9375rem
    }
}

.BlockCards .card .card-body:before {
    content: '';
    position: absolute;
    display: block;
    height: 1px;
    top: 0;
    margin: 0 auto;
    width: calc(100% - 50px);
    background: #d8e3e9
}

.BlockCards .card .card-body:first-child:before {
    content: none
}

.BlockCards .card .card-body .title .sectionHamTitle {
    font-size: .875rem;
    font-weight: 700;
    margin-bottom: 1.5rem
}

.BlockCards .card .card-body .title .option {
    font-size: .75rem;
    font-weight: 600;
    color: #9ba1aa
}

.BlockCards .card .card-body .chartComparisionBlock .comparisionOption {
    width: 100%;
    border: 1px solid #e1eaee;
    background: #fff;
    padding: 1rem 1.5rem
}

.BlockCards .card .card-body .chartComparisionBlock .comparisionOption>span {
    padding: 0;
    position: relative;
    white-space: nowrap
}

.BlockCards .card .card-body .chartComparisionBlock .comparisionOption>span:before {
    content: '';
    position: absolute;
    height: .625rem;
    width: .0625rem;
    left: -.5rem;
    top: .25rem;
    background: #d3d8d9
}

.BlockCards .card .card-body .chartComparisionBlock .comparisionOption>span:first-child:before {
    content: none
}

.BlockCards .card .card-body .chartComparisionBlock .next {
    border: .0625rem solid #d8e3e9;
    background: #fff;
    padding: .875rem
}

@media screen and (max-width:1199px) {
    .BlockCards .card .card-body .chartComparisionBlock .next {
        width: 100%;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

.BlockCards .card .card-body .chartComparisionBlock .next:hover {
    background: #2a9df5
}

.BlockCards .card .card-body .chartComparisionBlock .next:hover i {
    background-position: -10.75rem -15.75rem
}

.BlockCards .card.MapCards {
    border: 0;
    background: rgba(0, 0, 0, 0)
}

.BlockCards .card.MapCards .mapContainer {
    height: 10.9375rem;
    position: relative;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover
}

@media screen and (max-width:1199px) {
    .BlockCards .card.MapCards .mapContainer {
        margin-bottom: 1.875rem
    }
}

.BlockCards .card.MapCards .mapContainer.map1 {
    background-image: url(../images/maps/map1.png)
}

.BlockCards .card.MapCards .mapContainer.map2 {
    background-image: url(../images/maps/map2.png)
}

.BlockCards .card.MapCards .mapContainer.map3 {
    background-image: url(../images/maps/map3.png)
}

.BlockCards .card.MapCards .mapContainer span {
    position: absolute;
    bottom: 20px;
    font-size: 12px;
    font-weight: 600;
    padding: 12px;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: calc(100% - 40px);
    background: rgba(255, 255, 255, .8);
    -o-box-shadow: 0 3px 6px rgba(1, 102, 180, .16);
    box-shadow: 0 3px 6px rgba(1, 102, 180, .16)
}

.BlockCards .nav-block .nav-tabs .nav-item {
    display: -ms-flexbox;
    display: flex
}

.BlockCards .nav-block .nav-tabs .nav-item a {
    padding: 0 1rem;
    margin: 0
}

.BlockCards .nav-block .nav-tabs .nav-item a.nav-link {
    color: #8d959f
}

.BlockCards .nav-block .nav-tabs .nav-item a.nav-link.active {
    color: #ff6e20;
    border: 0
}

.BlockCards .nav-block .nav-tabs .nav-item a:hover {
    color: #ff6e20;
    border: 0
}

.BlockCards .nav-block .nav-tabs .nav-item:before {
    content: '|';
    color: #d3d8d9
}

.BlockCards .nav-block .nav-tabs .nav-item:first-child:before {
    content: none
}

.BlockCards .nav-block .nav-tabs .nav-item:first-child a {
    padding-left: 0
}

.BlockCards.comparisionBlock.filled .card {
    background: #fff
}

.BlockCards.comparisionBlock.filled .card .card-body .chartComparisionBlock .comparisionOption {
    border-color: #ff6e20
}

.BlockCards.comparisionBlock.filled .card .card-body .chartComparisionBlock .comparisionOption:first-child {
    border-color: #2a9df5
}

.portfolioDashboardSection .portfolioNavTabs {
    position: sticky;
    top: 63px;
    background-color: #fff;
    z-index: 3;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    -ms-overflow-style: none;
    scrollbar-width: none
}

.portfolioDashboardSection .portfolioNavTabs::-webkit-scrollbar {
    display: none
}

.portfolioDashboardSection .portfolioNavTabs .nav-item {
    white-space: nowrap
}

.widget-row {
    margin-bottom: 30px
}



.modal-block--selection .portfolio-widget__content .graph-wrapper .modal-dialog {
    max-width: 600px
}

.modal-block--selection .portfolio-widget__content .graph-wrapper .modal-content {
    height: 650px;
    width: 600px;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 0;
    border-radius: 0
}

.portfolio-widget__content .graph-wrapper .card {
    margin: 8px 17px
}

.portfolio-widget--mystatistics .portfolio-widget__content .graph-wrapper .card {
    position: relative
}

.portfolio-widget__content .graph-wrapper .card:first-child {
    margin-top: 12px
}

.portfolio-widget__content .graph-wrapper .card.hidden-card {
    display: none
}

.portfolio-widget__content .graph-wrapper .card-header {
    border: none;
    padding: 12px 7px;
    background-color: transparent
}

.portfolio-widget__content .graph-wrapper .card-header .card-head-wrap .card-down-arrow {
    -ms-transform: rotate(0);
    transform: rotate(0)
}

.portfolio-widget__content .graph-wrapper .card-header .card-head-wrap.collapsed {
    border-bottom: none
}

.portfolio-widget__content .graph-wrapper .card-header .card-head-wrap.collapsed .card-down-arrow {
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.portfolio-widget__content .graph-wrapper .card-header .selected-textlink {
    font-size: 12px;
    font-weight: 600;
    color: #1c1c1c
}

.portfolio-widget__content .graph-wrapper .card-header .selected-textlink .card-link-year {
    font-weight: 400;
    color: #707070
}

.portfolio-widget--mystatistics .portfolio-widget__content .graph-wrapper .collapse {
    position: absolute
}

.portfolio-widget--mystatistics .portfolio-widget__content .graph-wrapper .collapse.collapse-absolute {
    top: 40px;
    left: 0;
    z-index: 5;
    width: 100%;
    background-color: #fff
}

.portfolio-widget__content .graph-wrapper .card-body {
    padding: 0;
    border-top: 1px solid #d8e3e9
}

.portfolio-widget--mystatistics .portfolio-widget__content .graph-wrapper .card-body {
    border: 1px solid #d8e3e9
}

.portfolio-widget__content .graph-wrapper .card-body .card-li {
    padding: 9px 7px
}

.portfolio-widget__content .graph-wrapper .card-body .card-li:last-child {
    padding-bottom: 0
}

.portfolio-widget__content .graph-wrapper .card-body .card-link {
    font-size: 12px;
    font-weight: 600;
    color: #1c1c1c
}

.portfolio-widget__content .graph-wrapper .card-body .card-link-year {
    font-weight: 400;
    color: #707070
}

.portfolio-widget__content .graph-wrapper .card-title {
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 800
}

.portfolio-widget__content .graph-wrapper .card-title .removeable-text.isRemoved {
    display: none
}

.portfolio-widget__content .graph-wrapper .card-selected-value {
    margin-right: 20px;
    margin-bottom: 0;
    font-size: 12px;
    color: #11a743;
    font-weight: 600
}

.portfolio-widget__content .graph-wrapper .card-down-arrow {
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
    transition: transform .3s ease-in-out
}

.portfolio-widget__content .graph-wrapper .card-select-ul {
    max-height: 350px;
    overflow-y: auto;
    overflow-x: hidden
}

.portfolio-widget__content .graph-wrapper .card-select-ul .card-select-li {
    border-bottom: 1px solid #d8e3e9
}

.portfolio-widget__content .graph-wrapper .card-select-ul .card-select-li:last-child {
    border-bottom: none
}

.portfolio-widget__content .graph-wrapper .card-select-heading {
    margin-bottom: 0;
    font-size: 14px;
    color: #a8a8a8;
    font-weight: 600
}

.portfolio-widget__content .graph-wrapper .select-link {
    font-size: 12px;
    color: #404040;
    padding: 9px 12px
}

.portfolio-widget__content .graph-wrapper .select-link:hover {
    background-color: #f6f9fb
}

.portfolio-widget__content .graph-wrapper .select-link.selected {
    background-color: #f6f9fb
}

.portfolio-widget__content .graph-wrapper .select-link.selected .select-icon {
    display: inline-block
}

.portfolio-widget__content .graph-wrapper .select-link .select-icon {
    display: none
}

.portfolio-widget--reports-n-data .portfolio-widget__content .short-detail-wrap .headline-wrap {
    margin-bottom: 4px
}

.portfolio-widget__content .short-detail-wrap .headline {
    font-size: 14px;
    color: #2c2b2b;
    margin-bottom: 4px
}

.portfolio-widget--reports-n-data .portfolio-widget__content .short-detail-wrap .headline {
    margin-bottom: 0
}

.portfolio-widget__content .short-detail-wrap .headline .graph-up-icon {
    vertical-align: sub;
    margin-right: 4px
}

.portfolio-widget__content .short-detail-wrap .datetime-info {
    font-size: 12px;
    color: #9f9f9f
}

@media screen and (max-width:1365px) {
    .portfolio-widget__content .short-detail-wrap .datetime-info {
        font-size: 11px
    }
}

.portfolio-widget--mytenders .portfolio-widget__content .short-detail-wrap .datetime-info {
    color: #707070
}

.portfolio-widget__content .short-detail-wrap .badge-type {
    font-size: 12px;
    padding: 2px 10px;
    border: 1px solid #e3e3e3;
    border-radius: 2px;
    color: #404040
}

.portfolio-widget__content .short-detail-wrap .badge-type-news {
    font-size: 12px;
    padding: 2px 10px;
    border: 1px solid #fff7f2;
    border-radius: 2px;
    color: #ff6a1f;
    background-color: #fff7f2;
    text-transform: uppercase
}

.portfolio-widget__content .short-detail-wrap .map-info {
    font-size: 12px;
    color: #707070
}

.portfolio-widget__content .tooltip-block .info-title-text {
    display: inline-block
}

.portfolio-widget__content .tooltip-block .info-title-text:hover+.custom-tooltip {
    display: block
}

.portfolio-widget__content .tooltip-block .info-icon {
    display: inline-block;
    width: 18px;
    height: 18px;
    cursor: pointer
}

.portfolio-widget__content .tooltip-block .info-icon:hover+.custom-tooltip {
    display: block
}

.portfolio-widget__content .tooltip-block .custom-tooltip {
    display: none;
    position: absolute;
    bottom: 24px;
    left: 50%;
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    min-width: 200px;
    background-color: #fff;
    border: 1px solid #d2e1e9;
    box-shadow: 0 3px 3px rgba(168, 168, 168, .14);
    padding: 4px 8px;
    z-index: 1
}

.portfolio-widget--mywatchlist .portfolio-widget__content .tooltip-block .custom-tooltip {
    left: 0;
    -ms-transform: translate(0, 0);
    transform: translate(0, 0)
}

.portfolio-widget--my-data-tabcontent .portfolio-widget__content .tooltip-block .custom-tooltip {
    left: -55%;
    -ms-transform: translate(-75%, 0);
    transform: translate(-75%, 0)
}

.portfolio-widget--logistics-tab-content .portfolio-widget__content .tooltip-block .custom-tooltip {
    left: -55%;
    -ms-transform: translate(-75%, 0);
    transform: translate(-75%, 0)
}

.portfolio-widget__content .tooltip-block .custom-tooltip.w-auto {
    min-width: 100%;
    white-space: nowrap
}

.portfolio-widget__content .tooltip-block .custom-tooltip:before {
    content: "";
    position: absolute;
    bottom: -7px;
    left: 50%;
    -ms-transform: translate(-50%, 0) rotate(45deg);
    transform: translate(-50%, 0) rotate(45deg);
    display: inline-block;
    width: 12px;
    height: 12px;
    border: 1px solid #d2e1e9;
    border-left: none;
    border-top: none;
    background-color: #fff
}

.portfolio-widget--mywatchlist .portfolio-widget__content .tooltip-block .custom-tooltip:before {
    left: 20px;
    right: auto
}

.portfolio-widget--my-data-tabcontent .portfolio-widget__content .tooltip-block .custom-tooltip:before {
    left: auto;
    right: 10px
}

.portfolio-widget--logistics-tab-content .portfolio-widget__content .tooltip-block .custom-tooltip:before {
    left: auto;
    right: 10px
}

.portfolio-widget__content .equal-spacing-wrap .equal-spacing {
    padding: 0 16px;
    position: relative
}

.portfolio-widget__content .equal-spacing-wrap .equal-spacing:before {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    width: 1px;
    height: 10px;
    background-color: #d3d8d9
}

.portfolio-widget__content .equal-spacing-wrap .equal-spacing:last-child {
    padding-right: 0
}

.portfolio-widget__content .equal-spacing-wrap .equal-spacing:last-child:before {
    content: none
}

.portfolio-widget__content .select-wrapper {
    padding: 16px;
    border-top: 1px solid #d8e3e9
}

.portfolio-widget__content .select-wrapper .title-text {
    font-size: 12px;
    color: #4b4b4b;
    margin-right: 12px
}

.portfolio-widget__content .featureCardList .featureCard {
    margin-bottom: 0;
    padding: 16px;
    border: none;
    box-shadow: none !important
}

.portfolio-widget__content .owl-carousel .img-advertise {
    padding: 32px 32px 81px
}

.portfolio-widget__content .owl-carousel .owl-dots {
    display: block;
    text-align: center;
    position: absolute;
    bottom: 20px;
    left: 50%;
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0)
}

.portfolio-widget__content .owl-carousel .owl-dots .owl-dot {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    margin: 0 2px;
    background-color: #d8e3e9
}

.portfolio-widget__content .owl-carousel .owl-dots .owl-dot.active {
    background-color: #ff6e20
}

.portfolio-widget__content .my-reports-ul .my-reports-li {
    margin-bottom: 40px
}

.portfolio-widget__ul {
    margin-bottom: 0
}

.portfolio-widget--mynews .portfolio-widget__li {
    padding: 10px 16px
}

.portfolio-widget--mynews .portfolio-widget__li:first-child {
    padding-top: 16px
}

.portfolio-widget--mynews .portfolio-widget__li:last-child {
    padding-bottom: 16px
}

.portfolio-widget--reports-n-data .portfolio-widget__li {
    padding: 7px 16px
}

.portfolio-widget--reports-n-data .portfolio-widget__li:first-child {
    padding-top: 16px
}

.portfolio-widget--reports-n-data .portfolio-widget__li:last-child {
    padding-bottom: 16px
}

.portfolio-widget--mytenders .portfolio-widget__li {
    padding: 12px 0;
    margin: 0 16px;
    border-bottom: 1px solid #d6d6d6
}

.portfolio-widget--mytenders .portfolio-widget__li:first-child {
    padding-top: 16px
}

.portfolio-widget--mytenders .portfolio-widget__li:last-child {
    padding-bottom: 16px;
    border-bottom: none
}

.portfolio-widget__link-to {
    padding: 0 10px;
    background-color: #fff;
    border: 1px solid #d8e3e9
}

.portfolio-widget__link-to:hover {
    background-color: #2a9df5;
    color: #fff
}

.portfolio-widget__link-to:hover .portfolio-widget__link-to-blue-arrow {
    display: none
}

.portfolio-widget__link-to:hover .portfolio-widget__link-to-white-arrow {
    display: inline-block
}

.portfolio-widget__link-to-white-arrow {
    display: none
}

.portfolio-widget__foot-link {
    font-size: 12px
}

@media screen and (max-width:1365px) {
    .portfolio-widget__foot-link {
        font-size: 11px
    }
}

.opened-dropdown__content .select2-dropdown {
    width: auto !important
}

.tabs-block__content .nav-tabs {
    margin: 0;
    padding: 0 16px
}

.tabs-block--mystatistics .tabs-block__content .nav-tabs {
    border-bottom: 1px solid #d8e3e9
}

.tabs-block--reports-n-data .tabs-block__content .nav-tabs {
    padding: 0
}

.tabs-block--prices-dropdown .tabs-block__content .nav-tabs {
    padding: 0
}

.tabs-block__content .nav-tabs .nav-item {
    padding: 0 16px;
    position: relative
}

.tabs-block__content .nav-tabs .nav-item:first-child {
    padding-left: 0
}

.tabs-block__content .nav-tabs .nav-item:last-child {
    padding-right: 0
}

.tabs-block__content .nav-tabs .nav-item:last-child:before {
    content: none
}

.tabs-block__content .nav-tabs .nav-item:before {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    width: 1px;
    height: 16px;
    background-color: #d3d8d9
}

.tabs-block__content .nav-tabs .nav-item .nav-link {
    text-transform: capitalize;
    font-size: 12px;
    margin-right: 0;
    border-bottom: none;
    display: inline-block;
    position: relative
}

.tabs-block--reports-n-data .tabs-block__content .nav-tabs .nav-item .nav-link {
    padding: 0
}

.tabs-block--prices-dropdown .tabs-block__content .nav-tabs .nav-item .nav-link {
    padding: 0;
    font-size: 14px
}

.tabs-block--mystatistics .tabs-block__content .nav-tabs .nav-item .nav-link {
    padding: 14px 0
}

.tabs-block--mylogistics .tabs-block__content .nav-tabs .nav-item .nav-link {
    padding: 14px 0
}

.tabs-block__content .nav-tabs .nav-item .nav-link:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 4px;
    height: 2px;
    width: 0;
    top: auto;
    -ms-transform: none;
    transform: none;
    background-color: #ff6e20
}

.tabs-block--reports-n-data .tabs-block__content .nav-tabs .nav-item .nav-link:before {
    bottom: -4px
}

.tabs-block--prices-dropdown .tabs-block__content .nav-tabs .nav-item .nav-link:before {
    bottom: -4px
}

.tabs-block--mystatistics .tabs-block__content .nav-tabs .nav-item .nav-link:before {
    bottom: -2px
}

.tabs-block--mylogistics .tabs-block__content .nav-tabs .nav-item .nav-link:before {
    bottom: -2px
}

.tabs-block__content .nav-tabs .nav-item .nav-link.active:before {
    width: 100%
}

.tabs-block__content .nav-tabs .nav-item .nav-link:hover:before {
    width: 100%
}

.tabs-block__content .reset-link {
    font-size: 12px
}

.reports-wrapper {
    padding: 16px 16px 0
}

.reports-block__row {
    margin-bottom: 36px
}

.reports-block__content-wrap {
    padding-left: 0
}

.reports-block__image {
    width: 100%
}

.reports-block__date {
    margin-bottom: 4px;
    font-size: 12px;
    font-weight: 600;
    color: #9b9b9b
}

.reports-block__title {
    margin-bottom: 4px;
    font-size: 14px;
    font-weight: 600;
    color: #000
}

.reports-block__li {
    position: relative;
    padding-left: 10px;
    font-size: 12px;
    color: #2c2b2b
}

.reports-block__li:before {
    content: "";
    position: absolute;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background-color: #cecece;
    top: 6px;
    left: 0
}

.export-reports {
    right: -257px;
    top: auto;
    width: 95px;
    bottom: 0
}

.export-data {
    right: -212px;
    top: auto;
    width: 95px;
    bottom: 0
}

.sectionHamTitle ul li {
    position: relative;
    padding-right: .9375rem
}

.sectionHamTitle ul li:after {
    content: "";
    border-right: .125rem solid #828994;
    width: .125rem;
    height: 1rem;
    position: absolute;
    right: 0;
    top: .125rem
}

.sectionHamTitle ul li:last-child:after {
    display: none
}

.drilldownLink {
    font-size: .875rem;
    color: #2a9df5
}

.drilldownLink:focus,
.drilldownLink:hover {
    color: #404040
}

.drilldownLink:focus i.iconRightArrowColor,
.drilldownLink:hover i.iconRightArrowColor {
    background-position: -10.3125rem -11.5625rem
}

.fixedSearchBlock {
    height: 2.25rem;
    border-width: 1px;
    transition: all ease-in-out .35s
}

.fixedSearchBlock:before {
    left: .625rem
}

.fixedSearchBlock input.categorySearchInput {
    font-size: .75rem;
    border: 0;
    padding: .375rem .5rem .375rem 2.25rem;
    border-radius: 0
}

.fixedSearchBlock.position-fixed {
    top: 5.625rem
}

.fixedFilterBlock.position-fixed {
    top: 9.375rem
}

.chartStatiticsOptions .dropdown-menu.dropdownFlex {
    min-width: 5rem;
    padding: .25rem
}

.chartStatiticsOptions .dropdown-menu.dropdownFlex.show {
    display: -ms-flexbox;
    display: flex
}

.chartStatiticsOptions .dropdown-menu.dropdownFlex .dropdown-item {
    width: 2.25rem;
    margin-right: .25rem
}

.chartStatiticsOptions .dropdown-menu.dropdownFlex .dropdown-item:last-child {
    margin-right: 0
}

.commodityWrapper .commodityItem {
    padding: 1rem .75rem;
    border-bottom: 1px solid #d8e3e9
}

.commodityWrapper .commodityItem .commodityListing .name {
    font-size: .875rem;
    margin-bottom: .3125rem
}

.commodityWrapper .commodityItem .commodityListing .item {
    font-size: .75rem;
    color: #404040
}

.commodityWrapper .commodityItem .commodityListing .item span {
    display: inline-block;
    margin-left: .25rem
}

.commodityWrapper .commodityItem .commodityListing .item span:before {
    content: '|';
    position: relative;
    margin-right: .375rem
}

.commodityWrapper .commodityItem .commodityListing .item span:first-child {
    margin: 0
}

.commodityWrapper .commodityItem .commodityListing .item span:first-child:before {
    content: none
}

.commodityWrapper .commodityItem:last-child {
    border: 0
}

.commodityPriceCategory {
    position: relative
}

.commodityPriceCategory .postAdditionOptions {
    display: block
}

.commodityPriceCategory table.responsiveTabledata tbody tr.recommendedRow {
    border: 0;
    background: #fff7f2
}

.commodityPriceCategory table.responsiveTabledata tbody tr.recommendedRow td {
    padding: .5rem .875rem
}

.commodityPriceCategory table.responsiveTabledata tbody tr.recommendedRow td .viewAllPriceDetails {
    color: #2a9df5 !important
}

.commodityPriceCategory table.responsiveTabledata tbody tr.recommendedRow td .viewAllPriceDetails:hover {
    color: #404040 !important
}

.commodityTopImage {
    position: absolute;
    top: 0;
    right: 0;
    width: 35rem;
    height: 30.625rem;
    overflow: hidden
}

@media only screen and (max-width:1199px) {
    .commodityTopImage {
        display: none
    }
}

.commodityTopImage .commodity-mockup {
    height: 100%;
    width: auto;
    max-width: 75rem
}

.compareSnakbar {
    position: relative;
    position: fixed;
    bottom: 0;
    background-color: #fff;
    right: 0;
    left: 10.625rem;
    z-index: 9;
    margin-top: 1.25rem;
    display: none;
    box-shadow: 0 -4px 6px #0000000f
}

.compareSnakbar .selectContainer {
    display: none
}

.compareSnakbar .iconClose {
    position: absolute;
    top: 1.5625rem;
    right: .625rem;
    cursor: pointer
}

.chartComparisionBlock {
    margin: 0 2.1875rem
}

.chartComparisionBlock.comparisonResult {
    position: relative;
    margin: 0 85px
}

.chartComparisionBlock.comparisonResult:after,
.chartComparisionBlock.comparisonResult:before {
    content: '';
    position: absolute;
    top: -7px;
    height: .875rem;
    width: .875rem;
    border: 2px solid #fff;
    z-index: 2;
    border-radius: 50%
}

.chartComparisionBlock.comparisonResult:after {
    right: -7px;
    background-color: #2d2d2d
}

.chartComparisionBlock.comparisonResult:before {
    left: -7px;
    background-color: #9f9f9f
}

.chartComparisionBlock .comparisionOption {
    font-size: .8125rem;
    padding: .3125rem .9375rem;
    border-radius: 4px
}

.chartComparisionBlock .comparisionOption:first-child {
    border: .0625rem solid #9f9f9f
}

.chartComparisionBlock .comparisionOption:last-child {
    border: .0625rem solid #2d2d2d
}

.chartComparisionBlock .comparisionOption span {
    margin-right: .625rem;
    padding-right: .625rem
}

@media only screen and (max-width:1199px) {
    .comparisionOperator {
        border: none;
        padding: 1.25rem;
        text-align: center
    }
    .comparisionOperator .iconComparisionOperator {
        -ms-transform: rotate(90deg);
        transform: rotate(90deg)
    }
}

.comparisionMainContainer {
    background-color: #fbfbfb
}

.comparisionMainContainer .comparisionContainer {
    background-color: #fff;
    border: .0625rem solid #ececec;
    border-radius: .25rem
}

@media only screen and (max-width:480px) {
    .comparisionMainContainer .comparisionContainer {
        padding: 0;
        background: rgba(0, 0, 0, 0);
        border: 0;
        border-bottom: 1px dashed rgba(159, 159, 159, .5);
        margin-top: 16px
    }
}

@media only screen and (max-width:480px) {
    .comparisionMainContainer .ComparisonTimeLine {
        position: fixed;
        background: #fff;
        z-index: 8;
        bottom: 0;
        left: 0;
        right: 0;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.comparisionContainer.divider:before {
    content: '';
    display: inline-block;
    position: absolute;
    top: 0;
    bottom: 0;
    width: 1px;
    height: 100%;
    right: 50%;
    left: 50%;
    background-color: #e1eaee
}

@media only screen and (max-width:480px) {
    .comparisionContainer.divider:before {
        content: none
    }
}

.comparisionContainer .swapContainer {
    position: absolute;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    height: 1.5rem;
    width: 1.5rem;
    top: 50%;
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    right: calc(50% - 12px);
    left: calc(50% - 12px);
    background-color: #fff
}

.comparisionContainer .swapContainer:hover {
    cursor: pointer
}

@media only screen and (max-width:480px) {
    .comparisionContainer .swapContainer {
        top: calc(50% - 10px);
        left: 16px;
        -ms-transform: rotate(90deg);
        transform: rotate(90deg)
    }
}

.comparisionContainer .comparisonContent {
    width: 50%;
    padding: 2.125rem 1rem;
    position: relative
}

@media only screen and (max-width:480px) {
    .comparisionContainer .comparisonContent {
        width: 100%;
        padding: 0;
        background: #fff
    }
    .comparisionContainer .comparisonContent .selectContainer {
        display: none;
        position: fixed;
        background: #fff;
        bottom: 100px;
        z-index: 8;
        left: 0;
        right: 0
    }
    .comparisionContainer .comparisonContent .selectContainer .SectionHeader {
        width: 100%;
        display: -ms-flexbox;
        display: flex;
        font-size: 12px;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding: 8px 16px 0 16px
    }
}

.comparisionContainer .comparisonContent .editWrap {
    display: none;
    position: absolute;
    right: 15px;
    top: 50%;
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%)
}

.comparisionContainer .comparisonContent .editWrap.showEditIcon {
    display: inline-block
}

.comparisionContainer .comparisonContent .editWrap .white-cross-icon {
    display: none
}

.comparisionContainer .comparisonContent .result {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    border: 2px solid #e1eaee;
    padding: .5rem 1.125rem;
    height: 3.5rem;
    -webkit-user-select: none;
    -o-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.comparisionContainer .comparisonContent .result:hover {
    cursor: pointer
}

@media only screen and (max-width:480px) {
    .comparisionContainer .comparisonContent .result {
        margin: -1px 0;
        border-bottom: 0
    }
}

.comparisionContainer .comparisonContent .result.noResult {
    font-weight: 500;
    text-align: center
}

.comparisionContainer .comparisonContent .result.noResult span {
    font-size: .75rem;
    display: none;
    padding: 0
}

.comparisionContainer .comparisonContent .result.noResult span.emptyResult {
    display: inline-block;
    width: 100%
}

.comparisionContainer .comparisonContent .result span {
    font-size: .8125rem;
    display: inline-block;
    padding-right: 1rem;
    color: #404040;
    display: none
}

.comparisionContainer .comparisonContent .result span.commodity {
    padding-right: .5rem
}

.comparisionContainer .comparisonContent .result span.port {
    padding-right: .5rem;
    padding-left: .5rem;
    position: relative
}

.comparisionContainer .comparisonContent .result span.port:before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    width: 1px;
    height: 10px;
    background-color: #d3d8d9
}

.comparisionContainer .comparisonContent .result span.grade {
    padding-right: .5rem;
    padding-left: .5rem;
    position: relative
}

.comparisionContainer .comparisonContent .result span.grade:before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    width: 1px;
    height: 10px;
    background-color: #d3d8d9
}

@media only screen and (max-width:480px) {
    .comparisionContainer .comparisonContent .result span {
        padding-right: .875rem;
        font-size: .75rem
    }
}

.comparisionContainer .comparisonContent .result span.type {
    position: relative;
    font-size: .875rem;
    font-weight: 600
}

.comparisionContainer .comparisonContent .result span.type:after {
    content: '';
    position: absolute;
    height: calc(100% + 32px);
    width: 2px;
    top: -16px;
    right: 0;
    background: #d8e3e9
}

.comparisionContainer .comparisonContent .result span.region {
    padding: 0 1rem
}

.comparisionContainer .comparisonContent .result span.region img {
    height: .75rem;
    width: 1.25rem;
    background: #ececec;
    border: 0
}

.comparisionContainer .comparisonContent .result .optionSelectWrap.comparisonUnselectedOptions {
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    display: -ms-flexbox;
    display: flex
}

.comparisionContainer .comparisonContent .result .optionSelectWrap.comparisonSelectedOptions {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.comparisionContainer .comparisonContent.FirstComparison {
    -ms-flex-order: 1;
    order: 1;
    padding-left: 0;
    padding-right: 0;
    margin-right: 30px
}

.comparisionContainer .comparisonContent.FirstComparison.second {
    margin-left: 30px;
    margin-right: 0;
    padding-right: 0
}

.comparisionContainer .comparisonContent.FirstComparison .result {
    background: #f6f9fb
}

.comparisionContainer .comparisonContent.FirstComparison .result .emptyResult {
    color: #2dbafd;
    font-family: Poppins, sans-serif;
    font-size: 14px
}

.comparisionContainer .comparisonContent.FirstComparison .result .emptyResult .add-icon {
    width: 24px;
    height: 24px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 8px
}

.comparisionContainer .comparisonContent.FirstComparison .result .emptyResult .add-icon.blue {
    background: url(../images/add-icon-blue.svg)
}

.comparisionContainer .comparisonContent.FirstComparison .result .emptyResult .add-icon.orange {
    background: url(../images/add-icon-orange.svg)
}

.comparisionContainer .comparisonContent.FirstComparison .result:hover {
    background-color: #2dbafd;
    border-color: #2dbafd;
    border: 2px solid #fff
}

.comparisionContainer .comparisonContent.FirstComparison .result:hover .resultText {
    color: #fff
}

.comparisionContainer .comparisonContent.FirstComparison .result:hover .emptyResult {
    color: #fff
}

.comparisionContainer .comparisonContent.FirstComparison .result:hover .emptyResult .add-icon.blue {
    background: url(../images/add-icon-white.svg)
}

.comparisionContainer .comparisonContent.FirstComparison .result:hover+.editWrap .grey-cross-icon {
    display: none
}

.comparisionContainer .comparisonContent.FirstComparison .result:hover+.editWrap .white-cross-icon {
    display: inline-block
}

.comparisionContainer .comparisonContent.FirstComparison .result:hover span.grade:before,
.comparisionContainer .comparisonContent.FirstComparison .result:hover span.port:before {
    background-color: #fff
}

.comparisionContainer .comparisonContent.FirstComparison .result span.type {
    color: #2a9df5
}

.comparisionContainer .comparisonContent.SecondComparison {
    -ms-flex-order: 2;
    order: 2;
    padding-left: 0;
    padding-right: 0;
    margin-right: 30px;
    margin-left: 0
}

.comparisionContainer .comparisonContent.SecondComparison.second {
    padding-left: 0;
    padding-right: 0;
    margin-left: 30px;
    margin-right: 0
}

.comparisionContainer .comparisonContent.SecondComparison .result {
    background: #fff7f2
}

.comparisionContainer .comparisonContent.SecondComparison .result.shadowFocus {
    box-shadow: 0 6px 14px rgba(106, 104, 101, .16)
}

.comparisionContainer .comparisonContent.SecondComparison .result .emptyResult {
    color: #ff6a1f;
    font-family: Poppins, sans-serif;
    font-size: 14px
}

.comparisionContainer .comparisonContent.SecondComparison .result .emptyResult .add-icon {
    width: 24px;
    height: 24px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 8px
}

.comparisionContainer .comparisonContent.SecondComparison .result .emptyResult .add-icon.orange {
    background: url(../images/add-icon-orange.svg)
}

.comparisionContainer .comparisonContent.SecondComparison .result:hover {
    background-color: #ff6a1f;
    border-color: #ff6a1f;
    border: 2px solid #fff
}

.comparisionContainer .comparisonContent.SecondComparison .result:hover .resultText {
    color: #fff
}

.comparisionContainer .comparisonContent.SecondComparison .result:hover .emptyResult {
    color: #fff
}

.comparisionContainer .comparisonContent.SecondComparison .result:hover .emptyResult .add-icon.orange {
    background: url(../images/add-icon-white.svg)
}

.comparisionContainer .comparisonContent.SecondComparison .result:hover+.editWrap .grey-cross-icon {
    display: none
}

.comparisionContainer .comparisonContent.SecondComparison .result:hover+.editWrap .white-cross-icon {
    display: inline-block
}

.comparisionContainer .comparisonContent.SecondComparison .result span.type {
    color: #ff6e20
}

.comparisionContainer .comparisonContent.second {
    -ms-flex-order: 3;
    order: 3
}

.selectContainer {
    margin: .75rem -.75rem 0 -.75rem
}

@media only screen and (max-width:480px) {
    .selectContainer {
        margin: 0
    }
}

.selectContainer .selectItem {
    padding: .75rem;
    height: auto
}

.selectContainer .selectItem .form-group {
    background-color: #fff;
    border: 0;
    border-radius: 0;
    height: 2.3125rem;
    margin: 0;
    padding: 0
}

.selectContainer .selectItem .form-group.floatingLabel.filled label {
    color: #ff6e20;
    padding: 0 .375rem;
    transform: translate3d(8px, -10px, 0);
    opacity: 1;
    z-index: 5
}

@media only screen and (min-width:1023px) {
    .selectContainer .selectItem .form-group.floatingLabel.filled label {
        transform: translate3d(6px, -10px, 0)
    }
}

.selectContainer .selectItem .form-group.floatingLabel.focus label {
    color: #ff6e20;
    padding: 0 .375rem;
    transform: translate3d(8px, -10px, 0);
    opacity: 1
}

.selectContainer .selectItem .form-group label {
    color: #2d2d2d;
    font-weight: 500;
    font-size: .75rem;
    top: .125rem;
    left: 0;
    opacity: 1;
    padding: .5rem 1rem;
    background: #fff;
    transition: all linear .16s
}

@media only screen and (min-width:1023px) {
    .selectContainer .selectItem .form-group label {
        padding: .5rem .625rem
    }
}

.selectContainer .selectItem .form-group select:disabled~label {
    opacity: .6
}

.selectContainer .selectItem .form-group .select2 {
    height: 2.1875rem;
    width: 100% !important
}

.selectContainer .selectItem .form-group .select2 .select2-selection--single {
    border: 1px solid #404040;
    background-color: rgba(255, 255, 255, 0);
    border-radius: 0
}

.selectContainer .selectItem .form-group .select2 .select2-selection--single .select2-selection__rendered {
    color: #2d2d2d;
    font-weight: 600;
    height: 2.1875rem;
    padding: .75rem 1.875rem .75rem .875rem;
    line-height: 1
}

@media only screen and (min-width:1023px) {
    .selectContainer .selectItem .form-group .select2 .select2-selection--single .select2-selection__rendered {
        padding: .75rem 1.875rem .75rem .625rem
    }
}

.selectContainer .selectItem .form-group .select2 .select2-selection--single .select2-selection__rendered .select2-selection__placeholder {
    color: #2d2d2d;
    font-weight: 500
}

.selectContainer .selectItem .form-group .select2 .select2-selection--single .select2-selection__arrow {
    top: 0;
    right: 0;
    height: 2.25rem;
    width: 1.625rem
}

.selectContainer .selectItem .form-group .select2 .select2-selection--single .select2-selection__arrow b {
    top: calc(50% - 4px)
}

.selectContainer .selectItem .form-group .select2.select2-container--disabled {
    opacity: .6
}

.selectContainer.timeLine {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.selectContainer.timeLine .selectItem {
    width: 11.25rem
}

@media only screen and (min-width:1210px) {
    .selectContainer.timeLine .selectItem {
        width: 10.3125rem
    }
}

.selectContainer.timeLine .selectItem .datePickerItem {
    background: #fff
}

.selectContainer.timeLine .selectItem .datePickerItem input {
    font-size: .875rem;
    padding: .625rem 1rem;
    width: 100%;
    border: 1px solid #404040;
    height: 100%;
    color: #404040;
    border-radius: 0
}

.selectContainer.timeLine .selectItem .datePickerItem input:disabled {
    background-color: #eee;
    opacity: .5
}

.selectContainer.timeLine .selectItem .datePickerItem:after {
    content: '';
    position: absolute;
    right: .5rem;
    top: 0;
    left: auto;
    opacity: 1;
    height: 1rem;
    width: 1rem;
    background: url(../images/spritesheet.svg) no-repeat;
    background-position: 0 -2.75rem
}

.selectContainer.timeLine .labelItem {
    padding: 0 .75rem
}

@media only screen and (min-width:1210px) {
    .selectContainer.timeLine .labelItem {
        padding: 0 .5rem
    }
}

.selectContainer.timeLine .labelItem button:focus {
    outline: 0
}

.selectContainer.timeLine .labelItem .timeLabel {
    font-size: .75rem;
    height: 2.25rem
}

.selectContainer.timeLine .labelItem .timeLabel.link {
    padding: 0;
    border: 0;
    background: 0 0
}

.selectContainer.timeLine .labelItem .timeLabel.button {
    padding: .3125rem 1rem
}

.selectContainer.timeLine .labelItem .timeLabel.button.compareButton {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.selectContainer.timeLine .labelItem .timeLabel.button.compareButton:after {
    content: '';
    display: inline-block;
    height: 1.5rem;
    width: 1.5rem;
    background: url(../images/spritesheet.svg) no-repeat;
    background-position: -10.375rem -15.5625rem;
    margin: 0 0 0 2.25rem;
    transition: all linear .16s
}

.selectContainer.timeLine .labelItem .timeLabel.button.outlineBtn {
    background: #fff;
    border: 1px solid #404040
}

.selectContainer.timeLine .labelItem .timeLabel.button.outlineBtn.editComparisonButton {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.selectContainer.timeLine .labelItem .timeLabel.button.outlineBtn.editComparisonButton:before {
    content: '';
    display: inline-block;
    height: .875rem;
    width: .875rem;
    background: url(../images/spritesheet.svg) no-repeat;
    background-position: -13.0625rem -2.8125rem;
    opacity: .5;
    margin: 0 1rem 0 0;
    transition: all linear .16s
}

.selectContainer.timeLine .labelItem .timeLabel.button.outlineBtn:hover {
    background: #404040;
    color: #fff
}

.selectContainer.timeLine .labelItem .timeLabel.button:disabled {
    cursor: auto;
    opacity: .5
}

.selection-block__content .selectContainer {
    margin: .75rem -.75rem 0 -.75rem
}

@media only screen and (max-width:480px) {
    .selection-block__content .selectContainer {
        margin: 0
    }
}

.selection-block__content .selectContainer .selectItem {
    padding: 0 0 .5rem;
    height: auto
}

.selection-block__content .selectContainer .selectItem .form-group {
    background-color: #fff;
    border: 0;
    border-radius: 0;
    height: 2.3125rem;
    margin: 0;
    padding: 0
}

.selection-block__content .selectContainer .selectItem .form-group.floatingLabel.filled label {
    color: #ff6e20;
    padding: 0 .375rem;
    transform: translate3d(8px, -10px, 0);
    opacity: 1;
    z-index: 5
}

@media only screen and (min-width:1023px) {
    .selection-block__content .selectContainer .selectItem .form-group.floatingLabel.filled label {
        -ms-transform: translate(0, -50%);
        transform: translate(0, -50%);
        padding: 0;
        margin: 0 0 0 12px;
        top: 50%
    }
}

.selection-block__content .selectContainer .selectItem .form-group.floatingLabel.focus label {
    color: #ff6e20;
    padding: 0 .375rem;
    transform: translate3d(8px, -10px, 0);
    opacity: 1
}

.selection-block__content .selectContainer .selectItem .form-group label {
    color: #2d2d2d;
    font-weight: 500;
    font-size: .75rem;
    top: .125rem;
    left: 0;
    opacity: 1;
    padding: .5rem 1rem;
    background: #fff;
    transition: all linear .16s
}

@media only screen and (min-width:1023px) {
    .selection-block__content .selectContainer .selectItem .form-group label {
        padding: .5rem .625rem
    }
}

.selection-block__content .selectContainer .selectItem .form-group select:disabled~label {
    opacity: .6
}

.selection-block__content .selectContainer .selectItem .form-group .select2 {
    height: 2.1875rem;
    width: 100% !important
}

.selection-block__content .selectContainer .selectItem .form-group .select2 .select2-selection--single {
    border: 1px solid #404040;
    background-color: rgba(255, 255, 255, 0);
    border-radius: 0
}

.selection-block__content .selectContainer .selectItem .form-group .select2 .select2-selection--single .select2-selection__rendered {
    color: #2d2d2d;
    font-weight: 600;
    height: 2.1875rem;
    padding: .75rem 1.875rem .75rem .875rem;
    line-height: 1
}

@media only screen and (min-width:1023px) {
    .selection-block__content .selectContainer .selectItem .form-group .select2 .select2-selection--single .select2-selection__rendered {
        padding: .75rem 1.875rem .75rem .625rem;
        text-align: right
    }
}

.selection-block__content .selectContainer .selectItem .form-group .select2 .select2-selection--single .select2-selection__rendered .select2-selection__placeholder {
    color: #2d2d2d;
    font-weight: 500
}

.selection-block__content .selectContainer .selectItem .form-group .select2 .select2-selection--single .select2-selection__arrow {
    top: 0;
    right: 0;
    height: 2.25rem;
    width: 1.625rem
}

.selection-block__content .selectContainer .selectItem .form-group .select2 .select2-selection--single .select2-selection__arrow b {
    top: calc(50% - 4px)
}

.selection-block__content .selectContainer .selectItem .form-group .select2.select2-container--disabled {
    opacity: .6
}

.selection-block__content .selectContainer.timeLine {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.selection-block__content .selectContainer.timeLine .selectItem {
    width: 11.25rem
}

@media only screen and (min-width:1210px) {
    .selection-block__content .selectContainer.timeLine .selectItem {
        width: 10.3125rem
    }
}

.selection-block__content .selectContainer.timeLine .selectItem .datePickerItem {
    background: #fff
}

.selection-block__content .selectContainer.timeLine .selectItem .datePickerItem input {
    font-size: .875rem;
    padding: .625rem 1rem;
    width: 100%;
    border: 1px solid #404040;
    height: 100%;
    color: #404040;
    border-radius: 0
}

.selection-block__content .selectContainer.timeLine .selectItem .datePickerItem input:disabled {
    background-color: #eee;
    opacity: .5
}

.selection-block__content .selectContainer.timeLine .selectItem .datePickerItem:after {
    content: '';
    position: absolute;
    right: .5rem;
    top: 0;
    left: auto;
    opacity: 1;
    height: 1rem;
    width: 1rem;
    background: url(../images/spritesheet.svg) no-repeat;
    background-position: 0 -2.75rem
}

.selection-block__content .selectContainer.timeLine .labelItem {
    padding: 0 .75rem
}

@media only screen and (min-width:1210px) {
    .selection-block__content .selectContainer.timeLine .labelItem {
        padding: 0 .5rem
    }
}

.selection-block__content .selectContainer.timeLine .labelItem button:focus {
    outline: 0
}

.selection-block__content .selectContainer.timeLine .labelItem .timeLabel {
    font-size: .75rem;
    height: 2.25rem
}

.selection-block__content .selectContainer.timeLine .labelItem .timeLabel.link {
    padding: 0;
    border: 0;
    background: 0 0
}

.selection-block__content .selectContainer.timeLine .labelItem .timeLabel.button {
    padding: .3125rem 1rem
}

.selection-block__content .selectContainer.timeLine .labelItem .timeLabel.button.compareButton {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.selection-block__content .selectContainer.timeLine .labelItem .timeLabel.button.compareButton:after {
    content: '';
    display: inline-block;
    height: 1.5rem;
    width: 1.5rem;
    background: url(../images/spritesheet.svg) no-repeat;
    background-position: -10.375rem -15.5625rem;
    margin: 0 0 0 2.25rem;
    transition: all linear .16s
}

.selection-block__content .selectContainer.timeLine .labelItem .timeLabel.button.outlineBtn {
    background: #fff;
    border: 1px solid #404040
}

.selection-block__content .selectContainer.timeLine .labelItem .timeLabel.button.outlineBtn.editComparisonButton {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.selection-block__content .selectContainer.timeLine .labelItem .timeLabel.button.outlineBtn.editComparisonButton:before {
    content: '';
    display: inline-block;
    height: .875rem;
    width: .875rem;
    background: url(../images/spritesheet.svg) no-repeat;
    background-position: -13.0625rem -2.8125rem;
    opacity: .5;
    margin: 0 1rem 0 0;
    transition: all linear .16s
}

.selection-block__content .selectContainer.timeLine .labelItem .timeLabel.button.outlineBtn:hover {
    background: #404040;
    color: #fff
}

.selection-block__content .selectContainer.timeLine .labelItem .timeLabel.button:disabled {
    cursor: auto;
    opacity: .5
}

.comparisonChart {
    height: 470px;
    width: 100%
}

@media only screen and (max-width:1200px) {
    .comparisonChart {
        height: 370px
    }
}

.quarter-datepicker td .month {
    font-size: 14px;
    height: 0;
    width: 0
}

.quarter-datepicker td .month:nth-child(1),
.quarter-datepicker td .month:nth-child(2),
.quarter-datepicker td .month:nth-child(3),
.quarter-datepicker td .month:nth-child(4) {
    height: 54px;
    width: 50%;
    float: left;
    padding: 4px;
    margin: 0
}

.chartName,
.deleteLabelItem {
    display: none
}

.EditComparisonName,
.changeComparison,
.deleteComparison {
    cursor: pointer
}

.EditComparisonName:hover,
.changeComparison:hover,
.deleteComparison:hover {
    color: #2a9df5 !important
}

.comparisonWidget .comparisionBlock .option {
    padding: 0 .5rem;
    border-left: 1px solid #d8e3e9
}

.comparisonWidget .comparisionBlock .option:first-child {
    border: 0;
    padding-left: 0
}

.comparisonWidget .comparisionBlock .option:last-child {
    padding-right: 0
}

.comparisonWidget .ComparisonTimeLine {
    position: relative
}

.comparisonWidget .timelineWrap {
    position: absolute;
    z-index: 10;
    width: 65%;
    left: 35%;
    top: -40px;
    padding-right: 22px
}

.comparisionChartWrapper.hideChart {
    display: none
}

.profileDetail {
    margin-bottom: 1.875rem
}

.profileDetail .heading {
    font-size: 1rem;
    padding: .625rem 0
}

.profileDetail .profileDetailBody {
    border-radius: 4px;
    border: 1px solid #d8e3e9
}

.profileDetail .profileDetailBody .nav-pills {
    min-height: 38.75rem;
    padding-right: 0;
    border-right: 1px solid #d8e3e9
}

@media only screen and (max-width:767px) {
    .profileDetail .profileDetailBody .nav-pills {
        display: inline;
        overflow-x: scroll;
        white-space: nowrap;
        width: 100%;
        height: 100px
    }
}

.profileDetail .profileDetailBody .nav-pills .person {
    padding: 1.5rem
}

.profileDetail .profileDetailBody .nav-pills .person img {
    margin-bottom: .625rem
}

.profileDetail .profileDetailBody .nav-pills .person .name {
    font-size: .875rem;
    font-weight: 500;
    padding: .3125rem 0
}

.profileDetail .profileDetailBody .nav-pills .person .company {
    font-size: .75rem;
    color: #828994
}

.profileDetail .profileDetailBody .nav-pills .nav-item {
    border-bottom: 1px solid #d8e3e9
}

.profileDetail .profileDetailBody .nav-pills .nav-item .nav-link {
    border-radius: 0;
    color: #404040;
    font-size: .875rem;
    padding: .875rem 1.25rem
}

.profileDetail .profileDetailBody .nav-pills .nav-item .nav-link.active {
    background-color: #eee
}

.profileDetail .profileDetailBody .nav-pills .nav-item .nav-link:hover {
    background-color: #eee
}

.profileDetail .profileDetailBody .tab-content {
    padding: .625rem
}

.profileDetail .profileDetailBody .tab-content .profileTabContent .heading {
    font-size: .875rem
}

.profileDetail .profileDetailBody .tab-content .profileTabContent .subHeading {
    font-size: .625rem;
    font-weight: 400;
    color: #828994
}

.profileDetail .profileDetailBody .tab-content .subscriptionDetail {
    border: 1px solid #d8e3e9
}

.profileDetail .profileDetailBody .tab-content .subscriptionDetail .header {
    border-bottom: 1px solid #d8e3e9;
    padding: .625rem 1.5625rem;
    border-radius: 4px
}

.profileDetail .profileDetailBody .tab-content .subscriptionDetail .header .placeHolder {
    height: 3.125rem;
    width: 3.125rem;
    background-color: grey !important
}

.profileDetail .profileDetailBody .tab-content .subscriptionDetail .header .date {
    font-size: .875rem;
    font-weight: 400;
    color: #828994
}

.profileDetail .profileDetailBody .tab-content .subscriptionDetail .header .date .day {
    font-size: 2.125rem;
    font-weight: 500;
    padding-right: .625rem;
    color: #404040
}

.profileDetail .profileDetailBody .tab-content .subscriptionDetail .header .license {
    font-size: .75rem
}

.profileDetail .profileDetailBody .tab-content .subscriptionDetail .header .license .label {
    color: #828994
}

.profileDetail .profileDetailBody .tab-content .subscriptionDetail .body {
    padding: 1.625rem 1.625rem
}

.profileDetail .profileDetailBody .tab-content .subscriptionDetail .body .heading {
    font-size: .875rem;
    font-weight: 500;
    color: #828994
}

.profileDetail .profileDetailBody .tab-content .subscriptionDetail .body .heading .plan {
    color: #404040
}

.profileDetail .profileDetailBody .tab-content .subscriptionDetail .body .features {
    margin-top: 1.25rem
}

.profileDetail .profileDetailBody .tab-content .subscriptionDetail .body .features li {
    font-size: .75rem;
    font-weight: 400;
    color: #404040
}

#subscriptionDetails {
    position: relative
}

#subscriptionDetails .bottomSection {
    position: absolute;
    bottom: -195px;
    background-color: #f3f3f3;
    margin: 0 -1.5625rem 0 -1.5625rem;
    padding: .625rem 1.25rem 1.25rem 1.25rem
}

#subscriptionDetails .bottomSection .text1 {
    text-align: center;
    font-size: 2rem;
    font-weight: 500
}

#subscriptionDetails .bottomSection .text2 {
    font-size: .75rem;
    font-weight: 400;
    color: #828994
}

.form-groupSecondary label {
    font-size: .75rem;
    color: #828994;
    font-weight: 400;
    margin-bottom: 0
}

.form-groupSecondary input {
    border-radius: 4px;
    border: 1px solid #d8e3e9;
    font-size: .75rem;
    color: #404040;
    height: 2rem
}

.form-groupSecondary input:focus {
    outline: 0
}

.form-groupSecondary input:disabled {
    background-color: #d8e3e9
}

.gm-style {
    font-family: inherit;
    font-size: .75rem
}

.mapSection {
    width: 100%;
    height: 100vh
}

#map {
    height: 100%
}

.popup-bubble {
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 0;
    font-family: sans-serif
}

.popup-bubble-anchor {
    position: absolute;
    width: 100%;
    bottom: .5rem;
    left: 0
}

.popup-container {
    cursor: auto;
    position: absolute
}

.mapDataPoints {
    min-height: 1.5rem;
    width: 13.125rem;
    font-family: inherit;
    font-size: .75rem;
    background: #fff;
    box-shadow: 0 -.1875rem .375rem rgba(106, 104, 101, .16);
    -ms-transform: translate(0, -100%);
    transform: translate(0, -100%);
    padding: .5rem 3.4375rem .5rem .75rem;
    cursor: pointer
}

.mapDataPoints.regionalDataPoints {
    padding-right: .3125rem
}

.mapDataPoints.regionalDataPoints a {
    color: #404040
}

.mapDataPoints::after {
    content: "";
    position: absolute;
    left: -.4375rem;
    top: 40%;
    width: .625rem;
    height: .625rem;
    background: #2a9df5;
    border: .125rem solid #fff;
    border-radius: 1.5625rem
}

.floatingSubDataPoints {
    width: 12.5rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.subItemList {
    width: 13.125rem;
    max-height: 12.5rem;
    overflow: auto;
    position: absolute;
    left: 0;
    top: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: start;
    justify-content: start;
    -ms-flex-direction: column;
    flex-direction: column;
    border-top: .0625rem solid #d8e3e9;
    background: #fff;
    box-shadow: 0 .25rem .375rem 0 rgba(136, 136, 136, .16)
}

.subItemList .subItem {
    font-size: .75rem;
    color: #000;
    display: block;
    padding: .5rem .75rem;
    border-bottom: .0625rem solid #d8e3e9
}

.subItemList a:last-child {
    border: none
}

.subItemList .viewLess {
    position: absolute;
    right: 0;
    bottom: -1.25rem;
    background: #fff;
    padding: .25rem .3125rem;
    box-shadow: 0 7px 7px 1px rgba(0, 0, 0, .5);
    border-radius: 0 0 5px 5px
}

.mapDrilldownHandler {
    position: absolute;
    top: .5rem;
    right: .5625rem;
    background: #fff
}

.viewLess {
    color: #404040
}

.mapFilterPlaceholder {
    position: fixed;
    top: 6.5rem;
    left: 1.5rem;
    z-index: 10;
    width: 10.75rem
}

@media screen and (min-width:768px) {
    .mapFilterPlaceholder .closeMapFilters {
        display: none !important
    }
}

@media screen and (max-width:767px) {
    .mapFilterPlaceholder {
        max-width: 100%;
        width: 100%;
        left: 0;
        padding: .9375rem;
        background: #fff;
        top: auto;
        bottom: 0;
        z-index: 22;
        box-shadow: 0 -.1875rem .375rem rgba(106, 104, 101, .16)
    }
    .mapFilterPlaceholder .mapFilterVisibility {
        padding-top: .625rem
    }
    .mapFilterPlaceholder .mapfilterVisible {
        display: none
    }
}

.mapFilterPlaceholder .form-group {
    height: 3.125rem;
    border: none;
    background: #fff;
    border-bottom: .0625rem solid #d8e3e9;
    padding: .5rem .625rem
}

.mapFilterPlaceholder .form-group .form-label {
    top: 1rem;
    margin: 0;
    color: #8d959f
}

.mapFilterPlaceholder .form-group .select2 .selection .select2-selection .select2-selection__arrow b {
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.mapFilterPlaceholder .form-group .select2 .selection .select2-selection .select2-selection__rendered {
    line-height: 2.75rem;
    font-weight: 600
}

.mapFilterPlaceholder .form-group.filled .form-label {
    top: .5rem;
    left: .1875rem
}

.togglePriceList {
    position: absolute;
    height: 100%;
    width: 2.25rem;
    background: #fff;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    right: 0;
    top: 56px
}

@media screen and (max-width:768px) {
    .togglePriceList {
        display: none !important
    }
}

#downloadSavedSelection {
    width: 2.375rem;
    height: 2.25rem;
    margin: 0 0 0 .625rem;
    padding: .375rem
}

.mapDropdown {
    margin-left: 10.125rem;
    margin-top: -2.6875rem !important
}

@media screen and (max-width:767px) {
    .mapDropdown {
        margin-left: 0;
        margin-top: 0 !important
    }
}

.mapSavedBlock {
    position: relative;
    height: 7.5rem;
    overflow: hidden
}

.mapSavedBlock .mapInfoSavedBlock {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0
}

.mapSavedBlock .mapInfoSavedBlock .mapInfoSavedTitle {
    background: #fff;
    padding: .75rem;
    bottom: .9375rem;
    width: calc(100% - 60px);
    margin: 0 .9375rem
}

.mapSavedBlock .mapInfoSavedBlock .closeMapSelection {
    right: 2.5rem;
    top: .625rem;
    visibility: hidden
}

@media screen and (max-width:767px) {
    .mapSavedBlock .mapInfoSavedBlock .closeMapSelection {
        visibility: visible
    }
}

.mapSavedBlock .mapInfoSavedBlock:hover .closeMapSelection {
    visibility: visible
}

.savedMapSelectionList {
    height: calc(100vh - 150px);
    overflow: auto;
    padding-bottom: 3.75rem
}

.collapseDrilldown {
    position: absolute;
    z-index: 1;
    right: .5rem;
    top: .5rem
}

.sideOverlay {
    position: fixed;
    height: 100%;
    background: #fff;
    padding: 4.375rem 0 .9375rem;
    box-shadow: 0 7px 7px 1px rgba(0, 0, 0, .5);
    z-index: 20;
    transition: all ease-in-out .5s
}

.sideOverlay .sideOverlayHeader {
    padding: 0 .9375rem
}

.microSiteCategory .microSiteDropdown .sideOverlay a,
.sideOverlay .microSiteCategory .microSiteDropdown a,
.sideOverlay .primaryHeader {
    padding: 1.25rem 1.25rem;
    margin: 0
}

.sideOverlay .mapCardsList {
    max-height: calc(100vh - 124px);
    overflow: auto;
    padding: 0 .9375rem
}

@media screen and (max-width:767px) {
    .sideOverlay .mapCardsList {
        max-height: calc(100vh - 154px);
        padding-bottom: 3.75rem
    }
}

.sideOverlay .tenderMapDetailCard {
    max-height: calc(100vh - 124px);
    overflow: auto
}

@media screen and (max-width:767px) {
    .sideOverlay .tenderMapDetailCard {
        max-height: calc(100vh - 130px);
        padding-bottom: 4.375rem
    }
}

.sideOverlay .insightDetailDescription {
    max-height: calc(100vh - 124px);
    overflow-y: auto;
    overflow-x: hidden;
    padding: 1.25rem 1.5625rem
}

@media screen and (max-width:767px) {
    .sideOverlay .insightDetailDescription {
        max-height: calc(100vh - 184px);
        padding: .625rem .9375rem
    }
    .sideOverlay .insightDetailDescription .primaryElement {
        font-size: 1.5rem
    }
}

.sideOverlay.rightSideOverlay {
    top: 0;
    right: 0;
    max-width: 30rem
}

@media screen and (max-width:767px) {
    .sideOverlay.rightSideOverlay {
        top: 3.75rem;
        padding-top: .625rem
    }
}

.sideOverlay.rightSideOverlay.mapCardsOverlay {
    max-width: 20rem
}

@media screen and (max-width:767px) {
    .sideOverlay.rightSideOverlay.mapCardsOverlay {
        max-width: 100%
    }
}

.sideOverlay.rightSideOverlay .tab-content {
    max-height: calc(100vh - 173px);
    overflow: auto;
    margin-bottom: 0 !important
}

@media screen and (max-width:767px) {
    .sideOverlay.rightSideOverlay .tab-content {
        max-height: calc(100vh - 315px)
    }
}

.sideOverlay.rightSideOverlay .tab-content .fullWidthLayer {
    margin: 0;
    width: 100%
}

.sideOverlay.sideLargeOverlay {
    max-width: calc(100vw - 60px);
    width: 100%
}

@media screen and (max-width:767px) {
    .sideOverlay.sideLargeOverlay {
        max-width: 100%
    }
}

.sideOverlay.bottomSideOverlay {
    bottom: 0;
    left: 0;
    right: 0;
    width: calc(100% - 80px);
    margin: 0 auto;
    height: calc(100vh - 80px)
}

@media screen and (max-width:767px) {
    .sideOverlay.bottomSideOverlay {
        width: 100%
    }
}

.sideOverlay .tenderdataDetailTopLayer {
    padding: 1.25rem 0
}

@media screen and (max-width:767px) {
    .sideOverlay .tenderdataDetailTopLayer {
        padding: .3125rem 0;
        margin-bottom: .625rem
    }
}

.sideOverlay .tenderdataDetailBottomLayer {
    padding: 1.875rem 0
}

@media screen and (max-width:767px) {
    .sideOverlay .tenderdataDetailBottomLayer {
        padding: 0
    }
}

.sideOverlayToggler {
    width: 7.5rem;
    height: .25rem;
    background: #d8e3e9;
    display: none;
    margin: .9375rem auto .625rem;
    border-radius: 1.5625rem
}

@media screen and (max-width:767px) {
    .sideOverlayToggler {
        display: block
    }
}

@media screen and (max-width:767px) {
    .closeMapList {
        display: none
    }
}

@media screen and (max-width:767px) {
    .mobileView {
        margin-top: calc(100vh - 300px)
    }
}

@media screen and (max-width:767px) {
    .mobileView .mapInsightsList.d-none,
    .mobileView .priceListContent.d-none {
        display: block !important
    }
}

@media screen and (max-width:767px) {
    .microSiteCategory {
        position: absolute;
        top: 3.75rem
    }
}

.microSiteCategory .microSiteTitle {
    font-size: 1.25rem;
    margin-right: 1.25rem;
    white-space: nowrap;
    color: #404040 !important
}

.microSiteCategory .microSiteDropdown {
    margin-right: 1rem
}

.microSiteCategory .microSiteDropdown a {
    white-space: nowrap
}

.microSiteCategory .microSiteDropdown a.dropdown-toggle {
    cursor: pointer
}

.microSiteCategory .microSiteDropdown .dropdown-menu .dropdown-item {
    font-size: .875rem
}

.fullWidthLayer {
    margin-left: -1.5rem;
    width: calc(100% + 48px)
}

.fullWidthLayer.priceDetailDataLayer {
    padding: 0 .9375rem
}

.priceDetailDataLayer .PriceData .row,
.tenderdataDetailBottomLayer .PriceData .row {
    padding: .625rem 0;
    height: 100%;
    -ms-flex-align: end;
    align-items: flex-end
}

.priceDetailDataLayer .PriceData>div:nth-of-type(odd):last-child .row,
.tenderdataDetailBottomLayer .PriceData>div:nth-of-type(odd):last-child .row {
    border-bottom: none !important
}

.priceDetailDataLayer .priceData,
.tenderdataDetailBottomLayer .priceData {
    width: 80%;
    margin: 0 auto
}

.fontSizeChangeArea .insightDescription p {
    font-size: 1.25rem;
    line-height: 2rem;
    margin-bottom: 2.5rem
}

.fontSizeChangeArea.bigFontSize .insightDescription p {
    line-height: 2.4375rem
}

.fontSizeChangeArea.smallFontSize .insightDescription p {
    line-height: 2rem
}

.priceDetailCard {
    padding: 1.375rem 1.5rem
}

.priceDetailCard .priceDetailHeader .flagImage {
    margin: 0 0
}

.priceDetailCard .priceDetailHeader .flag-abbr {
    font-size: 12px;
    color: #8d959f;
    margin-top: 2px
}

.priceDetailCard .priceDetailHeader>div {
    margin-right: 1.875rem
}

.priceDetailCard .priceDetailHeader>div:last-child {
    margin-right: 0
}

.priceDetailCard .priceDetailHeader>div.otherPriceDetails>div {
    margin-right: 1.875rem
}

.priceDetailCard .priceDetailHeader>div.otherPriceDetails>div:last-child {
    margin-right: 0
}

.priceDetailCard .priceDetailHeader>div.otherPriceDetails>div.languageDropdown .dropdown-toggle {
    width: auto;
    height: auto;
    display: block;
    padding: .1875rem .625rem;
    border-radius: .25rem
}

.priceDetailCard .priceDetailHeader .tooltip-block .info-title-text {
    display: inline-block;
    font-size: 12px;
    color: #f62323
}

.priceDetailCard .priceDetailHeader .tooltip-block .info-title-text:hover+.custom-tooltip {
    display: block
}

.priceDetailCard .priceDetailHeader .tooltip-block .info-icon {
    display: inline-block;
    width: 18px;
    height: 18px
}

.priceDetailCard .priceDetailHeader .tooltip-block .info-icon.dimension24px {
    width: 24px;
    height: 24px
}

.priceDetailCard .priceDetailHeader .tooltip-block .info-icon:hover+.custom-tooltip {
    display: block
}

.priceDetailCard .priceDetailHeader .tooltip-block .custom-tooltip {
    display: none;
    position: absolute;
    bottom: 24px;
    left: 50%;
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    min-width: 200px;
    background-color: #fff;
    border: 1px solid #d2e1e9;
    box-shadow: 0 3px 3px rgba(168, 168, 168, .14);
    padding: 4px 8px;
    z-index: 1
}

.priceDetailCard .priceDetailHeader .tooltip-block .custom-tooltip.center-tooltip {
    white-space: nowrap;
    min-width: auto;
    bottom: 30px;
    left: 50%;
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0)
}

.priceDetailCard .priceDetailHeader .tooltip-block .custom-tooltip.center-tooltip:before {
    left: 50%;
    -ms-transform: translate(-50%, 0) rotate(45deg);
    transform: translate(-50%, 0) rotate(45deg);
    right: auto
}

.priceDetailCard .priceDetailHeader .tooltip-block .custom-tooltip.w-auto {
    min-width: 100%;
    white-space: nowrap
}

.priceDetailCard .priceDetailHeader .tooltip-block .custom-tooltip:before {
    content: "";
    position: absolute;
    bottom: -7px;
    left: 50%;
    -ms-transform: translate(-50%, 0) rotate(45deg);
    transform: translate(-50%, 0) rotate(45deg);
    display: inline-block;
    width: 12px;
    height: 12px;
    border: 1px solid #d2e1e9;
    border-left: none;
    border-top: none;
    background-color: #fff
}

.pricesresultsBlock .postAdditionOptions {
    display: block
}

@media only screen and (max-width:767px) {
    .pricesresultsBlock .postAdditionOptions {
        position: relative
    }
    .pricesresultsBlock .postAdditionOptions.registration {
        top: 0;
        position: absolute;
        width: auto
    }
    .pricesresultsBlock .postAdditionOptions.registration .select2-container .select2-selection--single {
        width: 60px
    }
}

@media only screen and (max-width:767px) {
    .pricesresultsBlock .postAdditionOptions .list-inline {
        -ms-flex-pack: end;
        justify-content: flex-end
    }
}

.pricesresultsBlock .postAdditionOptions .list-inline .list-inline-item {
    font-size: 12px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    margin-right: .625rem;
    padding: 0
}

.pricesresultsBlock .postAdditionOptions .list-inline .list-inline-item.dropdown {
    margin-right: 0
}

.pricesresultsBlock .postAdditionOptions .list-inline .list-inline-item:before {
    content: "|";
    color: #d8e3e9;
    margin-right: .625rem
}

.pricesresultsBlock .postAdditionOptions .list-inline .list-inline-item .languageDropdown .label,
.pricesresultsBlock .postAdditionOptions .list-inline .list-inline-item.languageDropdown .label {
    white-space: nowrap;
    color: #2a9df5;
    margin-right: .5rem
}

.pricesresultsBlock .postAdditionOptions .list-inline .list-inline-item .languageDropdown .select2-selection__rendered,
.pricesresultsBlock .postAdditionOptions .list-inline .list-inline-item.languageDropdown .select2-selection__rendered {
    color: #2a9df5;
    text-transform: capitalize
}

.pricesresultsBlock .postAdditionOptions .list-inline .list-inline-item .languageDropdown .select2-selection__arrow b,
.pricesresultsBlock .postAdditionOptions .list-inline .list-inline-item.languageDropdown .select2-selection__arrow b {
    background-position: -.0625rem -.8125rem
}

.pricesresultsBlock .postAdditionOptions .list-inline .list-inline-item .languageDropdown.microDropdown .select2,
.pricesresultsBlock .postAdditionOptions .list-inline .list-inline-item.languageDropdown.microDropdown .select2 {
    width: auto !important
}

@media screen and (max-width:991px) {
    .pricesresultsBlock .postAdditionOptions .list-inline .list-inline-item.watchList.statistics:before {
        content: none
    }
}

@media screen and (max-width:991px) {
    .pricesresultsBlock .postAdditionOptions .list-inline .list-inline-item.sizeable {
        display: none
    }
}

.pricesresultsBlock .postAdditionOptions .list-inline .list-inline-item.sizeable span {
    padding: 0 .5rem;
    margin: 0 -.5px;
    border: 1px solid #d8e3e9;
    background: #fff;
    cursor: pointer;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    transition: all linear .16s
}

.pricesresultsBlock .postAdditionOptions .list-inline .list-inline-item.sizeable span.active {
    cursor: auto;
    padding: .25rem .5rem;
    border-color: #ff6e20;
    background: #fff7f2;
    z-index: 1
}

@media screen and (max-width:991px) {
    .pricesresultsBlock .postAdditionOptions .list-inline .list-inline-item.megadropdown {
        display: none
    }
}

.pricesresultsBlock .postAdditionOptions .list-inline .list-inline-item.megadropdown button {
    padding: 0;
    font-family: 'Archivo', sans-serif;
    font-weight: 600;
    font-size: .75rem
}

.pricesresultsBlock .postAdditionOptions .list-inline .list-inline-item.megadropdown button:after {
    position: relative;
    height: .625rem;
    width: .625rem;
    border: 0;
    top: .3125rem;
    background: url(../images/spritesheet.svg) no-repeat;
    background-position: -.0625rem -.8125rem;
    -ms-transform: rotate(0);
    transform: rotate(0);
    transition: all linear .16s
}

.pricesresultsBlock .postAdditionOptions .list-inline .list-inline-item.megadropdown .dropdown-menu {
    padding: .625rem 1.625rem !important;
    min-width: 33.5rem;
    margin-top: .5rem;
    border-radius: 0;
    border-width: .1875rem;
    border-color: #d8e3e9
}

.pricesresultsBlock .postAdditionOptions .list-inline .list-inline-item.megadropdown .dropdown-menu .title {
    display: inline-block;
    font-size: .875rem;
    font-weight: 600;
    color: #ff6e20;
    margin: 0 0 .625rem 0
}

.pricesresultsBlock .postAdditionOptions .list-inline .list-inline-item.megadropdown .dropdown-menu ul li .custom-checkbox {
    margin: 0 0 2px 0;
    min-height: .625rem
}

.pricesresultsBlock .postAdditionOptions .list-inline .list-inline-item.megadropdown .dropdown-menu ul li .custom-checkbox label {
    font-size: .75rem;
    color: #404040;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.pricesresultsBlock .postAdditionOptions .list-inline .list-inline-item.megadropdown .dropdown-menu ul li .custom-checkbox.header {
    margin: .75rem 0 .375rem 0
}

.pricesresultsBlock .postAdditionOptions .list-inline .list-inline-item.megadropdown .dropdown-menu ul li .custom-checkbox.header label {
    font-size: .875rem;
    font-weight: 600
}

.pricesresultsBlock .postAdditionOptions .list-inline .list-inline-item.megadropdown .dropdown-menu ul li .custom-checkbox.sub {
    padding-left: 2rem
}

.pricesresultsBlock .postAdditionOptions .list-inline .list-inline-item.megadropdown .dropdown-menu ul li .custom-checkbox.supersub {
    padding-left: 2.75rem
}

.pricesresultsBlock .postAdditionOptions .list-inline .list-inline-item.megadropdown .dropdown-menu ul li:first-child .custom-checkbox.header {
    margin: 0 0 .5rem 0
}

.pricesresultsBlock .postAdditionOptions .list-inline .list-inline-item.megadropdown .dropdown-menu .footer {
    text-align: right;
    border-top: 1px solid #d8e3e9;
    padding: .5rem 0 0 0
}

.pricesresultsBlock .postAdditionOptions .list-inline .list-inline-item.megadropdown .dropdown-menu .footer a.btn {
    display: inline-block;
    font-family: 'Archivo', sans-serif;
    padding: 0;
    font-size: .75rem;
    cursor: pointer
}

.pricesresultsBlock .postAdditionOptions .list-inline .list-inline-item.megadropdown .dropdown-menu .footer a.btn.btn-cancel {
    color: #8d959f;
    margin-right: .5rem
}

.pricesresultsBlock .postAdditionOptions .list-inline .list-inline-item.megadropdown .dropdown-menu .footer a.btn.btn-apply {
    color: #2a9df5
}

.pricesresultsBlock .postAdditionOptions .list-inline .list-inline-item.megadropdown.show button:after {
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

@media screen and (max-width:991px) {
    .pricesresultsBlock .postAdditionOptions .list-inline .list-inline-item.megadropdown+.list-inline-item:before {
        content: none
    }
}

@media only screen and (max-width:767px) {
    .pricesresultsBlock .postAdditionOptions .list-inline .list-inline-item.compare {
        display: none
    }
}

.pricesresultsBlock .postAdditionOptions .list-inline .list-inline-item.compare a {
    color: #2a9df5;
    font-weight: 600
}

.pricesresultsBlock .postAdditionOptions .list-inline .list-inline-item:first-child:before {
    content: none
}

.pricesresultsBlock .postAdditionOptions .list-inline .list-inline-item:first-child:last-child:before {
    content: none
}

.pricesresultsBlock .postAdditionOptions .list-inline .list-inline-item:last-child {
    margin-right: 0
}

.graph-block__content .card {
    border-color: #d8e3e9;
    margin-bottom: 1.875rem;
    border-radius: 0
}

.graph-block__content .card.messageBoard {
    border: 1px solid #ff6e20;
    background: #fff7f2;
    margin: 0
}

.graph-block__content .card.imageInfoCard {
    background: 0 0
}

@media screen and (max-width:767px) {
    .graph-block__content .card.imageInfoCard {
        margin-bottom: 1.25rem
    }
}

.graph-block__content .card.imageInfoCard.imageInfoSmallCard .imageInfoCardInfo {
    padding: 0
}

.graph-block__content .card.imageInfoCard .imageInfoCardImage {
    height: 8.6875rem
}

.graph-block__content .card.imageInfoCard .imageInfoCardImage img {
    width: 100%;
    height: 100%
}

.graph-block__content .card.imageInfoCard .card-body {
    padding: .9375rem
}

.graph-block__content .card-body {
    padding: 0
}

.graph-block__content .cardHead {
    padding: 16px;
    border-bottom: 1px solid #d8e3e9
}

.graph-block__content .card.imageInfoCard .card-title {
    font-size: .875rem;
    margin-bottom: .625rem;
    padding-right: .625rem;
    font-weight: 700;
    min-height: 2.8125rem;
    cursor: pointer
}

.graph-block__content .card.imageInfoCard .card-title:hover {
    color: #0166b4
}

.graph-block__content .card.imageInfoCard .card-author {
    font-size: .75rem
}

@media screen and (max-width:767px) {
    .graph-block__content .card.imageInfoCard .card-author {
        font-size: .875rem
    }
}

.graph-block__content .card.imageInfoCard .imageInfoCardInfo {
    padding: .625rem 0;
    position: relative
}

@media screen and (max-width:767px) {
    .graph-block__content .card.imageInfoCard .imageInfoCardInfo {
        padding: .625rem 0 1rem 0
    }
}

@media screen and (max-width:767px) {
    .graph-block__content .card.imageInfoCard .imageInfoCardInfo .imageInfoCardFeatureDate {
        font-size: .875rem
    }
}

.graph-block__content .card.imageInfoCard .imageInfoCardFeatureDropdown.show .iconDowndownToggle {
    background-position: -15rem -9.3125rem
}

.graph-block__content .card.imageInfoCard .imageInfoCardFeatureDropdown .dropdown-toggle:after {
    display: none
}

.graph-block__content .card.tenderCard {
    position: relative
}

.graph-block__content .card.tenderCard .card-body {
    padding: .9375rem
}

.graph-block__content .card.tenderCard .tenderImageBlock {
    width: 12.5rem
}

@media only screen and (max-width:767px) {
    .graph-block__content .card.tenderCard .tenderImageBlock {
        width: 100%
    }
}

.graph-block__content .card.tenderCard .tenderDeadline {
    position: absolute;
    right: 0;
    top: 0;
    background: #fbfbfb;
    width: 12.5rem;
    height: 100%
}

@media only screen and (max-width:991px) {
    .graph-block__content .card.tenderCard .tenderDeadline {
        width: 6.25rem;
        height: 6.25rem;
        padding: .3125rem;
        right: .9375rem;
        top: auto;
        bottom: .9375rem
    }
}

@media only screen and (max-width:767px) {
    .graph-block__content .card.tenderCard .tenderDeadline {
        top: .9375rem;
        bottom: auto
    }
}

.graph-block__content .card .addImage {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    width: 4rem;
    height: 4rem;
    background: #f1faff;
    margin-bottom: 1.25rem;
    border: 1px solid #fff;
    transition: all linear .16s;
    cursor: pointer
}

.graph-block__content .card .addImage i {
    transition: all linear .16s
}

.graph-block__content .card .addImage:hover {
    background: #fff;
    border-color: #2a9df5
}

.graph-block__content .card .card-subtitle {
    font-size: .875rem;
    color: #828994;
    text-align: center;
    line-height: 1.5rem
}

.graph-block__content .card.statisticsCard .cardHead .microSiteCategory .microSiteDropdown a,
.graph-block__content .card.statisticsCard .cardHead .primaryHeader,
.microSiteCategory .microSiteDropdown .graph-block__content .card.statisticsCard .cardHead a {
    position: relative;
    padding-right: 32px
}

@media screen and (max-width:767px) {
    .graph-block__content .card.statisticsCard .cardHead .microSiteCategory .microSiteDropdown a,
    .graph-block__content .card.statisticsCard .cardHead .primaryHeader,
    .microSiteCategory .microSiteDropdown .graph-block__content .card.statisticsCard .cardHead a {
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: visible
    }
}

.graph-block__content .card.statisticsCard .cardHead .microSiteCategory .microSiteDropdown a .drilldownToNextLevel,
.graph-block__content .card.statisticsCard .cardHead .primaryHeader .drilldownToNextLevel,
.microSiteCategory .microSiteDropdown .graph-block__content .card.statisticsCard .cardHead a .drilldownToNextLevel {
    position: absolute;
    right: 0
}

.graph-block__content .card.statisticsCard .chartStatiticsOptions {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.graph-block__content .card.statisticsCard.expandView {
    position: fixed;
    top: 0;
    left: 0;
    overflow: auto;
    padding: 2rem 2rem 0;
    width: 100%;
    height: 100%;
    z-index: 1040;
    border: none;
    background: rgba(0, 0, 0, .35)
}

.graph-block__content .card.statisticsCard.expandView .cardHead {
    padding: 0 0 1.25rem 0
}

.graph-block__content .card.statisticsCard.expandView .cardHead .microSiteCategory .microSiteDropdown a .drilldownToNextLevel,
.graph-block__content .card.statisticsCard.expandView .cardHead .primaryHeader .drilldownToNextLevel,
.microSiteCategory .microSiteDropdown .graph-block__content .card.statisticsCard.expandView .cardHead a .drilldownToNextLevel {
    display: none
}

.graph-block__content .card.statisticsCard.expandView .card-body {
    padding: 1.875rem;
    margin: 0;
    background: #fff
}

.graph-block__content .card .form-check {
    position: relative;
    display: none;
    height: 1.5rem;
    padding: 0;
    margin: 0;
    text-align: center;
    width: 1.5rem;
    border: 0
}

.graph-block__content .card .form-check:after {
    content: none
}

.graph-block__content .card .form-check .form-check-input {
    position: absolute;
    margin: 0;
    left: 0;
    height: 0;
    width: 0;
    opacity: 0
}

.graph-block__content .card .form-check .form-check-input:disabled+label {
    cursor: auto;
    background: #dedede;
    border-color: #dedede
}

.graph-block__content .card .form-check .form-check-input:checked+label {
    background: #ececec;
    border-color: #ececec
}

.graph-block__content .card .form-check .form-check-label {
    cursor: pointer;
    height: 12px;
    width: 12px;
    border: 1px solid #9f9f9f;
    line-height: 10px;
    font-size: 10px;
    font-weight: 600;
    margin: 0;
    border-radius: 2px
}

.graph-block__content .card .form-check .form-check-label:hover {
    background: #ececec
}

.graph-block__content .card.statisticsViewedCard {
    min-width: 11.25rem
}

.graph-block__content .card.caseStudyCard {
    position: relative;
    min-height: 21.25rem
}

@media only screen and (max-width:991px) {
    .graph-block__content .card.caseStudyCard {
        min-height: 14.6875rem
    }
}

.graph-block__content .card.caseStudyCard .caseStudyImage {
    position: absolute;
    width: 100%;
    height: 100%
}

.graph-block__content .card.caseStudyCard .card-body {
    position: relative;
    z-index: 1
}

.graph-block__content .card.caseStudyCard .caseStudyInformation {
    color: #fff;
    position: relative
}

.graph-block__content .card.caseStudyCard .caseStudyInformation>div {
    position: relative;
    z-index: 1
}

.graph-block__content .card.caseStudyCard .caseStudyInformation:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .5);
    z-index: 0
}

.graph-block__content .card.crowdFundingCard {
    min-height: 22.5rem
}

.graph-block__content .card.crowdFundingCard .card-body {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    color: #fff;
    background: rgba(0, 127, 188, .7)
}

.graph-block__content .card.crowdFundingCard:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../images/crowdFunding.png) no-repeat;
    background-size: cover
}

.graph-block__content .card.tendersHomeItem {
    padding: 1.875rem 2.125rem;
    margin: 0 3.75rem 1.875rem;
    transition: all ease-in-out .5s;
    cursor: pointer
}

@media screen and (max-width:767px) {
    .graph-block__content .card.tendersHomeItem {
        padding: 1.25rem 1.5625rem;
        margin: 0 1.25rem 1.25rem
    }
    .graph-block__content .card.tendersHomeItem .fontSize28 {
        font-size: 1.5rem
    }
}

.graph-block__content .card.tendersHomeItem.active {
    background: #2a9df5;
    color: #fff;
    margin: 0 0 1.875rem
}

.graph-block__content .card.cardHomeTender.activeCard {
    background: #2a9df5;
    color: #fff
}

.graph-block__content .card.bordererdCard {
    border-width: .1875rem
}

.graph-block__content .card.licenseCard {
    background: #f6f9fb;
    margin-bottom: .9375rem
}

.graph-block__content .card.licenseListCard .licenseCard:last-child {
    margin-bottom: 0
}

.header-dropdown__content .title-wrap {
    padding: 20px 20px 0
}

.header-dropdown__content .title {
    font-size: 14px;
    color: #404040;
    margin-bottom: 0
}

.header-dropdown__content .dropdown.show .dropdown-toggle:after {
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.header-dropdown__content .dropdown-menu {
    padding: 0;
    min-width: 170px
}

.header-dropdown--prices-detail-graph .header-dropdown__content .dropdown-menu {
    right: auto !important;
    left: auto !important;
    min-width: 390px
}

.header-dropdown__content .dropdown-toggle {
    position: relative;
    font-size: 16px;
    color: #fff;
    font-weight: 500
}

.header-dropdown--header-normal .header-dropdown__content .dropdown-toggle {
    color: #404040
}

.header-dropdown__content .dropdown-toggle:after {
    display: inline-block;
    vertical-align: .255em;
    content: "";
    background: url(../images/spritesheet.svg) no-repeat;
    background-position: -.125rem -.0625rem;
    position: absolute;
    top: 7px;
    right: -20px;
    border: none;
    height: .625rem;
    width: .625rem;
    -ms-transform: rotate(0);
    transform: rotate(0);
    transition: all .3s ease-in-out
}

.header-dropdown--prices-detail-graph .header-dropdown__content .dropdown-toggle:after {
    background: url(../images/chevron-down.svg);
    background-repeat: no-repeat;
    background-position: center;
    margin-top: 0;
    margin-left: 0;
    top: 5px;
    right: -15px
}

.header-dropdown--header .header-dropdown__content .dropdown-toggle:after {
    background: url(../images/chevron-down-white.svg);
    background-repeat: no-repeat;
    background-position: center;
    margin-top: 0;
    margin-left: 0;
    top: 5px;
    right: -15px
}

.header-dropdown--header-normal .header-dropdown__content .dropdown-toggle:after {
    background: url(../images/chevron-down-black.svg);
    background-repeat: no-repeat;
    background-position: center;
    margin-top: 0;
    margin-left: 0;
    top: 5px;
    right: -15px
}

.header-dropdown__content .dropdown-item {
    padding: 12px 12px;
    border-bottom: 1px solid #d8e3e9
}

.header-dropdown--prices-detail-graph .header-dropdown__content .dropdown-item {
    pointer-events: none;
    padding: 12px 0;
    margin: 0 20px;
    width: calc(100% - 40px)
}

.header-dropdown__content .dropdown-item:last-child {
    border-bottom: none
}

.header-dropdown__content .dropdown-item:hover {
    background-color: #2a9df5
}

.header-dropdown__content .dropdown-item:hover .header-dropdown__title {
    color: #fff
}

.header-dropdown__content .dropdown-item:hover .header-dropdown__subtitle {
    color: #fff
}

.header-dropdown--prices-detail-graph .header-dropdown__content .dropdown-item:hover {
    background-color: transparent
}

.header-dropdown__content .selectContainer.timeLine .selectItem {
    padding: 0;
    width: auto
}

.header-dropdown__content .selectContainer.timeLine .selectItem .datePickerItem input {
    border: 1px solid #d8e3e9
}

.header-dropdown__content .header-link {
    color: #fff;
    font-size: 16px
}

.header-dropdown--header-normal .header-dropdown__content .header-link {
    color: #404040
}

.header-dropdown__item-wrap {
    height: 200px;
    overflow-y: auto
}

.header-dropdown__title {
    font-size: 14px;
    color: #2d2d2d
}

.header-dropdown__subtitle {
    font-size: 12px;
    color: #707070
}

.header-dropdown__download-link {
    font-size: 14px
}

.header-dropdown__footer {
    padding: 15px 20px 20px
}

.selectable-dropdown__content .title-wrap {
    padding: 20px 20px 0
}

.selectable-dropdown__content .title {
    font-size: 14px;
    color: #404040;
    margin-bottom: 14px;
    font-weight: 600
}

.selectable-dropdown__content .dropdown.show .dropdown-toggle:after {
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.selectable-dropdown__content .dropdown-menu {
    padding: 0;
    min-width: 370px
}

@media (max-width:991px) {
    .selectable-dropdown__content .dropdown-menu {
        min-width: 320px
    }
}

.selectable-dropdown--prices-detail-graph .selectable-dropdown__content .dropdown-menu {
    right: auto !important;
    left: auto !important;
    min-width: 390px
}

.selectable-dropdown__content .dropdown-toggle {
    position: relative
}

.selectable-dropdown--prices-detail-graph .selectable-dropdown__content .dropdown-toggle {
    font-size: 14px;
    color: #2a9df5
}

.selectable-dropdown--header .selectable-dropdown__content .dropdown-toggle {
    font-size: 14px;
    color: #fff
}

.selectable-dropdown__content .dropdown-toggle:after {
    display: inline-block;
    vertical-align: .255em;
    content: "";
    background: url(../images/spritesheet.svg) no-repeat;
    background-position: -.125rem -.0625rem;
    position: absolute;
    top: 7px;
    right: -20px;
    border: none;
    height: .625rem;
    width: .625rem;
    -ms-transform: rotate(0);
    transform: rotate(0);
    transition: all .3s ease-in-out
}

.selectable-dropdown--prices-detail-graph .selectable-dropdown__content .dropdown-toggle:after {
    background: url(../images/chevron-down.svg);
    background-repeat: no-repeat;
    background-position: center;
    margin-top: 0;
    margin-left: 0;
    top: 5px;
    right: -15px
}

.selectable-dropdown--header .selectable-dropdown__content .dropdown-toggle:after {
    background: url(../images/chevron-down-white.svg);
    background-repeat: no-repeat;
    background-position: center;
    margin-top: 0;
    margin-left: 0;
    top: 5px;
    right: -15px
}

.selectable-dropdown__content .dropdown-item {
    padding: 12px 12px;
    border-bottom: 1px solid #d8e3e9
}

.selectable-dropdown--prices-detail-graph .selectable-dropdown__content .dropdown-item {
    pointer-events: none;
    padding: 12px 0;
    margin: 0 20px;
    width: calc(100% - 40px)
}

.selectable-dropdown__content .dropdown-item:last-child {
    border-bottom: none
}

.selectable-dropdown__content .dropdown-item:hover {
    background-color: #2a9df5
}

.selectable-dropdown__content .dropdown-item:hover .selectable-dropdown__title {
    color: #fff
}

.selectable-dropdown__content .dropdown-item:hover .selectable-dropdown__subtitle {
    color: #fff
}

.selectable-dropdown--prices-detail-graph .selectable-dropdown__content .dropdown-item:hover {
    background-color: transparent
}

.selectable-dropdown__content .selectContainer.timeLine .selectItem {
    padding: 0;
    width: auto
}

.selectable-dropdown__content .selectContainer.timeLine .selectItem .datePickerItem input {
    border: 1px solid #d8e3e9
}

.selectable-dropdown--prices-detail-graph .selectable-dropdown__content .download-excel-wrap {
    padding: 0 20px 16px
}

.selectable-dropdown__content .card-select-search-wrap {
    border-bottom: 1px solid #d8e3e9;
    position: relative
}

.selectable-dropdown__content .card-select-search-icon {
    position: absolute;
    left: 12px;
    top: 50%;
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%)
}

.selectable-dropdown__content .card-select-close-icon {
    position: absolute;
    right: 12px;
    top: 50%;
    width: 8px;
    height: 8px;
    cursor: pointer;
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%)
}

.selectable-dropdown__content .card-select-search-input {
    padding: 9px 12px 9px 30px;
    border: none;
    width: 100%;
    font-size: 12px;
    font-weight: 400;
    color: #8d959f
}

.selectable-dropdown__content .card-select-search-input:focus {
    outline: 0
}

.selectable-dropdown__item-wrap {
    height: 200px;
    overflow-y: auto
}

.selectable-dropdown__title {
    font-size: 14px;
    color: #2d2d2d
}

@media (max-width:991px) {
    .selectable-dropdown__title {
        font-size: 12px
    }
}

.selectable-dropdown__subtitle {
    font-size: 12px;
    color: #707070
}

.selectable-dropdown__download-link {
    font-size: 14px
}

.selectable-dropdown__footer {
    padding: 15px 20px 20px
}

@media (max-width:767px) {
    .prices-page__content .pricesresultsBlock .postAdditionOptions {
        top: 0
    }
}

.prices-page__content .pricesresultsBlock .postAdditionOptions .list-inline .list-inline-item {
    margin-right: 24px
}

.prices-page__content .pricesresultsBlock .postAdditionOptions .list-inline .list-inline-item:before {
    margin-right: 24px
}

.prices-page__content .pricesresultsBlock .postAdditionOptions .list-inline .list-inline-item:last-child {
    margin-right: 0
}

.prices-page__content .pricesresultsBlock .postAdditionOptions .list-inline .list-inline-item.megadropdown {
    position: relative
}

@media (max-width:991px) {
    .prices-page__content .pricesresultsBlock .postAdditionOptions .list-inline .list-inline-item.megadropdown {
        display: -ms-flexbox;
        display: flex;
        width: auto
    }
    .prices-page__content .pricesresultsBlock .postAdditionOptions .list-inline .list-inline-item.megadropdown+.list-inline-item:before {
        content: "|";
        color: #d8e3e9;
        margin-right: 24px
    }
}

.prices-page__content .pricesresultsBlock .postAdditionOptions .list-inline .list-inline-item.megadropdown.openDropdown .dropdown-menu {
    display: block
}

@media (max-width:991px) {
    .prices-page__content .pricesresultsBlock .postAdditionOptions .list-inline .list-inline-item.megadropdown.openDropdown .dropdown-menu {
        right: auto;
        left: 0 !important;
        min-width: 280px
    }
}

.prices-page__content .pricesresultsBlock .postAdditionOptions .list-inline .list-inline-item.megadropdown.openDropdown button:after {
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.prices-page__content .pricesresultsBlock .postAdditionOptions .list-inline .list-inline-item.megadropdown .dropdown-menu {
    left: auto !important;
    right: 0;
    top: 22px !important;
    transform: translate3d(0, 0, 0) !important;
    min-width: 375px;
    padding: 0 !important;
    display: none
}

.prices-page__content .pricesresultsBlock .postAdditionOptions .list-inline .list-inline-item.megadropdown .dropdown-menu .footer {
    padding: 16px
}

.prices-page__content .pricesresultsBlock .postAdditionOptions .list-inline .list-inline-item.megadropdown button {
    padding: .5625rem 1.5625rem
}

@media (max-width:991px) {
    .prices-page__content .pricesresultsBlock .postAdditionOptions .list-inline .list-inline-item.sizeable {
        display: -ms-flexbox;
        display: flex
    }
}

@media (max-width:991px) {
    .prices-page__content .pricesresultsBlock .postAdditionOptions .list-inline .list-inline-item.compare {
        display: -ms-flexbox;
        display: flex
    }
}

.prices-page__content .tabs-wrapper {
    position: relative
}

.prices-page__content .toggle-tabs-wrap {
    position: absolute;
    top: 10px;
    right: 50px
}

@media (max-width:991px) {
    .prices-page__content .toggle-tabs-wrap {
        top: 0;
        right: 34px;
        height: 34px;
        padding-right: 15px;
        padding-left: 15px;
        background-color: #fff;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center
    }
}

.prices-page__content .toggle-tabs-wrap .prelogin-stat-tooggler__checkbox::before {
    content: "Commodities"
}

@media (max-width:991px) {
    .prices-page__content .toggle-tabs-wrap .prelogin-stat-tooggler__checkbox::before {
        content: "C";
        text-align: center;
        font-size: 9px;
        font-weight: 900;
        color: #404040;
        position: absolute;
        left: -4px;
        top: calc(50% - 1px);
        -ms-transform: translate(0, -50%);
        transform: translate(0, -50%);
        z-index: 5
    }
}

@media (max-width:991px) {
    .prices-page__content .toggle-tabs-wrap .prelogin-stat-tooggler__checkbox.letter-c:before {
        font-size: 12px;
        color: #fff
    }
}

.prices-page__content .toggle-tabs-wrap .prelogin-stat-tooggler__checkbox::after {
    content: "Region"
}

@media (max-width:991px) {
    .prices-page__content .toggle-tabs-wrap .prelogin-stat-tooggler__checkbox::after {
        content: "R";
        text-align: center;
        font-size: 9px;
        font-weight: 900;
        color: #404040;
        position: absolute;
        right: -14px;
        top: calc(50% - 1px);
        -ms-transform: translate(0, -50%);
        transform: translate(0, -50%)
    }
}

@media (max-width:991px) {
    .prices-page__content .toggle-tabs-wrap .prelogin-stat-tooggler__checkbox.letter-r:after {
        font-size: 12px;
        color: #fff
    }
}

@media (max-width:991px) {
    .prices-page__content .toggle-tabs-wrap .prelogin-stat-tooggler__checkbox label {
        margin-bottom: 0
    }
}

.prices-page__content .list-inline-item .date-range {
    white-space: nowrap
}

.prices-page__content .nav-pills .megadropdown {
    position: relative
}

.prices-page__content .nav-pills .megadropdown.megadropdownIcon {
    display: inline-block
}

.prices-page__content .nav-pills .megadropdown.megadropdownIcon .dropdown-toggle {
    position: relative
}

.prices-page__content .nav-pills .megadropdown.megadropdownIcon .dropdown-toggle:after {
    content: none
}

.prices-page__content .nav-pills .megadropdown.megadropdownIcon .dropdown-toggle.checked-some:before {
    content: "";
    position: absolute;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #fff;
    top: 1px;
    right: 0;
    border: none
}

.prices-page__content .nav-pills .megadropdown.megadropdownIcon .dropdown-toggle.checked-some:after {
    content: "";
    position: absolute;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #11a743;
    top: 1px;
    right: 0;
    border: none;
    z-index: 1
}

.prices-page__content .nav-pills .megadropdown.openDropdown .dropdown-menu {
    display: block
}

.prices-page__content .nav-pills .megadropdown .dropdown-menu {
    left: 0 !important;
    right: auto !important;
    top: 22px !important;
    transform: translate3d(0, 0, 0) !important;
    min-width: 375px;
    padding: 0 !important;
    display: none
}

.prices-page__content .nav-pills .megadropdown .dropdown-menu .footer {
    padding: 16px
}

.prices-page__content .nav-pills .megadropdown button {
    padding: .5625rem 1.5625rem
}

.prices-page__content .tab-dropdown-wrap .tab-dropdown {
    position: absolute;
    top: 50%;
    right: 0;
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    z-index: 2
}

@media (max-width:991px) {
    .prices-page__content .tab-content {
        padding-top: 0
    }
}

.checkbox-container__content {
    padding: 16px 0
}

.checkbox-container--logistics .checkbox-container__content {
    padding: 0
}

.checkbox-container__content.reset-all-checkboxes .form-group label:after {
    content: none
}

.checkbox-container__content .form-group {
    height: auto;
    border: none;
    margin-bottom: 0
}

.checkbox-container__content .form-group .span-label {
    font-size: 14px;
    display: inline-block;
    vertical-align: middle
}

.checkbox-container--logistics .checkbox-container__content .form-group .span-label {
    font-size: 12px;
    color: #404040;
    white-space: nowrap;
    text-overflow: ellipsis
}

.checkbox-container__content .form-group input {
    padding: 0;
    height: initial;
    width: initial;
    margin-bottom: 0;
    display: none;
    cursor: pointer
}

.checkbox-container__content .form-group label {
    position: relative;
    cursor: pointer;
    margin-bottom: 12px
}

.checkbox-container--logistics .checkbox-container__content .form-group label {
    margin-bottom: 16px
}

.checkbox-container__content .form-group label:before {
    content: '';
    -webkit-appearance: none;
    background-color: transparent;
    border: 1px solid #d8e3e9;
    padding: 8px;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    cursor: pointer;
    margin-right: 5px
}

.checkbox-container--logistics .checkbox-container__content .form-group label:before {
    padding: 6.5px;
    border-radius: 2px;
    border: 1px solid #9f9f9f
}

.checkbox-container__content .form-group span {
    position: relative;
    cursor: pointer
}

.checkbox-container__content .form-group input:checked+label:after {
    content: '';
    display: block;
    position: absolute;
    top: 1px;
    left: 6px;
    width: 6px;
    height: 12px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.checkbox-container--logistics .checkbox-container__content .form-group input:checked+label:after {
    top: 2px;
    left: 5px;
    width: 5px;
    height: 9px
}

.checkbox-container__content .form-group input:checked.minusCheckBoxAll+label:after {
    content: '';
    display: block;
    position: absolute;
    top: 8px;
    left: 4px;
    width: 11px;
    height: 1px;
    border: solid #fff;
    border-width: 2px 0 0 0;
    -ms-transform: rotate(0);
    transform: rotate(0)
}

.checkbox-container__content .form-group input:checked+label:before {
    content: '';
    border: 1px solid #2a9df5;
    background-color: #2a9df5
}

.checkbox-container__content .checkbox-dropdown.show .drop-arrow {
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.checkbox-container__content .drop-arrow {
    width: 9px;
    margin: 0 5px;
    -ms-transform: rotate(0);
    transform: rotate(0);
    transition: all .2s ease-in-out
}

.checkbox-container__content .checkbox-dropdown-toggle {
    -webkit-appearance: initial
}

.checkbox-container__content .checkbox-dropdown-menu {
    display: none;
    background-color: #fbfbfb;
    padding: 10px 0 5px;
    margin: 0 0 5px;
    position: relative
}

.checkbox-container__content .checkbox-dropdown-menu:after,
.checkbox-container__content .checkbox-dropdown-menu:before {
    content: "";
    position: absolute;
    top: 0;
    width: 16px;
    height: 100%;
    background-color: #fbfbfb
}

.checkbox-container__content .checkbox-dropdown-menu:before {
    left: -16px
}

.checkbox-container__content .checkbox-dropdown-menu:after {
    right: -16px
}

.checkbox-container__content .checkbox-dropdown-menu.show {
    display: block
}

.checkbox-container__content .checkbox-list {
    padding: 0 16px;
    font-size: 0
}

.checkbox-container--logistics .checkbox-container__content .checkbox-list {
    padding: 0
}

.checkbox-container__content .checkbox-list-child {
    padding: 0 20px
}

.checkbox-container__wrapper {
    height: 345px;
    overflow-y: auto;
    overflow-x: hidden
}

.checkbox-container--tabs .checkbox-container__wrapper {
    min-height: 70px;
    height: auto;
    padding-top: 20px
}

.row.filterableRows .listTenderItem {
    max-width: 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    position: relative
}

.row.filterableRows .listTenderItem .tendersCard {
    display: -ms-flexbox;
    display: flex;
    padding: 1.25rem;
    position: relative
}

.row.filterableRows .listTenderItem .tenderTitle {
    font-size: 1.75rem
}

.row.filterableRows .listTenderItem .tendersImage {
    width: 20rem;
    max-height: 100%;
    margin-right: .9375rem
}

.row.filterableRows .listTenderItem .currentTenderIndex {
    margin: 1.25rem 0 2.5rem
}

.row.filterableRows .listTenderItem .tenderInfoBody {
    width: calc(100% - 300px);
    padding: .5rem .9375rem
}

.row.filterableRows .listTenderItem .tenderOtherOptions {
    position: absolute;
    width: 7.5rem;
    left: 25rem;
    top: 2.5rem
}

.row.filterableRows .listTenderItem .tendersFooter {
    width: 100%;
    position: absolute;
    bottom: .625rem;
    padding-left: 21.875rem !important;
    margin-left: -1.25rem
}

.row.filterableRows .listTenderItem .tendersFooter .tenderBottomLeft span {
    font-size: 1.75rem
}

.row.filterableRows .listTenderItem .tendersTimeline span {
    font-size: 2.8125rem
}

.statisticsInfoGraphicsBlock {
    background-color: rgba(42, 157, 245, .1);
    margin-bottom: 1.875rem;
    margin: 3.75rem 0 1.875rem 0;
    height: 23.75rem
}

.statisticsInfoGraphicsBlock .container {
    height: 100%
}

.statisticsInfoGraphicsBlock .container .carousel {
    position: absolute;
    height: 100%;
    bottom: 3.125rem
}

.statisticsInfoGraphicsBlock .container .carousel .carousel-inner .carousel-item .sliderImageContainer {
    cursor: pointer;
    padding: 1rem;
    position: relative
}

.statisticsInfoGraphicsBlock .container .carousel .carousel-inner .carousel-item .sliderImageContainer:after {
    content: '';
    position: absolute;
    height: calc(100% - 32px);
    width: calc(100% - 32px);
    left: 16px;
    top: 16px;
    opacity: 0;
    background: rgba(141, 149, 159, .5);
    transition: all linear .16s;
    background-size: 12px
}

.statisticsInfoGraphicsBlock .container .carousel .carousel-inner .carousel-item .sliderImageContainer:hover:after {
    opacity: 1
}

.statisticsInfoGraphicsBlock .container .carousel .carousel-inner .carousel-item .sliderImageContainer .sliderImage {
    position: relative;
    height: 100%;
    -o-box-shadow: 0 0 8px 0 rgba(1, 102, 180, .16);
    box-shadow: 0 0 8px 0 rgba(1, 102, 180, .16)
}

.statisticsInfoGraphicsBlock .container .carousel .carousel-inner .carousel-item .sliderContentContainer {
    position: relative;
    padding-top: 6.25rem
}

.statisticsInfoGraphicsBlock .container .carousel .carousel-inner .carousel-item .sliderContentContainer .tag {
    position: absolute;
    display: block;
    top: 4.375rem;
    font-size: .75rem;
    color: #ff6e20
}

.statisticsInfoGraphicsBlock .container .carousel .carousel-inner .carousel-item .sliderContentContainer .media img {
    height: 3.5rem;
    width: 3.5rem
}

.statisticsInfoGraphicsBlock .container .carousel .carousel-inner .carousel-item .sliderContentContainer .media .media-body h6 {
    font-size: 1rem;
    color: #2a9df5;
    margin: 0
}

.statisticsInfoGraphicsBlock .container .carousel .carousel-inner .carousel-item .sliderContentContainer .media .media-body p {
    color: #8d959f
}

.statisticsInfoGraphicsBlock .container .carousel .carousel-inner .carousel-item .sliderContentContainer .bookmarkOption {
    margin-top: 1rem;
    white-space: nowrap
}

.statisticsInfoGraphicsBlock .container .carousel .carousel-indicators {
    position: absolute;
    left: 26%;
    right: auto;
    margin: 1.25rem 0 0;
    bottom: -1.875rem
}

.statisticsInfoGraphicsBlock .container .carousel .carousel-indicators li {
    width: .375rem;
    height: .375rem;
    border-radius: 50%;
    border: 1px solid #404040;
    background: 0 0;
    transition: all linear .5s
}

.statisticsInfoGraphicsBlock .container .carousel .carousel-indicators li.active {
    background: #2a9df5;
    border-color: #2a9df5
}

.statisticsInfoGraphicsBlock .container .carousel .carousel-navigation {
    top: calc(50% - 10px);
    background: #fff;
    -o-box-shadow: 0 3px 6px 0 rgba(1, 102, 180, .16);
    box-shadow: 0 3px 6px 0 rgba(1, 102, 180, .16);
    transition: all linear .16s
}

.statisticsInfoGraphicsBlock .container .carousel .carousel-navigation.carousel-control-next,
.statisticsInfoGraphicsBlock .container .carousel .carousel-navigation.carousel-control-prev {
    left: -5rem
}

.statisticsInfoGraphicsBlock .container .carousel .carousel-navigation.carousel-control-next {
    left: calc(100% + 40px)
}

.statisticsInfoGraphicsBlock .container .carousel .carousel-navigation.carousel-control-next i {
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.statisticsInfoGraphicsBlock .container .carousel .carousel-navigation:hover {
    top: calc(50% - 13px);
    -o-box-shadow: 0 6px 6px 0 rgba(1, 102, 180, .16);
    box-shadow: 0 6px 6px 0 rgba(1, 102, 180, .16)
}

.statisticsInfoGraphicsBlock .container .carousel .carousel-navigation:active {
    top: calc(50% - 10px);
    -o-box-shadow: 0 3px 6px 0 rgba(1, 102, 180, .16);
    box-shadow: 0 3px 6px 0 rgba(1, 102, 180, .16)
}

.infoImageZoom {
    position: relative
}

.infoImageZoom.zoom {
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, .8);
    z-index: 9999;
    max-width: 100%;
    overflow: auto;
    height: 100%
}

.infoImageZoom.zoom .magniglass {
    position: fixed;
    background-position: .1875rem -7.625rem;
    background-image: url(../images/spritesheet.svg)
}

.prelogin-statistics-banner .statistics-title {
    text-align: left;
    font: normal normal 600 48px/64px 'Archivo', sans-serif;
    ;
    letter-spacing: 0;
    color: #404040;
    opacity: 1
}

.prelogin-statistics-banner .statistics-content {
    text-align: left;
    font: normal normal 300 20px/28px "Archivo", sans-serif;
    letter-spacing: 0;
    color: #404040;
    opacity: 1
}

.prelogin-statistics-banner .prelogin-statistics-img {
    height: 370px
}

.statistics-datafilter {
    margin-top: 60px;
    margin-bottom: 75px;
    width: 100%
}

.statistics-datafilter.withBackground {
    background: linear-gradient(to bottom, #fff, #f3f9ff)
}

#prelogin-statCarousel .owl-nav {
    padding: 0
}

.explore-infographics-section #prelogin-statCarousel .owl-nav {
    padding: 0
}

.explore-infographics-section #prelogin-statCarousel .owl-nav .card {
    border: none
}

.card-block__search-country {
    background: #fff 0 0 no-repeat padding-box;
    box-shadow: 0 3px 6px #00000029;
    border: 1px solid #ececec;
    border-radius: 4px;
    opacity: 1;
    padding: 24px 56px
}

.country-search__input {
    position: relative;
    background: #fff 0 0 no-repeat padding-box;
    border: 1px solid #ececec;
    border-radius: 4px;
    opacity: 1
}

.country-search__input input[type=text] {
    padding-left: 35px
}

.country-search__input-icon {
    position: absolute;
    top: calc(50% - 13px);
    left: 10px
}

.country-search__table table thead th {
    padding: 21px 19px 19px 32px;
    text-align: left;
    font: normal normal 600 14px/19px "Archivo", sans-serif;
    letter-spacing: 0;
    color: #000;
    text-transform: capitalize;
    opacity: 1;
    position: sticky;
    top: 0;
    background-color: #fff;
    z-index: 1
}

.country-search__table table tbody td {
    padding: 21px 19px 19px 32px;
    vertical-align: baseline
}

.country-search__table table tbody td:first-child {
    padding-top: 16px;
    padding-left: 64px
}

.country-search__table table tbody td p {
    margin-bottom: 0
}

.table-block {
    padding-top: 16px
}

.td-country__nameOfCountry {
    text-align: left;
    font: normal normal bold 12px/16px "Archivo", sans-serif;
    letter-spacing: 0;
    color: #2d2d2d;
    opacity: 1;
    position: relative
}

.td-country__nameOfCountry::before {
    background-image: url(../images/flags/1x1/pk.svg);
    height: 16px;
    width: 24px;
    content: '';
    display: inline-block;
    position: absolute;
    left: -32px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center
}

.td-country--country-nepal .td-country__nameOfCountry::before {
    background-image: url(../images/flags/1x1/np.svg)
}

.td-country--country-bangladesh .td-country__nameOfCountry::before {
    background-image: url(../images/flags/1x1/bd.svg)
}

.td-country__subtext {
    text-align: left;
    font: normal normal bold 12px/16px "Archivo", sans-serif;
    letter-spacing: 0;
    color: #8d959f;
    opacity: 1
}

.td-country__midtext {
    padding: 12px 0
}

.td-country__dates {
    text-align: left;
    font: normal normal normal 12px/18px Poppins, sans-serif;
    letter-spacing: 0;
    color: #2d2d2d;
    opacity: .57
}

.prelogin-infographics__heading {
    font-size: 16px;
    font-family: Poppins, sans-serif;
    font-weight: 700;
    color: #2d2d2d
}

.prelogin-infographics__subtext {
    text-align: left;
    font: normal normal 300 16px/22px "Archivo", sans-serif;
    letter-spacing: 0;
    color: #404040;
    opacity: 1;
    margin-bottom: 24px
}

.prelogin-explore-graph__heading {
    font-size: 16px;
    font-family: Poppins, sans-serif;
    font-weight: 700;
    color: #2d2d2d
}

.prelogin-explore-graph__subtext {
    text-align: left;
    font: normal normal 300 16px/22px "Archivo", sans-serif;
    letter-spacing: 0;
    color: #404040;
    opacity: 1;
    margin-bottom: 24px
}


.section {
    float: left;
    min-width: 150px;
    width: 33.33%;
    padding: 25px 0;
    min-height: 100px
}

.prelogin-stat-tooggler__checkbox {
    position: relative;
    display: inline-block
}

.prelogin-stat-tooggler__checkbox::after,
.prelogin-stat-tooggler__checkbox::before {
    font-family: FontAwesome;
    font-feature-settings: normal;
    font-kerning: auto;
    font-language-override: normal;
    font-stretch: normal;
    font-style: normal;
    font-synthesis: weight style;
    font-variant: normal;
    font-weight: 400;
    text-rendering: auto
}

.prelogin-stat-tooggler__checkbox label {
    width: 28px;
    height: 12px;
    border: 1px solid #8d959f;
    position: relative;
    display: inline-block;
    border-radius: 9px;
    transition: .4s
}

.prelogin-stat-tooggler__checkbox label::after {
    content: '';
    position: absolute;
    width: 16px;
    height: 16px;
    border-radius: 100%;
    left: -2px;
    top: -3px;
    z-index: 0;
    background: #2a9df5;
    box-shadow: 0 0 5px rgba(0, 0, 0, .2);
    transition: .4s;
    right: 5px
}

.prelogin-stat-tooggler__checkbox input {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 5;
    opacity: 0;
    cursor: pointer
}

.prelogin-stat-tooggler__checkbox input:hover+label:after {
    box-shadow: 0 2px 15px 0 rgba(0, 0, 0, .2), 0 3px 8px 0 rgba(0, 0, 0, .15)
}

.prelogin-stat-tooggler__checkbox input:checked+label:after {
    left: 12px
}

.prelogin-stat-tooggler__model-1 .prelogin-stat-tooggler__checkbox input:checked+label:after {
    background: #2a9df5
}

.prelogin-stat-tooggler__checkbox::before {
    content: 'Search in Tabular';
    font: normal normal bold 10px/12px "Archivo", sans-serif;
    letter-spacing: 0;
    color: #acb1b6;
    opacity: 1;
    position: relative;
    top: -10px;
    right: 10px
}

.prelogin-stat-tooggler__checkbox::after {
    content: 'Search in Graphs';
    font: normal normal bold 10px/12px "Archivo", sans-serif;
    letter-spacing: 0;
    color: #acb1b6;
    opacity: 1;
    position: relative;
    top: -10px;
    left: 0
}

.toggler_active-after::after {
    font: normal normal bold 10px/12px "Archivo", sans-serif;
    letter-spacing: 0;
    color: #404040;
    opacity: 1
}

.toggler_active-before::before {
    font: normal normal bold 10px/12px "Archivo", sans-serif;
    letter-spacing: 0;
    color: #404040;
    opacity: 1
}

.dropdown-region-title {
    font: normal normal 600 12px/12px "Archivo", sans-serif;
    letter-spacing: 0;
    color: #2a9df5;
    opacity: 1
}

.list-inline-item.megadropdown .dropdown-menu {
    padding: .625rem 1.625rem !important;
    min-width: 33.5rem;
    margin-top: .5rem;
    border-radius: 0;
    border-width: .1875rem;
    border-color: #d8e3e9
}

.list-inline-item.megadropdown button:after {
    position: relative;
    height: .625rem;
    width: .625rem;
    border: 0;
    top: .3125rem;
    background: url(../images/spritesheet.svg) no-repeat;
    background-position: -.0625rem -.8125rem;
    -ms-transform: rotate(0);
    transform: rotate(0);
    transition: all linear .16s
}

.list-inline-item.megadropdown.show button:after {
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.list-inline-item.megadropdown .dropdown-menu .footer {
    text-align: right;
    border-top: 1px solid #d8e3e9;
    padding: .5rem 0 0 0
}

.list-inline-item.megadropdown .dropdown-menu ul li:first-child .custom-checkbox.header {
    margin: 0 0 .5rem 0
}

.list-inline-item.megadropdown .dropdown-menu ul li .custom-checkbox.header {
    margin: .75rem 0 .375rem 0
}

.list-inline-item.megadropdown .dropdown-menu ul li .custom-checkbox.header label {
    font-size: .875rem;
    font-weight: 600
}

.list-inline-item.megadropdown .dropdown-menu ul li .custom-checkbox {
    margin: 0 0 2px 0;
    min-height: .625rem
}

.list-inline-item.megadropdown .dropdown-menu ul li .custom-checkbox label {
    font-size: .75rem;
    color: #404040;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.list-inline-item.megadropdown .dropdown-menu ul li .custom-checkbox.sub {
    padding-left: 2rem
}

.list-inline-item.megadropdown .dropdown-menu .title {
    display: inline-block;
    font-size: .875rem;
    font-weight: 600;
    color: #ff6e20;
    margin: 0 0 .625rem 0
}

.list-inline-item.megadropdown .dropdown-menu .footer a.btn.btn-cancel {
    color: #8d959f;
    margin-right: .5rem
}

.list-inline-item.megadropdown .dropdown-menu .footer a.btn.btn-apply {
    color: #2a9df5
}

.dropdown-menu-rightsub-title {
    font: normal normal 600 12px/12px "Archivo", sans-serif;
    letter-spacing: 0;
    color: #404040
}

.page-next,
.page-previous {
    width: 25px;
    height: 25px
}

.page-next input[type=button],
.page-previous input[type=button] {
    padding: 0;
    height: 100%;
    width: 100%;
    background-color: #fff;
    box-shadow: 0 3px 6px #0166B429;
    border: 1px solid #e1eaee;
    opacity: 1;
    margin: 0
}

#page-previous {
    background: transparent url(../images/left-pagin.svg) 0 0 no-repeat padding-box;
    opacity: 1;
    width: 25px;
    height: 25px;
    background-position: center
}

#page-next {
    background: transparent url(../images/right-pagin.svg) 0 0 no-repeat padding-box;
    opacity: 1;
    height: 100%;
    width: 100%;
    background-position: center
}

.page_number {
    background: #fff 0 0 no-repeat padding-box;
    border: 1px solid #ececec;
    border-radius: 4px;
    opacity: 1;
    height: 24px;
    width: 24px;
    text-align: center;
    margin-left: 16px;
    margin-right: 12px
}

.page_number p {
    text-align: center;
    font: normal normal normal 12px/16px "Archivo", sans-serif;
    letter-spacing: 0;
    color: #404040;
    opacity: 1;
    position: relative;
    top: calc(50% - 8px)
}

.total_n_pages {
    width: 24px;
    height: 24px;
    text-align: center;
    margin-left: -5px;
    margin-right: 16px
}

.total_n_pages p {
    text-align: center;
    font: normal normal normal 12px/16px "Archivo", sans-serif;
    letter-spacing: 0;
    color: #404040;
    opacity: 1;
    position: relative;
    top: calc(50% - 8px)
}

.btn-inactive {
    filter: opacity(.5);
    pointer-events: none
}

.dropdown-toggle {
    padding-right: 0
}

.list-inline-item.megadropdown {
    width: 100%;
    text-align: end
}

.main-white-background {
    background: #fff;
    margin-bottom: -25px
}

.btn-back {
    font-size: 16px;
    font-family: "Archivo", sans-serif;
    font-weight: 700;
    color: #2d2d2d;
    margin-left: -16px;
    display: inline-block
}

.btn-back::before {
    content: '';
    width: 24px;
    height: 20px;
    display: inline-block;
    background-image: url(../images/spritesheet.svg);
    background-position: -198px -617px;
    margin-right: 5px
}

.graph-download-control .download-control {
    background: #fff 0 0 no-repeat padding-box;
    border: 1px solid #d8e3e9;
    border-radius: 4px;
    opacity: 1;
    text-align: center;
    position: relative;
    padding: 12px;
    cursor: pointer
}

.graph-download-control .download-control:hover {
    background: #fff7f2 0 0 no-repeat padding-box;
    border: 1px solid #ff6b1f
}

.graph-download-control .download-control .png-control {
    text-align: left;
    font: normal normal normal 12px/16px "Archivo", sans-serif;
    letter-spacing: 0;
    color: #2d2d2d;
    opacity: 1;
    text-transform: uppercase;
    margin: 0 auto
}

.graph-download-control .download-control .excel-control {
    text-align: left;
    font: normal normal normal 12px/16px "Archivo", sans-serif;
    letter-spacing: 0;
    color: #2d2d2d;
    opacity: 1;
    text-transform: uppercase;
    margin: 0 auto
}

.graph-download-control .download-control .pdf-control {
    text-align: left;
    font: normal normal normal 12px/16px "Archivo", sans-serif;
    letter-spacing: 0;
    color: #2d2d2d;
    opacity: 1;
    text-transform: uppercase;
    margin: 0 auto
}

.graph-detail-content .grapg-detail-heading {
    font-size: 12px;
    font-family: "Archivo", sans-serif;
    color: #898989;
    margin-top: 16px;
    margin-bottom: 4px
}

.graph-detail-content .grapg-detail-heading p {
    padding-bottom: 0;
    margin-bottom: 0
}

.graph-detail-content .grapg-detail-text {
    font-size: 12px;
    font-family: "Archivo", sans-serif;
    color: #2d2d2d;
    font-weight: 600
}

.graph-detail-content .grapg-detail-text p {
    padding-bottom: 0;
    margin-bottom: 0
}

.other-relevant-stat {
    font-size: 20px;
    font-family: "Archivo", sans-serif;
    text-transform: capitalize;
    font-weight: 700
}

.other-relevant-stat .picker-icon {
    width: 11px;
    height: 11px
}

.graph-cards-wrpper {
    background: #fff7f2 0 0 no-repeat padding-box
}

.graph-text-heading {
    text-align: left;
    font: normal normal bold 14px/20px "Archivo", sans-serif;
    letter-spacing: 0;
    color: #404040;
    opacity: 1;
    margin: 0;
    margin-bottom: 4px
}

.element {
    border: 1px solid red
}

.blue-element {
    border: 1px solid #00f
}

.last-updated-cell {
    margin-bottom: 3px
}

.data-label {
    font-size: 12px;
    color: #898989;
    font-family: "Archivo", sans-serif;
    margin-bottom: 0
}

.data-text {
    font-size: 12px;
    color: #2d2d2d;
    font-weight: 600;
    color: #2d2d2d;
    margin-bottom: 0;
    margin-left: -16px
}

.import-card {
    padding: 20px 20px
}

.import-card .card {
    padding: 1em;
    width: 500px;
    box-shadow: 0 3px 12px #8d959F29
}

.graph-instruction {
    margin-top: 36px
}

.graph-instruction .graph-instruction-heading {
    text-align: left;
    font: italic normal normal 16px/22px "Archivo", sans-serif;
    letter-spacing: .22px;
    color: #f62323;
    opacity: 1
}

.item-content {
    font-size: 16px;
    color: #2d2d2d;
    font-family: "Archivo", sans-serif;
    padding-left: 16px;
    padding-top: 20px
}

.transparant-bg {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(178, 178, 178, .5);
    z-index: 2
}

.loginCardStat {
    height: 100%;
    width: 100%;
    border: 1px solid #d8e3e9;
    overflow: hidden;
    border-radius: 0;
    position: absolute;
    z-index: 3;
    top: 0;
    left: 0
}

.login-wrap {
    width: calc(100% - 60px);
    height: calc(100% - 48px);
    margin: 0 auto;
    position: absolute;
    z-index: 3;
    left: 50%;
    top: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.loginFormsection {
    background-color: #fff;
    padding: 20px 24px
}

.textInlineLinks {
    color: #404040;
    text-decoration: underline
}

.documentDownloadBtn {
    padding: 0;
    color: #2a9df5 !important
}

.documentDownloadBtn:hover {
    color: #404040 !important
}

.methodologyHeader {
    font-size: 1.75rem;
    color: #404040;
    margin-bottom: 1.25rem;
    font-weight: 700
}

.methodologyDetailsBlock ul.nav-tabs {
    border-bottom: 1px solid #d8e3e9
}

.methodologyDetailsBlock ul.nav-tabs li.nav-item {
    position: relative;
    padding: 0 16px
}

.methodologyDetailsBlock ul.nav-tabs li.nav-item:before {
    content: '';
    position: absolute;
    height: 10px;
    width: 1px;
    left: 0;
    top: calc(50% - 5px);
    background: #d8e3e9
}

.methodologyDetailsBlock ul.nav-tabs li.nav-item a {
    margin: 0
}

.methodologyDetailsBlock ul.nav-tabs li.nav-item:first-child {
    padding-left: 0
}

.methodologyDetailsBlock #methodology-tabContent {
    margin-top: 1.5rem
}

.methodologyDetailsBlock #methodology-tabContent .methodologyDetailsBlock-overview .videoBlock {
    margin-bottom: 2rem
}

.methodologyDetailsBlock #methodology-tabContent .methodologyDetailsBlock-overview .videoBlock video {
    width: 48rem !important;
    height: 27rem
}

@media screen and (max-width:991px) {
    .methodologyDetailsBlock #methodology-tabContent .methodologyDetailsBlock-overview .videoBlock video {
        height: auto
    }
}

.customGreyCenterSection {
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: start;
    justify-content: start
}

@media screen and (max-width:991px) {
    .customGreyCenterSection {
        padding: 0 .9375rem
    }
}

.customGreyCenterSection .customWidthBlock {
    width: 48rem !important;
    background-color: #d8e3e9
}

@media screen and (max-width:991px) {
    .customGreyCenterSection .customWidthBlock {
        height: auto
    }
}

.customGreyCenterSection .customWidthBlock.customHeight {
    height: 85.3125rem
}

@media screen and (max-width:767px) {
    .customGreyCenterSection .customWidthBlock.customHeight {
        height: 37.5rem
    }
}

.cardtext-container {
    color: #404040;
    height: auto;
    margin-bottom: 1.25rem
}

@media screen and (max-width:991px) {
    .cardtext-container {
        padding: 2.5rem
    }
}

.cardtext-container .cardText-header {
    font-size: 1.75rem;
    color: #404040;
    margin-bottom: 1rem;
    font-weight: 700
}

.methodologyInline-sections .methodologyInlineDetail-section {
    width: 100%;
    margin-top: 4rem;
    margin-right: 0
}

@media screen and (max-width:767px) {
    .methodologyInline-sections .methodologyInlineDetail-section {
        margin: 3rem 0
    }
}

.methodologyInline-sections .methodologyInlineDetail-section .methodologyInlineDetailArea .methodologyDesc {
    color: #828994;
    font-size: 1rem
}

.methodologyInline-sections .methodologyInlineDetail-section .methodologyDetailBanner {
    width: 100%;
    height: 21.25rem
}

@media screen and (max-width:1200px) {
    .methodologyInline-sections .methodologyInlineDetail-section .methodologyDetailBanner {
        width: 100%
    }
}

@media screen and (max-width:991px) {
    .methodologyInline-sections .methodologyInlineDetail-section .methodologyDetailBanner {
        height: 15.625rem;
        margin-top: 1.5rem !important
    }
}

.methodologyDataCards {
    margin-top: 2rem;
    width: 100%
}

.methodologyDataCards .methodCard {
    width: calc(100% - 474px);
    height: 31.375rem;
    position: relative
}

@media screen and (max-width:991px) {
    .methodologyDataCards .methodCard {
        width: 100%
    }
}

.methodologyDataCards .methodCard .methodCardHeader {
    padding: .875rem;
    text-align: center;
    font-weight: 600
}

.methodologyDataCards .methodCard .methodCardBod {
    width: 100%;
    height: 100%;
    background-color: #fff;
    border: 1px solid #ececec
}

.methodologyDownloadSection {
    margin: 2.5rem 0
}

.methodologyDownloadSection .downloadDocCard {
    height: 6.25rem;
    width: 16.875rem;
    border: 1px solid #d8e3e9;
    background: #fff;
    -o-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, .08);
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, .08);
    color: #2a9df5
}

.methodologyDownloadSection .downloadDocCard:hover {
    cursor: pointer;
    color: #404040;
    background: #f1faff
}

.methodologyDownloadSection .downloadDocCard:first-child {
    margin-right: 1.5rem
}

.priceAssessmentTableResponsive #loadMoreButton {
    padding: .75rem;
    text-align: center;
    font-size: .75rem;
    margin-top: 1.625rem;
    border: 1px solid #d8e3e9;
    background: #f6f9fb;
    color: #2a9df5;
    font-weight: 600;
    transition: all linear .16s
}

.priceAssessmentTableResponsive #loadMoreButton:hover {
    cursor: pointer;
    color: #404040;
    background: #d8e3e9
}

.dataTables_wrapper .dataTables_length {
    display: none
}

.dataTables_wrapper .dataTables_filter {
    position: absolute;
    margin: 0;
    width: 100%;
    left: 0;
    top: 7.1875rem;
    height: 3.375rem;
    z-index: 9
}

.dataTables_wrapper .dataTables_filter label {
    position: relative;
    font-size: 0;
    height: 100%;
    width: 100%
}

.dataTables_wrapper .dataTables_filter label:before {
    content: '';
    position: absolute;
    height: 1.125rem;
    width: 1.125rem;
    left: 1rem;
    top: calc(50% - 9px);
    background-image: url(../../images/spritesheet.svg);
    background-position: -4.6875rem -6.4375rem;
    background-repeat: no-repeat
}

.dataTables_wrapper .dataTables_filter label input[type=search] {
    height: 100%;
    width: 100%;
    -webkit-appearance: block;
    outline: 0;
    background-color: #fff;
    z-index: 1;
    border: 0;
    margin: 0;
    padding: .5rem 1rem .5rem 3.125rem;
    font-size: .875rem;
    -o-box-shadow: 0 3px 6px 0 rgba(1, 102, 180, .16);
    box-shadow: 0 3px 6px 0 rgba(1, 102, 180, .16)
}

.dataTables_wrapper .dataTables_paginate {
    display: none
}

.announcementsTableWrapper .priceAssessmentTable .priceOption>div {
    padding-right: 1rem
}

.announcementsTableWrapper .priceAssessmentTable .priceOption>div:last-child {
    position: relative;
    padding-right: 0;
    padding-left: 1rem
}

.announcementsTableWrapper .priceAssessmentTable .priceOption>div:last-child:before {
    content: '';
    position: absolute;
    height: .625rem;
    width: .0625rem;
    left: 0;
    top: calc(50% - 5px);
    background-color: #d8e3e9
}

.announcementsTableWrapper .priceAssessmentTable .priceOption>div.sortableDropdown .tableSortableDropdown .dropdown-toggle {
    width: auto;
    height: auto;
    padding: 0;
    font-size: .75rem;
    color: #2a9df5;
    font-weight: 600
}

.announcementsTableWrapper .priceAssessmentTable .priceOption>div.sortableDropdown .tableSortableDropdown .dropdown-toggle:after {
    background-image: url(../../images/spritesheet.svg);
    background-position: 0 -.75rem
}

.announcementsTableWrapper .priceAssessmentTable .priceOption>div.sortableDropdown .tableSortableDropdown .dropdown-toggle:hover {
    color: #404040
}

.announcementsTableWrapper .priceAssessmentTable .priceOption>div.sortableDropdown .tableSortableDropdown .dropdown-toggle:hover:after {
    background-position: 0 0
}

.announcementsTableWrapper .priceAssessmentTable .priceOption>div.sortableDropdown .tableSortableDropdown.show .dropdown-toggle:after {
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.dataTables_scroll {
    margin: 0 -1rem
}

.dataTables_scroll .dataTables_scrollHead {
    position: relative
}

.dataTables_scroll .dataTables_scrollHead .dataTables_scrollHeadInner {
    width: 100% !important;
    margin-bottom: 6.25rem
}

.dataTables_scroll .dataTables_scrollHead .dataTables_scrollHeadInner .table.scrollableResponsiveTable {
    width: calc(100% - 32px) !important;
    background: #fff;
    margin: 1rem !important;
    -o-box-shadow: 0 3px 6px 0 rgba(1, 102, 180, .16);
    box-shadow: 0 3px 6px 0 rgba(1, 102, 180, .16)
}

.dataTables_scroll .dataTables_scrollHead .dataTables_scrollHeadInner .table.scrollableResponsiveTable thead tr th {
    vertical-align: top;
    border-bottom: 1px solid #d8e3e9;
    width: 1.25rem !important
}

.dataTables_scroll .dataTables_scrollBody {
    border-bottom: 0 !important;
    overflow-y: 0;
    height: auto !important
}

.dataTables_scroll .dataTables_scrollBody .table.scrollableResponsiveTable {
    width: 100% !important;
    height: 100%;
    padding: 0 .625rem;
    border-bottom: 0
}

.dataTables_scroll .dataTables_scrollBody .table.scrollableResponsiveTable tbody tr {
    background: 0 0;
    border-collapse: collapse;
    line-height: 1.875rem
}

.dataTables_scroll .dataTables_scrollBody .table.scrollableResponsiveTable tbody tr:first-child td,
.dataTables_scroll .dataTables_scrollBody .table.scrollableResponsiveTable tbody tr:first-child th {
    border-top: .0625rem solid #d8e3e9
}

.dataTables_scroll .dataTables_scrollBody .table.scrollableResponsiveTable tbody tr td {
    vertical-align: top;
    border-bottom: .0625rem solid #d8e3e9;
    font-size: .8125rem;
    padding: 1.875rem 1rem
}

.dataTables_scroll .dataTables_scrollBody .table.scrollableResponsiveTable tbody tr td:last-child {
    text-align: center
}

.dataTables_scroll .dataTables_scrollBody .table.scrollableResponsiveTable tbody tr th {
    vertical-align: top;
    border-bottom: .0625rem solid #d8e3e9;
    padding: 1.875rem 1rem;
    font-size: .875rem
}

#announcementsNoticeTable {
    border-bottom: 1px solid #d8e3e9
}

#announcementsNoticeTable thead tr {
    -o-box-shadow: 0 3px 6px 0 rgba(1, 102, 180, .16);
    box-shadow: 0 3px 6px 0 rgba(1, 102, 180, .16)
}

#announcementsNoticeTable thead tr th {
    padding: 1.5rem;
    width: 9.375rem;
    padding: 1rem .625rem;
    background: #fff;
    border-bottom: 1px solid #d8e3e9
}

@media screen and (max-width:991px) {
    #announcementsNoticeTable thead tr th {
        width: 6.25rem
    }
}

#announcementsNoticeTable thead tr th:last-child {
    text-align: center
}

#announcementsNoticeTable tbody tr td {
    padding: 1.5rem .625rem
}

#announcementsNoticeTable tbody tr td:last-child {
    text-align: center
}

#announcementsNoticeTable tbody tr td:last-child .iconDownload {
    opacity: .5
}

#announcementsNoticeTable tbody tr td:last-child .iconDownload:hover {
    opacity: 1
}

.profileDetail {
    margin-bottom: 1.875rem
}

.profileDetail .heading {
    font-size: 1rem;
    padding: .625rem 0
}

.profileDetail .profileDetailBody {
    border-radius: 4px;
    border: 1px solid #d8e3e9
}

.profileDetail .profileDetailBody .nav-pills {
    min-height: 38.75rem;
    padding-right: 0;
    border-right: 1px solid #d8e3e9
}

@media only screen and (max-width:767px) {
    .profileDetail .profileDetailBody .nav-pills {
        display: inline;
        overflow-x: scroll;
        white-space: nowrap;
        width: 100%;
        height: 100px
    }
}

.profileDetail .profileDetailBody .nav-pills .person {
    padding: 1.5rem
}

.profileDetail .profileDetailBody .nav-pills .person img {
    margin-bottom: .625rem
}

.profileDetail .profileDetailBody .nav-pills .person .name {
    font-size: .875rem;
    font-weight: 500;
    padding: .3125rem 0
}

.profileDetail .profileDetailBody .nav-pills .person .company {
    font-size: .75rem;
    color: #828994
}

.profileDetail .profileDetailBody .nav-pills .nav-item {
    border-bottom: 1px solid #d8e3e9
}

.profileDetail .profileDetailBody .nav-pills .nav-item .nav-link {
    border-radius: 0;
    color: #404040;
    font-size: .875rem;
    padding: .875rem 1.25rem
}

.profileDetail .profileDetailBody .nav-pills .nav-item .nav-link.active {
    background-color: #eee
}

.profileDetail .profileDetailBody .nav-pills .nav-item .nav-link:hover {
    background-color: #eee
}

.profileDetail .profileDetailBody .tab-content {
    padding: .625rem
}

.profileDetail .profileDetailBody .tab-content .profileTabContent .heading {
    font-size: .875rem
}

.profileDetail .profileDetailBody .tab-content .profileTabContent .subHeading {
    font-size: .625rem;
    font-weight: 400;
    color: #828994
}

.profileDetail .profileDetailBody .tab-content .subscriptionDetail {
    border: 1px solid #d8e3e9
}

.profileDetail .profileDetailBody .tab-content .subscriptionDetail .header {
    border-bottom: 1px solid #d8e3e9;
    padding: .625rem 1.5625rem;
    border-radius: 4px
}

.profileDetail .profileDetailBody .tab-content .subscriptionDetail .header .placeHolder {
    height: 3.125rem;
    width: 3.125rem;
    background-color: grey !important
}

.profileDetail .profileDetailBody .tab-content .subscriptionDetail .header .date {
    font-size: .875rem;
    font-weight: 400;
    color: #828994
}

.profileDetail .profileDetailBody .tab-content .subscriptionDetail .header .date .day {
    font-size: 2.125rem;
    font-weight: 500;
    padding-right: .625rem;
    color: #404040
}

.profileDetail .profileDetailBody .tab-content .subscriptionDetail .header .license {
    font-size: .75rem
}

.profileDetail .profileDetailBody .tab-content .subscriptionDetail .header .license .label {
    color: #828994
}

.profileDetail .profileDetailBody .tab-content .subscriptionDetail .body {
    padding: 1.625rem 1.625rem
}

.profileDetail .profileDetailBody .tab-content .subscriptionDetail .body .heading {
    font-size: .875rem;
    font-weight: 500;
    color: #828994
}

.profileDetail .profileDetailBody .tab-content .subscriptionDetail .body .heading .plan {
    color: #404040
}

.profileDetail .profileDetailBody .tab-content .subscriptionDetail .body .features {
    margin-top: 1.25rem
}

.profileDetail .profileDetailBody .tab-content .subscriptionDetail .body .features li {
    font-size: .75rem;
    font-weight: 400;
    color: #404040
}

#subscriptionDetails {
    position: relative
}

#subscriptionDetails .bottomSection {
    position: absolute;
    bottom: -195px;
    background-color: #f3f3f3;
    margin: 0 -1.5625rem 0 -1.5625rem;
    padding: .625rem 1.25rem 1.25rem 1.25rem
}

#subscriptionDetails .bottomSection .text1 {
    text-align: center;
    font-size: 2rem;
    font-weight: 500
}

#subscriptionDetails .bottomSection .text2 {
    font-size: .75rem;
    font-weight: 400;
    color: #828994
}

.form-groupSecondary label {
    font-size: .75rem;
    color: #828994;
    font-weight: 400;
    margin-bottom: 0
}

.form-groupSecondary input {
    border-radius: 4px;
    border: 1px solid #d8e3e9;
    font-size: .75rem;
    color: #404040;
    height: 2rem
}

.form-groupSecondary input:focus {
    outline: 0
}

.form-groupSecondary input:disabled {
    background-color: #d8e3e9
}

.historicalDataMain .historicalDataBanner {
    position: relative;
    background-color: #f6f9fb;
    height: 37.5rem
}

@media screen and (max-width:767px) {
    .historicalDataMain .historicalDataBanner {
        height: 18.75rem
    }
}

.historicalDataMain .historicalDataBanner .historicalDataBannerText {
    text-align: center;
    color: #404040;
    font-size: 1.125rem
}

.historicalDataMain .historicalDataFlotingSection {
    margin: 2.5rem 0
}

@media screen and (max-width:767px) {
    .historicalDataMain .historicalDataFlotingSection {
        margin-top: 0
    }
}

@media screen and (max-width:767px) {
    .historicalDataMain .historicalDataFlotingSection {
        margin-bottom: 0
    }
}

.historicalDataMain .historicalDataFlotingSection .historicalDataFlotingCard {
    width: 100%;
    margin: 0 0 2.5rem 0;
    height: 3.5rem;
    background-color: #fff;
    border: 3px solid #d8e3e9;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, .16);
    transition: all linear 1s
}

.historicalDataMain .historicalDataFlotingSection .historicalDataFlotingCard.activated {
    height: auto
}

.historicalDataMain .historicalDataFlotingSection .historicalDataFlotingCard .preStateElements {
    cursor: pointer
}

.preStateElements {
    height: auto;
    overflow: hidden;
    transition: all linear .5s
}

.preStateElements.deactive {
    height: 0
}

.none {
    display: none
}

.block {
    display: block
}

.HistoricalCardWidget .card {
    -o-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, .08);
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, .08)
}

.HistoricalCardWidget .card .card-body {
    color: #404040;
    padding: 1rem 1.25rem
}

.HistoricalCardWidget .card .card-body .header {
    font-size: 1.625rem;
    font-weight: 700;
    margin-bottom: .5rem
}

.HistoricalCardWidget .card .card-body .content {
    font-size: .875rem;
    min-height: 4.375rem
}

.postStateElements {
    padding: 1.875rem 6.125rem
}

@media screen and (max-width:991px) {
    .postStateElements {
        padding: 1.875rem
    }
}

@media screen and (max-width:767px) {
    .postStateElements {
        padding: .9375rem
    }
}

.postStateElements i {
    cursor: pointer
}

.postStateElements #navBackToHistoricalData {
    position: absolute;
    left: 60px;
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

.postStateElements #commoditiesDataTab {
    margin: 0 0 1.75rem 0;
    position: relative
}

@media screen and (max-width:767px) {
    .postStateElements #commoditiesDataTab {
        margin: 0 0 .875rem 0
    }
}

.postStateElements #commoditiesDataTab li.nav-item .nav-link {
    font-size: .875rem;
    margin-right: 1rem !important
}

@media screen and (max-width:767px) {
    .postStateElements .historicalDataTabContent {
        padding-top: 0
    }
}

.postStateElements .historicalDataTabContent .card {
    margin-bottom: .5rem
}

.postStateElements .historicalDataTabContent .card .card-header {
    font-size: .875rem;
    color: #000;
    background-color: #fff;
    padding: .5rem 1.125rem;
    border-bottom: 0
}

.postStateElements .historicalDataTabContent .card .card-header:hover {
    cursor: pointer
}

.postStateElements .historicalDataTabContent .card .card-header .custom-checkbox .custom-control-label:before {
    height: 12px;
    width: 12px;
    border: .0625rem solid #8d959f;
    background: #fff;
    border-radius: .125rem
}

.postStateElements .historicalDataTabContent .card .card-header .custom-checkbox .custom-control-input:checked~.custom-control-label::before {
    border-color: #2a9df5;
    background-color: #fff
}

.postStateElements .historicalDataTabContent .card .card-header .custom-checkbox .custom-control-label:after {
    height: 6px;
    width: 6px;
    background-image: none !important;
    top: 7px;
    left: -21px;
    background: #fff;
    border-radius: 0
}

.postStateElements .historicalDataTabContent .card .card-header .custom-checkbox .custom-control-input:checked~.custom-control-label::after {
    background-color: #2a9df5
}

.postStateElements .historicalDataTabContent .card .card-body {
    padding: 0 1.125rem
}

.postStateElements .historicalDataTabContent .card .card-body .collapseabledownloadList li {
    border-bottom: 1px solid #d8e3e9;
    padding: .5rem 0
}

.postStateElements .historicalDataTabContent .card .card-body .collapseabledownloadList li:last-child {
    border-bottom: none;
    padding-bottom: 0
}

.iconDownCarrot {
    transition: transform .5s
}

.iconDownCarrot.collapsedIcon {
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

.savedListTodownload .historicalDataTabContent .card {
    margin-bottom: .5rem;
    position: relative;
    box-shadow: 0 3px 6px rgba(0, 0, 0, .16);
    margin-bottom: 16px
}

.savedListTodownload .historicalDataTabContent .card .dismissableCard {
    width: -webkit-fit-content;
    width: fit-content
}

.savedListTodownload .historicalDataTabContent .card .card-header {
    font-size: .875rem;
    color: #000;
    background-color: #fff;
    padding: 1.375rem 1.375rem;
    border-bottom: 0
}

.savedListTodownload .historicalDataTabContent .card .card-header:hover {
    cursor: pointer
}

.savedListTodownload .historicalDataTabContent .card .card-header .custom-checkbox .custom-control-label::before {
    height: 12px;
    width: 12px;
    border: .0625rem solid #8d959f;
    background: #fff;
    border-radius: 0
}

.savedListTodownload .historicalDataTabContent .card .card-header .custom-checkbox .custom-control-label::after {
    height: 6px;
    width: 6px;
    background-image: none !important;
    top: 7px;
    left: -21px;
    background: #fff;
    border-radius: 0
}

.savedListTodownload .historicalDataTabContent .card .card-header .custom-checkbox .custom-control-input:checked~.custom-control-label::before {
    border-color: #2a9df5;
    background-color: #fff
}

.savedListTodownload .historicalDataTabContent .card .card-header .custom-checkbox .custom-control-input:checked~.custom-control-label::after {
    background-color: #2a9df5
}

.savedListTodownload .historicalDataTabContent .card .card-header .iconDownCarrot.collapsedIcon {
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
    transition: transform .5s
}

.savedListTodownload .historicalDataTabContent .card .card-body {
    padding: 1.5rem 1.375rem
}

.savedListTodownload .historicalDataTabContent .card .card-body .collapseabledownloadList li,
.savedListTodownload .historicalDataTabContent .card .card-body .downloadListItems li {
    border-bottom: 1px solid #d8e3e9;
    padding: .5rem 0
}

.savedListTodownload .historicalDataTabContent .card .card-body .collapseabledownloadList li:last-child,
.savedListTodownload .historicalDataTabContent .card .card-body .downloadListItems li:last-child {
    border-bottom: none;
    padding-bottom: 0
}

.savedListTodownload .historicalDataTabContent .card .card-body .collapseabledownloadList li .downloadListDate,
.savedListTodownload .historicalDataTabContent .card .card-body .collapseabledownloadList li .downloadListItem,
.savedListTodownload .historicalDataTabContent .card .card-body .downloadListItems li .downloadListDate,
.savedListTodownload .historicalDataTabContent .card .card-body .downloadListItems li .downloadListItem {
    font-size: .75rem
}

.savedListTodownload .historicalDataTabContent .card .card-body .collapseabledownloadList li .downloadListDate,
.savedListTodownload .historicalDataTabContent .card .card-body .downloadListItems li .downloadListDate {
    color: #828994
}

.postStickyElement {
    box-shadow: 0 -5px 6px #d8e3e9;
    position: fixed;
    bottom: 0;
    width: 100%;
    background: #fff;
    z-index: 99;
    transition: all linear 1s
}

.postStickyElement.noSticky {
    position: relative
}

.postStickyElement.postStateElements {
    padding: 0
}

@media screen and (max-width:991px) {
    .postStickyElement.postStateElements .timeLine .labelItem {
        font-size: .75rem !important
    }
}

@media screen and (max-width:991px) {
    .postStickyElement.postStateElements .timeLine .selectItem {
        padding: 0
    }
}

#saveToListModal .modal-dialog {
    min-width: 38rem
}

@media screen and (max-width:767px) {
    #saveToListModal .modal-dialog {
        min-width: 100%
    }
}

#saveToListModal .modal-content {
    padding: 2.25rem 2rem
}

@media screen and (max-width:767px) {
    #saveToListModal .modal-content {
        min-width: auto;
        padding: 1.5rem 1.5rem
    }
}

#saveToListModal .modal-content .listConfirmationForm .form-control {
    font-size: .75rem;
    height: 2.25rem
}

#saveToListModal .modal-content .listConfirmationForm .form-control:-ms-input-placeholder {
    color: #7b7b7b;
    font-size: .75rem
}

#saveToListModal .modal-content .listConfirmationForm .form-control::placeholder {
    color: #7b7b7b;
    font-size: .75rem
}

#saveToListModal .modal-content .listConfirmationForm button {
    font-size: .75rem;
    padding: .5rem 1.5rem
}

.bgWhite {
    background-color: #fff !important
}

.row-block-search__col {
    padding-left: 0;
    padding-right: 0
}

.main-search__content {
    margin-top: 12px
}

.main-search__content .form-group {
    margin-bottom: 8px;
    border: none;
    border-bottom: 1px solid #d8e3e9
}

.main-search__content .form-group .form-control {
    padding-left: 25px
}

.main-search__icon {
    position: absolute;
    left: 0;
    top: 50%;
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%)
}

.row-block {
    border: 1px solid #d8e3e9
}

.row-block__col {
    padding: 0 12px 12px;
    border-right: 1px solid #d8e3e9
}

.row-block__col:last-child {
    border-right: none
}

.row-block__col.isClosed {
    display: none
}

.row-block__col.isOpaque {
    opacity: 0;
    pointer-events: none
}

.row-block__col ::-webkit-scrollbar-thumb {
    background-color: #afafaf;
    border: .0625rem solid #afafaf
}

.blank-historical-thumbnail p {
    font-size: 14px;
    line-height: 19px;
    color: #9f9f9f
}

.search-block__content {
    margin-bottom: 14px
}

.search-block__content .form-group {
    border: none;
    border-bottom: 1px solid #d3d8d9;
    margin-bottom: 0
}

.search-block__title {
    font-family: "Archivo", sans-serif;
    color: #949494;
    margin-bottom: 0;
    font-weight: 700
}

.search-block__filter-wrap {
    padding-top: 12px
}

.search-block--open-input .search-block__filter-wrap {
    display: none
}

.search-block__input-wrap {
    position: relative;
    width: calc(100% + 24px);
    margin-left: -12px;
    display: none
}

.search-block--open-input .search-block__input-wrap {
    display: block
}

.search-block__close-link {
    position: absolute;
    right: 10px;
    top: 50%;
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    z-index: 2
}

.filter-heading__title {
    font-family: "Archivo", sans-serif;
    font-size: 14px;
    color: #404040;
    margin-bottom: 6px;
    font-weight: 600
}

.filter-heading--consumption .filter-heading__title {
    margin-bottom: 12px
}

.filter-heading__subtitle {
    font-family: "Archivo", sans-serif;
    font-size: 12px;
    color: #404040;
    margin-bottom: 6px;
    font-weight: 600
}

.radio-block__content input[type=radio]+label {
    display: block;
    cursor: pointer;
    position: relative;
    padding-left: 20px;
    margin-bottom: 0;
    font-size: 14px;
    font-family: "Archivo", sans-serif;
    font-weight: 600;
    color: #404040
}

.radio-block__content input[type=radio]+label:before {
    content: "";
    display: block;
    width: 14px;
    height: 14px;
    margin-right: 14px;
    position: absolute;
    top: calc(50% - 1px);
    left: 0;
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    border: 1px solid #aaa;
    background-color: #fff;
    border-radius: 50%
}

.radio-block--noborder .radio-block__content input[type=radio]+label {
    font-weight: 400;
    font-size: 12px
}

.radio-block__content input[type=radio] {
    display: none !important
}

.radio-block__content input[type=radio]:checked+label:before {
    border: 1px solid #2a9df5
}

.radio-block__content input[type=radio]:checked+label:after {
    content: "";
    display: block;
    position: absolute;
    top: calc(50% - 1px);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    left: 4px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #2a9df5
}

.radio-block__li {
    padding: 12px 0 12px;
    border-bottom: 1px solid #d8e3e9
}

.radio-block__li:first-child {
    padding-top: 0
}

.radio-block--noborder .radio-block__li {
    border-bottom: none;
    padding-top: 0
}

.checkbox-block__content input[type=checkbox]+label {
    margin-bottom: 0;
    font-family: "Archivo", sans-serif;
    font-size: 12px;
    color: #404040;
    font-weight: 400;
    vertical-align: middle;
    cursor: pointer
}

.checkbox-block--bold .checkbox-block__content input[type=checkbox]+label {
    font-weight: 600;
    font-size: 14px
}

.checkbox-block--bold-no-subcheckboxes .checkbox-block__content input[type=checkbox]+label {
    font-weight: 600;
    font-size: 14px;
    margin-bottom: 9px
}

.checkbox-block__content input[type=checkbox] {
    vertical-align: middle
}

.checkbox-block__content input[type=checkbox]:checked {
    background-color: red
}

.checkbox-block__content .form-group {
    display: block;
    margin-bottom: 0;
    border: none;
    height: auto
}

.checkbox-block__content .form-group:after {
    content: none
}

.checkbox-block__content .form-group input {
    padding: 0;
    height: initial;
    width: initial;
    margin-bottom: 0;
    display: none;
    cursor: pointer
}

.checkbox-block__content .form-group label {
    position: relative;
    cursor: pointer
}

.checkbox-block__content .form-group label:before {
    content: '';
    -webkit-appearance: none;
    background-color: transparent;
    border: 1px solid #9f9f9f;
    border-radius: 2px;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    cursor: pointer;
    margin-right: 5px;
    width: 12px;
    height: 12px
}

.checkbox-block--bold .checkbox-block__content .form-group label:before {
    vertical-align: baseline
}

.checkbox-block__content .form-group input:checked+label:before,
.checkbox-block__content input.check-state[checked=true]+label:before {
    background-color: #2a9df5;
    border: 1px solid #2a9df5
}

.checkbox-block__content .form-group input.check-state[checked=true]+label:after,
.checkbox-block__content .form-group input:checked+label:after {
    content: '';
    display: block;
    position: absolute;
    top: 4px;
    left: 4px;
    width: 4px;
    height: 8px;
    border: solid #fff;
    border-width: 0 1px 1px 0;
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.checkbox-block--bold .checkbox-block__content .form-group input.check-state[checked=true]+label:after,
.checkbox-block--bold .checkbox-block__content .form-group input:checked+label:after {
    top: 3px
}

.checkbox-block__content .form-group.check-minus-sign input:checked+label:after {
    content: '';
    display: block;
    position: absolute;
    top: 7px;
    left: 3px;
    width: 6px;
    height: 1px;
    border: solid #fff;
    border-width: 1px 0 0 0;
    -ms-transform: none;
    transform: none
}

.checkbox-block__checkbox-wrap {
    font-size: 0
}

.checkbox-block__regional-checkbox-wrap {
    font-size: 0;
    margin: 6px 0
}

.checkbox-block__ul {
    padding-left: 18px;
    border-bottom: 1px solid #d8e3e9;
    margin-bottom: 12px
}

.checkbox-block--noborder .checkbox-block__ul {
    border-bottom: none;
    margin-bottom: 5px
}

.checkbox-block--second-level .checkbox-block__ul {
    border-bottom: none;
    margin-bottom: 0
}

.checkbox-block--bold .checkbox-block__ul {
    border-bottom: none;
    padding-left: 0
}

.checkbox-block--unhoverable .checkbox-block__ul {
    border-bottom: none;
    margin-bottom: 0
}

.checkbox-block--hoverable .checkbox-block__ul .collapse-block {
    width: calc(100% + 42px);
    margin-left: -30px
}

.checkbox-block--hoverable .checkbox-block__ul .collapse-block .card:last-child {
    padding-bottom: 6px
}

.checkbox-block--hoverable .checkbox-block__ul .collapse>.accordion {
    background-color: #fff7f2;
    position: relative
}

.checkbox-block__ul.has-no-child {
    padding-top: 12px
}

.checkbox-block__li {
    padding: 6px 0;
    position: relative
}

.checkbox-block--no-bottom-space-li .checkbox-block__li {
    padding-bottom: 0
}

.checkbox-block--second-level .checkbox-block__li {
    padding: 6px 0
}

.checkbox-block--second-level .checkbox-block__li:last-child {
    padding-bottom: 6px
}

.checkbox-block--unhoverable .checkbox-block__li {
    padding: 6px 0
}

.checkbox-block--unhoverable .checkbox-block__li:last-child {
    padding-bottom: 6px
}

.checkbox-block__li:first-child {
    padding-top: 10px
}

.checkbox-block__li:last-child {
    padding-bottom: 12px
}

.checkbox-block__li:after,
.checkbox-block__li:before {
    content: "";
    position: absolute;
    background-color: #fff;
    top: 0;
    height: 100%;
    z-index: 0
}

.checkbox-block__li:before {
    left: -30px;
    width: 30px
}

.checkbox-block__li:after {
    right: -12px;
    width: 12px
}

.checkbox-block--hoverable .checkbox-block__li:hover {
    background-color: #f6f9fb
}

.checkbox-block--hoverable .checkbox-block__li:hover:after,
.checkbox-block--hoverable .checkbox-block__li:hover:before {
    background-color: #f6f9fb
}

.checkbox-block--hoverable .checkbox-block__li:hover .checkbox-block__li-hidden-icons {
    display: -ms-flexbox;
    display: flex
}

.checkbox-block--hoverable .checkbox-block__li:hover .checkbox-block__li-hidden-icons .info-icon,
.checkbox-block--hoverable .checkbox-block__li:hover .checkbox-block__li-hidden-icons .plus-icon {
    visibility: visible
}

.checkbox-block--hoverable-level-1 .checkbox-block__li:before {
    left: -52px;
    width: 52px
}

.checkbox-block--hoverable-level-1 .checkbox-block__li:hover {
    background-color: #f6f9fb
}

.checkbox-block--hoverable-level-1 .checkbox-block__li:hover:after,
.checkbox-block--hoverable-level-1 .checkbox-block__li:hover:before {
    background-color: #f6f9fb
}

.checkbox-block--unhoverable .checkbox-block__li:after,
.checkbox-block--unhoverable .checkbox-block__li:before {
    content: none
}

.checkbox-block--unhoverable .checkbox-block__li:hover {
    background-color: transparent
}

.checkbox-block--unhoverable .checkbox-block__li:hover:after,
.checkbox-block--unhoverable .checkbox-block__li:hover:before {
    content: none
}

.checkbox-block__li-accordion-arrow {
    -ms-transform: rotate(0);
    transform: rotate(0);
    transition: transform .3s ease-in-out
}

.checkbox-block__li-accordion-arrow:not(.collapsed) {
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

.checkbox-block__accordion-arrow {
    -ms-transform: rotate(0);
    transform: rotate(0);
    transition: transform .3s ease-in-out
}

.checkbox-block__accordion-arrow.collapsedIconRotate {
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

.checkbox-block--hoverable .checkbox-block__li-hidden-icons {
    display: -ms-flexbox;
    display: flex
}

.checkbox-block--hoverable .checkbox-block__li-hidden-icons .info-icon,
.checkbox-block--hoverable .checkbox-block__li-hidden-icons .plus-icon {
    visibility: hidden;
    display: inline-block;
    width: 18px;
    height: 18px
}

.checkbox-block--hoverable .checkbox-block__li-hidden-icons .info-icon:hover+.custom-tooltip,
.checkbox-block--hoverable .checkbox-block__li-hidden-icons .plus-icon:hover+.custom-tooltip {
    display: block
}

.checkbox-block--hoverable .checkbox-block__li-hidden-icons .custom-tooltip {
    display: none;
    position: absolute;
    bottom: 24px;
    left: 50%;
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    min-width: 200px;
    background-color: #fff;
    border: 1px solid #d2e1e9;
    box-shadow: 0 3px 3px rgba(168, 168, 168, .14);
    padding: 4px 8px;
    z-index: 1
}

.checkbox-block--hoverable .checkbox-block__li-hidden-icons .custom-tooltip.w-auto {
    min-width: 100%;
    white-space: nowrap
}

.checkbox-block--hoverable .checkbox-block__li-hidden-icons .custom-tooltip:before {
    content: "";
    position: absolute;
    bottom: -7px;
    left: 50%;
    -ms-transform: translate(-50%, 0) rotate(45deg);
    transform: translate(-50%, 0) rotate(45deg);
    display: inline-block;
    width: 12px;
    height: 12px;
    border: 1px solid #d2e1e9;
    border-left: none;
    border-top: none;
    background-color: #fff
}

.info-block__key {
    margin-bottom: 0;
    font-size: 10px;
    color: #828994;
    padding: 0
}

.info-block__value {
    margin-bottom: 0;
    font-size: 10px;
    color: #404040;
    padding: 0;
    line-height: 1.6;
    font-weight: 600
}

.scrollable-block {
    height: 555px;
    overflow-y: auto;
    overflow-x: hidden
}

.card-wrapper__content .card {
    border: none;
    background-color: transparent
}

.card-wrapper__content .card-header {
    padding: 0;
    border: none;
    background-color: transparent;
    margin-bottom: 12px
}

.card-wrapper__content .card-body {
    padding: 0
}

.card-wrapper__content .card-body ul {
    padding-left: 22px
}

.card-wrapper__content .card-body ul>li {
    padding-bottom: 12px
}

.card-wrapper__content .custom-control {
    min-height: auto
}

.card-wrapper__content .custom-checkbox .custom-control-label {
    font-family: "Archivo", sans-serif;
    font-size: 12px;
    color: #404040;
    font-weight: 400
}

.card-wrapper__checkbox-title {
    font-family: "Archivo", sans-serif;
    font-size: 14px;
    color: "Archivo", sans-serif;
    font-weight: 600
}

.dropdown-block__content button {
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
    color: #2a9df5 !important;
    padding: 0 !important;
    font-weight: 400 !important
}

.dropdown-block__content .dropdown-toggle:after {
    border: none;
    vertical-align: baseline;
    background: url(../images/chevron-down.svg);
    background-repeat: no-repeat;
    width: 8px;
    height: 5px;
    -ms-transform: rotate(0);
    transform: rotate(0);
    transition: transform .2s ease-in-out
}

.dropdown-block__content .dropdown.show button {
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important
}

.dropdown-block__content .dropdown.show .dropdown-toggle:after {
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.dropdown-block__content .select2.select2-container {
    width: auto !important
}

.dropdown-block--with-square .dropdown-block__content .select2.select2-container {
    width: 130px !important
}

.dropdown-block__content .select2.select2-container .select2-dropdown {
    width: 200px
}

.dropdown-block__content .select2 .selection .select2-selection--single {
    height: auto
}

.dropdown-block--with-square .dropdown-block__content .select2 .selection .select2-selection--single {
    border: 1px solid #707070;
    border-radius: 0
}

.dropdown-block--prices-graph .dropdown-block__content .select2 .selection .select2-selection--single {
    height: auto !important;
    padding: 5px 0
}

.dropdown-block__content .select2 .selection .select2-selection .select2-selection__rendered {
    text-transform: capitalize;
    color: #2a9df5;
    line-height: 1rem
}

.dropdown-block--with-square .dropdown-block__content .select2 .selection .select2-selection .select2-selection__rendered {
    padding: .3rem 1.875rem .3rem .625rem;
    color: #000
}

.dropdown-block--prices-graph .dropdown-block__content .select2 .selection .select2-selection .select2-selection__rendered {
    line-height: normal !important;
    white-space: normal !important
}

.dropdown-block__content .select2 .selection .select2-selection .select2-selection__arrow {
    height: 8px
}

.dropdown-block--with-square .dropdown-block__content .select2 .selection .select2-selection .select2-selection__arrow {
    height: auto;
    top: calc(50% - 5px);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%)
}

.dropdown-block__content .select2 .selection .select2-selection .select2-selection__arrow b {
    background: url(../images/chevron-down.svg);
    background-repeat: no-repeat;
    background-position: center;
    margin-top: 0;
    margin-left: 0
}

.dropdown-block--with-square .dropdown-block__content .select2 .selection .select2-selection .select2-selection__arrow b {
    border: 0;
    height: .625rem;
    width: .625rem;
    background: url(../images/spritesheet.svg) no-repeat;
    background-position: -.125rem -.0625rem;
    margin-left: -5px;
    transition: all linear .16s
}

.dropdown-block--insights .dropdown-block__content .select2 .selection .select2-selection .select2-selection__arrow b {
    background-position: center
}

.card--accordion {
    border: none;
    padding-left: 42px;
    padding-top: 6px;
    padding-bottom: 6px;
    padding-right: 10px;
    margin-bottom: 0;
    background-color: #fff7f2
}

.card--accordion .card-header {
    background-color: transparent;
    border-bottom: none;
    padding: 0
}

.card--accordion .card-body {
    padding: 0
}

.highlight-text {
    color: #ff6a1f
}

.row-block-saved__col {
    padding-left: 0;
    padding-right: 0
}

.saved-block__content {
    padding-top: 55px
}

.accordion-ul__li {
    margin: 1.5rem 0
}

.accordion-ul__date-added {
    font-size: 14px;
    color: #404040;
    margin-bottom: 12px
}

.priceChart {
    width: 100%;
    min-height: 25rem
}

.chartBlock {
    width: 100%;
    height: 100%
}

.priceDataWithGUI {
    width: 100%;
    max-height: 25rem;
    position: relative
}

.priceDataWithGUI .highcharts-bindings-wrapper {
    left: 15px
}

.stepperContentCard .nav-tabs li:last-child {
    position: absolute;
    right: 0
}

.stepperContentCard .note {
    font-size: 12px;
    font-weight: 600;
    color: #8d959f
}

.stepperContentCard .form-group {
    background: #fff
}

.stepperContentCard .form-group .form-label {
    font-size: .875rem;
    color: #8d959f
}

.stepperContentCard .form-group.filled .form-label,
.stepperContentCard .form-group.focus .form-label {
    top: -9px;
    color: #ff6b1f
}

.PaymentContainer {
    margin: 0 auto;
    max-width: 22.75rem;
    width: 100%
}

.PaymentContainer .content-wrap {
    border: 1px solid #d8e3e9;
    background-color: #fff;
    padding: 18px
}

.PaymentContainer .currencyDropdown .select2-selection__rendered {
    padding-left: 15px !important
}

.PaymentContainer .amtToPay {
    padding-bottom: 16px;
    border-bottom: 1px solid #d8e3e9;
    margin-bottom: 28px
}

.PaymentContainer .amtToPay .title {
    font-size: 16px;
    font-weight: 600
}

.PaymentContainer .amtToPay .amount .price {
    font-size: 14px;
    line-height: 1
}

.PaymentContainer .amtToPay .amount .price span {
    font-size: 24px;
    color: #ff6b1f;
    font-weight: 700;
    padding-left: 6px
}

.PaymentContainer .amtToPay .amount a {
    font-family: Poppins, sans-serif;
    font-size: 10px;
    line-height: 1;
    color: #2a9df5
}

.PaymentContainer .paygatewayContainer {
    padding-bottom: 38px
}

.PaymentContainer .paygatewayContainer .pgateway {
    width: 33.33%;
    height: 3.75rem;
    margin-right: .25rem;
    margin-left: .25rem;
    padding: 0;
    overflow: hidden
}

.PaymentContainer .paygatewayContainer .pgateway:first-child {
    margin-left: 0
}

.PaymentContainer .paygatewayContainer .pgateway:last-child {
    margin-right: 0
}

.PaymentContainer .paygatewayContainer .pgateway input {
    position: absolute;
    height: 0;
    width: 0;
    opacity: 0
}

.PaymentContainer .paygatewayContainer .pgateway input+label {
    background-color: #eaf1f5;
    border: 2px solid #fff
}

.PaymentContainer .paygatewayContainer .pgateway input:checked+label {
    border-color: #2a9df5
}

.PaymentContainer .paygatewayContainer .pgateway label {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    height: 100%;
    width: 100%;
    margin: 0;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    justify-content: center
}

.PaymentContainer .paygatewayContainer .pgateway label .iconCard {
    background-position: -9rem -7.75rem
}

.PaymentContainer .paygatewayContainer .pgateway label span {
    padding-top: 4px;
    font-size: 10px;
    font-weight: 600
}

.PaymentContainer .form-control {
    position: relative
}

.PaymentContainer .filterBlock .collapsibleBlock .form-control.creditCard+.collapseToggler:after,
.PaymentContainer .form-control.creditCard+.icon,
.filterBlock .collapsibleBlock .PaymentContainer .form-control.creditCard+.collapseToggler:after {
    position: absolute;
    right: .25rem;
    top: 0
}

.PaymentContainer .expiryWidget .expiry {
    font-size: .75rem;
    white-space: nowrap;
    color: #9f9f9f
}

.PaymentContainer .expiryWidget .form-group {
    padding: 0
}

.PaymentContainer .expiryWidget .form-group.cvv {
    width: 88px;
    min-width: 88px;
    margin-left: 16px
}

.PaymentContainer .expiryWidget .form-group.mmyy {
    width: 100%
}

.PaymentContainer .expiryWidget .form-group input {
    padding: 8px 8px;
    height: 100%
}

.PaymentContainer .expiryWidget .form-group input:-ms-input-placeholder {
    color: #ececec
}

.PaymentContainer .expiryWidget .form-group input::placeholder {
    color: #ececec
}

.PaymentContainer .saveCardWidget .form-check-label {
    font-size: 12px
}

.PaymentContainer .form-widget {
    margin: 1rem 0 4.375rem
}

.PaymentContainer .form-widget div:first-child {
    padding-left: 9px
}

@media screen and (max-width:991px) {
    .PaymentContainer .form-widget div:first-child {
        padding-left: 0
    }
}

.buttonWidget button.btn {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    font-size: 1rem;
    font-weight: 600;
    color: #9f9f9f
}

.buttonWidget button.btn:after,
.buttonWidget button.btn:before {
    content: "";
    display: inline-block;
    height: 1.25rem;
    width: 1.25rem;
    background: url(../../images/spritesheet.svg) no-repeat
}

.buttonWidget button.btn.back {
    padding: .5rem 1rem .5rem .875rem
}

.buttonWidget button.btn.back:before {
    margin-right: 1.125rem;
    background-position: -1.5625rem -6.375rem
}

.buttonWidget button.btn.back:after {
    content: none
}

.buttonWidget button.btn.next {
    padding: .5rem .875rem .5rem 1rem
}

.buttonWidget button.btn.next:before {
    content: none
}

.buttonWidget button.btn.next:after {
    margin-left: 1.125rem;
    background-position: -3.125rem -6.375rem
}

.mainSection button.btn.back {
    position: relative;
    width: 3.9375rem;
    background-color: #fff;
    border: 1px solid #404040;
    text-indent: -9999px;
    overflow: hidden
}

.mainSection button.btn.back::before {
    position: absolute;
    left: 50%;
    top: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-position: -12.5625rem -13.6875rem
}

.mainSection button.btn.back:hover {
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    background: #404040
}

.mainSection button.btn.back:hover:before {
    background-position: -10.625rem -15.625rem
}

.mainSection button.btn.next {
    position: relative;
    max-width: 16.6875rem;
    height: 3.375rem;
    font-size: .875rem;
    font-weight: 700;
    color: #fff;
    text-transform: uppercase;
    padding-left: 1.375rem;
    padding-right: 4.0625rem;
    margin-left: .625rem
}

.mainSection button.btn.next::after {
    position: absolute;
    right: 1.375rem;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    background-position: -10.25rem -15.75rem;
    width: 25px
}

.productDetailStep {
    max-width: 47rem
}

@media screen and (max-width:991px) {
    .productDetailStep {
        padding-right: 15px;
        padding-left: 15px
    }
}

@media screen and (max-width:340px) {
    .productDetailStep {
        padding-right: 0;
        padding-left: 0
    }
}

.productDetailStep .prepend {
    padding: 0;
    border: 1px solid #d8e3e9;
    height: 2.5rem
}

.productDetailStep .prepend select {
    border: none;
    outline: 0;
    font-size: .75rem;
    color: #828994
}

.productDetailStep .detailHeader {
    font-size: 1rem;
    color: #828994
}

.productDetailStep .detailSubHeader {
    font-family: Poppins, sans-serif;
    font-size: .75rem;
    color: #8d959f;
    padding: 3px 0 5px
}

@media screen and (max-width:340px) {
    .productDetailStep .detailSubHeader {
        padding-left: 15px
    }
}

.productDetailStep .formHeader {
    font-size: .8125rem;
    font-weight: 600;
    color: #404040
}

.productDetailStep .formSubHeader {
    position: relative;
    height: 0;
    border: solid 1px #d8e3e9;
    margin: 33px 0 23px
}

.productDetailStep .formSubHeader span {
    position: absolute;
    left: 0;
    top: -9px;
    font-size: .75rem;
    font-weight: 600;
    color: #8d959f;
    background-color: #fff;
    padding-right: 6px
}

.productDetailStep form {
    padding: 16px;
    border: solid 1px #d8e3e9;
    background-color: #fff;
    margin-left: 9px
}

@media screen and (max-width:991px) {
    .productDetailStep form {
        margin-left: 0
    }
}

.productDetailStep .form-group {
    position: relative;
    border: solid 1px #8d959f;
    border-radius: 0;
    margin-bottom: 1.5rem
}

.productDetailStep .form-group .form-label {
    font-size: 14px;
    font-weight: 400;
    color: #8d959f
}

.productDetailStep .form-group.filled .form-label,
.productDetailStep .form-group.focus .form-label {
    display: inline !important;
    font-size: 12px;
    color: #ff6b1f;
    position: absolute;
    left: 14px;
    top: -8px;
    right: initial;
    background-color: #fff;
    padding: 0 3px
}

.productDetailStep .form-group.mobile .customSelect,
.productDetailStep .form-group.mobile .form-control,
.productDetailStep .form-group.mobile .otp {
    position: absolute
}

.productDetailStep .form-group.mobile .form-control {
    left: 98px;
    top: 0;
    right: 0;
    width: calc(100% - 200px)
}

@media screen and (max-width:360px) {
    .productDetailStep .form-group.mobile .form-control {
        left: 95px;
        width: calc(100% - 150px)
    }
}

.productDetailStep .form-group.mobile .form-label {
    left: 98px;
    right: 50px
}

@media screen and (max-width:390px) {
    .productDetailStep .form-group.mobile .form-label {
        font-size: 12px
    }
}

@media screen and (max-width:360px) {
    .productDetailStep .form-group.mobile .form-label {
        left: 95px
    }
}

.productDetailStep .form-group.mobile.filled .form-label,
.productDetailStep .form-group.mobile.focus .form-label {
    left: 14px
}

.productDetailStep .form-group.mobile .select2 {
    position: relative
}

@media screen and (max-width:360px) {
    .productDetailStep .form-group.mobile .select2 {
        width: 96px !important
    }
}

.productDetailStep .form-group.mobile .select2 .selection .select2-selection .select2-selection__rendered {
    padding-left: 1rem
}

.productDetailStep .form-group.mobile .select2::after {
    content: "";
    position: absolute;
    right: -10px;
    top: 8px;
    height: 17px;
    width: 0;
    border-right: solid 1px #d8e3e9
}

@media screen and (max-width:360px) {
    .productDetailStep .form-group.mobile .select2::after {
        right: -5px
    }
}

.productDetailStep .form-group.mobile .otp {
    right: 12px;
    top: 50%;
    font-size: 14px;
    font-weight: 700;
    color: #2a9df5;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

@media screen and (max-width:360px) {
    .productDetailStep .form-group.mobile .otp {
        right: 5px;
        font-size: 12px
    }
}

.productDetailStep .form-group.dropdown .select2 {
    width: 100% !important
}

.productDetailStep .form-group.dropdown .select2 .selection .select2-selection .select2-selection__rendered {
    padding-left: 1rem;
    text-transform: initial;
    font-size: 14px;
    font-weight: 400;
    color: #8d959f
}

.productDetailStep .titleStrike {
    font-size: .625rem;
    font-weight: 600;
    white-space: nowrap;
    color: #2a9df5 !important;
    margin: 0 -4px
}

.productDetailStep .titleStrike:after,
.productDetailStep .titleStrike:before {
    content: "";
    height: 1px;
    width: 100%;
    margin: 0 4px;
    background-color: #d8e3e9
}

.productDetailStep .form-check {
    cursor: pointer;
    font-size: .75rem;
    color: #828994
}

.productDetailStep .form-check .form-check-input {
    height: .75rem;
    margin-top: .125rem;
    cursor: pointer
}

.productDetailStep .form-check .form-check-label {
    cursor: pointer;
    color: #404040
}

.productDetailStep .form-check .form-check-label a {
    color: #404040;
    text-decoration: underline
}

.productDetailStep .license-info {
    position: relative
}

.productDetailStep .license-info .iconClose {
    position: absolute;
    right: 0;
    top: -8px;
    background-color: #fff;
    z-index: 1
}

.productDetailStep .registerProductCard {
    background-color: #fff;
    border: 1px solid #d8e3e9;
    padding: .4375rem 1rem 1rem
}

.productDetailStep .registerProductCard .registerProductCard-heading {
    font-size: 1.125rem;
    font-weight: 600;
    border-bottom: 1px solid #d8e3e9;
    padding-bottom: .5rem
}

.productDetailStep .registerProductCard .card {
    border: 0
}

.productDetailStep .registerProductCard .card .card-header {
    border-bottom-color: #d8e3e9 !important;
    background-color: #fff !important
}

.productDetailStep .registerProductCard .card .card-header:first-child {
    border-radius: 0
}

.productDetailStep .registerProductCard .card .card-body {
    padding-left: 5px !important;
    background-color: #fff !important
}

.productDetailStep .registerProductCard .duration {
    font-size: .875rem
}

.productDetailStep .registerProductCard .expiry {
    font-size: .75rem
}

.productDetailStep .registerProductCard .summary .summaryHead {
    border-top: 1px solid #828994;
    border-bottom: 1px solid #828994;
    font-size: .75rem;
    font-weight: 500;
    padding: .625rem 0;
    margin: .625rem 0
}

.productDetailStep .registerProductCard .summary .summaryBody {
    border-top: 1px solid #d8e3e9;
    border-bottom: 1px solid #d8e3e9;
    padding: .9375rem .5rem
}

.productDetailStep .registerProductCard .summary .summaryBody .key {
    font-family: Poppins, sans-serif;
    font-size: .75rem;
    color: #8d959f;
    padding-bottom: .5rem
}

.productDetailStep .registerProductCard .summary .summaryBody .value {
    font-family: Poppins, sans-serif;
    font-size: .75rem
}

.productDetailStep .registerProductCard .summary .summaryBody .totalAmount {
    font-size: 1.25rem
}

.productDetailStep .registerProductCard .summary .summaryFooter {
    padding: .625rem .3125rem
}

.productDetailStep .registerProductCard .summary .summaryFooter .key {
    font-family: Poppins, sans-serif;
    font-size: .75rem;
    color: #8d959f;
    padding-bottom: .3125rem;
    padding-top: .75rem
}

.productDetailStep .registerProductCard .summary .summaryFooter .key2 {
    font-family: Poppins, sans-serif;
    font-size: .625rem;
    color: #8d959f;
    padding-bottom: .1875rem
}

.productDetailStep .registerProductCard .summary .summaryFooter .key3 {
    font-family: Poppins, sans-serif;
    font-size: .625rem;
    color: #404040
}

.productDetailStep .registerProductCard .summary .summaryFooter .value {
    font-size: .625rem
}

.productDetailStep .registerProductCard .summary .summaryFooter .totalAmount {
    font-size: .875rem;
    font-weight: 400;
    color: #404040
}

.productDetailStep .registerProductCard .summary .summaryFooter .totalAmount * {
    display: inline-block
}

.productDetailStep .registerProductCard .summary .summaryFooter .totalAmount span {
    font-size: 1.5rem;
    font-weight: 700;
    color: #ff6b1f
}

.productDetailStep .registerProductCard .summary .note {
    font-size: 11px;
    color: #11a743;
    text-align: center;
    border: solid 1px #11a743;
    background-color: #d2ffe1;
    padding: 5px 0
}

.productDetailStep #productAccordion .card {
    margin-bottom: 0
}

.productDetailStep #productAccordion .card .card-header {
    background-color: #d8e3e9;
    padding: .3125rem 0;
    border-bottom: 1px solid #828994
}

.productDetailStep #productAccordion .card .card-header .card-link {
    color: #404040;
    font-size: .875rem;
    font-weight: 600
}

.productDetailStep #productAccordion .card .card-body {
    background-color: #d8e3e9;
    padding: 10px 0
}

.productDetailStep a {
    cursor: pointer
}

.productDetailStep .OTP .linkUnderline {
    font-size: .625rem;
    text-decoration: underline
}

.productDetailStep .form-widget {
    margin: 1rem 0 4.375rem
}

.productDetailStep .form-widget div:first-child {
    padding-left: 9px
}

@media screen and (max-width:991px) {
    .productDetailStep .form-widget div:first-child {
        padding-left: 0
    }
}

.stepperContent .headerUpgrade {
    padding-bottom: 50px
}

.stepperContent .headerUpgrade .title {
    font-family: 'Archivo', sans-serif;
    font-size: 28px;
    font-weight: 600
}

.stepperContent .headerUpgrade .subTitle {
    font-size: 16px;
    font-weight: 300
}

.stepperContent .subHeaderUpgrade {
    padding-bottom: 10px;
    margin-bottom: 20px;
    border-bottom: 1px solid #d8e3e9
}

.stepperContent .subHeaderUpgrade .title {
    font-size: 16px;
    font-weight: 600
}

.stepperContent .subscriptionExpiryAlertBox {
    border: solid 1px #ff6b1f;
    background-color: #fff7f2;
    margin-bottom: 30px;
    padding: 20px
}

@media screen and (min-width:576px) {
    .stepperContent .subscriptionExpiryAlertBox {
        padding: 40px
    }
}

.stepperContent .subscriptionExpiryAlertBox .title {
    text-align: center
}

.stepperContent .subscriptionExpiryAlertBox h3 {
    font-size: 24px;
    display: block;
    padding-top: 15px;
    padding-bottom: 15px
}

@media screen and (min-width:576px) {
    .stepperContent .subscriptionExpiryAlertBox h3 {
        display: inline-block;
        padding-left: 20px;
        padding-top: 0;
        padding-bottom: 0
    }
}

@media (min-width:768px) {
    .stepperContent .subscriptionExpiryAlertBox h3 {
        font-size: 31px;
        padding-left: 40px
    }
}

@media screen and (min-width:992px) {
    .stepperContent .subscriptionExpiryAlertBox h3 {
        padding-left: 60px
    }
}

.stepperContent .subscriptionExpiryAlertBox .buttonWidget button.btn {
    padding: 10px 15px;
    font-family: 'Archivo', sans-serif;
    font-size: 12px;
    font-weight: 600;
    color: #fff
}

.stepperContent .subscriptionExpiryAlertBox .buttonWidget button.btn::after {
    display: none
}

.loginBlock {
    padding: 33px 48px
}

.loginBlock h5 {
    font-family: 'Archivo', sans-serif;
}

.otherRegistrationBlock {
    background-color: #fff7f2;
    padding: 32px 22px 15px;
    height: 100%
}

.otherRegistrationBlock .topSection h2 {
    font-size: 18px;
    font-weight: 600;
    color: #ff6b1f
}

.otherRegistrationBlock .topSection li {
    position: relative;
    font-size: 13px;
    font-weight: 600;
    padding: 5px 0 5px 10px
}

.otherRegistrationBlock .topSection li::before {
    content: "";
    display: block;
    width: 5px;
    height: 5px;
    background-color: #2d2d2d;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 11px
}

.otherRegistrationBlock .bottomSection .more {
    font-size: 10px;
    margin: 0
}

.otherRegistrationBlock .bottomSection .more a {
    color: #2a9df5;
    font-weight: 700
}

.boxRegistration {
    position: relative;
    background-image: linear-gradient(113deg, #f2d18b, #e5a14f);
    padding: 23px 18px 19px 24px;
    margin-bottom: 5px
}

.boxRegistration h3 {
    font-size: 16px;
    font-weight: 400
}

.boxRegistration h3 span {
    display: block;
    font-size: 12px
}

.boxRegistration h4 {
    font-size: 10px;
    margin-top: 17px
}

.boxRegistration h4 span {
    font-size: 31px;
    display: block
}

.boxRegistration .btn {
    position: absolute;
    right: 18px;
    bottom: 19px
}

.loginMain {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100vh
}

.loginMain .loginWrapper {
    width: 52.25rem
}

.loginMain .loginWrapper .loginHeader .title {
    font-size: 2.25rem;
    font-weight: 700;
    color: #000;
    padding-left: 1.5rem
}

.loginCard {
    height: 24.625rem;
    border: 1px solid #d8e3e9;
    overflow: hidden;
    border-radius: 6px
}

.loginCard .loginFormsection {
    padding: 2rem 3rem;
    width: 27.5rem
}

.loginCard .loginFormsection .otpMobileNumber label {
    left: 5rem
}

.loginCard .loginFormsection .otpMobileNumber.filled label,
.loginCard .loginFormsection .otpMobileNumber.focus label {
    left: 5.9375rem
}

.loginCard .loginIndicator {
    width: calc(100% - 440px);
    position: relative;
    z-index: 1
}

.loginCard .loginIndicator::before {
    content: '';
    position: absolute;
    background: #fff7f2;
    padding: 330px 0;
    -ms-transform: skew(14deg, -70deg);
    transform: skew(14deg, -70deg);
    width: 100%;
    height: 100%;
    top: 20px;
    right: 0;
    bottom: 0;
    z-index: -1
}

.loginCard .loginIndicator.noPseudo:before {
    content: none
}

.preloginOtpWidget .pincode-input-container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%
}

.preloginOtpWidget .pincode-input-container input {
    width: 4.375rem;
    font-size: 1.125rem;
    text-align: center;
    border-color: #8d959f;
    border-radius: 0
}

.loginWithOTP {
    cursor: pointer;
    color: #2a9df5
}

.loginWithOTP:hover {
    color: #404040
}

.passwordRecoverySection {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-direction: column;
    flex-direction: column;
    height: calc(100vh - 110px)
}

@media screen and (max-width:1440px) {
    .passwordRecoverySection {
        height: 87vh
    }
}

@media screen and (max-width:1300px) {
    .passwordRecoverySection {
        height: 87vh
    }
}

@media screen and (max-width:1100px) {
    .passwordRecoverySection {
        height: 93vh
    }
}

@media screen and (max-width:991px) {
    .passwordRecoverySection {
        height: 90vh
    }
}

@media screen and (max-width:767px) {
    .passwordRecoverySection {
        height: 100%
    }
}

.passwordRecoverySection .passwordRecoveryCards {
    width: 23.5rem;
    height: 13.9375rem;
    background-color: #fff;
    border: 1px solid #d8e3e9;
    border-radius: 6px;
    padding: 2rem 1.5rem
}

.passwordRecoverySection .passwordRecoveryCards .passwordRecoveryText {
    color: #9f9f9f;
    font-size: .75rem;
    padding-bottom: .75rem
}

.passwordRecoverySection .passwordRecoveryCards #loginCredentialRecoveryForm {
    position: relative
}

.passwordRecoverySection .passwordRecoveryCards #loginCredentialRecoveryForm .form-group {
    padding: 0 2rem 0 0
}

.passwordRecoverySection .passwordRecoveryCards #loginCredentialRecoveryForm .form-group .iconClose {
    cursor: pointer;
    position: absolute;
    top: .5rem;
    right: .5rem;
    z-index: 99
}

.regionList .regionListItem {
    position: relative;
    margin-bottom: 1.5rem
}

.regionList .regionListItem .regionWiseImage {
    display: inline-block;
    width: 100%;
    -ms-transform: scale(1);
    transform: scale(1);
    transition: all linear .16s
}

.regionList .regionListItem .regionListItemName {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    color: #fff;
    top: 0;
    bottom: 0;
    padding: .375rem;
    left: 1rem;
    right: 1rem;
    cursor: pointer;
    border: 1px solid rgba(255, 255, 255, 0);
    transition: all linear .16s
}

.regionList .regionListItem .regionListItemName:after {
    content: attr(data-alt)
}

.regionList .regionListItem:hover .regionWiseImage {
    -ms-transform: scale(1.05);
    transform: scale(1.05)
}

.regionList .regionListItem:hover .regionListItemName {
    color: #fff;
    top: 2px;
    bottom: 2px;
    border: 2px solid rgba(255, 255, 255, .6)
}

.search-modal .modal-content {
    border: 0;
    height: calc(100vh - 48px) !important
}

.search-modal .search-wrapper {
    position: relative
}

.search-modal .search-wrapper::before {
    content: "";
    height: 22px;
    width: 22px;
    top: 7px;
    left: 8px;
    position: absolute;
    background: url(../images/spritesheet.svg) no-repeat;
    background-position: -4.5rem -6.25rem;
    z-index: 0
}

.search-modal .search-wrapper input {
    padding-left: 34px;
    border-radius: 0
}

.search-modal .search-wrapper input :-ms-input-placeholder {
    color: #afafaf
}

.search-modal .search-wrapper input ::placeholder {
    color: #afafaf
}

.search-modal .search-wrapper .close-search-popup {
    position: absolute;
    right: 10px;
    top: 14px;
    height: 11px;
    width: 11px;
    cursor: pointer
}

.search-modal .search-body {
    padding-top: 20px
}

.search-modal .search-body .nav-tabs {
    padding-left: 40px;
    border-bottom: 0 !important
}

.search-modal .search-body .header-row {
    padding: 0 40px
}

.search-modal .search-body .header-row .section-header {
    color: #727272;
    font-size: 16px;
    width: 101px
}

.search-modal .search-body .header-row .historical-line {
    height: 1px;
    width: 100%;
    background-color: #d8e3e9
}

.search-modal .search-body .search-blocks {
    padding: 8px 0
}

.search-modal .search-body table {
    width: 100%
}

.search-modal .search-body table tr {
    height: 36px
}

.search-modal .search-body table tr .arrow {
    display: none
}

.search-modal .search-body table tr td {
    padding-right: 20px;
    color: #2d2d2d;
    font-weight: 600;
    font-size: 14px
}

.search-modal .search-body table tr .arrow-td {
    width: 40px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 36px;
    padding-right: 0
}

.search-modal .search-body table tr .sucess {
    color: #11a743
}

.search-modal .search-body table tr:hover {
    background-color: #f6f9fb
}

.search-modal .search-body table tr:hover .arrow {
    display: block !important
}

.search-modal .search-body .line-content {
    min-height: 36px;
    position: relative
}

.search-modal .search-body .line-content .arrow {
    display: none
}

.search-modal .search-body .line-content .arrow-block {
    position: absolute;
    height: 36px;
    width: 40px;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    display: -ms-flexbox;
    display: flex
}

.search-modal .search-body .line-content .content {
    padding: 4px 10px 4px 40px;
    color: #2d2d2d;
    font-weight: 600;
    font-size: 14px
}

.search-modal .search-body .line-content:hover {
    background-color: #f6f9fb
}

.search-modal .search-body .line-content:hover .arrow {
    display: block !important
}

.search-modal .view-all {
    color: #2a9df5;
    font-size: 14px;
    padding: 0 20px 20px 40px
}

.search-modal .view-all img {
    width: 14px
}

.insight-block .search-tab-wrapper {
    padding: 0 20px 0 40px
}

.insight-block p {
    margin-bottom: 0
}

.insight-block__flag-icon {
    width: 19px;
    height: 14px;
    margin-right: 12px
}

.insight-block__flagtitle {
    font-size: 14px;
    font-weight: 700;
    color: #2d2d2d
}

.insight-block__cash {
    font-size: 14px;
    font-weight: 500;
    color: #404040
}

.insight-block__percent {
    font-size: 14px;
    font-weight: 500;
    color: #11a743;
    margin-left: 16px
}

.insight-block__title {
    text-align: left;
    font: normal normal normal 16px/22px "Archivo", sans-serif;
    color: #727272;
    opacity: 1;
    margin: 0 50px 16px;
    position: relative;
    z-index: 1
}

.insight-block__title::after {
    content: "";
    position: absolute;
    border-top: 1px solid #d8e3e9;
    top: 11px;
    width: 100%;
    left: 0
}

.insight-block__title-span {
    position: relative;
    z-index: 2;
    background-color: #fff;
    padding-right: 10px;
    font-size: 16px
}

.insight-block__typed-text {
    color: #ff6a1f
}

.insight-block__result-title {
    font-size: 14px;
    font-weight: 700;
    color: #2d2d2d
}

.insight-block__wrap {
    margin: 35px 0
}

.insight-block--prices-search .insight-block__wrap {
    margin: 16px 0;
    max-height: 600px;
    overflow-y: auto;
    overflow-x: hidden
}

.insight-block__country-flag img {
    width: 19px;
    height: 14px
}

.insight-block__country-name {
    text-align: left;
    font: normal normal bold 14px/19px "Archivo", sans-serif;
    letter-spacing: 0;
    color: #2d2d2d;
    opacity: 1;
    width: 45%
}

.insight-block__country-price {
    font: normal normal 600 14px/19px "Archivo", sans-serif;
    letter-spacing: .24px;
    color: #404040;
    opacity: 1;
    width: 20%
}

.insight-block__country-rate {
    font: normal normal 600 14px/11px "Archivo", sans-serif;
    letter-spacing: .24px;
    color: #11a743;
    opacity: 1;
    width: 20%
}

.insight-block__ul {
    margin-bottom: 10px
}

.insight-block__li {
    padding: 8px 47px;
    cursor: pointer
}

.insight-block__li:hover {
    background: #f6f9fb;
    position: relative
}

.insight-block__li:hover::before {
    content: '';
    height: 19px;
    width: 19px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row;
    flex-flow: row;
    background: url(../images/arrow.svg);
    position: absolute;
    left: 10px;
    top: 50%;
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%)
}

.insight-block--prices-search .insight-block__li:hover::before {
    content: none
}

.insight-block--prices-search .insight-block__li {
    padding: 8px 25px
}

.insight-block__anchorLink {
    padding: 0 47px;
    font-size: 14px;
    display: block
}

.insight-block__no-result-found-wrap {
    display: none;
    padding: 0 47px
}

.insight-block__no-result-text {
    font-size: 14px;
    color: #9f9f9f
}

#global-search-box {
    margin-left: 15px;
    border: none
}

#global-search-box:focus {
    outline: 0
}

.checkbox__input {
    display: none
}

.checkbox__input:checked+.checkbox__label {
    color: #2a9df5;
    border: 1px solid #2a9df5
}

.checkbox__input:checked+.checkbox__label .checkbox__icon {
    background-image: url(../images/checkbox-tick.svg)
}

.checkbox__label {
    border: 1px solid #d8e3e9;
    background: #fff;
    padding: 2px 8px;
    cursor: pointer;
    border-radius: 12px;
    font-size: 12px;
    color: #8d959f
}

.checkbox__icon {
    background-image: url(../images/checkbox-plus.svg);
    background-position: left center;
    background-repeat: no-repeat;
    width: 8px;
    height: 8px;
    display: inline-block;
    margin-right: 8px
}

.checkbox__viewlink {
    font-size: 12px
}

.checkbox__more-tags {
    display: none
}

.checkbox__more-tags.view-more {
    display: block
}

.checkbox__viewless {
    display: none
}

.site-row {
    padding: 40px 0
}

@media screen and (max-width:767px) {
    .site-row .borderbg {
        margin-bottom: 8px
    }
}

@media screen and (max-width:767px) {
    .site-row {
        padding: 20px 0
    }
}

.sitemap-list {
    padding-top: 8px
}

@media screen and (max-width:767px) {
    .sitemap-list {
        padding-top: 0
    }
}

.sitemap-list .list-group-item {
    border: 0;
    padding: 8px
}

.sitemap-list.list_black .list-group-item a {
    color: #404040
}

.sitemap-list.list_tree {
    margin-left: 8px;
    margin-bottom: 30px
}

.sitemap-list.list_tree .list-group-item {
    border-left: 1px solid #d8e3e9;
    border-radius: 0;
    margin: 0;
    padding: 8px 2px
}

.sitemap-list.list_tree .list-group-item a {
    color: #404040;
    position: relative;
    left: 20px;
    top: 16px;
    z-index: 9
}

.sitemap-list.list_tree .list-group-item:first-child {
    padding-top: 0
}

.sitemap-list.list_tree .list-group-item:before {
    position: absolute;
    bottom: 0;
    width: 16px;
    border-bottom: 1px solid #d8e3e9;
    content: "";
    display: inline-block;
    left: 0
}

.introjs-helperLayer {
    box-shadow: rgba(33, 33, 33, .3) 0 0 1px 2px, rgba(33, 33, 33, .5) 0 0 0 5000px !important
}

.customTooltip.introjs-tooltip {
    border: 1px solid #ff6b1f;
    border-radius: 0
}

.customTooltip.introjs-tooltip .introjs-tooltip-header {
    padding: 10px 15px 0
}

.customTooltip.introjs-tooltip .introjs-skipbutton {
    padding: 0;
    position: absolute;
    bottom: 20px;
    left: 15px;
    font-size: 12px;
    line-height: 16px;
    color: #404040;
    font-weight: 400
}

.customTooltip.introjs-tooltip .introjs-tooltip-title {
    font-size: 16px;
    line-height: 22px;
    color: #404040;
    font-weight: 400
}

.customTooltip.introjs-tooltip .introjs-tooltiptext {
    font-size: 12px;
    line-height: 16px;
    color: #404040;
    padding: 12px 15px
}

.customTooltip.introjs-tooltip .introjs-tooltipbuttons {
    border-top: none;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.customTooltip.introjs-tooltip .introjs-bullets {
    display: none
}

.customTooltip.introjs-tooltip .introjs-nav-icons {
    width: 14px;
    height: 10px
}

.customTooltip.introjs-tooltip .introjs-button {
    border: none;
    background-color: transparent
}

.customTooltip.introjs-tooltip .introjs-button:focus {
    outline: 0
}

.customTooltip.introjs-tooltip .introjs-prevbutton {
    background-image: url(../images/left-intro-icon.svg);
    background-repeat: no-repeat;
    width: 14px;
    height: 10px;
    background-position: center;
    padding: 8px 0;
    margin-right: 20px;
    outline: 0
}

.customTooltip.introjs-tooltip .introjs-nextbutton {
    background-image: url(../images/right-intro-icon.svg);
    background-repeat: no-repeat;
    width: 14px;
    height: 10px;
    background-position: center;
    padding: 8px 0;
    margin-left: 20px;
    outline: 0
}

.customTooltip.introjs-tooltip .introjs-helperNumberLayer {
    position: absolute;
    right: 34px;
    bottom: 10px;
    font-size: 12px;
    line-height: 16px;
    color: #404040
}

.customTooltip.introjs-tooltip .introjs-tooltipbuttons {
    padding: 16px 15px
}

.customTooltip.introjs-tooltip .introjs-arrow {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='7' viewBox='0 0 14 7'%3E%3Cg id='Polygon_1' data-name='Polygon 1' fill='%23ff6b1f'%3E%3Cpath d='M 12.79290008544922 6.5 L 1.207100033760071 6.5 L 7 0.707099974155426 L 12.79290008544922 6.5 Z' stroke='none'/%3E%3Cpath d='M 7 1.414219856262207 L 2.414219856262207 6 L 11.58578014373779 6 L 7 1.414219856262207 M 7 0 L 14 7 L 0 7 L 7 0 Z' stroke='none' fill='%23ff6b1f'/%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: 12px 9px;
    width: 11px;
    height: 7px;
    background-position: center
}

.owl-carousel {
    position: relative;
    text-align: left
}

.owl-carousel .owl-dots {
    display: none
}

.owl-carousel .owl-nav {
    padding-left: .9375rem
}

@media only screen and (min-width:768px) {
    .owl-carousel .owl-nav {
        padding-left: 2.8125rem
    }
}

@media only screen and (min-width:1200px) {
    .owl-carousel .owl-nav {
        padding-left: 6.25rem
    }
}

@media only screen and (min-width:1400px) {
    .owl-carousel .owl-nav {
        padding-left: 10.3125rem
    }
}

@media only screen and (min-width:1500px) {
    .owl-carousel .owl-nav {
        padding-left: 15.3125rem
    }
}

@media only screen and (min-width:1800px) {
    .owl-carousel .owl-nav {
        padding-left: 22.1875rem
    }
}

.owl-carousel .owl-nav button.owl-prev {
    width: 2.5rem;
    height: 2.5rem;
    border: .0625rem solid #d8e3e9;
    border-radius: 50%;
    margin-right: .9375rem;
    background: #fff
}

.owl-carousel .owl-nav button.owl-prev:focus {
    outline: 0
}

.owl-carousel .owl-nav button.owl-next {
    width: 2.5rem;
    height: 2.5rem;
    border: .0625rem solid #d8e3e9;
    border-radius: 50%;
    background: #fff
}

.owl-carousel .owl-nav button.owl-next:focus {
    outline: 0
}

.topTendersCarousel {
    margin: 1.875rem 0
}

.topTendersCarousel .card {
    height: 10rem;
    margin-bottom: 1.25rem
}

.topTendersCarousel.owl-carousel {
    position: relative
}

.topTendersCarousel.owl-carousel .owl-nav {
    padding-left: 0
}

@media only screen and (min-width:768px) {
    .topTendersCarousel.owl-carousel .owl-nav {
        padding-left: 0
    }
}

@media only screen and (min-width:1200px) {
    .topTendersCarousel.owl-carousel .owl-nav {
        padding-left: 0
    }
}

@media only screen and (min-width:1400px) {
    .topTendersCarousel.owl-carousel .owl-nav {
        padding-left: 0
    }
}

@media only screen and (min-width:1500px) {
    .topTendersCarousel.owl-carousel .owl-nav {
        padding-left: 0
    }
}

@media only screen and (min-width:1800px) {
    .topTendersCarousel.owl-carousel .owl-nav {
        padding-left: 0
    }
}

@media only screen and (min-width:320px) {
    #featuredCarousel .owl-nav {
        padding-left: 0 !important
    }
}

#featuredCarousel .tenderRightContent {
    height: 100%
}

@media only screen and (min-width:320px) {
    #tenderImageCarousel .owl-nav {
        padding-left: 0 !important
    }
}

.clients-carousel.owl-carousel .owl-item {
    margin-bottom: 30px
}

@media only screen and (min-width:992px) {
    .clients-carousel.owl-carousel .owl-nav {
        padding-left: 0 !important;
        display: block
    }
}

.select2-container .select2-dropdown {
    position: relative;
    padding: 0;
    -o-box-shadow: 0 3px 13px rgba(155, 155, 155, .18);
    box-shadow: 0 3px 13px rgba(155, 155, 155, .18);
    width: 100%
}

.select2-container .select2-dropdown.optgroup {
    width: 33.75rem !important
}

@media only screen and (max-width:480px) {
    .select2-container .select2-dropdown.optgroup .select2-results {
        position: fixed;
        height: 100%;
        width: 100%;
        top: 0;
        left: 0;
        overflow: auto;
        z-index: 999
    }
}

.select2-container .select2-dropdown.optgroup .select2-results>ul.select2-results__options {
    max-height: 360px;
    min-height: 100%;
    background: #fff;
    padding: 16px;
    overflow: visible
}

@media only screen and (min-width:479px) {
    .select2-container .select2-dropdown.optgroup .select2-results>ul.select2-results__options {
        column-width: 120px;
        column-gap: 10px;
        column-fill: auto;
        -moz-column-fill: auto
    }
}

@media only screen and (max-width:480px) {
    .select2-container .select2-dropdown.optgroup .select2-results>ul.select2-results__options {
        padding-top: 62px;
        width: 100% !important;
        max-height: 1000px;
        height: 100% !important;
        columns: 2;
        column-fill: auto;
        -moz-column-fill: auto;
        column-gap: 10px;
        column-width: 120px
    }
}

.select2-container .select2-dropdown.optgroup .select2-results>ul.select2-results__options li {
    padding: 0
}

.select2-container .select2-dropdown.optgroup .select2-results>ul.select2-results__options li strong {
    display: none
}

@media only screen and (max-width:480px) {
    .select2-container .select2-dropdown.optgroup .select2-results>ul.select2-results__options li strong.select2-results__group {
        display: inline-block;
        position: fixed;
        width: 100%;
        height: 46px;
        top: 0;
        left: 0;
        font-size: 1rem;
        padding: .75rem 1rem;
        background: #fff7f2
    }
    .select2-container .select2-dropdown.optgroup .select2-results>ul.select2-results__options li strong.select2-results__group span {
        text-decoration: none
    }
}

.select2-container .select2-dropdown.optgroup .select2-results>ul.select2-results__options li.select2-results__option span {
    display: inline-block;
    text-decoration: underline
}

.select2-container .select2-dropdown.optgroup .select2-results>ul.select2-results__options li.select2-results__option span.header {
    font-weight: 700;
    margin: 8px 0
}

.select2-container .select2-dropdown.optgroup .select2-results>ul.select2-results__options li.select2-results__option span.sub {
    padding-left: 12px;
    margin: 0 0 3px 0
}

.select2-container .select2-dropdown.optgroup .select2-results>ul.select2-results__options li.select2-results__option span.supersub {
    padding-left: 32px;
    margin: 0 0 3px 0
}

.select2-container .select2-dropdown.optgroup .select2-results>ul.select2-results__options li.select2-results__option[aria-selected=true] {
    background: rgba(0, 0, 0, 0);
    color: #a3a3a3
}

.select2-container .select2-dropdown.optgroup .select2-results>ul.select2-results__options li.select2-results__option.select2-results__option--highlighted {
    background: rgba(0, 0, 0, 0);
    color: #a3a3a3
}

.select2-container .select2-dropdown.optgroup .select2-results>ul.select2-results__options li.select2-results__option>ul li:first-child {
    display: none
}

.select2 .selection .select2-selection .select2-selection__rendered {
    font-weight: 600;
    padding: 0 1rem 0 0;
    line-height: 2rem
}

.select2 .selection .select2-selection .select2-selection__arrow b {
    border: 0;
    height: .625rem;
    width: .625rem;
    background: url(../images/spritesheet.svg) no-repeat;
    background-position: -.125rem -.0625rem;
    -ms-transform: rotate(0);
    transform: rotate(0);
    transition: all linear .16s
}

.select2.select2-container--open .select2-selection--single .select2-selection__arrow b {
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.select2.select2-container--default.select2-container--disabled .select2-selection--single {
    background-color: transparent;
    cursor: default;
    opacity: .2
}

.select2-container .select2-selection--single {
    background: 0 0;
    border-color: transparent;
    height: 2.1875rem;
    font-size: .75rem;
    outline: 0;
    box-shadow: none
}

.select2-container.floatingDropdownRight.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.select2-container.floatingDropdownRight .select2-dropdown {
    left: 9.8125rem;
    /*top: -2.875rem;*/
}

.select2-container .select2-dropdown {
    border-color: #d8e3e9;
    font-size: .75rem
}

.select2-container .select2-dropdown.test {
    width: 85px !important
}

@media screen and (max-width:767px) {
    .select2-container .select2-dropdown.test {
        width: 100% !important
    }
}

@media screen and (max-width:767px) {
    .select2-container .select2-dropdown {
        position: fixed !important;
        left: 0 !important;
        top: 0 !important;
        width: 100% !important;
        height: 100%;
        margin: 0
    }
    .select2-container .select2-dropdown .select2-results__option {
        padding: .9375rem 1.25rem;
        font-size: .875rem;
        color: #000;
        font-weight: 600
    }
    .select2-container .select2-dropdown .select2-results__option.select2-results__option--highlighted {
        color: #fff
    }
    .select2-container .select2-dropdown .select2-results {
        height: calc(100vh - 60px)
    }
    .select2-container .select2-dropdown .select2-results .select2-results__options {
        max-height: 100%
    }
}

.backtoList {
    color: #000;
    background: #fff7f2;
    padding: .9375rem
}

@media screen and (min-width:768px) {
    .backtoList {
        display: none !important
    }
}

.carousel .carousel-control-next,
.carousel .carousel-control-prev {
    width: 2.5rem;
    height: 2.5rem;
    background: #fff;
    border-radius: 50%;
    bottom: auto;
    top: 85%;
    left: 2.5rem;
    box-shadow: 0 .1875rem .375rem rgba(0, 0, 0, .15);
    opacity: 1
}

@media screen and (max-width:991px) {
    .carousel .carousel-control-next,
    .carousel .carousel-control-prev {
        top: 80%
    }
}

@media screen and (max-width:767px) {
    .carousel .carousel-control-next,
    .carousel .carousel-control-prev {
        top: 68%;
        left: auto;
        right: 3.125rem;
        margin-right: .3125rem
    }
}

.carousel .carousel-control-next .carousel-control-prev-icon,
.carousel .carousel-control-prev .carousel-control-prev-icon {
    width: .75rem;
    height: .75rem;
    background: url(../images/spritesheet.svg) no-repeat;
    background-position: 0 0;
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.carousel .carousel-control-next {
    left: 6.25rem
}

@media screen and (max-width:767px) {
    .carousel .carousel-control-next {
        left: auto;
        right: 0
    }
}

.carousel .carousel-control-next .carousel-control-next-icon {
    width: .75rem;
    height: .75rem;
    background: url(../images/spritesheet.svg) no-repeat;
    background-position: 0 0;
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.reportCarousel {
    position: relative;
    min-height: 25rem;
    color: #fff
}

.reportCarousel .reportSlideInsideContent {
    padding: 0 1.875rem
}

@media screen and (max-width:1199px) {
    .reportCarousel {
        min-height: 22.5rem
    }
    .reportCarousel .reportSlideInsideContent {
        padding: 0 1.875rem
    }
}

@media screen and (max-width:991px) {
    .reportCarousel {
        min-height: 17.5rem
    }
}

@media screen and (max-width:767px) {
    .reportCarousel {
        min-height: 100%
    }
    .reportCarousel .reportSlideInsideContent .reportInfoTitle {
        font-size: 1.6875rem
    }
    .reportCarousel .reportSlideInsideContent .reportInfoDetails {
        display: none
    }
}

.reportCarousel .carousel-item {
    z-index: 1
}

.reportCarousel .carousel-item:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .41);
    z-index: 0
}

.reportCarousel .reportSlideContent {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1
}

.reportCarousel .reportSlideContent .reportSlideInsideContent {
    height: 100%
}

.reportCarousel .reportSlideContent .anchorLink {
    color: #fff
}

.cardslider {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden
}

.cardslider__cards,
.cardslider__dots-nav {
    margin: 0;
    padding: 0;
    list-style: none
}

.cardslider__cards {
    width: 80%;
    height: 80%;
    position: absolute;
    left: 50%;
    top: 50%;
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    transform-style: preserve-3d
}

.cardslider__dots-nav {
    position: absolute;
    bottom: 20px;
    left: 50%;
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

.cardslider__dot {
    display: inline-block;
    margin-right: 8px
}

.cardslider__dot-btn {
    position: relative;
    border-radius: 50%;
    border: 2px solid #fff;
    width: 10px;
    height: 10px;
    display: block;
    -webkit-appearance: none;
    appearance: none;
    background: 0 0;
    padding: 0
}

.cardslider__dot-btn::before {
    content: ' ';
    position: absolute;
    display: block;
    background: #fff;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    left: 50%;
    top: 50%;
    transition: all .5s;
    -ms-transform: translate(-50%, -50%) scale(0);
    transform: translate(-50%, -50%) scale(0)
}

.cardslider__dot--active .cardslider__dot-btn::before {
    -ms-transform: translate(-50%, -50%) scale(1.1);
    transform: translate(-50%, -50%) scale(1.1)
}

.cardslider__card {
    background: #d7d7d7;
    display: block;
    border-radius: 10px;
    width: 100%;
    height: 100%;
    position: absolute;
    will-change: transform, opacity, background;
    transition: background 1s ease-out, opacity 1s
}

.cardslider__card--transitions {
    transition: background 1s ease-out, transform 1s ease-out, opacity 1s
}

.cardslider__card--invisible {
    opacity: 0
}

.cardslider--direction-up .cardslider__card {
    transform: scale(.9) translate3d(0, 14.61%, 2px)
}

.cardslider--direction-up .cardslider__card--index-0 {
    transform: translate3d(0, 0, 4px)
}

.cardslider--direction-up .cardslider__card--index-1 {
    transform: scale(.95) translate3d(0, 7.31%, 3px)
}

.cardslider--direction-up .cardslider__card--index-2 {
    transform: scale(.9) translate3d(0, 14.61%, 2px)
}

.cardslider--direction-up .cardslider__card--out {
    transform: translate3d(0, 150%, 3px)
}

.cardslider--sortback-up {
    animation: sortback-up 2s
}

.cardslider--sortfront-up {
    animation: sortfront-up .67s
}

.cardslider--direction-down .cardslider__card {
    transform: translate3d(0, 0, 4px)
}

.cardslider--direction-down .cardslider__card--index-0 {
    transform: translate3d(0, 0, 4px)
}

.cardslider--direction-down .cardslider__card--index-1 {
    transform: translate3d(0, 0, 4px)
}

.cardslider--direction-down .cardslider__card--out {
    transform: translate3d(0, 150%, 4px)
}

.cardslider--sortback-down {
    animation: sortback-down .67s
}

.cardslider--sortfront-down {
    animation: sortfront-down .67s
}

.cardslider--direction-right .cardslider__card {
    transform: scale(.8) translate3d(-17.25%, 0, 0)
}

.cardslider--direction-right .cardslider__card--index-0 {
    transform: translate3d(0, 0, 4px)
}

.cardslider--direction-right .cardslider__card--index-1 {
    transform: scale(.95) translate3d(-4.31%, 0, 3px)
}

.cardslider--direction-right .cardslider__card--index-2 {
    transform: scale(.9) translate3d(-8.61%, 0, 2px)
}

.cardslider--direction-right .cardslider__card--index-3 {
    transform: scale(.85) translate3d(-12.91%, 0, 1px)
}

.cardslider--direction-right .cardslider__card--out {
    transform: translate3d(150%, 0, 4px)
}

.cardslider--sortback-right {
    animation: sortback-right .67s
}

.cardslider--sortfront-right {
    animation: sortfront-right .67s
}

.cardslider--direction-left .cardslider__card {
    transform: scale(.8) translate3d(13.91%, 16.91%, 1px)
}

.cardslider--direction-left .cardslider__card--index-0 {
    transform: translate3d(0, 0, 4px)
}

.cardslider--direction-left .cardslider__card--index-1 {
    transform: scale(.95) translate3d(4.41%, 5.31%, 3px)
}

.cardslider--direction-left .cardslider__card--index-2 {
    transform: scale(.9) translate3d(8.95%, 10.95%, 2px)
}

.cardslider--direction-left .cardslider__card--index-3 {
    transform: scale(.85) translate3d(13.91%, 16.91%, 1px)
}

.cardslider--direction-left .cardslider__card--out {
    transform: translate3d(-150%, -150%, 4px)
}

.cardslider--sortback-left {
    animation: sortback-left 1s
}

.cardslider--sortfront-left {
    animation: sortfront-left 1s
}

.cardslider__direction-nav {
    position: absolute;
    right: 20px;
    bottom: 20px
}

@media screen and (min-width:1200px) {
    .cardslider__nav-prev:hover:after {
        background-position: -5.625rem -25.625rem
    }
}

@keyframes sortback-down {
    0% {
        transform: translate3d(0, 0, 4px) scale(1)
    }
    50% {
        transform: translate3d(0, -150%, 4px) scale(1)
    }
    60% {
        transform: translate3d(0, -150%, 0) scale(.8)
    }
    100% {
        transform: translate3d(0, -150%, 4px) scale(1)
    }
}

@keyframes sortfront-down {
    0% {
        transform: translate3d(0, 0, 0) scale(.8)
    }
    50% {
        transform: translate3d(0, -150%, 0) scale(.8)
    }
    60% {
        transform: translate3d(0, -150%, 4px) scale(1)
    }
    100% {
        transform: translate3d(0, -150%, 4px) scale(1)
    }
}

@keyframes sortback-up {
    0% {
        transform: translate3d(0, 0, 4px) scale(1)
    }
    50% {
        transform: translate3d(0, -150%, 4px) scale(1)
    }
    60% {
        transform: translate3d(0, -150%, 0) scale(.8)
    }
    100% {
        transform: translate3d(0, 0, 0) scale(.8)
    }
}

@keyframes sortfront-up {
    0% {
        transform: translate3d(0, 0, 0) scale(.8)
    }
    50% {
        transform: translate3d(0, -150%, 0) scale(.8)
    }
    60% {
        transform: translate3d(0, -150%, 4px) scale(1)
    }
    100% {
        transform: translate3d(0, 0, 4px) scale(1)
    }
}

@keyframes sortback-left {
    0% {
        transform: translate3d(0, 0, 4px) scale(1)
    }
    50% {
        transform: translate3d(150%, 0, 4px) scale(1)
    }
    60% {
        transform: translate3d(150%, 0, 0) scale(.8)
    }
    100% {
        transform: translate3d(0, 0, 0) scale(.8)
    }
}

@keyframes sortfront-left {
    0% {
        transform: translate3d(0, 0, 0) scale(.8)
    }
    50% {
        transform: translate3d(150%, 0, 0) scale(.8)
    }
    60% {
        transform: translate3d(150%, 0, 4px) scale(1)
    }
    100% {
        transform: translate3d(0, 0, 4px) scale(1)
    }
}

@keyframes sortback-right {
    0% {
        transform: translate3d(0, 0, 4px) scale(1)
    }
    50% {
        transform: translate3d(150%, 0, 4px) scale(1)
    }
    60% {
        transform: translate3d(150%, 0, 0) scale(.8)
    }
    100% {
        transform: translate3d(0, 0, 0) scale(.8)
    }
}

@keyframes sortfront-right {
    0% {
        transform: translate3d(0, 0, 0) scale(.8)
    }
    50% {
        transform: translate3d(150%, 0, 0) scale(.8)
    }
    60% {
        transform: translate3d(150%, 0, 4px) scale(1)
    }
    100% {
        transform: translate3d(0, 0, 4px) scale(1)
    }
}

.cardslider__nav-next:active,
.cardslider__nav-prev:active {
    -ms-transform: scale(1);
    transform: scale(1)
}

.BlockCards.fixedCard {
    position: relative;
    z-index: 9999
}

.BlockCards.fixedCard:after {
    content: '';
    position: fixed;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, .4);
    z-index: 0
}

.BlockCards.fixedCard .sectionHeaderWithFilterOption {
    position: relative;
    z-index: 1;
    padding: 16px;
    background: #fff
}

.cardNested.timelineSlider,
.timelineSlider.flashCardslider {
    height: 26.5625rem
}

.cardNested.notesNested,
.notesNested.flashCardslider {
    height: 240px !important
}

.cardNested .cardslider__cards,
.flashCardslider .cardslider__cards {
    width: 100%;
    height: 80%;
    top: 0;
    left: 0
}

.cardNested .cardslider__cards .cardslider__card,
.flashCardslider .cardslider__cards .cardslider__card {
    background: 0 0
}

.cardNested .cardslider__cards .cardslider__card.cardslider__card--index-0 .sliderCard,
.flashCardslider .cardslider__cards .cardslider__card.cardslider__card--index-0 .sliderCard {
    background: #fff7f2;
    border-color: #ff6b1f
}

.cardNested .cardslider__direction-nav,
.flashCardslider .cardslider__direction-nav {
    width: 3.125rem;
    height: 1.25rem;
    right: 1.125rem;
    bottom: 2.625rem;
    z-index: 20
}

@media screen and (max-width:1199px) {
    .cardNested .cardslider__direction-nav,
    .flashCardslider .cardslider__direction-nav {
        bottom: 3.4375rem
    }
}

@media screen and (max-width:991px) {
    .cardNested .cardslider__direction-nav,
    .flashCardslider .cardslider__direction-nav {
        bottom: 2.8125rem
    }
}

@media screen and (max-width:750px) {
    .cardNested .cardslider__direction-nav,
    .flashCardslider .cardslider__direction-nav {
        bottom: 2.5rem
    }
}

@media screen and (max-width:640px) {
    .cardNested .cardslider__direction-nav,
    .flashCardslider .cardslider__direction-nav {
        bottom: 4.375rem
    }
}

@media screen and (max-width:640px) and (orientation:landscape) {
    .cardNested .cardslider__direction-nav,
    .flashCardslider .cardslider__direction-nav {
        bottom: 3.75rem
    }
}

@media screen and (max-width:500px) {
    .cardNested .cardslider__direction-nav,
    .flashCardslider .cardslider__direction-nav {
        bottom: 3.4375rem
    }
}

@media screen and (max-width:320px) {
    .cardNested .cardslider__direction-nav,
    .flashCardslider .cardslider__direction-nav {
        bottom: 5rem
    }
}

.cardNested .cardslider__direction-nav .cardslider__nav-next,
.cardNested .cardslider__direction-nav .cardslider__nav-prev,
.flashCardslider .cardslider__direction-nav .cardslider__nav-next,
.flashCardslider .cardslider__direction-nav .cardslider__nav-prev {
    position: absolute;
    width: 1.25rem;
    height: 1.25rem;
    border: none;
    display: inline-block;
    background: 0 0;
    cursor: pointer;
    font-size: 0;
    padding: 0
}

.cardNested .cardslider__direction-nav .cardslider__nav-next:focus,
.cardNested .cardslider__direction-nav .cardslider__nav-prev:focus,
.flashCardslider .cardslider__direction-nav .cardslider__nav-next:focus,
.flashCardslider .cardslider__direction-nav .cardslider__nav-prev:focus {
    outline: 0
}

.cardNested .cardslider__direction-nav .cardslider__nav-next:after,
.cardNested .cardslider__direction-nav .cardslider__nav-prev:after,
.flashCardslider .cardslider__direction-nav .cardslider__nav-next:after,
.flashCardslider .cardslider__direction-nav .cardslider__nav-prev:after {
    content: '';
    display: inline-block;
    position: relative;
    font-size: .75rem;
    height: 1.125rem;
    width: 1.125rem;
    background: url(../images/spritesheet.svg) no-repeat
}

.cardNested .cardslider__direction-nav .cardslider__nav-next,
.flashCardslider .cardslider__direction-nav .cardslider__nav-next {
    left: auto;
    right: 0;
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.cardNested .cardslider__direction-nav .cardslider__nav-next:after,
.flashCardslider .cardslider__direction-nav .cardslider__nav-next:after {
    background-position: -12.5625rem -13.6875rem
}

.cardNested .cardslider__direction-nav .cardslider__nav-prev,
.flashCardslider .cardslider__direction-nav .cardslider__nav-prev {
    right: auto;
    left: 0
}

.cardNested .cardslider__direction-nav .cardslider__nav-prev:after,
.flashCardslider .cardslider__direction-nav .cardslider__nav-prev:after {
    background-position: -12.5625rem -13.6875rem
}

.cardNested.listLineSlider,
.listLineSlider.flashCardslider {
    background: #fff;
    padding: 0 16px;
    z-index: 1
}

.cardNested.listLineSlider .cardslider__cards,
.listLineSlider.flashCardslider .cardslider__cards {
    position: relative
}

.cardNested.listLineSlider .cardslider__cards .cardslider__card,
.listLineSlider.flashCardslider .cardslider__cards .cardslider__card {
    position: relative;
    transform: scale(1) translate3d(0, 0, 0)
}

.cardNested.listLineSlider .cardslider__cards .cardslider__card .sliderCard,
.listLineSlider.flashCardslider .cardslider__cards .cardslider__card .sliderCard {
    position: relative;
    background: #fff;
    height: auto;
    border: 0
}

.cardNested.listLineSlider .cardslider__cards .cardslider__card .sliderCard:after,
.listLineSlider.flashCardslider .cardslider__cards .cardslider__card .sliderCard:after {
    content: '';
    position: absolute;
    margin: 0 auto;
    bottom: 0;
    left: 0;
    right: 0;
    height: 1px;
    width: 100%;
    background: #d8e3e9
}

.cardNested.listLineSlider .cardslider__cards .cardslider__card .sliderCard .slidableCard,
.listLineSlider.flashCardslider .cardslider__cards .cardslider__card .sliderCard .slidableCard {
    padding: 16px 0
}

.cardNested.listLineSlider .cardslider__cards .cardslider__card .sliderCard .slidableCard .slideTop,
.listLineSlider.flashCardslider .cardslider__cards .cardslider__card .sliderCard .slidableCard .slideTop {
    display: -ms-flexbox;
    display: flex
}

.cardNested.listLineSlider .cardslider__cards .cardslider__card .sliderCard .slidableCard .slideTop .slideImage,
.listLineSlider.flashCardslider .cardslider__cards .cardslider__card .sliderCard .slidableCard .slideTop .slideImage {
    width: 58px
}

.cardNested.listLineSlider .cardslider__cards .cardslider__card .sliderCard .slidableCard .slideTop .slideTitle,
.listLineSlider.flashCardslider .cardslider__cards .cardslider__card .sliderCard .slidableCard .slideTop .slideTitle {
    width: calc(100% - 58px);
    padding-left: 12px;
    font-size: 14px
}

.cardNested.listLineSlider .cardslider__cards .cardslider__card .sliderCard .slidableCard .cardContentBlock,
.listLineSlider.flashCardslider .cardslider__cards .cardslider__card .sliderCard .slidableCard .cardContentBlock {
    padding-bottom: 14px
}

.cardNested.listLineSlider .cardslider__cards .cardslider__card:first-child .sliderCard .slidableCard,
.listLineSlider.flashCardslider .cardslider__cards .cardslider__card:first-child .sliderCard .slidableCard {
    padding-top: 0
}

.cardNested.listLineSlider .cardslider__cards .cardslider__card.cardslider__card--index-0 .sliderCard,
.listLineSlider.flashCardslider .cardslider__cards .cardslider__card.cardslider__card--index-0 .sliderCard {
    background: #fff;
    border: 0
}

.cardNested.listLineSlider .cardslider__direction-nav,
.listLineSlider.flashCardslider .cardslider__direction-nav {
    display: none
}

.sliderCard {
    position: relative;
    height: 25rem;
    background: #f6f9fb;
    border: 1px solid #d8e3e9
}

.sliderCard .card.slidableCard {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative;
    height: 100%;
    padding: 1rem;
    border: 0;
    margin: 0;
    background: rgba(0, 0, 0, 0);
    z-index: 1;
    border-radius: 0;
    transition: all linear .16s
}

@media screen and (max-width:767px) {
    .sliderCard .card.slidableCard {
        padding: 2.625rem .9375rem;
        height: 100%
    }
}

.sliderCard .card.slidableCard .slideImage {
    position: relative;
    width: 100%;
    z-index: 2
}

.sliderCard .card.slidableCard .slideImage a {
    display: block
}

.sliderCard .card.slidableCard .slideImage a img {
    border: .0625rem solid red
}

@media screen and (max-width:767px) {
    .sliderCard .card.slidableCard .slideImage a {
        overflow: hidden;
        border-radius: 8px;
        display: inline-block;
        width: 100%;
        height: 100%
    }
}

@media screen and (min-width:768px) and (max-width:1199px) {
    .sliderCard .card.slidableCard .slideImage .ph-picture {
        height: 8.3125rem
    }
}

.sliderCard .card.slidableCard .cardContentBlock {
    height: 100%;
    overflow: hidden
}

.sliderCard .card.slidableCard .cardContentBlock .paraGraph {
    font-size: .75rem
}

.sliderCard .card.slidableCard .blog-span {
    font-size: .625rem;
    color: #8d959f
}

.flashCard {
    position: relative
}

.flashCard .flashCardNumber {
    position: absolute;
    bottom: .625rem
}

.flashCard .flashCardShortTitle {
    position: absolute;
    top: .625rem
}

.flashDropdown {
    position: absolute;
    top: .625rem;
    right: .9375rem
}

.flashDropdown .dropdown-toggle:after {
    display: none
}

.flashCardslider {
    width: 100%
}

.flashCardslider .cardslider__cards {
    width: 100%;
    height: 80%
}

.flashCardslider .card {
    height: 100%
}

.flashCardslider .cardslider__direction-nav {
    width: 100%;
    height: 2.5rem;
    bottom: 0;
    right: 0;
    padding: .3125rem 0;
    background: #fff;
    z-index: 10
}

.flashCardslider .cardslider__direction-nav .cardslider__nav-next {
    width: 6.25rem;
    height: 70%;
    position: absolute;
    left: auto;
    right: 0;
    border-radius: 1.5625rem;
    background: #fff;
    border: solid .125rem #2a9df5;
    text-indent: 0;
    color: #2a9df5;
    font-weight: 600;
    font-size: .875rem
}

.flashCardslider .cardslider__direction-nav .cardslider__nav-next:after {
    display: none
}

.flashCardslider .cardslider__direction-nav .cardslider__nav-prev {
    width: 6.25rem;
    height: 70%;
    position: absolute;
    left: 0;
    right: auto;
    border-radius: 1.5625rem;
    background: #fff;
    border: solid .125rem #2a9df5;
    text-indent: 0;
    color: #2a9df5;
    font-weight: 600;
    font-size: .875rem
}

.flashCardslider .cardslider__direction-nav .cardslider__nav-prev:after {
    display: none
}

.flashCardslider .flashContentProgress {
    position: absolute;
    bottom: .875rem;
    width: calc(100% - 240px);
    height: .75rem;
    overflow: hidden;
    border-radius: 25px;
    left: 7.5rem;
    z-index: 11
}

.gotoArticle {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 50
}

.detailedCardNotes {
    position: relative;
    border-top: .0625rem solid #d8e3e9;
    background-color: #f1faff
}

.cardNested.notesNested .cardslider__direction-nav,
.notesNested.flashCardslider .cardslider__direction-nav {
    width: calc(100% - 25px);
    right: auto;
    left: auto;
    bottom: 0;
    margin: 0 1.5625rem
}

.cardNested.notesNested .cardslider__direction-nav .cardslider__nav-prev,
.notesNested.flashCardslider .cardslider__direction-nav .cardslider__nav-prev {
    right: 30px;
    left: auto
}