/*
 Theme Name:   GeneratePress Child
 Theme URI:    https://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       Tom Usborne
 Author URI:   https://tomusborne.com
 Template:     generatepress
 Version:      0.1
*/
/* montserrat-regular - latin */
/* source-sans-pro-regular - latin */
/* source-sans-pro-regular - latin */
/* source-sans-pro-regular - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 400;
  src: local(''),
       url('https://www.barbecuelogic.com/wp-content/uploads/fonts/source-sans-pro-v14-latin-regular.woff2') format('woff2'),
       url('https://www.barbecuelogic.com/wp-content/uploads/fonts/source-sans-pro-v14-latin-regular.woff') format('woff');
}
/* source-sans-pro-700 - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 700;
  src: local(''),
       url('https://www.barbecuelogic.com/wp-content/uploads/fonts/source-sans-pro-v14-latin-700.woff2') format('woff2'),
       url('https://www.barbecuelogic.com/wp-content/uploads/fonts/source-sans-pro-v14-latin-700.woff') format('woff');
}
/* nunito-regular - latin */
@font-face {
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 400;
  src: local(''),
       url('https://www.barbecuelogic.com/wp-content/uploads/fonts/nunito-v16-latin-regular.woff2') format('woff2'),
       url('https://www.barbecuelogic.com/wp-content/uploads/fonts/nunito-v16-latin-regular.woff') format('woff');
/* nunito-700 - latin */
}
@font-face {
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 700;
  src: local(''),
       url('https://www.barbecuelogic.com/wp-content/uploads/fonts/nunito-v16-latin-700.woff2') format('woff2'),
       url('https://www.barbecuelogic.com/wp-content/uploads/fonts/nunito-v16-latin-700.woff') format('woff');
}


/*
All CSS for ACF blocks
*/

/*
ACF TOC
*/

.toc_title {
		text-align: center;
	}

#toc_container .toc_title .toc_toggle {
    font-family:Rubik,Arial,sans-serif;
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:.05em
}
#toc_container .toc_list li a,#toc_container .toc_list li li a,#toc_container .toc_title {
    color:#00334e
}
#toc_container .toc_list li a,#toc_container .toc_list li li a,#toc_container .toc_title {
    font-family:Rubik,Arial,sans-serif;
    font-weight:700;
    line-height:1.3
}
@media screen and (min-width:1056px) {
    #toc_container .toc_title,.h3 {
        font-size:2.25rem
    }
    #toc_container .toc_list li a,.h5,h5 {
        font-size:1.275rem
    }
    #toc_container .toc_list li li a {
        font-size:1.25rem
    }
    address,cite {
        font-size:1.275rem;
        line-height:150%
    }
}
@media screen and (max-width:1055px) and (min-width:671px) {
    #toc_container .toc_title, {
        font-size:1.625rem
    }
    #toc_container .toc_list li a {
        font-size:1.25rem
    }
    #toc_container .toc_list li li a {
        font-size:1.125rem
    }
    address,cite {
        font-size:1.25rem;
        line-height:150%
    }
}
@media screen and (max-width:670px) {
    #toc_container .toc_title {
        font-size:1.375rem
    }
    #toc_container .toc_list li a {
        font-size:1.125rem
    }
    #toc_container .toc_list li li a{
        font-size:1rem
    }
    address,cite {
        font-size:1rem;
        line-height:150%
    }
}
#toc_container .toc_title .toc_toggle {
    font-size:.75rem;
    color:#3d3d3d
}
#toc_container .toc_title {
    display:-webkit-box;
    display:flex;
    -webkit-box-align:center;
    align-items:center;
    -webkit-box-pack:center;
    justify-content:center;
    padding:15px 15px 5px!important;
    text-align:center
}
#toc_container .toc_title .toc_toggle {
    margin-left:15px;
    font-size:12px!important
}
#toc_container .toc_title .toc_toggle,#toc_container .toc_title .toc_toggle a {
    text-decoration:none;
    color:#ca3e1c
}
#toc_container .toc_list {
    margin-top:0!important
}
#toc_container .toc_list li:not(:last-child) {
    margin-bottom:5px
}
#toc_container .toc_list li a {
    border:none
}
#toc_container .toc_list li li a {
    color:#1d6d96
}
@media screen and (min-width:671px) {
    #toc_container .toc_list {
        padding:30px
    }
}
@media not all and (hover:none),(-ms-high-contrast:active),screen and (-ms-high-contrast:none) {
    #toc_container .toc_list li a {
        -webkit-transition:color .25s;
        transition:color .25s
    }
    #toc_container .toc_list li a:hover {
        text-decoration:none;
        color:#ca3e1c
    }
}
@media screen and (-ms-high-contrast:active),screen and (-ms-high-contrast:none) {
    #toc_container p.toc_title {
        padding-top:23px!important;
        padding-bottom:15px!important
    }
}
@media screen and (max-width:670px) {
    #toc_container .toc_list {
        padding:20px
    }
}
#toc_container li,#toc_container ul {
    margin:0;
    padding:0
}
#toc_container.no_bullets li,#toc_container.no_bullets ul,#toc_container.no_bullets ul li,.toc_widget_list.no_bullets,.toc_widget_list.no_bullets li {
    background:0 0;
    list-style:none
}
#toc_container ul ul {
    margin-left:1.5em
}
#toc_container {
    background:#f9f9f9;
    border:1px solid #aaa;
    padding:10px;
    display:table;
    font-size:95%;
    border-color:#aaa!important
}
#toc_container.toc_white {
    background:#fff
}
#toc_container p.toc_title {
    text-align:center;
    font-weight:700;
    margin:0;
    padding:0;
    padding-top:10px!important;
    padding-bottom:10px!important
}
#toc_container span.toc_toggle {
    font-weight:400;
    font-size:90%
}
#toc_container p.toc_title+ul.toc_list {
    margin-top:1em
}
#toc_container a {
    text-decoration:none;
    text-shadow:none
}
#toc_container a:hover {
    text-decoration:underline
}
#toc_container .toc_title {
    background:#fbf5ee;
    font-size:18px!important
}
@media screen and (max-width:1055px) and (min-width:671px) {
    #toc_container .toc_title {
        font-size:18px!important
    }
    #toc_container .toc_list li a,#toc_container .toc_list li li a {
        font-size:18px
    }
}
#toc_container .toc_list li a,#toc_container .toc_list li li a {
    font-weight:400
}
#toc_container .toc_list>li>ul {
    margin-left:1em;
    list-style-position:inside;
    font-weight:400
}
.toc_list {
    -webkit-column-count:2;
    -moz-column-count:2;
    -ms-column-count:2;
    -o-column-count:2;
    column-count:2;
    -webkit-column-gap:20px;
    -moz-column-gap:20px;
    -ms-column-gap:20px;
    -o-column-gap:20px;
    column-gap:20px;
    columns:2
}
.toc_list li li {
    break-inside:avoid-column
}
@media screen and (min-width:671px) {
    #toc_container .toc_list {
        padding-left:20px;
        padding-right:20px
    }
    #toc_container .toc_list li:not(:last-child) {
        margin-top:0px;
        margin-bottom:7px
    }
}
@media screen and (max-width:670px) {
    #toc_container .toc_title {
        font-size:18px!important
    }
    #toc_container .toc_list li a,#toc_container .toc_list li li a {
        font-size:16px
    }
    #toc_container .toc_list {
        padding-left:10px;
        padding-right:10px
    }
}
.acf-toc a.toc-level-2 {
    color:#1d6d96!important
}
@media screen and (min-width:1056px) {
    #toc_container .toc_list li a {
        font-size:19px
    }
}
@media screen and (min-width:1056px) {
    #toc_container .toc_list li li a {
        font-size:18px
    }
}
@media screen and (min-width:1056px) {
    .toc_list li {
        line-height:120%
    }
}
@media screen and (max-width:670px) {
    .toc_list li {
        line-height:120%
    }
}
#toc_container .toc_list>li>ul {
    margin-top: 7px
}
#toc_container .toc_list li:last-child  {
    margin-bottom: 5px;
}
@media screen and (min-width: 671px)  {
    #toc_container .toc_list li:last-child  {
        margin-bottom: 7px;
    }
}
.toc_list li a:hover  {
    text-decoration: underline !important;
    color: #ca3e1c !important;
}
img.ais350 {
    max-height: 350px
}
img.ais350 {
    display: block;
    width: auto;
    margin-left: auto;
    margin-right: auto
}
.img-fluid {
    max-width: 100%;
    height: auto
}
.carousel-item {
    position: relative;
    display: none;
    float: left;
    width: 100%;
    margin-right: -100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}
label {
    display: inline-block;
    margin-bottom: .5rem
}
.aawp .aawp-button,
.aawp-button {
    box-sizing: border-box;
    display: inline-block;
    margin: 0;
    padding: 7px 12px 6px;
    border: 1px solid #ccc !important;
    font-size: 14px;
    font-weight: 400;
    line-height: 19px;
    text-align: center;
    text-decoration: none !important;
    background-color: #fff;
    color: #333 !important
}
.aawp .aawp-button:visited,
.aawp-button:visited {
    color: #333 !important
}
.aawp-product {
    position: relative;
    margin: 0 0 30px;
    width: 100%
}
.aawp-product .aawp-product__title {
    word-wrap: break-word
}
.aawp,
.aawp *,
.aawp :after,
.aawp :before,
.aawp div,
.aawp div *,
.aawp div :after,
.aawp div :before,
.aawp span,
.aawp span *,
.aawp span :after,
.aawp span :before {
    box-sizing: border-box
}

.aawp .aawp-product--vertical {
    zoom: 1;
    padding: 25px 15px 15px;
    background: #fff;
    border: 1px solid #ececec;
    color: inherit;
    position: relative;
    display: block;
    margin: 0 0 20px;
    max-width: 100%;
    font-size: 15px;
    line-height: 1.6;
    white-space: normal;
    min-width: 100%
}

.aawp .aawp-product--vertical:after,
.aawp .aawp-product--vertical:before {
    content: " ";
    display: table
}

.aawp .aawp-product--vertical:after {
    clear: both
}

@media (max-width:480px) {
    .aawp .aawp-product--vertical {
        margin-bottom: 15px
    }
}

.aawp .aawp-product--vertical .aawp-product__image {
    display: block;
    border: none;
    box-shadow: none;
    outline: 0;
    text-decoration: none;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain
}

.aawp .aawp-product--vertical .aawp-product__image-spacer {
    display: block;
    max-width: 100%;
    height: auto;
    margin: 0 auto;
    background-color: transparent;
    box-shadow: none;
    float: none;
    opacity: 1
}

.aawp .aawp-product--vertical .aawp-product__content {
    position: relative;
    min-height: 75px
}

