@keyframes lds-ellipsis3 { 0%, 25% { left: 32px; -webkit-transform: scale(0); transform: scale(0); } 50% { left: 32px; -webkit-transform: scale(1); transform: scale(1); } 75% { left: 100px; } to { left: 168px; -webkit-transform: scale(1); transform: scale(1); } } @-webkit-keyframes lds-ellipsis3 { 0%, 25% { left: 32px; -webkit-transform: scale(0); transform: scale(0); } 50% { left: 32px; -webkit-transform: scale(1); transform: scale(1); } 75% { left: 100px; } to { left: 168px; -webkit-transform: scale(1); transform: scale(1); } } @keyframes lds-ellipsis2 { 0% { -webkit-transform: scale(1); transform: scale(1); } 25%, to { -webkit-transform: scale(0); transform: scale(0); } } @-webkit-keyframes lds-ellipsis2 { 0% { -webkit-transform: scale(1); transform: scale(1); } 25%, to { -webkit-transform: scale(0); transform: scale(0); } } @keyframes lds-ellipsis { 0% { left: 32px; -webkit-transform: scale(0); transform: scale(0); } 25% { left: 32px; -webkit-transform: scale(1); transform: scale(1); } 50% { left: 100px; } 75% { left: 168px; -webkit-transform: scale(1); transform: scale(1); } to { left: 168px; -webkit-transform: scale(0); transform: scale(0); } } @-webkit-keyframes lds-ellipsis { 0% { left: 32px; -webkit-transform: scale(0); transform: scale(0); } 25% { left: 32px; -webkit-transform: scale(1); transform: scale(1); } 50% { left: 100px; } 75% { left: 168px; -webkit-transform: scale(1); transform: scale(1); } to { left: 168px; -webkit-transform: scale(0); transform: scale(0); } } .lds-ellipsis { position: relative; } .lds-ellipsis > div { -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .lds-ellipsis > div, .lds-ellipsis div > div { position: absolute; width: 40px; height: 40px; } .lds-ellipsis div > div { border-radius: 50%; background: red; top: 100px; left: 32px; -webkit-animation: lds-ellipsis 2.2s cubic-bezier(0, 0.5, 0.5, 1) infinite forwards; animation: lds-ellipsis 2.2s cubic-bezier(0, 0.5, 0.5, 1) infinite forwards; } .lds-ellipsis div:first-child div { -webkit-animation: lds-ellipsis2 2.2s cubic-bezier(0, 0.5, 0.5, 1) infinite forwards; animation: lds-ellipsis2 2.2s cubic-bezier(0, 0.5, 0.5, 1) infinite forwards; background: #ec8617; } .lds-ellipsis div:nth-child(2) div { -webkit-animation-delay: -1.1s; animation-delay: -1.1s; background: #fca704; } .lds-ellipsis div:nth-child(3) div { -webkit-animation-delay: -0.55s; animation-delay: -0.55s; background: #ec8617; } .lds-ellipsis div:nth-child(4) div { -webkit-animation-delay: 0s; animation-delay: 0s; background: #fca704; } .lds-ellipsis div:nth-child(5) div { -webkit-animation: lds-ellipsis3 2.2s cubic-bezier(0, 0.5, 0.5, 1) infinite forwards; animation: lds-ellipsis3 2.2s cubic-bezier(0, 0.5, 0.5, 1) infinite forwards; background: #ec8617; } .lds-ellipsis { width: 55px !important; height: 55px !important; -webkit-transform: translate(-27.5px, -27.5px) scale(0.275) translate(27.5px, 27.5px); transform: translate(-27.5px, -27.5px) scale(0.275) translate(27.5px, 27.5px); } #jslghtbx-close, .ali-close { position: absolute; right: 32px; top: 32px; width: 32px; height: 32px; opacity: 0.3; } #jslghtbx-close:hover, .ali-close:hover { opacity: 1; } #jslghtbx-close:after, #jslghtbx-close:before, .ali-close:after, .ali-close:before { position: absolute; left: 15px; content: " "; height: 33px; width: 2px; background-color: #333; } #jslghtbx-close:before, .ali-close:before { -webkit-transform: rotate(45deg); transform: rotate(45deg); } #jslghtbx-close:after, .ali-close:after { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } #jslghtbx .jslghtbx-next div:before, #jslghtbx .jslghtbx-prev div:before, .ali-arrow { border: solid #000; border-width: 0 3px 3px 0; display: inline-block; padding: 3px; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; } .ali-arrow--right { transform: rotate(-45deg); -webkit-transform: rotate(-45deg); } .ali-arrow--left { transform: rotate(135deg); -webkit-transform: rotate(135deg); } .ali-arrow--up { transform: rotate(-135deg); -webkit-transform: rotate(-135deg); } .ali-arrow--down { transform: rotate(45deg); -webkit-transform: rotate(45deg); } #zegsu-review-review-widget-badge, #zegsu-shopify-ali-review { direction:ltr!important; } [class^="alrv-prod-rating-"] { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } [class^="alrv-prod-rating-"] .alrv-prod-rating__text { font-size: 13px; margin-left: 5px; font-family: sans-serif !important; } .arv-collection .alrv-prod-rating__text, .arv-collection span[style="cursor: default;"] { white-space: nowrap; } #zegsu-review-review-widget-badge { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 13px; } #zegsu-review-review-widget-badge > span[style="cursor: default;"] { white-space: nowrap !important; } #zegsu-review-review-widget-badge > span { cursor: pointer !important; display: inline-block !important; margin: 0 !important; } #zegsu-review-review-widget-badge > span:first-child, #zegsu-review-review-widget-badge > span:first-child span { margin: 0 !important; line-height: inherit !important; } #zegsu-review-review-widget-badge > span:last-child { margin: 0 !important; margin-left: 5px !important; font-size: 13px !important; font-weight: 400 !important; } #zegsu-review-review-widget-badge [class*="alr-icon-"], #zegsu-review-review-widget-badge [class^="alr-icon-"], #zegsu-review-review-widget-badge span:first-child, #zegsu-review-review-widget-badge span:first-child span { font-size: 17px !important; } #zegsu-shopify-ali-review { clear: both; position: relative; z-index: 0; } #zegsu-shopify-ali-review .zegsu-review-loadding-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding-top: 520p5; } #zegsu-shopify-ali-review .wrap-loading { position: relative; border-color: #242539 !important; pointer-events: none !important; -webkit-user-select: none !important; -moz-user-select: none !important; -ms-user-select: none !important; user-select: none !important; background-color: #242539 !important; color: #242539 !important; white-space: nowrap !important; -webkit-transition: 0.15s !important; transition: 0.15s !important; } #zegsu-shopify-ali-review .wrap-loading a, #zegsu-shopify-ali-review .wrap-loading i, #zegsu-shopify-ali-review .wrap-loading span { display: none; } #zegsu-shopify-ali-review .lds-dual-ring { display: inline-block; width: 20px; height: 20px; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } #zegsu-shopify-ali-review .lds-dual-ring:after { content: " "; display: block; width: 17px; height: 17px; margin: 1px; border-radius: 50%; border: 2px solid #fff; border-color: #fff transparent; -webkit-animation: lds-dual-ring 1.2s linear infinite; animation: lds-dual-ring 1.2s linear infinite; } @-webkit-keyframes lds-dual-ring { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(1turn); transform: rotate(1turn); } } @keyframes lds-dual-ring { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(1turn); transform: rotate(1turn); } } #zegsu-shopify-ali-review img { vertical-align: inherit; } #zegsu-shopify-ali-review .shop_info { display: none; } #zegsu-shopify-ali-review .zegsu-review-verified { display: inline-block; color: #4cb050; margin-right: 15px; font-size: 14px; } #zegsu-shopify-ali-review .zegsu-review-comment-like { display: inline-block; font-size: 14px; font-weight: 400; color: #4a4f56 !important; text-decoration: none !important; border: none !important; } #zegsu-shopify-ali-review .zegsu-review-comment-like .zegsu-review-icon-like { display: inline-block; width: 13px; height: 13px; vertical-align: middle; } #zegsu-shopify-ali-review .zegsu-review-comment-like.active .zegsu-review-icon-like { background-position: -13px 0; } #zegsu-shopify-ali-review .zegsu-review-comment-unlike { display: inline-block; font-size: 14px; font-weight: 400; margin-left: 10px; color: #4a4f56 !important; text-decoration: none !important; border: none !important; } #zegsu-shopify-ali-review .zegsu-review-comment-unlike .zegsu-review-icon-like { background: url(https://zegsu.com/images/review-unlike.png?f78c0f8355f5162d3eb2e4019ecf2112) no-repeat; background-position: 0 0; display: inline-block; width: 13px; height: 13px; vertical-align: middle; } #zegsu-shopify-ali-review .zegsu-review-comment-unlike.active .zegsu-review-icon-like { background-position: -13px 0; } #zegsu-shopify-ali-review { width: 100%; max-width: 1100px; margin: 0 auto; margin-top: 30px; padding: 30px 0; } #zegsu-shopify-ali-review .count-img { display: none; } #zegsu-shopify-ali-review .zegsu-review-row { -webkit-box-sizing: border-box !important; box-sizing: border-box !important; display: inline-block; padding: 25px 50px 0; width: 100%; clear: both; } @media (max-width: 767px) { #zegsu-shopify-ali-review .zegsu-review-row { padding: 20px 15px 0; } } #zegsu-shopify-ali-review .zegsu-review-row:last-child { padding-bottom: 20px; } #zegsu-shopify-ali-review .zegsu-review-icon-summary-star-empty:before { content: "\E800"; } #zegsu-shopify-ali-review .alr-grid { display: none; } #zegsu-shopify-ali-review .zegsu-review-author { width: 100%; font-size: 14px; font-weight: 600; color: #000;} #zegsu-shopify-ali-review .zegsu-review-author .zegsu-review-verified { display: none; } #zegsu-shopify-ali-review time.zegsu-review-date { float: right; color: #90919b; font-size: 11px; line-height: 21px; } #zegsu-shopify-ali-review .zegsu-review-product-img { margin-top: 15px; } #zegsu-shopify-ali-review .zegsu-review-product-img a { border: none !important; } #zegsu-shopify-ali-review .zegsu-review-product-img img { width: 80px; height: 80px; margin: 0; margin-right: 3px; -webkit-box-shadow: 0 0 0; box-shadow: 0 0 0; border-radius: 9px; padding: 0; pointer-events: inherit; } #zegsu-shopify-ali-review .zegsu-review-row-hide-avatar .zegsu-review-thumbnail { display: none; } #zegsu-shopify-ali-review .zegsu-review-row-hide-avatar .zegsu-review-desc { float: left; width: 100%; } #zegsu-shopify-ali-review .zegsu-review-thumbnail { float: left; width: 12%; margin: 0; border: none; text-align: center; } #zegsu-shopify-ali-review .zegsu-review-thumbnail img.zegsu-review-avatar { width: 67px; height: 67px; border-radius: 5px; opacity: 1 !important; } #zegsu-shopify-ali-review .zegsu-review-thumbnail img.img-flags { width: 25px; height: 16px; float: left; margin-right: 10px; } #zegsu-shopify-ali-review .zegsu-review-thumbnail .zegsu-review-national-info { font-weight: 600; font-size: 13px; } #zegsu-shopify-ali-review .zegsu-review-thumbnail .zegsu-review-national-info .ali-flag-slc { margin-right: 3px; } #zegsu-shopify-ali-review .zegsu-review-thumbnail .zegsu-review-national-info .ali-flag-text { vertical-align: middle; } #zegsu-shopify-ali-review .zegsu-review-status { display: block; } #zegsu-shopify-ali-review .zegsu-review-form-group > span { cursor: pointer !important; } #zegsu-shopify-ali-review .zegsu-review-desc { width: 86%; float: right; position: relative; z-index: 1; text-align: left; } #zegsu-shopify-ali-review .zegsu-review-desc-content { background-color: #fff; padding: 20px; text-align: left; -webkit-box-shadow: 1px 1px 12px #c3c1c182; box-shadow: 1px 1px 12px #c3c1c182; border-radius: 9px; } #zegsu-shopify-ali-review .zegsu-review-desc-content:after, #zegsu-shopify-ali-review .zegsu-review-desc-content:before { content: ""; position: absolute; top: 20px; left: -20px; width: 0; height: 0; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-right: 20px solid #fdfdfd; } #zegsu-shopify-ali-review .zegsu-review-desc-content:before { border-right: 20px solid #f3f3f3; border-top: 7px solid transparent; border-bottom: 6px solid transparent; top: 19px; } #zegsu-shopify-ali-review .zegsu-review-desc-content .zegsu-review-post { margin-bottom: 10px; } #zegsu-shopify-ali-review .zegsu-review-desc-content .zegsu-review-post p { margin-top: 2px; margin-bottom: 0; color: #242539; font-size: 13px; word-break: break-word; } #zegsu-shopify-ali-review .zegsu-review-desc-content .zegsu-review-like-wrap .zegsu-review-date { display: none; } #zegsu-shopify-ali-review .zegsu-review-sort { padding: 0 50px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } #zegsu-shopify-ali-review .zegsu-review-sort + div .zegsu-list-zegsu-review { margin-top: 0; } #zegsu-shopify-ali-review .zegsu-review-sort .zegsu-review-sort__wrap { padding: 7px 0; font-size: 13px; text-align: right; position: relative; float: right; } #zegsu-shopify-ali-review .zegsu-review-sort .zegsu-review-sort__wrap.open .zegsu-review-sort__type { display: block !important; } #zegsu-shopify-ali-review .zegsu-review-sort .zegsu-review-sort__wrap:hover .zegsu-review-sort__label { opacity: 0.7; } #zegsu-shopify-ali-review .zegsu-review-sort .zegsu-review-sort__label { cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } #zegsu-shopify-ali-review .zegsu-review-sort .zegsu-review-sort__label .icon-filter img { -webkit-transform: rotateY(180deg); transform: rotateY(180deg); padding: 8px 6px; border-radius: 5px; border: 1px solid #eaeaea; } #zegsu-shopify-ali-review .zegsu-review-sort .zegsu-review-sort__type { text-transform: capitalize; margin: 0; padding: 0; width: 100%; position: absolute; top: 35px; right: 0; background-color: #fff; z-index: 9999; text-align: left; margin-top: 5px !important; -webkit-box-shadow: 1px 1px 5px #c7c7c7; box-shadow: 1px 1px 5px #c7c7c7; border-radius: 4px !important; padding-top: 3px; padding-bottom: 3px; cursor: pointer; display: none; list-style: none; width: 110px; } #zegsu-shopify-ali-review .zegsu-review-sort .zegsu-review-sort__type li { padding: 8px 12px !important; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; color: #333; } #zegsu-shopify-ali-review .zegsu-review-sort .zegsu-review-sort__type li:hover { background-color: rgba(233, 233, 240, 0.25) !important; color: #4d4f5c !important; } #zegsu-shopify-ali-review .zegsu-review-sort .zegsu-review-sort__type li.active { background-color: #e9e9f0 !important; color: #4d4f5c !important; } #zegsu-shopify-ali-review .zegsu-review-sort .zegsu-review-sort__type li[selected] { background-color: #ececec !important; } #jslghtbx-close { color: transparent; cursor: pointer; } #jslghtbx-close:after, #jslghtbx-close:before { background-color: #fff; } #jslghtbx { z-index: 9999999 !important; } #jslghtbx .jslghtbx-contentwrapper img { background: none; padding: 0; border-radius: 6px; -webkit-box-shadow: 0 0 15px #151515; box-shadow: 0 0 15px #151515; } #jslghtbx .jslghtbx-next, #jslghtbx .jslghtbx-prev { border: none !important; max-width: 100%; } #jslghtbx .jslghtbx-next div, #jslghtbx .jslghtbx-prev div { width: 50px; height: 50px; position: relative; border-radius: 50%; } #jslghtbx .jslghtbx-prev div:before { content: ""; border: solid #fff; border-width: 0 3px 3px 0; padding: 8px; margin-left: 5px; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%) rotate(135deg); transform: translate(-50%, -50%) rotate(135deg); } #jslghtbx .jslghtbx-prev:hover div { background-color: #fff; } #jslghtbx .jslghtbx-prev:hover div:before { border-color: #333; } #jslghtbx .jslghtbx-next div:before { content: ""; border: solid #fff; border-width: 0 3px 3px 0; padding: 8px; margin-left: -5px; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%) rotate(-45deg); transform: translate(-50%, -50%) rotate(-45deg); } #jslghtbx .jslghtbx-next:hover div { background-color: #fff; } #jslghtbx .jslghtbx-next:hover div:before { border-color: #333; } .lightbox-thmb { cursor: pointer; } @media only screen and (max-width: 768px) { #zegsu-shopify-ali-review { margin:0px; padding-top: 10px; padding-bottom: 25px; } #zegsu-shopify-ali-review .zegsu-review-sort { padding-left: 15px !important; padding-right: 15px !important; } } @media screen and (max-width: 680px) { #jslghtbx .jslghtbx-next div, #jslghtbx .jslghtbx-prev div { width: 35px; height: 35px; } #jslghtbx .jslghtbx-prev div:before { border-width: 0 2px 2px 0; padding: 6px; margin-left: 1px; } #jslghtbx .jslghtbx-next div:before { border-width: 0 2px 2px 0; padding: 6px; margin-left: -3px; } } @media only screen and (min-width: 768px) { #zegsu-shopify-ali-review .zegsu-review-sort { margin-bottom: -10px; } } @media only screen and (min-width: 993px) { #jslghtbx .jslghtbx-prev { left: 40px; } #jslghtbx .jslghtbx-next { right: 40px; } } .zegsu-review-result { padding: 25px 35px 0; } .lightbox-thmb { max-width: 100%; opacity: 1 !important; } .zegsu-list-zegsu-review { grid-gap: 25px !important; padding-top: 0 !important; } .zegsu-list-zegsu-review .count-img { top: 5px; right: 5px; z-index: 9; color: #fff; display: block !important; height: -webkit-max-content; height: -moz-max-content; height: max-content; } .zegsu-list-zegsu-review .count-img, .zegsu-list-zegsu-review .count-img:after { position: absolute; background-color: #fff; padding: 2px 5px; font-size: 11px; border-radius: 4px; -webkit-box-shadow: 1px 1px 2px #989696; box-shadow: 1px 1px 2px #989696; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; line-height: inherit; } .zegsu-list-zegsu-review .count-img:after { content: attr(count-img); top: 4px; left: -4px; color: #242539; } .zegsu-list-zegsu-review .zegsu-review-row { width: 25% !important; float: left; padding: 4px 8px 8px !important; } .zegsu-list-zegsu-review .zegsu-review-row .zegsu-review-thumbnail { width: 100% !important; position: relative; z-index: 9; } .zegsu-list-zegsu-review .zegsu-review-row .zegsu-review-thumbnail .zegsu-review-avatar { margin-top: -20px; border: 3px solid #fff; width: 50px !important; height: 50px !important; -o-object-fit: cover !important; object-fit: cover !important; margin-bottom: -14px !important; position: relative; z-index: 9; } .zegsu-list-zegsu-review .zegsu-review-row .zegsu-review-thumbnail .zegsu-review-author { margin-bottom: 5px !important; } .zegsu-list-zegsu-review .zegsu-review-row .zegsu-review-thumbnail .zegsu-review-author .zegsu-review-verified { margin-right: 0 !important; display: inline-block !important; vertical-align: middle !important; } .zegsu-list-zegsu-review .zegsu-review-row .zegsu-review-desc { border: none !important; width: 100% !important; text-align: center !important; float: inherit !important; } .zegsu-list-zegsu-review .zegsu-review-row .zegsu-review-desc:before { content: none !important; } .zegsu-list-zegsu-review .zegsu-review-row .zegsu-review-desc .zegsu-review-desc-content { padding: 0 15px !important; padding-bottom: 15px !important;} .zegsu-list-zegsu-review .zegsu-review-row .zegsu-review-desc .zegsu-review-desc-content:after, .zegsu-list-zegsu-review .zegsu-review-row .zegsu-review-desc .zegsu-review-desc-content:before { content: none !important; } .zegsu-list-zegsu-review .zegsu-review-row .zegsu-review-desc .zegsu-review-desc-content .zegsu-review-header .zegsu-review-status { float: left; width: 100%; text-align: center; margin-top: 5px !important; } .zegsu-list-zegsu-review .zegsu-review-row .zegsu-review-desc .zegsu-review-desc-content .zegsu-review-header .zegsu-review-status .zegsu-review-date, .zegsu-list-zegsu-review .zegsu-review-row .zegsu-review-desc .zegsu-review-desc-content .zegsu-review-header .zegsu-review-status .zegsu-review-verified { display: none !important; } .zegsu-list-zegsu-review .zegsu-review-row .zegsu-review-desc .zegsu-review-desc-content .zegsu-review-post { margin-bottom: 5px; } .zegsu-list-zegsu-review .zegsu-review-row .zegsu-review-desc .zegsu-review-desc-content p { text-align: center !important; } .zegsu-list-zegsu-review .zegsu-review-row .zegsu-review-desc .zegsu-review-like-wrap .zegsu-review-date { display: inline-block !important; } .zegsu-list-zegsu-review .zegsu-review-row .zegsu-review-product-img { display: none; } .zegsu-list-zegsu-review .alr-grid { margin-top: 0 !important; } .zegsu-list-zegsu-review .alr-grid img { width: inherit !important; height: inherit !important; display: none !important; margin: auto !important; margin-top: 0 !important; max-height: none !important; } .zegsu-list-zegsu-review .alr-grid a:first-child img { display: block !important; } .list-review-pagination .zegsu-review-pagination { text-align: center; padding-top: 25px; } @media only screen and (max-width: 992px) { .zegsu-list-zegsu-review .zegsu-review-row { width: 33% !important; width: 33.33333% !important; } } @media only screen and (max-width: 768px) { .zegsu-review-result { padding: 25px 0;overflow-x:hidden; } .zegsu-list-zegsu-review .zegsu-review-row { width: calc(50% - 1.5px) !important; } } .modal-open { overflow: hidden; } .modal-open .lightbox-modal { overflow-x: hidden; overflow-y: auto; } .lightbox-modal { position: fixed; padding: 0 15px; top: 0; right: 0; bottom: 0; left: 0; z-index: 999999999999999; display: none; background: rgba(0, 0, 0, 0.75); } .lightbox-modal .lightbox-dialog { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: auto; margin: 150px auto; position: relative; height: calc(100vh - 300px); } .lightbox-modal .lightbox-close { color: #fff; position: absolute; top: 10px; right: 25px; font-size: 35px; font-weight: 700; } .lightbox-modal .lightbox-content { position: relative; background-color: #fefefe; margin: auto; padding: 0; width: 100%; height: 100%; max-width: 1200px; display: -webkit-box; display: -ms-flexbox; display: flex; border-radius: 10px; } .lightbox-modal .lightbox-content .lc-gallery-image { width: 65%; background: #000; position: relative; border-top-left-radius: 10px; border-bottom-left-radius: 10px; overflow: hidden; } .lightbox-modal .lightbox-content .lc-gallery-image .lc-list-image { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 100%; position: relative; } .lightbox-modal .lightbox-content .lc-gallery-image .lc-list-image .lightbox-thmb { cursor: default; } .lightbox-modal .lightbox-content .lc-gallery-image .lc-list-image img { display: none; width: auto; height: auto; margin: auto !important; max-height: 100%; position: absolute; top: 0; bottom: 0; left: 0; right: 0; } .lightbox-modal .lightbox-content .lc-gallery-image .lc-list-image .visible-img { display: block !important; } .lightbox-modal .lightbox-content .lc-gallery-image .lc-arrow .lc-arrow-left:before { content: ""; left: 17px; -webkit-transform: translate(-50%, -50%) rotate(135deg); transform: translate(-50%, -50%) rotate(135deg); } .lightbox-modal .lightbox-content .lc-gallery-image .lc-arrow .lc-arrow-right:before { content: ""; right: 5px; webkit-transform: translate(-50%, -50%) rotate(-45deg); -webkit-transform: translate(-50%, -50%) rotate(-45deg); transform: translate(-50%, -50%) rotate(-45deg); } .lightbox-modal .lightbox-content .lc-gallery-image .lc-arrow > div:before { margin-left: 5px; position: absolute; top: 50%; border: solid #fff; border-width: 0 3px 3px 0; display: inline-block; padding: 6px; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; } .lightbox-modal .lightbox-content .lc-gallery-image .lc-arrow > div { position: absolute; width: 35px; height: 90px; top: 0; bottom: 0; margin: auto; cursor: pointer; } .lightbox-modal .lightbox-content .lc-gallery-image .lc-arrow .lc-arrow-left { left: 0; border-top-right-radius: 10px; border-bottom-right-radius: 10px; } .lightbox-modal .lightbox-content .lc-gallery-image .lc-arrow .lc-arrow-right { right: 0; border-top-left-radius: 10px; border-bottom-left-radius: 10px; } .lightbox-modal .lightbox-content .lc-gallery-image .lc-arrow > div:hover { background: #c3c5c6; } .lightbox-modal .lightbox-content .lc-gallery-image .lc-arrow > div:hover:before { border-color: #000; } .lightbox-modal .lightbox-content .lc-info { padding: 40px 25px; width: 35%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .lightbox-modal .lightbox-content .lc-info .lc-avatar { width: 85px; min-width: 85px; margin-right: 15px; } .lightbox-modal .lightbox-content .lc-info .lc-avatar img { width: 100%; border-radius: 10px; opacity: 1 !important; } .lightbox-modal .lightbox-content .lc-info .lc-username { display: -webkit-box; display: -ms-flexbox; display: flex; } .lightbox-modal .lightbox-content .lc-info .lc-username span { overflow: auto; text-overflow: ellipsis; white-space: nowrap; font-size: 18px; font-weight: 600; } .lightbox-modal .lightbox-content .lc-info .lc-top { display: block; } .lightbox-modal .lightbox-content .lc-info .lc-top > div { width: 100%; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } .lightbox-modal .lightbox-content .lc-info .lc-top .lc-right { overflow: auto; } .lightbox-modal .lightbox-content .lc-info .lc-desc { margin: 20px 0; overflow: auto; } .lightbox-modal .lightbox-content .lc-info .lc-desc::-webkit-scrollbar { width: 5px; } .lightbox-modal .lightbox-content .lc-info .lc-desc::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); border-radius: 10px; } .lightbox-modal .lightbox-content .lc-info .lc-desc::-webkit-scrollbar-thumb { border-radius: 10px; -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5); } .lightbox-modal .lightbox-content .lc-info .lc-national-info { font-weight: 600; } .lightbox-modal .lightbox-content .lc-info .lc-like-wrap .zegsu-review-date { float: right; } .lightbox-modal .lightbox-content .lc-info .lc-stars [class*="alr-icon-"], .lightbox-modal .lightbox-content .lc-info .lc-stars [class^="alr-icon-"] { font-size: 26px; } .lightbox-modal .lightbox-content .lc-info .zegsu-review-verified { display: inline-block; color: #4cb050; margin-left: 5px; font-size: 18px; } .lightbox-modal .lightbox-content .lc-info .zegsu-review-comment-like { display: inline-block; font-size: 16px; font-weight: 400; color: #4a4f56 !important; text-decoration: none !important; border: none !important; } .lightbox-modal .lightbox-content .lc-info .zegsu-review-comment-like .zegsu-review-icon-like { background: url(https://zegsu.com/images/review-like.png?bab1d5caa908b17ce9dd4d5079c7ef6e) no-repeat; background-position: 5px 0; display: inline-block; width: 25px; height: 25px; vertical-align: middle; background-size: 40px; } .lightbox-modal .lightbox-content .lc-info .zegsu-review-comment-like.active .zegsu-review-icon-like { background-position: -20px 0; } .lightbox-modal .lightbox-content .lc-info .zegsu-review-comment-unlike { display: inline-block; margin-right: -3px; font-size: 16px; font-weight: 400; margin-left: 10px; color: #4a4f56 !important; text-decoration: none !important; border: none !important; } .lightbox-modal .lightbox-content .lc-info .zegsu-review-comment-unlike .zegsu-review-icon-like { background: url(https://zegsu.com/images/review-unlike.png?f78c0f8355f5162d3eb2e4019ecf2112) no-repeat; background-position: 5px 0; display: inline-block; width: 25px; height: 25px; vertical-align: middle; background-size: 40px; } .lightbox-modal .lightbox-content .lc-info .zegsu-review-comment-unlike.active .zegsu-review-icon-like { background-position: -20px 0; } .lightbox-modal .lightbox-close-modal { color: transparent; cursor: pointer; position: absolute; right: 8px; top: 10px; width: 32px; height: 32px; opacity: 0.7; } .lightbox-modal .lightbox-close-modal:after, .lightbox-modal .lightbox-close-modal:before { background-color: #000; position: absolute; left: 15px; content: " "; height: 18px; width: 2px; } .lightbox-modal .lightbox-close-modal:before { webkit-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); } .lightbox-modal .lightbox-close-modal:after { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .lightbox-modal .lightbox-close-modal:hover { opacity: 1; } .visible-modal { display: block; } @media only screen and (max-width: 1024px) { .lightbox-modal .lightbox-content { width: 90%; } .lightbox-modal .lightbox-content .lc-info { padding: 20px 10px; } .lightbox-modal .lightbox-dialog { margin: 50px auto; height: calc(100vh - 100px); } .lightbox-modal .lightbox-close-modal { right: 0; top: 5px; } } @media only screen and (max-width: 992px) and (orientation: landscape) { .lightbox-modal { padding: 0 15px; } .lightbox-modal .lightbox-dialog { margin: 15px auto; height: calc(100vh - 30px); } .lightbox-modal .lightbox-content { width: 100%; } .lightbox-modal .lightbox-content .lc-gallery-image { width: 60%; } .lightbox-modal .lightbox-content .lc-info { width: 40%; } .lightbox-modal .lightbox-content .lc-info .lc-avatar { margin-right: 5px; } .lightbox-modal .lightbox-content .lc-info .lc-avatar img { width: 80px; } .lightbox-modal .lightbox-content .lc-info .lc-stars [class*="alr-icon-"], .lightbox-modal .lightbox-content .lc-info .lc-stars [class^="alr-icon-"] { font-size: 20px; } } @media only screen and (max-width: 992px) and (orientation: portrait) { .lightbox-modal .lightbox-content { -ms-flex-wrap: wrap; flex-wrap: wrap; } .lightbox-modal .lightbox-content .lc-gallery-image { width: 100%; border-bottom-left-radius: 0; border-top-right-radius: 10px; height: 400px; min-height: 400px; } .lightbox-modal .lightbox-content .lc-gallery-image .lc-arrow > div:before { padding: 5px; } .lightbox-modal .lightbox-content .lc-info { width: 100%; height: calc(100% - 400px); } .lightbox-modal .lightbox-close-modal { opacity: 1; } .lightbox-modal .lightbox-close-modal:after, .lightbox-modal .lightbox-close-modal:before { background-color: #fff; } }