body {
    word-wrap: break-word;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    text-size-adjust: 100%
}

a {
    color: inherit;
    text-decoration: none
}

.embed-responsive.video,.embed-responsive.video-embed-responsive {
    height: auto;
}

.embed-responsive.embed-responsive-16by9.video,.embed-responsive.embed-responsive-4by3.video,.embed-responsive.embed-responsive-16by9.video-embed-responsive,.embed-responsive.embed-responsive-4by3.video-embed-responsive {
    padding-bottom: 0;
}

.slick-slider *,.slick-arrow ,.slick-dots button {
    outline: 0;
}

.banner img {
    width: 100%;
}

.fb_iframe_widget iframe {
    left: 0;
}

.abcRioButtonBlue {
    text-align: center;
    margin: auto
}

.youtubecontent iframe {
    width: 100%!important
}

.youtubecontent_box {
    display: inline-block;
    width: 100%;
}

.youtubecontent {
    position: relative;
    height: 0;
    overflow: hidden;
    padding-bottom: 56.25%
}

.youtubecontent iframe,.youtubecontent object,.youtubecontent embed {
    box-sizing: border-box;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.site-title {
    margin: 0
}

.wrapper {
    overflow: hidden
}

.container {
    position: relative;
    margin: 0 auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.container:after,.list-h:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: ' ';
    clear: both;
    height: 0
}

.list-v ul ,.list-h ul , .list-inline ul {
    list-style-type: disc;
}

.list-v ul ul,.list-h ul ul, .list-inline ul ul {
    list-style-type: circle;
}

.list-v ul ul ul,.list-h ul ul ul, .list-inline ul ul ul {
    list-style-type: square;
}

.list-inline,.list-h,.list-v ,ul.gomember-list {
    margin: 0;
    padding: 0;
    list-style-type: none
}

ul.cart-list {
    padding: 0;
    list-style-type: none
}

.menu,.menu ul,.menu ul ul,.menu ul ul ul,.side-nav,.side-nav ul,.side-nav ul ul,.side-nav ul ul ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.list-inline > li,.list-inline .item {
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    list-style-type: none;
}

.list-inline > li a,.list-inline .item a {
    display: inline-block;
    position: relative
}

.list-h > li,.list-h .item {
    float: left;
    box-sizing: border-box;
    list-style-type: none;
}

.list-h > li a,.list-h .item a,.list-v li a {
    display: block;
    position: relative
}

.pic {
    text-align: center;
    margin: 0;
    padding: 0
}

.pic.full img {
    width: 100%
}

.slick-item + .slick-item {
    position: absolute;
    top: 0;
    left: 0;
    visibility: hidden
}

.ic {
    display: inline-block
}

.icon {
    text-indent: 101%;
    white-space: nowrap;
    overflow: hidden;
    text-align: left;
    display: inline-block;
    vertical-align: middle;
    background-repeat: no-repeat
}

.btn,.ibtn {
    display: inline-block;
    zoom: 1;line-height: normal;
    white-space: nowrap;
    vertical-align: middle;
    text-align: center;
    cursor: pointer;
    border: none;
    padding: 0;
    background: none;
    -webkit-user-drag: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    box-sizing: border-box
}

.btn::-moz-focus-inner,.ibtn::-moz-focus-inner {
    padding: 0;
    border: 0
}

.btn:focus,.ibtn:focus {
    outline: none
}

.ibtn {
    text-indent: -9999px;
    white-space: nowrap;
    overflow: hidden;
    text-align: left;
    background-repeat: no-repeat;
    padding: 0!important;
    transition: none
}

.ibtn:hover {
    background-position: 0 100%
}

.table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    word-break: break-all
}

.checked.form-radio:before,.checked .form-checkbox:before {
    background-position: 0 100%
}

.mmenu-show .side {
    /*display: none*/
}

.mmenu-show .has-side .content {
    width: auto;
    float: none
}

.toggle-mmenu,.toggle-mmenu-cover,#mobile-menu,#mobile-fixed,#member-box,#mobile-search,#language-box {
    display: none
}

.mmenu-show .toggle-mmenu-cover {
    position: fixed;
    z-index: 600;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background: rgba(0,0,0,0.85);
    display: none
}