.aawp .aawp-product--vertical .aawp-product__title {
    display: block;
    height: 40px;
    margin-top: 10px;
    border: none;
    box-shadow: none;
    outline: 0;
    text-decoration: none;
    font-size: 16px;
    font-weight: 700;
    line-height: 20px;
    overflow: hidden;
    text-overflow: ellipsis
}

.aawp .aawp-product--vertical .aawp-product__footer {
    text-align: right
}

.aawp .aawp-product--vertical .aawp-product__footer .aawp-button {
    display: block;
    margin: 0;
    width: 100%
}

.winner {
    color: #fff;
    height: 3.5em;
    max-width: 150px;
    margin-left: auto;
    margin-right: auto;
    background-color: #7e0800;
    clip-path: polygon(0 0, 100% 0, 97% 61%, 50% 95%, 3% 61%);
    -webkit-clip-path: polygon(0 0, 100% 0, 97% 61%, 50% 95%, 3% 61%);
    border-radius: .5em;
    margin-top: -35px
}

.winner p {
    font-size: 16px !important;
    padding-top: 2px
}

.winner .star {
    font-size: 20px;
    margin-top: -8px !important
}

.aawp-product__content .aawp-product__title {
    color: #3a3a3a
}

.carousel-indicators>li.active img {
    opacity: 1;
    border: 1px solid #b87b75;
    box-shadow: 0 0 6px 3px rgba(0, 0, 0, .25)
}

#carousel-selector-0>img,
#carousel-selector-1>img,
#carousel-selector-2>img {
    max-height: 90px;
    height: 90px;
    margin: 0
}

@media screen and (max-width:580px) {
    #carousel-selector-0>img,
    #carousel-selector-1>img,
    #carousel-selector-2>img {
        max-height: 65px;
        height: 65px;
        margin: 0
    }
}

.carousel-indicators>li img {
    border: 1px solid #ffc9c5;
    opacity: .5
}

.img-fluid.ais350 {
    max-height: 100%;
    max-width: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    padding: 5px !important
}

.carousel-item .img-fluid.ais350 {
    padding: 20px !important
}

.carousel-item {
    height: 350px;
    position: relative
}

.aawp-product__image--link.aawp-product__image:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: -moz-linear-gradient(to right, rgba(16, 17, 18, .12) 0, rgba(16, 17, 18, 0) 20%, rgba(16, 17, 18, 0) 80%, rgba(16, 17, 18, .12) 100%, rgba(16, 17, 18, 0) 100%);
    background: -webkit-linear-gradient(to right, rgba(16, 17, 18, .1) 0, rgba(16, 17, 18, 0) 20%, rgba(16, 17, 18, 0) 80%, rgba(16, 17, 18, .1) 100%, rgba(16, 17, 18, 0) 100%);
    background: linear-gradient(to right, rgba(16, 17, 18, .1) 0, rgba(16, 17, 18, 0) 20%, rgba(16, 17, 18, 0) 80%, rgba(16, 17, 18, .1) 100%, rgba(16, 17, 18, 0) 100%);
    z-index: 1
}

label.prev:before {
    background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M3.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E") center/contain no-repeat
}

label.next:before {
    background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M4.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E") center/contain no-repeat
}

label.next:before,
label.prev:before {
    content: "";
    position: absolute;
    left: 10px;
    top: 0;
    bottom: 0;
    width: 40px;
    height: 40px;
    background-color: #7e0800;
    background-size: 70% 70%;
    border-radius: 50px;
    margin-left: -13px
}

.slidebutton {
    text-align: center
}

.aawp-button {
    font-size: 20px !important;
    background-color: #ca3e1c !important;
    display: inline-block !important;
    border: none !important;
    text-align: center !important;
    color: #fff !important;
    padding: 12px 12px !important;
    border-radius: .25rem !important;
    box-shadow: 0 3px 10px 0 rgba(202, 62, 28, .5);
    margin-right: auto !important;
    margin-left: auto !important
}

.aawp .aawp-button:visited,
.aawp-button:visited {
    color: #fff !important
}

.aawp .aawp-product--vertical .aawp-product__footer .aawp-button {
    font-weight: 400;
    margin-left: auto;
    margin-right: auto;
    max-width: 190px;
    padding: 8px !important
}

.aawp span {
    font-size: 19px
}

.aawp .aawp-button,
.aawp-button,
.aawp-button--buy {
    color: #fff !important;
    border: none !important
}

.slides {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 rgba(0, 0, 0, .19);
    text-align: center;
    margin-bottom: 50px;
    background-color: #fff;
    margin-left: auto !important;
    margin-right: auto !important
}

ul.slides {
    margin-bottom: 40px
}

@media screen and (min-width:769px) {
    ul.slides {
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        margin-bottom: 40px !important
    }
    ul.slides li {
        display: inline-block;
        width: 33.3%;
        margin: -3px;
        padding: 0;
        text-align: center
    }
    .slides .nav {
        display: none
    }
    .slides input[type=radio],
    .slides input[type=radio]:checked {
        display: none
    }
    .aawp .aawp-product--vertical {
        border-bottom: none;
        margin-bottom: 0
    }
    .slide1 .aawp .aawp-product--vertical {
        border-left: none
    }
    .slide3 .aawp .aawp-product--vertical {
        border-right: none
    }
}

li.nav-dots {
    margin-left: 0 !important
}

.aawp-product__image {
    margin-top: 20px
}

@media screen and (max-width:768px) {
    .slides {
        padding: 0;
        width: 90%;
        max-width: 400px;
        display: block;
        margin: 0 auto;
        position: relative;
        margin-bottom: 40px
    }
    .slides * {
        -webkit-touch-callout: none
    }
    .slides input {
        display: none
    }
    .slide-container {
        display: block
    }
    .slide.slide1,
    .slide.slide2,
    .slide.slide3 {
        top: 0;
        opacity: 0;
        width: 100%;
        display: block;
        position: absolute;
        transform: scale(0)
    }
    .prev {
        right: -15px
    }
    .next {
        left: -10px !important
    }
    .nav label {
        width: 40px;
        height: 40px;
        border-radius: 100px;
        display: none;
        position: absolute;
        top: 175px;
        opacity: 0;
        z-index: 9;
        color: #7e0800;
        font-size: 55px;
        font-weight: 700;
        text-align: center;
        line-height: 27px;
        font-family: "Varela Round", sans- serif;
        opacity: .8
    }
    .nav .next {
        right: 0
    }
    input:checked+.slide-container .slide {
        opacity: 1;
        transform: scale(1)
    }
    input:checked+.slide-container .nav label {
        display: block
    }
    .nav-dots {
        width: 100%;
        bottom: 9px;
        height: 11px;
        display: block;
        position: absolute;
        text-align: center
    }
    .nav-dots .nav-dot {
        top: -5px;
        width: 11px;
        height: 11px;
        margin: 0 4px;
        position: relative;
        border-radius: 100%;
        display: inline-block;
        background-color: #999
    }
    input#img-1:checked~.nav-dots label#img-dot-1 {
        background: #7e0800
    }
    .aawp .aawp-product--vertical {
        border: none
    }
}

.aawp .aawp-product--vertical {
    zoom: 1;
    background: #fff;
    color: inherit;
    position: relative;
    display: block;
    margin: 0 0 20px;
    max-width: 100%;
    font-size: 15px;
    line-height: 1.6;
    white-space: normal;
    min-width: 100%;
    padding: 20px 15px 15px 20px
}

.aawp .aawp-product--vertical .aawp-product__image-spacer {
    margin-top: 25px;
    margin-bottom: 25px
}

.aawp .aawp-product--vertical .aawp-product__title {
    font-size: 18px;
    margin-top: 35px
}

.credit {
    font-size: .8em !important;
    height: 1.5em;
    text-align: center;
    font-style: italic;
    margin-top: -18px !important;
    margin-bottom: 0 !important
}

p.credit {
    width: 100%;
    position: absolute;
    bottom: 0
}

@media screen and (max-width:768px) {
    .slides .slide-container {
        margin: 10px 0 5px 0
    }
}

.aawp .aawp-product--vertical {
    padding: 20px 15px 15px 15px;
    border: none
}

.aawp {
    margin: 10px
}

.slide.slide2,
.slide.slide3 {
    border-left: 1px solid #dfdfdf
}

@media screen and (min-width:1160px) {
    .aawp-product__image--link.aawp-product__image:before {
        height: 275px
    }
}

@media screen and (min-width:1111px) and (max-width:1160px) {
    .aawp-product__image--link.aawp-product__image:before {
        height: 255px
    }
}

@media screen and (min-width:1056px) and (max-width:1110px) {
    .aawp-product__image--link.aawp-product__image:before {
        height: 240px
    }
}

@media screen and (min-width:1024px) and (max-width:1055px) {
    .aawp-product__image--link.aawp-product__image:before {
        height: 230px
    }
}

@media screen and (min-width:769px) and (max-width:1023px) {
    .aawp-product__image--link.aawp-product__image:before {
        height: 275px
    }
}

@media screen and (min-width:360px) and (max-width:768px) {
    .aawp-product__image--link.aawp-product__image:before {
        height: 325px
    }
    .img-fluid.ais350 {
        max-height: 342px
    }
    .slides {
        height: 600px
    }
}

@media screen and (max-width:359px) {
    .aawp-product__image--link.aawp-product__image:before {
        height: 270px
    }
    .slides {
        height: 560px
    }
}

@media screen and (max-width:768px) {
    .slide .aawp {
        padding-left: 25px;
        padding-right: 25px
    }
}

@media screen and (min-width:360px) and (max-width:400px) {
    .aawp .aawp-product--vertical .aawp-product__title {
        display: block;
        height: 80px;
        margin-bottom: 20px
    }
    .aawp .aawp-product--vertical .aawp-product__image-spacer {
        margin-top: 25px;
        margin-bottom: 50px;
        height: 170px
    }
    .aawp-product__image--link.aawp-product__image:before {
        height: 270px
    }
}

@media screen and (max-width:360px) {
    .aawp .aawp-product--vertical .aawp-product__image-spacer {
        margin-top: 25px;
        margin-bottom: 45px
    }
    .aawp .aawp-product--vertical .aawp-product__title {
        height: 80px;
        margin-bottom: 20px
    }
}

@media screen and (max-width:581px) {
    .img-fluid.ais350 {
        max-height: 350px
    }
}

.star-rating {
    margin-top: -15px;
    margin-bottom: 20px
}

.star-rating i {
    font-size: 18px;
    width: 22px;
    color: #7e0800
}

.prating {
    font-size: 15px !important;
    color: #5d5d5d;
    margin-top: 5px;
    margin-bottom: -20px !important
}

.aawp .aawp-product--vertical {
    padding-bottom: 0 !important
}

.prodjump {
    margin-top: 10px;
    margin-bottom: 15px
}


