html {
    font-size: 100%;
    box-sizing: border-box
}

*,
:after,
:before {
    box-sizing: inherit
}

body {
    padding: 0;
    margin: 0;
    font-family: Open Sans, sans-serif;
    font-weight: 400;
    line-height: 1.5;
    color: #131313;
    background: #fefefe;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

img {
    max-width: 100%;
    height: auto;
    -ms-interpolation-mode: bicubic;
    display: inline-block;
    vertical-align: middle
}

textarea {
    height: auto;
    min-height: 50px;
    border-radius: 0
}

select {
    width: 100%;
    border-radius: 0
}

button {
    -webkit-appearance: none;
    -moz-appearance: none;
    background: transparent;
    padding: 0;
    border: 0;
    border-radius: 0;
    line-height: 1
}

[data-whatinput=mouse] button {
    outline: 0
}

blockquote,
dd,
div,
dl,
dt,
form,
h1,
h2,
h3,
h4,
h5,
h6,
li,
ol,
p,
pre,
td,
th,
ul {
    margin: 0;
    padding: 0
}

p {
    font-size: inherit;
    line-height: 1.6;
    margin-bottom: 16px;
    margin-bottom: 1rem;
    text-rendering: optimizeLegibility
}

em,
i {
    font-style: italic
}

b,
em,
i,
strong {
    line-height: inherit
}

b,
strong {
    font-weight: 700
}

small {
    font-size: 80%;
    line-height: inherit
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: Lato, sans-serif;
    font-weight: 700;
    font-style: normal;
    color: #131313;
    text-rendering: optimizeLegibility;
    margin-top: 0;
    margin-bottom: 0.25em;
    line-height: 1.25
}

h1,
h2 {
    font-size: 24px
}

h3 {
    font-size: 20px;
    font-size: 1.25rem
}

h4 {
    font-size: 19px;
    font-size: 1.1875rem
}

h5 {
    font-size: 18px
}

h6 {
    font-size: 17px
}

a {
    color: #2199e8;
    text-decoration: none;
    line-height: inherit;
    cursor: pointer
}

a:focus,
a:hover {
    color: #1585cf
}

a img {
    border: 0
}

hr {
    max-width: 1200px;
    max-width: 75rem;
    height: 0;
    border-right: 0;
    border-top: 0;
    border-bottom: 1px solid #cacaca;
    border-left: 0;
    margin: 1.25rem auto;
    clear: both
}

dl,
ol,
ul {
    line-height: 1.6;
    margin-bottom: 16px;
    margin-bottom: 1rem;
    list-style-position: outside
}

li {
    font-size: inherit
}

ul {
    list-style-type: disc
}

ol,
ol ol,
ol ul,
ul,
ul ol,
ul ul {
    margin-left: 20px;
    margin-left: 1.25rem
}

ol ol,
ol ul,
ul ol,
ul ul {
    margin-bottom: 0
}

dl {
    margin-bottom: 16px;
    margin-bottom: 1rem
}

dl dt {
    margin-bottom: 4.8px;
    margin-bottom: 0.3rem;
    font-weight: 700
}

blockquote {
    margin: 0 0 1rem;
    padding: 0.5625rem 1.25rem 0 1.1875rem;
    border-left: 1px solid #cacaca
}

blockquote,
blockquote p {
    line-height: 1.6;
    color: #8a8a8a
}

.align-center {
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.smaller {
    font-size: 0.9em
}

.smallerx2 {
    font-size: 0.8em
}

.caps {
    text-transform: uppercase
}

.ls10 {
    letter-spacing: 0.02em
}

.ls20 {
    letter-spacing: 0.04em
}

.ls30 {
    letter-spacing: 0.06em
}

.ls40 {
    letter-spacing: 0.08em
}

.ls50 {
    letter-spacing: 0.1em
}

.ls60 {
    letter-spacing: 0.12em
}

.ls-10 {
    letter-spacing: -.02em
}

.ls-20 {
    letter-spacing: -.04em
}

.ls-30 {
    letter-spacing: -.06em
}

.ls-40 {
    letter-spacing: -.08em
}

.lh10 {
    line-height: 1!important
}

.lh11 {
    line-height: 1.1!important
}

.lh12 {
    line-height: 1.2!important
}

.lh13 {
    line-height: 1.3!important
}

.lh14 {
    line-height: 1.4!important
}

.lh15 {
    line-height: 1.5!important
}

.lh16 {
    line-height: 1.6!important
}

.lh17 {
    line-height: 1.7!important
}

.lh18 {
    line-height: 1.8!important
}

.lh19 {
    line-height: 1.9!important
}

.lh20 {
    line-height: 2!important
}

body {
    background-size: 1920px auto
}

h1,
h2,
h3,
h4 {
    font-weight: 700;
    text-align: center
}

h1.reg,
h2.reg,
h3.reg,
h4.reg {
    font-weight: 300
}

h1+.row,
h1+p,
h1.fix,
h2+.row,
h2+p,
h2.fix,
h3+.row,
h3+p,
h3.fix,
h4+.row,
h4+p,
h4.fix,
h6+p {
    margin-top: 18px
}

.black {
    font-weight: 900
}

.fix,
p.fix {
    margin-top: 18px
}

.bfix {
    margin-bottom: 18px!important
}

h5,
h6 {
    text-align: left
}

h6 {
    font-weight: 300;
    -webkit-text-stroke: 0.25px;
    line-height: 1.4;
    letter-spacing: -.15px
}

h6 .str,
h6 strong,
h6.black {
    -webkit-text-stroke: 0
}

.sans {
    font-family: Lato, sans-serif
}

.serif {
    font-family: Merriweather, serif;
    font-weight: 900!important
}

.em {
    font-style: italic
}

.reg {
    font-weight: 300;
    -webkit-text-stroke: 0.25px
}

.reg strong {
    -webkit-text-stroke: 0
}

.wt,
.wt h1,
.wt h2,
.wt h3,
.wt h4,
.wt h5,
.wt h6,
.wt li,
.wt p {
    color: #fff
}

.wt a {
    color: #fff;
    border-bottom: 1px solid hsla(0, 0%, 100%, 0)
}

.wt a,
.wt a:hover {
    transition: all 0.5s
}

.wt a:hover {
    border-bottom: 1px solid #fff
}

.primary-title,
.section-title,
h1 {
    color: #165b8f;
    font-family: Merriweather, serif;
    font-weight: 900!important
}

h1 sup,
h2 sup,
h3 sup,
h4 sup,
h5 sup,
h6 sup {
    font-size: 0.5em
}

h1+h1,
h2+h1,
h3+h1,
h4+h1,
h5+h1,
h6+h1 {
    margin-top: 0
}

p {
    font-size: 16px;
    line-height: 1.45;
    margin-bottom: 19.2px;
    margin-bottom: 1.2rem
}

p+h1,
p+h2,
p+h3,
p+h4 {
    margin-top: 18px
}

.width-120 {
    max-width: 120px
}

.width-100 {
    max-width: 120px
}

a:hover {
    text-decoration: none
}

.left {
    text-align: left
}

.right {
    text-align: right
}

.ctr {
    text-align: center
}

ol li {
    font-size: 16px;
    margin-bottom: 24px;
    line-height: 1.5;
    color: #666
}

.bt {
    color: #165b8f
}

.str {
    font-weight: 700
}

.black,
strong > .black,
strong.black {
    font-weight: 900
}

.hr,
hr {
    border-color: #afcde1
}

section {
    background-repeat: no-repeat;
    background-position: top;
    background-size: 100% auto;
    padding: 30px 0
}

section.thin-padding {
    padding: 18px 0
}

section.medium-padding {
    padding: 20px 0
}

section.hero {
    padding: 0
}

.section-title+.subhead {
    margin-top: -20px
}

.subhead {
    margin-top: 20px
}

.subhead h4,
.subhead h5,
.subhead h6 {
    font-weight: 300;
    -webkit-text-stroke: 0.25px
}

.subhead h4 strong,
.subhead h5 strong,
.subhead h6 strong {
    -webkit-text-stroke: 0
}

section.bg-grey {
    background-color: #f8f8f8;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd
}

section.bg-darker-grey {
    border-top: 1px solid #acacac;
    border-bottom: 1px solid #acacac
}

section.bg-light-blue {
    border-color: #84afd4;
    background-color: #eaf0f5;
    border-top: 1px solid #84afd4;
    border-bottom: 1px solid #84afd4
}

.bg-dark {
    background-color: #2e4e67
}

.bg-blue {
    background-color: #165b8f
}

.bg-green {
    background-color: #298a73
}

.bg-darker-grey {
    background-color: #dedede
}

.bg-dark-grey {
    background-color: #1f1f1f
}

.features-column h5 {
    font-weight: 900;
    padding-top: 4px;
    padding-bottom: 4px
}

.video-wrap-fx {
    border: 2px solid #fff;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12), 0 3px 1px -2px rgba(0, 0, 0, .2)
}

.debug {
    background-color: rgba(0, 0, 255, .5)
}

.container {
    max-width: 1140px;
    padding-left: 10px;
    padding-right: 10px;
    margin: 0 auto
}

.section-title {
    color: #165b8f
}

.section-title,
h1.section-title,
section > .container:first-child > h1:first-child {
    margin-bottom: 30px
}

.large-image-list .list-item {
    margin-bottom: 32px
}

.large-image-list h5 {
    color: #298a73;
    border-bottom: 1px solid #298a73;
    font-weight: 900;
    text-transform: uppercase;
    margin-bottom: 1.2em
}

.large-image-list h5 span.number {
    color: #fff;
    background-color: #2fac91;
    display: inline-block;
    text-align: center;
    margin-right: 10px;
    width: 34px;
    height: 34px;
    line-height: 34px
}

.story-row h2 {
    margin-top: 20px;
    text-align: left;
    color: #165b8f;
    margin-bottom: 0
}

.story-image {
    background-repeat: no-repeat;
    background-position: 0 0
}

.button {
    font-family: Lato, sans-serif
}

.button:active,
.button:focus {
    outline: 0
}

.button.secondary {
    border: 0.8px solid;
    border-radius: 20px;
    padding: 10px 20px;
    font-size: 14px;
    text-transform: uppercase;
    color: #165b8f;
    background-color: rgba(22, 91, 143, 0);
    transition: all 0.2s ease-out
}

.button.secondary i {
    font-size: 0.6em;
    -webkit-transform: translateY(-2px) rotate(0deg);
    -ms-transform: translateY(-2px) rotate(0deg);
    transform: translateY(-2px) rotate(0deg);
    margin-right: 4px;
    margin-left: -2px;
    -webkit-text-stroke: 0;
    transition: all 0s ease-out, transform 0.5s
}

.button.secondary:hover {
    color: #fff;
    background-color: #165b8f;
    transition: all 0.2s ease-out
}

.button.secondary:hover i {
    transition: all 0s ease-out, -webkit-transform 0.5s;
    -webkit-transform: translateY(-2px) rotate(180deg);
    -ms-transform: translateY(-2px) rotate(180deg);
    transform: translateY(-2px) rotate(180deg)
}

.button.secondary:active,
.button.secondary:focus {
    color: #fff;
    background-color: #144265;
    transition: all 0s ease-out
}

#more-reviews-btn.button.secondary {
    opacity: 1;
    transition: all 0.2s ease-out
}

#more-reviews-btn.button.secondary.clicked {
    transition: all 0.2s ease-out;
    -webkit-transform: scaleY(0) translateY(-100%);
    -ms-transform: scaleY(0) translateY(-100%);
    transform: scaleY(0) translateY(-100%);
    opacity: 0.2
}

