img {
    max-width: 100%
}

#embedComment li{
    list-style: none;
}
.imgBrand img, .imgWrp img, .lstNewsContent > a img, .magazineContent ul li .mgImage img {
    -moz-transition: all .6s;
    -webkit-transition: all .6s;
    transition: all .6s
}

.imgBrand img:hover, .imgWrp img:hover, .lstNewsContent > a img:hover, .magazineContent ul li .mgImage img:hover {
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.blockProductHot .imgHot img, .blockStory img, .footerWrp img, .forCustomer img, .indexContainer .owl-carousel .owl-item img, .rvContent img, .slideMaking img, .storyTitle img {
    object-fit: scale-down
}

.listStyle li {
    list-style: none
}

.bannerHeaderTop {
    background-size: 100%;
    width: 100%;
    float: left;
    position: relative
}

.bannerHeaderTop ul li {
    float: left;
    width: 50%;
    text-align: center;
    padding: 5px 0;
    list-style: none
}

.bannerHeaderTop ul li:nth-child(2) {
    text-align: left
}

.subWrp {
    display: inline-block;
    width: 100%;
    padding: 5px 0 0 0
}

.subWrp input {
    border: 1px solid #eb478e;
    padding: 5px;
    border-radius: 3px;
    font-style: italic;
    width: 250px
}

.bannerHeaderTop .container a {
    position: absolute;
    right: 3%;
    top: 25%;
    cursor: pointer;
    width: 25px
}

.bannerHeaderTop .container a img {
    max-width: 100%
}

.subWrp button {
    margin-left: 10px;
    background: #e03680;
    border: 1px solid #e03680;
    color: #fff;
    padding: 5px 15px;
    -webkit-box-shadow: 6px 7px 14px -8px rgba(0, 0, 0, .75);
    -moz-box-shadow: 6px 7px 14px -8px rgba(0, 0, 0, .75);
    box-shadow: 6px 7px 14px -8px rgba(0, 0, 0, .75)
}

.bannerHeaderTop ul li > b {
    text-transform: uppercase
}

.bannerHeaderTop ul li > b, .bannerHeaderTop ul li > span {
    display: block;
    color: #333
}

.bannerHeaderTop ul li > span {
    font-size: 13px;
    font-weight: 700
}

.menuLeft {
    position: relative
}

.menuCategory {
    float: left;
    border: 1px solid #d1d1d1;
    padding: 9px;
    margin-right: 5px;
    cursor: pointer;
    min-height: 27px;
    color: #636160;
    font-size: 12px
}

.menuCategory.selected {
    color: #eb478e
}

#signinFormFancy ul li a:hover, .contentRight a:hover, .menuCategory:hover {
    color: #eb478e
}

.form-search {
    position: relative;
    float: left;
    background: #eee
}

.form-search #search {
    border: none;
    background: #eee;
    padding: 10px 10px 10px 0;
    font-size: 12px
}

.form-search #search:focus {
    outline: 0
}

.header-content .logo {
    display: block;
    padding: 3px 0;
    margin: 0;
    text-align: center
}

.header-content > div > div:nth-child(1) {
    display: flex;
    align-items: center;
    flex-wrap: wrap
}

.form-search button.button {
    float: left;
    height: 31px;
    background: transparent none repeat scroll 0 0;
    border: 0 none;
    cursor: pointer;
    margin: 0;
    overflow: visible;
    padding: 0;
    width: auto
}

.form-search button .fa-search {
    font-size: 15px;
    padding: 10px;
    color: #414042
}

.header-content .contentRight {
    float: right;
    border: 1px solid #d1d1d1;
    margin-right: 3px;
    padding: 5px;
    position: relative;
    cursor: pointer;
    font-size: 12px;
    line-height: 22px
}

.header-content .contentRight.lstStore {
    padding: 0
}

.header-content .contentRight.lstStore a {
    padding: 6.5px 15px;
    display: block
}

.header-content .cartBlock {
    margin-right: 0;
    display: block !important
}

.header-content .contentRight .miniCart a i {
    font-size: 22px
}

.header-content .contentRight .miniCart a, .header-content .contentRight > .userPro a, .header-content .contentRight > .userPro a i, .header-content .contentRight > ul > li a {
    color: #414042;
    font-size: 12px
}

.header-content .contentRight > ul {
    margin: 0;
    padding: 1px 0;
    float: left;
    width: 100%
}

span.miniCart {
    padding: 2px 0 0 0;
    display: block
}

.header-content .contentRight > ul > li {
    float: left;
    margin: 0 2px;
    list-style: none
}

.header-content .contentRight > ul > li a {
    font-size: 12px
}

#numberCart {
    background: #fe0000;
    border-radius: 50%;
    bottom: 20px;
    line-height: 14px;
    color: #fff;
    font-size: 9px;
    margin: 0;
    padding: 2px 6px;
    position: absolute;
    left: -10px
}

.miniCart > a > span {
    background: #eb478e
}

.miniCart > a.selected {
    color: #eb478e
}


.blockUsr .lstStore {
    background: #ec2089;
    background: -moz-linear-gradient(90deg, #ec2089 0, #ea21dc 100%);
    background: -webkit-linear-gradient(90deg, #ec2089 0, #ea21dc 100%);
    background: linear-gradient(90deg, #ec2089 0, #ea21dc 100%);
    display: block
}

.blockUsr .lstStore a {
    font-size: 13px;
    color: #fff;
    font-weight: 700
}

.ftMiddle {
    padding: 0
}

#btnRate a:hover, #signinFormFancy ul li a:hover, .head-main a:hover, .productShipping ul li a:hover {
    text-decoration: none
}

.header-container ul {
    padding: 0
}

.header-container ul li {
    list-style: none
}

.blockUsr .lstStore a:hover {
    color: #414042
}

.blockUsr .userSig:hover ul li a {
    color: #eb478e
}

.menuLeft ul.listMenu {
    border: 1px solid #d1d1d1;
    position: absolute;
    display: none;
    left: 0;
    top: 38px;
    min-width: 140px;
    background: #fff;
    z-index: 99999;
    border-radius: 3px
}

.menuLeft ul.listMenu {
    padding: 0;
    margin: 0
}

.menuLeft ul.listMenu li {
    position: relative;
    list-style: none
}

.menuLeft ul.listMenu > li > a.selected {
    color: #eb478e
}

.menuLeft ul.listMenu > li > ul.childsList {
    position: absolute;
    left: 100%;
    top: 0;
    width: 100%;
    background: #fff;
    border: 1px solid #d1d1d1;
    z-index: 9999;
    -moz-box-shadow: 0 2px 10px rgba(0, 0, 0, .15);
    -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, .15);
    box-shadow: 0 2px 10px rgba(0, 0, 0, .15);
    -moz-transition: opacity 150ms ease-in-out 150ms;
    -webkit-transition: opacity 150ms ease-in-out 150ms;
    -o-transition: opacity 150ms ease-in-out 150ms;
    transition: opacity 150ms ease-in-out 150ms;
    border-radius: 3px
}

ul.childsList {
    display: none
}

.menuLeft ul.listMenu li:first-child a {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px
}

.imgStore img {
    display: none
}

.imgStore img:first-child {
    display: block
}

.menuLeft ul.listMenu li a:hover {
    text-decoration: none
}

.menuLeft ul.listMenu li a {
    border-bottom: 1px solid #fff;
    border-top: 1px solid #fff;
    padding: 0 10px 0 20px;
    display: block;
    line-height: 35px;
    font-size: 12px;
    color: #333
}

.contentCart {
    border: 1px solid #d1d1d1;
    position: absolute;
    display: none;
    right: -1px;
    top: 27px;
    min-width: 85px;
    background: #fff;
    z-index: 99999;
    border-radius: 3px
}

.contentCart > ul {
    max-height: 300px;
    overflow-y: auto
}

.blockUser, .userPro > ul {
    border: 1px solid #d1d1d1;
    position: absolute;
    display: none;
    right: -20px;
    top: 41px;
    width: 223px;
    background: #fff;
    z-index: 9999;
    border-radius: 3px !important
}

.blockUser {
    top: 34px
}

.dropdown-menu {
    border-radius: 0
}

.userPro > ul {
    max-width: 175px
}

.userPro > ul > li:last-child a {
    border-bottom: none
}

.userPro > ul > li a {
    display: block;
    text-align: left;
    border-bottom: 1px solid #dedede;
    padding: 5px
}

.blockUser.f {
    padding: 5px 10px;
    text-align: center
}

#warningPassword, #warningUsername {
    color: #fa0001;
    font-style: italic;
    line-height: 20px
}

.blockUser.f ul li {
    line-height: 25px
}

.blockUser.f ul li input {
    width: 100%;
    margin: 3px 0;
    border: 1px solid #d3d3d4;
    padding: 5px
}

.blockUser.f ul li.btns input {
    border: none;
    width: 100px;
    text-transform: uppercase;
    background: #eb478e;
    color: #fff;
    padding: 5px 0;
    font-weight: 700
}

.blockUser.f ul li > a.socialFace, .blockUser.f ul li > a.socialGoogle {
    height: 30px;
    width: 30px;
    display: inline-block;
    border-radius: 50%
}

.blockUser.f ul li > a.socialFace {
    background: #3b5998
}

.blockUser.f ul li > a.socialGoogle {
    background: #fa0d0d
}