@media screen and (max-width:768px) and (min-width:360px) {
    .slides {
        height: 640px
    }
}

@media screen and (max-width:400px) {
    .slides {
        height: 600px
    }
}

@media screen and (max-width:359px) {
    .slides {
        height: 600px
    }
}

img.ais200,
img.ais250,
img.ais300,
img.ais400,
img.ais450,
img.ais500 {
    display: block;
    width: auto;
    margin-left: auto;
    margin-right: auto
}

.carousel {
    position: relative
}

.carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden
}

.carousel-inner::after {
    display: block;
    clear: both;
    content: ""
}

.carousel-item {
    transition: -webkit-transform .6s ease-in-out;
    transition: transform .6s ease-in-out;
    transition: transform .6s ease-in-out, -webkit-transform .6s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .carousel-item {
        transition: none
    }
}

.carousel-item.active {
    display: block
}

.carousel-control-next,
.carousel-control-prev {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 1;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 15%;
    color: #fff;
    text-align: center;
    opacity: .6;
    transition: opacity .15s ease
}

@media (prefers-reduced-motion:reduce) {
    .carousel-control-next,
    .carousel-control-prev {
        transition: none
    }
}

.carousel-control-next:focus,
.carousel-control-next:hover,
.carousel-control-prev:focus,
.carousel-control-prev:hover {
    color: #fff;
    text-decoration: none;
    outline: 0;
    opacity: 1
}

.carousel-control-prev {
    left: 0
}

.carousel-control-next {
    right: 0
}

.carousel-control-next-icon,
.carousel-control-prev-icon {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: no-repeat 50%/100% 100%
}

.carousel-control-prev-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e")
}

.carousel-control-next-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e")
}

.carousel-indicators {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 15;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    padding-left: 0;
    margin-right: 15%;
    margin-left: 15%;
    list-style: none
}

.carousel-indicators li {
    box-sizing: content-box;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    width: 30px;
    height: 3px;
    margin-right: 3px;
    margin-left: 3px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #fff;
    background-clip: padding-box;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    opacity: .5;
    transition: opacity .6s ease
}

@media (prefers-reduced-motion:reduce) {
    .carousel-indicators li {
        transition: none
    }
}

.carousel-indicators .active {
    opacity: 1
}

.justify-content-center {
    -ms-flex-pack: center !important;
    justify-content: center !important
}

.align-items-center {
    -ms-flex-align: center !important;
    align-items: center !important
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0
}

.py-2 {
    padding-top: .5rem !important
}

.px-2 {
    padding-right: .5rem !important
}

.py-2 {
    padding-bottom: .5rem !important
}

.px-2 {
    padding-left: .5rem !important
}

.mx-auto {
    margin-right: auto !important
}

.mx-auto {
    margin-left: auto !important
}

.row:after,
.row:before {
    display: none
}

.row:after,
.row:before {
    display: none
}

.aawp .aawp-button,
.aawp-button {
    cursor: pointer
}

.aawp .aawp-button:hover,
.aawp-button:hover {
    text-decoration: none !important
}

.aawp .aawp-button:active,
.aawp .aawp-button:focus,
.aawp-button:active,
.aawp-button:focus {
    box-shadow: none;
    text-decoration: none !important;
    outline: 0
}

.aawp .aawp-button:focus,
.aawp .aawp-button:hover,
.aawp-button:focus,
.aawp-button:hover {
    border: 1px solid #ccc !important;
    color: #333 !important;
    background-color: #fafafa
}

.aawp-product__ribbon {
    padding: 0 20px;
    font-weight: 400;
    font-size: 12px;
    line-height: 20px;
    text-transform: uppercase
}

.aawp-product__ribbon--sale {
    background: #27ae60;
    border-bottom-left-radius: 2px;
    color: #fff
}

.aawp .aawp-product--horizontal {
    zoom: 1;
    display: block;
    max-width: 100%;
    padding: 20px;
    background: #fff;
    border: 1px solid #ececec;
    font-size: 15px;
    line-height: 1.6;
    white-space: normal
}

.aawp .aawp-product--horizontal:after,
.aawp .aawp-product--horizontal:before {
    content: " ";
    display: table
}

.aawp .aawp-product--horizontal:after {
    clear: both
}

.aawp .aawp-product--horizontal.aawp-product--ribbon {
    padding-top: 35px
}

@media (min-width:769px) {
    .aawp .aawp-product--horizontal.aawp-product--css-adjust-image-large .aawp-product__thumb {
        width: 250px
    }
    .aawp .aawp-product--horizontal.aawp-product--css-adjust-image-large .aawp-product__content {
        margin-left: 250px;
        padding-left: 40px
    }
}

.aawp .aawp-product--horizontal .aawp-product__thumb {
    float: left;
    width: 160px
}

@media (max-width:768px) {
    .aawp .aawp-product--horizontal .aawp-product__thumb {
        float: none;
        width: 100%
    }
}

.aawp .aawp-product--horizontal .aawp-product__image {
    display: block;
    height: auto;
    margin: 0 auto 15px;
    max-height: 200px;
    max-width: 100%;
    width: auto;
    border: none;
    box-shadow: none
}

.aawp .aawp-product--horizontal .aawp-product__content {
    margin-left: 160px;
    padding-left: 20px
}

@media (max-width:768px) {
    .aawp .aawp-product--horizontal .aawp-product__content {
        margin: 0;
        padding: 0
    }
}

.aawp .aawp-product--horizontal .aawp-product__title {
    display: block;
    margin: 0 0 15px;
    font-size: 18px;
    font-weight: 700
}

@media (max-width:480px) {
    .aawp .aawp-product--horizontal .aawp-product__title {
        margin-bottom: 5px;
        font-size: 16px
    }
    .aawp .aawp-product--horizontal .aawp-product__description {
        display: none
    }
}

.aawp .aawp-product--horizontal .aawp-product__description {
    margin: 0
}

.aawp .aawp-product--horizontal .aawp-product__description>ul {
    margin: 0 0 5px;
    padding: 0 0 0 20px;
    list-style-type: disc;
    list-style-position: outside !important
}

.aawp .aawp-product--horizontal .aawp-product__description>ul li {
    margin: 0;
    padding: 0;
    background: 0 0;
    word-wrap: break-word
}

.aawp .aawp-product--horizontal .aawp-product__footer {
    text-align: right;
    margin-left: 160px;
    padding-left: 20px
}

@media (max-width:768px) {
    .aawp .aawp-product--horizontal .aawp-product__footer {
        margin: 0;
        padding: 0
    }
}

.aawp .aawp-product--horizontal .aawp-product__pricing {
    display: block;
    margin-bottom: 5px
}

.aawp .aawp-product--horizontal .aawp-product__pricing .aawp-product__price--current:empty,
.aawp .aawp-product--horizontal .aawp-product__pricing .aawp-product__price--old:empty,
.aawp .aawp-product--horizontal .aawp-product__pricing .aawp-product__price:empty,
.aawp .aawp-product--horizontal .aawp-product__pricing:empty {
    display: none;
    margin: 0
}

.aawp .aawp-product--horizontal .aawp-product__pricing span+span {
    margin-left: 15px
}

.aawp .aawp-product--horizontal .aawp-product__pricing span+span.aawp-check-premium,
.aawp .aawp-product--horizontal .aawp-product__pricing span+span.aawp-check-prime {
    margin-left: 5px
}

.aawp .aawp-product--horizontal .aawp-product__price {
    display: inline-block;
    line-height: 34px;
    vertical-align: middle
}

.aawp .aawp-product--horizontal .aawp-product__price--old {
    font-size: 14px;
    text-decoration: line-through;
    color: #666
}

.aawp .aawp-product--horizontal .aawp-product__price--current {
    font-size: 20px;
    font-weight: 700
}

@media (max-width:480px) {
    .aawp .aawp-product--horizontal .aawp-product__pricing {
        margin-bottom: 0
    }
    .aawp .aawp-product--horizontal .aawp-product__price--current {
        font-size: 16px
    }
}

.aawp .aawp-product--horizontal .aawp-product__price--saved {
    border-radius: 2px;
    background: rgba(39, 174, 96, .8);
    padding: 4px 6px;
    color: #fff;
    font-size: 12px;
    line-height: 12px;
    margin-top: 11px;
    margin-bottom: 11px
}

.aawp .aawp-product--horizontal .aawp-product__ribbon {
    position: absolute;
    padding: 0 15px
}

.aawp .aawp-product--horizontal .aawp-product__ribbon--sale {
    top: -1px;
    right: -1px
}

.aawp .aawp-check-prime,
.aawp-check-prime {
    display: inline-block;
    width: 55px;
    height: 16px;
    background-image: url(../img/icon-check-prime.png);
    vertical-align: middle
}

@media (-webkit-min-device-pixel-ratio:2),
(min-resolution:192dpi) {
    .aawp .aawp-check-prime,
    .aawp-check-prime {
        background-image: url(../img/icon-check-prime@2x.png);
        background-size: 55px 16px
    }
}

.aawp-grid,
.aawp-grid .opera-only :-o-prefocus {
    word-spacing: -.43em
}

.aawp .aawp-product--vertical .aawp-product__image:active,
.aawp .aawp-product--vertical .aawp-product__image:focus,
.aawp .aawp-product--vertical .aawp-product__image:hover {
    border: none;
    box-shadow: none;
    outline: 0;
    text-decoration: none
}

.aawp-product__content .aawp-product__title:hover {
    color: #ca3e1c
}

.mypb {
    margin-bottom: 50px
}

.product-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-top: 10px !important
}

.product-column {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 240px;
    flex: 1 0 240px
}

.product-column.list {
    margin: 20px 20px 0 10px
}

.mypb .product-column.img {
    max-width: 35%;
    margin: 20px 10px 0 20px
}

@media screen and (max-width:768px) {
    .mypb .product-column.img {
        max-width: 25%;
        margin: 20px 10px 0 20px
    }
}

.product-column .aawp-product__image {
    display: block;
    max-height: 300px;
    margin-left: auto;
    margin-right: auto
}

.mypb-disc {
    margin: 20px;
    font-size: .7em !important;
    font-style: italic;
    display: none
}

.mypb-title {
    color: #00334e Important;
    font-weight: 700 !important
}

@media screen and (max-width:581px) {
    .product-column.img {
        max-width: 70%;
        margin-left: auto;
        margin-right: auto
    }
}

.prodlist {
    color: #00334e;
    font-family: Rubik, Arial, sans-serif;
    font-weight: 700;
    font-size: 22px
}

.prodgroup {
    margin-bottom: 54px !important;
    margin-top: 54px !important;
    box-shadow: rgba(23, 43, 99, .18) 0 2px 14px
}

.wp-block-group__inner-container {
    padding: 0 30px 30px 30px
}

