﻿.SU_topSearchesUl li {
    color: #1f65b4;
    display: inline;
    font-size: 12px;
    list-style: none;
    margin-left: 8px;
}

.SU_TS_mainCont.zd_w_with_last_ad .SU_topSearchesUl li {
    margin-left: 0
}

.SU_TS_mainCont .border {
    border-left: 1px solid #ccc;
    padding-right: 8px;
}

.SU_TS_mainCont .SU_head {
    display: inline-block;
    float: left;
    font-family: Arial, serif;
    font-weight: bold;
    margin: 15px 0 15px 0;
}

.SU_topSearchesUl {
    display: inline;
    margin: 0;
    overflow: hidden;
    padding: 9px 0;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.SU_TS_mainCont .clearfix:after {
    clear: both;
    content: " ";
    display: block;
    font-size: 0;
    height: 0;
    visibility: hidden;
}

.SU_TS_mainCont .innerWrap {
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #ccc;
    height: 48px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.SU_TS_mainCont.Visual .innerWrap {
    height: auto;
    border-bottom: 0;
    border-top: 0;
}

.SU_TS_mainCont .clearfix {
    display: block;
}

.SU_TS_mainCont .SU_TopSearches {
    cursor: pointer;
}

.SU_TS_mainCont {
    font-family: Georgia, Times, "Times New Roman", serif;
    font-size: 12px;
    letter-spacing: 0;
    margin: 0 0 16px;
    min-height: 45px;
    width: 100%;
}

    .SU_TS_mainCont.SU_W_mobile_v:not(.Visual) .SU_head {
        border-bottom: 1px solid #ccc;
        float: none;
        margin: 15px 0 0 0;
        padding-bottom: 15px;
        text-align: center;
        width: 100%;
    }

    .SU_TS_mainCont.SU_W_mobile_v .SU_topSearchesUl {
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        display: -webkit-box;
        text-align: center;
        white-space: normal;
        width: 100%;
    }

    .SU_TS_mainCont.SU_W_mobile_v .innerWrap {
        border-top: 0;
        height: 90px;
    }

    .SU_TS_mainCont .TSads {
        border: none;
        display: inline-block;
        max-height: 48px;
        overflow: hidden;
        width: 200px;
    }

    .SU_TS_mainCont.SU_W_mobile_v .TSads {
        max-height: 32px;
    }

    .SU_TS_mainCont .zd_w_last_ad,
    .SU_TS_mainCont.zd_w_with_last_ad .SU_topSearchesUl li.zd_w_last_ad {
        height: 48px;
        overflow: hidden;
        padding-left: 8px;
        position: absolute;
        right: 0;
        top: 0;
    }

    .SU_TS_mainCont.zd_w_with_last_ad .SU_topSearchesUl li.zd_li_wrap.zd-extct {
        overflow: hidden;
    }

        .SU_TS_mainCont.zd_w_with_last_ad .SU_topSearchesUl li.zd_li_wrap.zd-extct > iframe {
            max-height: 100%;
            max-width: 100%;
        }

    .SU_TS_mainCont.zd_w_with_last_ad {
        position: relative;
        z-index: 501;
    }

        .SU_TS_mainCont.zd_w_with_last_ad .SU_head {
            display: inline-block;
            float: left;
            margin: 13px 0;
        }

    .SU_TS_mainCont.Visual.zd_w_with_last_ad .innerWrap > .SU_head {
        display: none;
        float: none;
    }

    .SU_TS_mainCont.zd_w_with_last_ad .SU_topSearchesUl {
        display: block;
        height: 48px;
        padding: 0;
        margin:0;
        padding-left: 8px;
    }
    .SU_TS_mainCont.Visual .SU_topSearchesUl {
        overflow:initial;
    }
    .SU_TS_mainCont.Visual.zd_w_with_last_ad .SU_topSearchesUl {
        padding: 0;
        margin: 0;
        list-style-type: none;
        list-style-position: inherit;
        list-style-image: inherit;
        display: -webkit-box;
    }

    .SU_TS_mainCont.zd_w_with_last_ad .border {
        height: 15px;
        left: 0;
        margin: 16px 0;
        position: absolute;
        top: 0;
    }

    .SU_TS_mainCont.Visual.zd_w_with_last_ad .SU_topSearchesUl li {
        text-align: center;
        font-size: 18px;
        background: #fff;
        display: block;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
        background: transparent;
    }

    .SU_TS_mainCont.zd_w_with_last_ad .SU_topSearchesUl li {
        display: inline-block;
        float: left;
        height: 48px;
        position: relative;
        text-align: left;
    }
    .SU_TS_mainCont .zd-textual-wrap {
        text-align:center;
    }
    .SU_TS_mainCont.zd_w_with_last_ad .SU_topSearchesUl li .SU_TopSearches {
        display: block;
        line-height: 15px;
        margin: 16px 0px;
        padding: 0 8px;
    }

        .SU_TS_mainCont.zd_w_with_last_ad .SU_topSearchesUl li .zd_sp_adnf {
            height: 48px;
        }

    .SU_TS_mainCont.SU_W_mobile_v.zd_w_with_last_ad .SU_head {
        display: block;
        float: none;
        margin: 15px 0 0 0;
    }

    .SU_TS_mainCont.SU_W_mobile_v.zd_w_with_last_ad .SU_topSearchesUl li {
        height: 46px;
    }

    .SU_TS_mainCont.SU_W_mobile_v.zd_w_with_last_ad .zd_w_last_ad {
        bottom: 0;
        top: auto;
    }

    .SU_TS_mainCont.SU_W_mobile_v.zd_w_with_last_ad .TSads {
        max-height: 46px;
    }

    .SU_TS_mainCont.SU_W_mobile_v .zd_w_last_ad {
        height: 43px;
    }

    .SU_TS_mainCont.SU_W_mobile_v.zd_w_with_last_ad .SU_topSearchesUl {
        display: inline-block;
        height: 43px;
        margin-left: 0px;
        padding-left: 0;
        white-space: nowrap;
        width: 100%;
    }

    .SU_TS_mainCont.rtl.zd_w_with_last_ad .SU_head {
        direction: rtl;
        float: right;
    }

    .SU_TS_mainCont.rtl.zd_w_with_last_ad .SU_topSearchesUl {
        display: block;
        float: right;
        padding: 0;
        padding-right: 8px;
    }

    .SU_TS_mainCont.rtl.Visual.zd_w_with_last_ad .SU_topSearchesUl {
        padding-right: 0;
    }
        .SU_TS_mainCont.rtl.SU_W_mobile_v.zd_w_with_last_ad .SU_topSearchesUl {
        display: block;
        float: right;
        padding: 0;
        padding-left: 8px;
    }

    .SU_TS_mainCont.rtl .border {
        border: 0;
        border-right: 1px solid #ccc;
        padding: 0;
        padding-left: 8px;
    }

    .SU_TS_mainCont.rtl.zd_w_with_last_ad .border {
        left: auto;
        right: 0;
    }

    .SU_TS_mainCont.rtl .zd_w_last_ad,
    .SU_TS_mainCont.rtl.zd_w_with_last_ad .SU_topSearchesUl li.zd_w_last_ad {
        left: 0;
        padding-left: 0;
        padding-right: 8px;
        right: auto;
    }

    .SU_TS_mainCont.rtl .innerWrap {
        direction: rtl;
    }

    .SU_TS_mainCont.rtl.SU_W_mobile_v.zd_w_with_last_ad .border {
        left: 0;
        right: auto;
    }

    .SU_TS_mainCont.rtl.SU_W_mobile_v .border {
        border: 0;
        border-left: 1px solid #ccc;
        padding: 0;
        padding-left: 8px;
    }

    .SU_TS_mainCont.Visual .SU_topSearchesUl {
        height: auto;
    }

    .SU_TS_mainCont.Visual .SU_W_mobile_v.zd_w_with_last_ad .SU_topSearchesUl li {
        height: 112.5px;
        float: left;
        padding-left: 0;
    }
/*
@font-face {
    font-family: 'OpenSans-Semibold';
    src: url('http://suwidget5-visualts.azurewebsites.net/Content/3.0/widget-fonts/fonts-open-sans/OpenSans-Semibold.ttf') format('truetype');
}
@font-face {
    font-family: 'OpenSans-Regular';
    src: url('http://suwidget5-visualts.azurewebsites.net/Content/3.0/widget-fonts/fonts-open-sans/OpenSans-Regular.ttf') format('truetype');
}
 */
@import url("https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css");

.SU_TS_mainCont.Visual .zoomd-search-item-mask {
    -moz-box-sizing: border-box;
    -ms-opacity: 0.7;
    -webkit-box-sizing: border-box;
    background-color: #000;
    border: none;
    box-sizing: border-box;
    color: #cccccc;
    display: block;
    font-family: Open Sans Regular;
    font-size: 16px;
    height: 100%;
    opacity: 0.7;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    vertical-align: middle;
    width: 33%;
    z-index: 111;
    line-height: 24.74px;
}

.SU_TS_mainCont.Visual.zd_w_with_last_ad .SU_head {
    margin: 12px 0;
}

.SU_TS_mainCont.Visual .SU_head {
    font-family: Open Sans Semibold;
    font-size: 16px;
    color: #043556;
    padding-left: 1px;
}

.SU_TS_mainCont.Visual .zoomd-search-item-mask-content {
    display: inline-block;
}

    .SU_TS_mainCont.Visual .zoomd-search-item-mask-content > span {
        display: block;
        padding-bottom: 10px;
        line-height: 16px;
    }

.SU_TS_mainCont.Visual .zoomd-search-item-mask img {
    text-align: center;
    width: 50%;
}

.SU_TS_mainCont.Visual li .zoomd-visual-item-wrapper {
    height: 70%;
    overflow: hidden;
    position: relative;
}

.SU_TS_mainCont.Visual li .zoomd-visual-item-wrapper  > a > img {
    margin-top:0;
}
.SU_TS_mainCont.Visual li .zoomd-visual-search-icon {
    color: #043556;
    font-size: 14px;
    line-height: 30px;
}

.SU_TS_mainCont.Visual {
    display:inline;
    margin: 12px 0 0;
    overflow: hidden;
    padding: 0;
    position: relative;
    width: 100%;
}

    .SU_TS_mainCont.Visual li {
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        float: left;
        height: 50%;
        margin: 0 0;
        position: relative;
        width: 100%;
    }

    .SU_TS_mainCont.Visual .zoomd-visual-item-wrapper .zoomd-search-item-mask {
        -moz-box-sizing: border-box;
        -ms-opacity: 0.7;
        -webkit-box-sizing: border-box;
        background-color: #000;
        border: none;
        box-sizing: border-box;
        color: #cccccc;
        display: table;
        font-family: Open Sans Regular;
        font-size: 16px;
        height: 100%;
        opacity: 0.7;
        position: absolute;
        right: -1px;
        text-align: center;
        top: -1px;
        vertical-align: middle;
        width: 33%;
        z-index: 111;
        height: calc(100% + 2px);
    }

.zoomd-visual-item-title {
    color: #333333;
    font-family: 'OpenSans-Regular';
    font-size: 13px;
    line-height: 16px;
    margin-left: 9px;
    margin-right: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: calc(100% - 22px);
    display: inline-block;
    vertical-align: middle;
}
.rtl .zoomd-visual-item-title {
    margin-right: 9px;
    margin-left: 0;
    text-align: right;
    direction: rtl;
}
    .SU_TS_mainCont.SU_W_mobile_v.Visual.zd_w_with_last_ad .SU_topSearchesUl {
    padding: 0;
    display: block;
}

.SU_TS_mainCont.Visual.zd_w_with_last_ad .SU_topSearchesUl li {
    text-align: left;
    overflow: hidden;
    margin-bottom: 20px;
    /*height: 114px;*/
    cursor: pointer;
}

.SU_TS_mainCont .zd-header-wrap.clearfix,
.SU_TS_mainCont .zd-header-wrap {
    display: none;
}

.SU_TS_mainCont.Visual .zd-header-wrap.clearfix,
.SU_TS_mainCont.Visual .zd-header-wrap {
    display: block;
}

.SU_TS_mainCont.Visual .arrow-box {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    float: right;
    text-align: right;
    margin: 12px 0;
}

.SU_TS_mainCont.Visual.SU_W_mobile_v .arrow-box {
    display: none;
}

    .SU_TS_mainCont.Visual.SU_W_mobile_v .arrow-box .zoomd-visual-search-arrow,
    .SU_TS_mainCont.Visual.SU_W_mobile_v .arrow-box .zoomd-visual-search-arrow.left {
        width: 50%;
        float: left;
        text-align: center;
        margin: 0;
    }

.SU_TS_mainCont.Visual .arrow-box .zoomd-visual-search-arrow {
    color: #666666;
    font-size: 22px;
}

    .SU_TS_mainCont.Visual .arrow-box .zoomd-visual-search-arrow.left {
        margin-right: 15px;
    }

.SU_TS_mainCont.Visual.rtl .arrow-box .zoomd-visual-search-arrow.left {
    margin-right: 0;
}

    .SU_TS_mainCont.Visual.rtl .arrow-box .zoomd-visual-search-arrow.right.fa-chevron-left {
        margin-right: 15px;
    }


.SU_TS_mainCont.Visual .arrow-box .zoomd-visual-search-arrow:hover {
    color: #043556;
    cursor: pointer;
}

    .SU_TS_mainCont.Visual .arrow-box .zoomd-visual-search-arrow.disabled {
        color: #cccccc;
    }

.zdsl-hide {
    display: none !important;
}

.SU_TS_mainCont.SU_W_mobile_v.Visual.zd_w_with_last_ad .SU_topSearchesUl li,
.SU_TS_mainCont.Visual .innerWrap,
.SU_TS_mainCont.Visual.SU_W_mobile_v .innerWrap {
    height: auto;
}

.SU_TS_mainCont.Visual.zd_w_with_last_ad .SU_topSearchesUl li {
    /*max-width:270px;
    min-width:140px;
    height: auto;*/
    padding: 0 !important;
}

    .SU_TS_mainCont.Visual.zd_w_with_last_ad .SU_topSearchesUl li.zd-extrct {
        max-height: 100%;
    }

        .SU_TS_mainCont.Visual.zd_w_with_last_ad .SU_topSearchesUl li.zd-extrct > iframe {
            max-width: 100%;
        }

.SU_TS_mainCont.Visual.SU_W_mobile_v .innerWrap {
    height: auto;
}

.SU_TS_mainCont.Visual .zd-footer {
    width: 100%;
    margin: 25px 0;
    position: relative;
    margin-top: 20px;
}

    .SU_TS_mainCont.Visual .zd-footer .zd-ts-text {
        position: absolute;
        top: -8px;
        right: 50px;
        font-family: OpenSans-Regular;
        font-size: 10px;
        color: #999;
        line-height: 16px;
    }

.SU_TS_mainCont.Visual.SU_W_mobile_v .zd-footer {
    height: 40px;
    margin: 10px 0;
}

    .SU_TS_mainCont.Visual.SU_W_mobile_v .zd-footer .zd-ts-text {
        top: 17px;
        left: 0;
        right: auto;
    }

    .SU_TS_mainCont.Visual.SU_W_mobile_v .zd-footer .zd-ts-logo {
        top: 10px;
        left: 57px;
        right: auto;
    }

    .SU_TS_mainCont.Visual.SU_W_mobile_v .zd-footer .zd-footer-border {
        width: 100%;
    }

.SU_TS_mainCont.Visual .zd-footer .zd-footer-border {
    border-top: 1px solid #ccc;
    width: calc(100% - 110px);
}

.SU_TS_mainCont.Visual.zd_w_with_last_ad.SU_W_mobile_v .SU_head {
    text-align: left;
}

.SU_TS_mainCont.Visual .zd-footer .zd-ts-logo {
    position: absolute;
    top: -13px;
    right: 0px;
    margin: 0;
    width: 96px;
    height: 30px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.SU_TS_mainCont.Visual.zd_w_with_last_ad .SU_topSearchesUl li img {
    max-width: 100%;
}

.SU_TS_mainCont.Visual .zoomd-visual-item-wrapper .zoomd-search-item-mask > span {
    vertical-align: middle;
    display: table-cell;
}

.SU_TS_mainCont.Visual .zoomd-visual-item-wrapper .zoomd-search-item-mask-wrapfix {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-position: center;
    background-size: cover;
}

.zd-noselect {
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}

.SU_TS_mainCont.rtl.Visual.zd_w_with_last_ad .SU_topSearchesUl {
    float: none;
}

.SU_TS_mainCont.Visual.rtl .arrow-box {
    float: left;
    direction: ltr;
}

.SU_TS_mainCont.Visual.rtl .zd-footer .zd-ts-text {
    left: 60px;
    right: auto;
}

.SU_TS_mainCont.Visual.rtl .zd-footer .zd-ts-logo {
    left: 10px;
    right: auto;
}
.zd-popup-ts {
    width: 100%;
    height: 308px;
    display: none;
    position: absolute;
    background-color: rgb(233, 233, 233);
    top: -308px;
}

.zd-popup-ts.shown {
    display: block;
}
.zd-popup-ts-header {
    width: 100%;
    height: 34px;
    padding-left: 8px;
}
.zd-popup-ts-header h2 {
    margin: 8px 0 0 0px;
}
.zd-popup-ts-content {
    display: flex;
    flex-direction: row;
    text-align: center;
    align-items: center;
    justify-content: center;
    min-height: 228px;
}
.zd-popup-ts-result:first-child {
    margin-left: 8px;
}
.zd-popup-ts-result {
    height: 258px;
    background-color: #fff;
    display: inline-block;
    margin-right: 8px;
}
.zd-popup-ts-content-wrap {
    padding: 3px 3px 4px 3px;
    text-align:left;
}
.zd-popup-ts-content-img {
    height: 139px;
    width: 100%;
}
.zd-popup-ts-text-wrap {
    padding: 0 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    position: relative;
    word-wrap: break-word;
    padding-bottom: 40px;
    height: 69px;
}
.zd-popup-ts-result-title {
    font-size: 14px;
    color: #000;
    background-color: transparent;
    font-weight: 600;
    display: inline-block;
    line-height: 18px;
    white-space: normal;
    max-height: 54px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    margin:0;
    padding-top:10px;
}
.zd-popup-result-subTitle {
    font-size: 11px;
    line-height: 18px;
    padding: 3px 0;
    color: #0066cc;
    background-color: transparent;
    white-space: normal;
    overflow: hidden;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    max-height: 22px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    max-width: 100%;
}
.zd-popup-result-url {
    cursor: pointer;
    color: #0066cc;
    font-size: 14px;
    text-decoration: none;
    display: block;
    position: absolute;
    bottom: 0;
}