.blockUser.f ul li.userForm, .blockUser.f ul li.userForm a {
    display: inline-block;
    color: #05bbe9;
    font-size: 12px
}

.blockUser.f ul li.userForm a:hover {
    color: #05bbe9
}

.blockUser.f ul li > a > i {
    color: #fff;
    display: block;
    font-size: 15px;
    padding: 8px 0
}

.flexslider #home_banner {
    padding-left: 15px;
    padding-right: 15px
}

#home_banner li:first-child {
    display: block
}

#home_banner li {
    display: none
}

.contentCart ul li {
    padding: 5px
}

.header-content .cartBlock {
    cursor: pointer;
    border: none;
    margin-left: 10px
}

.menuLeft ul.listMenu > li:hover > a, ul.childsList > li:hover > a {
    border-bottom: 1px solid #d1d1d1;
    border-top: 1px solid #d1d1d1;
    background-color: #efefef;
    color: #333
}

#dLabel {
    display: none
}

.contentCart ul li:last-child .miniCartBlock {
    border-bottom: none
}

.miniCartBlock {
    width: 200px;
    border-bottom: 1px solid #d3d3d4;
    padding: 10px 5px;
    position: relative
}

.miniCartBlock #remove-cart {
    position: absolute;
    right: 0;
    top: 0
}

.miniCartBlock > .miniLeft {
    display: block;
    float: left;
    width: 30%
}

.miniCartBlock > .miniRight {
    float: right;
    width: 65%
}

.contentCart ul li .checkoutMini {
    display: block;
    padding: 5px 0;
    text-align: center;
    background: #eb478e;
    text-transform: uppercase;
    color: #fff !important
}

.cartWWrp > h1 {
    font-size: 20px;
    padding: 0;
    margin: 10px 0
}

.miniCartBlock {
    display: table
}

.miniCartBlock a.imgMini {
    width: 50px;
    margin-right: 5px
}

.miniCartBlock a.imgMini img {
    width: 100%
}

.miniCartBlock a.nameMini {
    width: 124px;
    overflow: hidden
}

.miniCartBlock span {
    display: block;
    width: 100%;
    text-align: right
}

.miniCartBlock span p {
    font-weight: 700;
    display: inline-block;
    margin: 0
}

#searchFolding a:nth-of-type(2n+1) {
    background: #f6f6f6 none repeat scroll 0 0
}

#searchFolding a i {
    color: #eb478e;
    font-size: 11px
}

#searchFolding {
    background: #fff none repeat scroll 0 0;
    box-shadow: 0 0 5px #bbb;
    display: none;
    left: 1px;
    position: absolute;
    top: 100%;
    width: 100%;
    z-index: 200
}

#searchFolding a {
    color: #7e7e7e;
    display: block;
    overflow: hidden;
    padding: 5px 10px;
    text-overflow: ellipsis;
    white-space: nowrap
}

#searchFolding a span {
    color: #7e7e7e;
    float: right
}

.listNews {
    float: left;
    width: 78%;
    overflow: hidden;
    height: 25px
}

.wrpNews span {
    padding-right: 10px;
    font-weight: 700
}

.titleHotN img {
    float: left
}

.titleHotN:hover {
    cursor: pointer;
    color: #005b1d
}

ul.marquee li {
    list-style: none;
    left: 0;
    position: relative;
    padding: 0 25px;
    float: left;
    white-space: nowrap;
    line-height: 25px
}

ul.marquee li a {
    white-space: nowrap;
    width: auto;
    font-size: 13px;
    margin: 0;
    color: #fff
}

ul.marquee li a:hover {
    color: #eb2077
}

ul.marquee li a:hover:before {
    background: #eb2077
}

ul.marquee li a:before {
    content: " ";
    width: 5px;
    height: 5px;
    background: #fff;
    position: absolute;
    left: 15px;
    top: 42%;
    border-radius: 50%
}

.headerNews {
    background: #333;
    padding: 5px 0;
    clear: both
}

.wrpNews span {
    color: #fff
}

.bannerMain {
    margin-top: 15px
}

.bannerMain img {
    max-width: 100%;
    width: auto !important
}

.slideBn {
    padding-right: 0
}

.listBn a:first-child {
    display: block;
    padding-bottom: 10px
}

.miniAds a {
    display: inline-block !important;
    width: 48%;
    margin-right: 1%
}

.miniAds .mnChilds2 {
    margin-right: 0;
    float: right
}

.bannerMain .owl-dots {
    text-align: right;
    right: 3%
}

.owl-dots {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center
}

.owl-pagination {
    position: absolute;
    bottom: 5px;
    left: 0;
    right: 0
}

.owl-carousel .owl-dot.active span {
    border: 1px solid #333;
    background: #333
}

.owl-carousel .owl-dot span {
    border: 1px solid #666;
    background: #666;
    width: 13px;
    height: 13px;
    margin: 0 5px;
    border-radius: 50%;
    display: inline-block
}

ul.slidePr li .imgWrp {
    height: 390px
}
ul.bestSeller{
    padding: 0;
    margin: 20px 0;
    width: 100%;
    display: inline-block !important;
}
.sPrdT {
    position: relative;
    text-align: center;
    margin: 15px 0 0 0;
    z-index: 0
}

.sPrdT > a {
    display: block;
    float: right;
    clear: both;
    border: 1px solid #ed408a;
    border-radius: 6px;
    padding: 4px 15px;
    color: #ed408a
}

.sPrdT > a:hover {
    background: #ed408a;
    color: #fff
}

.sPrdT h1 {
    margin: 0;
    padding: 10px 25px;
    display: block;
    font-size: 20px;
    color: #000;
    font-weight: 700;
    text-transform: uppercase;
    background: #fff;
    outline: #000 !important;
    font-family: "SVN-Gilroy Bold"
}

.korean-text, .sPrdT h1 span {
    font-size: 18px;
    font-family: "SVN-Gilroy Regular";
    font-weight: 500
}

.line {
    content: '';
    left: 15px;
    right: 15px;
    position: absolute;
    z-index: -1;
    top: 50%
}

.imgWrp {
    height: 250px;
    overflow: hidden
}

.indexContainer ul li {
    list-style: none
}

.bestSeller {
    margin: 2% 0 0 0
}

.bestSeller .owl-pagination, .slidePr .owl-pagination {
    position: relative;
    bottom: -10px
}

.bestSeller .owl-theme .owl-controls .owl-page span, .slidePr .owl-theme .owl-controls .owl-page span {
    border: 1px solid #bfb9b9;
    background: #bfb9b9
}

.bestSeller .owl-theme .owl-controls .owl-page.active span, .slidePr .owl-theme .owl-controls .owl-page.active span {
    border: 1px solid #333;
    background: #333
}

.bstViewMore span:hover {
    background: #333 !important;
    color: #fff !important
}

.bestSeller ul, ul.slidePr {
    padding: 0;
    margin: 20px 0
}

.bestSeller ul li {
    text-align: center;
    margin: 0 10px
}

.prdName {
    color: #333;
    display: block;
    padding: 3px 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: 700
}

.priceOld {
    text-decoration: line-through;
    font-style: italic;
    padding-left: 5px;
    font-size: 12px
}

.prdName:hover {
    text-decoration: none;
    color: #e03680
}

.prevSlide {
    left: -80px
}

.nextSlide {
    right: -80px
}

.nextSlide i, .prevSlide i {
    line-height: 30px
}

.nextSlide, .prevSlide {
    cursor: pointer;
    position: absolute;
    top: 50%;
    border-radius: 50%;
    border: 1px solid #eee;
    background: #fff;
    height: 33px;
    width: 33px;
    color: #333;
    text-align: center;
    transform: translateY(-50%);
    transition: all .4s ease-in-out 0s;
    -moz-transition: all .4s ease-in-out 0s;
    -o-transition: all .4s ease-in-out 0s;
    -webkit-transition: all .4s ease-in-out 0s;
    -ms-transition: all .4s ease-in-out 0s;
    font-family: -webkit-body;
    opacity: 0;
    visibility: hidden
}
.blockProductBestSeller li{
    list-style: none;
    text-align: center;
}
.bestSeller a:hover, .blockProductBestSeller a:hover, .makingWrp a:hover, .slideProduct a:hover {
    text-decoration: none
}

.bestSeller:hover .prevSlide, .makingWrp:hover .prevSlide, .slidePr:hover .prevSlide {
    left: -33px;
    opacity: 1;
    visibility: visible
}
.slideProduct li{
    list-style: none;
}
.bestSeller:hover .nextSlide, .makingWrp:hover .nextSlide, .slidePr:hover .nextSlide {
    right: -33px;
    opacity: 1;
    visibility: visible
}

.bestSeller:hover > a, .makingWrp:hover > a, .slidePr:hover > a {
    opacity: 1;
    visibility: visible
}

#exTab3 ul li {
    border-bottom: 1px solid #eee;
    border-top: 1px solid #eee;
    border-left: 1px solid #eee;
    text-align: center;
    padding: 0;
    margin: 0
}

#exTab3 ul li:last-child {
    border-right: 1px solid #eee
}

#exTab3 .nav-pills > li.active > a, #exTab3 .nav-pills > li.active > a:focus, #exTab3 .nav-pills > li.active > a:hover {
    background: #414042;
    color: #fff
}

#exTab3 ul li a {
    border-radius: 0;
    text-transform: uppercase;
    font-weight: 700;
    color: #333
}

