/* Theme Name: Reviews Template Garagegymbuilder Template: rev-template-parent Author: GringoGroup Description: Reviews Template theme for WordPress. Version: 1.0 Tags: black, brown, orange, tan, white, yellow, light, one-column, two-columns, right-sidebar, fluid-layout, responsive-layout, custom-header, custom-menu, editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, translation-ready, accessibility-ready Text Domain: rev_template_child This theme, like WordPress, is licensed under the GPL. Use it to make something cool, have fun, and share what you've learned with others. */ @font-face { font-family: 'avenirregular'; src: url("fonts/AvenirNextCyr-Regular.eot"); src: url("fonts/AvenirNextCyr-Regular.eot?#iefix") format("embedded-opentype"), url("fonts/AvenirNextCyr-Regular.woff") format("woff"), url("fonts/AvenirNextCyr-Regular.ttf") format("truetype"); font-weight: normal; font-style: normal; } @font-face { font-family: 'avenirbold'; src: url("fonts/AvenirNextCyr-Bold.eot"); src: url("fonts/AvenirNextCyr-Bold.eot?#iefix") format("embedded-opentype"), url("fonts/AvenirNextCyr-Bold.woff") format("woff"), url("fonts/AvenirNextCyr-Bold.ttf") format("truetype"); font-weight: normal; font-style: normal; } @font-face { font-family: 'avenirmedium'; src: url("fonts/AvenirNextCyr-Medium.eot"); src: url("fonts/AvenirNextCyr-Medium.eot?#iefix") format("embedded-opentype"), url("fonts/AvenirNextCyr-Medium.woff") format("woff"), url("fonts/AvenirNextCyr-Medium.ttf") format("truetype"); font-weight: normal; font-style: normal; } @font-face { font-family: 'ggb-font'; src: url("fonts/ggb-fonts/GGB-font.eot?995pbp"); src: url("fonts/ggb-fonts/GGB-font.eot") format("embedded-opentype"), url("fonts/ggb-fonts/GGB-font.ttf") format("truetype"), url("fonts/ggb-fonts/GGB-font.woff") format("woff"), url("fonts/ggb-fonts/GGB-font.svg") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'helveticanowdisplay-light'; src: url("fonts/partner-banner/HelveticaNowDisplay-Light.eot?995pbp"); src: url("fonts/partner-banner/HelveticaNowDisplay-Light.eot") format("embedded-opentype"), url("fonts/partner-banner/HelveticaNowDisplay-Light.ttf") format("truetype"), url("fonts/partner-banner/HelveticaNowDisplay-Light.woff") format("woff"), url("fonts/partner-banner/HelveticaNowDisplay-Light.svg") format("svg"); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: 'helveticanowdisplay-black'; src: url("fonts/partner-banner/HelveticaNowDisplay-Black.eot?995pbp"); src: url("fonts/partner-banner/HelveticaNowDisplay-Black.eot") format("embedded-opentype"), url("fonts/partner-banner/HelveticaNowDisplay-Black.ttf") format("truetype"), url("fonts/partner-banner/HelveticaNowDisplay-Black.woff") format("woff"), url("fonts/partner-banner/HelveticaNowDisplay-Black.svg") format("svg"); font-weight: 900; font-style: normal; font-display: swap; } @-moz-keyframes ggb-loader { 0% { -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -moz-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @-webkit-keyframes ggb-loader { 0% { -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -moz-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes ggb-loader { 0% { -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -moz-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .site-main .single-breadcrumb { max-width: 980px; margin: 20px auto 0; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; flex-wrap: wrap; align-items: center; } .site-main .single-breadcrumb a { font-family: 'open sans', sans-serif; color: #000000; font-weight: 600; line-height: 1.36; font-size: 14px; position: relative; padding: 0 18px 0 0; margin: 0 13px 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; } .site-main .single-breadcrumb a:after { border: none; color: #1771ff; font-family: swiper-icons; font-size: 12px; line-height: 1; top: 50%; transform: translateY(-50%); right: 0; width: 5px; content: "next"; position: absolute; } @media only screen and (min-width: 992px) { .site-main .single-breadcrumb a:hover { color: #1771ff; } } .site-main .single-breadcrumb span { color: #1771ff; font-family: 'open sans', sans-serif; font-weight: 700; line-height: 1.36; font-size: 14px; } @media only screen and (max-width: 768px) { .site-main .single-breadcrumb span { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: inline-block; } } .site-content .tve_table.tve_brdr_solid td, .site-content .tve_table.tve_brdr_solid th { border-width: 1px; } .rc-bg-wrap .bg-entry-review-info .bg-review-text a:hover { color: #010c1d; } .rc-bg-wrap .bg-to-top-button-wrap { background: -moz-linear-gradient(top, #1771ff 0, #c7d6fe 100%); background: -webkit-linear-gradient(top, #1771ff 0, #c7d6fe 100%); background: linear-gradient(to bottom, #1771ff 0, #c7d6fe 100%); } .rc-bg-wrap .rc-bg-title, .rc-bg-wrap .rc-bg-secondary-title { color: #010c1d; font-family: 'avenirbold'; } .rc-bg-wrap .bg-features-item-wrap .bg-features-count { color: #010c1d; } .rc-bg-wrap .top10-best-table-content .top10-table-column.top10-table-product-name .top10-product-title { color: #47474c; } .rc-bg-wrap .top10-best-table-content .top10-table-column.top10-table-product-name .top10-table-button { color: #2a2d32; } .rc-bg-wrap .top10-best-table-content .top10-table-column.top10-table-product-name .top10-table-button:after { background: -moz-linear-gradient(left, rgba(42, 45, 50, 0) 0%, #2a2d32 50%, rgba(42, 45, 50, 0) 100%); background: -webkit-linear-gradient(left, rgba(42, 45, 50, 0) 0%, #2a2d32 50%, rgba(42, 45, 50, 0) 100%); background: linear-gradient(to right, rgba(42, 45, 50, 0) 0%, #2a2d32 50%, rgba(42, 45, 50, 0) 100%); } .rc-bg-wrap .top10-best-table-content .top10-table-column.top10-table-product-name .top10-table-button:hover { color: #1771ff; } .rc-bg-wrap .top10-best-table-content .top10-table-column.top10-table-product-name .top10-table-button:hover:after { background: -moz-linear-gradient(left, rgba(199, 214, 254, 0) 0%, rgba(199, 214, 254, 0.75) 20%, #c7d6fe 32%, #1771ff 70%, rgba(23, 113, 255, 0.75) 80%, rgba(23, 113, 255, 0) 100%); background: -webkit-linear-gradient(left, rgba(199, 214, 254, 0) 0%, rgba(199, 214, 254, 0.75) 20%, #c7d6fe 32%, #1771ff 70%, rgba(23, 113, 255, 0.75) 80%, rgba(23, 113, 255, 0) 100%); background: linear-gradient(to right, rgba(199, 214, 254, 0) 0%, rgba(199, 214, 254, 0.75) 20%, #c7d6fe 32%, #1771ff 70%, rgba(23, 113, 255, 0.75) 80%, rgba(23, 113, 255, 0) 100%); } .rc-bg-wrap .top10-rating-details .detail-status-wrap:before { background: -moz-linear-gradient(left, #c7d6fe 0, #1771ff 100%); background: -webkit-linear-gradient(left, #c7d6fe 0, #1771ff 100%); background: linear-gradient(to right, #c7d6fe 0, #1771ff 100%); } .rc-bg-wrap .bg-button-wrapper .bg-button-helper { background: -moz-linear-gradient(left, #1771ff 0, #1771ff 100%); background: -webkit-linear-gradient(left, #1771ff 0, #1771ff 100%); background: linear-gradient(to right, #1771ff 0, #1771ff 100%); } .rc-bg-wrap .bg-button-wrapper a:hover { background: -moz-linear-gradient(left, #1771ff 0, #1771ff 100%); background: -webkit-linear-gradient(left, #1771ff 0, #1771ff 100%); background: linear-gradient(to right, #1771ff 0, #1771ff 100%); } .rc-bg-wrap .bg-review-content-wrap .bg-content-table-title { color: #010c1d; } .rc-bg-wrap .bg-criteria-item .bg-criteria-item-title { color: #010c1d; } .rc-bg-wrap .bg-criterias-title { color: #010c1d; } .rc-bg-wrap .bg-other-factors-wrap .bg-title-name { color: #010c1d; } .rc-bg-wrap .bg-faq-items-wrap .bg-faq-item a { color: #1778ff; } .rc-bg-wrap .bg-faq-items-wrap .bg-faq-item a:hover { color: #010c1d; text-decoration-line: none; } .rc-bg-wrap .related-posts-wrap { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; flex-direction: column; align-items: center; width: 67%; } @media only screen and (max-width: 991px) { .rc-bg-wrap .related-posts-wrap { width: 100%; } } .page-template-default .sources-section .sources-content ol li { display: list-item; padding-left: 30px; } .page-template-default .sources-section .sources-content ol li::before { margin-left: -2.3rem; } .review-post-content .rc-bg-wrap .sources-title { color: #010c1d; font-family: 'avenirbold'; } .review-post-content .rc-bg-wrap .bg-entry-review-info .display-name { color: #acacac; font-family: 'avenirmedium'; } .review-post-content .rc-bg-wrap .bg-entry-review-info .entry-review-info { justify-content: flex-start; } .review-post-content .rc-bg-wrap .bg-entry-review-info .bg-date-update { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; text-align: left; } .review-post-content .rc-bg-wrap .bg-entry-review-info .bg-date-update .bg-date { color: #acacac; font-family: 'avenirmedium'; } .review-post-content .related-posts-wrap .related-post-item { width: 33.33%; padding-bottom: 50px; } .review-post-content .related-posts-wrap .related-post-item:nth-child(2):after { content: ""; position: absolute; top: 0; bottom: 0; right: 0; width: 1px; background: #1778ff; } @media only screen and (max-width: 768px) { .review-post-content .related-posts-wrap .related-post-item { width: 100%; } .review-post-content .related-posts-wrap .related-post-item:first-child:after { display: none; } .review-post-content .related-posts-wrap .related-post-item:nth-child(2):after { display: none; } } .ggb-spinner-wrap { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; flex-direction: column; align-items: center; max-width: 200px; margin: 0 auto 30px; width: 100%; padding: 10px; } .ggb-spinner-wrap .ggb-spinner-text { font-size: 14px; margin: 5px 0 0; font-family: 'avenirmedium'; z-index: 2; } .ggb-spinner { border: 4px solid; border-right-color: transparent; -webkit-border-radius: 16px; -moz-border-radius: 16px; -ms-border-radius: 16px; border-radius: 16px; box-sizing: border-box; display: inline-block; position: relative; width: 33px; height: 33px; line-height: 33px; -moz-animation: ggb-loader 1250ms infinite linear; -webkit-animation: ggb-loader 1250ms infinite linear; animation: ggb-loader 1250ms infinite linear; } .close { position: absolute; top: 21px; right: 40px; width: 22px; height: 22px; cursor: pointer; z-index: 2; -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: scale(1); -o-transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); } .close span { position: relative; width: 22px; height: 22px; display: block; } .close span:before, .close span:after { content: ''; position: absolute; top: 11px; left: 0; width: 100%; height: 2px; background: #1771ff; } .close span:before { -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); } .close span:after { -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } @media only screen and (min-width: 992px) { .close:hover { -moz-transform: scale(0.9); -o-transform: scale(0.9); -ms-transform: scale(0.9); -webkit-transform: scale(0.9); transform: scale(0.9); } } .video-review-wrap { margin: 36px 0 15px; } @media only screen and (max-width: 768px) { .rc-bg-wrap .bg-entry-review-info .entry-review-info { flex-direction: column; padding: 15px 10px 5px; margin: 0 0 10px; } .rc-bg-wrap .bg-entry-review-info .entry-review-info:after { display: none; } .rc-bg-wrap .bg-entry-review-info .post-author { margin: 0 0 20px; padding: 0 0 25px; width: 100%; position: relative; } .rc-bg-wrap .bg-entry-review-info .post-author:after { content: ""; position: absolute; height: 1px; left: -10px; right: -10px; bottom: 0; background: #e8e8e8; } .rc-bg-wrap .bg-entry-review-info .post-author .avatar { flex-shrink: 0; } .review-post-content .rc-bg-wrap .bg-entry-review-info .display-name { font-size: 12px; } .review-post-content .rc-bg-wrap .bg-entry-review-info .bg-date-update { flex-direction: row; font-size: 12px; } .review-post-content .rc-bg-wrap .bg-entry-review-info .bg-update-title { margin: 0 5px 0 0; } } @-moz-keyframes ggb-loader { 0% { -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -moz-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @-webkit-keyframes ggb-loader { 0% { -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -moz-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes ggb-loader { 0% { -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -moz-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .partner-banner { padding: 30px; display: block; background-color: white; -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; border-radius: 6px; -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); -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; } @media only screen and (max-width: 1170px) { .partner-banner { width: 100%; } } @media only screen and (max-width: 555px) { .partner-banner { padding: 20px; } } .partner-banner:hover { -webkit-box-shadow: 0px 1px 8px 5px rgba(79, 79, 79, 0.13); -moz-box-shadow: 0px 1px 8px 5px rgba(79, 79, 79, 0.13); box-shadow: 0px 1px 8px 5px rgba(79, 79, 79, 0.13); } .partner-banner:hover .partner-banner-content button { background: #ffcd23; border: 1px solid #ffcd23; } .partner-banner-content { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; flex-wrap: wrap; justify-content: center; } .partner-banner-content .image { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; align-items: center; justify-content: center; margin: 0 auto 30px; } @media only screen and (min-width: 555px) and (max-width: 1170px) { .partner-banner-content .image { flex: 0 0 49%; margin: 0; } } .partner-banner-content .image img { max-width: 150px; width: 100%; height: auto; margin: 0 auto; } @media only screen and (max-width: 1170px) { .partner-banner-content .image img { width: 125px; } } @media only screen and (max-width: 555px) { .partner-banner-content .image img { max-width: 100px; } } .partner-banner-content .text-wrap { flex-wrap: wrap; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; align-items: center; justify-content: center; width: 100%; } @media only screen and (min-width: 555px) and (max-width: 1170px) { .partner-banner-content .text-wrap { width: auto; flex: 0 0 49%; } } .partner-banner-content .text { font-family: 'helveticanowdisplay-light', sans-serif; font-weight: normal; font-style: normal; text-transform: uppercase; text-align: left; color: black; } .partner-banner-content .text p { width: 100%; font-size: 24px; } .partner-banner-content .text span { display: block; font-family: 'helveticanowdisplay-black', sans-serif; font-weight: 900; font-style: normal; } .partner-banner-content .text button { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; align-items: center; justify-content: center; width: 100%; padding: 10px; font-size: 20px; text-transform: uppercase; color: black; background: #fec400; border: 1px solid #fec400; -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; border-radius: 6px; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; } .partner-banner-content .text button img { max-width: 16px; margin-left: 10px; } .site-header { height: 148px; -webkit-box-shadow: 0px 3px 9px 0px rgba(27, 24, 21, 0.15); -moz-box-shadow: 0px 3px 9px 0px rgba(27, 24, 21, 0.15); box-shadow: 0px 3px 9px 0px rgba(27, 24, 21, 0.15); -webkit-transition: height 0s linear; -moz-transition: height 0s linear; -ms-transition: height 0s linear; -o-transition: height 0s linear; transition: height 0s linear; background: #ffffff; transition: all .5s ease; transform: translateZ(1px) !important; } @media only screen and (max-width: 991px) { .site-header { height: 105px; } } @media only screen and (max-width: 768px) { .site-header { height: 95px; } } .site-header .ggb-header-wrapper .home-link { margin: 0; float: initial; max-width: 150px; -webkit-transition: max-width 0s linear; -moz-transition: max-width 0s linear; -ms-transition: max-width 0s linear; -o-transition: max-width 0s linear; transition: max-width 0s linear; } .vhidden .site-header .ggb-header-wrapper .home-link { display: none; } .site-header .ggb-header-wrapper .home-link img { width: auto; height: auto; -webkit-transition: max-height 0.15s linear; -moz-transition: max-height 0.15s linear; -ms-transition: max-height 0.15s linear; -o-transition: max-height 0.15s linear; transition: max-height 0.15s linear; } @media only screen and (max-width: 991px) { .site-header .ggb-header-wrapper .home-link { /*margin: 0 0 12px;*/ max-height: 34px; } .site-header .ggb-header-wrapper .home-link img { max-height: 34px; /*max-height: 100%;*/ } } @media only screen and (max-width: 768px) { .site-header .ggb-header-wrapper .home-link { max-width: 100px; } .site-header .ggb-header-wrapper .home-link img { max-height: 34px; max-width: 100%; /*max-height: 100%;*/ } } @media only screen and (min-width: 992px) { .site-header.site-header-small { height: 60px; -webkit-transition: height 0.15s linear; -moz-transition: height 0.15s linear; -ms-transition: height 0.15s linear; -o-transition: height 0.15s linear; transition: height 0.15s linear; } .site-header.site-header-small .ggb-header-top-wrap { -moz-transform: translateY(0px); -o-transform: translateY(0px); -ms-transform: translateY(0px); -webkit-transform: translateY(0px); transform: translateY(0px); } .site-header.site-header-small .ggb-header-top-wrap .site-navigation-search-form-label .search-submit-button { width: 34px; height: 34px; } } @media only screen and (min-width: 992px) and (max-width: 768px) { .site-header.site-header-small .ggb-header-top-wrap { padding: 12px 15px 18px; } } @media only screen and (min-width: 992px) { .site-header.site-header-small .home-link { margin: 0; } } @media only screen and (min-width: 992px) and (max-width: 768px) { .site-header.site-header-small .home-link { max-width: 85px; margin: 0 0 5px; } } @media only screen and (min-width: 992px) { .site-header.site-header-small .header-wrapper { height: 58px; padding: 10px 0 0; -webkit-transition: all 0.15s linear; -moz-transition: all 0.15s linear; -ms-transition: all 0.15s linear; -o-transition: all 0.15s linear; transition: all 0.15s linear; } .site-header.site-header-small .header-wrapper.ggb-header-wrapper .nav-menu > li a { font-size: 14px; } .site-header.site-header-small .ggb-header-top-wrap { flex-wrap: initial; } .site-header.site-header-small .ggb-header-top-wrap .ggb-search-wrap { max-width: 350px; order: 3; margin: 0; } .site-header.site-header-small .ggb-header-wrapper .navbar { order: 2; -moz-transform: translateY(6px); -o-transform: translateY(6px); -ms-transform: translateY(6px); -webkit-transform: translateY(6px); transform: translateY(6px); } .site-header.site-header-small .ggb-header-wrapper .nav-menu { margin: 0 auto; width: 50%; } .site-header.site-header-small .ggb-header-wrapper .nav-menu > li { padding: 0 0 21px; margin: 0; } .site-header.site-header-small .ggb-header-wrapper .nav-menu > li a:before { bottom: -21px; } .site-header.site-header-small .ggb-header-wrapper .nav-menu .ggb-small-menu { display: block; } } @media only screen and (min-width: 992px) and (min-width: 992px) { .site-header.site-header-small .ggb-header-wrapper .nav-menu .ggb-small-menu:hover .ggb-short-nav-menu { opacity: 1; visibility: visible; } } @media only screen and (min-width: 992px) { .site-header.site-header-small .ggb-header-wrapper .nav-menu .ggb-short-nav-menu { position: absolute; background: #ffffff; top: 35px; justify-content: space-between; flex-direction: column; text-align: left; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; opacity: 0; visibility: hidden; left: -40px; right: -55px; width: auto; padding: 15px 0 15px 40px; -webkit-transition: all 0.15s; -moz-transition: all 0.15s; -ms-transition: all 0.15s; -o-transition: all 0.15s; transition: all 0.15s; -webkit-box-shadow: 0px 6px 10px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0px 6px 10px rgba(0, 0, 0, 0.15); box-shadow: 0px 6px 10px rgba(0, 0, 0, 0.15); } } @media only screen and (min-width: 992px) and (min-width: 992px) { .site-header.site-header-small .ggb-header-wrapper .nav-menu .ggb-short-nav-menu .menu-item-has-children:hover .sub-menu { opacity: 1; visibility: visible; } } @media only screen and (min-width: 992px) { .site-header.site-header-small .ggb-header-wrapper .nav-menu .ggb-small-submenu { display: block; padding: 10px 0; position: relative; } .site-header.site-header-small .ggb-header-wrapper .nav-menu .ggb-small-submenu a { font-size: 14px; color: #000000; text-transform: capitalize; font-family: 'avenirmedium'; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; position: relative; } .site-header.site-header-small .ggb-header-wrapper .nav-menu .ggb-small-submenu a:after { content: ''; position: absolute; bottom: -12px; left: 50%; height: 2px; width: 0; opacity: 0; background: #1771ff; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; -moz-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); } } @media only screen and (min-width: 992px) and (min-width: 992px) { .site-header.site-header-small .ggb-header-wrapper .nav-menu .ggb-small-submenu a:hover { color: #1771ff; background: transparent; } .site-header.site-header-small .ggb-header-wrapper .nav-menu .ggb-small-submenu a:hover:after { width: 100%; opacity: 1; } } @media only screen and (min-width: 992px) { .site-header.site-header-small .ggb-header-wrapper .nav-menu .ggb-small-submenu .sub-menu { height: auto; width: auto; left: 100%; top: 5px; background: #ffffff; -webkit-box-shadow: 6px 1px 13px rgba(0, 0, 0, 0.15); -moz-box-shadow: 6px 1px 13px rgba(0, 0, 0, 0.15); box-shadow: 6px 1px 13px rgba(0, 0, 0, 0.15); } .site-header.site-header-small .ggb-header-wrapper .nav-menu .ggb-small-submenu .sub-menu li { width: 165px; margin: 0; } .site-header.site-header-small .ggb-header-wrapper .nav-menu .ggb-small-submenu .sub-menu li a { border: none; } .site-header.site-header-small .ggb-header-wrapper .nav-menu .ggb-small-submenu .sub-menu li a:after { bottom: 0; } .site-header.site-header-small .search-menu-item .header-search-filter { height: 34px; } .site-header.site-header-small .search-menu-item .search-field { height: 34px; } .site-header.site-header-small .s-filter-button { line-height: 34px; } } @media only screen and (max-width: 991px) { .site-header.site-header-small { height: 105px; } } @media only screen and (max-width: 768px) { .site-header.site-header-small { height: 95px; } } @media only screen and (max-width: 991px) { .site-header.site-header-small .ggb-header-top-wrap .search-field { height: auto; font-size: 14px; padding: 7px 42px 8px 125px; } } @media only screen and (max-width: 768px) { .site-header.site-header-small .ggb-header-top-wrap .search-field { font-size: 12px; padding: 6px 42px 7px 125px; } } .site { padding: 148px 0 0; /*@include max-small { padding: 105px 0 0; }*/ } @media only screen and (max-width: 991px) { .site { padding: 105px 0 0; } } .site-header-down { top: -108px; } @media (min-width: 768px) and (max-width: 782px) { .admin-bar .site-header { top: 46px; } } .admin-bar .site-header.site-header-down { top: -55px; } .header-wrapper.ggb-header-wrapper { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; flex-direction: column; -webkit-transition: height 0.15s linear; -moz-transition: height 0.15s linear; -ms-transition: height 0.15s linear; -o-transition: height 0.15s linear; transition: height 0.15s linear; height: 148px; padding: 0; } .header-wrapper.ggb-header-wrapper .navbar { width: 100%; padding: 0; order: 3; -webkit-transition: all 0.15s linear; -moz-transition: all 0.15s linear; -ms-transition: all 0.15s linear; -o-transition: all 0.15s linear; transition: all 0.15s linear; -moz-transform: translateY(30px); -o-transform: translateY(30px); -ms-transform: translateY(30px); -webkit-transform: translateY(30px); transform: translateY(30px); } @media (max-width: 999px) { .header-wrapper.ggb-header-wrapper .navbar { -moz-transform: initial; -o-transform: initial; -ms-transform: initial; -webkit-transform: initial; transform: initial; } } .header-wrapper.ggb-header-wrapper .menu-menu-chinh-container { float: initial; width: 100%; } .header-wrapper.ggb-header-wrapper .nav-menu { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; align-items: center; justify-content: space-between; margin: 0; } .header-wrapper.ggb-header-wrapper .nav-menu .ggb-small-menu { display: none; } .header-wrapper.ggb-header-wrapper .nav-menu > li { height: initial; width: auto; text-align: center; padding: 0 0 19px; position: relative; } .header-wrapper.ggb-header-wrapper .nav-menu > li .menu-item-container { display: none; } .header-wrapper.ggb-header-wrapper .nav-menu > li.ggb-black-friday > a { color: #ffffff; } .header-wrapper.ggb-header-wrapper .nav-menu > li.ggb-black-friday > a:after { content: ''; position: absolute; top: -10px; bottom: -10px; left: -15px; right: -15px; background: #1771ff; z-index: -1; -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; border-radius: 20px; } .header-wrapper.ggb-header-wrapper .nav-menu > li > .sub-menu { background-size: initial; background: #ffffff; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; flex-direction: column; align-items: flex-start; left: -15px; top: 100%; min-width: 200px; padding: 12px 15px 20px; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; -webkit-box-shadow: 0px 3px 9px 0px rgba(27, 24, 21, 0.15); -moz-box-shadow: 0px 3px 9px 0px rgba(27, 24, 21, 0.15); box-shadow: 0px 3px 9px 0px rgba(27, 24, 21, 0.15); } .header-wrapper.ggb-header-wrapper .nav-menu > li > .sub-menu li { width: auto; background: transparent; margin: 0; text-align: left; } .header-wrapper.ggb-header-wrapper .nav-menu > li > .sub-menu li a { border: none; line-height: 1.45; color: #000000; padding: 4px 0; font-size: 16px; text-transform: capitalize; font-family: 'avenirmedium'; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; } .header-wrapper.ggb-header-wrapper .nav-menu > li > .sub-menu li a:before { content: none; } @media only screen and (min-width: 992px) { .header-wrapper.ggb-header-wrapper .nav-menu > li > .sub-menu li:hover a { background: transparent; color: #1771ff; } } @media only screen and (min-width: 992px) { .header-wrapper.ggb-header-wrapper .nav-menu > li:hover a { color: #1771ff; } .header-wrapper.ggb-header-wrapper .nav-menu > li:hover a:before { opacity: 1; width: 100%; } } .header-wrapper.ggb-header-wrapper .nav-menu > li.menu-item-has-children { /*>a { &:before { right: initial; border-top-color: transparent; top: initial; margin: 0; border: none; } }*/ } .header-wrapper.ggb-header-wrapper .nav-menu > li.menu-item-has-children.open > a { background: transparent; color: #1771ff !important; padding: 0 0 5px; } .header-wrapper.ggb-header-wrapper .nav-menu > li.menu-item-has-children.open > a:before { display: block !important; opacity: 1; width: 100%; bottom: 0; } .header-wrapper.ggb-header-wrapper .nav-menu > li.menu-item-has-children.open .sub-menu { display: flex !important; align-items: center; left: initial; right: initial; top: initial; position: relative; padding: 12px 0 0 0; margin: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .header-wrapper.ggb-header-wrapper .nav-menu > li.menu-item-has-children.open .sub-menu > li a { font-family: 'avenirregular'; font-size: 16px; } @media (min-width: 992px) and (max-width: 1480px) { .header-wrapper.ggb-header-wrapper .nav-menu > li.menu-item-has-children:last-child > .sub-menu { left: initial; right: -15px; } } .header-wrapper.ggb-header-wrapper .nav-menu > li > a { color: #000000; font-size: 16px; text-transform: capitalize; font-family: 'avenirmedium'; font-weight: initial; position: relative; padding: 0; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; } @media only screen and (max-width: 768px) { .header-wrapper.ggb-header-wrapper .nav-menu > li > a { font-size: 20px; } } .header-wrapper.ggb-header-wrapper .nav-menu > li > a:before { content: ''; position: absolute; bottom: -19px; left: 50%; height: 2px; width: 0; opacity: 0; z-index: 3; background: #1771ff; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; -moz-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); right: initial; top: initial; margin-top: 0; border: none; border-top: none; border-top-color: transparent; } @media (max-width: 999px) { .header-wrapper.ggb-header-wrapper .nav-menu { flex-direction: column; } } .header-wrapper.ggb-header-wrapper .menu-toggle { left: initial; right: 15px; top: 3px; } .header-wrapper.ggb-header-wrapper .menu-toggle > span { background: #1771ff; height: 2px; } .header-wrapper.ggb-header-wrapper .menu-toggle > span:before, .header-wrapper.ggb-header-wrapper .menu-toggle > span:after { background: #1771ff; height: 2px; } .header-wrapper.ggb-header-wrapper .menu-toggle > span:before { top: -7px; } .header-wrapper.ggb-header-wrapper .menu-toggle > span:after { bottom: -7px; } @media (max-width: 999px) { .header-wrapper.ggb-header-wrapper { height: 105px; } .header-wrapper.ggb-header-wrapper .menu-menu-chinh-container { display: none; } } @media only screen and (max-width: 768px) { .header-wrapper.ggb-header-wrapper { height: 95px; } } .header-wrapper.ggb-header-wrapper .toggled-on .menu-toggle > span { background: transparent; } .header-wrapper.ggb-header-wrapper .toggled-on .menu-toggle > span:before { top: 0; } .header-wrapper.ggb-header-wrapper .toggled-on .menu-toggle > span:after { bottom: 0; } @media (max-width: 999px) { .header-wrapper.ggb-header-wrapper .toggled-on .menu-menu-chinh-container { display: block; height: calc(100vh - 55px); left: 0; } } @media (min-width: 992px) and (max-width: 1480px) { .site-header-small .header-wrapper.ggb-header-wrapper .nav-menu > li.menu-item-has-children:last-child > .sub-menu { left: -15px; right: initial; } } .ggb-header-top-wrap { position: relative; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; -moz-transform: translateY(30px); -o-transform: translateY(30px); -ms-transform: translateY(30px); -webkit-transform: translateY(30px); transform: translateY(30px); -webkit-transition: all 0.15s; -moz-transition: all 0.15s; -ms-transition: all 0.15s; -o-transition: all 0.15s; transition: all 0.15s; } .ggb-header-top-wrap-h1 { display: inline-block; margin: 0; font-size: 0; } .vhidden .ggb-header-top-wrap { height: 55px; } .ggb-header-top-wrap .ggb-search-wrap { max-width: 480px; width: 100%; position: relative; margin: 0; padding: 0; list-style-type: none; -webkit-transition: max-width 0.15s; -moz-transition: max-width 0.15s; -ms-transition: max-width 0.15s; -o-transition: max-width 0.15s; transition: max-width 0.15s; } .vhidden .ggb-header-top-wrap .ggb-search-wrap { display: none; } @media only screen and (min-width: 992px) { .ggb-header-top-wrap .ggb-search-wrap:hover .search-field { border-color: #1771ff; } } @media (max-width: 999px) { .ggb-header-top-wrap .ggb-search-wrap { margin: 0; order: 3; top: initial; max-width: 100%; -moz-transform: translateY(11px); -o-transform: translateY(11px); -ms-transform: translateY(11px); -webkit-transform: translateY(11px); transform: translateY(11px); } } @media (max-width: 999px) { .ggb-header-top-wrap { padding: 0px 15px; /*flex-direction: column;*/ align-items: flex-start; -moz-transform: translateY(10px); -o-transform: translateY(10px); -ms-transform: translateY(10px); -webkit-transform: translateY(10px); transform: translateY(10px); } } @media only screen and (max-width: 768px) { .ggb-header-top-wrap { /*flex-direction: column; align-items: flex-start;*/ padding: 0 15px; } } .ggb-header-top-wrap .header-search-filter { z-index: 5; color: #1771ff; background: #e7f1ff; left: -1px; } @media only screen and (max-width: 768px) { .ggb-header-top-wrap .header-search-filter { height: 32px; } } .ggb-header-top-wrap .header-search-filter .s-filter-button:after { border-top-color: #1771ff; } @media only screen and (max-width: 768px) { .ggb-header-top-wrap .header-search-filter .s-filter-button { line-height: 32px; } } .ggb-header-top-wrap .header-search-filter .s-filter-items-wrap { padding: 0; background: #e7f1ff; } .ggb-header-top-wrap .header-search-filter .s-filter-items-wrap:before { content: none; } .ggb-header-top-wrap .search-field { width: 100%; -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; border-radius: 20px; background: rgba(23, 113, 255, 0.1); color: #1771ff; font-family: 'avenirmedium'; font-size: 16px; border: 2px solid transparent; padding: 8px 42px 9px 125px; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; position: relative; z-index: 3; } .ggb-header-top-wrap .search-field.placeholder { color: #1771ff; font-family: 'avenirmedium'; font-size: 16px; opacity: 0.8; } @media only screen and (max-width: 768px) { .ggb-header-top-wrap .search-field.placeholder { font-size: 12px; } } .ggb-header-top-wrap .search-field:-moz-placeholder { color: #1771ff; font-family: 'avenirmedium'; font-size: 16px; opacity: 0.8; } @media only screen and (max-width: 768px) { .ggb-header-top-wrap .search-field:-moz-placeholder { font-size: 12px; } } .ggb-header-top-wrap .search-field::-moz-placeholder { color: #1771ff; font-family: 'avenirmedium'; font-size: 16px; opacity: 0.8; } @media only screen and (max-width: 768px) { .ggb-header-top-wrap .search-field::-moz-placeholder { font-size: 12px; } } .ggb-header-top-wrap .search-field::-webkit-input-placeholder { color: #1771ff; font-family: 'avenirmedium'; font-size: 16px; opacity: 0.8; } @media only screen and (max-width: 768px) { .ggb-header-top-wrap .search-field::-webkit-input-placeholder { font-size: 12px; } } @media only screen and (max-width: 991px) { .ggb-header-top-wrap .search-field { font-size: 14px; padding: 7px 42px 8px 125px; } .ggb-header-top-wrap .search-field.placeholder { font-size: 14px; } .ggb-header-top-wrap .search-field:-moz-placeholder { font-size: 14px; } .ggb-header-top-wrap .search-field::-moz-placeholder { font-size: 14px; } .ggb-header-top-wrap .search-field::-webkit-input-placeholder { font-size: 14px; } } @media only screen and (max-width: 768px) { .ggb-header-top-wrap .search-field { font-size: 12px; padding: 7px 42px 6px 125px; height: auto; } } .ggb-header-top-wrap .site-navigation-search-form-label .search-submit-button { position: absolute; top: 0; right: 0; bottom: 0; width: 41px; height: 41px; background: #1771ff; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; border: 2px solid transparent; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; align-items: center; justify-content: center; } .ggb-header-top-wrap .site-navigation-search-form-label .search-submit-button .ggb-icon-Search { position: relative; color: #ffffff; font-size: 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; } @media only screen and (min-width: 992px) { .ggb-header-top-wrap .site-navigation-search-form-label .search-submit-button:hover { background: rgba(23, 113, 255, 0.1); border-color: #1771ff; } .ggb-header-top-wrap .site-navigation-search-form-label .search-submit-button:hover .ggb-icon-Search { color: #1771ff; font-size: 16px; } } @media only screen and (max-width: 991px) { .ggb-header-top-wrap .site-navigation-search-form-label .search-submit-button { width: 37px; height: 37px; } } @media only screen and (max-width: 768px) { .ggb-header-top-wrap .site-navigation-search-form-label .search-submit-button { width: 32px; height: 32px; } } body.ggb-hidden { overflow: hidden; } .site-header, .ggb-review-categories, .ggb-blog-most-viewed, .ggb-blog-categories, .sign-up-before, .site-footer { -moz-transform: translateZ(-1px); -o-transform: translateZ(-1px); -ms-transform: translateZ(-1px); -webkit-transform: translateZ(-1px); transform: translateZ(-1px); } @media only screen and (max-width: 768px) { .sign-up h2.main-title img { width: 100%; } } .sidebar-sign-content .sidebar-sign-radio img { max-width: 50px; } .home .ggb-brands-popup-content .ggb-brands-tab-content { padding: 134px 0 0; } /*Banner*/ .ggb-content-banner { height: 660px; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; justify-content: center; align-items: flex-end; background-image: url("images/home-page/banner-image.jpg"); background-position: center bottom; background-repeat: no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; position: relative; padding: 0 0 160px; margin: -148px 0 100px; } @media only screen and (max-width: 768px) { .ggb-content-banner { padding: 0 0 80px; height: 380px; } .ggb-content-banner .section-indent { margin: 0 0 25px; } } .ggb-content-banner:before { content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: url("images/home-page/banner-shadow.png") no-repeat center bottom; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; z-index: 1; } .ggb-content-banner .ggb-banner-title-wrap { position: relative; z-index: 2; text-align: center; margin: 0 0 25px; } .ggb-content-banner .ggb-content-banner-title { color: #ffffff; font-size: 45px; font-family: 'avenirregular'; margin: 0 0 6px; } @media only screen and (max-width: 768px) { .ggb-content-banner .ggb-content-banner-title { font-size: 25px; } } .ggb-content-banner .ggb-content-banner-subtitle { margin: 0 0 25px; } .ggb-content-banner .ggb-categories-name { color: #ffffff; font-size: 45px; font-family: 'avenirbold'; text-align: center; text-transform: uppercase; } @media only screen and (max-width: 768px) { .ggb-content-banner .ggb-categories-name { font-size: 25px; } } .ggb-content-banner .ggb-cube { position: relative; height: 45px; width: 100%; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; align-items: center; justify-content: center; transform-style: preserve-3d; -webkit-font-smoothing: none; -moz-transform: rotateX(0deg) translateZ(0px); -o-transform: rotateX(0deg) translateZ(0px); -ms-transform: rotateX(0deg) translateZ(0px); -webkit-transform: rotateX(0deg) translateZ(0px); transform: rotateX(0deg) translateZ(0px); } @media only screen and (max-width: 768px) { .ggb-content-banner .ggb-cube { height: 25px; } } .ggb-content-banner .ggb-cube .ggb-categories-name { position: absolute; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: 1; height: 45px; -webkit-font-smoothing: none; } @media only screen and (max-width: 768px) { .ggb-content-banner .ggb-cube .ggb-categories-name { height: 25px; } } .ggb-content-banner .ggb-cube .ggb-categories-name.ggb-cube1 { -moz-transform: rotateX(0deg) translateZ(30px); -o-transform: rotateX(0deg) translateZ(30px); -ms-transform: rotateX(0deg) translateZ(30px); -webkit-transform: rotateX(0deg) translateZ(30px); transform: rotateX(0deg) translateZ(30px); } @media only screen and (max-width: 768px) { .ggb-content-banner .ggb-cube .ggb-categories-name.ggb-cube1 { -moz-transform: rotateX(0deg) translateZ(15px); -o-transform: rotateX(0deg) translateZ(15px); -ms-transform: rotateX(0deg) translateZ(15px); -webkit-transform: rotateX(0deg) translateZ(15px); transform: rotateX(0deg) translateZ(15px); } } .ggb-content-banner .ggb-cube .ggb-categories-name.ggb-cube2 { -moz-transform: rotateX(90deg) translateZ(30px); -o-transform: rotateX(90deg) translateZ(30px); -ms-transform: rotateX(90deg) translateZ(30px); -webkit-transform: rotateX(90deg) translateZ(30px); transform: rotateX(90deg) translateZ(30px); } @media only screen and (max-width: 768px) { .ggb-content-banner .ggb-cube .ggb-categories-name.ggb-cube2 { -moz-transform: rotateX(90deg) translateZ(15px); -o-transform: rotateX(90deg) translateZ(15px); -ms-transform: rotateX(90deg) translateZ(15px); -webkit-transform: rotateX(90deg) translateZ(15px); transform: rotateX(90deg) translateZ(15px); } } .ggb-content-banner .ggb-cube .ggb-categories-name.ggb-cube3 { -moz-transform: rotateX(180deg) translateZ(30px); -o-transform: rotateX(180deg) translateZ(30px); -ms-transform: rotateX(180deg) translateZ(30px); -webkit-transform: rotateX(180deg) translateZ(30px); transform: rotateX(180deg) translateZ(30px); } @media only screen and (max-width: 768px) { .ggb-content-banner .ggb-cube .ggb-categories-name.ggb-cube3 { -moz-transform: rotateX(180deg) translateZ(15px); -o-transform: rotateX(180deg) translateZ(15px); -ms-transform: rotateX(180deg) translateZ(15px); -webkit-transform: rotateX(180deg) translateZ(15px); transform: rotateX(180deg) translateZ(15px); } } .ggb-content-banner .ggb-cube .ggb-categories-name.ggb-cube4 { -moz-transform: rotateX(270deg) translateZ(30px); -o-transform: rotateX(270deg) translateZ(30px); -ms-transform: rotateX(270deg) translateZ(30px); -webkit-transform: rotateX(270deg) translateZ(30px); transform: rotateX(270deg) translateZ(30px); } @media only screen and (max-width: 768px) { .ggb-content-banner .ggb-cube .ggb-categories-name.ggb-cube4 { -moz-transform: rotateX(270deg) translateZ(15px); -o-transform: rotateX(270deg) translateZ(15px); -ms-transform: rotateX(270deg) translateZ(15px); -webkit-transform: rotateX(270deg) translateZ(15px); transform: rotateX(270deg) translateZ(15px); } } .ggb-content-banner .vertical-spin1 .ggb-cube { -moz-transform: rotateX(-360deg) translateZ(0px); -o-transform: rotateX(-360deg) translateZ(0px); -ms-transform: rotateX(-360deg) translateZ(0px); -webkit-transform: rotateX(-360deg) translateZ(0px); transform: rotateX(-360deg) translateZ(0px); -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; } .ggb-content-banner .vertical-spin1 .ggb-cube3, .ggb-content-banner .vertical-spin1 .ggb-cube4 { display: none; } .ggb-content-banner .vertical-spin2 .ggb-cube { -moz-transform: rotateX(-450deg) translateZ(0px); -o-transform: rotateX(-450deg) translateZ(0px); -ms-transform: rotateX(-450deg) translateZ(0px); -webkit-transform: rotateX(-450deg) translateZ(0px); transform: rotateX(-450deg) translateZ(0px); -webkit-transition: all 1s; -moz-transition: all 1s; -ms-transition: all 1s; -o-transition: all 1s; transition: all 1s; } .ggb-content-banner .vertical-spin2 .ggb-cube4, .ggb-content-banner .vertical-spin2 .ggb-cube3 { display: none; } .ggb-content-banner .vertical-spin3 .ggb-cube { -moz-transform: rotateX(-540deg) translateZ(0px); -o-transform: rotateX(-540deg) translateZ(0px); -ms-transform: rotateX(-540deg) translateZ(0px); -webkit-transform: rotateX(-540deg) translateZ(0px); transform: rotateX(-540deg) translateZ(0px); -webkit-transition: all 1s; -moz-transition: all 1s; -ms-transition: all 1s; -o-transition: all 1s; transition: all 1s; } .ggb-content-banner .vertical-spin3 .ggb-cube1, .ggb-content-banner .vertical-spin3 .ggb-cube4 { display: none; } .ggb-content-banner .vertical-spin4 .ggb-cube { -moz-transform: rotateX(-630deg) translateZ(0px); -o-transform: rotateX(-630deg) translateZ(0px); -ms-transform: rotateX(-630deg) translateZ(0px); -webkit-transform: rotateX(-630deg) translateZ(0px); transform: rotateX(-630deg) translateZ(0px); -webkit-transition: all 1s; -moz-transition: all 1s; -ms-transition: all 1s; -o-transition: all 1s; transition: all 1s; } .ggb-content-banner .vertical-spin4 .ggb-cube1, .ggb-content-banner .vertical-spin4 .ggb-cube2 { display: none; } .ggb-content-banner .vertical-spin5 .ggb-cube { -moz-transform: rotateX(-720deg) translateZ(0px); -o-transform: rotateX(-720deg) translateZ(0px); -ms-transform: rotateX(-720deg) translateZ(0px); -webkit-transform: rotateX(-720deg) translateZ(0px); transform: rotateX(-720deg) translateZ(0px); -webkit-transition: all 1s; -moz-transition: all 1s; -ms-transition: all 1s; -o-transition: all 1s; transition: all 1s; } .ggb-content-banner .vertical-spin5 .ggb-cube3, .ggb-content-banner .vertical-spin5 .ggb-cube2 { display: none; } /*End*/ .ggb-button-wrap { position: relative; z-index: 2; text-align: center; } /*Review Categories*/ .ggb-review-categories-wrap { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; flex-wrap: wrap; margin: 33px 0 0; } .ggb-categories-item { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; justify-content: center; padding: 10px; position: relative; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; } @media only screen and (max-width: 768px) { .ggb-categories-item.ggb-width-3 { flex-basis: 50%; width: 50%; max-width: 50%; } } .ggb-categories-item:before { content: ''; position: absolute; top: 16px; left: 30px; right: 30px; bottom: 10px; z-index: 1; -webkit-filter: blur(6px); filter: blur(6px); opacity: 0; visibility: hidden; } .ggb-categories-item.ggb-style-gym:before { background: #00cdff; } .ggb-categories-item.ggb-style-fitness:before { background: #1771ff; } .ggb-categories-item.ggb-style-running:before { background: #ff2717; } .ggb-categories-item.ggb-style-supplements:before { background: #00c17d; } .ggb-categories-item.ggb-style-other-sports:before { background: #bd2bff; } .ggb-categories-item.ggb-style-brands:before { background: #fa0a00; } .ggb-categories-item.ggb-style-default:before { background: #c5c5c5; } .ggb-categories-item.ggb-style-accessories:before { background: #d90cff; } .ggb-categories-item.ggb-style-crossfit:before { background: #00ceb4; } .ggb-categories-item.ggb-style-sports-apparel:before { background: #de4b11; } .ggb-categories-item.ggb-style-gift-ideas:before { background: #ff508f; } .ggb-categories-item:active .ggb-categories-image { background: #ffffff; } .ggb-categories-item:active .ggb-categories-title { color: #ffffff; } .ggb-categories-item:active .ggb-categories-count { color: #ffffff; } .ggb-categories-item:active .ggb-categories-count span { display: inline-block; } .ggb-categories-item:active .ggb-categories-count .ggb-count { opacity: 0.6; } .ggb-categories-item:active .ggb-icon-wrap { color: #010c1d; } .ggb-categories-item:active.ggb-style-gym .ggb-categories-item-wrap { background: #00cdff; } .ggb-categories-item:active.ggb-style-gym:before { opacity: 1; visibility: visible; } .ggb-categories-item:active.ggb-style-fitness .ggb-categories-item-wrap { background: #1771ff; } .ggb-categories-item:active.ggb-style-fitness:before { opacity: 1; visibility: visible; } .ggb-categories-item:active.ggb-style-running .ggb-categories-item-wrap { background: #ff2717; } .ggb-categories-item:active.ggb-style-running:before { opacity: 1; visibility: visible; } .ggb-categories-item:active.ggb-style-supplements .ggb-categories-item-wrap { background: #00c17d; } .ggb-categories-item:active.ggb-style-supplements:before { opacity: 1; visibility: visible; } .ggb-categories-item:active.ggb-style-other-sports .ggb-categories-item-wrap { background: #bd2bff; } .ggb-categories-item:active.ggb-style-other-sports:before { opacity: 1; visibility: visible; } .ggb-categories-item:active.ggb-style-brands .ggb-categories-item-wrap { background: #fa0a00; } .ggb-categories-item:active.ggb-style-brands:before { opacity: 1; visibility: visible; } .ggb-categories-item:active.ggb-style-default .ggb-categories-item-wrap { background: #c5c5c5; } .ggb-categories-item:active.ggb-style-default:before { opacity: 1; visibility: visible; } .ggb-categories-item:active.ggb-style-accessories .ggb-categories-item-wrap { background: #d90cff; } .ggb-categories-item:active.ggb-style-accessories:before { opacity: 1; visibility: visible; } .ggb-categories-item:active.ggb-style-crossfit .ggb-categories-item-wrap { background: #00ceb4; } .ggb-categories-item:active.ggb-style-crossfit:before { opacity: 1; visibility: visible; } .ggb-categories-item:active.ggb-style-sports-apparel .ggb-categories-item-wrap { background: #de4b11; } .ggb-categories-item:active.ggb-style-sports-apparel:before { opacity: 1; visibility: visible; } .ggb-categories-item:active.ggb-style-gift-ideas .ggb-categories-item-wrap { background: #ff508f; } .ggb-categories-item:active.ggb-style-gift-ideas:before { opacity: 1; visibility: visible; } @media only screen and (min-width: 992px) { .ggb-categories-item:hover .ggb-categories-image { background: #ffffff; } .ggb-categories-item:hover .ggb-categories-title { color: #ffffff; } .ggb-categories-item:hover .ggb-categories-count { color: #ffffff; } .ggb-categories-item:hover .ggb-categories-count span { display: inline-block; } .ggb-categories-item:hover .ggb-categories-count .ggb-count { opacity: 0.6; } .ggb-categories-item:hover .ggb-icon-wrap { color: #010c1d; } .ggb-categories-item:hover.ggb-style-gym .ggb-categories-item-wrap { background: #00cdff; } .ggb-categories-item:hover.ggb-style-gym:before { opacity: 1; visibility: visible; } .ggb-categories-item:hover.ggb-style-fitness .ggb-categories-item-wrap { background: #1771ff; } .ggb-categories-item:hover.ggb-style-fitness:before { opacity: 1; visibility: visible; } .ggb-categories-item:hover.ggb-style-running .ggb-categories-item-wrap { background: #ff2717; } .ggb-categories-item:hover.ggb-style-running:before { opacity: 1; visibility: visible; } .ggb-categories-item:hover.ggb-style-supplements .ggb-categories-item-wrap { background: #00c17d; } .ggb-categories-item:hover.ggb-style-supplements:before { opacity: 1; visibility: visible; } .ggb-categories-item:hover.ggb-style-other-sports .ggb-categories-item-wrap { background: #bd2bff; } .ggb-categories-item:hover.ggb-style-other-sports:before { opacity: 1; visibility: visible; } .ggb-categories-item:hover.ggb-style-brands .ggb-categories-item-wrap { background: #fa0a00; } .ggb-categories-item:hover.ggb-style-brands:before { opacity: 1; visibility: visible; } .ggb-categories-item:hover.ggb-style-default .ggb-categories-item-wrap { background: #c5c5c5; } .ggb-categories-item:hover.ggb-style-default:before { opacity: 1; visibility: visible; } .ggb-categories-item:hover.ggb-style-accessories .ggb-categories-item-wrap { background: #d90cff; } .ggb-categories-item:hover.ggb-style-accessories:before { opacity: 1; visibility: visible; } .ggb-categories-item:hover.ggb-style-sports-apparel .ggb-categories-item-wrap { background: #de4b11; } .ggb-categories-item:hover.ggb-style-sports-apparel:before { opacity: 1; visibility: visible; } .ggb-categories-item:hover.ggb-style-gift-ideas .ggb-categories-item-wrap { background: #ff508f; } .ggb-categories-item:hover.ggb-style-gift-ideas:before { opacity: 1; visibility: visible; } .ggb-categories-item:hover.ggb-style-crossfit .ggb-categories-item-wrap { background: #00ceb4; } .ggb-categories-item:hover.ggb-style-crossfit:before { opacity: 1; visibility: visible; } } .ggb-categories-item .ggb-categories-title { font-size: 20px; font-family: 'avenirbold'; color: #000000; text-transform: capitalize; } @media only screen and (max-width: 768px) { .ggb-categories-item .ggb-categories-title { font-size: 14px; } } .ggb-categories-item .ggb-categories-count { font-size: 17px; font-family: 'avenirregular'; color: #555555; } .ggb-categories-item .ggb-categories-count span { display: inline-block; margin: 0 5px 0 0; } .ggb-categories-item .ggb-categories-count .ggb-count { display: inline-block; } @media only screen and (max-width: 768px) { .ggb-categories-item .ggb-categories-count { font-size: 12px; } .ggb-categories-item .ggb-categories-count span { display: inline-block; } } .category-reviews .ggb-categories-item:hover .ggb-categories-title { color: #000000; } .category-reviews .ggb-categories-item:hover.ggb-style-gym .ggb-categories-item-wrap { background: #ffffff; } .category-reviews .ggb-categories-item:hover.ggb-style-gym:before { opacity: 0; visibility: visible; } .category-reviews .ggb-categories-item:hover.ggb-style-fitness .ggb-categories-item-wrap { background: #ffffff; } .category-reviews .ggb-categories-item:hover.ggb-style-fitness:before { opacity: 0; visibility: visible; } .category-reviews .ggb-categories-item:hover.ggb-style-running .ggb-categories-item-wrap { background: #ffffff; } .category-reviews .ggb-categories-item:hover.ggb-style-running:before { opacity: 0; visibility: visible; } .category-reviews .ggb-categories-item:hover.ggb-style-supplements .ggb-categories-item-wrap { background: #ffffff; } .category-reviews .ggb-categories-item:hover.ggb-style-supplements:before { opacity: 0; visibility: visible; } .category-reviews .ggb-categories-item:hover.ggb-style-other-sports .ggb-categories-item-wrap { background: #ffffff; } .category-reviews .ggb-categories-item:hover.ggb-style-other-sports:before { opacity: 0; visibility: visible; } .category-reviews .ggb-categories-item:hover.ggb-style-brands .ggb-categories-item-wrap { background: #ffffff; } .category-reviews .ggb-categories-item:hover.ggb-style-brands:before { opacity: 0; visibility: visible; } .category-reviews .ggb-categories-item:hover.ggb-style-default .ggb-categories-item-wrap { background: #ffffff; } .category-reviews .ggb-categories-item:hover.ggb-style-default:before { opacity: 0; visibility: visible; } .category-reviews .ggb-categories-item:hover.ggb-style-accessories .ggb-categories-item-wrap { background: #ffffff; } .category-reviews .ggb-categories-item:hover.ggb-style-accessories:before { opacity: 0; visibility: visible; } .category-reviews .ggb-categories-item:hover.ggb-style-sports-apparel .ggb-categories-item-wrap { background: #ffffff; } .category-reviews .ggb-categories-item:hover.ggb-style-sports-apparel:before { opacity: 0; visibility: visible; } .category-reviews .ggb-categories-item:hover.ggb-style-gift-ideas .ggb-categories-item-wrap { background: #ffffff; } .category-reviews .ggb-categories-item:hover.ggb-style-gift-ideas:before { opacity: 0; visibility: visible; } .category-reviews .ggb-categories-item:hover.ggb-style-crossfit .ggb-categories-item-wrap { background: #ffffff; } .category-reviews .ggb-categories-item:hover.ggb-style-crossfit:before { opacity: 0; visibility: visible; } .ggb-categories-item-wrap { width: 100%; text-align: center; padding: 32px 25px; position: relative; background: #ffffff; z-index: 2; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-box-shadow: 0px 2px 15.52px 0.48px rgba(44, 49, 52, 0.1); -moz-box-shadow: 0px 2px 15.52px 0.48px rgba(44, 49, 52, 0.1); box-shadow: 0px 2px 15.52px 0.48px rgba(44, 49, 52, 0.1); } .ggb-categories-item-wrap .ggb-spinner-wrap { position: absolute; top: 0; bottom: 0; left: 0; right: 0; justify-content: center; max-width: 100%; margin: 0; } .ggb-categories-item-wrap .ggb-spinner-wrap:before { content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: #ffffff; opacity: 0.8; } .ggb-categories-item-wrap .ggb-categories-review-list { list-style: none; padding: 24px 0 0; margin: 30px 0 0; border-top: 1px solid; } .ggb-categories-item-wrap .ggb-categories-review-list li { text-align: left; position: relative; padding: 0 0 0 22px; } .ggb-categories-item-wrap .ggb-categories-review-list li:before { content: ''; position: absolute; top: 11px; left: 0; width: 6px; height: 6px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; } .ggb-categories-item-wrap .ggb-categories-review-list li a { font-family: 'avenirregular'; font-size: 15px; line-height: 1.4; color: #000000; display: inline-block; } .ggb-categories-image { width: 87px; height: 87px; margin: 0 auto 17px; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; align-items: center; justify-content: center; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; } @media only screen and (max-width: 768px) { .ggb-categories-image { width: 64px; height: 64px; } } .ggb-categories-image .ggb-icon-Running { font-size: 36px; } @media only screen and (max-width: 768px) { .ggb-categories-image .ggb-icon-Running { font-size: 28px; } } .ggb-categories-image .ggb-icon-Fitness { font-size: 32px; } @media only screen and (max-width: 768px) { .ggb-categories-image .ggb-icon-Fitness { font-size: 28px; } } .ggb-categories-image .ggb-icon-Supplements { font-size: 48px; } @media only screen and (max-width: 768px) { .ggb-categories-image .ggb-icon-Supplements { font-size: 32px; } } .ggb-categories-image .ggb-icon-Brands { font-size: 48px; } @media only screen and (max-width: 768px) { .ggb-categories-image .ggb-icon-Brands { font-size: 38px; } } .ggb-categories-image .ggb-icon-Other-Sports { font-size: 42px; } @media only screen and (max-width: 768px) { .ggb-categories-image .ggb-icon-Other-Sports { font-size: 32px; } } .ggb-categories-image .ggb-icon-Gym { font-size: 27px; font-weight: 100; } @media only screen and (max-width: 768px) { .ggb-categories-image .ggb-icon-Gym { font-size: 20px; } } .ggb-categories-image .ggb-icon-Accessories { font-size: 41px; font-weight: 100; } @media only screen and (max-width: 768px) { .ggb-categories-image .ggb-icon-Accessories { font-size: 20px; } } .ggb-categories-image .ggb-icon-Sports-Apparel { font-size: 37px; font-weight: 100; } @media only screen and (max-width: 768px) { .ggb-categories-image .ggb-icon-Sports-Apparel { font-size: 20px; } } .ggb-categories-image .ggb-icon-Crossfit { font-size: 42px; font-weight: 100; } @media only screen and (max-width: 768px) { .ggb-categories-image .ggb-icon-Crossfit { font-size: 20px; } } .ggb-categories-image .ggb-icon-Gift-Ideas { font-size: 42px; font-weight: 100; } @media only screen and (max-width: 768px) { .ggb-categories-image .ggb-icon-Gift-Ideas { font-size: 26px; } } /*End*/ /*Blog Most Viewed*/ .ggb-blog-items-wrap { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; flex-wrap: wrap; margin: 35px -10px 0; } @media only screen and (max-width: 768px) { .ggb-blog-items-wrap { margin: 18px 0px 0; } .ggb-blog-items-wrap .ggb-width-3 { flex-basis: 100%; width: 100%; max-width: 100%; } .ggb-blog-items-wrap .ggb-width-2 { flex-basis: 100%; width: 100%; max-width: 100%; } } .ggb-blog-items-wrap .ggb-blog-item { padding: 10px; } .ggb-blog-items-wrap .ggb-blog-item-wrapper { height: 100%; padding: 23px 35px 37px 32px; -webkit-transition: all 0.2a ease-out; -moz-transition: all 0.2a ease-out; -ms-transition: all 0.2a ease-out; -o-transition: all 0.2a ease-out; transition: all 0.2a ease-out; -webkit-box-shadow: 0px 2px 15.52px 0.48px rgba(44, 49, 52, 0.1); -moz-box-shadow: 0px 2px 15.52px 0.48px rgba(44, 49, 52, 0.1); box-shadow: 0px 2px 15.52px 0.48px rgba(44, 49, 52, 0.1); } .ggb-blog-items-wrap .ggb-blog-item-wrapper .ggb-icon-Calendar { margin: 0 12px 0 0; } @media only screen and (min-width: 992px) { .ggb-blog-items-wrap .ggb-blog-item-wrapper:hover { background: #010c1d; } .ggb-blog-items-wrap .ggb-blog-item-wrapper:hover .ggb-name, .ggb-blog-items-wrap .ggb-blog-item-wrapper:hover .ggb-date, .ggb-blog-items-wrap .ggb-blog-item-wrapper:hover .ggb-blog-title { color: #ffffff; } .ggb-blog-items-wrap .ggb-blog-item-wrapper:hover .ggb-icon-Supplementation2, .ggb-blog-items-wrap .ggb-blog-item-wrapper:hover .ggb-icon-Gaining-Muscle2, .ggb-blog-items-wrap .ggb-blog-item-wrapper:hover .ggb-icon-Losing-Fat2, .ggb-blog-items-wrap .ggb-blog-item-wrapper:hover .ggb-icon-Nutrition2, .ggb-blog-items-wrap .ggb-blog-item-wrapper:hover .ggb-icon-Recipes2 { color: #ffffff; } .ggb-blog-items-wrap .ggb-blog-item-wrapper:hover .ggb-button { background: #1771ff; border-color: #1771ff; color: #ffffff; } } .ggb-blog-items-wrap .ggb-info-wrap { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; align-items: center; justify-content: space-between; margin: 0 0 36px; } .ggb-blog-items-wrap .ggb-avatar-info-wrap { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; align-items: center; } .ggb-blog-items-wrap .ggb-avatar { border: 1px solid; margin: 0 14px 0 0; width: 32px; height: 32px; padding: 2px; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; align-items: center; justify-content: center; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; } .ggb-blog-items-wrap .ggb-avatar img { width: 100%; height: 100%; float: left; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; } .ggb-blog-items-wrap .ggb-name { font-size: 14px; font-family: 'avenirbold'; color: #000000; } .ggb-blog-items-wrap .ggb-date { font-size: 14px; font-family: 'avenirmedium'; color: #000000; } .ggb-blog-items-wrap .ggb-blog-title { font-family: 'avenirmedium'; font-size: 21px; text-transform: capitalize; color: #000000; display: inline-block; margin: 0 0 37px; line-height: 1.6; } @media only screen and (max-width: 768px) { .ggb-blog-items-wrap .ggb-blog-title { font-size: 14px; } } .ggb-blog-items-wrap .ggb-button-wrap { text-align: left; } .ggb-blog-items-wrap .ggb-button { background: #010c1d; border-color: #010c1d; } .ggb-blog-items-wrap .ggb-item-blog-footer { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; align-items: flex-end; justify-content: space-between; } .ggb-blog-items-wrap .ggb-item-image .ggb-icon-Supplementation2 { font-size: 36px; } .ggb-blog-items-wrap .ggb-item-image .ggb-icon-Gaining-Muscle2 { font-size: 40px; } .ggb-blog-items-wrap .ggb-item-image .ggb-icon-Losing-Fat2 { font-size: 49px; } .ggb-blog-items-wrap .ggb-item-image .ggb-icon-Nutrition2 { font-size: 44px; } .ggb-blog-items-wrap .ggb-item-image .ggb-icon-Recipes2 { font-size: 46px; } /*End*/ /*Blog Categories*/ .ggb-blog-categories-wrap { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; flex-wrap: wrap; margin: 54px 0 30px; } @media only screen and (max-width: 768px) { .ggb-blog-categories-wrap { margin: 18px 0 30px; } } .ggb-blog-categories-wrap .ggb-blog-item { width: 20%; display: inline-block; text-align: center; border: 1px solid #e5e6e8; border-right: none; padding: 47px 0 30px; position: relative; } @media only screen and (max-width: 768px) { .ggb-blog-categories-wrap .ggb-blog-item { margin: -1px -1px 0 0px; } } .ggb-blog-categories-wrap .ggb-blog-item:last-child { border-right: 1px solid rgba(1, 12, 29, 0.1); } .ggb-blog-categories-wrap .ggb-blog-item:before { content: ''; position: absolute; top: -10px; left: -1px; right: -1px; bottom: -10px; z-index: 1; background: #ffffff; opacity: 0; visibility: hidden; -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; border-radius: 20px; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-box-shadow: 0px 2px 15.52px 0.48px rgba(44, 49, 52, 0.1); -moz-box-shadow: 0px 2px 15.52px 0.48px rgba(44, 49, 52, 0.1); box-shadow: 0px 2px 15.52px 0.48px rgba(44, 49, 52, 0.1); } @media only screen and (min-width: 992px) { .ggb-blog-categories-wrap .ggb-blog-item:hover:before { opacity: 1; visibility: visible; } } @media only screen and (max-width: 768px) { .ggb-blog-categories-wrap .ggb-blog-item { width: 50%; } .ggb-blog-categories-wrap .ggb-blog-item:nth-child(even) { border-right: 1px solid #e5e6e8; } } .ggb-blog-categories-wrap .ggb-icon-wrap { font-size: 67px; color: #c5c5c5; margin: 0 0 24px; min-height: 93px; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; align-items: center; justify-content: center; } .ggb-blog-categories-wrap .ggb-icon-wrap.ggb-icon-Gaining-Muscle { font-size: 65px; } .ggb-blog-categories-wrap .ggb-icon-wrap.ggb-icon-Nutrition { font-size: 91px; } .ggb-blog-categories-wrap .ggb-icon-wrap.ggb-icon-Supplementation { font-size: 81px; } .ggb-blog-categories-wrap .ggb-icon-wrap.ggb-icon-Recipes { font-size: 85px; } .ggb-blog-categories-wrap .ggb-icon-wrap.ggb-icon-Losing-Fat { font-size: 93px; } .ggb-blog-categories-wrap .ggb-categories-title { font-family: 'avenirbold'; color: #010c1d; font-size: 20px; text-transform: capitalize; margin: 0 2px; } @media only screen and (max-width: 768px) { .ggb-blog-categories-wrap .ggb-categories-title { font-size: 14px; } } .ggb-blog-categories-wrap .ggb-blog-item-wrap { position: relative; z-index: 2; } /*End*/ /*Footer*/ .site-footer, .footer-nav-menu-item li a, .footer-main-menu li a { font-family: 'avenirmedium'; font-size: 14px; } .sign-up-wrap { background: #010c1d; padding: 71px 0 71px; } .sign-up-wrap .ggb-section-title { color: white; } .sign-up form { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; align-items: center; justify-content: center; flex-direction: column; } .sign-up .newsletter-email { width: 360px; margin: 0 0 20px; color: #010c1d; font-size: 16px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; border-radius: 20px; font-family: 'avenirmedium'; } .sign-up .newsletter-email.placeholder { color: #010c1d; font-size: 16px; font-family: 'avenirmedium'; } .sign-up .newsletter-email:-moz-placeholder { color: #010c1d; font-size: 16px; font-family: 'avenirmedium'; } .sign-up .newsletter-email::-moz-placeholder { color: #010c1d; font-size: 16px; font-family: 'avenirmedium'; } .sign-up .newsletter-email::-webkit-input-placeholder { color: #010c1d; font-size: 16px; font-family: 'avenirmedium'; } .sign-up .btn-default { float: initial; margin-left: 0; width: 166px; font-size: 16px; text-transform: capitalize; color: #ffffff; background: #1771ff; text-align: center; display: inline-block; -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; border-radius: 20px; border: 2px solid #1771ff; padding: 8px 40px; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } @media only screen and (min-width: 992px) { .sign-up .btn-default:hover { color: #1771ff; background: #ffffff; } } .footer-logo { display: none; } .ggb-category-content-section .sign-up-before { margin: 0; } .ggb-category-content-wrap { z-index: 3; position: relative; padding: 0 0 100px; margin: 0; overflow: hidden; } @media only screen and (max-width: 768px) { .ggb-category-content-wrap { margin: -80px 0 0; } } .ggb-category-items-wrap { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; flex-wrap: wrap; margin: 0 -2px 40px -2px; position: relative; } .ggb-category-items-wrap:after { content: ''; position: absolute; bottom: -1px; height: 3px; background: #ffffff; left: 0; right: 0; } @media only screen and (max-width: 768px) { .ggb-category-items-wrap .ggb-width-3 { flex-basis: 50%; width: 50%; max-width: 50%; } } .ggb-category-items-wrap .page-header { background: none; text-align: center; width: 100%; margin: 40px 0 0px; } .ggb-category-items-wrap .page-header h2.title { font-family: 'avenirbold'; padding: 0 0 4px; } .ggb-category-items-wrap .ggb-category-item { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; align-items: center; flex-direction: column; padding: 25px 25px 30px; position: relative; border: 1px solid rgba(0, 0, 0, 0.15); border-top: none; border-left: none; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; } .ggb-category-items-wrap .ggb-category-item:before { content: ''; position: absolute; top: 0; left: -1px; right: -1px; bottom: 50px; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; opacity: 0; visibility: hidden; } @media only screen and (min-width: 992px) { .ggb-category-items-wrap .ggb-category-item:hover:before { opacity: 0.3; visibility: visible; } } .ggb-category-items-wrap .ggb-category-item .ggb-category-item-title { color: #000; font-size: 18px; text-transform: capitalize; font-family: 'avenirmedium'; text-align: center; } @media only screen and (max-width: 768px) { .ggb-category-items-wrap .ggb-category-item .ggb-category-item-title { font-size: 14px; } } .ggb-category-items-wrap .ggb-category-item .ggb-spinner-wrap { justify-content: center; max-width: 100%; margin: 0; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: rgba(255, 255, 255, 0.5); } .ggb-category-items-wrap .ggb-category-image-wrap { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; justify-content: center; max-width: 240px; max-height: 132px; margin: 0 0 70px; flex: 1 0 auto; align-items: center; } @media only screen and (max-width: 768px) { .ggb-category-items-wrap .ggb-category-image-wrap { max-width: 140px; max-height: 90px; margin: 0 0 40px; } } .ggb-category-items-wrap .ggb-category-image-wrap img { max-width: 220px; max-height: 132px; width: auto; height: auto; } @media only screen and (max-width: 768px) { .ggb-category-items-wrap .ggb-category-image-wrap img { max-width: 140px; max-height: 90px; } } .ggb-tag-filter-wrap { position: relative; z-index: 2; margin: 0 0 60px; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; align-items: flex-start; } .ggb-tag-filter-wrap .ggb-tag-filter-select { border: 1px solid #2176fb; -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; border-radius: 20px; max-width: 242px; width: 100%; position: relative; padding: 2px 22px 1px; background: #ffffff; margin: 0 60px 0 0; z-index: 5; } .ggb-tag-filter-wrap .ggb-tag-filter-select:before { content: ''; position: absolute; top: 15px; right: 23px; width: 0; height: 0; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 8px solid #2176fb; } .ggb-tag-filter-wrap .ggb-tag-filter-select.opened { -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; } .ggb-tag-filter-wrap .ggb-tag-filter-select.opened .ggb-filters-tag-wrap { display: block; } .ggb-tag-filter-wrap .ggb-tag-filter-select.opened:before { -moz-transform: rotate(-180deg); -o-transform: rotate(-180deg); -ms-transform: rotate(-180deg); -webkit-transform: rotate(-180deg); transform: rotate(-180deg); } @media only screen and (max-width: 768px) { .ggb-tag-filter-wrap .ggb-tag-filter-select.has-checked .ggb-filters-tag-wrap { padding: 50px 22px; } } .ggb-tag-filter-wrap .open-tag-filter { font-family: 'avenirbold', sans-serif; font-size: 18px; line-height: 1.39; color: #000000; border: none; background: transparent; outline: none; -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; } .ggb-tag-filter-wrap .ggb-filters-tag-wrap { display: none; background: #ffffff; position: absolute; top: 100%; left: -1px; right: -1px; padding: 0 22px 50px; border: 1px solid #2176fb; border-top: none; -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; } .ggb-tag-filter-wrap .apply-tag-filter { font-family: "avenirmedium", sans-serif; color: #227cfb; font-size: 16px; position: absolute; top: 0; left: 0; right: 0; background: #e7f0fe; height: 46px; line-height: 46px; width: 100%; outline: none; border: none; padding: 0 22px; text-align: left; } .ggb-tag-filter-wrap .ggb-tag-list { list-style: none; padding: 0; margin: 0; } .ggb-tag-filter-wrap .clear-tag-filter { font-family: 'avenirmedium', sans-serif; color: #227cfb; font-size: 16px; position: absolute; bottom: 0; left: 0; right: 0; background: #e7f0fe; height: 46px; line-height: 46px; width: 100%; outline: none; border: none; padding: 0 22px; text-align: left; -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; } .ggb-tag-filter-wrap .close { position: absolute; width: 20px; height: 20px; top: initial; bottom: 13px; right: 20px; display: block; } .ggb-tag-filter-wrap .close:before, .ggb-tag-filter-wrap .close:after { content: ''; width: 20px; height: 1px; background: #227cfb; display: block; position: absolute; top: 10px; left: 0; } .ggb-tag-filter-wrap .close:before { -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); } .ggb-tag-filter-wrap .close:after { -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .ggb-tag-filter-wrap .ggb-tag-filter-check { font-family: 'avenirregular', sans-serif; color: #000; font-size: 16px; padding: 10px 0 15px; cursor: pointer; border-bottom: 1px solid #eeeeee; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; align-items: center; } .ggb-tag-filter-wrap .ggb-tag-filter-check:last-child { border: none; } .ggb-tag-filter-wrap .ggb-tag-filter-check .ggb-icon-add { width: 14px; height: 14px; border: 1px solid #227cfb; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; align-items: center; justify-content: center; margin: 0 14px 0 0; } .ggb-tag-filter-wrap .ggb-tag-filter-check .ggb-icon-add:before { font-size: 9px; color: #227cfb; display: none; } .ggb-tag-filter-wrap .ggb-tag-filter-check.checked .ggb-icon-add:before { display: block; } .ggb-tag-filter-wrap .ggb-selected-tag { min-width: 192px; height: 40px; line-height: 40px; padding: 0 40px 0 22px; background: #e7f0fe; font-family: 'avenirregular', sans-serif; color: #000; font-size: 16px; position: relative; margin: 0 24px 24px 0; -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; border-radius: 20px; } .ggb-tag-filter-wrap .ggb-selected-tag .close { bottom: 10px; } .ggb-tag-filter-wrap .ggb-selected-tags { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; align-items: flex-start; flex-wrap: wrap; } /*Category filters mob*/ @media only screen and (max-width: 767px) { .ggb-tag-filter-wrap { flex-direction: column; } .ggb-tag-filter-wrap .ggb-tag-filter-select { max-width: 100%; margin: 0 0 25px 0; } .ggb-tag-filter-wrap .ggb-selected-tags { align-items: flex-start; flex-wrap: wrap; } .ggb-tag-filter-wrap .ggb-selected-tag { min-width: auto; margin: 0 10px 10px 0; padding: 0 50px 0 22px; } } /*Category filters mob-end*/ @media only screen and (max-width: 768px) { .category-reviews .ggb-category-items-wrap .ggb-width-3 { flex-basis: 100%; width: 100%; max-width: 100%; } } .ggb-brands-item { cursor: pointer; } .ggb-brands-item .ggb-category-item-title { -webkit-transition: all 0.15s; -moz-transition: all 0.15s; -ms-transition: all 0.15s; -o-transition: all 0.15s; transition: all 0.15s; opacity: 0; visibility: hidden; } @media only screen and (min-width: 992px) { .ggb-brands-item:hover .ggb-category-item-title { opacity: 1; visibility: visible; } } @media only screen and (max-width: 991px) { .ggb-brands-item .ggb-category-item-title { opacity: 1; visibility: visible; } } .ggb-brands-item .ggb-category-image-wrap { max-width: 219px; max-height: 98px; } .ggb-brands-item .ggb-category-image-wrap img { max-height: 98px; } .ggb-brands-popup-wrap { position: fixed; top: 0; bottom: 0; left: 0; right: 0; opacity: 0; visibility: hidden; background: rgba(0, 6, 28, 0.45); z-index: 10002; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; align-items: center; justify-content: center; } .ggb-brands-popup-wrap.active { opacity: 1; visibility: visible; } .ggb-brands-popup-content { background: #ffffff; max-width: 1040px; width: 100%; position: relative; } .ggb-brands-popup-content:after { content: ''; position: absolute; top: 0; bottom: 0; right: 0; width: 18px; background: #f2f3f3; z-index: 2; } @media (max-width: 1050px) { .ggb-brands-popup-content { max-width: 96%; } } @media only screen and (max-width: 991px) { .ggb-brands-popup-content .ggb-width-3 { flex-basis: 50%; width: 50%; max-width: 50%; } } .ggb-brands-popup-content .ggb-popup-header-wrapper { position: absolute; top: 0px; padding: 22px 0 0; left: 0; right: 0; background: #ffffff; z-index: 1; } .ggb-brands-popup-content .ggb-blog-item { padding: 25px; border-right: 1px solid; border-bottom: 1px solid; border-color: #d9d9d9; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; align-items: center; } @media only screen and (min-width: 992px) { .ggb-brands-popup-content .ggb-blog-item { /*&:nth-child(3n) { border-right: 0; } &:nth-last-child(-n+3) { border-bottom: 0; padding: 25px 25px 53px; }*/ } } @media only screen and (max-width: 768px) { .ggb-brands-popup-content .ggb-blog-item { padding: 15px 14px 25px; } } .ggb-brands-popup-content .ggb-post-image { max-width: 132px; max-height: 104px; width: 100%; height: 100%; margin: 0 14px 0 0; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; align-items: center; justify-content: center; position: relative; } .ggb-brands-popup-content .ggb-post-image:before { content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; 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; background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(23, 113, 255, 0.4) 50%, rgba(23, 113, 255, 0.6) 71%, #1771ff 100%); background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(23, 113, 255, 0.4) 50%, rgba(23, 113, 255, 0.6) 71%, #1771ff 100%); background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(23, 113, 255, 0.4) 50%, rgba(23, 113, 255, 0.6) 71%, #1771ff 100%); } .ggb-brands-popup-content .ggb-post-image img { max-width: 132px; max-height: 104px; width: auto; height: auto; } @media only screen and (max-width: 768px) { .ggb-brands-popup-content .ggb-post-image { margin: 0 0 10px; } } .ggb-brands-popup-content .ggb-post-title { color: #010c1d; font-size: 14px; line-height: 1.5; font-family: 'avenirbold'; } .ggb-brands-popup-content .ggb-item-wrapper { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; align-items: center; -webkit-transition: all 0.15s; -moz-transition: all 0.15s; -ms-transition: all 0.15s; -o-transition: all 0.15s; transition: all 0.15s; } @media only screen and (min-width: 992px) { .ggb-brands-popup-content .ggb-item-wrapper:hover .ggb-post-title { color: #1771ff; } .ggb-brands-popup-content .ggb-item-wrapper:hover .ggb-post-image:before { opacity: 0.85; visibility: visible; } } @media only screen and (max-width: 768px) { .ggb-brands-popup-content .ggb-item-wrapper { flex-direction: column; } } .ggb-brands-popup-content .ggb-brands-popup-title { display: block; text-align: center; font-size: 40px; font-family: 'avenirbold'; margin: 0 0 10px; } @media only screen and (max-width: 768px) { .ggb-brands-popup-content .ggb-brands-popup-title { font-size: 20px; } } .ggb-brands-popup-content .ggb-brands-tab-content { padding: 162px 0 0; } .ggb-brands-popup-content .ggb-brands-tab-content .no-posts { margin: 35px 0 0; padding: 10px; text-align: center; font-size: 20px; color: #010c1d; font-family: 'avenirmedium'; } .ggb-brands-popup-content .ggb-brands-tab-header { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; align-items: flex-end; } @media only screen and (max-width: 768px) { .ggb-brands-popup-content .ggb-brands-tab-header { flex-direction: column-reverse; align-items: center; } } .ggb-brands-popup-content .ggb-brands-header-helper { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; align-items: center; position: relative; margin: 0 0 27px; } .ggb-brands-popup-content .ggb-brands-header-helper:after { content: ''; position: absolute; bottom: -27px; right: 0; width: 1px; height: 60px; background: #d9d9d9; } @media only screen and (max-width: 991px) { .ggb-brands-popup-content .ggb-brands-header-helper.ggb-width-3 { justify-content: center; flex-basis: 100%; width: 100%; max-width: 100%; } .ggb-brands-popup-content .ggb-brands-header-helper.ggb-width-3:after { content: none; } } .ggb-brands-popup-content .ggb-brands-tab-title { margin: 0 17px 0 32px; font-family: 'avenirregular'; font-size: 14px; color: #010c1d; } @media only screen and (max-width: 991px) { .ggb-brands-popup-content .ggb-brands-tab-title { margin: 0 17px 0 0; } } .ggb-brands-popup-content .ggb-brands-logo { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; align-items: center; justify-content: center; position: relative; margin: 0 0 27px; max-height: 69px; } .ggb-brands-popup-content .ggb-brands-logo img { max-height: 69px; width: auto; height: auto; } .ggb-brands-popup-content .ggb-brands-logo:after { content: ''; position: absolute; bottom: -27px; right: 0; width: 1px; height: 60px; background: #d9d9d9; } @media only screen and (max-width: 991px) { .ggb-brands-popup-content .ggb-brands-logo { width: 48px; height: 32px; margin: 0 0 20px; padding: 0; } .ggb-brands-popup-content .ggb-brands-logo img { max-width: 100%; max-height: 100%; width: auto; height: auto; } .ggb-brands-popup-content .ggb-brands-logo:after { content: none; } } .ggb-brands-popup-content .ggb-brands-tabs { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; list-style-type: none; padding: 0; margin: 0; } .ggb-brands-popup-content .ggb-brands-tabs li { font-family: 'avenirregular'; font-size: 14px; color: #010c1d; cursor: pointer; margin: 0 10px 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; } @media only screen and (min-width: 992px) { .ggb-brands-popup-content .ggb-brands-tabs li:hover { color: #1778ff; } } .ggb-brands-popup-content .ggb-brands-tabs .active { color: #1778ff; } .ggb-brands-popup-content .ggb-tab-content { display: none; flex-wrap: wrap; } .ggb-brands-popup-content .ggb-tab-content.active { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; } .ggb-style-gym .ggb-categories-image, .ggb-style-gaining-muscle .ggb-categories-image { background: #d3faff; } .ggb-style-gym .ggb-categories-review-list, .ggb-style-gaining-muscle .ggb-categories-review-list { border-color: #d3faff; } .ggb-style-gym .ggb-categories-review-list li:before, .ggb-style-gaining-muscle .ggb-categories-review-list li:before { background: #00cdff; } .ggb-style-gym .ggb-icon-Gym, .ggb-style-gaining-muscle .ggb-icon-Gym { color: #00cdff; } .ggb-style-gym .ggb-icon-Gaining-Muscle2, .ggb-style-gaining-muscle .ggb-icon-Gaining-Muscle2 { color: #00cdff; } .ggb-style-gym .ggb-blog-item-wrapper, .ggb-style-gaining-muscle .ggb-blog-item-wrapper { background: #d3faff; } .ggb-style-gym .ggb-blog-item-wrapper .ggb-avatar, .ggb-style-gaining-muscle .ggb-blog-item-wrapper .ggb-avatar { border-color: #00cdff; } .ggb-style-gym .ggb-blog-item-wrapper .ggb-icon-Calendar, .ggb-style-gaining-muscle .ggb-blog-item-wrapper .ggb-icon-Calendar { color: #00cdff; } @media only screen and (min-width: 992px) { .ggb-style-gym.ggb-blog-item:hover .ggb-icon-wrap, .ggb-style-gaining-muscle.ggb-blog-item:hover .ggb-icon-wrap { color: #00cdff; } } .ggb-style-gym .ggb-category-content-wrap .ggb-button, .ggb-style-gaining-muscle .ggb-category-content-wrap .ggb-button { border-color: #00cdff; background: #00cdff; } @media only screen and (min-width: 992px) { .ggb-style-gym .ggb-category-content-wrap .ggb-button:hover, .ggb-style-gaining-muscle .ggb-category-content-wrap .ggb-button:hover { color: #00cdff; background: #ffffff; } } .ggb-style-gym .ggb-category-content-wrap .ggb-button:focus, .ggb-style-gym .ggb-category-content-wrap .ggb-button:active, .ggb-style-gaining-muscle .ggb-category-content-wrap .ggb-button:focus, .ggb-style-gaining-muscle .ggb-category-content-wrap .ggb-button:active { border-color: #00cdff; color: #00cdff; background: #ffffff; } .ggb-style-gym .ggb-category-content-wrap .nothing-found h2.title, .ggb-style-gaining-muscle .ggb-category-content-wrap .nothing-found h2.title { color: #00cdff; } .ggb-style-gym .ggb-category-item:before, .ggb-style-gaining-muscle .ggb-category-item:before { background: -moz-linear-gradient(top, #00cdff 0%, rgba(0, 205, 255, 0.3) 30%, rgba(255, 255, 255, 0) 100%); background: -webkit-linear-gradient(top, #00cdff 0%, rgba(0, 205, 255, 0.3) 30%, rgba(255, 255, 255, 0) 100%); background: linear-gradient(to bottom, #00cdff 0%, rgba(0, 205, 255, 0.3) 30%, rgba(255, 255, 255, 0) 100%); } @media only screen and (min-width: 992px) { .ggb-style-gym .ggb-category-item:hover .ggb-category-item-title, .ggb-style-gaining-muscle .ggb-category-item:hover .ggb-category-item-title { color: #00cdff; } } .ggb-style-gym .ggb-spinner, .ggb-style-gaining-muscle .ggb-spinner { border-color: #00cdff; border-right-color: transparent; } .ggb-style-gym .ggb-spinner-text, .ggb-style-gaining-muscle .ggb-spinner-text { color: #00cdff; } .ggb-style-fitness .ggb-categories-image, .ggb-style-losing-fat .ggb-categories-image { background: #e3eeff; } .ggb-style-fitness .ggb-categories-review-list, .ggb-style-losing-fat .ggb-categories-review-list { border-color: #e3eeff; } .ggb-style-fitness .ggb-categories-review-list li:before, .ggb-style-losing-fat .ggb-categories-review-list li:before { background: #1771ff; } .ggb-style-fitness .ggb-icon-Fitness, .ggb-style-losing-fat .ggb-icon-Fitness { color: #1771ff; } .ggb-style-fitness .ggb-icon-Losing-Fat2, .ggb-style-losing-fat .ggb-icon-Losing-Fat2 { color: #1771ff; } .ggb-style-fitness .ggb-blog-item-wrapper, .ggb-style-losing-fat .ggb-blog-item-wrapper { background: #e3eeff; } .ggb-style-fitness .ggb-blog-item-wrapper .ggb-avatar, .ggb-style-losing-fat .ggb-blog-item-wrapper .ggb-avatar { border-color: #1771ff; } .ggb-style-fitness .ggb-blog-item-wrapper .ggb-icon-Calendar, .ggb-style-losing-fat .ggb-blog-item-wrapper .ggb-icon-Calendar { color: #1771ff; } @media only screen and (min-width: 992px) { .ggb-style-fitness.ggb-blog-item:hover .ggb-icon-wrap, .ggb-style-losing-fat.ggb-blog-item:hover .ggb-icon-wrap { color: #1771ff; } } .ggb-style-fitness .ggb-category-content-wrap .ggb-button, .ggb-style-losing-fat .ggb-category-content-wrap .ggb-button { border-color: #1771ff; background: #1771ff; } @media only screen and (min-width: 992px) { .ggb-style-fitness .ggb-category-content-wrap .ggb-button:hover, .ggb-style-losing-fat .ggb-category-content-wrap .ggb-button:hover { color: #1771ff; background: #ffffff; } } .ggb-style-fitness .ggb-category-content-wrap .ggb-button:focus, .ggb-style-fitness .ggb-category-content-wrap .ggb-button:active, .ggb-style-losing-fat .ggb-category-content-wrap .ggb-button:focus, .ggb-style-losing-fat .ggb-category-content-wrap .ggb-button:active { border-color: #1771ff; color: #1771ff; background: #ffffff; } .ggb-style-fitness .ggb-category-content-wrap .nothing-found h2.title, .ggb-style-losing-fat .ggb-category-content-wrap .nothing-found h2.title { color: #1771ff; } .ggb-style-fitness .ggb-category-item:before, .ggb-style-losing-fat .ggb-category-item:before { background: -moz-linear-gradient(top, #1771ff 0%, rgba(23, 113, 255, 0.3) 30%, rgba(255, 255, 255, 0) 100%); background: -webkit-linear-gradient(top, #1771ff 0%, rgba(23, 113, 255, 0.3) 30%, rgba(255, 255, 255, 0) 100%); background: linear-gradient(to bottom, #1771ff 0%, rgba(23, 113, 255, 0.3) 30%, rgba(255, 255, 255, 0) 100%); } @media only screen and (min-width: 992px) { .ggb-style-fitness .ggb-category-item:hover .ggb-category-item-title, .ggb-style-losing-fat .ggb-category-item:hover .ggb-category-item-title { color: #1771ff; } } .ggb-style-fitness .ggb-spinner, .ggb-style-losing-fat .ggb-spinner { border-color: #1771ff; border-right-color: transparent; } .ggb-style-fitness .ggb-spinner-text, .ggb-style-losing-fat .ggb-spinner-text { color: #1771ff; } .ggb-style-running .ggb-categories-image, .ggb-style-nutrition .ggb-categories-image { background: #ffe4e6; } .ggb-style-running .ggb-categories-review-list, .ggb-style-nutrition .ggb-categories-review-list { border-color: #ffe4e6; } .ggb-style-running .ggb-categories-review-list li:before, .ggb-style-nutrition .ggb-categories-review-list li:before { background: #ff2717; } .ggb-style-running .ggb-icon-Running, .ggb-style-nutrition .ggb-icon-Running { color: #ff2717; } .ggb-style-running .ggb-icon-Nutrition2, .ggb-style-nutrition .ggb-icon-Nutrition2 { color: #ff2717; } .ggb-style-running .ggb-blog-item-wrapper, .ggb-style-nutrition .ggb-blog-item-wrapper { background: #ffe4e6; } .ggb-style-running .ggb-blog-item-wrapper .ggb-avatar, .ggb-style-nutrition .ggb-blog-item-wrapper .ggb-avatar { border-color: #ff2717; } .ggb-style-running .ggb-blog-item-wrapper .ggb-icon-Calendar, .ggb-style-nutrition .ggb-blog-item-wrapper .ggb-icon-Calendar { color: #ff2717; } @media only screen and (min-width: 992px) { .ggb-style-running.ggb-blog-item:hover .ggb-icon-wrap, .ggb-style-nutrition.ggb-blog-item:hover .ggb-icon-wrap { color: #ff2717; } } .ggb-style-running .ggb-category-content-wrap .ggb-button, .ggb-style-nutrition .ggb-category-content-wrap .ggb-button { border-color: #ff2717; background: #ff2717; } @media only screen and (min-width: 992px) { .ggb-style-running .ggb-category-content-wrap .ggb-button:hover, .ggb-style-nutrition .ggb-category-content-wrap .ggb-button:hover { color: #ff2717; background: #ffffff; } } .ggb-style-running .ggb-category-content-wrap .ggb-button:focus, .ggb-style-running .ggb-category-content-wrap .ggb-button:active, .ggb-style-nutrition .ggb-category-content-wrap .ggb-button:focus, .ggb-style-nutrition .ggb-category-content-wrap .ggb-button:active { border-color: #ff2717; color: #ff2717; background: #ffffff; } .ggb-style-running .ggb-category-content-wrap .nothing-found h2.title, .ggb-style-nutrition .ggb-category-content-wrap .nothing-found h2.title { color: #ff2717; } .ggb-style-running .ggb-category-item:before, .ggb-style-nutrition .ggb-category-item:before { background: -moz-linear-gradient(top, #ff2717 0%, rgba(255, 39, 23, 0.3) 30%, rgba(255, 255, 255, 0) 100%); background: -webkit-linear-gradient(top, #ff2717 0%, rgba(255, 39, 23, 0.3) 30%, rgba(255, 255, 255, 0) 100%); background: linear-gradient(to bottom, #ff2717 0%, rgba(255, 39, 23, 0.3) 30%, rgba(255, 255, 255, 0) 100%); } @media only screen and (min-width: 992px) { .ggb-style-running .ggb-category-item:hover .ggb-category-item-title, .ggb-style-nutrition .ggb-category-item:hover .ggb-category-item-title { color: #ff2717; } } .ggb-style-running .ggb-spinner, .ggb-style-nutrition .ggb-spinner { border-color: #ff2717; border-right-color: transparent; } .ggb-style-running .ggb-spinner-text, .ggb-style-nutrition .ggb-spinner-text { color: #ff2717; } .ggb-style-supplements .ggb-categories-image, .ggb-style-supplementation .ggb-categories-image { background: #e2f9f1; } .ggb-style-supplements .ggb-categories-review-list, .ggb-style-supplementation .ggb-categories-review-list { border-color: #e2f9f1; } .ggb-style-supplements .ggb-categories-review-list li:before, .ggb-style-supplementation .ggb-categories-review-list li:before { background: #00c17d; } .ggb-style-supplements .ggb-icon-Supplements, .ggb-style-supplementation .ggb-icon-Supplements { color: #00c17d; } .ggb-style-supplements .ggb-icon-Supplementation2, .ggb-style-supplementation .ggb-icon-Supplementation2 { color: #00c17d; } .ggb-style-supplements .ggb-blog-item-wrapper, .ggb-style-supplementation .ggb-blog-item-wrapper { background: #e2f9f1; } .ggb-style-supplements .ggb-blog-item-wrapper .ggb-avatar, .ggb-style-supplementation .ggb-blog-item-wrapper .ggb-avatar { border-color: #00c17d; } .ggb-style-supplements .ggb-blog-item-wrapper .ggb-icon-Calendar, .ggb-style-supplementation .ggb-blog-item-wrapper .ggb-icon-Calendar { color: #00c17d; } @media only screen and (min-width: 992px) { .ggb-style-supplements.ggb-blog-item:hover .ggb-icon-wrap, .ggb-style-supplementation.ggb-blog-item:hover .ggb-icon-wrap { color: #00c17d; } } .ggb-style-supplements .ggb-category-content-wrap .ggb-button, .ggb-style-supplementation .ggb-category-content-wrap .ggb-button { border-color: #00c17d; background: #00c17d; } @media only screen and (min-width: 992px) { .ggb-style-supplements .ggb-category-content-wrap .ggb-button:hover, .ggb-style-supplementation .ggb-category-content-wrap .ggb-button:hover { color: #00c17d; background: #ffffff; } } .ggb-style-supplements .ggb-category-content-wrap .ggb-button:focus, .ggb-style-supplements .ggb-category-content-wrap .ggb-button:active, .ggb-style-supplementation .ggb-category-content-wrap .ggb-button:focus, .ggb-style-supplementation .ggb-category-content-wrap .ggb-button:active { border-color: #00c17d; color: #00c17d; background: #ffffff; } .ggb-style-supplements .ggb-category-content-wrap .nothing-found h2.title, .ggb-style-supplementation .ggb-category-content-wrap .nothing-found h2.title { color: #00c17d; } .ggb-style-supplements .ggb-category-item:before, .ggb-style-supplementation .ggb-category-item:before { background: -moz-linear-gradient(top, #00c17d 0%, rgba(0, 193, 125, 0.3) 30%, rgba(255, 255, 255, 0) 100%); background: -webkit-linear-gradient(top, #00c17d 0%, rgba(0, 193, 125, 0.3) 30%, rgba(255, 255, 255, 0) 100%); background: linear-gradient(to bottom, #00c17d 0%, rgba(0, 193, 125, 0.3) 30%, rgba(255, 255, 255, 0) 100%); } @media only screen and (min-width: 992px) { .ggb-style-supplements .ggb-category-item:hover .ggb-category-item-title, .ggb-style-supplementation .ggb-category-item:hover .ggb-category-item-title { color: #00c17d; } } .ggb-style-supplements .ggb-spinner, .ggb-style-supplementation .ggb-spinner { border-color: #00c17d; border-right-color: transparent; } .ggb-style-supplements .ggb-spinner-text, .ggb-style-supplementation .ggb-spinner-text { color: #00c17d; } .ggb-style-other-sports .ggb-categories-image, .ggb-style-recipes .ggb-categories-image { background: #f3e3ff; } .ggb-style-other-sports .ggb-categories-review-list, .ggb-style-recipes .ggb-categories-review-list { border-color: #f3e3ff; } .ggb-style-other-sports .ggb-categories-review-list li:before, .ggb-style-recipes .ggb-categories-review-list li:before { background: #bd2bff; } .ggb-style-other-sports .ggb-icon-Other-Sports, .ggb-style-recipes .ggb-icon-Other-Sports { color: #bd2bff; } .ggb-style-other-sports .ggb-icon-Recipes2, .ggb-style-recipes .ggb-icon-Recipes2 { color: #bd2bff; } .ggb-style-other-sports .ggb-blog-item-wrapper, .ggb-style-recipes .ggb-blog-item-wrapper { background: #f3e3ff; } .ggb-style-other-sports .ggb-blog-item-wrapper .ggb-avatar, .ggb-style-recipes .ggb-blog-item-wrapper .ggb-avatar { border-color: #bd2bff; } .ggb-style-other-sports .ggb-blog-item-wrapper .ggb-icon-Calendar, .ggb-style-recipes .ggb-blog-item-wrapper .ggb-icon-Calendar { color: #bd2bff; } @media only screen and (min-width: 992px) { .ggb-style-other-sports.ggb-blog-item:hover .ggb-icon-wrap, .ggb-style-recipes.ggb-blog-item:hover .ggb-icon-wrap { color: #bd2bff; } } .ggb-style-other-sports .ggb-category-content-wrap .ggb-button, .ggb-style-recipes .ggb-category-content-wrap .ggb-button { border-color: #bd2bff; background: #bd2bff; } @media only screen and (min-width: 992px) { .ggb-style-other-sports .ggb-category-content-wrap .ggb-button:hover, .ggb-style-recipes .ggb-category-content-wrap .ggb-button:hover { color: #bd2bff; background: #ffffff; } } .ggb-style-other-sports .ggb-category-content-wrap .ggb-button:focus, .ggb-style-other-sports .ggb-category-content-wrap .ggb-button:active, .ggb-style-recipes .ggb-category-content-wrap .ggb-button:focus, .ggb-style-recipes .ggb-category-content-wrap .ggb-button:active { border-color: #bd2bff; color: #bd2bff; background: #ffffff; } .ggb-style-other-sports .ggb-category-content-wrap .nothing-found h2.title, .ggb-style-recipes .ggb-category-content-wrap .nothing-found h2.title { color: #bd2bff; } .ggb-style-other-sports .ggb-category-item:before, .ggb-style-recipes .ggb-category-item:before { background: -moz-linear-gradient(top, #bd2bff 0%, rgba(189, 43, 255, 0.3) 30%, rgba(255, 255, 255, 0) 100%); background: -webkit-linear-gradient(top, #bd2bff 0%, rgba(189, 43, 255, 0.3) 30%, rgba(255, 255, 255, 0) 100%); background: linear-gradient(to bottom, #bd2bff 0%, rgba(189, 43, 255, 0.3) 30%, rgba(255, 255, 255, 0) 100%); } @media only screen and (min-width: 992px) { .ggb-style-other-sports .ggb-category-item:hover .ggb-category-item-title, .ggb-style-recipes .ggb-category-item:hover .ggb-category-item-title { color: #bd2bff; } } .ggb-style-other-sports .ggb-spinner, .ggb-style-recipes .ggb-spinner { border-color: #bd2bff; border-right-color: transparent; } .ggb-style-other-sports .ggb-spinner-text, .ggb-style-recipes .ggb-spinner-text { color: #bd2bff; } .ggb-style-brands .ggb-categories-image { background: #ffeece; } .ggb-style-brands .ggb-categories-review-list { border-color: #ffeece; } .ggb-style-brands .ggb-categories-review-list li:before { background: #fa0a00; } .ggb-style-brands .ggb-icon-Brands { color: #fa0a00; } .ggb-style-brands .ggb-blog-item-wrapper { background: #ffeece; } .ggb-style-brands .ggb-blog-item-wrapper .ggb-avatar { border-color: #fa0a00; } .ggb-style-brands .ggb-blog-item-wrapper .ggb-icon-Calendar { color: #fa0a00; } @media only screen and (min-width: 992px) { .ggb-style-brands .ggb-blog-item:hover .ggb-icon-wrap { color: #fa0a00; } } .ggb-style-brands .ggb-category-content-wrap .ggb-button { border-color: #fa0a00; background: #fa0a00; } @media only screen and (min-width: 992px) { .ggb-style-brands .ggb-category-content-wrap .ggb-button:hover { color: #fa0a00; background: #ffffff; } } .ggb-style-brands .ggb-category-content-wrap .ggb-button:focus, .ggb-style-brands .ggb-category-content-wrap .ggb-button:active { border-color: #fa0a00; color: #fa0a00; background: #ffffff; } .ggb-style-brands .ggb-category-content-wrap .nothing-found h2.title { color: #fa0a00; } .ggb-style-brands .ggb-category-item:before { background: -moz-linear-gradient(top, #ffaa00 0%, rgba(255, 170, 0, 0.3) 30%, rgba(255, 255, 255, 0) 100%); background: -webkit-linear-gradient(top, #ffaa00 0%, rgba(255, 170, 0, 0.3) 30%, rgba(255, 255, 255, 0) 100%); background: linear-gradient(to bottom, #ffaa00 0%, rgba(255, 170, 0, 0.3) 30%, rgba(255, 255, 255, 0) 100%); } @media only screen and (min-width: 992px) { .ggb-style-brands .ggb-category-item:hover .ggb-category-item-title { color: #fa0a00; } } .ggb-style-brands .ggb-spinner { border-color: #fa0a00; border-right-color: transparent; } .ggb-style-brands .ggb-spinner-text { color: #fa0a00; } .ggb-style-default .ggb-categories-image { background: #e8e8e8; } .ggb-style-default .ggb-categories-review-list { border-color: #e8e8e8; } .ggb-style-default .ggb-categories-review-list li:before { background: #e8e8e8; } .ggb-style-default .ggb-blog-item-wrapper { background: #e8e8e8; } .ggb-style-default .ggb-blog-item-wrapper .ggb-avatar { border-color: #c5c5c5; } .ggb-style-default .ggb-blog-item-wrapper .ggb-icon-Calendar { color: #c5c5c5; } @media only screen and (min-width: 992px) { .ggb-style-default.ggb-blog-item:hover .ggb-icon-wrap { color: #c5c5c5; } } .ggb-style-accessories .ggb-categories-image { background: #fadeff; } .ggb-style-accessories .ggb-categories-review-list { border-color: #fadeff; } .ggb-style-accessories .ggb-categories-review-list li:before { background: #d90cff; } .ggb-style-accessories .ggb-icon-Accessories { color: #d90cff; } .ggb-style-accessories .ggb-blog-item-wrapper { background: #fadeff; } .ggb-style-accessories .ggb-blog-item-wrapper .ggb-avatar { border-color: #d90cff; } .ggb-style-accessories .ggb-blog-item-wrapper .ggb-icon-Calendar { color: #d90cff; } @media only screen and (min-width: 992px) { .ggb-style-accessories.ggb-blog-item:hover .ggb-icon-wrap { color: #d90cff; } } .ggb-style-accessories .ggb-category-content-wrap .ggb-button { border-color: #d90cff; background: #d90cff; } @media only screen and (min-width: 992px) { .ggb-style-accessories .ggb-category-content-wrap .ggb-button:hover { color: #d90cff; background: #ffffff; } } .ggb-style-accessories .ggb-category-content-wrap .ggb-button:focus, .ggb-style-accessories .ggb-category-content-wrap .ggb-button:active { border-color: #d90cff; color: #d90cff; background: #ffffff; } .ggb-style-accessories .ggb-category-content-wrap .nothing-found h2.title { color: #d90cff; } .ggb-style-accessories .ggb-category-item:before { background: -moz-linear-gradient(top, #d90cff 0%, rgba(250, 222, 255, 0.3) 30%, rgba(255, 255, 255, 0) 100%); background: -webkit-linear-gradient(top, #d90cff 0%, rgba(250, 222, 255, 0.3) 30%, rgba(255, 255, 255, 0) 100%); background: linear-gradient(to bottom, #d90cff 0%, rgba(250, 222, 255, 0.3) 30%, rgba(255, 255, 255, 0) 100%); } @media only screen and (min-width: 992px) { .ggb-style-accessories .ggb-category-item:hover .ggb-category-item-title { color: #d90cff; } } .ggb-style-accessories .ggb-spinner { border-color: #d90cff; border-right-color: transparent; } .ggb-style-accessories .ggb-spinner-text { color: #d90cff; } .ggb-style-sports-apparel .ggb-categories-image { background: #ffe7de; } .ggb-style-sports-apparel .ggb-categories-review-list { border-color: #ffe7de; } .ggb-style-sports-apparel .ggb-categories-review-list li:before { background: #de4b11; } .ggb-style-sports-apparel .ggb-icon-Sports-Apparel { color: #de4b11; } .ggb-style-sports-apparel .ggb-blog-item-wrapper { background: #ffe7de; } .ggb-style-sports-apparel .ggb-blog-item-wrapper .ggb-avatar { border-color: #de4b11; } .ggb-style-sports-apparel .ggb-blog-item-wrapper .ggb-icon-Calendar { color: #de4b11; } @media only screen and (min-width: 992px) { .ggb-style-sports-apparel.ggb-blog-item:hover .ggb-icon-wrap { color: #de4b11; } } .ggb-style-sports-apparel .ggb-category-content-wrap .ggb-button { border-color: #de4b11; background: #de4b11; } @media only screen and (min-width: 992px) { .ggb-style-sports-apparel .ggb-category-content-wrap .ggb-button:hover { color: #de4b11; background: #ffffff; } } .ggb-style-sports-apparel .ggb-category-content-wrap .ggb-button:focus, .ggb-style-sports-apparel .ggb-category-content-wrap .ggb-button:active { border-color: #de4b11; color: #de4b11; background: #ffffff; } .ggb-style-sports-apparel .ggb-category-content-wrap .nothing-found h2.title { color: #de4b11; } .ggb-style-sports-apparel .ggb-category-item:before { background: -moz-linear-gradient(top, #de4b11 0%, rgba(255, 231, 222, 0.3) 30%, rgba(255, 255, 255, 0) 100%); background: -webkit-linear-gradient(top, #de4b11 0%, rgba(255, 231, 222, 0.3) 30%, rgba(255, 255, 255, 0) 100%); background: linear-gradient(to bottom, #de4b11 0%, rgba(255, 231, 222, 0.3) 30%, rgba(255, 255, 255, 0) 100%); } @media only screen and (min-width: 992px) { .ggb-style-sports-apparel .ggb-category-item:hover .ggb-category-item-title { color: #de4b11; } } .ggb-style-sports-apparel .ggb-spinner { border-color: #de4b11; border-right-color: transparent; } .ggb-style-sports-apparel .ggb-spinner-text { color: #de4b11; } .ggb-style-crossfit .ggb-categories-image { background: #bdfbf3; } .ggb-style-crossfit .ggb-categories-review-list { border-color: #bdfbf3; } .ggb-style-crossfit .ggb-categories-review-list li:before { background: #00ceb4; } .ggb-style-crossfit .ggb-icon-Crossfit { color: #00ceb4; } .ggb-style-crossfit .ggb-blog-item-wrapper { background: #bdfbf3; } .ggb-style-crossfit .ggb-blog-item-wrapper .ggb-avatar { border-color: #00ceb4; } .ggb-style-crossfit .ggb-blog-item-wrapper .ggb-icon-Calendar { color: #00ceb4; } @media only screen and (min-width: 992px) { .ggb-style-crossfit.ggb-blog-item:hover .ggb-icon-wrap { color: #00ceb4; } } .ggb-style-crossfit .ggb-category-content-wrap .ggb-button { border-color: #00ceb4; background: #00ceb4; } @media only screen and (min-width: 992px) { .ggb-style-crossfit .ggb-category-content-wrap .ggb-button:hover { color: #00ceb4; background: #ffffff; } } .ggb-style-crossfit .ggb-category-content-wrap .ggb-button:focus, .ggb-style-crossfit .ggb-category-content-wrap .ggb-button:active { border-color: #00ceb4; color: #00ceb4; background: #ffffff; } .ggb-style-crossfit .ggb-category-content-wrap .nothing-found h2.title { color: #00ceb4; } .ggb-style-crossfit .ggb-category-item:before { background: -moz-linear-gradient(top, #00ceb4 0%, rgba(189, 251, 243, 0.3) 30%, rgba(255, 255, 255, 0) 100%); background: -webkit-linear-gradient(top, #00ceb4 0%, rgba(189, 251, 243, 0.3) 30%, rgba(255, 255, 255, 0) 100%); background: linear-gradient(to bottom, #00ceb4 0%, rgba(189, 251, 243, 0.3) 30%, rgba(255, 255, 255, 0) 100%); } @media only screen and (min-width: 992px) { .ggb-style-crossfit .ggb-category-item:hover .ggb-category-item-title { color: #00ceb4; } } .ggb-style-crossfit .ggb-spinner { border-color: #00ceb4; border-right-color: transparent; } .ggb-style-crossfit .ggb-spinner-text { color: #00ceb4; } .ggb-style-gift-ideas .ggb-categories-image { background: #ffc6d5; } .ggb-style-gift-ideas .ggb-categories-review-list { border-color: #ffc6d5; } .ggb-style-gift-ideas .ggb-categories-review-list li:before { background: #ff508f; } .ggb-style-gift-ideas .ggb-icon-Gift-Ideas { color: #ff508f; } .ggb-style-gift-ideas .ggb-blog-item-wrapper { background: #ffc6d5; } .ggb-style-gift-ideas .ggb-blog-item-wrapper .ggb-avatar { border-color: #ff508f; } .ggb-style-gift-ideas .ggb-blog-item-wrapper .ggb-icon-Calendar { color: #ff508f; } @media only screen and (min-width: 992px) { .ggb-style-gift-ideas.ggb-blog-item:hover .ggb-icon-wrap { color: #ff508f; } } .ggb-style-gift-ideas .ggb-category-content-wrap .ggb-button { border-color: #ff508f; background: #ff508f; } @media only screen and (min-width: 992px) { .ggb-style-gift-ideas .ggb-category-content-wrap .ggb-button:hover { color: #ff508f; background: #ffffff; } } .ggb-style-gift-ideas .ggb-category-content-wrap .ggb-button:focus, .ggb-style-gift-ideas .ggb-category-content-wrap .ggb-button:active { border-color: #ff508f; color: #ff508f; background: #ffffff; } .ggb-style-gift-ideas .ggb-category-content-wrap .nothing-found h2.title { color: #ff508f; } .ggb-style-gift-ideas .ggb-category-item:before { background: -moz-linear-gradient(top, #ff508f 0%, rgba(255, 198, 213, 0.3) 30%, rgba(255, 255, 255, 0) 100%); background: -webkit-linear-gradient(top, #ff508f 0%, rgba(255, 198, 213, 0.3) 30%, rgba(255, 255, 255, 0) 100%); background: linear-gradient(to bottom, #ff508f 0%, rgba(255, 198, 213, 0.3) 30%, rgba(255, 255, 255, 0) 100%); } @media only screen and (min-width: 992px) { .ggb-style-gift-ideas .ggb-category-item:hover .ggb-category-item-title { color: #ff508f; } } .ggb-style-gift-ideas .ggb-spinner { border-color: #ff508f; border-right-color: transparent; } .ggb-style-gift-ideas .ggb-spinner-text { color: #ff508f; } @media only screen and (min-width: 992px) { .category-reviews .ggb-style-gym .ggb-categories-title:hover { color: #00cdff; } } @media only screen and (min-width: 992px) { .category-reviews .ggb-style-gym .ggb-categories-review-list li a:hover { color: #00cdff; } } @media only screen and (min-width: 992px) { .category-reviews .ggb-style-gym:hover .ggb-categories-image { background: #d3faff; } .category-reviews .ggb-style-gym:hover .ggb-icon-wrap { color: #00cdff; } } @media only screen and (min-width: 992px) { .category-reviews .ggb-style-fitness .ggb-categories-title:hover { color: #1771ff; } } @media only screen and (min-width: 992px) { .category-reviews .ggb-style-fitness .ggb-categories-review-list li a:hover { color: #1771ff; } } @media only screen and (min-width: 992px) { .category-reviews .ggb-style-fitness:hover .ggb-categories-image { background: #e3eeff; } .category-reviews .ggb-style-fitness:hover .ggb-icon-wrap { color: #1771ff; } } @media only screen and (min-width: 992px) { .category-reviews .ggb-style-running .ggb-categories-title:hover { color: #ff2717; } } @media only screen and (min-width: 992px) { .category-reviews .ggb-style-running .ggb-categories-review-list li a:hover { color: #ff2717; } } @media only screen and (min-width: 992px) { .category-reviews .ggb-style-running:hover .ggb-categories-image { background: #ffe4e6; } .category-reviews .ggb-style-running:hover .ggb-icon-wrap { color: #ff2717; } } @media only screen and (min-width: 992px) { .category-reviews .ggb-style-supplements .ggb-categories-title:hover { color: #00c17d; } } @media only screen and (min-width: 992px) { .category-reviews .ggb-style-supplements .ggb-categories-review-list li a:hover { color: #00c17d; } } @media only screen and (min-width: 992px) { .category-reviews .ggb-style-supplements:hover .ggb-categories-image { background: #e2f9f1; } .category-reviews .ggb-style-supplements:hover .ggb-icon-wrap { color: #00c17d; } } @media only screen and (min-width: 992px) { .category-reviews .ggb-style-other-sports .ggb-categories-title:hover { color: #bd2bff; } } @media only screen and (min-width: 992px) { .category-reviews .ggb-style-other-sports .ggb-categories-review-list li a:hover { color: #bd2bff; } } @media only screen and (min-width: 992px) { .category-reviews .ggb-style-other-sports:hover .ggb-categories-image { background: #f3e3ff; } .category-reviews .ggb-style-other-sports:hover .ggb-icon-wrap { color: #bd2bff; } } @media only screen and (min-width: 992px) { .category-reviews .ggb-style-sports-apparel .ggb-categories-title:hover { color: #de4b11; } } @media only screen and (min-width: 992px) { .category-reviews .ggb-style-sports-apparel .ggb-categories-review-list li a:hover { color: #de4b11; } } @media only screen and (min-width: 992px) { .category-reviews .ggb-style-sports-apparel:hover .ggb-categories-image { background: #ffe7de; } .category-reviews .ggb-style-sports-apparel:hover .ggb-icon-wrap { color: #de4b11; } } @media only screen and (min-width: 992px) { .category-reviews .ggb-style-crossfit .ggb-categories-title:hover { color: #00ceb4; } } @media only screen and (min-width: 992px) { .category-reviews .ggb-style-crossfit .ggb-categories-review-list li a:hover { color: #00ceb4; } } @media only screen and (min-width: 992px) { .category-reviews .ggb-style-crossfit:hover .ggb-categories-image { background: #bdfbf3; } .category-reviews .ggb-style-crossfit:hover .ggb-icon-wrap { color: #00ceb4; } } @media only screen and (min-width: 992px) { .category-reviews .ggb-style-gift-ideas .ggb-categories-title:hover { color: #ff508f; } } @media only screen and (min-width: 992px) { .category-reviews .ggb-style-gift-ideas .ggb-categories-review-list li a:hover { color: #ff508f; } } @media only screen and (min-width: 992px) { .category-reviews .ggb-style-gift-ideas:hover .ggb-categories-image { background: #ffc6d5; } .category-reviews .ggb-style-gift-ideas:hover .ggb-icon-wrap { color: #ff508f; } } @media only screen and (min-width: 992px) { .category-reviews .ggb-style-accessories .ggb-categories-title:hover { color: #d90cff; } } @media only screen and (min-width: 992px) { .category-reviews .ggb-style-accessories .ggb-categories-review-list li a:hover { color: #d90cff; } } @media only screen and (min-width: 992px) { .category-reviews .ggb-style-accessories:hover .ggb-categories-image { background: #fadeff; } .category-reviews .ggb-style-accessories:hover .ggb-icon-wrap { color: #d90cff; } } /*Blog menu*/ .site-content { overflow: hidden; } .site-header .ggb-blog-page-menu-wrap .ggb-menu-item.active .ggb-submenu { opacity: 1; visibility: visible; } .site-header .ggb-blog-page-menu-wrap .ggb-blog-menu:before { -webkit-box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.13); -moz-box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.13); box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.13); } .site-header .ggb-blog-page-menu { position: relative; box-shadow: none; } .ggb-blog-page-menu { background: #ffffff; } .ggb-blog-page-menu-wrap { position: relative; } .ggb-blog-page-menu-wrap .ggb-blog-menu { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; align-items: center; justify-content: center; padding: 20px 0 0; position: relative; } @media only screen and (min-width: 992px) { .ggb-blog-page-menu-wrap .ggb-blog-menu:before { content: ''; position: absolute; top: 0; bottom: 0; left: -100%; right: -100%; z-index: -1; background: #ffffff; } } @media only screen and (max-width: 991px) { .ggb-blog-page-menu-wrap .ggb-blog-menu { flex-wrap: wrap; } } @media only screen and (max-width: 768px) { .ggb-blog-page-menu-wrap .ggb-blog-menu { padding: 15px 0 0; } } @media only screen and (max-width: 361px) { .ggb-blog-page-menu-wrap .ggb-blog-menu { margin: 0 -10px; } } .ggb-blog-page-menu-wrap .ggb-menu-item { margin: 0 12px; padding: 0px 0 20px; } .ggb-blog-page-menu-wrap .ggb-menu-item .ggb-submenu { position: absolute; top: 100%; left: 0; right: 0; z-index: 10; padding: 35px 0; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; opacity: 0; visibility: hidden; } .ggb-blog-page-menu-wrap .ggb-menu-item .ggb-submenu:before { content: ''; position: absolute; top: 0; bottom: 0; left: -100%; right: -100%; background: #e7f1ff; z-index: -1; -webkit-box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.13); -moz-box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.13); box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.13); } @media only screen and (max-width: 991px) { .ggb-blog-page-menu-wrap .ggb-menu-item .ggb-submenu { flex-direction: column; } } @media only screen and (max-width: 768px) { .ggb-blog-page-menu-wrap .ggb-menu-item .ggb-submenu { padding: 15px 0; margin: 7px 0 0; } } @media only screen and (min-width: 992px) { .ggb-blog-page-menu-wrap .ggb-menu-item:hover .ggb-submenu { opacity: 1; visibility: visible; } .ggb-blog-page-menu-wrap .ggb-menu-item:hover .ggb-menu-link { color: #1771ff; } .ggb-blog-page-menu-wrap .ggb-menu-item:hover .ggb-menu-link:after { border-color: #1771ff; } } @media only screen and (max-width: 991px) { .ggb-blog-page-menu-wrap .ggb-menu-item { margin: 0; padding: 0 0 15px; flex: 0 0 33.33%; text-align: center; } } @media only screen and (max-width: 768px) { .ggb-blog-page-menu-wrap .ggb-menu-item { padding: 0 0 5px; } } .ggb-blog-page-menu-wrap .ggb-menu-item.open .ggb-submenu { opacity: 1; visibility: visible; } .ggb-blog-page-menu-wrap .ggb-menu-item.open .ggb-menu-link { color: #1771ff; } .ggb-blog-page-menu-wrap .ggb-menu-item.open .ggb-menu-link:after { top: 9px; border-color: #1771ff; -moz-transform: rotate(-135deg); -o-transform: rotate(-135deg); -ms-transform: rotate(-135deg); -webkit-transform: rotate(-135deg); transform: rotate(-135deg); } .ggb-blog-page-menu-wrap .ggb-menu-link { font-size: 14px; font-family: 'avenirmedium'; color: #000000; padding: 0 12px 0 0; position: relative; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; } .ggb-blog-page-menu-wrap .ggb-menu-link:after { content: ''; position: absolute; top: 5px; right: 0; width: 7px; height: 7px; border-right: 1px solid; border-bottom: 1px solid; border-color: #000000; -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); } @media only screen and (max-width: 361px) { .ggb-blog-page-menu-wrap .ggb-menu-link { font-size: 12px; padding: 0 10px 0 0; } .ggb-blog-page-menu-wrap .ggb-menu-link:after { width: 5px; height: 5px; } } .ggb-blog-page-menu-wrap .ggb-feature-blog-post-wrap { margin: 0 20px 0 0; } @media only screen and (max-width: 991px) { .ggb-blog-page-menu-wrap .ggb-feature-blog-post-wrap { margin: 0; } } @media only screen and (max-width: 768px) { .ggb-blog-page-menu-wrap .ggb-feature-blog-post { margin: 0 0 15px; } } .ggb-blog-page-menu-wrap .ggb-feature-blog-item { display: inline-block; position: relative; } @media only screen and (max-width: 768px) { .ggb-blog-page-menu-wrap .ggb-feature-blog-item { width: 100%; } } .ggb-blog-page-menu-wrap .ggb-feature-blog-item .ggb-blog-item-info { position: absolute; bottom: 0; left: 0; right: 0; padding: 20px; } .ggb-blog-page-menu-wrap .ggb-feature-blog-item .ggb-blog-item-info .ggb-post-title { font-size: 18px; } .ggb-blog-page-menu-wrap .ggb-feature-blog-item .ggb-blog-item-info .ggb-post-title .ggb-post-author { float: right; margin: 4px 0 0; } .ggb-blog-page-menu-wrap .ggb-feature-blog-item .ggb-blog-item-info .ggb-post-title, .ggb-blog-page-menu-wrap .ggb-feature-blog-item .ggb-blog-item-info .ggb-post-author { color: #ffffff; } @media only screen and (max-width: 768px) { .ggb-blog-page-menu-wrap .ggb-feature-blog-item .ggb-blog-item-info { text-align: left; font-size: 14px; } } .ggb-blog-page-menu-wrap .ggb-feature-blog-item .ggb-post-image { max-width: 380px; width: 100%; display: block; } .ggb-blog-page-menu-wrap .ggb-feature-blog-item .ggb-post-image img { max-width: 380px; width: auto; } .ggb-blog-page-menu-wrap .ggb-feature-blog-item .ggb-post-image:before { content: ''; opacity: 0.85; position: absolute; top: 0; bottom: 0; left: 0; right: 0; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(23, 113, 255, 0.4) 50%, rgba(23, 113, 255, 0.6) 71%, #1771ff 100%); background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(23, 113, 255, 0.4) 50%, rgba(23, 113, 255, 0.6) 71%, #1771ff 100%); background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(23, 113, 255, 0.4) 50%, rgba(23, 113, 255, 0.6) 71%, #1771ff 100%); } @media only screen and (min-width: 992px) { .ggb-blog-page-menu-wrap .ggb-feature-blog-item .ggb-post-image:hover:before { background: -moz-linear-gradient(top, rgba(23, 113, 255, 0.3) 0%, rgba(23, 113, 255, 0.6) 70%, rgba(23, 113, 255, 0.6) 71%, #1771ff 100%); background: -webkit-linear-gradient(top, rgba(23, 113, 255, 0.3) 0%, rgba(23, 113, 255, 0.6) 70%, rgba(23, 113, 255, 0.6) 71%, #1771ff 100%); background: linear-gradient(to bottom, rgba(23, 113, 255, 0.3) 0%, rgba(23, 113, 255, 0.6) 70%, rgba(23, 113, 255, 0.6) 71%, #1771ff 100%); } } @media only screen and (max-width: 991px) { .ggb-blog-page-menu-wrap .ggb-feature-blog-item .ggb-post-image { max-width: 272px; } .ggb-blog-page-menu-wrap .ggb-feature-blog-item .ggb-post-image img { max-width: 272px; } } @media only screen and (max-width: 768px) { .ggb-blog-page-menu-wrap .ggb-feature-blog-item .ggb-post-image { max-width: 100%; } .ggb-blog-page-menu-wrap .ggb-feature-blog-item .ggb-post-image img { max-width: 100%; width: 100%; } } .ggb-blog-page-menu-wrap .ggb-menu-post-title { font-size: 18px; font-family: 'avenirbold'; margin: 0 0 15px; } @media only screen and (max-width: 768px) { .ggb-blog-page-menu-wrap .ggb-menu-post-title { display: none; } } .ggb-blog-page-menu-wrap .ggb-recent-blog-post { width: 100%; } .ggb-blog-page-menu-wrap .ggb-recent-blog-post-wrap { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; flex-wrap: wrap; } @media only screen and (max-width: 768px) { .ggb-blog-page-menu-wrap .ggb-recent-blog-post-wrap { flex-direction: column; } } .ggb-blog-page-menu-wrap .ggb-recent-blog-item { flex: 0 0 50%; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; flex-direction: row; margin: 0 0 20px 0; padding: 0 20px 0 0; } @media only screen and (max-width: 768px) { .ggb-blog-page-menu-wrap .ggb-recent-blog-item { margin: 0 0 15px 0; padding: 0; } .ggb-blog-page-menu-wrap .ggb-recent-blog-item.ggb-recent-blog-item-hide-mob { display: none; } } .ggb-blog-page-menu-wrap .ggb-recent-blog-item .ggb-post-image { position: relative; cursor: pointer; max-width: 180px; } .ggb-blog-page-menu-wrap .ggb-recent-blog-item .ggb-post-image img { max-width: 180px; width: auto; /*max-height: 136px; height: auto;*/ } .ggb-blog-page-menu-wrap .ggb-recent-blog-item .ggb-post-image:before { content: ''; opacity: 0.85; position: absolute; top: 0; bottom: 0; left: 0; right: 0; opacity: 0; visibility: hidden; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(23, 113, 255, 0.4) 50%, rgba(23, 113, 255, 0.6) 71%, #1771ff 100%); background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(23, 113, 255, 0.4) 50%, rgba(23, 113, 255, 0.6) 71%, #1771ff 100%); background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(23, 113, 255, 0.4) 50%, rgba(23, 113, 255, 0.6) 71%, #1771ff 100%); } @media only screen and (min-width: 992px) { .ggb-blog-page-menu-wrap .ggb-recent-blog-item .ggb-post-image:hover:before { opacity: 1; visibility: visible; } } @media only screen and (max-width: 768px) { .ggb-blog-page-menu-wrap .ggb-recent-blog-item .ggb-post-image { max-width: 126px; } .ggb-blog-page-menu-wrap .ggb-recent-blog-item .ggb-post-image img { max-width: 126px; } } @media only screen and (min-width: 992px) { .ggb-blog-page-menu-wrap .ggb-recent-blog-item .ggb-post-title:hover { color: #1771ff; } } .ggb-blog-page-menu-wrap .ggb-blog-item-info { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; flex-direction: column; justify-content: space-between; padding: 10px 0 10px 15px; } .ggb-blog-page-menu-wrap .ggb-blog-item-info .ggb-post-title { color: #010c1d; font-size: 16px; font-family: 'avenirbold'; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; } @media only screen and (max-width: 768px) { .ggb-blog-page-menu-wrap .ggb-blog-item-info .ggb-post-title { font-size: 12px; } } .ggb-blog-page-menu-wrap .ggb-blog-item-info .ggb-post-author { color: #010c1d; font-size: 14px; font-family: 'avenirregular'; } @media only screen and (max-width: 768px) { .ggb-blog-page-menu-wrap .ggb-blog-item-info .ggb-post-author { font-size: 12px; } } @media only screen and (max-width: 768px) { .ggb-blog-page-menu-wrap .ggb-blog-item-info { text-align: left; } } /*Blog Page Style*/ .list-title, .entry-page-title, .search-results .page-title, .blog-list-item .blog-cat-post-title, .row-list-item .row-list-post-title, .row-list-post-info .row-list-post-more-link, .review-cat-post-image .review-cat-left-banner span, .row-list-guide-banner span, .top-stories-item-content > a.top-stories-item-cat, .blog-content h2, .blog-content h3, .single-page-content h2, .single-page-content h3, .related-post-hover-link, .related-post-hover-link:hover, .related-post-hover-link:focus, .related-details .related-details-link, .post-author, .widget .widget-title, .top-stories-title, .entry-blog-title, .entry-post-title, .entry-review-title, .entry-page-title, h3, h2, .bold_text, #tve_editor [data-css="tve-u-16777d638dc"] .tcb-button-link, .tve_shortcode_editor h1, .sign-up .btn-default, .comment-form .submit, .submit-button, .single-page-content input[type=submit], .search-no-results .nothing-found-content .search-form .search-submit { font-family: 'avenirmedium'; font-weight: initial; } .widget .toc_widget_list.no_bullets li a { font-family: 'avenirregular'; } .review-cat-post-image .review-cat-left-banner span, .row-list-guide-banner span { color: #010c1d; } .blog-content-wrap .sidebar-title { font-family: 'avenirbold'; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; border-radius: 0; } .blog-content-wrap .sidebar-most-read { background: #e7f1ff; padding: 0 24px 40px; } .blog-content-wrap .sidebar-sign-content { background: #e7f1ff; } .blog-content-wrap .top-stories-item { display: flex; width: 100%; } .blog-content-wrap .top-stories-item-image { display: flex; float: initial; width: 96px; } .blog-content-wrap .top-stories-item-image a { max-width: 96px; max-height: 96px; } .blog-content-wrap .top-stories-item-image a:before { opacity: 0.75; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; border-radius: 0; -webkit-transition: all 0.15s linear; -moz-transition: all 0.15s linear; -ms-transition: all 0.15s linear; -o-transition: all 0.15s linear; transition: all 0.15s linear; background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(23, 113, 255, 0.4) 50%, rgba(23, 113, 255, 0.6) 71%, #1771ff 100%); background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(23, 113, 255, 0.4) 50%, rgba(23, 113, 255, 0.6) 71%, #1771ff 100%); background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(23, 113, 255, 0.4) 50%, rgba(23, 113, 255, 0.6) 71%, #1771ff 100%); } .blog-content-wrap .top-stories-item-image a:after { content: none; } .blog-content-wrap .top-stories-item-image a img { width: 100%; height: 100%; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; border-radius: 0; } .blog-content-wrap .top-stories-item-content { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; float: initial; width: calc( 100% - 96px ); padding: 0 0 0 12px; align-items: flex-start; justify-content: space-between; flex-direction: column; margin: 8px 0 0; } .blog-content-wrap .top-stories-item-content > a.top-stories-item-title { font-family: 'avenirbold'; font-size: 12px; color: #010c1d; margin: 0 0 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; } @media only screen and (min-width: 992px) { .blog-content-wrap .top-stories-item-content > a.top-stories-item-title:hover { color: #1771ff; } } .blog-content-wrap .top-stories-item-info, .blog-content-wrap .top-stories-item-info span { color: #010c1d; font-size: 12px; text-transform: capitalize; font-family: 'avenirmedium'; margin: 0; } .blog-content-wrap .sidebar-categories-list li a { font-family: 'avenirmedium'; } .blog-content-wrap .blog-list-item .blog-cat-post-title { font-family: 'avenirregular'; } .blog-content-wrap .blog-list-item .post-date { font-family: 'avenirregular'; } .review-content-wrap .img-review { max-width: 300px; max-height: 200px; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; align-items: center; justify-content: center; margin: 25px auto 0; } .review-content-wrap .img-review img { max-width: 100%; max-height: 100%; width: auto; height: auto; } .blog-list-item .blog-cat-post-author span { color: #1771ff; } .blog-list-item:hover .blog-cat-post-image a:before { opacity: 1; } .row-list-item { height: auto; } .row-list-item .row-list-post-author span { color: #1771ff; } .row-list-item:hover .row-list-post-image a:before { opacity: 1; } .blog-cat-post-image > a, .row-list-post-image > a { background: #f7f8f9; height: 233px; width: 100%; opacity: 1; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; align-items: center; justify-content: center; } .blog-cat-post-image > a:before, .row-list-post-image > a:before { content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: #f7f8f9; z-index: 1; mix-blend-mode: darken; } .blog-cat-post-image > a img, .row-list-post-image > a img { max-width: 100%; max-height: 75%; width: auto; height: auto; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; border-radius: 0; } .most-read-inside-left > a, .top-reviews-inside-left > a { position: relative; padding-top: 70%; display: block; } .most-read-inside-left > a img, .top-reviews-inside-left > a img { position: absolute; top: 0; left: 0; bottom: 0; right: 0; object-fit: contain; object-position: center; width: 100%; height: 100%; max-height: auto; } @media (max-width: 1199px) { .blog-content-inside, .review-content-inside { font-size: 16px; } } .ggb-sr-top-content-wrap { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; margin: 0 0 30px; } .ggb-sr-top-content-wrap .review-slides-content { width: 68%; text-align: center; border-bottom: none; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; flex-direction: column; } .ggb-sr-top-content-wrap .post-counters { margin-bottom: 25px; } .ggb-sr-top-content-wrap .review-post-ratings-content { width: 32%; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; flex-direction: column; margin: 0 0 0 20px; padding: 0 0 0 20px; position: relative; } .ggb-sr-top-content-wrap .review-post-ratings-content:before { content: ''; position: absolute; top: -15px; left: 0; bottom: 0; width: 1px; background: #bad5ff; } .ggb-sr-top-content-wrap .slider-min > .bx-wrapper { padding: 5px 5px 0; } .ggb-sr-top-content-wrap .review-amazon-link { margin: 0 auto; max-width: 225px; width: 100%; } .ggb-sr-top-content-wrap .review-amazon-link .price-info { font-size: 24px; font-family: 'avenirbold'; margin: 0 0 15px; display: block; } .review-post-content .review-post .entry-review-title { color: #010c1d; text-align: left; font-family: 'avenirbold'; } .review-post-content .slider-min #thumb-pager { max-width: 96px; } .review-post-content .slider-min #thumb-pager a { width: 100%; max-width: 96px; border: 1px solid #bad5ff; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; border-radius: 0; } .review-post-content .slider-min #thumb-pager .active a { border-color: #1771ff; } .review-post-content .slide-amazon-link-wrap { width: 100%; max-width: 96px; display: none; } .review-post-content .slide-amazon-link-wrap a { border: 1px solid #bad5ff; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; border-radius: 0; } .review-post-content .post-editor-rating-title, .review-post-content .post-users-rating-title { font-size: 18px; color: #010c1d; font-family: inherit; font-weight: 700; } .review-post-content .post-editor-rating-title.post-editor-rating-title-small, .review-post-content .post-users-rating-title.post-editor-rating-title-small { font-size: 15px; font-weight: 400; } .review-post-content .post-editor-rating { margin: 0 0 50px; } .review-post-content .post-users-rating { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; flex-direction: column; } .review-post-content .submit-rating { margin: 50px 0 60px; } .review-post-content .submit-rating .submit-rating-label { display: block; font-size: 18px; width: 100%; } .review-post-content .editor-rating-banner { font-size: 38px; font-family: 'avenirbold'; } .review-post-content .rating-details { order: 3; } .review-post-content .post-author { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; align-items: center; text-transform: capitalize; margin: 15px 0; min-width: 200px; float: initial; } .review-post-content .post-author .avatar { width: 56px; height: 56px; } .review-post-content .post-author .display-name { color: #010c1d; font-size: 14px; font-family: 'avenirbold'; } .review-post-content .editor-conclusion-wrap { margin: 0 0 30px; } .review-post-content .review-post .post-author-info { margin-top: 0; } .review-post-content .review-post-main-content-facts { padding: 0; border-left: 0; border-right: 0; } .review-post-content .review-post-main-content-item { font-size: 16px; font-weight: 400; color: #010c1d; } .review-post-content .pros-and-cons-title { color: #010c1d; font-size: 25px; font-family: 'avenirbold'; } .review-post-content .review-pros-wrap, .review-post-content .review-cons-wrap { -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; border-radius: 0; } .review-post-content .review-pros-wrap span, .review-post-content .review-cons-wrap span { font-size: 24px; font-family: 'avenirbold'; } .review-post-content .review-cons-wrap { border-color: #062b65; } .review-post-content .review-pros-title, .review-post-content .review-cons-title { -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; border-radius: 0; } .review-post-content .review-cons-title { background: #062b65; } .review-post-content .review-cons-content > span:before, .review-post-content .review-cons-content > p:before { color: #062b65; } .review-post-content .review-cons-content ul li:before { color: #062b65; } .review-post-content .review-custom-content-item { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; justify-content: space-between; margin: 0 0 50px; padding-bottom: 0; /*&:nth-child(even) { flex-direction: row-reverse; }*/ } .review-post-content .review-custom-content-item .review-custom-content-title-wrap { left: initial; } .review-post-content .review-custom-content-item .review-custom-content-inside:last-child { color: #212121; font-size: 16px; font-weight: 400; } .review-post-content .review-custom-content-item h3 { color: #010c1d; font-size: 30px; font-family: 'avenirbold'; } .review-post-content .review-custom-content-item:last-child { margin-bottom: 0; } .review-post-content .review-custom-content { display: inline-block; width: 100%; } .review-post-content .review-custom-content-item-icon { position: initial; width: 100%; max-width: 180px; height: 100%; top: initial; left: initial; margin: 0 auto; text-align: center; } .review-post-content .review-custom-content-item-icon img { max-width: 100%; width: auto; height: auto; } .review-post-content .entry-post-title { color: #010c1d; font-family: 'avenirbold'; } .review-post-content .related-posts-wrap .entry-post-title span:before, .review-post-content .related-posts-wrap .entry-post-title span:after { opacity: 0.35; } .review-post-content .related-posts-items-wrap { position: relative; -webkit-box-shadow: 0px 6px 21px 0px rgba(0, 0, 0, 0.14); -moz-box-shadow: 0px 6px 21px 0px rgba(0, 0, 0, 0.14); box-shadow: 0px 6px 21px 0px rgba(0, 0, 0, 0.14); } .review-post-content .related-post-item { border: none; width: 50%; margin-right: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; border-radius: 0; position: relative; } .review-post-content .related-post-item:first-child:after { content: ''; position: absolute; top: 0; bottom: 0; right: 0; width: 1px; background: #1778ff; } .review-post-content .related-post-item:before { content: ''; position: absolute; top: 0; bottom: 0; right: 0; left: 0; opacity: 0; visibility: hidden; z-index: 3; pointer-events: 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; background: -moz-linear-gradient(top, rgba(23, 113, 255, 0.65) 0%, rgba(23, 113, 255, 0.45) 15%, rgba(23, 113, 255, 0.35) 30%, rgba(23, 113, 255, 0) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(23, 113, 255, 0.65) 0%, rgba(23, 113, 255, 0.45) 15%, rgba(23, 113, 255, 0.35) 30%, rgba(23, 113, 255, 0) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(23, 113, 255, 0.65) 0%, rgba(23, 113, 255, 0.45) 15%, rgba(23, 113, 255, 0.35) 30%, rgba(23, 113, 255, 0) 100%); } @media only screen and (min-width: 992px) { .review-post-content .related-post-item:hover:before { opacity: 1; visibility: visible; } } .review-post-content .related-post-item .main-review-img { z-index: 2; } .review-post-content .related-post-item .main-review-img .img-review { overflow: inherit; height: 62%; width: 100%; background: transparent; } .review-post-content .related-post-item .main-review-img .img-review img { -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; border-radius: 0; float: initial; max-width: 95%; max-height: 95%; height: auto; width: auto; } .top10-pros-cons-wrap .top10-review-wrap.top10-pros { border-top-color: #0474ff; } .top10-pros-cons-wrap .top10-review-wrap.top10-pros .review-title { color: #0474ff; } .top10-pros-cons-wrap .top10-review-wrap.top10-pros .review-content p:before { color: #0474ff; } .top10-pros-cons-wrap .top10-review-wrap.top10-pros .review-content ul li:before { color: #0474ff; } .top10-pros-cons-wrap .top10-review-wrap.top10-cons { border-top-color: #032967; } .top10-pros-cons-wrap .top10-review-wrap.top10-cons .review-title { color: #032967; } .top10-pros-cons-wrap .top10-review-wrap.top10-cons .review-content p:before { color: #032967; } .top10-pros-cons-wrap .top10-review-wrap.top10-cons .review-content ul li:before { color: #032967; } .bg-review-content-wrap .bg-review-table-wrap .bg-table-list ul li:before { margin: 0 6px 0 0; } .related-post-hover-link { box-shadow: none; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; border-radius: 0; display: none; opacity: 0; visibility: hidden; background: transparent; } .related-post-item-hover .related-post-hover-link:hover, .related-post-item-hover .related-post-hover-link:focus { box-shadow: none; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; border-radius: 0; display: none; opacity: 0; visibility: hidden; background: transparent; } .related-post-item-hover .related-post-hover-stat { display: none; } .related-post-item-hover .related-post-hover-link, .related-post-item-hover .related-post-hover-stat { opacity: 0; visibility: hidden; } .related-post-item-hover .related-details, .related-post-item-hover .related-post-rate { opacity: 1; visibility: visible; } .related-posts-items-wrap-active .related-post-item { opacity: 1; } .review-content-wrap .img-review { -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; border-radius: 0; } .review-content-wrap .img-review img { -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; border-radius: 0; } .review-content-wrap .widget .widget-title, .review-content-wrap .sidebar-title, .review-content-wrap .top-stories-title, .review-content-wrap .main-featured-item:hover .main-featured-link, .review-content-wrap .blog-cat-main-link > a:hover { background: #1771ff; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; border-radius: 0; font-weight: initial; font-family: 'avenirmedium'; } .review-content-wrap .price-links-sidebar { background: #ffffff; } .review-content-wrap .sidebar-subtitle { font-family: 'avenirmedium'; background: #e7f1ff; color: #000000; } .review-content-wrap .where-to-buy { border: 1px solid #1771ff; background: #ffffff; } .review-content-wrap .price-links-sidebar:before { content: none; } .review-saying-title, .reviewmeter-title { font-family: 'avenirbold'; margin: 0 0 20px; padding: 0; } .review-saying-title:after, .reviewmeter-title:after { content: none; } .review-saying-see-how:after, .reviewmeter-see:after { background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAFpSURBVHgBjVMtTMNAFP7eZVk3Q4rDkBQkGAIOxRIMCgRkBoFBb4IERcYUwW0Wg0CREFIS/ECAJBNgoQ4EoqilS+jxXktJd2vLvuSSu3vve/d+viMYmDnUa9/ApiJs8dGRO63RB6GvNNofp+Sl/SnZ2E1tWxUc87aBImh0ggBtv0P+XwAhly30iLCECSAZDQPUJIiSC3nZJK/OA91t4HwXqC+PBhBfy0Ir2nPNjia8pR1mp4HrfWDvIk6xuwMc3QKPr0YgjZoKKY5kBmhcAS/vwDOvswfOaA5jkGaXotT1qMF8ScjmnUAmpZhc2LiDdeBrAFw+ZZqdUhG5vsLl2HE5eZApeHlGIWelnkDGWeI2u1xGM8tBmlcIUSeFuMmzbyzyWsjni7QVa/uOI3WyHKYqvKrZ5JAlLf8ikrLT0vZgiN5/E0kwJmWvTX61jFpeJubLCVnOZDqItEWdvwJLMvKY6GoF9/OE7tP+PwI3e/NlKv1QAAAAAElFTkSuQmCC") no-repeat center center; background-size: cover; } .review-subtitle-icon { color: #1771ff; } .review-subtitle-icon:before { background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAQCAYAAAAiYZ4HAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAJASURBVHgBTVLPaxNBFP7mx+6m2lJtmhZrGmxBooHifyAoSPEkRelVoSBSEQQ99ODNg5eKBy1FL+q9Jz2UguBBBBFR8Ue0lbaaQNMUa01Nk+zuvBlns2no2/14b3feN/PmvY9NzId5RRhmDC1rBzB7/hj7IYVZkUvL4aOtLXOXC3BEr12OnpjH2gxNzPR047H8udooR4kJh6M3oe1ODIZZIouJ3PpNH2iQYZVtUZbGhAEpaU6fkLh+JgHSu3XEu0vLvfdC4fkHQ46gqoTRRWao/H41GEh1dSC5n2Ov/a5qfCxQxC8LLovcdWuLroO5XxtBOP5gG29XQigyCC3eLIcYn62hsBGGrqfn/nr/FpvnZq6VcszFdKOGs8cPS8xOHAARMPm0iqV1g8Q+Pq853SzcSeab5xfuH8r7hElH6oX8mo/SFqH4R+F7KbCtVAuGzNUoOcptF+ypCgt2fBxLcaR7BIZ6BbJJBlVXdtVv34nHJf3I1epiJpuWo1Nj3Thik4dSElNjnTg6IEbrO2omc6OUazbv4OV33a7quJ3wnCvPpjJOLu01WxmZsi3+thbi3PRGUA/Mw0Duu8U9kllFdP7SqS5nJONBsFgGEaJ4JO3g4skOlzRdcPlOVjKjB4VA/5dCDU9eboKiSbcGxywEZ/habFhv+pjWg1ITuZESXn2u4PWnSnytljQizyyM4BCSC/J1lxzO9fZvrle5lLIlhxhsN+axIMkOMpnq7GMTC35eBXo4Fihrydq0412NR05KvvIfo0Ty+cM9+KAAAAAASUVORK5CYII=") no-repeat left center; background-size: cover; top: 1px; width: 12px; height: 16px; } .pos-and-neg-button { -webkit-border-radius: 60px; -moz-border-radius: 60px; -ms-border-radius: 60px; border-radius: 60px; } .review-positive .pos-and-neg-title { color: #39cd99; } .review-positive .pos-and-neg-button { background: #39cd99; } .review-positive .pos-and-neg-wrapper li:before { background: #39cd99; } .review-negative .pos-and-neg-title { color: #ff685d; } .review-negative .pos-and-neg-button { background: #ff685d; } .review-negative .pos-and-neg-wrapper li:before { background: #ff685d; } .reviewmeter-number { color: #000000; } .pos-and-neg-title { font-size: 48px; font-family: 'avenirbold'; } .review-pos-and-neg-item .review-positive { border-color: #bed8ff; } .reviewmeter-subtitle span { color: #1771ff; } .editor-conclusion-img > img { max-width: 85%; max-height: 85%; height: auto; width: auto; } /*Media*/ @media (max-width: 767px) { .review-post-content .review-custom-content-item { margin: 0 0 30px; } } @media only screen and (max-width: 768px) { .ggb-sr-top-content-wrap { flex-direction: column; } .ggb-sr-top-content-wrap .review-slides-content { width: 100%; } .ggb-sr-top-content-wrap .review-post-ratings-content { width: 100%; margin: 20px 0 0; padding: 20px 0 0; position: relative; } .ggb-sr-top-content-wrap .review-post-ratings-content:before { top: 0; left: 0; bottom: initial; width: initial; right: 0; height: 1px; } .review-post-content .editor-rating-banner { font-size: 22px; padding-top: 47px; } .review-post-content .slider-min #thumb-pager { max-width: 100%; width: 100%; } .review-post-content .slider-min #thumb-pager .bx-controls-direction a { height: 51px; width: 51px; } .review-post-content .post-editor-rating { margin: 0; } .review-post-content .submit-rating { margin: 20px 0 15px; } .review-post-content .review-custom-content-item { width: 100%; /*&:nth-child(even) { margin: 0 15px 0 0; }*/ } .review-post-content .review-custom-content-item .review-custom-content-title-wrap { width: 100%; max-width: 80px; } .review-post-content .review-custom-content-item .review-custom-content-inside { width: 100%; } .review-post-content .review-custom-content-item .review-custom-content-inside:last-child { font-size: 14px; } .review-post-content .review-custom-content-item h3 { font-size: 18px; } .review-post-content .review-custom-content-item-icon { display: block; } .review-post-content .review-custom-content-item-icon img { max-width: 60px; width: auto; max-height: 60px; height: auto; } .review-post-content .related-post-item { width: 100%; } .review-post-content .related-post-item:first-child:after { top: initial; width: initial; height: 1px; left: 0; } .review-post-content .related-post-item .related-details { bottom: 15px; } } .amazon-link-responsive { display: none; } @media (max-width: 767px) { .amazon-link-responsive { display: block; } .page-template-default .review-content-wrap > .main-sidebar { display: none; } } /********************************* COMMON STYLE *********************************/ * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } a, :before, :after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .clearfix:before, .clearfix:after { display: table; content: " "; } .clearfix:after { clear: both; } .clearfix .helper { display: inline-block; vertical-align: middle; height: 100%; width: 0; } html { overflow-y: initial; } body { overflow-x: hidden; } @media only screen and (max-width: 1200px) { .container { width: 100%; padding: 0 15px; } } .rc-bg-template .rc-bg-container { width: 100%; } .ggb-button { font-size: 16px; text-transform: capitalize; color: #ffffff; background: #1771ff; text-align: center; display: inline-block; -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; border-radius: 20px; border: 2px solid #1771ff; padding: 8px 40px; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; -moz-transform: translateZ(-1px); -o-transform: translateZ(-1px); -ms-transform: translateZ(-1px); -webkit-transform: translateZ(-1px); transform: translateZ(-1px); } @media only screen and (min-width: 992px) { .ggb-button:hover { color: #1771ff; background: #ffffff; } } .ggb-button:focus { border-color: #1771ff; color: #1771ff; background: #ffffff; } @media only screen and (max-width: 768px) { .ggb-button { padding: 6px 32px; font-size: 12px; } } .section-indent { margin: 0 0 100px; } @media only screen and (max-width: 768px) { .section-indent { margin: 0 0 45px; } } .ggb-section-title { color: #010c1d; font-size: 36px; font-family: 'avenirbold'; text-align: center; text-transform: capitalize; } @media only screen and (max-width: 768px) { .ggb-section-title { font-size: 20px; } } .ggb-width-3 { flex-basis: 33.3333%; width: 33.3333%; max-width: 33.3333%; } .ggb-width-2 { flex-basis: 50%; width: 50%; max-width: 50%; } /********************************* FONT ICON *********************************/ [class^="ggb-icon-"], [class*=" ggb-icon-"] { /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'ggb-font' !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; } .ggb-icon-Supplementation2:before { content: "\e91e"; } .ggb-icon-Gaining-Muscle2:before { content: "\e91d"; } .ggb-icon-Losing-Fat2:before { content: "\e91c"; } .ggb-icon-Nutrition2:before { content: "\e91b"; } .ggb-icon-Recipes2:before { content: "\e91a"; } .ggb-icon-Fitness:before { content: "\e919"; } .ggb-icon-Gym:before { content: "\e918"; } .ggb-icon-Search:before { content: "\e917"; } .ggb-icon-Calendar:before { content: "\e916"; } .ggb-icon-Recipes:before { content: "\e90d"; } .ggb-icon-Gaining-Muscle:before { content: "\e90e"; } .ggb-icon-Nutrition:before { content: "\e90f"; } .ggb-icon-Supplementation:before { content: "\e910"; } .ggb-icon-Losing-Fat:before { content: "\e912"; } .ggb-icon-Supplements:before { content: "\e911"; } .ggb-icon-Brands:before { content: "\e915"; } .ggb-icon-Other-Sports:before { content: "\e913"; } .ggb-icon-Running:before { content: "\e914"; } .ggb-icon-Crown:before { content: "\e901"; } .ggb-icon-Fb:before { content: "\e903"; } .ggb-icon-In:before { content: "\e904"; } .ggb-icon-Instagram:before { content: "\e905"; } .ggb-icon-Link:before { content: "\e906"; } .ggb-icon-Q:before { content: "\e908"; } .ggb-icon-Tw:before { content: "\e8eb"; } .ggb-icon-Youtube:before { content: "\e90b"; } .ggb-icon-Quotes:before { content: "\e909"; } .ggb-icon-Instagram2:before { content: "\e902"; } .ggb-icon-Price:before { content: "\e900"; } .ggb-icon-Crown-4-Title:before { content: "\e907"; } .ggb-icon-Shipping:before { content: "\e90a"; } .ggb-icon-Winner:before { content: "\e90c"; } .ggb-icon-Crossfit:before { content: "\e951"; } .ggb-icon-Accessories:before { content: "\e952"; } .ggb-icon-Sports-Apparel:before { content: "\e953"; } .ggb-icon-Gift-Ideas:before { content: "\e91f"; } .ggb-icon-add:before { content: "\e920"; } .cc_container { top: inherit !important; bottom: 0; } .rc-bg-top-product-fixed { box-shadow: 0px 0px 9px 0px rgba(43, 47, 50, 0.15); } .rc-bg-top-product-fixed .rc-bg-fixed-product-name .rc-bg-product-arrow { transform: translateY(-50%); } @media (max-width: 767px) { .rc-bg-top-product-wrap .rc-bg-product-image-wrap { height: 150px; } } @media (max-width: 991px) { .top-product-fixed { top: 44px; } } @media (min-width: 768px) and (max-width: 782px) { .page-template-default.buying-guide.admin-bar .rc-bg-top-product-fixed { top: 48px; } .page-template-default.buying-guide .rc-bg-top-product-fixed { top: 35px; } } @media (max-width: 767px) { .top-product-fixed { top: -65px; } .top-product-fixed.scroll-up { top: 34px; } .single-review.admin-bar .top-product-fixed.scroll-up { top: -11px; } } .single-review .site-header .price-amazon-links-sidebar { background: #fff; border-bottom: 1px solid #dfe5e8; } .single-review .site-header .price-amazon-links-sidebar .price-links-sidebar { float: initial; left: initial; width: 100%; border: none; margin: 0 auto; max-width: 1180px; color: #45454b; font-size: 18px; text-align: center; padding: 11px 0; position: relative; top: initial; justify-content: flex-start; } @media (max-width: 1200px) { .single-review .site-header .price-amazon-links-sidebar .price-links-sidebar { padding: 6px 15px 20px; justify-content: space-between; } } .single-review .site-header .price-amazon-links-sidebar .price-links-sidebar .price-link-image { max-width: fit-content; margin-right: 50px; } .single-review .site-header .price-amazon-links-sidebar .price-links-sidebar .price-link-image img { min-width: 95px; max-width: 95px; object-fit: contain; } .single-review .site-header .price-amazon-links-sidebar .price-links-sidebar .scroll-button-down-single { display: none; } @media (max-width: 767px) { .single-review .site-header .price-amazon-links-sidebar .price-links-sidebar .scroll-button-down-single { display: inline-block; } } .single-review .site-header.site-header-down .price-amazon-links-sidebar .price-links-sidebar { top: 20px; } .rc-bg-top-product-fixed .rc-bg-fixed-name { font-size: 21px; } .top-product-fixed .easyazon-link { font-size: 17px; background: #e03146; } @media (max-width: 767px) { .top-product-fixed .easyazon-link { font-size: 11px; } } .home .site, .rc-bg-top-product .site, .single-review .site { padding-top: 148px; } @media (max-width: 991px) { .home .site, .rc-bg-top-product .site, .single-review .site { padding-top: 105px; } } @media only screen and (min-width: 1171px) { .rc-bg-review-sidebar .rc-bg-container .review-content-wrap .partner-banner { float: left; width: 95%; margin-top: 20px; } } @media only screen and (max-width: 1170px) { .rc-bg-review-sidebar .rc-bg-container .review-content-wrap { flex-wrap: wrap; } .rc-bg-review-sidebar .rc-bg-container .review-content-wrap .review-sidebar { display: block; max-width: 100%; } .rc-bg-review-sidebar .rc-bg-container .review-content-wrap .bg-review-content-wrap { display: block; } .rc-bg-review-sidebar .rc-bg-container .review-content-wrap .bg-content-table-wrap, .rc-bg-review-sidebar .rc-bg-container .review-content-wrap .bg-review-table-wrap { display: none; } } .single-review .partner-banner { margin-top: -20px; } /*# sourceMappingURL=style.css.map */