.border-1px-grey {
    border: 1px solid
}

.feature-image-row .feature-image {
    background-repeat: no-repeat;
    background-position: 0 0
}

.feature-image-row.feature-image-right .feature-image {
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2
}

.feature-image-row.feature-image-right .feature-text {
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1
}

.order-option-row {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
    -webkit-align-content: center;
    align-content: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 auto
}

.order-option-box {
    border: 1px solid #999;
    background-color: #fff;
    max-width: 360px;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    margin: 0 auto 20px;
    min-height: 400px
}

.order-option-box h3 {
    background-color: #165b8f;
    color: #fff;
    border: 1px solid #fff;
    font-size: 24px;
    padding: 6px 4px 4px;
    margin-bottom: 0
}

.order-option-box.premium {
    max-width: 360px;
    border: 2px solid #298a73;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12), 0 3px 1px -2px rgba(0, 0, 0, .2)
}

.order-option-box.premium h3 {
    background-color: #2fac91;
    font-size: 28px;
    margin-top: 0;
    margin-bottom: 0
}

.order-option-box.premium h6 {
    margin-top: 0
}

.order-option-box h6.flair-text {
    background-color: #fff487;
    font-size: 18px;
    border: 1px solid #f3c083;
    margin-left: 1px;
    margin-right: 1px;
    margin-bottom: 1px
}

.order-option-box h6.flair-text.grey {
    background-color: #ddd;
    font-size: 18px;
    margin-top: 0;
    border: 1px solid #ccc
}

.size_select {
    margin-left: 10px;
    margin-right: 10px
}

.error_select {
    border: 1px solid red;
    background-color: #fdd1d2
}

.price-totals p {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 5px 8px;
    margin-bottom: 0;
    border-bottom: 1px solid #eee
}

.price-totals p span:first-child {
    font-weight: 300
}

.price-totals p span:last-child {
    text-align: right;
    display: inline-block;
    margin-left: auto;
    margin-right: 0
}

.order-option-cta a.cta-button {
    margin-left: 10px;
    margin-right: 10px;
    width: calc(100% - 20px)
}

.review {
    padding-bottom: 26px;
    margin-bottom: 26px;
    border-bottom: 1px solid #e2e2e2;
    max-width: 870px;
    padding-left: 15px;
    padding-right: 15px;
    margin-left: auto;
    margin-right: auto
}