.mmenu-show.mmenu-open .toggle-mmenu-cover {
    display: block
}

.mmenu-show .toggle-mmenu-close {
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-size: 28px;
    position: absolute;
    right: 5px;
    top: 5px
}

.mmenu-show .toggle-mmenu-close i {
    vertical-align: baseline
}

.mmenu-show.mmenu-open {
    overflow: hidden;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.mmenu-show .wrapper {
    padding-top: 40px;
    position: relative;
    left: 0;
    transition: all .3s ease
}

.mmenu-show.mmenu-open .wrapper {
    left: 300px
}

.mmenu-show #mobile-menu {
    display: block;
    position: fixed;
    width: 300px;
    left: -300px;
    top: 0;
    bottom: 0;
    z-index: 1000;
    line-height: 1.6;
    background: #eeeeee;
    transition: all .3s ease
}

.mmenu-show.mmenu-open #mobile-menu {
    left: 0
}

.mmenu-show.mmenu-open #mobile-fixed {
    left: 300px;
    right: -300px
}

.mmenu-show #mobile-menu .main-menu {
    position: absolute;
    top: 40px;
    bottom: 40px;
    right: 0;
    left: 0;
    background: #eee;
    overflow-x: hidden;
    overflow-y: auto
}

.mmenu-show #mobile-menu .menu {
    display: block
}

.mmenu-show #mobile-menu .menu li {
    position: relative;
    float: none;
    display: block
}

.mmenu-show #mobile-menu .menu li a {
    display: block;
    padding: 10px 30px;
    border-bottom: 1px solid #ddd;
    color: #666
}

.mmenu-show #mobile-menu .menu ul {
    display: none
}

.mmenu-show #mobile-menu .menu ul li a {
    padding-left: 40px;
    background: #fff
}

.mmenu-show #mobile-menu .menu ul ul li a {
    padding: 5px 30px 5px 55px;
    background: none;
    color: #666;
    border-bottom: 0
}

.mmenu-show #mobile-menu .menu .m-hide {
    display: none!important
}

.mmenu-show #mobile-menu .menu li.has-child > a {
    padding-right: 45px
}

.mmenu-show #mobile-menu .menu li.has-child > .toggle-submenu {
    position: absolute;
    right: 0;
    top: 0;
    width: 44px;
    height: 44px;
    line-height: 44px;
    text-align: center;
    font-size: 15px;
    color: #bbb;
    cursor: pointer
}

.mmenu-show #mobile-menu .menu li.has-child > .toggle-submenu:before {
    content: '\f067';
    display: inline-block;
    font-family: 'icon-font'!important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.mmenu-show #mobile-menu .menu li.has-child.active > .toggle-submenu:before {
    content: '\f068'
}

.mmenu-show #mobile-menu .main-menu .side-title {
    display: none
}

.mmenu-show #mobile-menu .side-nav,.mmenu-show #mobile-menu .side-nav-top,.mmenu-show #mobile-menu .content-nav {
    line-height: 1.4;
    background: none;
    padding: 0
}

.mmenu-show #mobile-menu .side-nav,.mmenu-show #mobile-menu .content-nav {
    padding-bottom: 2px;
    border-bottom: 1px solid #ddd
}

.mmenu-show #mobile-menu .side-nav-top {
    padding: 15px 30px;
    display: block;
    margin-bottom: 0;
    border-bottom: 1px solid #ddd
}

.mmenu-show #mobile-menu .side-nav li,.mmenu-show #mobile-menu .content-nav li {
    position: relative
}

.mmenu-show #mobile-menu .side-nav li a,.mmenu-show #mobile-menu .content-nav li a {
    padding: 12px 30px;
    margin: 0;
    text-decoration: none
}

.mmenu-show #mobile-menu .side-nav > li,.mmenu-show #mobile-menu .content-nav > li {
    padding: 0;
    border-bottom: 1px solid #ddd
}

.mmenu-show #mobile-menu .side-nav > li > a,.mmenu-show #mobile-menu .content-nav > li > a {
    background: none;
    color: #333;
    font-size: 16px;
    font-weight: 700
}