#exTab3 .tab-content .tab-pane > div {
    float: left;
    width: 25%;
    padding: 0 5px 0 0;
    text-align: center;
    margin-bottom: 10px
}

#exTab3 .tab-content .tab-pane > div:nth-child(4n) {
    padding: 0
}

.ribonPrice {
    text-transform: uppercase
}

.lstNewsContent {
    padding-left: 5px
}

.lstNewsContent > a {
    display: block;
    height: 139px;
    overflow: hidden
}

ul.socialNews {
    padding: 0;
    float: left;
    width: 100%;
    margin: 5px 0
}

ul.socialNews li {
    list-style: none;
    float: left;
    width: 49%;
    border: 1px solid #ded8d8;
    margin: 0 2% 2% 0
}

ul.socialNews li:nth-child(2n) {
    margin: 0 0 2% 0
}

ul.socialNews li a img:hover {
    filter: invert(7%);
    -moz-transition: all 1s;
    -webkit-transition: all 1s;
    transition: all 1s
}

.lContent {
    float: left;
    padding: 10px;
    border: 1px solid #ded8d8;
    width: 100%
}

.lContent > h2 {
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 700;
    margin: 0 0 5px 0;
    display: block;
    color: #000
}

.lContent > h2 i {
    color: #eb3484
}

.lContent ul {
    padding: 0;
    margin: 0
}

.lContent ul li {
    list-style: none;
    width: 100%;
    padding-bottom: 5px
}

.lContent ul li:last-child {
    padding: 0
}

.lContent ul li a {
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    color: #333;
    text-transform: unset
}

.lContent ul li a:hover {
    color: #eb3484;
    text-decoration: none
}

.lContent ul li a:before {
    content: "\f111";
    font-size: 8px;
    vertical-align: middle;
    font-family: "Font Awesome 5 Pro";
    padding-right: 5px
}

.blockNewsBot {
    float: left;
    width: 100%;
    margin-top: 5px
}

.blockNewsBot > div a img {
    padding-left: 5px;
    margin-bottom: 5px
}

.blockNewsBot > div:first-child a img {
    padding-left: 0
}

.blockTabsSlide #exTab3 .tab-content .tab-pane > div {
    width: 33.3333%
}

.blockTabsSlide #exTab3 .tab-content .tab-pane > div:nth-child(4n) {
    padding: 0 5px 0 0
}

.blockTabsSlide #exTab3 .tab-content .tab-pane > div:nth-child(3n) {
    padding: 0
}

.blockTabsSlide #exTab3 .tab-content .tab-pane > div .imgWrp {
    height: 170px
}

.blockTabsSlide .tab-content {
    background: #efefef;
    padding: 10px
}

.slWrp {
    padding-right: 0
}

.blockMagazine, .blockStory {
    padding: 15px 0
}

.blockStory a:hover {
    text-decoration: none
}

.storyTitle {
    position: relative
}

.storyLine {
    position: absolute;
    border-top: 2px solid #eee;
    top: 19px;
    left: 255px;
    right: 15px
}

.storySocial {
    width: 100%;
    clear: both;
    text-align: right;
    /*margin-top: -25px*/
}

.storySocial img {
    vertical-align: top
}

.storySocial > a {
    border: 1px solid #ed408a;
    border-radius: 6px;
    padding: 4px 15px;
    color: #ed408a;
    vertical-align: top;
    line-height: 25px;
    margin: 0 5px;
    z-index: 1;
    position: relative
}

.storySocial > a:hover {
    background: #ed408a;
    text-decoration: none;
    color: #fff
}

.storyContent {
    float: left;
    width: 100%;
    margin: 2% 0 2% 0
}

.storyImage a {
    display: block;
    margin-bottom: 15px
}

.storyVideo {
    padding: 0
}

.storyListVideo {
    background: #eee;
    float: left;
    width: 100%;
    padding: 5px 10px
}

.lstVideo, .videoItems, .videoTitle {
    position: relative;
    float: left;
    width: 100%
}

.lstVideo {
    max-height: 287px;
    overflow-y: auto
}

.videoTitle span {
    font-size: 18px;
    font-weight: 700;
    display: block;
    padding-bottom: 8px
}

.head-main.box-col-fix .headerNews {
    display: none
}

.fanpage {
    position: fixed;
    bottom: 0;
    left: 15px;
    z-index: 999
}

.blockListLct .nav-tabs > li:hover, .blockListLct .nav-tabs > li:hover a {
    background-color: transparent !important
}

.blockListLct .nav-tabs > li > a {
    border-radius: 0;
    border: none
}

.blockListLct .nav-tabs > li.active > a, .blockListLct .nav-tabs > li.active > a:focus, .blockListLct .nav-tabs > li.active > a:hover {
    background-image: url(../img/location_list.png);
    background-repeat: no-repeat;
    background-position: 17px 11px;
    background-size: 15px;
    background-color: transparent !important;
    color: #333 !important;
    border: 1px solid transparent;
    border-radius: 0
}

.head-main.box-col-fix {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 999;
    transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    -webkit-transform: translateZ(0);
    -webkit-font-smoothing: antialiased;
    background: #fff
}

.videoItems {
    margin-bottom: 10px
}

.videoItems .itemsImg {
    float: left;
    width: 34%
}

.videoItems .itemsImg img {
    width: 100%;
    height: 70px;
    object-fit: cover
}

.videoItems .itemsContent {
    float: right;
    width: 62%;
    height: 70px;
    overflow: hidden
}

.itemsContent b {
    display: block;
    font-size: 13px
}

.itemsContent p {
    margin: 0;
    font-size: 12px
}

.magazineContent ul {
    padding: 3% 0 2% 0
}

.magazineContent ul li {
    list-style: none;
    /*padding: 0 10px*/
}

.magazineContent ul li .mgContent b a {
    font-weight: 700;
    height: 45px;
    margin: 3px 0;
    overflow: hidden;
    display: block;
    color: #333;
    padding-top: 5px
}

.magazineContent ul li .mgContent b a:hover {
    color: #eb478e;
    text-decoration: none
}

.magazineContent ul li .mgContent p {
    display: block;
    height: 60px;
    overflow: hidden
}

.magazineContent ul li .mgImage {
    height: 170px;
    overflow: hidden
}

.w100 {
    width: 100%;
    clear: both
}

.blockProductHot .imgHot {
    padding: 0 0 2% 0
}

.blockProductHot .imgHot img {
    width: 100%
}

.hotProduct ul {
    padding: 0
}

.hotProduct ul li {
    float: left;
    width: 25%;
    padding: 0 5px 0 0;
    text-align: center;
    margin-bottom: 10px;
    list-style: none
}

.hotProduct ul li:nth-child(4n) {
    padding: 0
}

.blockSlideMakingFilm {
    margin: 3% 0;
    overflow: hidden
}

.blockSlideMakingFilm .slideMaking .img-back img {
    object-fit: cover;
    width: 100%;
    max-height: 750px
}

.itemsMaking.container {
    position: absolute;
    top: 20%;
    right: 0;
    left: 0
}

.reviewWrp > h2, .titleWrp > h3 {
    display: block;
    padding: 0 0 15px 0;
    margin: 0;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 20px;
    color: #000;
    text-align: center;
    font-family: "SVN-Gilroy Bold"
}

.makingWrp .owl-nav a {
    border-radius: 0;
    background: 0 0;
    border: none;
    color: #969393
}

.makingWrp .owl-nav a i {
    font-size: 45px
}

.slideReview.owl-theme .owl-controls .owl-page span {
    background: #c1bdbd;
    border: 1px solid #c1bdbd
}

.slideReview.owl-theme .owl-controls .owl-page.active span {
    background: #807e7e;
    border: 1px solid #807e7e
}

.listBnReview ul {
    padding: 0;
    margin: 5% 0 0 0
}

.listBnReview ul li {
    list-style: none;
    float: left;
    border: 1px solid #eee;
    width: 49%;
    margin-bottom: 5px;
    margin-right: 5px
}

.listBnReview ul li .rvImg {
    float: left;
    width: 40%
}

.listBnReview ul li .rvContent {
    float: right;
    padding: 5px 0;
    width: 57%
}

.listBnReview ul li .rvContent b, .listBnReview ul li .rvContent i, .listBnReview ul li .rvContent p {
    display: block;
    padding: 5px 0 0 0
}

.listBnReview ul li .rvContent p {
    font-size: 12px;
    padding: 5px 0
}

.blockLocation {
    background: #fef2f7;
    margin: 3% 0 0 0;
    padding-bottom: 3%
}

.lstLct > h4 {
    text-transform: uppercase;
    text-align: center;
    color: #e8358b;
    font-size: 17px;
    line-height: 25px
}

.lstLct > h4 b {
    display: block
}

.blockListLct {
    border-left: 1px solid #dedede;
    padding-left: 0;
    max-height: 405px;
    overflow-y: auto
}

.locationList .nav-tabs {
    border: none;
    padding: 0;
    margin: 0
}

.blockListLct .nav-tabs > li:hover, .locationList .nav-tabs > li {
    width: 100%;
    background-image: url(../img/location_list.png);
    background-repeat: no-repeat;
    background-position: 20px 11px;
    background-size: 15px;
    padding: 0 !important;
    margin: 0 !important;
    border: none;
    line-height: normal
}