.review-head {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.review-head .avatar {
    position: relative;
    width: 55px;
    height: 55px;
    -webkit-flex: 0 0 55px;
    -ms-flex: 0 0 55px;
    flex: 0 0 55px
}

.review-head .avatar:after {
    content: ' ';
    display: block;
    background-image: url("https://copperzensocks.net/aws-assets/zoom-copperzensocks/img/el/verified.png");
    background-repeat: no-repeat;
    width: 24px;
    height: 24px;
    position: absolute;
    background-size: 24px auto;
    right: -4px;
    bottom: 0
}

.review-head .avatar img {
    border-radius: 100%
}

.review-head .meta-info {
    margin-top: 6px;
    padding-left: 26px;
    position: relative;
    width: 100%
}

.review-head .meta-info .meta-name {
    background-image: url("https://copperzensocks.net/aws-assets/zoom-copperzensocks/img/el/stars.png");
    background-size: 111px auto;
    background-repeat: no-repeat
}

.review-head .meta-info .meta-name.stars-four-half {
    background-image: url("https://copperzensocks.net/aws-assets/zoom-copperzensocks/img/el/stars-four-half.png")
}

.review-head .meta-info .meta-name.stars-four {
    background-image: url("https://copperzensocks.net/aws-assets/zoom-copperzensocks/img/el/stars-four.png")
}

.review-head .meta-info .meta-name p {
    color: #165b8f;
    font-weight: 700;
    position: relative;
    top: -1px;
    margin-bottom: 0
}

.review-head .meta-info .meta-name p:after {
    content: 'Real User Review';
    display: inline-block;
    color: #2fac91;
    font-size: 12px;
    margin-left: 5px
}

.review-head .meta-info .meta-date {
    font-size: 14px;
    color: #7c7c7c
}

.review-head .meta-info p.title {
    font-size: 16px;
    font-weight: 700;
    margin-top: 5px;
    line-height: 1.2
}

.review-body {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.review-body .review-video-sm {
    -webkit-flex: 0 0 60px;
    -ms-flex: 0 0 60px;
    flex: 0 0 60px;
    height: 60px;
    margin-right: 20px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top;
    position: relative;
    z-index: 1;
    cursor: pointer;
    border: 1px solid hsla(0, 0%, 67%, 0);
    transition: all 0.3s ease-out
}

.review-body .review-video-sm:hover {
    transition: all 0.125s ease-out;
    border: 1px solid #acacac
}

.reviws.lazyloaded .review-body .review-video-sm:before {
    content: ' ';
    background-image: url("https://copperzensocks.net/aws-assets/zoom-copperzensocks/img/ico/play-icon.svg");
    background-size: 100% auto;
    position: absolute;
    display: inline-block;
    vertical-align: middle;
    z-index: 2;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 75%;
    height: 75%;
    opacity: 0.5
}

.review-body .review-video-sm:hover:before {
    opacity: 1
}

.review-body .review-video-sm.expanded {
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    width: 100%;
    height: auto;
    background-size: 100% auto;
    border: 1.5px solid transparent
}

.review-body .review-video-sm.expanded:before {
    content: '';
    background-image: none;
    position: relative;
    width: 1px;
    display: block;
    margin-left: -1px;
    float: left;
    height: 0;
    padding-top: 52.4633207373%;
    transition: all 0s
}

.review-body .review-video-sm.expanded:after {
    content: '';
    display: table;
    clear: both
}

.review-body .review-text p {
    font-size: 15px;
    color: #585858;
    margin-bottom: 8px
}

.cta-button {
    font-family: Lato, sans-serif;
    font-size: 24px;
    font-weight: 900;
    padding: 10px 40px;
    text-align: center;
    text-transform: uppercase;
    background-color: #006400;
    position: relative;
    z-index: 1;
    display: block;
    margin: 20px 0 16px;
    width: 100%;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12), 0 3px 1px -2px rgba(0, 0, 0, .2);
    background-image: linear-gradient(180deg, #f6dda1, #f0c14b);
    border: 1px solid #fff;
    border-color: #a88734 #9c7e31 #846a29;
    border-radius: 5px
}

.cta-button,
.cta-button:active,
.cta-button:hover,
.cta-button:link,
.cta-button:visited {
    color: #131313
}

.cta-button:before {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: opacity 0.4s;
    z-index: -1;
    opacity: 0;
    background-image: linear-gradient(180deg, #ffdf28, #ffca11);
    border-radius: 5px
}

.cta-button:hover:before {
    opacity: 1;
    transition: opacity 0.4s
}

.cta-button .arr {
    display: inline-block;
    -webkit-transform: translateY(-2px);
    -ms-transform: translateY(-2px);
    transform: translateY(-2px)
}

.feature-icons h5 {
    background-repeat: no-repeat;
    background-size: 24px auto;
    background-position: left 5px;
    padding-left: 32px
}

.inline-icon {
    display: inline-block;
    padding-left: 10px;
    padding-right: 10px
}

.header-icon {
    width: 100px;
    margin: 0 auto 10px;
    text-align: center
}

.header-icon.small-icon {
    width: 80px
}

.header-icon.xsmall-icon {
    width: 60px
}

.bg-light-blue.triangle-white-ctr:before {
    border: 2px solid #84afd4
}

.bg-light-blue.triangle-white-ctr:after {
    top: -2px
}

.bg-grey.triangle-white-ctr:before {
    border: 2px solid #ddd
}

.bg-grey.triangle-white-ctr:after {
    top: -2px
}

.triangle-white-ctr {
    position: relative
}

.triangle-white-ctr:after,
.triangle-white-ctr:before {
    content: ' ';
    display: block;
    background-color: #fff;
    width: 30px;
    height: 30px;
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    -ms-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg)
}

.triangle-white-ctr:after {
    top: -1px
}

.fw,
.w1070,
.w1170,
.w1270,
.w270,
.w370,
.w470,
.w570,
.w670,
.w770,
.w870,
.w970 {
    padding-left: 10px;
    padding-right: 10px;
    margin-left: auto;
    margin-right: auto
}

header {
    padding: 12px 10px
}

header .logo {
    width: 60px;
    display: inline-block;
    margin-top: 8px
}

header ul li {
    color: #7c7c7c;
    font-family: Lato, sans-serif;
    font-size: 18px;
    font-weight: 300;
    -webkit-text-stroke: 0.25px
}

header ul li strong {
    -webkit-text-stroke: 0
}

.menu-close,
.menu-toggle {
    display: inline-block;
    padding: 0.75em 15px;
    line-height: 1em;
    font-size: 1em;
    color: #7c7c7c
}

.menu-toggle:focus,
.menu-toggle:hover {
    color: #2fac91
}

.menu {
    position: absolute;
    display: block;
    left: -200px;
    top: 0;
    height: 100%;
    transition: left 0.3s ease, box-shadow 0.3s ease;
    z-index: 999
}

.menu ul {
    list-style: none;
    margin: 0;
    padding: 36px 0 0;
    min-height: 100%;
    width: 200px;
    background: #1a1a1a
}

.menu a {
    display: block;
    padding: 0.75em 15px;
    line-height: 1em;
    font-size: 1em;
    color: #fff;
    text-decoration: none
}

.menu a:focus,
.menu a:hover {
    background: #165b8f;
    text-decoration: none
}

.menu .menu-close {
    position: absolute;
    right: 0;
    top: 0
}

.inline-flex-icons {
    margin-left: -10px
}

.inline-flex-icons .column {
    padding: 10px;
    text-align: center;
    margin-left: 10px
}

.inline-flex-icons .column h6 {
    font-size: 18px;
    font-weight: 700;
    -webkit-text-stroke: 0;
    line-height: 1.1
}

.inline-flex-icons .column p {
    margin-top: 10px;
    font-size: 12.5px;
    line-height: 1.2em
}

.inline-flex-icons .column img {
    width: 100px
}

.inline-flex-title >:first-child {
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    color: #fff;
    margin-bottom: 10px!important
}

.inline-flex-title >:nth-child(2) {
    margin-top: 0;
    text-align: center;
    margin-bottom: 0
}

.greentag > span {
    color: #fff;
    background-color: #2fac91;
    border-radius: 4px;
    padding: 0.2em 0.4em 0.16em
}

.bonus-overlay-offset {
    -webkit-transform: translate(20px, -50px) rotate(-5deg);
    -ms-transform: translate(20px, -50px) rotate(-5deg);
    transform: translate(20px, -50px) rotate(-5deg)
}

.faq-content.container {
    max-width: 770px
}

.uk-accordion-title {
    font-family: 'Lato', sans-serif;
    font-weight: 300;
    -webkit-text-stroke: 0.25px;
    line-height: 1.4;
    letter-spacing: -.15px
}

.faq-content.container .question {
    cursor: pointer;
    text-align: left;
    position: relative;
    border: 1px solid #d1d2d2;
    border-radius: 4px;
    padding: 4px 4px 4px 25px;
    transition: all 0.12s;
    transition-property: background-color, border-color, color;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.faq-content.container .question:hover {
    border-color: #2fac91;
    transition: all 0.5s;
    transition-property: background-color, border-color, color
}

.faq-content.container .question:before {
    content: '';
    width: 0;
    height: 0;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-left: 8px solid #165b8f;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    position: absolute;
    left: 0;
    display: block;
    -webkit-transform: translate(10px, -50%);
    -ms-transform: translate(10px, -50%);
    transform: translate(10px, -50%);
    top: 50%;
    transition: all 0.2s
}

.faq-content.container .question.active {
    color: #fff;
    background-color: #2fac91;
    border-color: #17735f;
    transition: all 0.12s;
    transition-property: background-color, border-color, color
}

.faq-content.container .question.active:before {
    border-left-color: #fff;
    color: #fff;
    -webkit-transform: translate(10px, -45%) rotate(90deg);
    -ms-transform: translate(10px, -45%) rotate(90deg);
    transform: translate(10px, -45%) rotate(90deg);
    transition: all 0.2s
}

.faq-content.container .answer {
    padding: 0 15px;
    overflow: hidden;
    transition: 0.4s;
    max-height: 0;
    margin-bottom: 10px;
    transition: max-height 0.5s cubic-bezier(0, 1, 0, 1)
}

.faq-content.container .answer.expanded {
    transition: 0.4s;
    max-height: 1000px;
    transition: max-height 1s ease-in-out
}

.faq-content.container .answer >:first-child {
    margin-top: 15px
}

.faq-content.container .answer >:last-child {
    margin-bottom: 15px
}

#citation-list li {
    line-height: 1.1;
    font-family: Times New Roman, serif;
    font-size: 14.5px;
    margin-bottom: 10px;
    margin-right: 0;
    word-break: break-all
}

#citation-list li:hover {
    overflow: visible
}

#citation-needed {
    position: fixed;
    bottom: 0;
    min-height: 40px;
    padding-top: 7px;
    width: 100%;
    left: 0;
    right: 0;
    z-index: 1000;
    border: 1px solid #e6e2e2;
    opacity: 0;
    background: hsla(0, 0%, 100%, .975);
    border-top: 1px solid #dcdcdc;
    color: #165b8f;
    -webkit-transform: translateY(25px);
    -ms-transform: translateY(25px);
    transform: translateY(25px);
    transition: all 0.25s ease-in
}