.mmenu-show #mobile-menu .side-nav > li > a:hover,.mmenu-show #mobile-menu .content-nav > li > a:hover {
    text-decoration: none
}

.mmenu-show #mobile-menu .side-nav > li > a:before,.mmenu-show #mobile-menu .content-nav > li > a:before {
    display: none
}

.mmenu-show #mobile-menu .side-nav > li.has-child:after,.mmenu-show #mobile-menu .content-nav > li.has-child:after {
    content: '\f078';
    font-family: 'icon-font'!important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    right: 20px;
    top: 12px;
    pointer-events: none
}

.mmenu-show #mobile-menu .content-nav li.has-child > .toggle-submenu:before {
    display: none
}

.mmenu-show #mobile-menu .side-nav > li.has-child > a,.mmenu-show #mobile-menu .content-nav > li.has-child > a {
    padding-right: 40px
}

.mmenu-show #mobile-menu .side-nav > li.active,.mmenu-show #mobile-menu .content-nav > li.active {
    background: #fff
}

.mmenu-show #mobile-menu .side-nav ul,.mmenu-show #mobile-menu .content-nav ul {
    display: none;
    padding: 0 0 15px
}

.mmenu-show #mobile-menu .side-nav ul li a,.mmenu-show #mobile-menu .content-nav ul li a {
    border: 0;
    background: none;
    color: #777;
    font-size: 14px;
    padding: 8px 30px
}

.mmenu-show #mobile-menu .side-nav ul li.active > a:before,.mmenu-show #mobile-menu .content-nav ul li.active > a:before {
    top: 7px;
    left: 10px
}

.mmenu-show #mobile-menu .side-nav-top > li {
    border-bottom: 0
}

.mmenu-show #mobile-menu .side-nav-top > li a:before {
    content: '';
    display: block;
    width: 2px;
    height: 2px;
    border: 2px solid;
    position: absolute;
    left: -15px;
    top: 11px
}

.mmenu-show #mobile-menu .side-nav-top > li > a {
    background: none;
    color: #444;
    padding: 6px 0;
    font-weight: 400
}

.mmenu-show #mobile-menu .search-box {
    position: relative;
    right: 0;
    bottom: 0;
    display: block;
    margin: 0 15px
}

.mmenu-show #mobile-menu .share-menu {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    background: #fff;
    z-index: 1100;
    margin: 0;
    border-top: 1px solid #ddd;
    text-align: center
}

.mmenu-show #mobile-menu .share {
    position: static;
    margin: 5px 0;
    display: inline-block
}

.mmenu-show #mobile-menu .share .btn {
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-size: 17px;
    margin: 0 4px
}

.mmenu-show #mobile-menu .share .btn .ic {
    margin-bottom: 2px
}

.mmenu-show #mobile-menu .language-menu {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    background: #333;
    color: #aaa;
    height: 40px;
    line-height: 20px
}

.mmenu-show #mobile-menu .language {
    padding: 5px 40px 5px 10px
}

.mmenu-show #mobile-menu .language .btn {
    display: none
}

.mmenu-show #mobile-menu .language ul li {
    display: inline-block;
    vertical-align: top
}

.mmenu-show #mobile-menu .language ul li+li:before {
    content: '| '
}

.mmenu-show #mobile-menu .language ul li a {
    padding: 5px
}

.mmenu-show #mobile-menu .language ul li a:hover {
    color: #fff
}

.mmenu-show #mobile-fixed {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 500;
    transition: all .3s ease
}

.mmenu-show #mobile-fixed span {
    display: block;
    text-align: center;
    line-height: 40px;
    position: relative;
    padding: 0
}

.mmenu-show #mobile-fixed ul {
    display: table;
    width: 100%;
    table-layout: fixed;
    border-bottom: 1px solid;
    margin: 0;
    padding: 0;
    list-style-type: none
}

.mmenu-show #mobile-fixed li {
    display: table-cell;

    border-width: 1px 1px 0;
    color: #fff;
    font-size: 28px
}

.mmenu-show #mobile-fixed a {
    display: block;
    text-align: center;
    line-height: 40px;
    position: relative
}

.mmenu-show #mobile-fixed li i {
    vertical-align: middle;
    margin: 0 auto 0px
}