.hcredit {
    margin-top: -13px !important;
    margin-bottom: 0;
    font-size: .8em !important;
    height: 1.5em;
    text-align: center;
    font-style: italic
}

@media screen and (max-width:768px) {
    .product-column ol,
    .product-column ul {
        margin: 0 0 1.5em 1em
    }
}

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

#myCarousel .list-inline,
#myCarousel1 .list-inline,
#myCarousel10 .list-inline,
#myCarousel11 .list-inline,
#myCarousel12 .list-inline,
#myCarousel13 .list-inline,
#myCarousel14 .list-inline,
#myCarousel15 .list-inline,
#myCarousel16 .list-inline,
#myCarousel17 .list-inline,
#myCarousel18 .list-inline,
#myCarousel19 .list-inline,
#myCarousel2 .list-inline,
#myCarousel20 .list-inline,
#myCarousel3 .list-inline,
#myCarousel4 .list-inline,
#myCarousel5 .list-inline,
#myCarousel6 .list-inline,
#myCarousel7 .list-inline,
#myCarousel8 .list-inline,
#myCarousel9 .list-inline {
    white-space: nowrap
}

.carousel-control-next,
.carousel-control-next-icon,
.carousel-control-prev,
.carousel-control-prev-icon {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent
}

.carousel-indicators {
    position: static;
    left: initial;
    width: initial;
    margin-left: initial
}

.carousel-indicators>li {
    width: initial;
    height: initial;
    text-indent: initial;
    cursor: pointer
}

.carousel-indicators>li.active img {
    cursor: default
}

.border {
    border: none !important
}

@media (min-width:992px) {
    .offset-lg-2 {
        margin-left: 0
    }
}

@media (min-width:992px) {
    .col-lg-8 {
        flex: 0 0 100%;
        max-width: 100%
    }
}

.container {
    max-width: 100%;
    width: 100% !important;
    padding-right: 0 !important;
    padding-left: 0 !important
}

#carousel-selector-0>img,
#carousel-selector-1>img,
#carousel-selector-2>img,
#carousel-selector-3>img,
#carousel-selector-4>img {
    max-height: 90px;
    height: 90px;
    margin: 0
}

@media screen and (max-width:580px) {
    #carousel-selector-0>img,
    #carousel-selector-1>img,
    #carousel-selector-2>img,
    #carousel-selector-3>img,
    #carousel-selector-4>img {
        max-height: 65px;
        height: 65px;
        margin: 0
    }
}

.carousel-control-next-icon,
.carousel-control-prev-icon {
    background-color: #000
}

.carousel-control-next,
.carousel-control-prev {
    width: 40px
}

.mypb-outer {
    display: block
}

.mypb-inner {
    position: relative;
    width: 100%;
    overflow: hidden
}

.carousel-inner:before,
.mypb-inner:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: -moz-linear-gradient(to right, rgba(16, 17, 18, .12) 0, rgba(16, 17, 18, 0) 20%, rgba(16, 17, 18, 0) 80%, rgba(16, 17, 18, .12) 100%, rgba(16, 17, 18, 0) 100%);
    background: -webkit-linear-gradient(to right, rgba(16, 17, 18, .1) 0, rgba(16, 17, 18, 0) 20%, rgba(16, 17, 18, 0) 80%, rgba(16, 17, 18, .1) 100%, rgba(16, 17, 18, 0) 100%);
    background: linear-gradient(to right, rgba(16, 17, 18, .1) 0, rgba(16, 17, 18, 0) 20%, rgba(16, 17, 18, 0) 80%, rgba(16, 17, 18, .1) 100%, rgba(16, 17, 18, 0) 100%);
    z-index: 1;
    pointer-events: none
}

#carousel-selector-0,
#carousel-selector-1,
#carousel-selector-2,
#carousel-selector-3,
#carousel-selector-4,
#carousel-selector-5 .txt-styles li a,
.txt-styles p a {
    border-bottom: none
}

.carousel {
    position: relative;
    margin-bottom: 25px
}

#myCarousel10>ul>li,
#myCarousel11>ul>li,
#myCarousel12>ul>li,
#myCarousel13>ul>li,
#myCarousel14>ul>li,
#myCarousel15>ul>li,
#myCarousel16>ul>li,
#myCarousel17>ul>li,
#myCarousel18>ul>li,
#myCarousel19>ul>li,
#myCarousel1>ul>li,
#myCarousel20>ul>li,
#myCarousel2>ul>li,
#myCarousel3>ul>li,
#myCarousel4>ul>li,
#myCarousel5>ul>li,
#myCarousel6>ul>li,
#myCarousel7>ul>li,
#myCarousel8>ul>li,
#myCarousel9>ul>li,
#myCarousel>ul>li {
    margin: 10px 5px 5px 5px
}

.carousel-control-next-icon,
.carousel-control-prev-icon {
    background-color: #7e0800
}

.prod-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 0
}
















































































































































































































































































.prod-badge {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-width: 220px;
    line-height: 40px;
    text-align: center;
    margin-top: -5px;
    margin-bottom: 20px;
    margin-top: -37px;
    height: 55px;
    padding-bottom: 15px;
    font-size: 15px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #fff
}

.prod-title-outer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    margin-bottom: 15px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center
}

.prod-title-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    clear: both;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-align: center;
    align-items: center
}

.comparison-table {
    margin-top: 40px !important;
    margin-bottom: 20px
}

.carousel-control-next-icon,
.carousel-control-prev-icon {
    width: 40px;
    height: 40px;
    background-size: 70% 70%;
    border-radius: 50px
}

.mypb .aawp-product__image {
    margin-top: 0;
    max-height: 300px;
    padding-bottom: 20px
}

.mypb {
    margin-bottom: 20px
}

.mypb .hproduct-column li,
.mypb .product-column li {
    font-size: 18px;
    color: #000;
    margin-top: .7em
}

.abtn,
.mypb-btn {
    text-align: center
}

.aawp-button,
.abtn a,
.mypb-btn a {
    font-size: 20px !important;
    background-color: #ca3e1c !important;
    display: inline-block !important;
    cursor: pointer !important;
    border: none !important;
    text-align: center !important;
    color: #fff !important;
    padding: 12px 12px !important;
    border-radius: .25rem !important;
    box-shadow: 0 2px 8px 0 rgba(202, 62, 28, .5);
    margin-right: auto !important;
    margin-left: auto !important
}

.abtn {
    margin-bottom: 60px;
    margin-top: 50px !important
}

.mypb-btn {
    margin: 0 10px 0 10px !important
}

.abtn a {
    color: #fff !important
}

.aawp-button.aawp-button--buy:hover,
.abtn a:hover {
    text-decoration: none !important;
    border: none !important
}

.aawp-button--buy,
.abtn a,
.mypb-btn a {
    transition: .4s
}

.aawp-button--buy:hover,
.abtn a:hover,
.mypb-btn a:hover {
    background-color: #7e0800 !important;
    color: #fff;
    border-style: none !important;
    box-shadow: 0 2px 8px 0 rgba(126, 8, 0, .5);
    border: none !important
}

.aawp .aawp-button:focus,
.aawp .aawp-button:hover,
.aawp-button:focus,
.aawp-button:hover {
    color: #fff !important;
    border: none !important
}

.mypb .hproduct-column.img {
    margin: 20px 10px 0 20px
}

@media screen and (min-width:589px) and (max-width:768px) {
    .mypb .hproduct-column.img {
        max-width: 35%
    }
}

@media screen and (min-width:589px) {
    .mypb .hproduct-column.img {
        width: 45%;
        margin-left: auto;
        margin-right: auto;
        text-align: center
    }
}

@media screen and (max-width:588px) {
    .mypb .hproduct-column.img {
        max-width: 75%;
        margin-left: auto;
        margin-right: auto
    }
}

@media screen and (max-width:670px) {
    .mypb .horizontal.product-column li {
        font-size: 16px
    }
}

.horizontal a.aawp-button.aawp-button--buy {
    margin-top: 20px;
    margin-bottom: 20px
}

.mypb-outer {
    display: block;
    margin-left: -40px;
    margin-right: -40px
}

@media screen and (max-width:768px) {
    .slides * {
        user-select: none;
        -ms-user-select: none;
        -moz-user-select: none;
        -khtml-user-select: none;
        -webkit-user-select: none
    }
    .slide.slide1,
    .slide.slide2,
    .slide.slide3 {
        transition: all .7s ease-in-out
    }
    #3pb-slides .slide img {
        width: 100%;
        height: 100%
    }
    .nav label {
        cursor: pointer;
        transition: opacity .2s
    }
    .slide:hover+.nav label {
        opacity: .8
    }
    .nav label:hover {
        opacity: 1
    }
    input:checked+.slide-container .slide {
        transition: opacity 1s ease-in-out
    }
    .nav-dots .nav-dot:hover {
        cursor: pointer;
        background-color: rgba(0, 0, 0, .8)
    }
    input#img-2:checked~.nav-dots label#img-dot-2,
    input#img-3:checked~.nav-dots label#img-dot-3,
    input#img-4:checked~.nav-dots label#img-dot-4,
    input#img-5:checked~.nav-dots label#img-dot-5,
    input#img-6:checked~.nav-dots label#img-dot-6 {
        background: #7e0800
    }
}

@media screen and (min-width:769px) {
    .carousel-inner {
        height: 350px !important
    }
}

@media screen and (min-width:360px) and (max-width:768px) {
    .carousel-inner {
        height: 350px !important
    }
}

@media screen and (max-width:581px) {
    .carousel-inner {
        max-height: 350px
    }
}

.prod-title-number {
    font-size: 24px;
    color: #fff;
    font-weight: 700;
    margin-right: 25px;
    border-radius: 50%;
    min-width: 39px;
    min-height: 39px;
    max-width: 39px;
    max-height: 39px;
    padding: 6px;
    background-color: #7e0800;
    text-align: center
}

.prod-title-text {
    margin: 0 !important
}

@media screen and (max-width:550px) {
    .wp-block-group__inner-container {
        padding: 0 20px 20px 20px
    }
    .prod-title-outer {
        margin-left: -10px
    }
    .carousel {
        margin-right: -20px !important;
        margin-left: -20px !important
    }
}

@media screen and (max-width:670px) {
    .prod-title-number {
        font-size: 22px;
        margin-right: 15px;
        min-width: 35px;
        min-height: 35px;
        max-width: 35px;
        max-height: 35px
    }
}

@media screen and (max-width:587px) {
    .product-box {
        flex-direction: column
    }
}

.abtn a:hover,
a.aawp-button.aawp-button--buy:hover,
a.mybtn1:hover {
    text-decoration: none !important;
    color: #fff !important
}

.slide .aawp a:hover {
    text-decoration: none !important
}

.aawp-product__content .aawp-product__title:hover {
    color: #ff4e00;
    text-decoration: underline
}