#citation-needed p {
    text-align: center;
    font-family: Times New Roman, serif
}

#citation-needed h3 {
    position: absolute;
    right: 20px;
    position: fixed;
    bottom: 0;
    color: rgba(0, 0, 0, .65);
    cursor: pointer;
    padding: 5px;
    margin: 0
}

#citation-needed a {
    text-decoration: underline
}

#citation-needed.revealme {
    display: block;
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    transition: all 0.25s ease-in
}

sup {
    cursor: pointer;
    font-weight: 400;
    padding-left: 4px;
    padding-right: 4px;
    margin-left: -4px;
    margin-right: -4px
}

sup.no {
    cursor: auto
}

#more-reviews {
    display: none;
    transition: all 1s
}

#more-reviews.revealed {
    height: auto;
    display: block;
    transition: all 1s
}

#more-reviews .review:last-of-type {
    border-bottom: none;
    margin-bottom: 0
}

.inset {
    box-shadow: inset 0 16px 24px 2px rgba(0, 0, 0, .14), inset 0 6px 30px 5px rgba(0, 0, 0, .12), inset 0 8px 10px -5px rgba(0, 0, 0, .3)
}

.ref h5 {
    color: #777;
    text-transform: uppercase;
    letter-spacing: 5px;
    font-weight: 400
}

.ref h5 span {
    padding-left: 20px;
    padding-right: 20px;
    display: inline-block;
    padding-bottom: 10px
}

.ref ol {
    margin-top: 20px
}

.ref ol li {
    font-family: Times New Roman, serif;
    color: #777;
    font-size: 18px;
    margin-bottom: 0;
    word-wrap: break-word
}

.rel {
    position: relative
}

.bullets {
    margin-top: 36px;
    margin-bottom: 36px
}

.bullets.medium-icon p {
    background-size: 30px 30px;
    padding-left: 76px;
    background-position: 11px 11px;
    min-height: 52px
}

.bullets.medium-icon p:after {
    width: 52px;
    height: 52px
}

.bullets.medium-icon.circle {
    background-position: center 10px
}

.bullets.large-icon p {
    background-size: 60px auto;
    padding-left: 76px;
    background-position: 5px 5px;
    min-height: 75px
}

.bullets.large-icon.circle {
    background-position: center 10px
}

.bullets.circle p {
    position: relative;
    z-index: 20
}

.bullets.circle p:after {
    position: absolute;
    z-index: -1;
    content: ' ';
    left: 0;
    top: 0;
    border-radius: 50%
}

.bullets.stroke-green p:after {
    border: 1.75px solid #2fac91
}

.bullets.fill-green p:after {
    background-color: #2fac91
}

.bullets p {
    padding-top: 2px;
    background-repeat: no-repeat;
    background-position: 0 0
}

.bullets p.no-icon {
    background-image: none!important
}

.bullets p.no-icon:after {
    display: none!important
}

.bullets p:after {
    background-image: inherit;
    background-size: inherit;
    background-repeat: inherit;
    background-position: 50% 50%
}

.icon.circle {
    position: relative;
    text-align: center
}

.icon.circle:after {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    border: 2px solid #fff;
    content: '';
    border-radius: 50%
}

.icon.icon-size-3 {
    width: 24px
}

.icon.icon-size-4 {
    width: 32px
}

section.image-bg {
    background-repeat: no-repeat
}

.embed-container {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    max-width: 100%
}