.mmenu-show #mobile-fixed .qty {
    position: absolute;
    top: 2px;
    left: 54%;
    display: inline-block;
    color: #fff;
    font-size: 12px;
    letter-spacing: 0;
    background: #333;
    line-height: 20px;
    padding: 0 4px;
    min-width: 20px;
    border-radius: 10px;
    box-sizing: border-box
}

.mmenu-show #mobile-search {
    display: block;
    position: fixed;
    z-index: 800;
    top: -41px;
    left: 0;
    right: 0;
    padding: 6px;
    transition: all .3s ease
}

.mmenu-show #mobile-search.active {
    top: 41px
}

.mmenu-show #mobile-search .search-box {
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    width: auto;
    display: block;
    margin: 0;
    padding: 0
}

.mmenu-show #mobile-search .form-control {
    margin: 0;
    background: #fff;
    border: 0;
    height: 30px;
    line-height: 30px;
    padding-right: 40px;
    padding-left: 10px;
    border-radius: 5px
}

.mmenu-show #mobile-search .btn.search {
    width: 30px;
    height: 30px;
    line-height: 30px;
    position: absolute;
    right: 0;
    top: 0
}

.mmenu-show #mobile-search .ibtn.search {
    background-image: url(https://design.sharedh.com/img/mobile_search_btn.svg);
    width: 30px;
    height: 30px;
    position: absolute;
    right: 0;
    top: 0
}

.no-svg .mmenu-show #mobile-search .ibtn.search {
    background-image: url(https://design.sharedh.com/img/mobile_search_btn.svg)
}

.mmenu-show #member-box,.mmenu-show #language-box {
    display: block;
    position: fixed;
    z-index: 800;
    top: 110px;
    left: 0;
    right: 0;
    color: #fff;
    max-height: 0;
    overflow: hidden;
    text-align: center;
    transition: all .3s ease
}

.mmenu-show #member-box.active,.mmenu-show #language-box.active {
    max-height: 500px
}

.mmenu-show #member-box li,.mmenu-show #language-box li {
    border-bottom: 1px solid
}

.mmenu-show #member-box li a,.mmenu-show #language-box li a {
    display: block;
    padding: 6px 10px;
    font-size: 16px
}

.mmenu-show #member-box .qty {
    display: inline-block;
    background: #fff;
    font-size: 12px;
    color: #333;
    font-weight: 700;
    padding: 0 6px;
    border-radius: 5px
}

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

@-webkit-keyframes bounceInDown {
    from,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(0.215,0.610,0.355,1.000);
        animation-timing-function: cubic-bezier(0.215,0.610,0.355,1.000)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-3000px,0);
        transform: translate3d(0,-3000px,0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0,25px,0);
        transform: translate3d(0,25px,0)
    }

    75% {
        -webkit-transform: translate3d(0,-10px,0);
        transform: translate3d(0,-10px,0)
    }

    90% {
        -webkit-transform: translate3d(0,5px,0);
        transform: translate3d(0,5px,0)
    }

    to {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes bounceInDown {
    from,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(0.215,0.610,0.355,1.000);
        animation-timing-function: cubic-bezier(0.215,0.610,0.355,1.000)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-3000px,0);
        transform: translate3d(0,-3000px,0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0,25px,0);
        transform: translate3d(0,25px,0)
    }

    75% {
        -webkit-transform: translate3d(0,-10px,0);
        transform: translate3d(0,-10px,0)
    }

    90% {
        -webkit-transform: translate3d(0,5px,0);
        transform: translate3d(0,5px,0)
    }

    to {
        -webkit-transform: none;
        transform: none
    }
}

.bounceInDown {
    -webkit-animation-name: bounceInDown;
    animation-name: bounceInDown
}

@media screen and (max-width: 1000px) {
    .youtubecontent_box {
        width:100%!important;
    }
}

@media screen and (max-width: 400px) {
    .mmenu-show #mobile-menu {
        width: 100%;
        left: -100%
    }

    .mmenu-show.mmenu-open #mobile-fixed {
        left: 100%;
        right: -100%
    }

    .mmenu-show.mmenu-open .wrapper {
        left: 100%
    }
}