.single-roundup-image .carousel {
    position: relative;
    margin-right: 0px !important;
    margin-left: 0px !important;
}

@media screen and (min-width: 769px) {.single-roundup-image .carousel-inner{height: 450px!important;}.single-roundup-image .carousel-item {height: 450px !important;}}

.comparison-table {
    margin-top: 40px !important;
    margin-bottom: 20px
}
.comparison-table {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 50px
}
.comparison-column {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 240px;
    flex: 1 0 240px
}
.comparison-column.pro h4 {
    background-color: #7e0800
}
.comparison-column.con h4 {
    background-color: #7e0800
}
.comparison-column.pro h4 {
    text-align: center;
    color: #fff
}
.comparison-column.con h4 {
    text-align: center;
    color: #fff
}
.comparison-column h4 {
    color: #fff;
    padding: 2%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-left: 1%;
    margin-right: 1%
}
.comparison-column ul {
    margin-left: 1em
}
.comparison-column li {
    list-style-type: none;
    font-size: 18px;
    margin-top: .7em
}
@media screen and (max-width:670px) {
    .comparison-column li {
        font-size: 16px !important;
        margin-left: 0 !important
    }
}
.comparison-column.pro li:before {
    content: "\f00c";
    color: #43bd7c;
    margin-right: 10px;
    font-family: FontAwesome
}
.comparison-column.con li:before {
    content: "\f00d";
    color: #d36256;
    margin-right: 10px;
    font-family: FontAwesome
}
.mycons,
.mypros {
    margin-top: 10px !important
}
.prod-title-number {
    padding-top: 0px !important;
}

.roundupflex-container {
    display: flex;
    justify-content: center; 
    align-items: flex-start; 
    /* flex-flow: row nowrap; */ 
    flex-direction: row; 
    flex-wrap: nowrap; 
    align-content: flex-start;
    height: 100%;
    padding: 15px;
    gap: 10px;
  }

.roundupflex-container > div{
    background-color: #CA3E1C;
    border-color: transparent;
    border: 3px transparent;
    padding: 8px;
  }

.roundupitem1, .roundupitem2, .roundupitem3 { 
    height: 55px;
    width: 225px;
    flex:1 1 auto;
    flex-grow:0;
    align-self:flex-start;
  }


.roundupcarouselbtn {
  text-align: center;
  height: 55px;
  width: 225px;
  line-height: 1.2;
  border-radius: 5px;
  padding: 10px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  background-color: #CA3E1C;
  --padding-x: 1.2em;
  font-size: 18px;
  color: white !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  box-shadow: 0 2px 8px 0 rgb(202 62 28 / 50%);
}
.roundupcarouselbtn:hover {
	background-color: #7E0800;
	box-shadow: 0 2px 8px 0 rgb(126 8 0 / 50%);
}

a.roundupbtntext {
	font-family: Rubik,Arial,sans-serif;
	font-weight: 700;
    color: #fff;
    text-decoration: none !important
}

.myacf-wysiwyg p {
    width: 100%;
    position: absolute;
    bottom: 0;
    font-size: 1.1em!important;
    height: 1.5em;
    text-align: center;
    font-style: italic;
    margin-top: -18px!important;
    margin-bottom: 0!important;
}

@media (max-width:778px) {
    .roundupflex-container {
        justify-content: flex-start;
        align-items: center;
        flex-flow: column nowrap;
        flex-direction: column;
        align-content: center
    }
    .roundupitem1,
    .roundupitem2,
    .roundupitem3 {
        flex: 0 1 auto;
        flex-grow: 0;
        align-self: center
	    height: 50px;
        width: 300px;
    }
	.roundupcarouselbtn {
		height: 50px;
		width: 300px;
	}
}

@media screen and (max-width: 1160px) and (min-width: 1024px) {
.roundupflex-container {
    justify-content: flex-start;
    align-items: center;
    flex-flow: column nowrap;
    flex-direction: column;
    align-content: center;
	}
    .roundupitem1, .roundupitem2, .roundupitem3 {
        flex: 0 1 auto;
        flex-grow: 0;
        align-self: center
	    height: 50px;
        width: 300px;
    }
	.roundupcarouselbtn {
		height: 50px;
		width: 300px;
	}
}

li.list-inline-item {
    margin: 10px 5px 5px 5px !important;
}

.roundupflex-container .red {
    background-color: #ffffff;
}
.red .roundupcarouselbtn {
  background-color: #7E0800;
  box-shadow: 0 2px 8px 0 rgb(126 8 0 / 50%);
}
.red .roundupcarouselbtn:hover {
	background-color: #CA3E1C;
	box-shadow: 0 2px 8px 0 rgb(202 62 28 / 50%);
}
	
.red-outline .roundupcarouselbtn {
    border: 3px solid #7E0800 !important;
	box-shadow: 0 2px 8px 0 rgb(126 8 0 / 50%);
}
.red-outline .roundupcarouselbtn {
  background-color: #ffffff;
  color: #7E0800 !important;
}
.red-outline .roundupcarouselbtn:hover {
	background-color: #7E0800;
	color: #ffffff !important;
	box-shadow: 0 2px 8px 0 rgb(126 8 0 / 50%);
	}
.red-outline  a.roundupbtntext {
  color: #7E0800;
}

.orange-outline .roundupcarouselbtn {
    border: 3px solid #CA3E1C !important;
	box-shadow: 0 2px 8px 0 rgb(202 62 28 / 50%);
}
.orange-outline  .roundupcarouselbtn {
  background-color: #ffffff;
  color: #CA3E1C !important;
}
.orange-outline  .roundupcarouselbtn:hover {
	background-color: #CA3E1C;
	color: #ffffff !important;
	box-shadow: 0 2px 8px 0 rgb(202 62 28 / 50%);
	}
.orange-outline  a.roundupbtntext {
  color: #CA3E1C;
}

.myacf-wysiwyg figcaption {
    padding: 0px;
    background: none;
}


.rating-box {
	box-sizing: border-box;
}
	
.cg-box-layout-review {
    margin-bottom: 20px;
}
.cg-red {
    --cg-theme-color: #7E0800;
}
.cg-review-box {
    border: 3px solid #7E0800;
    padding: 40px 20px 10px 20px;
    margin-top: 45px;
    margin-bottom: 15px;
    position: relative;
    border-radius: 14px;
}
.cg-review-box .cg-tbl-rate-svg {
    position: absolute;
    top: -36px;
    left: 0;
    right: 0;
    box-shadow: 0 0 7px rgb(0 0 0 / 20%);
}

.cg-review-box .cg-tbl-rate-svg {
    height: 72px;
    width: 72px;
    border-radius: 100%;
    margin: 0 auto;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}
.cg-review-box .cg-tbl-rate-svg:before {
    background-color: #fff !important;
    opacity: 1;
}
.cg-review-box .cg-tbl-rate-svg:before {
    content: "";
    background-color: #7E0800;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: 0;
    border-radius: 100%;
}
.cg-tbl-rate-svg .cb-tbl-value {
    font-size: 20px;
	font-family: Rubik,Arial,sans-serif;
    color: #7E0800;
    font-weight: 700;
    height: 64px;
    width: 64px;
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
}
.cg-tbl-rate-svg svg {
    transform: rotate(-90deg);
    transition: none!important;
    fill: none;
    stroke: #7E0800;
    stroke-width: 1.4;
    stroke-linecap: round;
    stroke-dasharray: 0 999;
}

circle[Attributes Style] {
    cx: 16;
    cy: 16;
    r: 12.8;
}

.cg-review-box .cg-review-title {
    text-align: center;
    padding: 4px 0 10px;
    font-size: 24px;
    font-weight: 600;
    line-height: 28px;
	font-family: Rubik,Arial,sans-serif;
}

.cg-review-box .cg-review-bar-row {
    display: flex;
    align-items: center;
    margin-bottom: 18px;
    position: relative;
    flex-wrap: wrap;
}
.cg-review-box .cg-review-bar-title {
    font-size: 16px;
    line-height: 18px;
    font-weight: 700;
    flex: 0 0 calc(100% - 40px);
    max-width: calc(100% - 40px);
    overflow: hidden;
}
.cg-review-box .cg-review-bar-score {
    font-size: 16px;
    line-height: 18px;
    font-weight: 700;
    flex: 0 0 40px;
    max-width: 40px;
    text-align: right;
}
.cg-review-box .cg-review-bar {
    position: relative;
    height: 10px;
    border-radius: 5px;
    overflow: hidden;
    background-color: #ddd;
    flex: 0 0 100%;
    max-width: 100%;
    margin: 4px 0 0 0;
}
.cg-review-box .cg-review-bar:before {
    content: "";
    background-color: #7E0800;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    width: var(--cg-review);
}
.backend-overall-rating {
	font-size: 18px;
	font-weight: 700;
	text-decoration: underline;
}

.cg-roundup {
	margin-bottom: 40px
}

.cg-roundup{
    margin-bottom: 40px;
    margin-right: 30px;
    margin-left: 30px;
}

.prodgroup .cg-roundup {
    margin-bottom: 40px;
    margin-right: 0px;
    margin-left: 0px;
}

@media screen and (max-width: 550px) {
	.cg-roundup {
		margin-right: 20px;
		margin-left: 20px;
		}
}

.flex-container, .roundupflex-container {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: flex-start;
    height: 100%;
    padding: 0 15px 15px 15px;
    gap: 10px;
}

a.btntext, a.roundupbtntext {
    font-family: Rubik,Arial,sans-serif;
    font-weight: 700;
    color: #fff;
    text-decoration: none!important;
}

.orange .carouselbtn:hover {
    background-color: #7e0800;
}

.carouselbtn:hover, .roundupcarouselbtn:hover {
    background-color: #7e0800;
    box-shadow: 0 2px 8px 0 rgb(126 8 0 / 50%);
}

.carouselbtn, .roundupcarouselbtn {
    text-align: center;
    height: 55px;
    width: 225px;
    line-height: 1.2;
    border-radius: 5px;
    padding: 10px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    background-color: #ca3e1c;
    --padding-x: 1.2em;
    font-size: 18px;
    color: #fff!important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transition: .2s;
    box-shadow: 0 2px 8px 0 rgb(202 62 28 / 50%);
}

.item1, .item2, .item3, .roundupitem1, .roundupitem2, .roundupitem3 {
    height: 60px;
    width: 225px;
    flex: 1 1 auto;
    flex-grow: 0;
    align-self: flex-start;
}

.item1.carouselbtn, .item2.carouselbtn, .item3.carouselbtn, .roundupcarouselbtn {padding: 0px;}

.prod-badge {
	font-size: 20px !important;
    font-weight: 700 !important;
    min-width: 150px !important;
    height: 45px !important;
}

@media screen and (max-width:670px) {
	.prod-badge {
		font-size: 18px !important;
		font-weight: 700 !important;
		min-width: 125px !important;
		height: 40px !important;
	}
}
.comparison-column ul {
    margin-left: -30px;
}



