/********************************* Font icon *********************************/ @font-face { font-family: "rc-bg-icofont"; src: url("../fonts/rc-bg-icon/RC-bg-font.eot"); src: url("../fonts/rc-bg-icon/RC-bg-font.eot") format("embedded-opentype"), url("../fonts/rc-bg-icon/RC-bg-font.ttf") format("truetype"), url("../fonts/rc-bg-icon/RC-bg-font.woff") format("woff"), url("../fonts/rc-bg-icon/RC-bg-font.svg") format("svg"); font-weight: normal; font-style: normal; } [class^=icon-], [class*=" icon-"] { /* use !important to prevent issues with browser extensions that change fonts */ font-family: "rc-bg-icofont" !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-Pinterest:before { content: "\e911"; color: #cd2129; } .icon-Crown:before { content: "\e901"; } .icon-Fb:before { content: "\e903"; } .icon-In:before { content: "\e904"; } .icon-Instagram:before { content: "\e905"; } .icon-Link:before { content: "\e906"; } .icon-Q:before { content: "\e908"; } .icon-Tw:before { content: "\e8eb"; } .icon-Youtube:before { content: "\e90b"; } .icon-Quotes:before { content: "\e909"; } .icon-Instagram2:before { content: "\e902"; } .icon-Price:before { content: "\e900"; } .icon-Crown-4-Title:before { content: "\e907"; } .icon-Shipping:before { content: "\e90a"; } .icon-Winner:before { content: "\e90c"; } .icon-Saved:before { content: "\e90d"; } .icon-like:before { content: "\e90e"; } .icon-mail:before { content: "\e90f"; } .icon-dark-ochko:before { content: "\e910"; } /********************************* END *********************************/ .rc-bg-wrap { z-index: 1; padding: 25px 0 0; position: relative; } .rc-bg-wrap .review-content { width: 100%; float: initial; } .rc-bg-wrap .review-content-wrap .main-sidebar { display: none; } .rc-bg-wrap .related-posts-wrap { width: 100%; } .rc-bg-wrap .review-default-banners { width: 100%; } .rc-bg-container { margin: 0 auto; max-width: 980px; width: 100%; position: relative; } /********************************* COMMON ELEMENTS *********************************/ .bg-to-top-button-wrap { position: fixed; right: 4%; max-width: 65px; width: 100%; bottom: 4%; -webkit-border-radius: 32px; -moz-border-radius: 32px; -ms-border-radius: 32px; border-radius: 32px; padding: 33px 5px 24px; cursor: pointer; display: none; -webkit-transition: all 0.15s; -moz-transition: all 0.15s; -ms-transition: all 0.15s; -o-transition: all 0.15s; transition: all 0.15s; z-index: 10; opacity: 0.7; } .bg-to-top-button-wrap:before { content: ""; position: absolute; top: 14px; left: 28px; width: 10px; height: 10px; -moz-transform: rotate(225deg) translateZ(1px); -o-transform: rotate(225deg) translateZ(1px); -ms-transform: rotate(225deg) translateZ(1px); -webkit-transform: rotate(225deg) translateZ(1px); transform: rotate(225deg) translateZ(1px); border-bottom: 1px solid; border-right: 1px solid; background: 0 0; -webkit-transition: all 0.15s; -moz-transition: all 0.15s; -ms-transition: all 0.15s; -o-transition: all 0.15s; transition: all 0.15s; color: #ffffff; } .bg-to-top-button-wrap .bg-button-title-wrap { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; flex-direction: column; align-items: center; } .bg-to-top-button-wrap .bg-button-title-wrap span { color: #ffffff; text-transform: uppercase; font-size: 12px; font-family: "open sans", sans-serif; font-weight: 700; } .bg-to-top-button-wrap .bg-button-title-wrap .bg-button-label { position: relative; font-size: 23px; margin: 0 0 4px; font-weight: 900; } .bg-to-top-button-wrap .bg-button-title-wrap .bg-button-label:before, .bg-to-top-button-wrap .bg-button-title-wrap .bg-button-label:after { content: ""; position: absolute; top: 4px; width: 9px; height: 19px; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-repeat: no-repeat; } .bg-to-top-button-wrap .bg-button-title-wrap .bg-button-label:before { left: -9px; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAATCAMAAAB1AtffAAAAe1BMVEUAAAD////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////NgkbwAAAAKHRSTlMA/OUPckMr+OvFva+pmIUiBvHStqOVem1gVU8cCd/eyqWLf0k6ODMyB7M2fQAAAIRJREFUCNctjlcSAzEIQ3HZ5prtLb3q/icM9iw/vBEgRLmKRh0gsHM7ETnIJMhAti4SCejyt76ZDBoN9Ex7c61Ql0T6S585LCzV8BREy+SBGRiYlBMSfXahc4wG7H+/PZRHxcoTsB3Gkt8OAt1kZd5TtAEcK07jpnOYFYCpXmm6XFrHB3/+KAkuT2t0awAAAABJRU5ErkJggg=="); } .bg-to-top-button-wrap .bg-button-title-wrap .bg-button-label:after { right: -10px; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAATCAMAAAB1AtffAAAAgVBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////9d3yJTAAAAKnRSTlMA+QVN66gY1aB3Nx/m4NrJwbialIqAcmVaPicSDQnyzMKxrJuNg2xdRCuJ/446AAAAhklEQVQI1y2ORxaDMAxEJbCNsWkJPUB6nfsfMDKgp8VfaDSfyCQxbXMCjxtFCkeiKeCY2UUnAnHvfI1c6AB0RTignwLneg6Jdzt4ijtBxktOSiENpLIhfGN1biKiGZWZorWD8TS2qIncA1UJfKT2nl7AjUgBX1p2lX6wrQ9P+AqwW1V1FrT/QbcJbExiQrYAAAAASUVORK5CYII="); } .bg-to-top-button-wrap:hover { opacity: 1; } .rc-bg-label-title { text-align: center; } .rc-bg-wrap .sources-section { text-align: center; } .rc-bg-wrap .section-indent { margin: 0 0 66px; } .rc-bg-wrap .sources-title { font-size: 39px; margin: 0 0 55px; display: inline-block; vertical-align: middle; position: relative; font-family: "open sans", sans-serif; font-weight: 700; width: auto; line-height: 1.2; } .rc-bg-title { font-size: 39px; margin: 0 0 30px; display: inline-block; vertical-align: middle; position: relative; font-family: "open sans", sans-serif; font-weight: 700; width: auto; } .rc-bg-wrap .top10-rating-title { font-family: "open sans", sans-serif; font-weight: 800; font-size: 12px; color: #24292f; text-transform: uppercase; margin: 0 0 10px; text-align: center; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; width: 100%; } .rc-bg-wrap .top10-product-rating { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; flex-direction: column; align-items: center; margin: 12px 0 0px; position: relative; width: 100%; } .rc-bg-wrap .top10-product-rating .bg-criteria-help-text { top: -69px; width: 250px; right: -11px; } .rc-bg-wrap .top10-rating-counter, .rc-bg-wrap .empty-store { font-family: "open sans", sans-serif; font-weight: 800; font-size: 28px; margin: 14px 0 0; } .rc-bg-wrap .top10-rating-counter { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; flex-direction: column; align-items: center; } .rc-bg-wrap .top10-rating-counter span { font-size: 16px; } .bg-button-wrapper { text-align: center; max-width: 230px; margin: 0 auto; position: relative; } .bg-button-wrapper a { position: relative; height: 38px; line-height: 18px; font-size: 15px; text-transform: capitalize; font-family: "open sans", sans-serif; font-weight: 700; padding: 10px 15px; max-width: 230px; width: 100%; display: inline-block; -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; border-radius: 20px; z-index: 2; background: #ffffff; text-decoration-line: none; -webkit-transition: all 0.15s; -moz-transition: all 0.15s; -ms-transition: all 0.15s; -o-transition: all 0.15s; transition: all 0.15s; } .bg-button-wrapper a:hover { color: #ffffff; } .bg-button-wrapper a .icon-font { font-size: 13px; margin: 0 0 0 5px; } .bg-button-wrapper .bg-button-helper { position: absolute; top: -1px; height: 40px; left: -1px; right: -1px; z-index: 0; -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; border-radius: 20px; } .top10-table-title { text-align: center; } .rc-bg-secondary-title { font-size: 31px; margin: 0 0 36px; display: inline-block; vertical-align: middle; position: relative; font-family: "open sans", sans-serif; font-weight: 700; width: auto; line-height: 1.2; } .rc-bg-secondary-subtitle { font-family: "open sans", sans-serif; font-weight: 700; font-size: 18px; text-align: center; margin: -15px 0 20px; } .top10-best-price-wrap .price-item-wrap a, .top10-best-price-wrap .price-item-wrap .rc-bg-store-link, .top10-price-detail-item .price-item-wrap a, .top10-price-detail-item .price-item-wrap .rc-bg-store-link { font-family: "open sans", sans-serif; font-weight: 600; max-width: 115px; width: 100%; text-align: center; color: #ffffff; background: #f90900; -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; border-radius: 20px; font-size: 11px; padding: 7px 10px 8px; text-transform: capitalize; text-decoration-line: none; } .top10-best-price-wrap .price-item-wrap a:hover, .top10-best-price-wrap .price-item-wrap .rc-bg-store-link:hover, .top10-price-detail-item .price-item-wrap a:hover, .top10-price-detail-item .price-item-wrap .rc-bg-store-link:hover { background: #302c2c; } .top10-price-details-content .price-item-wrap a { margin: 0 0 0 20px; max-width: 130px; display: inline-block; font-size: 13px; padding: 8px 6px; text-decoration-line: none; } .top10-table-shops > a:last-child, .top10-table-shops .rc-bg-store-link:last-child { font-family: "open sans", sans-serif; font-weight: 600; max-width: 150px; width: 100%; text-align: center; color: #ffffff; background: #f90900; -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; border-radius: 20px; font-size: 15px; padding: 11px; margin: 20px 0 0; -webkit-transition: all 0.15s; -moz-transition: all 0.15s; -ms-transition: all 0.15s; -o-transition: all 0.15s; transition: all 0.15s; text-transform: capitalize; text-decoration-line: none; } .top10-table-shops > a:last-child:hover, .top10-table-shops .rc-bg-store-link:last-child:hover { background: #302c2c; } .top10-table-shops .rc-bg-store-link { font-family: "open sans", sans-serif; font-weight: 600; max-width: 150px; width: 100%; text-align: center; color: #ffffff; background: #f90900; -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; border-radius: 20px; font-size: 15px; padding: 11px; margin: 20px 0 0; -webkit-transition: all 0.15s; -moz-transition: all 0.15s; -ms-transition: all 0.15s; -o-transition: all 0.15s; transition: all 0.15s; text-transform: capitalize; text-decoration-line: none; } .top10-table-shops .empty-store { margin: 26px 0 0; } .bg-criterias-help-button { position: absolute; right: 0; top: -6px; cursor: pointer; -webkit-transition: all 0.15s; -moz-transition: all 0.15s; -ms-transition: all 0.15s; -o-transition: all 0.15s; transition: all 0.15s; } .bg-criterias-help-button:hover .bg-criteria-help-text, .bg-criterias-help-button.active .bg-criteria-help-text { opacity: 1; visibility: visible; } .bg-criterias-help-button .icon-Q { color: #e2e0e0; font-size: 15px; } .top10-product-wrap .bg-criterias-help-button, .bg-criterias-table-item .bg-criterias-help-button { right: -20px; } .bg-criteria-help-text { position: absolute; background: #f3f3f3; padding: 8px 10px 7px; text-align: center; font-size: 13px; color: #24292f; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; opacity: 0; visibility: hidden; } .bg-criteria-help-text:after { content: ""; position: absolute; bottom: -10px; right: 15px; border: 5px solid transparent; border-top: 5px solid #f3f3f3; } /********************************* END *********************************/ .rc-top-10-title { text-align: center; } .rc-bg-wrap .bg-entry-review-info { background: rgba(242, 244, 246, 0.5); margin: 0 0 41px; } .rc-bg-wrap .bg-entry-review-info .post-author { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; min-width: 160px; text-align: left; align-items: center; } .rc-bg-wrap .bg-entry-review-info .post-author .avatar { float: none; margin-right: 15px; } .rc-bg-wrap .bg-entry-review-info .display-name { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; flex-direction: column; color: #aeaeae; font-size: 12px; font-family: "open sans", sans-serif; font-weight: 400; margin: 0 45px 0 0; } .rc-bg-wrap .bg-entry-review-info .display-name:last-child { margin: 0; } .rc-bg-wrap .bg-entry-review-info .rc-status-author { color: #2a2e32; text-transform: uppercase; font-family: "open sans", sans-serif; font-weight: 800; } .rc-bg-wrap .bg-entry-review-info .entry-review-info { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; justify-content: space-between; align-items: center; position: relative; padding: 30px 81px 21px 70px; margin-bottom: 44px; } .rc-bg-wrap .bg-entry-review-info .entry-review-info:after { content: ""; position: absolute; height: 1px; left: 0px; right: 0px; bottom: 0; background: #e8e8e8; } .rc-bg-wrap .bg-entry-review-info .bg-date-update { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; flex-direction: column; text-align: right; font-size: 12px; } .rc-bg-wrap .bg-entry-review-info .bg-date-update .bg-update-title { color: #2a2e32; text-transform: uppercase; font-family: "open sans", sans-serif; font-weight: 800; } .rc-bg-wrap .bg-entry-review-info .bg-date-update .bg-date { color: #aeaeae; font-family: "open sans", sans-serif; font-weight: 400; } .rc-bg-wrap .bg-entry-review-info .bg-review-text { font-family: "open sans", sans-serif; font-weight: 400; padding: 0 70px 30px; color: #2a2e32; font-size: 18px; font-style: italic; line-height: 1.45; } .rc-bg-wrap .bg-entry-review-info .bg-review-text a { text-decoration-line: underline; } @media (min-width: 991px) { .rc-bg-wrap .bg-entry-review-info .bg-review-text a:hover { text-decoration: none; color: #aa1919; } } .rc-bg-wrap .bg-branded-top3-wrap .rc-best-rated-wrap { margin: 0 0 41px 0; } .rc-bg-up-posts-wrap { margin: 0 0 30px; padding: 0 70px; } .rc-bg-up-posts-wrap .last-upposts > legend { color: #2a2e32; background-color: #f8f9fa; } .rc-bg-up-posts-wrap .last-upposts .related .expand { color: #2a2e32; background: #f8f9fa; } .rc-bg-up-posts-wrap .last-upposts .related > .list { background: #f8f9fa; } .bg-features-item-wrap { padding: 0 70px 21px; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; margin: 0 -10px; justify-content: center; } .bg-features-item-wrap .bg-features-item { width: 16.66%; text-align: center; padding: 10px; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; flex-direction: row; } .bg-features-item-wrap .bg-item-wrapper { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; flex-direction: column; align-items: center; -webkit-box-shadow: 0px 0px 8px 0px rgba(79, 79, 79, 0.13); -moz-box-shadow: 0px 0px 8px 0px rgba(79, 79, 79, 0.13); box-shadow: 0px 0px 8px 0px rgba(79, 79, 79, 0.13); padding: 22px 15px 15px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; border-radius: 20px; background: #ffffff; width: 100%; } .bg-features-item-wrap .bg-features-image { height: 28px; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; align-items: center; justify-content: center; margin: 0 0 9px; } .bg-features-item-wrap .bg-features-image img { height: 100%; max-width: 100%; } .bg-features-item-wrap .bg-features-count { font-family: "open sans", sans-serif; font-weight: 800; color: #cb003d; font-size: 25px; text-transform: uppercase; } .bg-features-item-wrap .bg-features-title { font-family: "open sans", sans-serif; font-weight: 400; color: #24292f; text-transform: uppercase; margin: 4px 10px 10px; font-size: 10px; } .bg-features-link { text-align: center; padding: 0 0 20px; } .bg-features-link .bg-social-link { display: inline-block; /*width: 32px; height: 32px;*/ margin: 0 3px; } @media (min-width: 991px) { .bg-features-link .bg-social-link:hover { opacity: 0.6; } } .bg-features-link .icon-font { font-size: 29px; color: #e0e0e0; -webkit-transition: all 0.15s; -moz-transition: all 0.15s; -ms-transition: all 0.15s; -o-transition: all 0.15s; transition: all 0.15s; display: inline-block; padding: 2px; } .bg-features-link .icon-font.icon-Fb { color: #355eb5; } .bg-features-link .icon-font.icon-Youtube { color: #e35659; } .bg-features-link .icon-font.icon-Instagram2 { background: #fabb4d; background: -moz-linear-gradient(139deg, #fabb4d 0, #f14946 15%, #c6316c 50%, #5c44d8 100%); background: -webkit-linear-gradient(139deg, #fabb4d 0, #f14946 15%, #c6316c 50%, #5c44d8 100%); background: linear-gradient(139deg, #fabb4d 0, #f14946 15%, #c6316c 50%, #5c44d8 100%); -webkit-background-clip: text; -ms-background-clip: text; -moz-background-clip: text; background-clip: text; color: transparent; } .bg-features-link .icon-font.icon-Tw { color: #00a5d6; } /********************************* TOP 10 Best Shoes Table *********************************/ .rc-bg-wrap .filter-orderby-section { position: relative; text-align: center; width: 212px; margin: 0 auto 34px; display: none; } .rc-bg-wrap .filter-orderby-section .orderby-filter-button { -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; border-radius: 20px; display: inline-block; position: relative; width: 212px; line-height: 38px; font-size: 12px; cursor: pointer; padding: 0 15px; text-align: left; color: #24292f; border: 1px solid #e8e8e8; text-transform: uppercase; font-family: "open sans", sans-serif; font-weight: 700; } .rc-bg-wrap .filter-orderby-section .orderby-filter-button.active { border-color: transparent; -webkit-border-radius: 20px 20px 0 0; -moz-border-radius: 20px 20px 0 0; -ms-border-radius: 20px 20px 0 0; border-radius: 20px 20px 0 0; border-bottom-color: #e8e8e8; -webkit-box-shadow: 0px 0px 8px 0px rgba(79, 79, 79, 0.13); -moz-box-shadow: 0px 0px 8px 0px rgba(79, 79, 79, 0.13); box-shadow: 0px 0px 8px 0px rgba(79, 79, 79, 0.13); } .rc-bg-wrap .filter-orderby-section .orderby-filter-button:before { content: ""; position: absolute; right: 16px; top: 54%; width: 6px; height: 6px; margin-top: -7px; border-bottom: 1px solid; border-right: 1px solid; background: 0 0; -webkit-transition: all 0.15s; -moz-transition: all 0.15s; -ms-transition: all 0.15s; -o-transition: all 0.15s; transition: all 0.15s; -moz-transform: rotate(45deg) translateZ(1px); -o-transform: rotate(45deg) translateZ(1px); -ms-transform: rotate(45deg) translateZ(1px); -webkit-transform: rotate(45deg) translateZ(1px); transform: rotate(45deg) translateZ(1px); color: #24292f; } .rc-bg-wrap .filter-orderby-section .filter-orderby-section-filters { display: none; width: 280px; position: absolute; z-index: 6; top: 100%; background: #fff; -moz-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); left: 50%; -webkit-box-shadow: 0px 0px 8px 0px rgba(79, 79, 79, 0.13); -moz-box-shadow: 0px 0px 8px 0px rgba(79, 79, 79, 0.13); box-shadow: 0px 0px 8px 0px rgba(79, 79, 79, 0.13); -webkit-border-radius: 0 0 20px 20px; -moz-border-radius: 0 0 20px 20px; -ms-border-radius: 0 0 20px 20px; border-radius: 0 0 20px 20px; } .rc-bg-wrap .filter-orderby-section .filter-orderby-section-filters .orderby-filter { display: block; padding: 13px 15px; cursor: pointer; text-align: left; font-family: "open sans", sans-serif; font-weight: 700; color: #24292f; text-transform: uppercase; font-size: 12px; -webkit-transition: all 0.15s; -moz-transition: all 0.15s; -ms-transition: all 0.15s; -o-transition: all 0.15s; transition: all 0.15s; } .rc-bg-wrap .filter-orderby-section .filter-orderby-section-filters .orderby-filter:last-child { -webkit-border-radius: 0 0 20px 20px; -moz-border-radius: 0 0 20px 20px; -ms-border-radius: 0 0 20px 20px; border-radius: 0 0 20px 20px; } .rc-bg-wrap .filter-orderby-section .filter-orderby-section-filters .orderby-filter:hover { background: #f7f7f7; } .rc-bg-wrap .top10-best-table-wrap .filter-orderby-section .filter-orderby-section-filters { width: 212px; } .top10-shop-column-helper { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; flex-shrink: 0; flex-basis: 330px; } .top10-product-column-helper { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; flex-grow: 1; } .top10-best-table-content { -webkit-box-shadow: 0px 0px 8px 0px rgba(79, 79, 79, 0.13); -moz-box-shadow: 0px 0px 8px 0px rgba(79, 79, 79, 0.13); box-shadow: 0px 0px 8px 0px rgba(79, 79, 79, 0.13); } .top10-best-table-content .top10-table-helper { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; } .top10-best-table-content .top10-table-row { border-bottom: 1px solid #e5e5e5; } .top10-best-table-content .top10-table-row:last-child { border-bottom: none; } .top10-best-table-content .top10-table-row .top10-table-details-wrap { display: none; border-top: 1px solid #e5e5e5; padding: 50px 20px 41px 82px; } .top10-best-table-content .top10-table-row .top10-table-details-wrap.opened { display: block; } .top10-best-table-content .top10-table-row .top10-details-wrapper { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; flex-direction: row; justify-content: space-between; margin: 0 0 39px; } .top10-best-table-content .top10-table-row.top10-table-head { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; } .top10-best-table-content .top10-table-head .top10-product-column-helper { flex-direction: row; } .top10-best-table-content .top10-table-head .top10-product-column-helper .top10-table-picture .mob-title { display: none; } .top10-best-table-content .top10-table-head .top10-shop-column-helper { flex-direction: row; } .top10-best-table-content .top10-table-column { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; align-items: center; padding: 25px 12px; } .top10-best-table-content .top10-table-column.top10-table-rank { font-family: "open sans", sans-serif; font-weight: 700; font-size: 20px; color: #45454b; } .top10-best-table-content .top10-table-column.top10-table-picture span { max-width: 130px; } .top10-best-table-content .top10-table-column.top10-table-picture span img { width: 100%; } .top10-best-table-content .top10-table-column.top10-table-product-name { flex-direction: column; justify-content: space-between; align-items: flex-start; padding: 35px 20px 25px 35px; } .top10-best-table-content .top10-table-column.top10-table-product-name .top10-product-title { font-family: "open sans", sans-serif; display: block; color: #45454b; font-size: 18px; font-weight: 600; } .top10-best-table-content .top10-table-column.top10-table-product-name .rc-bg-secondary-subtitle { font-family: "open sans", sans-serif; font-weight: 400; font-size: 16px; text-align: left; margin: 10px 0; color: #45454b; } .top10-best-table-content .top10-table-column.top10-table-product-name .top10-table-button { font-size: 12px; text-transform: uppercase; letter-spacing: 3px; position: relative; padding: 0 0 1px; display: inline-block; vertical-align: middle; -webkit-transition: all 0.15s; -moz-transition: all 0.15s; -ms-transition: all 0.15s; -o-transition: all 0.15s; transition: all 0.15s; } .top10-best-table-content .top10-table-column.top10-table-product-name .top10-table-button:before { content: ""; position: absolute; top: 50%; right: -8px; width: 4px; height: 4px; margin-top: -3px; border-bottom-width: 1px; border-bottom-style: solid; border-right-width: 1px; border-right-style: solid; opacity: 0; -webkit-transition: all 0.15s; -moz-transition: all 0.15s; -ms-transition: all 0.15s; -o-transition: all 0.15s; transition: all 0.15s; -moz-transform: rotate(45deg) translate3d(0, -50%, 1px); -o-transform: rotate(45deg) translate3d(0, -50%, 1px); -ms-transform: rotate(45deg) translate3d(0, -50%, 1px); -webkit-transform: rotate(45deg) translate3d(0, -50%, 1px); transform: rotate(45deg) translate3d(0, -50%, 1px); } .top10-best-table-content .top10-table-column.top10-table-product-name .top10-table-button:after { content: ""; position: absolute; bottom: 0; left: 0; right: 3px; height: 1px; opacity: 1; -webkit-transition: all 0.15s; -moz-transition: all 0.15s; -ms-transition: all 0.15s; -o-transition: all 0.15s; transition: all 0.15s; } .top10-best-table-content .top10-table-column.top10-table-product-name .top10-table-button:hover:before { opacity: 1; } .top10-best-table-content .top10-table-column-head { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; align-items: center; justify-content: center; height: 50px; font-family: "open sans", sans-serif; font-weight: 800; font-size: 12px; color: #24292f; text-transform: uppercase; text-align: center; } .top10-best-table-content .top10-table-rank { flex-shrink: 0; flex-basis: 75px; justify-content: center; border-right: 1px solid #e5e5e5; } .top10-best-table-content .top10-table-picture { flex-shrink: 0; flex-basis: 200px; justify-content: center; border-right: 1px solid #e5e5e5; } .top10-best-table-content .top10-table-product-name { flex-basis: 375px; border-right: 1px solid #e5e5e5; } .top10-best-table-content .top10-table-rating { flex-shrink: 0; flex-basis: 130px; justify-content: center; border-right: 1px solid #e5e5e5; } .top10-best-table-content .top10-table-shops { flex-shrink: 0; flex-basis: 215px; justify-content: center; align-items: center; flex-direction: column; } .top10-best-table-content .rc-bg-logo { display: inline-block; max-width: 100px; } .top10-best-table-content .rc-bg-logo img { width: 100%; } .top10-best-table-content .top10-rating-details { width: 50%; } .top10-best-table-content .top10-best-price-details { width: 48%; } .top10-rating-details .rating-detail-title { font-family: "open sans", sans-serif; font-weight: 800; font-size: 12px; color: #24292f; text-transform: uppercase; margin: 0 0 10px; } .top10-rating-details .rating-details-line { margin: 0 0 23px; } .top10-rating-details .rating-detail-slider { background: #f3f3f3; padding: 5px 5px 4px; -webkit-border-radius: 11px; -moz-border-radius: 11px; -ms-border-radius: 11px; border-radius: 11px; position: relative; width: 100%; } .top10-rating-details .rating-detail-value { font-family: "open sans", sans-serif; font-weight: 700; position: absolute; right: 0; top: -35px; color: #45454b; font-size: 12px; -webkit-border-radius: 17px; -moz-border-radius: 17px; -ms-border-radius: 17px; border-radius: 17px; padding: 7px 8px; background: #ffffff; -webkit-box-shadow: 0px 2px 8px 0px rgba(79, 79, 79, 0.13); -moz-box-shadow: 0px 2px 8px 0px rgba(79, 79, 79, 0.13); box-shadow: 0px 2px 8px 0px rgba(79, 79, 79, 0.13); } .top10-rating-details .rating-detail-value:before { content: ""; position: absolute; border: 8px solid transparent; border-bottom: 8px solid #ffffff; bottom: -17px; left: 50%; -moz-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); } .top10-rating-details .detail-status-wrap { width: 0; position: absolute; top: 0; bottom: 0; left: 0; -webkit-border-radius: inherit; -moz-border-radius: inherit; -ms-border-radius: inherit; border-radius: inherit; } .top10-rating-details .detail-status-wrap:before { content: ""; display: block; width: 100%; height: 9px; background: #f21a4c; background: -moz-linear-gradient(left, #ae2583 0%, #f21a4c 100%); background: -webkit-linear-gradient(left, #ae2583 0%, #f21a4c 100%); background: linear-gradient(to right, #ae2583 0%, #f21a4c 100%); -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; border-radius: 6px; } .top10-table-details-wrap.opened .detail-status-wrap { -webkit-transition: 0.7s linear; -moz-transition: 0.7s linear; -ms-transition: 0.7s linear; -o-transition: 0.7s linear; transition: 0.7s linear; } .top10-price-details-header { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; justify-content: space-between; border-bottom: 1px solid #e5e5e5; padding: 0px 0 17px; margin: 0 10px; } .top10-price-details-header .details-header-title { font-family: "open sans", sans-serif; font-weight: 700; font-size: 16px; text-transform: uppercase; } .top10-price-details-header .details-header-subtitle { font-family: "open sans", sans-serif; font-weight: 400; font-size: 14px; } .top10-price-details-content { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; flex-direction: column; } .top10-price-details-content .top10-price-detail-item { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; flex-direction: row; align-items: center; justify-content: space-between; margin: 10px 0; } .top10-price-details-content .top10-price-detail-item .top10-logo-shop { width: 35%; position: relative; padding: 0 15px 0 0; } .top10-price-details-content .top10-price-detail-item .top10-logo-shop a { padding: 0 0 0 15px; display: block; } .top10-price-details-content .top10-price-detail-item .top10-logo-shop:after { content: ""; position: absolute; top: 0; bottom: 0; right: 0; width: 1px; background: #e5e5e5; } .top10-price-details-content .top10-price-detail-item .top10-logo-shop img { max-width: 110px; width: 100%; } .top10-price-details-content .price-item-wrap { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; flex-direction: row; align-items: center; width: 65%; justify-content: flex-end; padding: 0 10px 0 0; } .top10-price-details-content .price-item-wrap .item-price { font-family: "open sans", sans-serif; font-weight: 800; font-size: 16px; } /********************************* TOP 10 Picks *********************************/ .top10-best-picks-wrap { padding: 35px 0; margin: 25px 0; } .top10-product-wrap { border: 1px solid #e5e5e5; position: relative; } .top10-product-wrap .top10-product-wrapper { position: absolute; top: 19px; right: 30px; z-index: 2; } .top10-product-wrap .top10-product-image { border-bottom: 1px solid #e5e5e5; position: relative; cursor: pointer; } .top10-product-wrap .top10-product-image .top10-image-wrap { position: relative; padding: 10px 0; } .top10-product-wrap .top10-product-image .top10-image-wrap.hover .top10-price-detail-item-image { opacity: 1; visibility: visible; z-index: 3; } .top10-product-wrap .top10-product-image .top10-image-wrap .bx-wrapper { position: initial; } .top10-product-wrap .top10-product-image .top10-image-wrap .bx-controls { position: absolute; top: 56%; left: 0; right: 0; -moz-transform: translate(0, -50%); -o-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -webkit-transform: translate(0, -50%); transform: translate(0, -50%); } .top10-product-wrap .top10-product-image .top10-image-wrap .bx-controls a.bx-prev { left: -26px; } .top10-product-wrap .top10-product-image .top10-image-wrap .bx-controls a.bx-next { right: -26px; } .top10-product-wrap .top10-product-image .top10-image-wrap .bx-controls a.bx-next:before { -moz-transform: translate(-55%, -50%) rotate(-135deg); -o-transform: translate(-55%, -50%) rotate(-135deg); -ms-transform: translate(-55%, -50%) rotate(-135deg); -webkit-transform: translate(-55%, -50%) rotate(-135deg); transform: translate(-55%, -50%) rotate(-135deg); } @media (max-width: 1120px) { .top10-product-wrap .top10-product-image .top10-image-wrap .bx-controls a.bx-prev { left: 15px; } .top10-product-wrap .top10-product-image .top10-image-wrap .bx-controls a.bx-next { right: 15px; } } @media (max-width: 768px) { .top10-product-wrap .top10-product-image .top10-image-wrap .bx-controls a { width: 38px; height: 38px; } .top10-product-wrap .top10-product-image .top10-image-wrap .bx-controls a:before { width: 7px; height: 7px; -moz-transform: translate(-20%, -50%) rotate(45deg); -o-transform: translate(-20%, -50%) rotate(45deg); -ms-transform: translate(-20%, -50%) rotate(45deg); -webkit-transform: translate(-20%, -50%) rotate(45deg); transform: translate(-20%, -50%) rotate(45deg); } .top10-product-wrap .top10-product-image .top10-image-wrap .bx-controls a.bx-prev { left: 10px; } .top10-product-wrap .top10-product-image .top10-image-wrap .bx-controls a.bx-next { right: 10px; } } .top10-product-wrap .top10-product-image .top10-product-slides { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; align-items: center; justify-content: center; max-height: 420px; max-width: 420px; width: auto; height: 100%; margin: 0 auto; } .top10-product-wrap .top10-product-image .top10-product-slides .img-wrapper { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; align-items: center; justify-content: center; max-height: 420px; max-width: 420px; width: auto; height: 420px; margin: 0 auto; } @media (max-width: 768px) { .top10-product-wrap .top10-product-image .top10-product-slides { max-height: 230px; max-width: 230px; height: 230px; padding: 40px 20px 20px; } .top10-product-wrap .top10-product-image .top10-product-slides .img-wrapper { max-height: 230px; max-width: 230px; height: 230px; } .top10-product-wrap .top10-product-image .top10-product-slides img { /*max-height: 60%; max-width: 60%; margin: 0 auto;*/ } } @media (max-width: 375px) { .top10-product-wrap .top10-product-image .top10-product-slides { max-height: 206px; max-width: 206px; height: 206px; } .top10-product-wrap .top10-product-image .top10-product-slides .img-wrapper { max-height: 206px; max-width: 206px; height: 206px; } } @media (max-width: 320px) { .top10-product-wrap .top10-product-image .top10-product-slides { max-height: 172px; max-width: 172px; height: 172px; } .top10-product-wrap .top10-product-image .top10-product-slides .img-wrapper { max-height: 172px; max-width: 172px; height: 172px; } } .top10-product-wrap .top10-product-image img { max-height: 100%; max-width: 100%; height: auto; width: auto; } .top10-product-wrap .top10-product-image .top10-price-detail-item-image { position: absolute; top: 0; bottom: 0; left: 50%; width: 420px; -moz-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; align-items: center; justify-content: center; flex-direction: column; background: rgba(255, 255, 255, 0.92); opacity: 0; visibility: hidden; -webkit-transition: all 0.15s; -moz-transition: all 0.15s; -ms-transition: all 0.15s; -o-transition: all 0.15s; transition: all 0.15s; z-index: 1; } @media (max-width: 767px) { .top10-product-wrap .top10-product-image .top10-price-detail-item-image { width: 100%; } } .top10-product-wrap .top10-product-image .top10-price-detail-item-image .top10-logo-shop { margin: 0 0 15px; } .top10-product-wrap .top10-product-image .top10-price-detail-item-image > a { font-family: "open sans", sans-serif; font-weight: 600; max-width: 157px; width: 100%; text-align: center; color: #ffffff; background: #f90900; -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; border-radius: 20px; font-size: 14px; padding: 11px 10px 13px; text-transform: capitalize; text-decoration-line: none; -webkit-box-shadow: 0 5px 10px rgba(255, 153, 0, 0.4); -moz-box-shadow: 0 5px 10px rgba(255, 153, 0, 0.4); box-shadow: 0 5px 10px rgba(255, 153, 0, 0.4); } .top10-product-wrap .top10-product-image .top10-price-detail-item-image > a:hover { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .top10-product-info { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; flex-direction: row; } .top10-rate-category-wrap { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; flex-direction: row; width: 57%; } .top10-rate-category-wrap .top10-rate-category { width: 20%; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; align-items: center; justify-content: center; padding: 10px; border-right: 1px solid #e5e5e5; cursor: pointer; } .top10-rate-category-wrap .top10-rate-category:hover .top10-rating-title { text-overflow: initial; overflow: initial; width: initial; background: #fff; } .top10-rate-category-wrap .top10-rate-category .top10-rating-title { margin: 0 0 5px; } .top10-rate-category-wrap .top10-rate-category .top10-rating-counter { font-size: 19px; margin: 5px 0 0; } .top10-pick-item-wrap { margin: 0 0 83px; border-bottom-width: 1px; border-bottom-style: solid; } .top10-pick-item-wrap .bg-button-wrapper { margin: 0 auto 46px; } .top10-pick-item-wrap:last-child { margin: 0; } .top10-best-price-wrap { width: 44%; padding: 0 0 7px 20px; } .top10-best-price-wrap .top10-best-price-header { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; width: 100%; align-items: center; justify-content: space-between; margin: 0 0 12px; } .top10-best-price-wrap .top10-price-header-title { text-transform: uppercase; font-size: 12px; font-family: "open sans", sans-serif; font-weight: 700; padding: 16px 0 18px 15px; } .top10-best-price-wrap .top10-price-header-title .icon-font { margin: 0 3px 0 0; } .top10-best-price-wrap .top10-price-more-button { max-width: 180px; text-align: center; width: 100%; padding: 15px 10px; position: relative; background: rgba(0, 165, 214, 0.1); cursor: pointer; } .top10-best-price-wrap .top10-price-more-button span { text-transform: uppercase; font-size: 12px; font-family: "open sans", sans-serif; font-weight: 700; color: #24292f; position: relative; padding: 0 15px 0 0; } .top10-best-price-wrap .top10-price-more-button span:after { content: ""; position: absolute; right: 0; top: 50%; width: 5px; height: 5px; margin-top: -5px; border-bottom: 1px solid; border-right: 1px solid; -moz-transform: rotate(45deg) translateZ(1px); -o-transform: rotate(45deg) translateZ(1px); -ms-transform: rotate(45deg) translateZ(1px); -webkit-transform: rotate(45deg) translateZ(1px); transform: rotate(45deg) translateZ(1px); background: 0 0; -webkit-transition: all 0.15s; -moz-transition: all 0.15s; -ms-transition: all 0.15s; -o-transition: all 0.15s; transition: all 0.15s; color: #24292f; } .top10-best-price-wrap .top10-price-details-content { padding: 0 15px; height: 47px; overflow: hidden; -webkit-transition: height 0.15s; -moz-transition: height 0.15s; -ms-transition: height 0.15s; -o-transition: height 0.15s; transition: height 0.15s; display: inline-block; position: relative; width: 100%; } .top10-best-price-wrap .top10-price-details-content.opened { height: auto; visibility: visible; } .top10-best-price-wrap .top10-price-details-content .top10-logo-shop img { max-width: 100px; } /********************************* Pros and Cons *********************************/ .top10-pros-cons-wrap { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; flex-direction: row; justify-content: space-between; margin: 68px 0 48px; } .top10-pros-cons-wrap .top10-review-wrap { padding: 30px; width: 49%; border: 1px solid #e5e5e5; border-top: 6px solid transparent; } .top10-pros-cons-wrap .top10-review-wrap .review-title { font-family: "open sans", sans-serif; font-weight: 700; font-size: 18px; text-transform: uppercase; } .top10-pros-cons-wrap .top10-review-wrap .review-content { margin: 15px 0; } .top10-pros-cons-wrap .top10-review-wrap .review-content ul { padding: 0; margin: 0; } .top10-pros-cons-wrap .top10-review-wrap .review-content ul li { list-style-type: none; position: relative; padding: 2px 0 2px 21px; color: #2a2e32; font-size: 17px; font-family: "open sans", sans-serif; font-weight: 400; line-height: 1.45; } .top10-pros-cons-wrap .top10-review-wrap .review-content ul li:before { content: "\e909"; font-family: "rc-bg-icofont"; position: absolute; font-size: 8px; top: 50%; left: 0; -moz-transform: translate(0, -50%); -o-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -webkit-transform: translate(0, -50%); transform: translate(0, -50%); } .top10-pros-cons-wrap .top10-review-wrap .review-content p { list-style-type: none; position: relative; padding: 2px 0 2px 21px; color: #2a2e32; font-size: 17px; font-family: "open sans", sans-serif; font-weight: 400; line-height: 1.45; margin: 0; } .top10-pros-cons-wrap .top10-review-wrap .review-content p:before { content: "\e909"; font-family: "rc-bg-icofont"; position: absolute; font-size: 8px; top: 50%; left: 0; -moz-transform: translate(0, -50%); -o-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -webkit-transform: translate(0, -50%); transform: translate(0, -50%); } .top10-pros-cons-wrap .top10-review-wrap.top10-pros { border-top-color: #2ec7f3; } .top10-pros-cons-wrap .top10-review-wrap.top10-pros .review-title { color: #2ec7f3; } .top10-pros-cons-wrap .top10-review-wrap.top10-pros .review-content ul li:before { color: #2ec7f3; } .top10-pros-cons-wrap .top10-review-wrap.top10-pros .review-content p:before { color: #2ec7f3; } .top10-pros-cons-wrap .top10-review-wrap.top10-cons { border-top-color: #ed2a23; } .top10-pros-cons-wrap .top10-review-wrap.top10-cons .review-title { color: #ed2a23; } .top10-pros-cons-wrap .top10-review-wrap.top10-cons .review-content ul li:before { color: #ed2a23; } .top10-pros-cons-wrap .top10-review-wrap.top10-cons .review-content p:before { color: #ed2a23; } .top10-pick-product-info { margin: 20px 0 63px; } .top10-pick-product-info .top10-product-text, .top10-pick-product-info .top10-product-more-text { color: #2a2e32; font-size: 17px; font-family: "open sans", sans-serif; font-weight: 400; line-height: 1.55; } .top10-pick-product-info .top10-product-text p { display: inline; } .top10-pick-product-info .top10-read-more { margin: 0 0 0 10px; font-size: 17px; color: #2ec7f3; -webkit-transition: all 0.15s; -moz-transition: all 0.15s; -ms-transition: all 0.15s; -o-transition: all 0.15s; transition: all 0.15s; position: relative; padding: 0 5px 2px; display: none; } .top10-pick-product-info .top10-read-more:before { content: ""; position: absolute; bottom: 0; left: 50%; -moz-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); height: 1px; background: -moz-linear-gradient(left, rgba(234, 27, 82, 0) 0%, #2ec7f3 50%, rgba(234, 27, 82, 0) 100%); background: -webkit-linear-gradient(left, rgba(234, 27, 82, 0) 0%, #2ec7f3 50%, rgba(234, 27, 82, 0) 100%); background: linear-gradient(to right, rgba(234, 27, 82, 0) 0%, #2ec7f3 50%, rgba(234, 27, 82, 0) 100%); opacity: 1; width: 100%; -webkit-transition: all 0.15s; -moz-transition: all 0.15s; -ms-transition: all 0.15s; -o-transition: all 0.15s; transition: all 0.15s; } .top10-pick-product-info .top10-read-more:hover { color: #ea1b52; } .top10-pick-product-info .top10-read-more:hover:before { width: 0; } .top10-pick-product-info .top10-product-more-text { display: none; margin: 25px 0 0; } .top10-pick-product-info .top10-product-more-text.opened { display: block; } .top10-pick-product-info.bg-content-active .top10-product-more-text { display: block; } /********************************* CRITERIA ELEMENTS *********************************/ .bg-criteria-wrap { margin: 42px 0 0; } .bg-criteria-item { padding: 0 0 32px; border-bottom: 1px solid #e5e5e5; margin: 0px 0 41px; } .bg-criteria-item:last-child { margin: 0; } .bg-criteria-item a { text-decoration-line: underline; } .bg-criteria-item .bg-criteria-item-title { font-size: 22px; font-weight: 900; text-transform: capitalize; margin: 0 0 40px; background-position: left bottom; background-repeat: no-repeat; letter-spacing: 1px; line-height: 1; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; align-items: flex-end; } .bg-criteria-item .bg-criteria-item-title .bg-title-logo { margin: 0 6px 2px 0; text-align: center; width: 46px; } .bg-criteria-item .bg-criteria-item-title .bg-criteria-title { margin: 0; } .bg-criteria-citation { color: #2a2e32; font-size: 16px; font-style: italic; font-family: "open sans", sans-serif; font-weight: 600; margin: 0 0 15px; border-left-style: solid; border-left-width: 1px; padding: 0 0 0 10px; line-height: 1.45; } .bg-criteria-info { color: #2a2e32; font-size: 16px; font-family: "open sans", sans-serif; font-weight: 400; margin: 0 0 30px; /*border-left: 1px solid #ea1b52; padding: 0 0 0 14px;*/ line-height: 1.5; } /********************************* Expert Interviews *********************************/ .bg-users-expert-wrap { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; flex-wrap: wrap; justify-content: space-between; margin: 9px -10px 0; text-align: left; } .bg-users-expert-wrap .bg-expert-item { padding: 10px; width: 50%; } .bg-users-expert-wrap .bg-expert-item .bg-expert-interview { -webkit-box-shadow: 0px 0px 8px 0px rgba(79, 79, 79, 0.13); -moz-box-shadow: 0px 0px 8px 0px rgba(79, 79, 79, 0.13); box-shadow: 0px 0px 8px 0px rgba(79, 79, 79, 0.13); height: 100%; } .bg-users-expert-wrap .bg-expert-item-header { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; align-items: center; padding: 19px 46px 17px 30px; border-bottom: 1px solid #e5e5e5; margin: 0 0 12px; position: relative; } .bg-users-expert-wrap .bg-expert-icon { height: 66px; width: 66px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; border-width: 1px; border-style: solid; padding: 4px; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; align-items: center; justify-content: center; flex-shrink: 0; } .bg-users-expert-wrap .bg-expert-icon img { -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; width: 100%; } .bg-users-expert-wrap .bg-expert-name { text-transform: uppercase; font-family: "open sans", sans-serif; font-weight: 700; font-size: 16px; } .bg-users-expert-wrap .bg-expert-specialist { color: #2a2e32; font-family: "open sans", sans-serif; font-weight: 700; margin: 5px 0 0; font-size: 16px; } .bg-users-expert-wrap .bg-expert-info { text-transform: capitalize; padding: 2px 0 2px 16px; margin: 0 0 0 21px; border-left-width: 1px; border-left-style: solid; font-size: 16px; width: 100%; } .bg-users-expert-wrap .bg-expert-instagram { display: inline-block; position: absolute; right: 25px; top: 15px; -webkit-transition: all 0.15s; -moz-transition: all 0.15s; -ms-transition: all 0.15s; -o-transition: all 0.15s; transition: all 0.15s; } .bg-users-expert-wrap .bg-expert-instagram .icon-font { padding: 1px; font-size: 21px; -webkit-transition: all 0.15s; -moz-transition: all 0.15s; -ms-transition: all 0.15s; -o-transition: all 0.15s; transition: all 0.15s; background: #fabb4d; background: -moz-linear-gradient(139deg, #fabb4d 0, #f14946 19%, #c6316c 62%, #5c44d8 100%); background: -webkit-linear-gradient(139deg, #fabb4d 0, #f14946 19%, #c6316c 62%, #5c44d8 100%); background: linear-gradient(139deg, #fabb4d 0, #f14946 19%, #c6316c 62%, #5c44d8 100%); -webkit-background-clip: text; -ms-background-clip: text; -moz-background-clip: text; background-clip: text; color: transparent; } .bg-users-expert-wrap .bg-expert-instagram:hover { opacity: 0.6; } .bg-users-expert-wrap .bg-expert-interview-content { padding: 10px 29px 45px; color: #2a2e32; font-size: 16px; line-height: 1.45; font-family: "open sans", sans-serif; font-weight: 400; } .bg-users-expert-wrap .bg-expert-interview-content a { text-decoration-line: underline; } .bg-users-expert-wrap .bg-expert-races-info { position: relative; margin: 3px 0 0; } .bg-users-expert-wrap .bg-expert-races-info .bg-expert-races { color: #8b8b8c; font-size: 12px; font-family: "open sans", sans-serif; font-weight: 700; } .bg-users-expert-wrap .bg-expert-races-info .bg-expert-races p { margin: 5px 0; } .bg-users-expert-wrap .bg-expert-races-info .bg-expert-awards { position: absolute; bottom: 145%; left: 50%; background: #f3f3f3; padding: 10px 15px; text-align: left; font-size: 11px; color: #24292f; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; border-radius: 0; z-index: 3; min-width: 240px; opacity: 0; visibility: hidden; -moz-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); -webkit-box-shadow: 0px 0px 8px 0px rgba(79, 79, 79, 0.13); -moz-box-shadow: 0px 0px 8px 0px rgba(79, 79, 79, 0.13); box-shadow: 0px 0px 8px 0px rgba(79, 79, 79, 0.13); } .bg-users-expert-wrap .bg-expert-races-info .bg-expert-awards p { margin: 5px 0; } .bg-users-expert-wrap .bg-expert-races-info .bg-expert-awards:after { content: ""; position: absolute; bottom: -10px; left: 50%; -moz-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); border: 5px solid transparent; border-top: 5px solid #f3f3f3; } .bg-users-expert-wrap .bg-expert-races-info .bg-expert-races-icon { position: absolute; right: -21px; cursor: pointer; bottom: 0; } .bg-users-expert-wrap .bg-expert-races-info .bg-expert-races-icon .icon-font { font-size: 19px; color: #f0003c; font-weight: bold; } .bg-users-expert-wrap .bg-expert-races-info .bg-expert-races-icon:hover .bg-expert-awards { opacity: 1; visibility: visible; } .bg-users-expert-wrap .bg-expert-races-info .bg-expert-races-icon:hover .icon-font { opacity: 0.6; } .bg-criterias-wrap { -webkit-box-shadow: 0px 0px 8px 0px rgba(79, 79, 79, 0.13); -moz-box-shadow: 0px 0px 8px 0px rgba(79, 79, 79, 0.13); box-shadow: 0px 0px 8px 0px rgba(79, 79, 79, 0.13); padding: 25px 0 0; margin: 14px 0 56px; } .bg-criterias-title { text-align: center; font-size: 22px; text-transform: capitalize; font-family: "open sans", sans-serif; font-weight: 700; margin: 0 0 26px; line-height: 1.45; } .bg-criterias-title .bg-criterias-subtitle { display: block; color: #2a2e32; font-size: 14px; font-family: "open sans", sans-serif; font-weight: 400; } .bg-criterias-wrap .filter-orderby-section { width: 100%; } .bg-criterias-wrap .filter-orderby-section .orderby-filter-button { width: 280px; } .bg-criterias-wrap .filter-orderby-section .bg-criterias-rating-title { position: absolute; right: 10px; width: 18%; top: 50%; -moz-transform: translate(0, -50%); -o-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -webkit-transform: translate(0, -50%); transform: translate(0, -50%); font-size: 14px; color: #2a2e32; font-family: "open sans", sans-serif; font-weight: 400; } .bg-criterias-wrap .filter-orderby-section .bg-criterias-rating-title .icon-Crown-4-Title { color: #fed829; font-size: 11px; } .bg-criterias-table-item { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; align-items: center; border-top: 1px solid #e5e5e5; position: relative; } .bg-criterias-table-item .bg-criterias-number { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; align-items: center; justify-content: center; flex-basis: 80px; border-right: 1px solid #e5e5e5; padding: 23px 15px; font-size: 20px; font-family: "open sans", sans-serif; font-weight: 700; } .bg-criterias-table-item .bg-criterias-name { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; flex-basis: 100%; padding: 0 60px 0 0px; color: #2a2e32; font-size: 18px; font-weight: 700; margin: 0 0 0 20px; position: relative; text-align: left; } .bg-criterias-table-item .bg-criterias-name > span { max-width: 20px; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; align-items: center; justify-content: center; margin: -8px 10px 0 0; } .bg-criterias-table-item .bg-criterias-name > span img { max-width: 20px; height: auto; width: 100%; } .bg-criterias-table-item .bg-criterias-rating-wrapper { position: absolute; top: 50%; right: 40px; -moz-transform: translate(0, -50%); -o-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -webkit-transform: translate(0, -50%); transform: translate(0, -50%); } .bg-criterias-table-item .bg-criterias-rating-button { cursor: pointer; -webkit-transition: all 0.15s; -moz-transition: all 0.15s; -ms-transition: all 0.15s; -o-transition: all 0.15s; transition: all 0.15s; } .bg-criterias-table-item .bg-criterias-rating-button .icon-Crown { color: #e2e0e0; font-size: 20px; } .bg-criterias-table-item .bg-criterias-rating-button:hover .icon-Crown, .bg-criterias-table-item .bg-criterias-rating-button.active .icon-Crown { color: #fed829; } .bg-criterias-table-item .bg-criteria-help-text { width: 246px; right: 0; top: -38px; } .bg-criterias-table-item .bg-criteria-help-text.bg-criteria-error-text { color: #e60539; } .bg-criterias-table-item .bg-criteria-help-text.bg-criteria-success-text { color: #2ec7f3; } .bg-criterias-table-item .bg-criteria-help-text.active { opacity: 1; visibility: visible; } .bg-expert-interviews-wrap { margin: 0 0 50px; text-align: center; } .bg-expert-interviews-wrap .bg-button-wrapper { max-width: initial; width: auto; display: inline-table; } .bg-expert-interviews-wrap .bg-button-wrapper.hidden { display: none; } .bg-expert-interviews-wrap .bg-button-wrapper a { max-width: initial; } .bg-expert-interviews-wrap .bg-button-wrapper a span { text-decoration-line: underline; } .bg-tips-items { height: 100%; } .bg-tip-item { height: 100%; background: #f8f9fa no-repeat left center; padding: 50px 50px 90px; position: relative; background-size: auto 100%; } .bg-tip-item:after { content: ""; position: absolute; left: 0; right: 0; bottom: 67px; height: 1px; background: rgba(42, 46, 50, 08%8); } .bg-tip-item .bg-tip-image-wrap { max-height: 150px; padding: 0 20px; position: absolute; left: 50px; top: 50px; } .bg-tip-item .bg-tip-image-wrap:before { content: ""; position: absolute; top: 50%; left: 50%; width: 105px; height: 105px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; background: #292d31; -moz-transform: translate(-57%, -57%); -o-transform: translate(-57%, -57%); -ms-transform: translate(-57%, -57%); -webkit-transform: translate(-57%, -57%); transform: translate(-57%, -57%); z-index: 1; } .bg-tip-item .bg-tip-image-wrap img { height: 100%; max-height: 150px; width: auto; z-index: 3; position: relative; } .bg-tip-item .bg-tip-info { margin: 0 0 0 25px; } .bg-tip-item .bg-tip-info a { color: #f0003c; text-decoration-line: underline; } .bg-tip-item .bg-tip-title { font-family: "open sans", sans-serif; font-weight: 700; font-size: 25px; color: #2a2e32; text-transform: capitalize; margin: 0 0 20px; } .bg-tip-item .bg-tip-text { padding: 0 35px 0 15px; border-left-width: 1px; border-left-style: solid; line-height: 1.45; font-size: 17px; font-family: "open sans", sans-serif; font-weight: 400; } .rc-bg-wrap .bg-expert-tips-wrap { -webkit-box-shadow: 0px 0px 8px 0px rgba(79, 79, 79, 0.13); -moz-box-shadow: 0px 0px 8px 0px rgba(79, 79, 79, 0.13); box-shadow: 0px 0px 8px 0px rgba(79, 79, 79, 0.13); } .rc-bg-wrap .bg-expert-tips-wrap .bx-wrapper .bx-pager { bottom: 20px; font-size: initial; font-weight: initial; padding-top: 0; left: 0; } .rc-bg-wrap .bg-expert-tips-wrap .bx-wrapper { margin-left: 170px; position: initial; } .rc-bg-wrap .bg-expert-tips-wrap .bx-wrapper .bx-controls-direction a.bx-prev { left: -25px; } .rc-bg-wrap .bg-expert-tips-wrap .bx-wrapper .bx-controls-direction a.bx-next { right: -27px; } .rc-bg-wrap .bg-expert-tips-wrap .bx-wrapper .bx-controls-direction a.bx-next:before { -moz-transform: translate(-55%, -50%) rotate(-135deg); -o-transform: translate(-55%, -50%) rotate(-135deg); -ms-transform: translate(-55%, -50%) rotate(-135deg); -webkit-transform: translate(-55%, -50%) rotate(-135deg); transform: translate(-55%, -50%) rotate(-135deg); } @media (max-width: 768px) { .rc-bg-wrap .bg-expert-tips-wrap .bx-wrapper { margin: 0; } } .rc-bg-wrap .bx-wrapper { /* margin-left: 170px; position: initial;*/ } .rc-bg-wrap .bx-wrapper .bx-viewport { position: initial !important; left: 0; } .rc-bg-wrap .bx-wrapper .bx-pager.bx-default-pager a { background: transparent; border-style: solid; border-width: 1px; width: 7px; height: 7px; } .rc-bg-wrap .bx-wrapper .bx-controls-direction a { margin-top: 0; outline: 0; width: 48px; height: 48px; background: #ffffff; -webkit-box-shadow: 0px 0px 8px 0px rgba(79, 79, 79, 0.3); -moz-box-shadow: 0px 0px 8px 0px rgba(79, 79, 79, 0.3); box-shadow: 0px 0px 8px 0px rgba(79, 79, 79, 0.3); -moz-transform: translate(0, -50%); -o-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -webkit-transform: translate(0, -50%); transform: translate(0, -50%); -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; z-index: 9; } .rc-bg-wrap .bx-wrapper .bx-controls-direction a:before { content: ""; position: absolute; top: 50%; border-left: 2px solid; border-bottom: 2px solid; left: 50%; width: 10px; height: 10px; -moz-transform: translate(-40%, -50%) rotate(45deg); -o-transform: translate(-40%, -50%) rotate(45deg); -ms-transform: translate(-40%, -50%) rotate(45deg); -webkit-transform: translate(-40%, -50%) rotate(45deg); transform: translate(-40%, -50%) rotate(45deg); } .bg-factors-items { margin: 12px 0 0; } .bg-other-factors-wrap .bg-factor-item-wrap { padding: 44px 0 20px; border-top: 1px solid #e5e5e5; } .bg-other-factors-wrap .bg-factor-item-wrap:last-child { border-bottom: 1px solid #e5e5e5; } .bg-other-factors-wrap .bg-title-logo { width: 60px; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; justify-content: center; margin: 0 17px 0 0; } .bg-other-factors-wrap .bg-factor-title { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; align-items: center; padding: 0 0 0 5px; margin: 0 0 36px; } .bg-other-factors-wrap .bg-title-name { font-family: "open sans", sans-serif; font-weight: 800; color: #ea1b52; font-size: 22px; margin: 0; } .bg-other-factors-wrap .bg-factor-info { font-family: "open sans", sans-serif; font-weight: 400; color: #2a2e32; font-size: 16px; line-height: 1.45; } .bg-other-factors-wrap .bg-factor-info a { text-decoration-line: underline; } .bg-other-factors-wrap .bg-factor-list { margin: 28px 0 0 47px; } .bg-other-factors-wrap .bg-factor-list p { margin: 0 0 10px; } .bg-other-factors-wrap .bg-factor-list span { padding: 0 0 0 15px; position: relative; font-family: "open sans", sans-serif; font-weight: 700; font-size: 18px; } .bg-other-factors-wrap .bg-factor-list span:before { content: ""; position: absolute; top: 9px; left: 0; width: 6px; height: 6px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; } /********************************* FAQ *********************************/ .bg-faq-items-wrap { margin: 53px 0 0; position: relative; /*&:before { content: 'Q'; position: fixed; top: 30%; left: 17%; color: rgba(234,27,82,0.07); font-size: 150px; font-weight: 900; z-index: -1; visibility: hidden; opacity: 0; @include transform(translate(-100px,0px)); @include transition(transform .4s ease,opacity .2s ease,visibility .2s ease); } &.slide-left { &:before { left: 21%; opacity: 1; @include transform(translate(0,0px)); visibility: visible; } } &.slide-left { &.slide-right { &:before { @include transition(transform 1.5s ease,opacity .5s ease,visibility .5s ease); @include transform(translate(100px,0px)); opacity: 0; visibility: hidden; } } }*/ } .bg-faq-items-wrap .bg-faq-item { padding: 0 0 61px; margin: 0 0 49px; border-bottom: 1px solid #e5e5e5; position: relative; } .bg-faq-items-wrap .bg-faq-item a { color: #f0003c; text-decoration-line: underline; } .bg-faq-items-wrap .bg-faq-question { font-family: "open sans", sans-serif; font-weight: 800; color: #2a2e32; font-size: 18px; margin: 0 0 22px; } .bg-faq-items-wrap .bg-faq-q, .bg-faq-items-wrap .bg-faq-a { font-family: "open sans", sans-serif; font-weight: 800; color: #ea1b52; text-transform: uppercase; float: left; margin: 0 5px 0 0; line-height: 1.2; } .bg-faq-items-wrap .bg-faq-answer { font-family: "open sans", sans-serif; font-weight: 400; color: #2a2e32; font-size: 16px; line-height: 1.45; } .bg-faq-items-wrap .bg-faq-answer p:first-child { display: inline; } .bg-faq-items-wrap .bg-faq-answer p:last-child { margin: 0; } .rc-bg-wrap.rc-bg-wrap-more-top10 { padding: 0; } .rc-bg-wrap .sources-section .sources-content { text-align: left; } .rc-bg-wrap .sources-section .sources-content ol { list-style: none; counter-reset: my-awesome-counter; } .rc-bg-wrap .sources-section .sources-content li { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; list-style: none; margin: 0; counter-increment: my-awesome-counter; padding: 5px 0; font-size: 16px; color: #2a2e32; } .rc-bg-wrap .sources-section .sources-content li span { margin: 0 0 0 5px; } .rc-bg-wrap .sources-section .sources-content li a { text-decoration-line: underline; } .rc-bg-wrap .sources-section .sources-content li::before { content: counter(my-awesome-counter); width: 20px; height: 20px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; border-style: solid; border-width: 1px; display: inline-block; line-height: 20px; text-align: center; margin-right: 0.5rem; font-size: 10px; } /*.rc-bg-wrap { .advertising-giveaway-wrap { .popup-item-images { background: url(..https://garagegymbuilder.com/images/guide-template/giveawey-bg.png) no-repeat left center; background-size: 74% 100%; } .advertising-giveaway-form { .submit-giveway { background: #fc264e; @include box-shadow(0px 4px 8px 0px rgba(79, 79, 79, 0.13)); } } .giveway-content-url { a > span { &:first-child { color: #e71c55; &:after { background: url(..https://garagegymbuilder.com/images/guide-template/rc-vertising_giveway_link.png) no-repeat 100% 0; } } &:last-child { color: #e71c55; background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAJCAYAAADtj3ZXAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQyIDc5LjE2MDkyNCwgMjAxNy8wNy8xMy0wMTowNjozOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTggKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkIxNzI0Nzc0QjVDODExRThCMzVFQjM5OTdCODQ0RDI4IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkIxNzI0Nzc1QjVDODExRThCMzVFQjM5OTdCODQ0RDI4Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QjE3MjQ3NzJCNUM4MTFFOEIzNUVCMzk5N0I4NDREMjgiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QjE3MjQ3NzNCNUM4MTFFOEIzNUVCMzk5N0I4NDREMjgiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5RGXBCAAAAeElEQVR42mL4//8/AzH4uUyoJRDXI4sxMRAJJB6vOg6kPr2QDcuGiRGtGWpAP5CSBhoQBuIzgqwnFQA1zwBSq1igDE4i9d0D2t4IpKuAeC1FNjMQG9pIod4GxGEkhTbUxkIg9RTo9FUkhTZQoyWQ4gNqnAoTAwgwAGxgeBDEO0jNAAAAAElFTkSuQmCC') no-repeat 0 center; } } } .popup-item-images-content { .popup-title-form { @include flexbox; align-items: center; span { font-size: 25px; } } .giveway-logo-wrap { margin: 0 0 8px; } } .two-products { .popup-item-images { background-size: 61% 100%; } .popup-item-images-content { .popup-title-form { display: inline-block; } } } .popup-item-content { text-align: center; } .monthly-giveway-title { font-size: 22px; color: #e71c55; display: inline-block; border-color: rgba(231,28,85,0.3); margin: 0 0 25px; padding: 40px 0 10px; } } }*/ .bg-review-content-wrap { display: inline-block; width: 100%; } .bg-review-content-wrap .bg-review-table-wrap { float: left; width: 40%; -webkit-box-shadow: 0px 1px 8px 0px rgba(79, 79, 79, 0.13); -moz-box-shadow: 0px 1px 8px 0px rgba(79, 79, 79, 0.13); box-shadow: 0px 1px 8px 0px rgba(79, 79, 79, 0.13); } .bg-review-content-wrap .bg-review-table-wrap .bg-table-list ul li { font-size: 15px; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; align-items: center; padding: 5px 10px 4px 30px; min-height: 41px; } .bg-review-content-wrap .bg-review-table-wrap .bg-table-list ul li:first-child { border-top: 1px solid #e5e5e5; } .bg-review-content-wrap .bg-review-table-wrap .bg-table-list ul li .bg-image-wrap { order: -1; width: 100%; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; flex-shrink: 0; margin: 0 15px 0 0; position: relative; max-width: 47px; justify-content: center; } .bg-review-content-wrap .bg-review-table-wrap .bg-table-list ul li .bg-image-wrap:before { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: #ffffff; mix-blend-mode: darken; z-index: 10; } .bg-review-content-wrap .bg-review-table-wrap .bg-table-list ul li .bg-image-wrap img { max-height: 30px; /* height: 100%; */ /* width: 100%; */ max-width: 100%; -moz-transform: scale(0.85); -o-transform: scale(0.85); -ms-transform: scale(0.85); -webkit-transform: scale(0.85); transform: scale(0.85); z-index: 6; position: relative; -webkit-transition: all 0.15s; -moz-transition: all 0.15s; -ms-transition: all 0.15s; -o-transition: all 0.15s; transition: all 0.15s; } .bg-review-content-wrap .bg-review-table-wrap .bg-table-list ul li:hover .bg-image-wrap { background: #f7f7f7; } .bg-review-content-wrap .bg-review-table-wrap .bg-table-list ul li:hover .bg-image-wrap:before { background: #f7f7f7; } .bg-review-content-wrap .bg-review-table-wrap .bg-table-list ul li:hover .bg-image-wrap img { -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); } .bg-review-content-wrap .bg-review-table-title { font-family: "open sans", sans-serif; font-weight: 700; text-align: center; padding: 22px 10px; color: #ffffff; font-size: 20px; text-transform: uppercase; font-weight: 700; } .bg-review-content-wrap .bg-table-list { text-align: left; -webkit-box-shadow: 0px 1px 8px 0px rgba(79, 79, 79, 0.13); -moz-box-shadow: 0px 1px 8px 0px rgba(79, 79, 79, 0.13); box-shadow: 0px 1px 8px 0px rgba(79, 79, 79, 0.13); } .bg-review-content-wrap .bg-table-list ul { list-style: none; counter-reset: my-awesome-counter; margin: 0; padding: 34px 0; } .bg-review-content-wrap .bg-table-list ul li { cursor: pointer; font-family: "open sans", sans-serif; font-weight: 400; border-bottom: 1px solid #e5e5e5; padding: 11px 10px 8px 30px; color: #24292f; font-size: 17px; counter-increment: my-awesome-counter; } .bg-review-content-wrap .bg-table-list ul li:hover { background: #f7f7f7; } .bg-review-content-wrap .bg-table-list ul li:before { content: counter(my-awesome-counter) ". "; color: #24292f; } .bg-review-content-wrap .bg-table-list ul li a { color: #24292f; } .bg-review-content-wrap .bg-content-table-wrap { float: right; width: 58%; text-align: center; } .bg-review-content-wrap .bg-content-table-title { font-family: "open sans", sans-serif; font-weight: 700; padding: 24px 10px 20px; font-size: 20px; text-transform: uppercase; -webkit-box-shadow: 0px 0px 8px 0px rgba(79, 79, 79, 0.13); -moz-box-shadow: 0px 0px 8px 0px rgba(79, 79, 79, 0.13); box-shadow: 0px 0px 8px 0px rgba(79, 79, 79, 0.13); } /********************************* ANIMATION *********************************/ .animated { -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; } .bg-button-wrapper .bg-button-helper-wrap { position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; z-index: 0; -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; border-radius: 20px; -webkit-animation: sploosh 2s cubic-bezier(0.165, 0.84, 0.44, 1); -webkit-animation-iteration-count: infinite; } @-webkit-keyframes sploosh { 0% { -webkit-box-shadow: 0 0 0 0px rgba(240, 0, 60, 0.2); -moz-box-shadow: 0 0 0 0px rgba(240, 0, 60, 0.2); box-shadow: 0 0 0 0px rgba(240, 0, 60, 0.2); background: rgba(240, 0, 60, 0.7); } 80% { background: rgba(66, 166, 223, 0); } 100% { -webkit-box-shadow: 0 0 0 20px rgba(66, 166, 223, 0); -moz-box-shadow: 0 0 0 20px rgba(66, 166, 223, 0); box-shadow: 0 0 0 20px rgba(66, 166, 223, 0); } } .rating-circle.desktop { display: block; } .rating-circle.mobile { display: none; } /********************************* MEDIA *********************************/ @media (max-width: 1440px) { .bg-faq-items-wrap:before { left: 4%; } .bg-faq-items-wrap.slide-left:before { left: 7%; } } @media (max-width: 1251px) { .bg-faq-items-wrap:before { left: 2%; } .bg-faq-items-wrap.slide-left:before { left: 4%; } } @media (max-width: 999px) { .bg-faq-items-wrap:before { left: 0; } .bg-faq-items-wrap.slide-left:before { left: 1%; } } @media (max-width: 1250px) { .bg-to-top-button-wrap { right: 2%; max-width: 55px; bottom: 2%; padding: 28px 5px 16px; opacity: 0.4; } .bg-to-top-button-wrap:before { left: 23px; width: 8px; height: 8px; } .bg-to-top-button-wrap .bg-button-title-wrap span { margin: 0 0 3px; font-size: 9px; } .bg-to-top-button-wrap .bg-button-title-wrap .bg-button-label { font-size: 18px; } .bg-to-top-button-wrap .bg-button-title-wrap .bg-button-label:before, .bg-to-top-button-wrap .bg-button-title-wrap .bg-button-label:after { top: 2px; width: 8px; height: 15px; background-size: cover; } } @media (max-width: 1080px) { .rc-bg-wrap .bx-wrapper .bx-controls-direction a.bx-prev { left: 10px; } .rc-bg-wrap .bx-wrapper .bx-controls-direction a.bx-next { right: 10px; } .bg-tip-item .bg-tip-text { padding: 0 60px 0 15px; } } @media (max-width: 991px) { .rc-bg-wrap .bx-wrapper .bx-controls-direction a.bx-prev { left: 10px; } .rc-bg-wrap .bx-wrapper .bx-controls-direction a.bx-next { right: 10px; } .bg-tip-item .bg-tip-text { padding: 0 60px 0 15px; } } @media (max-width: 768px) { .bg-button-wrapper .bg-button-helper { height: 36px; } .rating-circle.desktop { display: none; } .rating-circle.mobile { display: block; } .rc-bg-label-title, .rc-top-10-title, .sources-section { text-align: left; } .rc-bg-label-title { margin: 60px 0 0; } .rc-bg-title, .sources-title { font-size: 23px; } .rc-bg-title:before, .sources-title:before { top: 0; height: 23px; } .rc-bg-wrap .top10-table-column .top10-rating-counter { font-size: 24px; margin: 8px 0 0; } .rc-bg-wrap .top10-rating-counter { font-size: 17px; margin: 0 0 0 5px; } .rc-bg-wrap .post-author .avatar { width: 35px; height: 35px; margin: 0 10px 0 0; } .rc-bg-wrap .empty-store { display: none; } .rc-bg-wrap .bg-entry-review-info .display-name { font-size: 9px; margin: 0 15px 0 0; } .rc-bg-wrap .bg-entry-review-info .bg-date-update { font-size: 9px; } .rc-bg-wrap .section-indent { margin: 0 0 35px; } .rc-bg-wrap .bg-review-content-wrap, .rc-bg-wrap .advertising-giveaway-wrap { display: none; } .rc-bg-wrap .sources-section { text-align: left; } .rc-bg-wrap .sources-section .sources-title { font-size: 23px; margin: 0 0 25px; } .rc-bg-wrap .sources-section .sources-title:before { top: 0; height: 23px; } .rc-bg-wrap .rc-bg-up-posts-wrap { margin: 0 0 42px; padding: 0 15px; } .rc-bg-wrap .rc-bg-up-posts-wrap .last-upposts > legend { font-size: 12px; } .rc-bg-wrap .rc-bg-up-posts-wrap .last-upposts .related .expand { font-size: 12px; } .rc-bg-wrap .bg-entry-review-info .entry-review-info { padding: 15px 10px; margin: 0 0 20px; } .rc-bg-wrap .bg-entry-review-info .bg-review-text { padding: 0 10px 10px; font-size: 15px; } .rc-bg-wrap .filter-orderby-section { width: 96%; } .rc-bg-wrap .filter-orderby-section .orderby-filter-button { width: 100%; line-height: 30px; } .rc-bg-wrap .filter-orderby-section .orderby-filter-button:before { right: 14px; top: 59%; width: 4px; height: 4px; } .rc-bg-wrap .filter-orderby-section .filter-orderby-section-filters { width: 100%; } .rc-bg-wrap .top10-best-table-wrap .filter-orderby-section .filter-orderby-section-filters { width: 100%; } .rc-bg-wrap .top10-product-rating.top10-image-rating { flex-direction: row; margin: 0; } .rc-bg-wrap .top10-rating-title { font-size: 10px; } .rc-bg-wrap .bg-expert-tips-wrap .bx-wrapper .bx-pager { bottom: -36px; } .bg-features-link .bg-social-link { width: 23px; height: 23px; margin: 0 3px; } .bg-features-link .icon-font { font-size: 20px; } .top10-rate-category-wrap .top10-rate-category:nth-child(even) { border: none; } .top10-rate-category-wrap .top10-rate-category .top10-rating-counter { font-size: 15px; } .top10-price-details-content .price-item-wrap a { margin: 0 0 0 15px; } .top10-price-details-content .price-item-wrap .item-price { font-size: 12px; } .top10-price-details-content .price-item-wrap .top10-table-shops-button { font-size: 10px; max-width: 75px; } .bg-features-item-wrap { padding: 0 10px 15px; flex-wrap: wrap; } .bg-features-item-wrap .bg-features-item { width: 33.32%; } .bg-features-item-wrap .bg-features-count { font-size: 19px; } .rc-bg-wrap .top10-best-table-wrap .filter-orderby-section .filter-orderby-section-filters { width: 100%; } .top10-table-title .rc-bg-secondary-title { font-size: 16px; background-image: none; color: #24292f; } .rc-bg-secondary-subtitle { font-size: 14px; color: #24292f; } /*.top10-product-wrap { .top10-product-image { max-height: 230px; height: 230px; padding: 40px 20px 20px; .top10-image-wrap { height: 230px; max-height: 230px; } } }*/ .top10-product-info { flex-direction: column; } .top10-rate-category-wrap { border-bottom: 1px solid #e5e5e5; width: 100%; flex-wrap: wrap; } .top10-rate-category-wrap .top10-rate-category { width: 50%; } .top10-best-price-wrap { width: 100%; padding: 0 0 7px 15px; } .top10-best-price-wrap .top10-price-header-title { font-size: 10px; padding: 18px 0; margin: 0 0 0 10px; } .top10-best-price-wrap .top10-best-price-header { margin: 0 0 5px; } .top10-best-price-wrap .top10-price-more-button { max-width: 150px; } .top10-best-price-wrap .top10-price-more-button span { font-size: 10px; } .top10-best-price-wrap .top10-logo-shop { padding: 0 5px 0 0; margin: 0 5px 0 0; } .top10-best-price-wrap .top10-logo-shop img { max-width: 80px; } .top10-best-price-wrap .top10-price-details-content { height: 45px; padding: 0; } .top10-best-picks-wrap { padding: 15px 0; } .bg-criteria-wrap { margin: 10px 0 0; } .top10-pros-cons-wrap { flex-direction: column; margin: 30px 0 45px; } .top10-pros-cons-wrap .top10-review-wrap { width: 100%; border: 1px solid #f3f3f3; border-top: 4px solid transparent; padding: 20px 17px; } .top10-pros-cons-wrap .top10-review-wrap.top10-pros { margin: 0 0 15px; } .top10-pros-cons-wrap .top10-review-wrap .review-title { font-size: 14px; } .top10-pros-cons-wrap .top10-review-wrap .review-content ul li { padding: 2px 0 2px 15px; font-size: 14px; } .top10-pros-cons-wrap .top10-review-wrap .review-content ul li:before { font-size: 6px; } .top10-pros-cons-wrap .top10-review-wrap .review-content p { padding: 2px 0 2px 15px; font-size: 14px; } .top10-pros-cons-wrap .top10-review-wrap .review-content p:before { font-size: 6px; } .top10-pick-item-wrap { margin: 0 0 33px; } .top10-pick-product-info { margin: 0 0 33px; } .top10-pick-product-info .top10-product-text, .top10-pick-product-info .top10-product-more-text { font-size: 14px; } .top10-pick-product-info .top10-read-more { font-size: 14px; margin: 0 0 0 5px; } .top10-pick-product-info .bg-button-wrapper { margin: 0 auto 33px; } .bg-button-wrapper { max-width: 160px; } .bg-button-wrapper a { font-size: 12px; max-width: 160px; height: 34px; line-height: 16px; } .bg-button-wrapper a .icon-font { font-size: 11px; } .bg-criteria-item { padding: 0 0 20px; margin: 0px 0 37px; } .bg-criteria-item .bg-criteria-item-title { font-size: 16px; margin: 0 0 20px; } .bg-criteria-item .bg-criteria-item-title .bg-title-logo { margin: 0 10px 2px 0; width: 16px; } .bg-criteria-citation { font-size: 15px; } .bg-criteria-info { font-size: 15px; } .bg-expert-interviews-wrap .bx-wrapper { padding: 0 0 25px; margin: 0 0 60px; } .bg-expert-interviews-wrap .bx-wrapper .bx-pager { bottom: 0; } .bg-users-expert-wrap { margin: 0; } .bg-users-expert-wrap .bg-expert-item { padding: 10px 2px; } .bg-users-expert-wrap .bg-expert-icon { width: 45px; height: 45px; } .bg-users-expert-wrap .bg-expert-name { font-size: 13px; } .bg-users-expert-wrap .bg-expert-specialist { font-size: 13px; } .bg-criterias-title { font-size: 20px; } .bg-criterias-title .bg-criterias-subtitle { font-size: 12px; } .bg-criterias-table-item .bg-criterias-number { font-size: 13px; flex-shrink: 0; flex-basis: 40px; } .bg-criterias-table-item .bg-criterias-name { margin: 0 0 0 10px; padding: 0 50px 0 0; font-size: 14px; } .bg-criterias-table-item .bg-criterias-name:before { bottom: 3px; height: 15px; } .bg-criterias-table-item .bg-criterias-rating-wrapper { right: 25px; } .rc-bg-wrap .bx-wrapper { margin: 0; position: relative; } .bg-tip-item { padding: 25px 10px 30px; flex-direction: column; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; } .bg-tip-item:after { content: none; } .bg-tip-item .bg-tip-image-wrap { margin: 0 0 30px; text-align: center; max-height: 100px; position: relative; top: initial; left: initial; } .bg-tip-item .bg-tip-image-wrap:before { width: 70px; height: 70px; } .bg-tip-item .bg-tip-image-wrap img { margin: 0 auto; max-height: 100px; } .bg-tip-item .bg-tip-info { margin: 0; } .bg-tip-item .bg-tip-title { font-size: 16px; } .bg-tip-item .bg-tip-text { font-size: 15px; padding: 0 15px; } .bg-other-factors-wrap .bg-factor-item-wrap { padding: 20px 0 0px; } .bg-other-factors-wrap .bg-title-name { font-size: 15px; } .bg-other-factors-wrap .bg-title-logo { max-width: 35px; display: block; justify-content: initial; margin: 0 15px 0 0; } .bg-other-factors-wrap .bg-factor-info { font-size: 15px; } .bg-faq-items-wrap { margin: 10px 0 0; } .bg-faq-items-wrap .bg-faq-item { padding: 0 0 25px 0px; margin: 0 0 25px 0; } .bg-faq-items-wrap .bg-faq-question { font-size: 15px; } .bg-faq-items-wrap .bg-faq-answer { font-size: 15px; } .top10-best-table-content .top10-table-rating { border-right: none; } .top10-best-table-content .top10-table-row .top10-table-details-wrap { padding: 15px 10px; } .top10-best-table-content .top10-table-row .top10-details-wrapper { flex-direction: column; } .top10-best-table-content .top10-rating-details { width: 100%; } .top10-best-table-content .top10-best-price-details { width: 100%; } .top10-price-details-content .top10-price-detail-item .top10-logo-shop { padding: 0 7px 0 0; margin: 0 8px 0 0; } .top10-price-details-content .top10-price-detail-item .top10-logo-shop img { max-width: 75px; } .top10-rating-details .rating-detail-title { font-size: 11px; } .top10-rating-details .rating-detail-value { top: -34px; font-size: 10px; } .top10-price-details-header .details-header-title { font-size: 11px; } .top10-price-details-header .details-header-subtitle { font-size: 11px; } .top10-product-column-helper { flex-direction: column; border-right: 1px solid #e5e5e5; } .top10-shop-column-helper { flex-direction: column; flex-basis: 110px; } .bg-review-content-wrap .bg-review-table-wrap { width: 100%; margin: 0 0 15px; } .bg-review-content-wrap .bg-review-table-wrap .bg-table-list ul li { font-size: 13px; } .bg-review-content-wrap .bg-content-table-wrap { width: 100%; } .bg-review-content-wrap .bg-review-table-title { padding: 15px 10px; font-size: 15px; } .bg-review-content-wrap .bg-content-table-title { padding: 15px 10px; font-size: 15px; } .bg-review-content-wrap .bg-table-list ul li { font-size: 13px; } .top10-best-table-content .top10-product-rating { margin: 0; } .top10-best-table-content .top10-table-column { align-items: flex-start; padding: 25px 7px 15px; } .top10-best-table-content .top10-table-column.top10-table-rating { padding: 15px 10px; flex-basis: initial; } .top10-best-table-content .top10-table-column.top10-table-product-name { flex-basis: initial; border-right: none; padding: 35px 10px 25px; } .top10-best-table-content .top10-table-column.top10-table-product-name .top10-product-title { font-size: 14px; } .top10-best-table-content .top10-table-column.top10-table-product-name .top10-table-button { font-size: 10px; margin: 10px 0 0; } .top10-best-table-content .top10-table-column.top10-table-rank { font-size: 14px; } .top10-best-table-content .top10-table-column.top10-table-picture { flex-basis: initial; border-right: none; } .top10-best-table-content .top10-table-column.top10-table-picture span { max-width: initial; height: 80px; } .top10-best-table-content .top10-table-column.top10-table-picture span img { width: auto; height: auto; max-height: 100%; max-width: 100%; } .top10-best-table-content .top10-table-shops a { font-size: 12px; } .top10-best-table-content .top10-table-column-head { font-size: 10px; } .top10-best-table-content .top10-table-shops-button { font-size: 11px; } .top10-best-table-content .top10-table-rank { flex-basis: 46px; } .top10-best-table-content .top10-table-head .top10-product-column-helper { flex-direction: row; justify-content: center; } .top10-best-table-content .top10-table-head .top10-product-column-helper .top10-table-picture { flex-basis: initial; border: none; margin: 0 4px 0 0; } .top10-best-table-content .top10-table-head .top10-product-column-helper .top10-table-picture .desktop-title { display: none; } .top10-best-table-content .top10-table-head .top10-product-column-helper .top10-table-picture .mob-title { display: block; } .top10-best-table-content .top10-table-head .top10-product-column-helper .top10-table-product-name { flex-basis: initial; border: none; } .top10-best-table-content .top10-table-head .top10-shop-column-helper { text-align: center; justify-content: center; } .top10-best-table-content .top10-table-head .top10-shop-column-helper .top10-table-rating { flex-basis: initial; padding: 0 4px 0 0; margin: 0 2px 0 0; position: relative; } .top10-best-table-content .top10-table-head .top10-shop-column-helper .top10-table-rating:after { content: ""; position: absolute; top: 18px; bottom: 18px; width: 1px; background: #24292f; -moz-transform: rotate(15deg); -o-transform: rotate(15deg); -ms-transform: rotate(15deg); -webkit-transform: rotate(15deg); transform: rotate(15deg); right: 0; } .top10-best-table-content .top10-table-head .top10-shop-column-helper .top10-table-shops { flex-basis: initial; } .bg-criterias-wrap .filter-orderby-section .bg-criterias-rating-title { right: 0; bottom: -36px; left: 0; width: 100%; top: initial; -moz-transform: translate(0, 0); -o-transform: translate(0, 0); -ms-transform: translate(0, 0); -webkit-transform: translate(0, 0); transform: translate(0, 0); } .bg-criterias-table-wrap { padding: 35px 0 0; } .top10-product-wrap .top10-product-image .top10-image-wrap:hover .top10-price-detail-item-image { visibility: hidden; opacity: 0; } } .rc-bg-top-product-wrap { position: relative; margin: 0 40px 45px; background: #ffffff; border: 1px solid; padding: 38px 0 20px; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; outline: none; flex-direction: column; } .rc-bg-top-product-wrap .video-review-wrap { margin: 36px 0 0; } .rc-bg-top-product-wrap .rc-bg-product-helper { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; padding: 0 20px 0 40px; } .rc-bg-top-product-wrap .product-rating-info-wrap { position: absolute; top: -1px; right: -20px; max-width: 230px; width: 100%; z-index: 5; height: 40px; text-align: center; padding: 40px 0 0 0; } .rc-bg-top-product-wrap .product-rating-info-wrap.hover { height: auto; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; border-radius: 10px; background: #ffffff; -webkit-box-shadow: 0px 1px 9px 0px rgba(43, 47, 50, 07%7); -moz-box-shadow: 0px 1px 9px 0px rgba(43, 47, 50, 07%7); box-shadow: 0px 1px 9px 0px rgba(43, 47, 50, 07%7); } .rc-bg-top-product-wrap .product-rating-info-wrap.hover .top10-rate-category-wrap { opacity: 1; visibility: visible; -webkit-transition: all 0.15s ease; -moz-transition: all 0.15s ease; -ms-transition: all 0.15s ease; -o-transition: all 0.15s ease; transition: all 0.15s ease; } .rc-bg-top-product-wrap .top10-rate-category-wrap { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; flex-wrap: wrap; width: 100%; opacity: 0; visibility: hidden; border-top: 1px solid #e5e5e5; margin: 0 0 -1px; justify-content: center; } .rc-bg-top-product-wrap .top10-rate-category-wrap .top10-rate-category { width: 50%; border-bottom: 1px solid #e5e5e5; } .rc-bg-top-product-wrap .top10-rate-category-wrap .top10-rate-category:nth-child(even) { border-right: none; } .rc-bg-top-product-wrap .top10-rate-category-wrap .top10-rate-category:last-child { border-right: none; border-bottom: none; } .rc-bg-top-product-wrap .rc-bg-product-rating { padding: 0 0 5px; text-align: center; font-size: 19px; line-height: 1; display: inline-block; position: relative; cursor: pointer; margin: 0 0 20px; outline: none; font-weight: 700; } .rc-bg-top-product-wrap .rc-bg-product-rating:before { content: ""; position: absolute; bottom: -2px; left: 0; right: 0; height: 1px; } .rc-bg-top-product-wrap .rc-bg-product-rating > span { font-size: 13px; display: block; } .rc-bg-top-product-wrap .rc-bg-product-button-wrap { padding: 20px 0 0; margin: 20px 0 0; border-top: 1px solid #e5e5e5; } .rc-bg-top-product-wrap .easyazon-link { -webkit-border-radius: 28px; -moz-border-radius: 28px; -ms-border-radius: 28px; border-radius: 28px; max-width: 390px; width: 100%; margin: 0 auto; background: #f90900; color: #ffffff; text-align: center; font-size: 21px; padding: 15px 10px; -webkit-transition: all 0.15s; -moz-transition: all 0.15s; -ms-transition: all 0.15s; -o-transition: all 0.15s; transition: all 0.15s; display: block; } .rc-bg-top-product-wrap .easyazon-link:hover { background: #302c2c; } .rc-bg-top-product-wrap .rc-bg-info-wrapper { padding: 0 0 0 29px; margin: 0 0 0 53px; position: relative; flex-grow: 1; } .rc-bg-top-product-wrap .rc-bg-info-wrapper:before { content: ""; position: absolute; top: 0; bottom: 0; left: 0; width: 1px; background: -moz-linear-gradient(top, rgba(30, 87, 153, 0) 0%, rgba(0, 0, 175, 07%7) 40%, rgba(0, 0, 177, 07%7) 60%, rgba(125, 185, 232, 0) 100%); background: -webkit-linear-gradient(top, rgba(30, 87, 153, 0) 0%, rgba(0, 0, 175, 07%7) 40%, rgba(0, 0, 177, 07%7) 60%, rgba(125, 185, 232, 0) 100%); background: linear-gradient(to bottom, rgba(30, 87, 153, 0) 0%, rgba(0, 0, 175, 07%7) 40%, rgba(0, 0, 177, 07%7) 60%, rgba(125, 185, 232, 0) 100%); } .rc-bg-top-product-wrap .rc-bg-winner-name { font-size: 24px; padding: 0 130px 0 3px; font-weight: 700; margin: 0 0 20px; } .rc-bg-top-product-wrap .rc-bg-winner-list-title { font-size: 18px; font-weight: 700; margin: 0 0 11px 2px; } .rc-bg-top-product-wrap .rc-bg-winner-list { padding: 0; margin: 0; } .rc-bg-top-product-wrap .rc-bg-winner-list ul { padding: 0; margin: 0; } .rc-bg-top-product-wrap .rc-bg-winner-list li, .rc-bg-top-product-wrap .rc-bg-winner-list p { list-style-type: none; position: relative; padding: 1px 0 1px 21px; color: #2a2e32; font-size: 16px; font-weight: 400; line-height: 1.45; margin: 0; } .rc-bg-top-product-wrap .rc-bg-winner-list li:before, .rc-bg-top-product-wrap .rc-bg-winner-list p:before { content: "\e909"; font-family: "rc-bg-icofont"; position: absolute; color: #2ec7f3; font-size: 8px; top: 50%; left: 0; -moz-transform: translate(0, -50%); -o-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -webkit-transform: translate(0, -50%); transform: translate(0, -50%); } .rc-bg-top-product-wrap .rc-bg-badge { position: absolute; top: 12px; left: 9px; } .rc-bg-top-product-wrap .rc-bg-product-image-wrap { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; align-items: center; justify-content: center; flex-basis: 180px; flex-shrink: 0; } .rc-bg-top-product-wrap .rc-bg-product-image-wrap img { max-width: 95%; max-height: 95%; width: auto; height: auto; } .rc-info-product.rc-bg-secondary-title { margin: 0 40px 23px; } .rc-bg-top-product-fixed { position: fixed; top: 0; left: 0; right: 0; width: 100%; background: #ffffff; z-index: 11; height: 72px; align-items: center; -webkit-box-shadow: 0px 1px 9px 0px rgba(43, 47, 50, 0.15); -moz-box-shadow: 0px 1px 9px 0px rgba(43, 47, 50, 0.15); box-shadow: 0px 1px 9px 0px rgba(43, 47, 50, 0.15); border-bottom: 1px solid; padding: 13px 0; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-transition: all 0.15s; -moz-transition: all 0.15s; -ms-transition: all 0.15s; -o-transition: all 0.15s; transition: all 0.15s; -moz-transform: translate3d(0, -72px, 1px); -o-transform: translate3d(0, -72px, 1px); -ms-transform: translate3d(0, -72px, 1px); -webkit-transform: translate3d(0, -72px, 1px); transform: translate3d(0, -72px, 1px); } .rc-bg-top-product-fixed.fixed { -moz-transform: translate3d(0, 60px, 1px); -o-transform: translate3d(0, 60px, 1px); -ms-transform: translate3d(0, 60px, 1px); -webkit-transform: translate3d(0, 60px, 1px); transform: translate3d(0, 60px, 1px); display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; } .rc-bg-top-product-fixed.fixed .button-close { display: inline-block; } .admin-bar .rc-bg-top-product-fixed.fixed { -moz-transform: translate3d(0, 92px, 1px); -o-transform: translate3d(0, 92px, 1px); -ms-transform: translate3d(0, 92px, 1px); -webkit-transform: translate3d(0, 92px, 1px); transform: translate3d(0, 92px, 1px); } .rc-bg-top-product-fixed .button-close { position: absolute; top: calc(100% - 13px); right: 10px; z-index: 4; width: 26px; height: 26px; background: #ffffff; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; display: none; } .rc-bg-top-product-fixed .button-close i { display: inline-block; position: relative; cursor: pointer; width: 26px; height: 26px; border: 1px solid; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; -webkit-transition: all 0.15s; -moz-transition: all 0.15s; -ms-transition: all 0.15s; -o-transition: all 0.15s; transition: all 0.15s; } .rc-bg-top-product-fixed .button-close i:before, .rc-bg-top-product-fixed .button-close i:after { content: ""; position: absolute; top: 11px; right: 4px; width: 16px; height: 1px; -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); } .rc-bg-top-product-fixed .button-close i:before { -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); } .rc-bg-top-product-fixed .button-close i:after { -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .rc-bg-top-product-fixed .rc-bg-fixed-wrap { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; align-items: center; justify-content: space-between; } .rc-bg-top-product-fixed .rc-bg-fixed-product-name { font-size: 22px; width: 36%; font-weight: 800; position: relative; } .rc-bg-top-product-fixed .rc-bg-fixed-product-name .rc-bg-product-arrow { position: absolute; top: 50%; right: 0; height: 5px; width: 19%; } .rc-bg-top-product-fixed .rc-bg-fixed-product-name .rc-bg-product-arrow:before { content: ""; position: absolute; top: -3px; right: -9px; border: 6px solid transparent; border-left: 6px solid; } .rc-bg-top-product-fixed .rc-bg-product-fixed-wrapper { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; align-items: center; justify-content: center; width: 47%; } .rc-bg-top-product-fixed .rc-bg-image-wrap img { max-width: 75px; max-height: 45px; width: auto; height: auto; } .rc-bg-top-product-fixed .rc-bg-fixed-name { font-size: 18px; font-weight: 700; margin: 0 0 0 20px; } .rc-bg-top-product-fixed .rc-bg-store-wrapper { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; align-items: center; width: 25%; justify-content: flex-end; } .rc-bg-top-product-fixed .easyazon-link { font-weight: 600; width: 165px; text-align: center; color: #fff; background: #f90; -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; border-radius: 20px; font-size: 15px; padding: 11px; -webkit-transition: all 0.15s; -moz-transition: all 0.15s; -ms-transition: all 0.15s; -o-transition: all 0.15s; transition: all 0.15s; text-transform: capitalize; text-decoration-line: none; } @media (min-width: 991px) { .rc-bg-top-product-fixed .easyazon-link:hover { background: #302c2c; } } @media (max-width: 991px) { .rc-bg-top-product-fixed { padding: 8px 0; height: 58px; } .rc-bg-top-product-fixed .button-close { bottom: 47px; } .rc-bg-top-product-fixed .rc-bg-fixed-product-name { font-size: 16px; width: 42%; } .rc-bg-top-product-fixed .rc-bg-fixed-product-name > span { display: none; } .rc-bg-top-product-fixed .rc-bg-product-fixed-wrapper { width: 30%; } .rc-bg-top-product-fixed .rc-bg-fixed-name { display: none; } .rc-bg-top-product-fixed .rc-bg-store-wrapper .price-link-image { display: none; } } @media (max-width: 767px) { .admin-bar .rc-bg-top-product-fixed.fixed { -moz-transform: translate3d(0, 106px, 1px); -o-transform: translate3d(0, 106px, 1px); -ms-transform: translate3d(0, 106px, 1px); -webkit-transform: translate3d(0, 106px, 1px); transform: translate3d(0, 106px, 1px); } .rc-bg-top-product-fixed .button-close { right: 5px; width: 22px; height: 22px; } .rc-bg-top-product-fixed .button-close i { width: 22px; height: 22px; } .rc-bg-top-product-fixed .button-close i:before, .rc-bg-top-product-fixed .button-close i:after { width: 14px; top: 10px; right: 3px; } .rc-bg-top-product-fixed .rc-bg-fixed-product-name { font-size: 13px; width: 52%; } .rc-bg-top-product-fixed .rc-bg-fixed-product-name > span { display: none; } .rc-bg-top-product-fixed .rc-bg-product-fixed-wrapper { width: 17%; } .rc-bg-top-product-fixed .rc-bg-fixed-name { display: none; } .rc-bg-top-product-fixed .rc-bg-store-wrapper .price-link-image { display: none; } .rc-bg-top-product-fixed .easyazon-link { font-size: 14px; padding: 8px; } } /*@media (max-width: 360px) { .rc-bg-top-product-fixed { .rc-bg-fixed-product-name { .button-close { bottom: 41px; } .rc-bg-product-arrow { display: none; } } .rc-bg-image-wrap { img { max-width: 95%; max-height: 95%; } } .easyazon-link { font-size: 13px; padding: 8px; } } }*/ .rc-bg-top-product .bg-entry-review-info { padding: 0px 0 50px; } .rc-bg-top-product .bg-to-top-button-wrap { bottom: 80px; } /*Inspiration new bg page*/ .rc-bg-wrap-inspiration .top10-best-table-content .top10-table-product-name { flex-grow: 1; } .rc-bg-wrap-inspiration .top10-best-table-content .top10-shop-column-helper { flex-basis: 215px; } .rc-bg-wrap-inspiration .top10-best-table-content .top10-table-row .top10-details-wrapper { justify-content: center; } .rc-bg-wrap-inspiration .top10-best-table-content .top10-best-price-details { width: 60%; } .rc-bg-wrap-inspiration .top10-product-info { justify-content: center; margin: 0 0 15px; } .rc-bg-wrap-inspiration .top10-best-price-wrap { width: 100%; padding: 0; max-width: 500px; } .rc-bg-wrap-inspiration .top10-product-info { justify-content: center; } .rc-bg-wrap-inspiration .top10-product-price-rank { position: absolute; top: 15px; right: 15px; } .rc-bg-wrap-inspiration .top10-product-price-rank span { font-size: 30px; color: #7fd512; font-weight: 900; letter-spacing: 5px; } .rc-bg-wrap-inspiration .top10-features-wrap { margin: 64px 0 40px; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; flex-direction: column; justify-content: center; } .rc-bg-wrap-inspiration .top10-features-wrap .review-title { text-align: center; } .rc-bg-wrap-inspiration .top10-features-wrap .review-content { max-width: 540px; margin: 0 auto; padding: 35px 25px 38px 48px; } .rc-bg-wrap-inspiration .top10-features-wrap .review-content p, .rc-bg-wrap-inspiration .top10-features-wrap .review-content li { position: relative; padding: 0 0 0 11px; margin: 5px 0; color: #2a2e32; font-size: 18px; font-weight: 600; text-transform: capitalize; } .rc-bg-wrap-inspiration .top10-features-wrap .review-content p:before, .rc-bg-wrap-inspiration .top10-features-wrap .review-content li:before { content: ""; position: absolute; width: 5px; height: 5px; border: none; background: #2a2e32; top: 10px; left: 0; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; } .rc-bg-wrap-inspiration .bg-other-factors-wrap .bg-factor-title { padding: 0; } /*Select info block*/ .use-more-top10-item.hidden { display: none; } .bg-entry-select-info-wrap { position: relative; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; flex-wrap: wrap; min-height: 600px; height: calc(100vh - 64px); margin: 0 0 65px; } .bg-entry-select-info-wrap.bg-entry-select-info-wrap-big .bg-select-info-title { top: 2%; font-size: 52px; } .bg-entry-select-info-wrap.bg-entry-select-info-wrap-big .select-title-wrap .select-title { font-size: 60px; } .bg-entry-select-info-wrap .bg-select-info-title { position: absolute; top: 15%; left: 50%; font-size: 55px; color: #ffffff; font-weight: 700; margin: 0; text-align: center; text-transform: capitalize; -moz-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); z-index: 2; } .bg-entry-select-info-wrap .bg-select-info-item { flex-basis: 50%; position: relative; z-index: 1; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; justify-content: center; /*.select-title-button { color: #2EC7F3; }*/ } .bg-entry-select-info-wrap .bg-select-info-item .select-image { background-size: auto 93%; background-repeat: no-repeat; background-position: center bottom; height: 100%; width: 100%; position: absolute; top: 0; bottom: 0; left: 0; right: 0; } .bg-entry-select-info-wrap .bg-select-info-item:before { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; mix-blend-mode: multiply; } .bg-entry-select-info-wrap .bg-select-info-item:nth-child(even):before { background: -moz-linear-gradient(top, #2974e5 0%, rgba(41, 116, 229, 0) 100%); background: -webkit-linear-gradient(top, #2974e5 0%, rgba(41, 116, 229, 0) 100%); background: linear-gradient(to bottom, #2974e5 0%, rgba(41, 116, 229, 0) 100%); } .bg-entry-select-info-wrap .bg-select-info-item:nth-child(even):after { background-color: #59bbf2; } .bg-entry-select-info-wrap .bg-select-info-item:nth-child(even) .select-title-button { color: #2770dc; } .bg-entry-select-info-wrap .bg-select-info-item:nth-child(odd):before { background: -moz-linear-gradient(top, rgba(220, 8, 68, 0.6) 0%, rgba(220, 8, 68, 0) 100%); background: -webkit-linear-gradient(top, rgba(220, 8, 68, 0.6) 0%, rgba(220, 8, 68, 0) 100%); background: linear-gradient(to bottom, rgba(220, 8, 68, 0.6) 0%, rgba(220, 8, 68, 0) 100%); } .bg-entry-select-info-wrap .bg-select-info-item:nth-child(odd):after { background-color: #f25984; } .bg-entry-select-info-wrap .bg-select-info-item:nth-child(odd) .select-title-button { color: #e5295d; } .bg-entry-select-info-wrap .bg-select-info-item:after { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 5; pointer-events: none; mix-blend-mode: multiply; } .bg-entry-select-info-wrap .bg-select-info-item.bg-select-item-Men { background-color: transparent; } .bg-entry-select-info-wrap .bg-select-info-item.bg-select-item-Men:before { background: -moz-linear-gradient(top, #2974e5 0%, rgba(41, 116, 229, 0) 100%); background: -webkit-linear-gradient(top, #2974e5 0%, rgba(41, 116, 229, 0) 100%); background: linear-gradient(to bottom, #2974e5 0%, rgba(41, 116, 229, 0) 100%); } .bg-entry-select-info-wrap .bg-select-info-item.bg-select-item-Men:after { background-color: #59bbf2; } .bg-entry-select-info-wrap .bg-select-info-item.bg-select-item-Women { background-color: transparent; } .bg-entry-select-info-wrap .bg-select-info-item.bg-select-item-Women:before { background: -moz-linear-gradient(top, rgba(220, 8, 68, 0.6) 0%, rgba(220, 8, 68, 0) 100%); background: -webkit-linear-gradient(top, rgba(220, 8, 68, 0.6) 0%, rgba(220, 8, 68, 0) 100%); background: linear-gradient(to bottom, rgba(220, 8, 68, 0.6) 0%, rgba(220, 8, 68, 0) 100%); } .bg-entry-select-info-wrap .bg-select-info-item.bg-select-item-Women:after { background-color: #f25984; } .bg-entry-select-info-wrap .bg-select-item-Men .select-title-button { color: #2770dc; } .bg-entry-select-info-wrap .bg-select-item-Women .select-title-button { color: #e5295d; } .bg-entry-select-info-wrap .select-title-wrap { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; flex-direction: column; align-items: center; z-index: 7; position: absolute; left: 0; right: 0; bottom: 33%; } .bg-entry-select-info-wrap .select-title-wrap .select-title { font-size: 70px; color: #ffffff; text-transform: capitalize; margin: 0 0 32px; } .bg-entry-select-info-wrap .select-title-wrap .select-title-button { cursor: pointer; min-width: 164px; padding: 10px; font-family: "open sans"; font-weight: 700; font-size: 14px; text-align: center; text-transform: uppercase; background: #ffffff; -webkit-border-radius: 60px; -moz-border-radius: 60px; -ms-border-radius: 60px; border-radius: 60px; position: relative; overflow: hidden; z-index: 1; } .bg-entry-select-info-wrap .select-title-wrap .select-title-button:after { content: ""; position: absolute; z-index: -1; height: 0; top: 0; left: -1px; right: -1px; background: #000000; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .bg-entry-select-info-wrap .select-title-wrap .select-title-button:hover:after { height: 100%; } @media (max-width: 1300px) { .rc-bg-top-product .gringo-sharing-buttons-container { display: none; } .rc-bg-top-product .rc-bg-fixed-product-name { font-size: 18px; } .rc-bg-top-product .rc-bg-fixed-name { font-size: 16px; } .bg-entry-select-info-wrap.bg-entry-select-info-wrap-big .bg-select-info-title { font-size: 38px; } .bg-entry-select-info-wrap.bg-entry-select-info-wrap-big .select-title-wrap .select-title { font-size: 44px; } .bg-entry-select-info-wrap .bg-select-info-title { font-size: 52px; } .bg-entry-select-info-wrap .select-title-wrap { bottom: 30%; } .bg-entry-select-info-wrap .select-title-wrap .select-title { font-size: 65px; } } @media (max-width: 991px) { .rc-bg-top-product-wrap .rc-bg-product-image-wrap { flex-basis: 150px; } .rc-bg-top-product-wrap .rc-bg-info-wrapper { margin: 0 0 0 40px; } .rc-bg-top-product-wrap .rc-bg-winner-name { font-size: 21px; } .rc-bg-top-product-fixed { padding: 8px 0; height: 58px; } .rc-bg-top-product-fixed .button-close { bottom: 47px; } .rc-bg-top-product-fixed .rc-bg-fixed-product-name { font-size: 16px; width: 42%; } .rc-bg-top-product-fixed .rc-bg-fixed-product-name > span { display: none; } .rc-bg-top-product-fixed .rc-bg-product-fixed-wrapper { width: 30%; } .rc-bg-top-product-fixed .rc-bg-fixed-name { display: none; } .rc-bg-top-product-fixed .rc-bg-store-wrapper .price-link-image { display: none; } .bg-entry-select-info-wrap { height: calc(85vh - 64px); } .bg-entry-select-info-wrap .bg-select-info-item .select-image { background-size: auto 72%; } .bg-entry-select-info-wrap .bg-select-info-title { font-size: 38px; } .bg-entry-select-info-wrap .select-title-wrap .select-title { font-size: 44px; } } @media (max-width: 767px) { .rc-info-product.rc-bg-secondary-title { font-size: 23px; margin: 0 15px 23px; } .rc-bg-top-product-wrap { margin: 0 15px 20px; } .rc-bg-top-product-wrap .product-rating-info-wrap { position: relative; top: initial; right: initial; padding: 0 0 45px; margin: 0 auto; height: 30px; max-width: initial; } .rc-bg-top-product-wrap .product-rating-info-wrap:before { content: ""; position: absolute; bottom: initial; top: 100%; right: 0; width: 100%; height: 1px; background: #0000b112; } .rc-bg-top-product-wrap .product-rating-info-wrap.hover { overflow: initial; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; padding: 0 0 5px; } .rc-bg-top-product-wrap .top10-rate-category-wrap { border-top: none; max-width: 230px; width: 100%; margin: 0 auto; position: absolute; background: #fff; left: 50%; top: 102%; -moz-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); -webkit-box-shadow: 0px 1px 9px 0px rgba(43, 47, 50, 07%7); -moz-box-shadow: 0px 1px 9px 0px rgba(43, 47, 50, 07%7); box-shadow: 0px 1px 9px 0px rgba(43, 47, 50, 07%7); } .rc-bg-top-product-wrap .rc-bg-product-rating { font-size: 17px; margin: 0 0 5px; } .rc-bg-top-product-wrap .rc-bg-product-helper { padding: 0; flex-direction: column; } .rc-bg-top-product-wrap .rc-bg-winner-name { font-size: 18px; } .rc-bg-top-product-wrap .rc-bg-winner-list-title { font-size: 16px; } .rc-bg-top-product-wrap .rc-bg-product-image-wrap { flex-basis: initial; padding: 20px 0 0; max-height: 150px; margin: 0 0 20px; } .rc-bg-top-product-wrap .rc-bg-info-wrapper { margin: 20px 0 0; padding: 0 20px; } .rc-bg-top-product-wrap .rc-bg-info-wrapper:before { content: none; } .rc-bg-top-product-wrap .rc-bg-winner-name { padding: 0; text-align: center; } .rc-bg-top-product-wrap .rc-bg-winner-list-title { font-size: 16px; } .rc-bg-top-product-wrap .rc-bg-winner-list ul li { padding: 2px 0 2px 21px; font-size: 15px; } .rc-bg-top-product-wrap .easyazon-link { -webkit-border-radius: 28px; -moz-border-radius: 28px; -ms-border-radius: 28px; border-radius: 28px; max-width: 300px; font-size: 16px; padding: 15px 5px; } .rc-bg-top-product-fixed .button-close { right: 5px; width: 22px; height: 22px; } .rc-bg-top-product-fixed .button-close i { width: 22px; height: 22px; } .rc-bg-top-product-fixed .button-close i:before, .rc-bg-top-product-fixed .button-close i:after { width: 14px; top: 10px; right: 3px; } .rc-bg-top-product-fixed .rc-bg-fixed-product-name { font-size: 13px; width: 52%; } .rc-bg-top-product-fixed .rc-bg-fixed-product-name > span { display: none; } .rc-bg-top-product-fixed .rc-bg-product-fixed-wrapper { width: 17%; } .rc-bg-top-product-fixed .rc-bg-fixed-name { display: none; } .rc-bg-top-product-fixed .rc-bg-store-wrapper .price-link-image { display: none; } .rc-bg-top-product-fixed .easyazon-link { font-size: 14px; padding: 8px; } .bg-users-expert-wrap .bg-expert-races-info .bg-expert-awards { -moz-transform: none; -o-transform: none; -ms-transform: none; -webkit-transform: none; transform: none; left: initial; right: -5px; min-width: 250px; } .bg-users-expert-wrap .bg-expert-races-info .bg-expert-awards:after { left: initial; right: 9px; -moz-transform: none; -o-transform: none; -ms-transform: none; -webkit-transform: none; transform: none; } .rc-bg-wrap-inspiration .top10-best-table-content .top10-table-product-name { flex-grow: initial; } .rc-bg-wrap-inspiration .top10-best-table-content .top10-shop-column-helper { flex-basis: 110px; } .rc-bg-wrap-inspiration .top10-best-table-content .top10-best-price-details { width: 100%; } .rc-bg-wrap-inspiration .top10-features-wrap { margin: 44px 0 20px; } .rc-bg-wrap-inspiration .top10-features-wrap .review-content { padding: 15px 20px; } .rc-bg-wrap-inspiration .top10-features-wrap .review-content p, .rc-bg-wrap-inspiration .top10-features-wrap .review-content li { font-size: 14px; line-height: 1.55; } .rc-bg-wrap-inspiration .top10-product-price-rank { top: 10px; right: 10px; } .rc-bg-wrap-inspiration .top10-product-price-rank span { font-size: 20px; } .rc-bg-wrap-inspiration .rc-bg-wrap .bg-entry-review-info .bg-review-text { padding: 0 10px 10px; } .bg-entry-select-info-wrap { min-height: 400px; margin: 0 0 35px; } .bg-entry-select-info-wrap.bg-entry-select-info-wrap-big .bg-select-info-title { font-size: 29px; } .bg-entry-select-info-wrap.bg-entry-select-info-wrap-big .select-title-wrap { bottom: 15%; } .bg-entry-select-info-wrap.bg-entry-select-info-wrap-big .select-title-wrap .select-title { font-size: 27px; } .bg-entry-select-info-wrap .bg-select-info-title { font-size: 32px; display: inline-block; left: 0; padding: 0 20px; -moz-transform: translate(0, 0); -o-transform: translate(0, 0); -ms-transform: translate(0, 0); -webkit-transform: translate(0, 0); transform: translate(0, 0); } .bg-entry-select-info-wrap .select-title-wrap { bottom: 29%; } .bg-entry-select-info-wrap .select-title-wrap .select-title { font-size: 30px; margin: 0 0 20px; } .bg-entry-select-info-wrap .select-title-wrap .select-title-button { min-width: 124px; padding: 7px 10px; } } @media (max-width: 540px) { .rc-bg-wrap .sources-section .sources-content li { display: inline-block; } .rc-bg-top-product-wrap .easyazon-link { max-width: 230px; font-size: 14px; padding: 13px 5px; } } @media (max-width: 360px) { .top10-best-price-wrap .top10-price-header-title { padding: 11px 0; } .bg-criterias-wrap .filter-orderby-section .bg-criterias-rating-title { bottom: -46px; } .rc-bg-top-product-fixed .rc-bg-fixed-product-name .button-close { bottom: 41px; } .rc-bg-top-product-fixed .rc-bg-fixed-product-name .rc-bg-product-arrow { display: none; } .rc-bg-top-product-fixed .rc-bg-image-wrap img { max-width: 95%; } .rc-bg-top-product-fixed .easyazon-link { font-size: 13px; padding: 8px; } .bg-entry-select-info-wrap { min-height: 400px; } .bg-entry-select-info-wrap .bg-select-info-title { font-size: 28px; } .bg-entry-select-info-wrap .select-title-wrap { bottom: 25%; } .bg-entry-select-info-wrap .select-title-wrap .select-title { font-size: 26px; } } .rc-bg-review-sidebar .rc-bg-container { max-width: 95%; padding: 0 0 0 17px; } .rc-bg-review-sidebar .rc-bg-container .review-content-wrap { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; justify-content: center; } .rc-bg-review-sidebar .rc-bg-container .review-content-wrap > .review-content { width: calc(100% - 400px); padding: 0 40px 0 0px; } .rc-bg-review-sidebar .rc-bg-container .review-content-wrap .review-sidebar { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; flex-direction: column; max-width: 400px; } .rc-bg-review-sidebar .rc-bg-container .review-content-wrap .review-sidebar .bg-review-table-wrap { width: 95%; } .rc-bg-review-sidebar .rc-bg-container .review-content-wrap .review-sidebar .bg-content-table-wrap { width: 95%; float: none; } .rc-bg-review-sidebar .rc-bg-container .related-posts-wrap .entry-post-title { background: #ffffff; margin: 0; padding: 5px 0 50px; } @media (min-width: 1000px) { .rc-bg-review-sidebar .related-posts-wrap { width: 67%; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; flex-direction: column; align-items: center; } .rc-bg-review-sidebar .entry-post-title { width: 100%; } .rc-bg-review-sidebar .related-posts-items-wrap { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; justify-content: center; width: 100%; } .rc-bg-review-sidebar .related-post-item { width: auto; } } @media (max-width: 1170px) { .rc-bg-review-sidebar .rc-bg-container { padding: 0; width: 100%; } .rc-bg-review-sidebar .rc-bg-container .review-content-wrap .review-sidebar { display: none; } .rc-bg-review-sidebar .rc-bg-container .review-content-wrap > .review-content { padding: 0; width: 100%; } .rc-bg-summary-toc-wrapper { display: flex; justify-content: center; } .rc-bg-summary-toc-wrapper .bg-review-content-wrap { display: block; width: 90%; background: white; margin: 0; } .rc-bg-summary-toc-wrapper .bg-review-table-wrap { display: none; } } .rc-bg-summary-toc-wrapper { display: none; } @media (max-width: 768px) { .rc-bg-summary-toc-wrapper { display: flex; justify-content: center; } } .rc-bg-template .site-main > .container, .rc-bg-template .site-main > .breadcrumbs-container { max-width: 95%; padding: 0 0 0 17px; margin: 0 auto; } @media (max-width: 767px) { .rc-bg-template .site-main > .container, .rc-bg-template .site-main > .breadcrumbs-container { padding: 0; } } .rc-bg-template .site-main > .container .breadcrumbs, .rc-bg-template .site-main > .breadcrumbs-container .breadcrumbs { margin: 20px 0 0; } /*# sourceMappingURL=new-bg.css.map */