#searchWrapper {
    z-index: 2;
    left: -1405px;
    width: 1437px;
}

#searchInner {
    left: 345px;
}

#searchIconWrapper {
    position: relative;
    float: left;
    width: 140px;
    height: 100%;
}

#searchIconCenter {
    bottom: 0;
    height: 370px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 1;
    /*background: rgba(0, 0, 0, 0) linear-gradient(-90deg, #ff328f 0%, #ff924b 100%);
    border: 10px solid #fff;
    border-radius: 50%;*/
    background-image: url(../..//images/720p/button_left_half.png);
    background-repeat: no-repeat;
    background-position: 0px center;
}

#searchIconCenter.focus,
#searchIconCenter:hover {
    background-position: -141px center;
}

#searchWrapper.visible #searchIcon {
    background-image: url(../..//images/720p/home_icon_close.png);
}

#searchIcon {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-image: url(../..//images/720p/home_icon_search.png);
    background-position: 20px center;
}

#search {
    position: relative;
    float: left;
    width: 1060px;
    height: 100%;
    z-index: 2;
}

#searchCenter {
    background: linear-gradient(135deg, #ffca01 0%,#ff5e3a 100%);
    border: 4px solid #fff;
    border-radius: 20px;
    bottom: 0;
    height: 500px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    padding: 13px 30px;
    overflow: hidden;
}

#searchOverlay {
    position: absolute;
    top: 0;
    left: -87px;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: -7px 50px;
}

#searchWrapper.visible #searchOverlay {
    background-image: url(../..//images/720p/shadow_search.png);
}

#searchInputWrapper {
    position: relative;
    float: left;
    width: 100%;
    height: 43px;
}

#searchInputCenter {
    position: relative;
    margin: auto;
    width: 433px;
    height: 100%;
    border-radius: 100px;
    background-color: #fff;
}

#searchInputIcon {
    position: absolute;
    top: 0;
    left: 0;
    width: 53px;
    height: 100%;
    background-image: url(../..//images/720p/search_icon_search.png);
    background-repeat: no-repeat;
    background-position: center center;
}

#searchLabel {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: table;
}

#searchLabel p {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    color: #000;
    font-size: 21px;
}

#searchValue {
    position: relative;
    float: left;
    width: 100%;
    height: 100%;
    text-align: center;
    font-size: 21px;
    color: #000;
    background: none;
    outline: none;
    border: none;
}

#searchKeys {
    position: relative;
    float: left;
    width: 100%;
    height: 33px;
    margin-top: 13px;
    z-index: 1;
}

#searchKeys .searchKey {
    position: relative;
    float: left;
    width: 33px;
    height: 100%;
    display: table;
    color: #fff;
}

#searchKeys .searchKey.focus,
#searchKeys .searchKey:hover {
    color: #000;
    background-color: #fff;
    border-radius: 7px;
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.75);
}

#searchKeys .searchKey p,
#searchKeys .searchKey p {
    display: table-cell;
    vertical-align: middle;
    font-size: 21px;
    text-align: center;
}

#searchKey_BACK:hover #searchKey_BACK_bg,
#searchKey_BACK.focus #searchKey_BACK_bg {
    background-position: -20px center !important;
}

#searchKey_BACK_bg {
    position: relative;
    width: 20px;
    height: 100%;
    background-image: url(../..//images/720p/search_icon_delete.png);
    background-repeat: no-repeat;
    background-position: 0 center;
    margin: auto;
}

#searchResultsWrapper {
    position: relative;
    float: left;
    width: 100%;
    height: 390px;
}

#searchResultsOverlay {
    position: absolute;
    bottom: -1px;
    left: -18px;
    width: 1026px;
    height: 23px;
    background-image: url(../..//images/720p/search_overlay_bottom_720.png);
}

#searchResultsNoInput, #searchResults {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#searchResults {
    left: -30px;
    top: -27px;
    padding-left: 27px;
    width: 106%;
    height: 106%;
    overflow: hidden;
}

#searchResults .contentWrapper {
    margin-top: -40px;
}

#searchResultsNoInputLeft {
    position: relative;
    float: left;
    width: 50%;
    height: 100%;
}

#searchCharacter {
    position: absolute;
    top: -60px;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
}

#searchCharacterBg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(../..//images/720p/home_background_character.png);
    background-repeat: no-repeat;
    background-position: right bottom;
}

#searchCharacterImg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(../..//images/720p/home_search_character.png);
    background-repeat: no-repeat;
    background-position: 223px 90px;
}

#searchResultsNoInputRight {
    position: relative;
    float: left;
    width: 50%;
    height: 100%;
    display: table;
    padding-right: 157px;
}

#searchResultsNoInputRight p {
    display: table-cell;
    vertical-align: middle;
    color: #fff;
    font-size: 23px;
}

#searchResults .contentTileWrapper {
    display: none;
}

#searchResults .contentWrapper .contentInner .contentCarousel .content {
    margin-left: 23px;
    width: 181px;
}

#searchResults .contentWrapper .contentInner .contentCarousel .content {
    margin-top: 80px;
}

#searchResults .contentWrapper .contentInner .contentCarousel .content.focus,
#searchResults .contentWrapper .contentInner .contentCarousel .content:hover {
    width: 200px !important;
    margin-top: 63px !important;
}

#searchResults .contentWrapper .contentInner .contentCarousel .content .contentBoxShadow,
#searchResults .contentWrapper .contentInner .contentCarousel .content .contentBoxShadow {
    background-size: 549px;
    left: -37px;
    width: 140%;
    background-position: -11px -7px;
    top: -21px;
    height: 323px;
}

#searchResults .contentWrapper .contentInner .contentCarousel .content.focus .contentBoxShadow,
#searchResults .contentWrapper .contentInner .contentCarousel .content:hover .contentBoxShadow {
    background-position: -283px -5px;
    height: 387px;
}

#searchResults .contentWrapper .contentInner .contentCarousel .content .contentImageWrapper {
    height: 271px;
    background-color: #fff;
}

#searchResults .contentWrapper .contentInner .contentCarousel .content.focus .contentImageWrapper, 
#searchResults .contentWrapper .contentInner .contentCarousel .content:hover .contentImageWrapper {
    height: 303px;
}

#searchResults .contentWrapper .contentInner .contentCarousel .content .contentNameWrapper {
    display: none;
}

#searchResults .contentWrapper .contentInner .contentCarousel .content.focus .contentNameWrapper, 
#searchResults .contentWrapper .contentInner .contentCarousel .content:hover .contentNameWrapper {
    display: table;
}