.blockListLct .nav-tabs > li.active:hover {
    background: 0 0;
    line-height: normal
}

.locationList .nav-tabs > li.active {
    background-color: transparent;
    padding: 0;
    margin: 0;
    border: none
}

.locationList .nav-tabs > li.active > a {
    color: #333;
    border-left: 5px solid #333 !important;
    border-right: 1px solid transparent !important;
    border-top: 1px solid transparent !important;
    border-radius: 0 !important;
    background-color: transparent !important;
    padding-left: 42px
}

.locationList .nav-tabs li a {
    text-transform: uppercase;
    color: #333;
    padding-left: 45px;
    background: 0 0
}

.locationList .nav-tabs li a b {
    display: block;
    padding-bottom: 10px
}

.blockLocation a:hover {
    text-decoration: none
}

.locationList .nav-tabs li a span {
    display: block;
    font-size: 13px;
    text-transform: none
}

.lctMore > a {
    padding: 5px 15px;
    border: 2px solid #e8358b;
    background: #e8358b;
    color: #fff
}

.lctMore > a:hover {
    color: #e8358b;
    background: #fff
}

.lctMore {
    margin: 15px 0;
    clear: both;
    text-align: center
}

.locationTitle {
    text-align: center;
    margin-top: -10px
}

.locationTitle h3 {
    background: #e8358b;
    color: #fff;
    text-transform: uppercase;
    display: inline;
    padding: 10px 15px
}

.locationTitle img {
    margin-left: 5px;
    margin-top: -10px
}

.forCustomer > span {
    display: block;
    text-align: center;
    text-transform: uppercase;
    font-size: 16px;
    color: #e72586;
    font-weight: 700
}

.forCustomer {
    margin: 10px 0;
    text-align: center
}

.footerTop {
    display: inline-block;
    width: 100%;
    padding: 20px 0;
    background: #ffe6f2
}

.brandTitle h3, .brandTitle h4 {
    display: block;
    color: #e33387;
    text-align: center;
    font-weight: 700;
    font-size: 25px;
    text-transform: uppercase
}

.contentBrand {
    text-align: center;
    padding: 10px 0 15px 0;
    clear: both;
    float: left;
    width: 100%
}

.contentBrand p {
    font-size: 16px
}

.brandList a.imgBrand {
    display: block;
    height: 215px;
    overflow: hidden;
    margin-bottom: 5px
}

.brandList .brandItems {
    padding: 0 5px
}

.brandList span.desBrand {
    display: block;
    padding: 10px 0
}

.blockfooterMap {
    text-align: center;
    margin: 3% 0;
    display: flex;
    align-items: center;
    justify-content: center
}

.blockfooterMap img.footer-agency-img {
    width: 100%;
    min-height: 80px;
    object-fit: fill
}

.blockfooterMap .button-store {
    position: absolute
}

.blockfooterMap .button-store .store-footer {
    border: 3px solid #fff;
    padding: 10px 50px;
    font-size: 20pt;
    color: #fff;
    display: inline-block;
    background-color: #000;
    opacity: .7
}

.ftLogo ul {
    padding: 0
}

.ftLogo ul li {
    list-style: none;
    padding: 5px 0 0 0
}

.ftLogo ul li a {
    font-size: 13px;
    color: #333
}

.ftLogo ul li a:before {
    content: "\f111";
    font-family: "Font Awesome 5 Pro";
    display: inline-block;
    font-size: 5px;
    vertical-align: middle;
    padding-right: 5px
}

.ftLogo ul li a:hover {
    color: #e33387;
    text-decoration: none
}

.titleFooter {
    color: #eb478e;
    font-size: 20px;
    font-weight: 700;
    display: block;
    padding-bottom: 10px
}

.socialFt {
    display: inline-block;
    width: 100%;
    margin: 10px 0;
    padding: 0
}

.socialFt li {
    list-style: none;
    float: left;
    width: 15%
}

.socialFt li img {
    transition: transform .3s;
    max-width: 100%
}

.socialFt li a img:hover {
    transform: translatey(-5px)
}

.footerBottom {
    background: #f4f4f4;
    padding: 2% 0
}

.titleFtBot {
    padding: 5px 0;
    margin: 0;
    display: block;
    text-transform: uppercase;
    font-weight: 700;
    color: #eb478e;
    font-size: 16px
}

.missionBlock a, .missionBlock p {
    color: #5d5d5d;
    font-style: italic
}

.copyRight {
    padding: 10px 0
}

.copyRight ul {
    padding: 0 0 0 15px
}

.copyRight ul {
    font-size: 13px
}

.copyRight ul li {
    padding: 5px 0 0 0
}

.orderFooter {
    text-align: right
}

.orderFooter h4 {
    display: block;
    text-transform: uppercase;
    font-size: 15px;
    padding: 5px 0;
    margin: 0;
    font-weight: 700
}

.listCategoryProduct {
    border: 1px solid #dededd
}

.listCategoryProduct > p {
    font-weight: 700;
    text-transform: uppercase;
    font-size: 15px;
    background: #fff2e2;
    padding: 10px;
    margin: 0;
    border-bottom: none;
    display: block
}

.categoryItems {
    border-bottom: 1px solid #dededd
}

.categoryItems .cateTitle, .categoryItems a {
    font-weight: 700;
    color: #000
}

.categoryItems > a.active, .categoryItems > a:hover {
    text-decoration: none;
    background: #e6e6e6
}

.categoryItems > a {
    padding: 10px 15px;
    color: #000;
    display: block
}

.productHome {
    border: 1px solid #dededd;
    padding: 10px
}

.blockCategory ul {
    padding: 0
}

.blockCategory ul li {
    list-style: none;
    text-align: center
}

.prdDetails .price, .productHome .prdDetails {
    margin-bottom: 15px;
    height: 40px;
    overflow: hidden
}

.prdDetails .old {
    text-decoration: line-through;
    font-style: italic;
    padding-left: 5px;
    font-size: 12px
}

.prdDetails > h3 a {
    color: #000
}

.productHome ul li a.productName {
    padding: 10px 0 5px 0;
    text-transform: uppercase;
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font-weight: 700;
    color: #333
}

.productHome ul li > .itemHoverImg {
    height: 250px;
    display: block;
    overflow: hidden
}

.blockCategory a {
    color: #333
}

.blockCategory a:hover {
    text-decoration: none;
    color: #ec3785 !important
}

.paginator {
    text-align: right;
    margin: 15px 0
}

.pagination .labelPages, .paginator .labelPages, .paginator .titlePages {
    display: none
}

.paginator span.currentPage {
    width: 27px;
    line-height: 25px;
    height: 27px;
    background: #ec3785;
    color: #fff;
    text-align: center;
    border-radius: 50%;
    display: inline-block;
    margin-left: 0
}

.ftLeft {
    position: fixed;
    bottom: 25px;
    left: 10px;
    z-index: 999;
    transition: all .5s ease-out;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease
}

.ftLeft a {
    margin-bottom: 10px;
    display: block
}

.back-to-top {
    position: fixed;
    bottom: 93px;
    right: -150px;
    z-index: 999999;
    transition: all .5s ease-out;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease
}

.back-to-top a {
    display: block;
    z-index: 999;
    font-size: 13px;
    text-align: right;
    text-transform: uppercase;
    border-radius: 50%;
    position: relative;
    transition: all .5s ease-out;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    margin-bottom: 5px;
    outline: 0
}

.back-to-top.display {
    right: 15px
}

.paginator a {
    margin-left: 5px;
    line-height: 25px;
    width: 27px;
    height: 27px;
    background: 0 0;
    color: #333;
    display: inline-block;
    vertical-align: top;
    text-align: center;
    border: none;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.paginator a.paging-next:before {
    content: "\f105";
    font-family: "Font Awesome 5 Pro"
}

.paginator a.paging-last:before {
    content: "\f101";
    font-family: "Font Awesome 5 Pro"
}

.paginator a.paging-previous:before {
    content: "\f104";
    font-family: "Font Awesome 5 Pro"
}

.paginator a.paging-first:before {
    content: "\f100";
    font-family: "Font Awesome 5 Pro"
}

.breadcrumb {
    clear: both;
    margin: 10px 0;
    background: 0 0
}

.breadcrumb > li + li:before {
    padding: 0 0 0 10px;
    color: #333;
    font-family: "Font Awesome 5 Pro";
    content: "\f105"
}

.productFavorite {
    margin: 10px 0 0 0
}

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

.favoriteTitle p {
    font-size: 20px;
    font-weight: 600
}

.favoriteTitle p span {
    background: #ec3785;
    padding: 0 20px 0 10px;
    line-height: 30px;
    position: relative;
    text-transform: uppercase;
    font-size: 20px;
    color: #fff;
    float: left;
    font-weight: 700
}

.favoriteTitle p span:after {
    border-top: 13px solid transparent;
    border-right: 30px solid #ec3785;
    border-bottom: 20px solid transparent;
    top: -2px;
    transform: rotate(90deg);
    content: "";
    display: block;
    height: 23px;
    position: absolute;
    right: -11px;
    width: 21px;
}

.favoriteTitle p a {
    line-height: 25px;
    color: #333;
    font-weight: 700;
    font-size: 15px;
    text-decoration: underline
}

.prdCategory > a {
    display: block;
    text-align: center
}

.prdCategory > a img {
    max-width: 100%;
    width: 100%
}

.prdDetails {
    text-align: center
}

.prdDetails h3 {
    text-transform: uppercase;
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font-weight: 700;
    margin: 10px 0 0 0
}

#imgZoom {
    position: relative
}