.embed-container embed,
.embed-container iframe,
.embed-container object {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.ac {
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media (min-width: 800px) and (max-width: 1023px) {
    .buygoods-disclaimer-container #disclaimer {
        right: 0 !important
    }
}

@media (max-width:1023px) {
    .features-column,
    .video-column {
        max-width: 560px;
        margin: 0 auto 20px
    }
}

@media (max-width:767px) {
    .zoom_nav_container .uk-navbar-toggle {
        min-height: 50px;
    }
    header.zoom_nav_new {
        padding: 5px 10px;
    }
    .smctr {
        text-align: center!important
    }
    .features-column {
        margin: 0 auto
    }
}

@media (max-width:500px) {
    .video_container img {
        min-height: calc(56.7vw - 40px);
    }
}

@media (min-width:768px) {
    .video_container img {
        min-height: 313px;
    }
}

@media (max-width:767px) {
    .mb0 {
        margin-bottom: 0!important
    }
    .mb1 {
        margin-bottom: 2px!important
    }
    .mb2 {
        margin-bottom: 4px!important
    }
    .mb3 {
        margin-bottom: 6px!important
    }
    .mb4 {
        margin-bottom: 8px!important
    }
    .mb5 {
        margin-bottom: 10px!important
    }
    .mb6 {
        margin-bottom: 12px!important
    }
    .mb7 {
        margin-bottom: 14px!important
    }
    .mb8 {
        margin-bottom: 16px!important
    }
    .mb9 {
        margin-bottom: 18px!important
    }
    .mb10 {
        margin-bottom: 20px!important
    }
    .mb11 {
        margin-bottom: 22px!important
    }
    .mb12 {
        margin-bottom: 24px!important
    }
    .mb13 {
        margin-bottom: 26px!important
    }
    .mb14 {
        margin-bottom: 28px!important
    }
    .mb15 {
        margin-bottom: 30px!important
    }
    .mb16 {
        margin-bottom: 32px!important
    }
    .mb17 {
        margin-bottom: 34px!important
    }
    .mb18 {
        margin-bottom: 36px!important
    }
    .mb19 {
        margin-bottom: 38px!important
    }
    .mb20 {
        margin-bottom: 40px!important
    }
    .mb21 {
        margin-bottom: 42px!important
    }
    .mb22 {
        margin-bottom: 44px!important
    }
    .mb23 {
        margin-bottom: 46px!important
    }
    .mb24 {
        margin-bottom: 48px!important
    }
    .mtsm0 {
        margin-top: 0!important
    }
    .mtsm1 {
        margin-top: 4px!important
    }
    .mtsm2 {
        margin-top: 8px!important
    }
    .mtsm3 {
        margin-top: 12px!important
    }
    .mtsm4 {
        margin-top: 16px!important
    }
    .mtsm5 {
        margin-top: 20px!important
    }
    .mtsm6 {
        margin-top: 24px!important
    }
    .pb0 {
        padding-bottom: 0!important
    }
    .pb1 {
        padding-bottom: 2px!important
    }
    .pb2 {
        padding-bottom: 4px!important
    }
    .pb3 {
        padding-bottom: 6px!important
    }
    .pb4 {
        padding-bottom: 8px!important
    }
    .pb5 {
        padding-bottom: 10px!important
    }
    .pb6 {
        padding-bottom: 12px!important
    }
    .pb7 {
        padding-bottom: 14px!important
    }
    .pb8 {
        padding-bottom: 16px!important
    }
    .pb9 {
        padding-bottom: 18px!important
    }
    .pb10 {
        padding-bottom: 20px!important
    }
    .pb11 {
        padding-bottom: 22px!important
    }
    .pb12 {
        padding-bottom: 24px!important
    }
    .pb13 {
        padding-bottom: 26px!important
    }
    .pb14 {
        padding-bottom: 28px!important
    }
    .pb15 {
        padding-bottom: 30px!important
    }
    .pb16 {
        padding-bottom: 32px!important
    }
    .pb17 {
        padding-bottom: 34px!important
    }
    .pb18 {
        padding-bottom: 36px!important
    }
    .pb19 {
        padding-bottom: 38px!important
    }
    .pb20 {
        padding-bottom: 40px!important
    }
    .pb21 {
        padding-bottom: 42px!important
    }
    .pb22 {
        padding-bottom: 44px!important
    }
    .pb23 {
        padding-bottom: 46px!important
    }
    .pb24 {
        padding-bottom: 48px!important
    }
    .pt0 {
        padding-top: 0!important
    }
    .pt1 {
        padding-top: 2px!important
    }
    .pt2 {
        padding-top: 4px!important
    }
    .pt3 {
        padding-top: 6px!important
    }
    .pt4 {
        padding-top: 8px!important
    }
    .pt5 {
        padding-top: 10px!important
    }
    .pt6 {
        padding-top: 12px!important
    }
    .pt7 {
        padding-top: 14px!important
    }
    .pt8 {
        padding-top: 16px!important
    }
    .pt9 {
        padding-top: 18px!important
    }
    .pt10 {
        padding-top: 20px!important
    }
    .pt11 {
        padding-top: 22px!important
    }
    .pt12 {
        padding-top: 24px!important
    }
    .pt13 {
        padding-top: 26px!important
    }
    .pt14 {
        padding-top: 28px!important
    }
    .pt15 {
        padding-top: 30px!important
    }
    .pt16 {
        padding-top: 32px!important
    }
    .pt17 {
        padding-top: 34px!important
    }
    .pt18 {
        padding-top: 36px!important
    }
    .pt19 {
        padding-top: 38px!important
    }
    .pt20 {
        padding-top: 40px!important
    }
    .pt21 {
        padding-top: 42px!important
    }
    .pt22 {
        padding-top: 44px!important
    }
    .pt23 {
        padding-top: 46px!important
    }
    .pt24 {
        padding-top: 48px!important
    }
    p {
        font-size: 16px
    }
    .subhead {
        margin-bottom: 30px
    }
    .large-image-list .list-item .list-image {
        max-width: 250px;
        margin: 0 auto 15px
    }
    .large-image-list .list-item .list-text {
        max-width: 450px;
        margin: 0 auto 15px
    }
    .large-image-list h5 {
        position: relative;
        padding-left: 40px;
        padding-bottom: 4px
    }
    .large-image-list h5 span.number {
        position: absolute;
        padding: 2px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        width: 32px;
        height: 100%;
        min-height: 28px;
        line-height: 22px;
        display: table-cell;
        float: left;
        margin-left: -40px
    }
    .story-image {
        max-width: 250px;
        margin: 0 auto 25px;
        height: 250px
    }
    .story-text {
        max-width: 450px;
        margin: 0 auto 15px
    }
    .feature-image-row .feature-image {
        max-width: 250px;
        margin: 0 auto 25px
    }
    .feature-image-row .feature-text {
        max-width: 450px;
        margin: 0 auto 15px
    }
    .feature-image-row.feature-image-right .feature-image {
        -webkit-flex: 0 0 450px;
        -ms-flex: 0 0 450px;
        flex: 0 0 450px;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1
    }
    .feature-image-row.feature-image-right .feature-text {
        -webkit-flex: 0 0 450px;
        -ms-flex: 0 0 450px;
        flex: 0 0 450px;
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2
    }
    .bonus-image {
        max-width: 250px;
        margin: 20px auto 25px
    }
    .bonus-text {
        max-width: 450px;
        margin: 0 auto 15px
    }
    .review-head .meta-info .meta-name {
        padding-top: 24px
    }
    .review-head .meta-info .meta-date {
        margin-bottom: 6px
    }
    .review-body {
        -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap
    }
    .review-body .review-video-sm.expanded {
        margin-bottom: 20px;
        transition: all 0.2s
    }
    .review-body.child-expanded .review-text {
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%
    }
    .review-body .review-text {
        -webkit-flex: 1 0 50%;
        -ms-flex: 1 0 50%;
        flex: 1 0 50%
    }
    .review-body .review-text:first-child {
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%
    }
    .block-icon-for-small-only {
        display: block!important
    }
    header .logo {
        width: calc(100% - 50px)
    }
    header .logo img {
        width: 60px
    }
    .inline-flex-icons {
        margin-top: 20px
    }
    .inline-flex-icons .column {
        -webkit-flex: 0 0 400px!important;
        -ms-flex: 0 0 400px!important;
        flex: 0 0 400px!important
    }
    .inline-flex-icons .column h6,
    .inline-flex-icons .column p {
        text-align: left
    }
    .inline-flex-icons .column img {
        width: 80px!important;
        float: left;
        margin-right: 20px
    }
    .smhide {
        display: none
    }
    .smonly {
        display: block
    }
    .bullets.flex-list {
        max-width: 450px;
        margin-left: auto;
        margin-right: auto
    }
}

@media screen and (min-width:48em) {
    .menu .menu-close,
    .menu-toggle,
    .smonly {
        display: none
    }
    .menu {
        overflow-y: visible;
        overflow-x: visible;
        position: relative;
        left: auto;
        top: auto;
        height: auto;
        display: inline-block;
        text-align: right;
        width: calc(100% - 66px)
    }
    .menu ul {
        padding: 0;
        box-shadow: none;
        height: auto;
        width: auto;
        background: none
    }
    .menu ul li {
        display: inline-block
    }
    .menu ul a {
        color: #7c7c7c;
        border: 0 solid transparent;
        text-decoration: none;
        transition: all 0.5s
    }
    .menu ul a:focus,
    .menu ul a:hover {
        background-color: transparent;
        color: #383838;
        text-decoration: none;
        transition: all 0.5s
    }
}

@media (min-width:1200px) {
    .menu ul {
        margin-right: -20px
    }
}

@media (min-width:270px) {
    .w270 {
        max-width: 270px
    }
}

@media (min-width:370px) {
    .w370 {
        max-width: 370px
    }
}

@media (min-width:470px) {
    .w470 {
        max-width: 470px
    }
}

@media (min-width:570px) {
    .w570 {
        max-width: 570px
    }
}

@media (min-width:670px) {
    .w670 {
        max-width: 670px
    }
}

@media (min-width:768px) {
    .mb0 {
        margin-bottom: 0!important
    }
    .mb1 {
        margin-bottom: 4px!important
    }
    .mb2 {
        margin-bottom: 8px!important
    }
    .mb3 {
        margin-bottom: 12px!important
    }
    .mb4 {
        margin-bottom: 16px!important
    }
    .mb5 {
        margin-bottom: 20px!important
    }
    .mb6 {
        margin-bottom: 24px!important
    }
    .mb7 {
        margin-bottom: 28px!important
    }
    .mb8 {
        margin-bottom: 32px!important
    }
    .mb9 {
        margin-bottom: 36px!important
    }
    .mb10 {
        margin-bottom: 40px!important
    }
    .mb11 {
        margin-bottom: 44px!important
    }
    .mb12 {
        margin-bottom: 48px!important
    }
    .mb13 {
        margin-bottom: 52px!important
    }
    .mb14 {
        margin-bottom: 56px!important
    }
    .mb15 {
        margin-bottom: 60px!important
    }
    .mb16 {
        margin-bottom: 64px!important
    }
    .mb17 {
        margin-bottom: 68px!important
    }
    .mb18 {
        margin-bottom: 72px!important
    }
    .mb19 {
        margin-bottom: 76px!important
    }
    .mb20 {
        margin-bottom: 80px!important
    }
    .mb21 {
        margin-bottom: 84px!important
    }
    .mb22 {
        margin-bottom: 88px!important
    }
    .mb23 {
        margin-bottom: 92px!important
    }
    .mb24 {
        margin-bottom: 96px!important
    }
    .mt0 {
        margin-top: 0!important
    }
    .mt1 {
        margin-top: 4px!important
    }
    .mt2 {
        margin-top: 8px!important
    }
    .mt3 {
        margin-top: 12px!important
    }
    .mt4 {
        margin-top: 16px!important
    }
    .mt5 {
        margin-top: 20px!important
    }
    .mt6 {
        margin-top: 24px!important
    }
    .mt7 {
        margin-top: 28px!important
    }
    .mt8 {
        margin-top: 32px!important
    }
    .mt9 {
        margin-top: 36px!important
    }
    .mt10 {
        margin-top: 40px!important
    }
    .mt11 {
        margin-top: 44px!important
    }
    .mt12 {
        margin-top: 48px!important
    }
    .mt13 {
        margin-top: 52px!important
    }
    .mt14 {
        margin-top: 56px!important
    }
    .mt15 {
        margin-top: 60px!important
    }
    .mt16 {
        margin-top: 64px!important
    }
    .mt17 {
        margin-top: 68px!important
    }
    .mt18 {
        margin-top: 72px!important
    }
    .mt19 {
        margin-top: 76px!important
    }
    .mt20 {
        margin-top: 80px!important
    }
    .mt21 {
        margin-top: 84px!important
    }
    .mt22 {
        margin-top: 88px!important
    }
    .mt23 {
        margin-top: 92px!important
    }
    .mt24 {
        margin-top: 96px!important
    }
    .pb0 {
        padding-bottom: 0!important
    }
    .pb1 {
        padding-bottom: 4px!important
    }
    .pb2 {
        padding-bottom: 8px!important
    }
    .pb3 {
        padding-bottom: 12px!important
    }
    .pb4 {
        padding-bottom: 16px!important
    }
    .pb5 {
        padding-bottom: 20px!important
    }
    .pb6 {
        padding-bottom: 24px!important
    }
    .pb7 {
        padding-bottom: 28px!important
    }
    .pb8 {
        padding-bottom: 32px!important
    }
    .pb9 {
        padding-bottom: 36px!important
    }
    .pb10 {
        padding-bottom: 40px!important
    }
    .pb11 {
        padding-bottom: 44px!important
    }
    .pb12 {
        padding-bottom: 48px!important
    }
    .pb13 {
        padding-bottom: 52px!important
    }
    .pb14 {
        padding-bottom: 56px!important
    }
    .pb15 {
        padding-bottom: 60px!important
    }
    .pb16 {
        padding-bottom: 64px!important
    }
    .pb17 {
        padding-bottom: 68px!important
    }
    .pb18 {
        padding-bottom: 72px!important
    }
    .pb19 {
        padding-bottom: 76px!important
    }
    .pb20 {
        padding-bottom: 80px!important
    }
    .pb21 {
        padding-bottom: 84px!important
    }
    .pb22 {
        padding-bottom: 88px!important
    }
    .pb23 {
        padding-bottom: 92px!important
    }
    .pb24 {
        padding-bottom: 96px!important
    }
    .pt0 {
        padding-top: 0!important
    }
    .pt1 {
        padding-top: 4px!important
    }
    .pt2 {
        padding-top: 8px!important
    }
    .pt3 {
        padding-top: 12px!important
    }
    .pt4 {
        padding-top: 16px!important
    }
    .pt5 {
        padding-top: 20px!important
    }
    .pt6 {
        padding-top: 24px!important
    }
    .pt7 {
        padding-top: 28px!important
    }
    .pt8 {
        padding-top: 32px!important
    }
    .pt9 {
        padding-top: 36px!important
    }
    .pt10 {
        padding-top: 40px!important
    }
    .pt11 {
        padding-top: 44px!important
    }
    .pt12 {
        padding-top: 48px!important
    }
    .pt13 {
        padding-top: 52px!important
    }
    .pt14 {
        padding-top: 56px!important
    }
    .pt15 {
        padding-top: 60px!important
    }
    .pt16 {
        padding-top: 64px!important
    }
    .pt17 {
        padding-top: 68px!important
    }
    .pt18 {
        padding-top: 72px!important
    }
    .pt19 {
        padding-top: 76px!important
    }
    .pt20 {
        padding-top: 80px!important
    }
    .pt21 {
        padding-top: 84px!important
    }
    .pt22 {
        padding-top: 88px!important
    }
    .pt23 {
        padding-top: 92px!important
    }
    .pt24 {
        padding-top: 96px!important
    }
    h1+.row,
    h1+p,
    h1.fix,
    h2+.row,
    h2+p,
    h2.fix,
    h3+.row,
    h3+p,
    h3.fix,
    h4+.row,
    h4+p,
    h4.fix {
        margin-top: 24px
    }
    .fix,
    p.fix {
        margin-top: 36px!important
    }
    .bfix {
        margin-bottom: 36px!important
    }
    h1 {
        font-size: 33px
    }
    h2 {
        font-size: 32px
    }
    h3 {
        font-size: 30px
    }
    h4 {
        font-size: 24px
    }
    h5 {
        font-size: 22px
    }
    h6 {
        font-size: 20px
    }
    p+h1,
    p+h2,
    p+h3,
    p+h4 {
        margin-top: 36px
    }
    .nowrap,
    .nw {
        white-space: nowrap
    }
    hr {
        margin-top: 36px;
        margin-bottom: 36px
    }
    section {
        padding: 40px 0
    }
    section.medium-padding {
        padding: 20px 0
    }
    .subhead {
        margin-top: 20px
    }
    .subhead h4,
    .subhead h5,
    .subhead h6 {
        text-align: center
    }
    .section-title {
        margin-bottom: 35px
    }
    h1.section-title,
    section > .container:first-child > h1:first-child {
        margin-bottom: 50px
    }
    .large-image-list {
        margin-top: 10px
    }
    .large-image-list .list-item {
        margin-bottom: 42px;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }
    .large-image-list .list-item .list-image {
        -webkit-flex: 0 0 200px;
        -ms-flex: 0 0 200px;
        flex: 0 0 200px;
        width: 200px
    }
    .large-image-list .list-item .list-text {
        padding-left: 24px
    }
    .story-row {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }
    .story-row h2 {
        margin-top: 30px
    }
    .story-image {
        -webkit-flex: 0 0 250px;
        -ms-flex: 0 0 250px;
        flex: 0 0 250px;
        width: 250px
    }
    .story-text {
        padding-left: 24px
    }
    .feature-image-row {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }
    .feature-image-row .feature-image {
        -webkit-flex: 0 0 250px;
        -ms-flex: 0 0 250px;
        flex: 0 0 250px;
        width: 250px
    }
    .feature-image-row .feature-text {
        padding-left: 24px
    }
    .feature-image-row.feature-image-right .feature-text {
        padding-right: 24px
    }
    .bonus-row {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }
    .bonus-image {
        -webkit-flex: 0 0 250px;
        -ms-flex: 0 0 250px;
        flex: 0 0 250px;
        width: 250px
    }
    .bonus-text {
        padding-left: 24px
    }
    .review-head .avatar {
        width: 65px;
        height: 65px;
        -webkit-flex: 0 0 65px;
        -ms-flex: 0 0 65px;
        flex: 0 0 65px
    }
    .review-head .meta-info .meta-name {
        padding-left: 122px
    }
    .review-head .meta-info .meta-name p {
        font-size: 17px;
        display: inline-block
    }
    .review-head .meta-info .meta-date {
        position: absolute;
        display: inline-block;
        right: 0;
        top: 0
    }
    .review-head .meta-info p.title {
        font-size: 18px
    }
    .review-body .review-video-sm {
        margin-left: 94px;
        -webkit-flex: 0 0 90px;
        -ms-flex: 0 0 90px;
        flex: 0 0 90px;
        height: 90px;
        margin-right: 28px
    }
    .review-body .review-video-sm.expanded {
        -webkit-flex: 0 0 300px;
        -ms-flex: 0 0 300px;
        flex: 0 0 300px;
        width: 300px;
        height: auto
    }
    .review-body .review-text {
        -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto
    }
    .feature-icons h5 {
        background-size: 32px auto;
        background-position: left 3px;
        padding-left: 48px
    }
    .triangle-white-ctr:after,
    .triangle-white-ctr:before {
        width: 40px;
        height: 40px
    }
    .fw,
    .w1070,
    .w1170,
    .w1270,
    .w270,
    .w370,
    .w470,
    .w570,
    .w670,
    .w770,
    .w870,
    .w970 {
        padding-left: 15px;
        padding-right: 15px
    }
    .menu a {
        padding: 0.75em 10px;
        line-height: 18px;
        font-size: 18px
    }
    .inline-flex-icons {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        -ms-flex-line-pack: center;
        -webkit-align-content: center;
        align-content: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }
    .inline-flex-icons .column {
        flex: 1 1 0
    }
    .inline-flex-icons .column h6 {
        text-align: center
    }
    .faq-content.container .question {
        padding-left: 40px
    }
    .smshow {
        display: none
    }
    #citation-list {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    .shift-left-4 {
        margin-left: -32px
    }
    .bullets.large-icon p,
    .bullets.medium-icon p {
        padding-left: 86px
    }
    .bullets.flex-list {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        margin-right: 50px
    }
    .bullets.flex-list p {
        -webkit-flex: 0 0 calc(50% - 50px);
        -ms-flex: 0 0 calc(50% - 50px);
        flex: 0 0 calc(50% - 50px);
        -webkit-flex: 1 0 30%;
        -ms-flex: 1 0 30%;
        flex: 1 0 30%;
        margin-left: 50px
    }
    .bullets.flex-list p.ac {
        -webkit-align-self: center;
        -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center
    }
    .bullets.flex-list.medium-icon p {
        padding-left: 75px
    }
}