/*
Product 2b block
*/
	:root {
		--cg-orange: #f39c12;
		--cg-carrot: #e67e22;
		--cg-red: #e74c3c;
		--cg-gray: #95a5a6;
		--cg-blue: #7E0800;
		--cg-black: #2f3640;
		--cg-green: #27ae60;
		--cg-bluebell: #2b348e;
		--cg-bluedark: #1289A7;
		--cg-berry: #CA2C68;
		--cg-keppel: #AE7C5B;
		--cg-dupain: #148F77;
		--cg-darkorange: #F33B19;
		--cg-darknavy: #0f4c75;
		--cg-eggplant: #5a3d55;
		--cg-darkgreen: #438a5e;
		--cg-theme-color: #333
	}

	.cg-blue {
		--cg-theme-color: var(--cg-blue)
	}

	.cg-box-name {
		font-weight: 700;
		line-height: inherit;
		text-align: center;
		margin: 8px 0 20px 0
	}

	.cg-btn {
		transition: .2s ease-in-out;
		font-weight: 600;
		min-width: 100px;
		text-align: center;
		color: #fff !important;
		box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .27);
		border-radius: 4px;
		padding: 9px 18px;
		font-size: 14px;
		display: inline-block;
		vertical-align: middle;
		margin: 0;
		text-decoration: none;
		background-color: var(--cg-theme-color);
		border: 0;
		cursor: pointer;
		line-height: normal;
		position: relative
	}
	.cg-btn:hover {
		opacity: .85;
		color: #fff !important;
		text-decoration: none !important
	}

	.cg-text p {
		margin-bottom: 15px
	}

	.cg-box-layout-seven .cg-layout-row {
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		align-items: stretch;
		position: relative;
		padding: 16px;
		border-radius: 0;
		border: 4px solid var(--cg-theme-color);
		overflow: hidden
	}

	.cg-box-layout-seven .cg-layout-left {
		flex: 0 0 36%;
		max-width: 36%;
		box-sizing: border-box;
		border-radius: 6px;
		overflow: hidden;
		position: relative;
		display: flex;
		align-items: center;
		justify-content: center;
		flex-direction: column
	}

	.cg-box-layout-seven .cg-layout-right {
		flex: 0 0 64%;
		max-width: 64%;
		box-sizing: border-box;
		padding: 0 0 0 16px;
		position: relative;
		overflow: hidden
	}

	.cg-box-layout-seven {
		position: relative;
		margin-top: 60px;
		margin-bottom: 60px;
		z-index: 0
	}

	.cg-box-layout-seven .cg-our-top-pick {
		position: absolute;
		top: -18px;
		left: -10px;
		display: inline-block;
		background-color: var(--cg-theme-color);
		color: #fff;
		z-index: 500;
		font-size: 18px;
		line-height: 18px;
		padding: 10px 15px;
		font-weight: 700;
		box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, .14)
	}

	.cg-box-layout-seven .cg-our-top-pick:before {
		content: " ";
		display: block;
		position: absolute;
		left: -10px;
		bottom: -7px;
		border-color: transparent var(--cg-theme-color) transparent transparent;
		border-style: inset solid inset inset;
		border-width: 0 10px 7px;
		filter: brightness(50%)
	}

	.cg-box-layout-seven .cg-box-name {
		display: block;
		margin: 0 0 20px;
		box-shadow: none;
		color: #CA3E1C;
		text-align: left
	}

	.cg-box-layout-seven .cg-text {
		margin-bottom: 20px
	}

	.cg-box-layout-seven .cg-btn {
		margin-bottom: 10px
	}

	.cg-box-layout-seven .cg-layout-row {
		border: 5px solid #7E0800;
		border-radius: 0;
		padding: 20px;
		box-shadow: 0 0 4px 0 #7E0800
	}

	.cg-box-layout-seven .cg-layout-left {
		flex: 0 0 36%;
		max-width: 36%
	}

	.cg-box-layout-seven .cg-layout-left img {
		display: inline-block;
		max-width: 100%;
		height: auto;
		max-height: 250px
	}

	.cg-box-layout-seven .cg-layout-right {
		flex: 0 0 64%;
		max-width: 64%
	}

	.cg-box-layout-seven .cg-box-name:hover {
		text-decoration: none
	}

	@media screen and (max-width:767px) {
		.cg-box-layout-seven .cg-layout-right,
		.cg-box-layout-seven .cg-layout-left {
			-ms-flex: 0 0 100%;
			flex: 0 0 100%;
			max-width: 100%;
			text-align: center;
			order: inherit;
			padding: 0 10px
		}
		.cg-box-layout-seven .cg-box-name {
			margin-top: 14px
		}
		.cg-box-layout-seven .cg-text {
			text-align: left
		}
		.cg-box-layout-seven .cg-box-name {
			text-align: left
		}
		.cg-box-layout-seven .cg-layout-left img {
			max-height: 200px
		}
	}

	@media screen and (max-width:660px) {
		.cg-box-name {
			font-size: 20px;
			margin: 8px 0 12px 0
		}
	}
	.product-box-footer {
		padding: 10px 0 5px;
		margin: 20px 0 0;
		border-top: 1px solid #e5e5e5;
		text-align: center
	}

	.product-box-footer .cg-btn {
		margin: 5px
	}

	@media screen and (max-width:660px) {
		.product-box-footer {
			padding: 20px 0 15px
		}
	}
	.product-box-footer {
		width: 100%;
	}

	.product-box-footer {
		padding: 20px 0px 0px 0px;
		margin: 20px 0px 0px 0px;
		border-top: 1px solid #e5e5e5;
		text-align: center;
	}

	.cg-box-layout-seven .cg-box-name {
		text-decoration: underline;
	}
	.product2b-title {
		display: block;
		font-family: rubik !important;
		font-size: 30px !important;
		line-height: 1.25;
		margin: 0 0 10px !important;
		box-shadow: none !important;
		color: #ca3e1c !important;
		text-decoration: none !important;
		font-weight: 700 !important;
		opacity: 1 !important;
	}



/*
Productx block
*/
	.productx-container {
		text-align: left;
		background-color: #fff;
		-webkit-font-smoothing: antialiased;
		text-shadow: 1px 1px 1px rgba(0, 0, 0, .004);
		position: relative;
		text-rendering: optimizelegibility;
		-moz-osx-font-smoothing: grayscale;
		-moz-font-feature-settings: "liga";
		min-height: 100%;
		height: 100%;
		padding: 0;
		margin: 0
	}


	.px-5 {
		margin-top: 60px !important;
		margin-bottom: 60px !important;
		padding-left: 1rem !important;
		padding-right: 1rem !important
	}

	.productx-image img {
		border: 0
	}

	.productx-container .productx-subtitle {
		line-height: 1.75 !important
	}

	.productx-display a.productx-button {
		line-height: 1.75 !important
	}

	@media(max-width:767.98px) {
		.productx-container .productx-smallright {
			padding: 20px !important
		}
		.productx-smallright .productx-box-1,
		.productx-smallright .productx-box-2 {
			padding: 0 !important
		}
		.productx-smallright a.productx-button {
			margin: 20px 10px 10px !important
		}
	}

	.productx-container * {
		box-sizing: border-box !important
	}

	.productx-container {
		box-sizing: border-box !important;
		position: relative;
		width: 100%;
		padding: 0 15px !important;
		margin: 30px auto !important
	}

	.productx-display {
		box-sizing: border-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		margin: 0 -15px;
		font-family: inherit !important;
		background-color: var(--productx-background) !important
	}

	.productx-display a,
	.productx-display a:hover {
		text-decoration: none !important;
		font-weight: 700 !important;
		opacity: 1 !important
	}

	.productx-display a:hover {
		transition: .25s ease
	}

	.productx-image img {
		display: inline-block !important;
		max-width: 100% !important;
		height: auto;
		max-height: 250px;
		width: inherit;
		object-fit: contain;
		box-shadow: none
	}

	.productx-box-1,
	.productx-box-2 {
		box-sizing: border-box;
		position: relative;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
		padding: 0 15px !important
	}

	@media(max-width:767.98px) {
		.productx-box-1,
		.productx-box-2 {
			padding: 0 !important
		}
	}

	.productx-badge {
		position: absolute;
		top: -18px;
		left: -10px;
		display: inline-block;
		background-color: #7E0800;
		color: #ffffff;
		z-index: 500;
		padding: 10px 15px;
		font-size: 1rem;
		line-height: 1rem;
		font-weight: 700;
		box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, .14)
	}

	.productx-badge::after {
		content: " ";
		display: block;
		position: absolute;
		left: -10px;
		bottom: -7px;
		border-color: transparent #7E0800 transparent transparent;
		border-style: inset solid inset inset;
		border-width: 0 10px 7px;
		filter: brightness(50%)
	}

	.productx-title {
		display: block;
		font-size: 30px !important;
		line-height: 1.25;
		margin: 0 0 10px !important;
		box-shadow: none !important;
		color: #ca3e1c !important
	}

	.productx-subtitle {
		font-size: 16px;
		font-weight: 700;
		margin: 0 0 10px !important;
		vertical-align: middle
	}

	.productx-subtitle-value {
		display: inline;
		margin-right: 10px
	}

	.productx-description {
		font-size: 16px;
		margin: 0 0 10px !important
	}

	.productx-description p {
		margin: 0 0 10px !important
	}

	.productx-image {
		text-align: center;
		padding: 0 0 10px !important
	}

	a.productx-button {
		font-size: 16px;
		padding: 10px 15px !important;
		background: #CA3E1C !important;
		color: #ffffff !important;
		margin: 20px 10px 10px 0 !important;
		text-align: center !important;
		line-height: initial !important
	}

	a.productx-button:hover {
		background: #CA3E1C !important;
		color: #ffffff !important;
		transition: .25s ease
	}

	.productx-disclosure,
	.productx-date {
		font-size: 12px;
		font-style: italic;
		color: #aaa;
		display: inline
	}

	.productx-container .productx-wcut {
		border: 5px solid #7E0800;
		box-shadow: 0 0 4px 0 #7E0800;
		padding: 20px !important
	}

	.productx-wcut .productx-box-1,
	.productx-wcut .productx-box-2 {
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%
	}

	.productx-wcut .productx-title {
		text-decoration: underline !important
	}

	.productx-wcut .productx-image {
		display: block;
		margin: auto
	}

	.productx-wcut a.productx-button {
		display: block;
		padding: 20px;
		border-radius: 7px;
		width: 100%
	}

	@media(max-width:767.98px) {
		.productx-wcut .productx-box-1,
		.productx-wcut .productx-box-2 {
			-ms-flex: 0 0 100%;
			flex: 0 0 100%;
			max-width: 100%
		}
	}

	.productx-container .productx-fullright {
		border-radius: 8px;
		border: 1px solid #bdbdbd;
		overflow: hidden
	}

	.productx-fullright .productx-box-1 {
		-ms-flex: 0 0 40%;
		flex: 0 0 40%;
		max-width: 40%;
		order: 2;
		padding: 0 !important;
		text-align: right
	}

	.productx-fullright .productx-box-2 {
		-ms-flex: 0 0 60%;
		flex: 0 0 60%;
		max-width: 60%;
		order: 1;
		padding: 30px !important
	}

	.productx-fullright .productx-image img {
		width: 100% !important;
		max-height: none !important
	}

	.productx-fullright a.productx-button {
		display: block;
		padding: 20px;
		margin-bottom: 10px;
		border-radius: 5px;
		max-width: 250px
	}

	@media(max-width:767.98px) {
		.productx-fullright {
			text-align: center
		}
		.productx-fullright .productx-box-1 {
			-ms-flex: 0 0 100%;
			flex: 0 0 100%;
			max-width: 100%;
			order: 1
		}
		.productx-fullright .productx-box-2 {
			-ms-flex: 0 0 100%;
			flex: 0 0 100%;
			max-width: 100%;
			order: 2
		}
		.productx-fullright .productx-image img {
			width: 100% !important;
			max-height: none !important
		}
		.productx-fullright a.productx-button {
			max-width: none
		}
	}

	.productx-container .productx-smallright {
		border: 1px solid #e2e2e2;
		padding: 25px !important;
		border-radius: 10px
	}

	.productx-smallright .productx-box-1 {
		-ms-flex: 0 0 30% !important;
		flex: 0 0 30% !important;
		max-width: 30%;
		order: 2;
		-ms-flex-order: 2;
		padding-right: 0 !important
	}

	.productx-smallright .productx-box-2 {
		-ms-flex: 0 0 70% !important;
		flex: 0 0 70% !important;
		max-width: 70%;
		order: 1;
		-ms-flex-order: 1;
		padding-left: 0 !important
	}

	.productx-smallright a.productx-button {
		display: inline-block;
		background-color: #CA3E1C;
		color: #ffffff;
		padding: 15px 25px;
		border-radius: 5px;
		box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .2) !important
	}

	.productx-smallright a.productx-button:hover {
		box-shadow: none !important;
		transform: translateY(3px)
	}

	@media(max-width:767.98px) {
		.productx-smallright .productx-box-1,
		.productx-smallright .productx-box-2 {
			-ms-flex: 0 0 100% !important;
			flex: 0 0 100% !important;
			max-width: 100% !important;
			text-align: center !important
		}
		.productx-smallright .productx-box-1 {
			-ms-flex-order: 1;
			order: 1
		}
		.productx-smallright .productx-image {
			float: none
		}
	}