#zoomer {
    overflow: hidden;
    height: 355px;
    margin-top: 10px;
    position: relative
}

#zoomer img {
    width: auto;
    height: auto;
    max-height: 100%;
    max-width: 100%;
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.cloudzoom-lens {
    width: 150px !important;
    height: 150px !important
}

#zoomSlide {
    margin: 0;
    overflow: hidden;
    position: relative !important;
    text-align: center
}

#imgZoom img {
    max-width: 100%
}

#prevSlideZ {
    background-image: url(../img/arrow-right.png);
    background-repeat: no-repeat;
    background-size: 35px 35px;
    right: 0
}

#nextSlideZ {
    background-image: url(../img/arrow-left.png);
    background-repeat: no-repeat;
    background-size: 35px 35px;
    left: 0
}

#nextSlideZ, #prevSlideZ {
    color: #fff;
    display: inline-block;
    font-family: "Font Awesome 5 Pro";
    font-style: normal;
    font-weight: 400;
    height: 50px;
    line-height: 24px;
    position: absolute;
    text-align: center;
    top: 0;
    cursor: pointer;
    width: 50px;
    z-index: 2;
    text-decoration: none
}

#listImgZoom_2 .owl-nav {
    position: absolute;
    left: 0;
    right: 0;
    top: 28%
}

#listImgZoom_2 .owl-dots {
    display: none
}

#zoomSlide .caroufredsel_wrapper {
    margin: 0 auto !important
}

ul#listImgZoom_2 {
    padding: 0
}

ul#listImgZoom_2 li {
    cursor: pointer;
    float: left;
    list-style: outside none none;
    overflow: hidden;
    position: relative;
    width: 100%;
    margin: 0 0 15px 0
}

#zoomSlide .owl-carousel {
    width: 100% !important;
    margin: 0 auto !important
}

.borImagezoom img {
    height: auto;
    max-width: 100%
}

.detailsFirstRows > h2 {
    margin: 0;
    font-size: 20px;
    color: #6d6e71
}

.detailsFirstRows .label {
    color: #6d6e71;
    padding: 0
}

.detailsFirstRows .label del {
    font-size: 14px;
    color: #6d6e71;
    font-weight: 100
}

.detailsFirstRows .label .price {
    font-size: 19px;
    color: #000;
    display: block;
    text-align: left;
    font-family: "SVN-Gilroy Bold"
}

.detailsRows div.label {
    color: #6d6e71;
    font-size: 14px;
    margin: 0;
    padding: 5px 0;
    font-weight: 100;
    display: block;
    text-align: left
}

.colorWrp, .sizeWrp {
    padding: 0 !important
}

.detailsFirstRows select {
    display: inline-block;
    margin-right: 15px;
    width: 100px;
    padding: 4px
}

.detailsFirstRows select:nth-child(1) {
    margin-right: 0
}

.detailsRows {
    padding: 7px 0
}

.productBtn #addToCart {
    text-transform: uppercase;
    padding: 6px !important;
    background: #000;
    font-size: 18px;
    font-weight: 700;
    color: #fff;
    margin: 0 3px 0 0;
    width: 100%;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform, opacity;
    transition-property: transform, opacity
}

.productBtn #addToCart span {
    font-weight: 400;
    display: block;
    text-align: center;
    font-size: 10px
}

.productBtn .btn {
    border-radius: 0
}

.productBtn .fav {
    padding: 6px 6px;
    border: 1px solid #d1d1d1;
    background: #fff;
    height: 34px;
    display: block !important
}

.productBtn .fav i {
    padding-right: 3px;
    color: #eb478e
}

.detailsRows span a.active, .detailsRows span a:hover, span.size a:hover {
    background: #eb478e;
    color: #fff !important
}

.detailsRows span a, span.size a {
    border: 1px solid #d1d1d1;
    display: inline-block;
    height: 23px;
    line-height: 23px;
    margin-right: 4px;
    overflow: hidden;
    text-align: center;
    transition: all .2s ease 0s;
    width: 23px;
    text-decoration: none
}

.detailsRows span a.active {
    color: #f04e99;
    text-decoration: none;
    line-height: 21px;
    box-shadow: 0 0 1px 1px #f04e99
}

.colorWrp {
    display: table;
    width: 100%
}

.quantity .qty {
    display: block;
    margin: 5px 0 20px 0;
    width: 100%;
    float: left
}

.quantity .qty b {
    font-weight: 400;
    float: left;
    border: 1px solid #ccc;
    border-right: none
}

.quantity .qty b i {
    float: left;
    border: 1px;
    border-right: 1px solid #ccc;
    text-align: center;
    width: 40px;
    height: 35px;
    line-height: 35px;
    font-style: normal;
    cursor: pointer
}

#tabDetails {
    margin: 30px 0
}

body #tabDetails .prdView {
    margin-bottom: 20px;
    background: #fff;
    border-bottom: 1px solid #000;
    text-align: center
}

#tabDetails .tab-content table {
    width: 100% !important;
    height: 100% !important
}

.prdView > li:nth-child(1) {
    margin-left: 0 !important;
    border-left: 1px solid #999
}

.lstMap li {
    margin: 0 !important
}

#tabNav li {
    border-right: 1px solid #999;
    border-bottom: 1px solid #999;
    border-top: 1px solid #999;
    margin: 0 0 -1px -5px;
    padding: 0;
    float: unset;
    min-width: 150px
}

#tabNav li.active {
    border-bottom: 1px solid #fff
}

.nav-tabs > li {
    line-height: 34px;
    padding: 0 20px;
    font-size: 14px;
    display: inline-block;
    margin: 0 10px;
    border: solid transparent;
    border-width: 2px 1px 0 1px;
    cursor: pointer
}

.nav-tabs > li.active a {
    background: 0 0
}

.nav-tabs > li.active, .nav-tabs > li:hover {
    line-height: 34px;
    padding: 0 20px;
    font-size: 14px;
    display: inline-block;
    margin: 0 10px;
    border: solid transparent;
    border-width: 2px 1px 0 1px;
    cursor: pointer;
    background: #fff;
    border-color: #f04e99 #ccc
}

#tabDetails .nav-tabs > li a span {
    font-size: 17px;
    color: #999
}

#tabDetails .nav > li.active > a span {
    color: #000
}

#tabDetails .nav > li > a {
    border-radius: 0;
    padding: 7px 20px !important;
    color: #8d8c8c
}

#tabDetails .nav > li.active > a {
    color: #000
}

#tabDetails .nav > li > a, #tabDetails .nav > li > a > h3 {
    border: none;
    margin: 0
}

#tabDetails .nav-tabs, #tabDetails .nav-tabs > li.active > a, #tabDetails .nav-tabs > li.active > a:focus, #tabDetails .nav-tabs > li.active > a:hover {
    border: none;
    border-radius: 0
}

#tabDetails .nav-tabs > li > a:hover {
    background: 0 0;
    color: #000
}

.prodShowHot, .prodShowRelated {
    border-top: 1px solid #d1d1d1;
    padding: 10px 0
}

.prodShowRelated {
    border-bottom: 1px solid #d1d1d1
}

.prodShowHot .producttabs-products, .prodShowRelated .producttabs-products {
    padding: 0
}

.prodShowHot .products-grid .item, .prodShowRelated .products-grid .item {
    margin: 0
}

.pageView {
    color: #747474;
    float: left;
    font-size: 13px;
    text-align: center;
    line-height: 18px;
    width: 35%
}

.faved {
    border: 1px solid #f04e99 !important
}

#voteView0 {
    background-position: 0 -329px
}

.pageView > b {
    font-size: 15px
}

.si {
    background: transparent url(../img/spriteIcon.png) no-repeat scroll 0 0
}

.voteView {
    display: block;
    line-height: 18px;
    text-align: right
}

.blockAds {
    background: #e5e2e4;
    padding: 10px;
    margin: 6px 0;
    display: inline-block;
    width: 100%
}

.hotSupport {
    font-weight: 600
}

.prdPayment {
    margin-top: 10px
}

.ui-tooltip {
    text-align: center;
    color: #000;
    display: none;
    position: absolute
}

.unsel {
    cursor: not-allowed
}

.arrow:after, .ui-tooltip {
    background: #000 !important;
    border: 2px solid #fff !important
}

.ui-tooltip {
    padding: 10px 20px;
    color: #fff !important;
    box-shadow: 0 0 7px #000
}

.ui-tooltip-content {
    color: #fff !important
}

.arrow {
    width: 70px;
    height: 16px;
    overflow: hidden;
    position: absolute;
    left: 50%;
    margin-left: -32px;
    bottom: -16px
}

.arrow.top {
    top: -16px;
    bottom: auto
}

.arrow.left {
    left: 20%
}

.arrow:after {
    content: "";
    position: absolute;
    left: 20px;
    top: -20px;
    width: 20px;
    height: 20px;
    box-shadow: 6px 5px 9px -9px #000;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    tranform: rotate(45deg)
}

.arrow.top:after {
    bottom: -20px;
    top: auto
}

#listChildsImg li {
    display: inline-block;
    margin: 20px 0;
    padding: 0 5px 0 0
}