@media (min-width:768px) and (max-width:1023px) {
    .story-row {
        max-width: 970px
    }
    .story-row h2 {
        font-size: 26px
    }
    .bonus-row,
    .feature-image-row {
        max-width: 970px
    }
    .inline-flex-icons .column {
        -webkit-flex: 0 0 35%!important;
        -ms-flex: 0 0 35%!important;
        flex: 0 0 35%!important
    }
}

@media (min-width:770px) {
    .w770 {
        max-width: 770px
    }
}

@media (min-width:870px) {
    .w870 {
        max-width: 870px
    }
}

@media (min-width:970px) {
    .w970 {
        max-width: 970px
    }
}

@media (min-width:1024px) {
    .nw {
        white-space: nowrap
    }
    .mt-1 {
        margin-top: -8px!important
    }
    .mt-2 {
        margin-top: -16px!important
    }
    .mt-3 {
        margin-top: -24px!important
    }
    .mt-4 {
        margin-top: -32px!important
    }
    .mt-5 {
        margin-top: -40px!important
    }
    .mt-6 {
        margin-top: -48px!important
    }
    h1+.row,
    h1+p,
    h1.fix,
    h2+.row,
    h2+p,
    h2.fix,
    h3+.row,
    h3+p,
    h3.fix,
    h4+.row,
    h4+p,
    h4.fix {
        margin-top: 36px
    }
    section {
        padding: 60px 0
    }
    section.medium-padding {
        padding: 30px 0
    }
    .subhead {
        margin-top: 30px
    }
    .header-video-row {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }
    .features-column {
        -webkit-flex: 0 0 calc(100% - 560px);
        -ms-flex: 0 0 calc(100% - 560px);
        flex: 0 0 calc(100% - 560px);
        padding-left: 30px
    }
    .video-column {
        -webkit-flex: 0 0 560px;
        -ms-flex: 0 0 560px;
        flex: 0 0 560px
    }
    .footer-links {
        -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
        justify-content: space-around
    }
    .section-title {
        margin-bottom: 40px
    }
    h1.section-title,
    section > .container:first-child > h1:first-child {
        margin-bottom: 60px
    }
    .bonus-text,
    .feature-image-row .feature-text,
    .large-image-list .list-item .list-text,
    .story-text {
        padding-left: 42px
    }
    .story-row h2 {
        margin-top: 34px
    }
    .story-row h2+p {
        margin-top: 30px
    }
    .feature-image-row .feature-text h6,
    .story-row h6 {
        margin-top: 28px;
        margin-bottom: 28px
    }
    .vcenter-large {
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }
    .bonus-image,
    .feature-image-row .feature-image,
    .large-image-list .list-item .list-image,
    .story-image {
        width: 374px;
        -webkit-flex: 0 0 374px;
        -ms-flex: 0 0 374px;
        flex: 0 0 374px
    }
    .feature-image-row .feature-text h6:first-child {
        margin-top: 0;
        margin-bottom: 0
    }
    .feature-image-row .feature-text p:last-child {
        margin-bottom: 0
    }
    .feature-image-row.feature-image-right .feature-text {
        padding-right: 42px
    }
    .order-option-row {
        max-width: 950px;
        margin-top: -20px
    }
    .order-option-box {
        max-width: 300px;
        -webkit-flex: 0 0 33%;
        -ms-flex: 0 0 33%;
        flex: 0 0 33%;
        min-height: 400px
    }
    .single-pair {
        margin-top: 44px
    }
    .three-pair {
        margin-top: 12px
    }
    .five-pair {}
    .review-head .meta-info p.title {
        margin-top: 8px
    }
    .header-icon {
        margin-top: -20px
    }
    .triangle-white-ctr:after,
    .triangle-white-ctr:before {
        width: 50px;
        height: 50px
    }
    .inline-flex-title {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-flow: row;
        -ms-flex-flow: row;
        flex-flow: row;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }
    .inline-flex-title >:first-child {
        text-align: left;
        margin-top: 0;
        margin-bottom: 0!important
    }
    .inline-flex-title >:nth-child(2) {
        text-align: left;
        padding-left: 40px;
        -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto;
        margin-top: 0;
        margin-bottom: 0
    }
    sup {
        font-size: 12px
    }
    .background-special-1.lazyloaded {
        background-image: url("https://copperzensocks.net/aws-assets/zoom-copperzensocks/img/bg/background-special-1.jpg")
    }
}