/*
Pros and cons block
*/
.comparison-table {
    margin-top: 40px !important;
    margin-bottom: 20px
}
.comparison-table {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 50px
}
.comparison-column {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 240px;
    flex: 1 0 240px
}
.comparison-column.pro h4 {
    background-color: #7e0800
}
.comparison-column.con h4 {
    background-color: #7e0800
}
.comparison-column.pro h4 {
    text-align: center;
    color: #fff
}
.comparison-column.con h4 {
    text-align: center;
    color: #fff
}
.comparison-column h4 {
    color: #fff;
    padding: 2%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-left: 1%;
    margin-right: 1%
}
.comparison-column ul {
    margin-left: 1em
}
.comparison-column li {
    list-style-type: none;
    font-size: 18px;
    margin-top: .7em
}
@media screen and (max-width:670px) {
    .comparison-column li {
        font-size: 16px !important;
        margin-left: 0 !important
    }
}
.comparison-column.pro li:before {
    content: "\f00c";
    color: #43bd7c;
    margin-right: 10px;
    font-family: FontAwesome
}
.comparison-column.con li:before {
    content: "\f00d";
    color: #d36256;
    margin-right: 10px;
    font-family: FontAwesome
}
.mycons,
.mypros {
    margin-top: 10px !important
}
.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-star:before{content:"\f005"}.fa-star-half-o:before{content:"\f123"}.downicon:after{content:'\203A';font-family:Rubik;font-size:28px;font-weight:normal;float:right;margin-top:-52px;margin-right:-18px;transform:rotate(90deg)}.downicon:hover:after{color:#ca3e1c}

.downicon:hover:after {
    color: #ca3e1c
}

.fa-star:before {
    content: "\f005"
}

.fa-star-o:before {
    content: "\f006"
}

.fa-check:before {
    content: "\f00c"
}

.fa-close:before,
.fa-remove:before,
.fa-times:before {
    content: "\f00d"
}

.fa-signal:before {
    content: "\f012"
}

.fa-info-circle:before {
    content: "\f05a"
}

.fa-exclamation-circle:before {
    content: "\f06a"
}

.fa-exclamation-triangle:before,
.fa-warning:before {
    content: "\f071"
}

.fa-chevron-down:before {
    content: "\f078"
}

.fa-bar-chart-o:before,
.fa-bar-chart:before {
    content: "\f080"
}

.fa-caret-down:before {
    content: "\f0d7"
}

.fa-lightbulb-o:before {
    content: "\f0eb"
}

.fa-angle-down:before {
    content: "\f107"
}

.fa-star-half-empty:before,
.fa-star-half-full:before,
.fa-star-half-o:before {
    content: "\f123"
}

.fa-info:before {
    content: "\f129"
}

.fa-exclamation:before {
    content: "\f12a"
}

.fa-line-chart:before {
    content: "\f201"
}

.fa-leanpub:before {
    content: "\f212"
}



/*
Ratings block
*/
.rating-box {
	box-sizing: border-box;
}
.cg-box-layout-review {
    margin-bottom: 20px;
}
.cg-red {
    --cg-theme-color: #7E0800;
}
.cg-review-box {
    border: 3px solid #7E0800;
    padding: 40px 20px 10px 20px;
    margin-top: 45px;
    margin-bottom: 15px;
    position: relative;
    border-radius: 14px;
}
.cg-review-box .cg-tbl-rate-svg {
    position: absolute;
    top: -36px;
    left: 0;
    right: 0;
    box-shadow: 0 0 7px rgb(0 0 0 / 20%);
}

.cg-review-box .cg-tbl-rate-svg {
    height: 72px;
    width: 72px;
    border-radius: 100%;
    margin: 0 auto;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}
.cg-review-box .cg-tbl-rate-svg:before {
    background-color: #fff !important;
    opacity: 1;
}
.cg-review-box .cg-tbl-rate-svg:before {
    content: "";
    background-color: #7E0800;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: 0;
    border-radius: 100%;
}
.cg-tbl-rate-svg .cb-tbl-value {
    font-size: 20px;
	font-family: Rubik,Arial,sans-serif;
    color: #7E0800;
    font-weight: 700;
    height: 64px;
    width: 64px;
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
}
.cg-tbl-rate-svg svg {
    transform: rotate(-90deg);
    transition: none!important;
    fill: none;
    stroke: #7E0800;
    stroke-width: 1.4;
    stroke-linecap: round;
    stroke-dasharray: 0 999;
}

circle[Attributes Style] {
    cx: 16;
    cy: 16;
    r: 12.8;
}

.cg-review-box .cg-review-title {
    text-align: center;
    padding: 4px 0 10px;
    font-size: 24px;
    font-weight: 600;
    line-height: 28px;
	font-family: Rubik,Arial,sans-serif;
}

.cg-review-box .cg-review-bar-row {
    display: flex;
    align-items: center;
    margin-bottom: 12px;
    position: relative;
    flex-wrap: wrap;
}
.cg-review-box .cg-review-bar-title {
    font-size: 16px;
    line-height: 18px;
    font-weight: 700;
    flex: 0 0 calc(100% - 40px);
    max-width: calc(100% - 40px);
    overflow: hidden;
}
.cg-review-box .cg-review-bar-score {
    font-size: 16px;
    line-height: 18px;
    font-weight: 700;
    flex: 0 0 40px;
    max-width: 40px;
    text-align: right;
}
.cg-review-box .cg-review-bar {
    position: relative;
    height: 10px;
    border-radius: 5px;
    overflow: hidden;
    background-color: #ddd;
    flex: 0 0 100%;
    max-width: 100%;
    margin: 4px 0 0 0;
}
.cg-review-box .cg-review-bar:before {
    content: "";
    background-color: #7E0800;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    width: var(--cg-review);
}
.backend-overall-rating {
	font-size: 18px;
	font-weight: 700;
	text-decoration: underline;
}




/*
Recommended read
*/
        .recommended-read {
			font-size: 20px;
			color: #000000;
			display: block;
            border: 2px solid #d2d2d2;
            width: 100%;
        }

.recommended-read {
	background-color: #f0f0f0;
}

.recommended-read p {
	margin-top: 10px !important;
}

.recommended-read__content a, .recommended-read__content a strong {
	color: #8D2E16 !important;
	text-decoration: underline;
}
.recommended-read__content a:hover, .recommended-read__content a strong:hover {
	color: #CA3E1C !important;
	text-decoration: none !important;
}
.recommended-read__title {
    background-color: #f0f0f0;
    display: inline-block;
    padding: 10px 0px 0px 20px;
}

.recommended-read__content {
    background-color: #f0f0f0;
    padding-bottom: 25px;
    margin-top: 0px !important;
    padding: 10px 20px 20px 20px;
}
.recommended-read__content ul {
	margin-top: 25px;
}



/*
threecc block
*/
:root {
    --pb-orange: #f39c12;
    --pb-carrot: #e67e22;
    --pb-red: #7E0800;
    --pb-gray: #95a5a6;
    --pb-blue: #3498db;
    --pb-black: #2f3640;
    --pb-green: #27ae60;
    --pb-bluebell: #2b348e;
    --pb-bluedark: #1289A7;
    --pb-berry: #CA2C68;
    --pb-keppel: #AE7C5B;
    --pb-dupain: #148F77;
    --pb-darkorange: #F33B19;
    --pb-darknavy: #0f4c75;
    --pb-eggplant: #5a3d55;
    --pb-darkgreen: #438a5e;
    --pb-theme-color: #333
}

.pb-red {
    --pb-theme-color: var(--pb-red)
}

.pb-tbl-img {
    height: 160px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    clear: left
}

.pb-tbl-img img {
    display: block;
    max-width: 100%;
    max-height: 100%;
    height: auto;
    transition: all .2s ease-in-out
}

.pb-table-title {
    text-align: left;
    color: #303030;
    font-size: 16px;
    font-weight: 600;
    display: block;
    margin: 4px 5px 5px 5px;
    word-break: break-word
}

.pb-table-six {
    width: 100%;
    position: relative;
    overflow-y: hidden;
    display: flex;
    border: 1px solid #d6dee2;
    border-top: none;
    border-left: none;
    overflow-x: auto;
    flex-direction: column;
    margin-bottom: 20px
}

.pb-table-six .pb-table-col .pb-table-cell:first-child {
	line-height: 1.5;
    font-size: 16px;
	flex: 1 1 150px;
    max-width: 180px;
    position: sticky;
    left: 0;
    z-index: 2;
    color: #2e3b41;
    text-align: right;
    font-weight: 700
}

.pb-table-six .pb-table-col:first-child .pb-table-cell {
    padding-top: 15px
}

.pb-table-six .pb-table-col {
    display: flex;
    flex-wrap: nowrap;
    position: relative;
}

.pb-table-six .pb-table-col .pb-table-cell {
	font-size: 16px;
    padding: 8px;
    border-top: 1px solid #d6dee2;
    flex: 0 0 225px;
    background-color: #fff;
    border-left: 1px solid #d6dee2;
    text-align: center;
    position: relative
}

.pb-table-six.pb-tbl-fixed .pb-table-col .pb-table-cell:not(:first-child) {
	line-height: 1.5;
    flex: 1 1 calc((100% - 180px)/ var(--pb-table-producs));
    max-width: calc((100% - 180px)/ var(--pb-table-producs))
}

.pb-table-six .pb-table-col:nth-child(4n-5) .pb-table-cell:not(:first-child) {
    background-color: #ebeff2
}

.pb-table-six .pb-table-sm-head {
    display: none
}

.pb-table-six .pb-table-cell .pb-tbl-img {
    margin: 0 auto
}

.pb-table-six .pb-table-cell .pb-table-title {
    text-align: center
}

.pb-table-six .pb-table-col .pb-table-cell .pb-btn {
    margin: 4px
}

.pb-btn {
    transition: .2s ease-in-out;
    font-weight: 600;
    text-align: center;
    color: #fff !important;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .27);
    border-radius: 4px;
    padding: 9px 18px;
    font-size: 14px;
    display: inline-block;
    vertical-align: middle;
    margin: 0;
    text-decoration: none;
    border: 0;
    cursor: pointer;
    line-height: normal;
    position: relative
}

.pb-one-button.pb-btn.pb-red.pb-aff-link.pb-btn-sm {
	background-color: #7E0800;
}

.pb-second-button.pb-btn.pb-red.pb-aff-link.pb-btn-sm {
	background-color: #CA3E1C;
}

.pb-btn.pb-btn-sm {
    padding: 6px 14px;
    font-size: 13px
}

.pb-btn:hover {
    opacity: .85;
    color: #fff !important;
    text-decoration: none !important
}

@media screen and (max-width:860px) {
    .pb-table-six {
        border-bottom: none;
        border-left: 1px solid #d6dee2
    }
    .pb-table-six .pb-table-col {
        min-width: inherit
    }
    .pb-table-six .pb-table-col:last-child .pb-table-cell {
        border-bottom: 1px solid #d6dee2
    }
    .pb-table-six .pb-table-col.pb-table-sm-head {
		font-size: 16px;
        background-color: #ebeff2;
        display: block;
        position: sticky;
        left: 0;
        right: 0;
        border-top: 1px solid #d6dee2;
        font-weight: 700;
        text-align: center;
        line-height: 40px
    }
    .pb-table-six .pb-table-col:nth-child(4n-5) .pb-table-cell:not(:first-child) {
        background-color: #fff
    }
    .pb-table-six .pb-table-col .pb-table-cell:first-child,
    .pb-table-six .pb-table-col:first-child .pb-table-cell:first-child {
        display: none
    }
    .pb-table-six.pb-tbl-fixed .pb-table-col .pb-table-cell:not(:first-child) {
		line-height: 1.5;
        flex: 1 1 calc((100%)/var(--pb-table-producs));
        max-width: calc((100%)/var(--pb-table-producs))
    }
}

@media screen and (max-width:767px) {
    .pb-table-title {
        font-size: 16px
    }
    .pb-tbl-img {
        height: 150px
    }
    .pb-table-six.pb-tbl-fixed .pb-table-col .pb-table-cell:not(:first-child) {
		line-height: 1.5;
        flex: 1 1 225px;
    }
}



/*
Toggle box
*/
        .toggle-box__action {
            display: none;
            position: relative;
            font-weight: bold;
            text-decoration: none;
            color: #000;
        }

        .toggle-box__action:focus {
            box-shadow: none;
            color: inherit;
        }

        .toggle-box__action-icon {
            width: 14px;
            margin-right: 15px;
            transition: transform ease 0.25s;
        }

        .toggle-box__action-icon svg * {
            fill: #000;
        }

        .toggle-box__content {
            padding-bottom: 30px;
        }

        .toggle-box--enabled .toggle-box__action {
            display: flex;
            align-items: center;
        }

        .toggle-box--enabled .toggle-box__content {
            display: none;
        }

        .toggle-box__action.active .toggle-box__action-icon {
            transform: rotate(-180deg);
        }



/*
Twocc block
*/

:root {
    --pb-orange: #f39c12;
    --pb-carrot: #e67e22;
    --pb-red: #7E0800;
    --pb-gray: #95a5a6;
    --pb-blue: #3498db;
    --pb-black: #2f3640;
    --pb-green: #27ae60;
    --pb-bluebell: #2b348e;
    --pb-bluedark: #1289A7;
    --pb-berry: #CA2C68;
    --pb-keppel: #AE7C5B;
    --pb-dupain: #148F77;
    --pb-darkorange: #F33B19;
    --pb-darknavy: #0f4c75;
    --pb-eggplant: #5a3d55;
    --pb-darkgreen: #438a5e;
    --pb-theme-color: #333
}

.pb-red {
    --pb-theme-color: var(--pb-red)
}

.pb-tbl-img {
    height: 160px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    clear: left
}

.pb-tbl-img img {
    display: block;
    max-width: 100%;
    max-height: 100%;
    height: auto;
    transition: all .2s ease-in-out
}

.pb-table-title {
    text-align: left;
    color: #303030;
    font-size: 16px;
    font-weight: 600;
    display: block;
    margin: 4px 5px 5px 5px;
    word-break: break-word
}

.pb-table-six {
    width: 100%;
    position: relative;
    overflow-y: hidden;
    display: flex;
    border: 1px solid #d6dee2;
    border-top: none;
    border-left: none;
    overflow-x: auto;
    flex-direction: column;
    margin-bottom: 20px
}

.pb-table-six .pb-table-col .pb-table-cell:first-child {
	line-height: 1.5;
    font-size: 16px;
	flex: 1 1 150px;
    max-width: 180px;
    position: sticky;
    left: 0;
    z-index: 2;
    color: #2e3b41;
    text-align: right;
    font-weight: 700
}

.pb-table-six .pb-table-col:first-child .pb-table-cell {
    padding-top: 15px
}

.pb-table-six .pb-table-col {
    display: flex;
    flex-wrap: nowrap;
    position: relative;
}

.pb-table-six .pb-table-col .pb-table-cell {
	font-size: 16px;
    padding: 8px;
    border-top: 1px solid #d6dee2;
    flex: 0 0 225px;
    background-color: #fff;
    border-left: 1px solid #d6dee2;
    text-align: center;
    position: relative
}

.pb-table-six.pb-tbl-fixed .pb-table-col .pb-table-cell:not(:first-child) {
	line-height: 1.5;
    flex: 1 1 calc((100% - 180px)/ var(--pb-table-producs));
    max-width: calc((100% - 180px)/ var(--pb-table-producs))
}

.pb-table-six .pb-table-col:nth-child(4n-5) .pb-table-cell:not(:first-child) {
    background-color: #ebeff2
}

.pb-table-six .pb-table-sm-head {
    display: none
}

.pb-table-six .pb-table-cell .pb-tbl-img {
    margin: 0 auto
}

.pb-table-six .pb-table-cell .pb-table-title {
    text-align: center
}

.pb-table-six .pb-table-col .pb-table-cell .pb-btn {
    margin: 4px
}

.pb-btn {
    transition: .2s ease-in-out;
    font-weight: 600;
    text-align: center;
    color: #fff !important;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .27);
    border-radius: 4px;
    padding: 9px 18px;
    font-size: 14px;
    display: inline-block;
    vertical-align: middle;
    margin: 0;
    text-decoration: none;
    border: 0;
    cursor: pointer;
    line-height: normal;
    position: relative
}

.pb-one-button.pb-btn.pb-red.pb-aff-link.pb-btn-sm {
	background-color: #7E0800;
}

.pb-second-button.pb-btn.pb-red.pb-aff-link.pb-btn-sm {
	background-color: #CA3E1C;
}

.pb-btn.pb-btn-sm {
    padding: 6px 14px;
    font-size: 13px
}

.pb-btn:hover {
    opacity: .85;
    color: #fff !important;
    text-decoration: none !important
}

@media screen and (max-width:860px) {
    .pb-table-six {
        border-bottom: none;
        border-left: 1px solid #d6dee2
    }
    .pb-table-six .pb-table-col {
        min-width: inherit
    }
    .pb-table-six .pb-table-col:last-child .pb-table-cell {
        border-bottom: 1px solid #d6dee2
    }
    .pb-table-six .pb-table-col.pb-table-sm-head {
		font-size: 16px;
        background-color: #ebeff2;
        display: block;
        position: sticky;
        left: 0;
        right: 0;
        border-top: 1px solid #d6dee2;
        font-weight: 700;
        text-align: center;
        line-height: 40px
    }
    .pb-table-six .pb-table-col:nth-child(4n-5) .pb-table-cell:not(:first-child) {
        background-color: #fff
    }
    .pb-table-six .pb-table-col .pb-table-cell:first-child,
    .pb-table-six .pb-table-col:first-child .pb-table-cell:first-child {
        display: none
    }
    .pb-table-six.pb-tbl-fixed .pb-table-col .pb-table-cell:not(:first-child) {
		line-height: 1.5;
        flex: 1 1 calc((100%)/var(--pb-table-producs));
        max-width: calc((100%)/var(--pb-table-producs))
    }
}

@media screen and (max-width:767px) {
    .pb-table-title {
        font-size: 16px
    }
    .pb-tbl-img {
        height: 150px
    }
    .pb-table-six.pb-tbl-fixed .pb-table-col .pb-table-cell:not(:first-child) {
		line-height: 1.5;
        flex: 1 1 225px;
    }
}



/*
What others say
*/
.what-others-say-reviews-box {
	border: 1px solid #cccccc;
	border-radius: 8px;
	padding: 20px;
	margin: 35px 0;
	background-color: #f9f9f9;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.site-main .wp-block-group__inner-container {
    padding: 0px 40px 40px 40px;
}

.prod-badge {
    color: #fff !important;
}