#listChildsImg li:nth-child(4n) {
    padding: 0
}

#listChildsImg li .borImagezoom a {
    display: block
}

#listChildsImg li .borImagezoom a img {
    width: 100%
}

#voteView0 {
    background-position: 0 -329px
}

#voteView1 {
    background-position: 0 -248px
}

#voteView2 {
    background-position: 0 -264px
}

#voteView3 {
    background-position: 0 -280px
}

#voteView4 {
    background-position: 0 -296px
}

#voteView5 {
    background-position: 0 -312px
}

.productDetailsWrap a {
    color: #333
}

#reviewPrd {
    opacity: 0
}

.blockDetails {
    margin: 10px 0
}

.blockDetails .blockTitle {
    display: inline-block;
    width: 100%;
    border-bottom: 1px solid #dedede;
    margin: 10px 0 0 0;
    padding: 0 0 10px 0
}

.blockDetails span {
    font-weight: 700;
    display: inline-block;
    padding-right: 10px
}

.productShipping span {
    display: block;
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 30px 30px
}

.productShipping ul {
    padding: 0
}

.productShipping ul li:before {
    content: "\f111";
    font-family: "Font Awesome 5 Pro";
    font-size: 5px;
    position: absolute;
    top: 8px;
    color: #5e5e5e
}

.cartBlockactive, .cartBlockactive .contentCart {
    display: block !important
}

.productShipping ul li .tooltip {
    left: 10px !important
}

.productShipping ul li {
    position: relative;
    list-style: none;
    margin-bottom: 5px
}

.productShipping ul li a:hover, .productShipping ul li:hover:before {
    color: #333
}

.productShipping ul li a {
    padding-left: 10px;
    cursor: pointer;
    font-weight: 700;
    color: #5e5e5e;
    font-size: 13px;
    display: block
}

.productShipping ul li a.btn {
    padding: 0 0 0 10px;
    text-align: left
}

.blockAds .hotSupport a {
    font-size: 16px;
    color: #eb478e;
    font-family: "SVN-Gilroy Bold"
}

.blockAds .hotSupport i {
    background-position: -44px -65px !important;
    float: left;
    width: 21px;
    height: 20px;
    margin-right: 5px
}

.lstSupport ul {
    padding: 0
}

.lstSupport ul li a {
    font-weight: 500;
    font-size: 13px;
    text-decoration: underline
}

.lstSupport ul li {
    float: left;
    margin: 5px 0;
    list-style: none;
    width: 50%;
    font-size: 13px;
    font-weight: 600;
    display: flex;
    align-items: center
}

.lstSupport ul li .icoWarrantly {
    background-position: -40px -126px !important
}

.lstSupport ul li .icoShipping {
    background-position: -37px -156px !important;
    width: 24px
}

.lstSupport ul li .icoPayment {
    background-position: -68px -68px !important
}

.lstSupport ul li .icoQuality {
    background-position: -40px -93px !important
}

.lstSupport ul li i {
    float: left;
    margin-right: 5px;
    width: 21px;
    height: 21px
}

.prdN > span {
    background: #000;
    color: #fff;
    padding: 4px 7px 4px 15px;
    position: relative
}

.prdN > span i {
    font-size: 6px;
    position: absolute;
    top: 10px;
    left: 5px
}

.socialDetails .fb-like, .socialDetails .fb-send {
    display: inline-block
}

.socialDetails .fb-like {
    width: 115px;
    overflow: hidden
}

.fb_iframe_widget {
    display: inline-block;
    position: relative
}

.productShipping i {
    display: block;
    padding-left: 35px;
    color: #000;
    font-weight: 700;
    font-size: 13px;
    font-style: normal;
    font-family: "SVN-Gilroy Bold"
}

.productShipping span {
    display: block;
    background-image: url(../img/iconfreeshipng.png);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 30px 30px
}

.productShipping {
    margin: 10px 0
}

.prdPayment ul {
    padding: 0
}

.prdPayment ul li {
    list-style: none
}

.prdPayment ul li > h4 {
    margin: 0;
    text-transform: uppercase;
    font-size: 13px
}

.prdPayment ul li span {
    display: block
}

.videoWrp .borImagezoom {
    height: 70px;
    width: 70px
}

.text-video-btn {
    font-size: 11px;
    text-transform: uppercase;
    color: #000;
    line-height: 14px;
    display: block
}

#imgView, .blockVideo {
    margin-bottom: 10px
}

.blockVideo {
    display: none;
    position: relative;
    min-height: 350px
}

.video-background {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.video-background iframe, .video-foreground {
    width: 100%;
    height: 100%
}

.blockShow {
    clear: both
}

.videoWrp img {
    margin-top: -2px
}

.prdHits {
    padding: 5px;
    font-size: 15px;
    background: #dedcde;
    text-align: center;
    position: relative
}

.prdHits > .hits {
    padding-left: 0;
    display: block
}

#dot {
    width: 10px;
    height: 10px;
    background-color: #d0021b;
    border-radius: 100%;
    position: absolute;
    left: 15px;
    top: 50%;
    margin-top: -5px;
    display: block
}

#dot .ping {
    border: 1px solid #d0021b;
    width: 10px;
    height: 10px;
    opacity: 1;
    background-color: rgba(238, 46, 36, .2);
    border-radius: 100%;
    -moz-animation: sonar 1.25s linear infinite;
    -o-animation: sonar 1.25s linear infinite;
    -webkit-animation: sonar 1.25s linear infinite;
    animation: sonar 1.25s linear infinite;
    display: block;
    margin: -1px 0 0 -1px
}

.prdHits b {
    color: #ea212e
}

@keyframes rotate {
    0% {
        transform: rotateZ(-360deg);
        -webkit-transform: rotateZ(-360deg);
        -moz-transform: rotateZ(-360deg);
        -o-transform: rotateZ(-360deg)
    }
    100% {
        transform: rotateZ(0);
        -webkit-transform: rotateZ(0);
        -moz-transform: rotateZ(0);
        -o-transform: rotateZ(0)
    }
}

@-webkit-keyframes rotate {
    0% {
        transform: rotateZ(-360deg);
        -webkit-transform: rotateZ(-360deg);
        -moz-transform: rotateZ(-360deg);
        -o-transform: rotateZ(-360deg)
    }
    100% {
        transform: rotateZ(0);
        -webkit-transform: rotateZ(0);
        -moz-transform: rotateZ(0);
        -o-transform: rotateZ(0)
    }
}

@-moz-keyframes rotate {
    0% {
        transform: rotateZ(-360deg);
        -webkit-transform: rotateZ(-360deg);
        -moz-transform: rotateZ(-360deg);
        -o-transform: rotateZ(-360deg)
    }
    100% {
        transform: rotateZ(0);
        -webkit-transform: rotateZ(0);
        -moz-transform: rotateZ(0);
        -o-transform: rotateZ(0)
    }
}

@-o-keyframes rotate {
    0% {
        transform: rotateZ(-360deg);
        -webkit-transform: rotateZ(-360deg);
        -moz-transform: rotateZ(-360deg);
        -o-transform: rotateZ(-360deg)
    }
    100% {
        transform: rotateZ(0);
        -webkit-transform: rotateZ(0);
        -moz-transform: rotateZ(0);
        -o-transform: rotateZ(0)
    }
}

@-webkit-keyframes sonar {
    0% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    100% {
        -webkit-transform: scale(4);
        transform: scale(4);
        opacity: 0
    }
}

@keyframes sonar {
    0% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    100% {
        -webkit-transform: scale(4);
        transform: scale(4);
        opacity: 0
    }
}

@-webkit-keyframes opas {
    0% {
        opacity: 1
    }
    50% {
        opacity: .2
    }
    100% {
        opacity: 1
    }
}

@-moz-keyframes opas {
    0% {
        opacity: 1
    }
    50% {
        opacity: .2
    }
    100% {
        opacity: 1
    }
}

@keyframes opas {
    0% {
        opacity: 1
    }
    50% {
        opacity: .2
    }
    100% {
        opacity: 1
    }
}

.favoriteContent a {
    color: #333
}

.favoriteContent a:hover, .prdDetails > h3 a:hover {
    text-decoration: none;
    color: #eb478e
}

.commentTitle {
    text-transform: uppercase;
    margin: 15px 0 0;
    font-size: 20px;
    font-weight: 700;
    padding: 5px 10px;
    display: inline-block
}

#addToCart:before {
    opacity: 0;
    background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, .35) 0, transparent 80%);
    background: radial-gradient(ellipse at center, rgba(0, 0, 0, .35) 0, transparent 80%);
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform, opacity;
    transition-property: transform, opacity;
    z-index: -1;
    content: '';
    pointer-events: none;
    position: absolute;
    top: 100%;
    left: 5%;
    height: 10px;
    width: 90%
}

#addToCart:hover {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px)
}

#addToCart:hover:before {
    opacity: 1;
    -webkit-transform: translateY(5px);
    transform: translateY(5px)
}

#addToCart:hover {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px)
}

#addToCart:hover:before {
    opacity: 1;
    -webkit-transform: translateY(5px);
    transform: translateY(5px)
}

#formCheckOut {
    border-top: 1px solid #d1d1d1
}

#formCheckOut > div {
    height: 500px
}

#column1 > h2, #column2 h2, #column3 > h2 {
    font-size: 18px;
    font-weight: 700
}