@media (min-width:1024px) and (max-width:1199px) {
    .background-special-1 {
        background-size: 25% auto;
        background-position: calc(38% - 350px) bottom
    }
}

@media (min-width:1070px) {
    .w1070 {
        max-width: 1070px
    }
}

@media (min-width:1170px) {
    .w1170 {
        max-width: 1170px
    }
}

@media (min-width:1200px) {
    section {
        padding: 70px 0
    }
    section.medium-padding {
        padding: 40px 0
    }
    .features-column {
        padding-left: 40px
    }
    .feature-image-row .feature-text,
    .large-image-list .list-item .list-text,
    .story-text {
        padding-right: 90px
    }
    .vcenter-xlarge {
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }
    .bonus-text,
    .feature-image-row.feature-image-right .feature-text {
        padding-left: 90px
    }
}

@media (min-width:1200px) and (max-width:1439px) {
    .background-special-1 {
        background-size: 25% auto;
        background-position: calc(35% - 385px) bottom
    }
}

@media (min-width:1270px) {
    .w1270 {
        max-width: 1270px
    }
}

@media (min-width:1300px) {
    .bonus-image {
        position: relative
    }
}

@media (min-width:1440px) and (max-width:1920px) {
    .background-special-1 {
        background-size: 27.7%;
        background-position: calc(27.7% - 385px) bottom
    }
}

@media (min-width:1920px) {
    section {
        max-width: 1920px;
        margin-left: auto;
        margin-right: auto
    }
}

@media (min-width:1921px) {
    .background-special-1 {
        background-size: 532px;
        background-position: 0 100%
    }
}

.video-overlay {
    width: 100%;
    height: 100%;
    position: absolute;
    background: radial-gradient(circle, rgba(0, 0, 0, .1), rgba(0, 0, 0, .8));
    background: -webkit-radial-gradient(circle, rgba(0, 0, 0, .1), rgba(0, 0, 0, .8));
    z-index: 2 !important;
    top: 0;
    left: 0
}

.video-cover {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1 !important
}

.play-button-bg {
    position: absolute;
    display: block;
    width: 130px;
    height: 80px;
    border-radius: 5px;
    transition: all 0.2s ease-out;
    cursor: pointer;
    text-indent: 0.25em;
    top: 50%;
    left: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
    -ms-transform: translate(-50%, -50%);
    background: #da1921;
    -webkit-transition: all 0.2s ease-out
}

.play-button-bg:hover {
    -webkit-transform: translateY(-50%) translateX(-50%) scale(1.05);
    transform: translateY(-50%) translateX(-50%) scale(1.05);
    -ms-transform: translate(-50%, -50%) scale(1.05);
    transition: all 0.2s ease-out
}

.play-button-graphic {
    display: block;
    width: 130px;
    height: 80px;
    top: 50%;
    left: 50%;
    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    cursor: pointer;
    position: relative;
    -webkit-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
    -ms-transform: translate(-50%, -50%)
}