#column2 #paymentMethod {
    padding: 0 15px
}

#column2 {
    padding: 0
}

#column1 {
    border-right: 1px solid #d1d1d1;
    padding-bottom: 10px
}

#column1 > h2 > span, #column2 h2 span, #column3 > h2 > span {
    border-radius: 50%;
    background: #eb478e;
    color: #fff;
    padding: 3px 10px;
    margin-right: 5px
}

.purchaseInfo label > p {
    display: block;
    margin: 5px 0
}

.purchaseInfo label {
    width: 100%
}

.purchaseInfo label input, .purchaseInfo label textarea {
    border-radius: 3px;
    padding: 5px 3px;
    border: 1px solid #d1d1d1;
    width: 100%
}

.purchaseInfo label.long input, .purchaseInfo label.short select {
    width: 100%;
    border: 1px solid #d1d1d1
}

.purchaseInfo label.short {
    float: left;
    width: 47%;
    margin-right: 4%
}

.purchaseInfo label.short select {
    padding: 3px 0;
    border-radius: 3px
}

.listBank {
    display: none
}

.listBank > span {
    cursor: pointer;
    float: left;
    height: 34px;
    margin: 2px;
    overflow: hidden;
    padding: 2px;
    transition: all .2s ease 0s;
    width: 50px
}

.listBank > span.active {
    background: #999
}

#reviewCart table tr td {
    padding: 10px 0
}

#reviewCart {
    height: 130px;
    overflow-y: auto
}

#cart-th td {
    font-weight: 700
}

#listOrderTable:nth-child(2) {
    border-top: 1px solid #4d4c4e
}

#listOrderTable {
    border-top: 1px solid #dedede
}

#orderIf p {
    display: block;
    padding: 10px 0;
    margin: 0;
    border-bottom: 1px solid #d1d1d1
}

#orderIf p:first-child {
    border-bottom: 1px solid #dedede;
    font-weight: 700
}

#column1 label, #paymentMethod label {
    font-weight: 400
}

#orderIf p span {
    float: right
}

#coupon {
    border-radius: 3px;
    border: 1px solid #d1d1d1;
    padding: 4px;
    margin-bottom: 5px;
    width: 67%;
    margin-right: 5px
}

#getCoupon {
    border-radius: 0;
    padding: 4px 15px;
    vertical-align: top;
    background: #de3131;
    color: #fff;
    float: right
}

#getCoupon:hover {
    background: #333
}

.btnCtn {
    background: #000;
    padding: 10px 5px;
    color: #fff;
    display: inline-block;
    margin: 0;
    width: 49%;
    text-align: center
}

.btnCtn:hover {
    color: #fff;
    background: #eb478e
}

#btnOrder {
    border: none;
    background: #eb478e;
    padding: 10px 5px;
    color: #fff;
    margin: 0;
    width: 49%;
    text-transform: uppercase
}

#btnOrder:hover {
    background: #000;
    color: #fff
}

.titleCheckout {
    margin: 20px 0
}

.titleCheckout h1, .titleCheckout p {
    margin: 0;
    font-size: 19px;
    text-transform: uppercase;
    font-weight: 700;
    color: #eb478e;
    display: block;
    text-align: center
}

input[type=checkbox] + label span {
    display: inline-block;
    width: 19px;
    height: 19px;
    margin: -1px 4px 0 0;
    vertical-align: middle;
    cursor: pointer
}

.bolasStepsWrp {
    margin: 20px 0 0 0;
    clear: both
}

.bolasStepsWrp .span3.medium {
    color: #333
}

.bolasStepsWrp .span3 {
    color: #999;
    padding-top: 10px;
    text-align: center;
    display: inline-block;
    text-transform: uppercase;
    font-size: 11px
}

.flechaSteps {
    width: 33px;
    height: 33px;
    position: relative;
    top: -27px;
    background-image: url(../img/00_check.png);
    background-size: 100%;
    margin: 0 auto
}

.bolasStepsWrp .row-fluid .span3 {
    width: 33%
}

.labelSteps {
    border-bottom: 1px solid #ccc;
    padding-bottom: 20px
}

.medium3 .flechaSteps {
    background-image: url(../img/01_b.png)
}

.checkoutTitle .flechaSteps {
    background-image: url(../img/02_b.png)
}

.success .flechaSteps {
    background-image: url(../img/03_b.png)
}

.viewWrp {
    margin-bottom: 5%;
    clear: both
}

.viewWrp a:hover {
    text-decoration: none
}

.viewContent {
    text-align: center
}

.viewContent h1 {
    display: block;
    font-weight: 700;
    font-size: 19px
}

.viewContent > span {
    line-height: 25px
}

.viewProduct {
    margin: 15px 0;
    text-align: left
}

.viewProduct .viewTitle {
    background: #f0f0f0;
    color: #333;
    text-transform: uppercase;
    padding: 5px
}

.cusInfo {
    padding: 10px 0
}

.cusInfo span {
    display: block;
    padding-bottom: 10px
}

.cusInfo span i {
    font-size: 8px;
    color: #dededd;
    vertical-align: middle
}

.cusInfo span b {
    color: #b22423
}

.cusInfo span a {
    font-weight: 700;
    color: #4589d0
}

.viewProduct ul {
    margin: 0;
    padding: 10px 0
}

.viewProduct ul li {
    float: left;
    width: 100%;
    margin: 5px 0 10px 0;
    list-style: none
}

.viewProduct ul li a.imgThumb {
    padding: 0 10px 0 0
}

.viewProduct ul li .prdDt {
    padding: 0
}

.viewProduct ul li .prdDt .pull-right span {
    display: block;
    text-align: right
}

.continuePrd {
    margin: 10px 0;
    text-align: center
}

.continuePrd a {
    padding: 5px 10px;
    text-transform: uppercase;
    border: 1px solid #4589d0;
    color: #4589d0;
    border-radius: 3px
}

.continuePrd:hover a {
    background: #4589d0;
    color: #fff
}

.contactUsForm, .lostPass, .userSigin, .userSignup {
    display: none
}

.userSignup {
    display: block;
    background: #f9f9f9;
    float: left;
    padding: 5px;
    width: 100%
}

.userSignup ul {
    padding: 0
}

.userSignup ul li {
    list-style: none
}

.signUp {
    position: relative
}

.signUp:after {
    content: '';
    border-right: 1px solid #d6d2d2;
    height: 100px;
    width: 1px;
    position: absolute;
    top: 8px;
    right: -15px
}

.userSignup ul li > div {
    font-style: italic;
    font-size: 12px;
    color: red;
    text-align: center;
    padding-left: 10%
}

.userSignup ul li input.tb {
    display: inline-block;
    width: 60%;
    margin: 5px 0;
    padding: 3px;
    border: 1px solid #d1d1d1;
    border-radius: 5px
}

.userSigin ul li input.tb, .userSignup ul li select {
    width: 100%;
    margin: 5px 0;
    padding: 3px;
    border: 1px solid #d1d1d1;
    border-radius: 2px
}

.userSigin > div {
    margin: 8% 0
}

.userSigin > div.logoFancy {
    margin: 0
}

div.logoFancy > h3 {
    display: block;
    background: #eb478e;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    margin: 0;
    padding: 10px 15px;
    line-height: 19px;
    font-weight: 700
}

.userSigin > div #loginSocial {
    margin: 0
}

#loginSocial a i {
    display: inline-block;
    width: 21px;
    border-right: 1px solid #000;
    color: #fff;
    text-align: left;
    font-size: 12px;
    margin-right: 10px
}

#loginSocial a {
    display: block;
    background: #fff;
    padding: 5px 10px;
    color: #fff;
    margin: 5px 0 10px 0;
    font-weight: 700;
    border-radius: 5px;
    text-align: left;
    font-size: 13px
}

#loginSocial a:hover {
    text-decoration: none
}

#loginSocial a.facebook {
    background: #415993
}

#loginSocial a.google {
    background: #cf553d
}

#loginSocial a span {
    font-weight: 100;
    color: #fff;
    opacity: .8
}

.contactUsForm, .lostPass, .userSigin, .userSignup {
    display: none
}

.userSignup ul li label {
    display: inline-block;
    width: 40%;
    text-align: left;
    font-size: 13px
}

.lostPass {
    margin: 10% auto
}

.userSigin div:nth-child(2), .userSignup div:nth-child(2) {
    border-right: 1px solid #000
}

.lostPassBtn, .registerBtn {
    cursor: pointer
}

#btnSubmitSignUp {
    width: 60%;
    display: inline-block;
    background: #eb478e;
    text-align: center;
    color: #fff;
    border: none;
    padding: 4px 0;
    border-radius: 4px;
    margin: 5px 0
}

.userSigin ul li.btns input {
    background: #fff;
    border: 1px solid #333;
    text-transform: uppercase;
    color: #333;
    padding: 0 15px;
    line-height: 28px
}

.userProfile > li > a {
    text-transform: none;
    font-weight: 400
}

.userSigin ul li.btns input {
    margin-top: 10px
}

.logoFancy a {
    display: block;
    text-align: center;
    padding: 0 0 3px 0
}

.dropdown-menu {
    border-radius: 0
}

.userPro > ul {
    max-width: 175px
}

.userPro > ul > li:last-child a {
    border-bottom: none
}

.userPro > ul > li a {
    display: block;
    text-align: left;
    border-bottom: 1px solid #dedede;
    padding: 5px
}

.blockUser.f {
    padding: 5px 10px;
    text-align: center
}

#warningPassword, #warningUsername {
    color: #fa0001;
    font-style: italic;
    line-height: 20px
}

#comment {
    width: 100%;
    min-height: 100px;
    margin: 10px 0
}

#btnRate a, #btnRate button, #btnSignIn {
    font-size: 13px;
    cursor: pointer;
    color: #fff;
    text-transform: uppercase;
    background: #eb478e
}

.vote .si {
    float: left;
    width: 20px;
    height: 15px;
    background-position: 3px -329px;
    cursor: pointer
}

.vote .si.active, .vote .si.voteHover {
    background-position: 3px -249px
}

#signinFormFancy ul {
    padding: 0
}

#signinFormFancy ul li {
    list-style: none
}

#signinFormFancy ul li a {
    color: #333
}

#btnSignIn {
    border: 1px solid #eb478e
}

.contentCart ul li:last-child .miniCartBlock {
    border-bottom: none
}

.miniCartBlock {
    width: 200px;
    border-bottom: 1px solid #d3d3d4;
    padding: 10px 5px;
    position: relative
}

.miniCartBlock #remove-cart {
    position: absolute;
    right: 0;
    top: 0
}

.miniCartBlock > .miniLeft {
    display: block;
    float: left;
    width: 30%
}

.miniCartBlock > .miniRight {
    float: right;
    width: 65%
}

.checkoutMini {
    display: block;
    padding: 5px 0;
    text-align: center;
    background: #eb478e;
    text-transform: uppercase;
    color: #fff !important
}

.cartWWrp > h1 {
    font-size: 20px;
    padding: 0;
    margin: 10px 0
}

.miniCartBlock {
    display: table
}

.miniCartBlock a.imgMini {
    width: 50px;
    margin-right: 5px
}

.miniCartBlock a.imgMini img {
    width: 100%
}

.miniCartBlock a.nameMini {
    width: 124px;
    overflow: hidden
}

.miniCartBlock span {
    display: block;
    width: 100%;
    text-align: right
}

.miniCartBlock span p {
    font-weight: 700;
    display: inline-block;
    margin: 0
}

.cartBlockactive {
    background: #f04e99
}

.cartBlockactive::after {
    background: #fff !important
}

.header-content .cartBlockactive .miniCart a, .header-content .cartBlockactive .miniCart a i {
    color: #fff
}

.header-content .cartBlockactive::after .miniCart a {
    color: #fff
}

.productBtn .cartBlockactive1 {
    background: #fff !important;
    color: #f04e99 !important;
    border: 1px solid #f04e99 !important
}

.productBtn .cartBlockactive1::after {
    background: #f04e99 !important
}

.productBtn .cartBlockactive2 {
    background: #f04e99
}

.productBtn .cartBlockactive2::after {
    background: #fff !important
}

.productBtn .cartBlockactive2 i {
    color: #fff
}

.productBtn .cartBlockactive2 {
    color: #fff
}

#fAddress label select {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #ccc;
    padding: 3px 5px;
    width: 100%
}

.profileRight {
    border-radius: 3px;
    border: 1px solid #dedede;
    padding: 5px
}

#profileMenu > li.active {
    background: #eee none repeat scroll 0 0;
    border-color: #f04e99;
    border-image: none;
    border-style: solid;
    border-width: 0 0 0 3px
}

#profileMenu li:hover {
    border-left: 3px solid #f04e99;
    background: #eee
}

#profileMenu li {
    border-left: 3px solid transparent;
    position: relative;
    display: block;
    margin: 5px 0;
    padding: 0 0 2px 5px
}

#profileMenu > li > a {
    color: #333;
    display: block;
    font-size: 14px;
    font-weight: 700;
    padding: 5px 0
}

#profileMenu li > a i {
    padding-right: 10px
}

.sidebar .prfTile {
    margin-bottom: 0;
    display: block;
    padding-top: 0;
    padding-bottom: 5px;
    border-bottom: 1px #eee solid;
    color: #aaa;
    font-size: 12px
}

#profileContent {
    padding-left: 5%
}

#profileContent {
    background: #fff none repeat scroll 0 0;
    line-height: 25px;
    min-height: 600px
}

#profileIf div.pf > span {
    display: inline-block;
    margin-right: 10px;
    text-align: right;
    width: 150px
}

#profileIf ul li label {
    min-width: 190px
}

.btnGreen, .profile tbody tr td.val button {
    -moz-user-select: none;
    background-color: #000;
    background-image: none;
    border: 1px solid #ddd;
    border-radius: 0;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.42857;
    margin-bottom: 0;
    margin-top: 10px;
    padding: 6px 12px;
    text-align: center;
    text-transform: uppercase;
    transition: all .2s ease 0s;
    vertical-align: middle;
    white-space: nowrap;
    width: auto
}

.btnGreen:hover, .profile tbody tr td.val button:hover {
    background: #f04e99;
    color: #fff
}

.profile tbody tr td.val input, .profile tbody tr td.val select {
    border: 1px solid #dedede;
    margin: 5px 0;
    padding: 3px;
    width: 200px
}

#avatarProfile {
    margin-bottom: 5px;
    text-align: center;
    position: relative
}

#avatarProfile img {
    max-width: 48px;
    height: auto;
    display: inline-block;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%
}

#headerProfile > h3, #headerProfile > p {
    font-size: 14px;
    font-weight: 700;
    text-align: center;
    white-space: nowrap;
    display: block;
    width: 100%;
    text-overflow: ellipsis;
    overflow: hidden
}

.blockLeft {
    float: left;
    width: 47%;
    margin-right: 3%;
    position: relative
}

.blockRight {
    float: right;
    width: 47%
}

.bookAddress {
    margin: 20px 4%
}

.bookAddress > h3 {
    border-bottom: 1px dotted #ddd;
    color: #ea533f;
    font-size: 18px;
    margin-bottom: 10px;
    padding: 5px 0
}

#fAddress label {
    display: block;
    font-size: 13px;
    margin: 10px 0
}

#fAddress label span {
    display: inline-block;
    width: 100px
}

#fAddress label input {
    border: 1px solid #ccc;
    display: inline-block;
    padding: 0 3px;
    transition: all .15s linear 0s;
    width: 100%
}

.bookItem {
    position: relative
}

#profileContent {
    background: #fff none repeat scroll 0 0;
    line-height: 25px;
    min-height: 600px
}

#orderManager p img {
    width: 100%
}

#orderManager form > a {
    border-color: transparent #ddd #ddd;
    border-image: none;
    border-style: solid;
    border-width: 3px 1px 1px 0;
    color: #666;
    display: inline-block;
    font-weight: 700;
    line-height: 37px;
    padding: 0 20px
}

#orderManager table {
    border: 1px solid #efece4;
    margin: 5px 10px;
    text-align: center
}

#orderManager .title {
    background: #fff none repeat scroll 0 0;
    font-weight: 700;
    height: 30px
}

#orderManager table td {
    border: 1px solid #efece4;
    padding: 0 5px
}

.orderView > h3 {
    display: block;
    text-align: center;
    text-transform: uppercase;
    color: #f04e99;
    font-size: 25px
}

.orderView {
    margin: 60px 0
}

.orderView > span {
    font-style: italic;
    display: block;
    padding: 15px 0
}

#frmIndexOrder .form-groups {
    margin: 0
}

#frmIndexOrder .txtFill {
    width: 50%
}

#frmIndexOrder .form-groups input {
    border: 1px solid #dedede;
    padding: 10px;
    width: 100%
}

.orderView > span {
    display: block;
    text-align: center
}

.form-inline {
    display: block;
    text-align: center
}

.form-inline > .form-groups {
    display: inline-block;
    margin: 10px
}

#frmIndexOrder .btn-danger {
    border: none;
    background: #f04e99;
    color: #fff;
    padding: 11px 20px;
    margin-left: -2px
}

.listOrderIf {
    display: none
}

.table #listOrderTitle {
    text-align: center;
    color: #fff
}

.desOrderSearch {
    width: 55%;
    margin: 0 auto;
    padding: 10px 0
}

.desOrderSearch i {
    display: block;
    color: #333;
    font-size: 12px;
    text-align: center
}

.scrollTop img {
    width: 25%
}

.hdsd img {
    width: 65%
}

.btn-close-modal {
    display: none
}

.view-more {
    color: #eb478e;
    font-weight: 700;
    text-decoration: none
}

.view-more:hover {
    text-decoration: none
}

@media (max-width: 767px) {
    .btn-close-modal {
        display: block;
        position: absolute;
        right: 20px;
        top: -5px;
        border-radius: 50%;
        background: rgba(255, 255, 255, .9);
        color: #333
    }

    .m-logo {
        max-width: 150px
    }

    .slideStores .col-xs-6:nth-child(2n+1) {
        clear: both
    }

    .leftMenuMobile ul.listMenu a > i {
        width: 20px;
        font-size: 17px;
        margin: 0 5px 0 0;
        color: #000
    }

    .itemsMaking.container {
        position: unset;
        padding: 0
    }

    .itemsMaking.container > div {
        padding: 0
    }
}
body{
    -webkit-user-select:none;
    -khtml-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none
}
.article-body img {
    height: auto !important;
}
.cate-content{
    display: block;
    width: 100%;
    clear: both;
}