.play-button-graphic::before {
    content: "";
    position: absolute;
    border: 24px solid transparent;
    top: 50%;
    border-top-width: 18px;
    border-bottom-width: 18px;
    border-left-color: #fff;
    z-index: 2003;
    left: 50%;
    -webkit-transform: translateY(-50%) translateX(-18%);
    transform: translateY(-50%) translateX(-18%);
    -ms-transform: translate(-18%, -50%)
}

.coverTap {
    background-image: url("https://copperzensocks.net/aws-assets/zoom-copperzensocks/img/cboverlay.jpg");
    background-size: cover;
    width: 100%;
    height: 100%;
    position: relative;
    top: 0;
    left: 0;
    z-index: 1
}

.coverTap::after {
    content: "Click or Tap to Play";
    position: relative;
    top: 45px;
    color: #fff;
    font-size: 30px;
    font-weight: bold;
    display: flex;
    text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.4);
    z-index: 1;
    justify-content: center
}

@media (min-width:768px) {
    .videoWrapper {
        padding-bottom: 51.7%
    }
}

@media (max-width:767px) {
    .videoWrapper {
        padding-bottom: 51.7%
    }
    .coverTap::after {
        display: none
    }
}

.video_container {
    border: 2px solid #fff;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12), 0 3px 1px -2px rgba(0, 0, 0, .2);
    overflow: hidden
}

.videoWrapper {
    position: relative;
    padding-top: 25px;
    height: 0
}

.videoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.product_images img {
    border: 1.5px solid #fff;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .08), 0 1px 5px 0 rgba(0, 0, 0, .08), 0 3px 1px -2px rgba(0, 0, 0, .2);
    transition: all 0.5s ease
}

.product_images img:hover {
    transform: scale(1.1);
    cursor: pointer
}

@media (max-width:767px) {
    .product_images.uk-grid-small {
        margin-left: -2px
    }
    .product_images.uk-grid-small>* {
        padding-left: 2px
    }
    .product_images img {
        box-shadow: none
    }
}

.feature-icons-spritesheet h5 {
    position: relative
}

.feature-icons-spritesheet h5:after {
    content: ' ';
    display: block;
    left: 0;
    top: 5px;
    height: 24px;
    width: 24px;
    position: absolute;
    background-size: auto 24px;
    background-image: url(https://copperzensocks.net/aws-assets/zoom-copperzensocks/img/ico/feature-img-ico-sprites.png);
    background-position: inherit
}

@media (min-width:768px) {
    .feature-icons-spritesheet h5:after {
        background-size: auto 32px;
        top: 3px;
        height: 32px;
        width: 32px
    }
}

.four-eight-star-inline {
    background-image: url(../img/stars-four-eight.png);
    background-size: 111px auto;
    background-repeat: no-repeat;
    display: inline-block;
    width: 111px;
    margin-left: 3 px;
    margin-right: 3 px;
    height: 20px;
    -webkit-transform: translateY(2px);
    -ms-transform: translateY(2px);
    transform: translateY(2px)
}

.hero-testimonial {
    border-top: 1px solid #ddd;
    margin: 18px auto 0;
    padding: 14px 10px 0;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    border-radius: 8px 0
}

.hero-testimonial .hero-testimonial-img {
    -webkit-flex: 0 1 10%;
    -ms-flex: 0 1 10%;
    flex: 0 1 10%
}

.review-head {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.hero-testimonial .hero-testimonial-img .avatar {
    width: 49px;
    height: 49px;
    -webkit-flex: 0 0 49px;
    -ms-flex: 0 0 49px;
    flex: 0 0 49px;
    border: 2px solid #fff
}

.review-head .avatar {
    border-radius: 50%;
    background-color: rgba(0, 0, 0, .08)
}

.hero-testimonial p .byline {
    white-space: nowrap;
    font-size: 14px;
    font-style: italic;
    color: #165b8f;
    font-weight: 700
}

.hero-testimonial p {
    font-size: 15px;
    margin-bottom: 0;
    color: #333
}

.hero-testimonial p {
    font-size: 16px
}

.hero-testimonial .hero-testimonial-text {
    -webkit-flex: 1 0 50%;
    -ms-flex: 1 0 50%;
    flex: 1 0 50%;
    margin-left: 16px
}

.hero-testimonial .hero-testimonial-img .avatar::after {
    width: 20px;
    height: 20px;
    background-size: 20px;
    right: -4px
}

.review-head .avatar::after {
    content: ' ';
    display: block;
    background-image: url(../img/el/verified.png);
    background-repeat: no-repeat;
    width: 24px;
    height: 24px;
    position: absolute;
    background-size: 24px auto;
    right: -4px;
    bottom: 0
}

.review-body .review-video-sm::before {
    content: ' ';
    background-image: url(../img/ico/play-icon.svg);
    background-size: 100% auto;
    position: absolute;
    display: inline-block;
    vertical-align: middle;
    z-index: 2;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 75%;
    height: 75%;
    opacity: .5
}

#more-reviews-btn {
    cursor: pointer;
}

@media (max-width: 767px) {
    .hero-testimonial {
        max-width: 400px;
        margin: 10px auto 0;
        padding: 10px 6px 0
    }
    .sm-hide {
        display: none!important
    }
}

@media (min-width: 768px) {
    .sm-only {
        display: none!important
    }
}

.bullets {
 margin-top:36px;
 margin-bottom:36px
}
.bullets.tightlist {
 margin-top:24px;
 margin-bottom:24px
}
.bullets.tightlist p {
 margin-bottom:0;
 padding-bottom:6px;
 padding-top:6px
}
.bullets.tightlist.small-icon p {
 background-position:0 10px
}
.bullets.xtightlist {
 margin-top:16px;
 margin-bottom:16px
}
.bullets.xtightlist p {
 margin-bottom:0;
 padding-bottom:6px;
 padding-top:6px
}
.bullets.xtightlist.small-icon p {
 background-position:0 8px
}
.bullets.-xout p {
 background-image:url(../img/ico/xout.png)
}
.bullets.-tick p {
 background-image:url(../img/ico/tick.png)
}
.bullets.-tick.medium-icon p {
 background-position:4px 6px;
 padding-left:60px
}
.bullets.small-icon p {
 background-size:16px 16px;
 padding-left:30px;
 background-position:0 6px;
	font-size: 18px;
}
.bullets.medium-icon p {
 background-size:30px 30px;
 padding-left:76px;
 background-position:11px 11px;
 min-height:52px
}
.bullets.medium-icon p:after {
 width:52px;
 height:52px
}
.bullets.medium-icon.circle {
 background-position:center 10px
}
.bullets.large-icon p {
 background-size:60px auto;
 padding-left:76px;
 background-position:5px 5px;
 min-height:75px
}
.bullets.large-icon.circle {
 background-position:center 10px
}
.bullets.circle p {
 position:relative;
 z-index:20
}
.bullets.circle p:after {
 position:absolute;
 z-index:-1;
 content:' ';
 left:0;
 top:0;
 border-radius:50%
}
.bullets.stroke-green p:after {
 border:1.75px solid #2fac91
}
.bullets.fill-green p:after {
 background-color:#2fac91
}
.bullets p {
 padding-top:2px;
 background-repeat:no-repeat;
 background-position:0 0
}
.bullets p.no-icon {
 background-image:none!important
}
.bullets p.no-icon:after {
 display:none!important
}
.bullets p:after {
 background-image:inherit;
 background-size:inherit;
 background-repeat:inherit;
 background-position:50% 50%
}
.icon.circle {
 position:relative;
 text-align:center
}
.icon.circle:after {
 position:absolute;
 left:0;
 right:0;
 top:0;
 bottom:0;
 border:2px solid #fff;
 content:'';
 border-radius:50%
}
.icon.icon-size-3 {
 width:24px
}
.icon.icon-size-4 {
 width:32px
}
.four-eight-star-inline {
    background-image: url(../img/stars-four-eight.png);
    background-size: 111px auto;
    background-repeat: no-repeat;
    display: inline-block;
    width: 111px;
    margin-left: 3 px;
    margin-right: 3 px;
    height: 20px;
    -webkit-transform: translateY(2px);
    -ms-transform: translateY(2px);
    transform: translateY(2px);
}