html {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-ms-overflow-style: scrollbar;
scroll-behavior: smooth;
}
*,
*::before,
*::after {
-webkit-box-sizing: inherit;
box-sizing: inherit;
}
textarea:focus,
input:focus {
outline: none;
}
.container {
width: 100%;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
@media (min-width: 576px) {
.container {
max-width: 98%;
}
}
@media (min-width: 768px) {
.container {
max-width: 98%;
}
}
@media (min-width: 992px) {
.container {
max-width: 98%;
}
}
@media (min-width: 1360px) {
.container {
max-width: 1350px;
}
}
@media (min-width: 1460px) {
.container {
max-width: 1450px;
}
}
.container-fluid {
width: 100%;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
.row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: -15px;
margin-left: -15px;
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.col,
.col-auto,
.col-sm-1,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm,
.col-sm-auto,
.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md,
.col-md-auto,
.col-lg-1,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg,
.col-lg-auto,
.col-xl-1,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl,
.col-xl-auto {
position: relative;
width: 100%;
padding-right: 15px;
padding-left: 15px;
}
.col {
-ms-flex-preferred-size: 0;
flex-basis: 0%;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.col-auto {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: 100%;
}
.col-1 {
-webkit-box-flex: 0;
-ms-flex: 0 0 8.3333333333%;
flex: 0 0 8.3333333333%;
max-width: 8.3333333333%;
}
.col-2 {
-webkit-box-flex: 0;
-ms-flex: 0 0 16.6666666667%;
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%;
}
.col-3 {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.col-4 {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.3333333333%;
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%;
}
.col-5 {
-webkit-box-flex: 0;
-ms-flex: 0 0 41.6666666667%;
flex: 0 0 41.6666666667%;
max-width: 41.6666666667%;
}
.col-6 {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.col-7 {
-webkit-box-flex: 0;
-ms-flex: 0 0 58.3333333333%;
flex: 0 0 58.3333333333%;
max-width: 58.3333333333%;
}
.col-8 {
-webkit-box-flex: 0;
-ms-flex: 0 0 66.6666666667%;
flex: 0 0 66.6666666667%;
max-width: 66.6666666667%;
}
.col-9 {
-webkit-box-flex: 0;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.col-10 {
-webkit-box-flex: 0;
-ms-flex: 0 0 83.3333333333%;
flex: 0 0 83.3333333333%;
max-width: 83.3333333333%;
}
.col-11 {
-webkit-box-flex: 0;
-ms-flex: 0 0 91.6666666667%;
flex: 0 0 91.6666666667%;
max-width: 91.6666666667%;
}
.col-12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
@media (min-width: 576px) {
.col-sm {
-ms-flex-preferred-size: 0;
flex-basis: 0%;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.col-sm-auto {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: 100%;
}
.col-sm-1 {
-webkit-box-flex: 0;
-ms-flex: 0 0 8.3333333333%;
flex: 0 0 8.3333333333%;
max-width: 8.3333333333%;
}
.col-sm-2 {
-webkit-box-flex: 0;
-ms-flex: 0 0 16.6666666667%;
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%;
}
.col-sm-3 {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.col-sm-4 {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.3333333333%;
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%;
}
.col-sm-5 {
-webkit-box-flex: 0;
-ms-flex: 0 0 41.6666666667%;
flex: 0 0 41.6666666667%;
max-width: 41.6666666667%;
}
.col-sm-6 {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.col-sm-7 {
-webkit-box-flex: 0;
-ms-flex: 0 0 58.3333333333%;
flex: 0 0 58.3333333333%;
max-width: 58.3333333333%;
}
.col-sm-8 {
-webkit-box-flex: 0;
-ms-flex: 0 0 66.6666666667%;
flex: 0 0 66.6666666667%;
max-width: 66.6666666667%;
}
.col-sm-9 {
-webkit-box-flex: 0;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.col-sm-10 {
-webkit-box-flex: 0;
-ms-flex: 0 0 83.3333333333%;
flex: 0 0 83.3333333333%;
max-width: 83.3333333333%;
}
.col-sm-11 {
-webkit-box-flex: 0;
-ms-flex: 0 0 91.6666666667%;
flex: 0 0 91.6666666667%;
max-width: 91.6666666667%;
}
.col-sm-12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
}
@media (min-width: 768px) {
.col-md {
-ms-flex-preferred-size: 0;
flex-basis: 0%;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.col-md-auto {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: 100%;
}
.col-md-1 {
-webkit-box-flex: 0;
-ms-flex: 0 0 8.3333333333%;
flex: 0 0 8.3333333333%;
max-width: 8.3333333333%;
}
.col-md-2 {
-webkit-box-flex: 0;
-ms-flex: 0 0 16.6666666667%;
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%;
}
.col-md-3 {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.col-md-4 {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.3333333333%;
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%;
}
.col-md-5 {
-webkit-box-flex: 0;
-ms-flex: 0 0 41.6666666667%;
flex: 0 0 41.6666666667%;
max-width: 41.6666666667%;
}
.col-md-6 {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.col-md-7 {
-webkit-box-flex: 0;
-ms-flex: 0 0 58.3333333333%;
flex: 0 0 58.3333333333%;
max-width: 58.3333333333%;
}
.col-md-8 {
-webkit-box-flex: 0;
-ms-flex: 0 0 66.6666666667%;
flex: 0 0 66.6666666667%;
max-width: 66.6666666667%;
}
.col-md-9 {
-webkit-box-flex: 0;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.col-md-10 {
-webkit-box-flex: 0;
-ms-flex: 0 0 83.3333333333%;
flex: 0 0 83.3333333333%;
max-width: 83.3333333333%;
}
.col-md-11 {
-webkit-box-flex: 0;
-ms-flex: 0 0 91.6666666667%;
flex: 0 0 91.6666666667%;
max-width: 91.6666666667%;
}
.col-md-12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
}
@media (min-width: 992px) {
.col-lg {
-ms-flex-preferred-size: 0;
flex-basis: 0%;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.col-lg-auto {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: 100%;
}
.col-lg-1 {
-webkit-box-flex: 0;
-ms-flex: 0 0 8.3333333333%;
flex: 0 0 8.3333333333%;
max-width: 8.3333333333%;
}
.col-lg-2 {
-webkit-box-flex: 0;
-ms-flex: 0 0 16.6666666667%;
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%;
}
.col-lg-3 {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.col-lg-4 {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.3333333333%;
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%;
}
.col-lg-5 {
-webkit-box-flex: 0;
-ms-flex: 0 0 41.6666666667%;
flex: 0 0 41.6666666667%;
max-width: 41.6666666667%;
}
.col-lg-6 {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.col-lg-7 {
-webkit-box-flex: 0;
-ms-flex: 0 0 58.3333333333%;
flex: 0 0 58.3333333333%;
max-width: 58.3333333333%;
}
.col-lg-8 {
-webkit-box-flex: 0;
-ms-flex: 0 0 66.6666666667%;
flex: 0 0 66.6666666667%;
max-width: 66.6666666667%;
}
.col-lg-9 {
-webkit-box-flex: 0;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.col-lg-10 {
-webkit-box-flex: 0;
-ms-flex: 0 0 83.3333333333%;
flex: 0 0 83.3333333333%;
max-width: 83.3333333333%;
}
.col-lg-11 {
-webkit-box-flex: 0;
-ms-flex: 0 0 91.6666666667%;
flex: 0 0 91.6666666667%;
max-width: 91.6666666667%;
}
.col-lg-12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
}
@media (min-width: 1200px) {
.col-xl {
-ms-flex-preferred-size: 0;
flex-basis: 0%;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.col-xl-auto {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: 100%;
}
.col-xl-1 {
-webkit-box-flex: 0;
-ms-flex: 0 0 8.3333333333%;
flex: 0 0 8.3333333333%;
max-width: 8.3333333333%;
}
.col-xl-2 {
-webkit-box-flex: 0;
-ms-flex: 0 0 16.6666666667%;
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%;
}
.col-xl-3 {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.col-xl-4 {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.3333333333%;
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%;
}
.col-xl-5 {
-webkit-box-flex: 0;
-ms-flex: 0 0 41.6666666667%;
flex: 0 0 41.6666666667%;
max-width: 41.6666666667%;
}
.col-xl-6 {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.col-xl-7 {
-webkit-box-flex: 0;
-ms-flex: 0 0 58.3333333333%;
flex: 0 0 58.3333333333%;
max-width: 58.3333333333%;
}
.col-xl-8 {
-webkit-box-flex: 0;
-ms-flex: 0 0 66.6666666667%;
flex: 0 0 66.6666666667%;
max-width: 66.6666666667%;
}
.col-xl-9 {
-webkit-box-flex: 0;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.col-xl-10 {
-webkit-box-flex: 0;
-ms-flex: 0 0 83.3333333333%;
flex: 0 0 83.3333333333%;
max-width: 83.3333333333%;
}
.col-xl-11 {
-webkit-box-flex: 0;
-ms-flex: 0 0 91.6666666667%;
flex: 0 0 91.6666666667%;
max-width: 91.6666666667%;
}
.col-xl-12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
}
ul {
padding: 0;
}
.glider,
.glider-contain {
margin: 0 auto;
position: relative;
}
.glider,
.glider-track {
transform: translateZ(0);
}
.glider-dot,
.glider-next,
.glider-prev {
border: 0;
padding: 0;
user-select: none;
outline: 0;
}
.glider-contain {
width: 100%;
}
.glider {
overflow-y: hidden;
overflow-x: hidden;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: none;
}
.glider-track {
width: 100%;
margin: 0;
padding: 0;
display: flex;
z-index: 1;
}
.glider.draggable {
user-select: none;
cursor: -webkit-grab;
cursor: grab;
}
.glider.draggable .glider-slide img {
user-select: none;
pointer-events: none;
}
.glider.drag {
cursor: -webkit-grabbing;
cursor: grabbing;
}
.glider-slide {
user-select: none;
justify-content: center;
align-content: center;
width: 100%;
min-width: 150px;
}
.glider-slide img {
max-width: 100%;
}
.glider::-webkit-scrollbar {
opacity: 0;
height: 0;
}
.glider-next,
.glider-prev {
position: absolute;
background: 0 0;
z-index: 2;
font-size: 40px;
text-decoration: none;
left: 3px;
top: 0;
cursor: pointer;
color: #666;
opacity: 1;
line-height: 1;
transition: opacity 0.5s cubic-bezier(0.17, 0.67, 0.83, 0.67),
color 0.5s cubic-bezier(0.17, 0.67, 0.83, 0.67);
}
.glider-next:focus,
.glider-next:hover,
.glider-prev:focus,
.glider-prev:hover {
color: #ccc;
}
.glider-next {
right: 3px;
left: auto;
}
.glider-next.disabled,
.glider-prev.disabled {
opacity: 0.25;
color: #666;
cursor: default;
}
.glider-hide {
opacity: 0;
}
.glider-dots {
user-select: none;
display: flex;
flex-wrap: wrap;
justify-content: center;
margin: 0 auto;
padding: 0;
}
.glider-dot {
display: block;
cursor: pointer;
color: #ccc;
border-radius: 999px;
background: #fafafa;
width: 12px;
height: 12px;
margin: 7px;
}
.glider-dot:focus,
.glider-dot:hover {
background: #ddd;
}
.glider-dot.active {
background: #85c0ff;
}
@media (max-width: 36em) {
.glider::-webkit-scrollbar {
opacity: 1;
-webkit-appearance: none;
width: 7px;
height: 3px;
}
.glider::-webkit-scrollbar-thumb {
opacity: 1;
border-radius: 99px;
background-color: rgba(156, 156, 156, 0.25);
-webkit-box-shadow: 0 0 1px rgba(255, 255, 255, 0.25);
box-shadow: 0 0 1px rgba(255, 255, 255, 0.25);
}
}
.page-loaded .transition-half {
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
body {
text-align: left;
direction: ltr;
margin: 0;
font-size: 16px;
}
p {
line-height: 30px;
}
.p-0 {
padding: 0 !important;
}
.pl-0 {
padding-left: 0 !important;
}
.pr-0 {
padding-right: 0 !important;
}
.d-flex {
display: flex;
}
.float-right {
float: right !important;
}
.float-left {
float: left !important;
}
.has-text-align-center,
.text-center {
text-align: center !important;
}
.text-right {
text-align: right !important;
}
.text-left {
text-align: left !important;
}
.popup {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 10000000;
height: 100%;
background: rgba(45, 47, 75, 0.8);
overflow-y: auto;
}
.popup .loader {
margin: auto;
display: none;
}
.popup-content-container {
display: contents;
}
.popup-container {
width: 87%;
max-width: 1110px;
margin: 75px auto 20px;
background: #fff;
padding: 20px;
display: flex;
position: relative;
border-radius: 20px;
}
.popup-content {
width: 100%;
}
.close-popup {
position: absolute;
top: -19px;
right: -19px;
width: 40px;
height: 40px;
border: solid #d74b03;
text-align: center;
border-radius: 50%;
line-height: 37px;
background: #d74b03 url(images/sprite-v8.svg#menu-close-2) no-repeat center;
background-size: 15px;
color: #fff;
cursor: pointer;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
z-index: 1;
}
.close-popup:hover {
border: solid #a93b03;
background-color: #a93b03;
}
.popup input[type="text"],
.popup input[type="password"],
.popup input[type="email"],
.woocommerce input[type="text"],
.woocommerce input[type="password"],
.woocommerce input[type="email"],
.woocommerce input[type="tel"],
.woocommerce select,
.woocommerce textarea {
background: #ececec;
border: 1px solid #ddd;
border-radius: 0;
padding: 13px;
width: 100%;
}
.form-group {
position: relative;
padding-bottom: 20px;
margin-bottom: 5px;
}
.form-group label {
display: block;
}
.form-control.not-ok {
border: 1px solid red;
}
.popup .button,
.woocommerce .button {
cursor: pointer;
line-height: 26px;
padding: 6px 20px;
float: left;
border: 1px solid #4b4592;
background: #4b4592;
border-radius: 20px;
transition: all 0.5s;
color: #fff;
}
.popup .button:hover,
.popup input[type="submit"]:hover,
.woocommerce .button:hover {
background: #413b88;
border: 1px solid #413b88;
color: #fff;
}
.text-white {
color: #fff;
}
.bg-primary {
background: #1f7191;
}
.popup-title {
font-size: 35px;
margin-top: 30px;
margin-bottom: 35px;
}
a {
text-decoration: none;
color: #000;
}
img {
max-width: 100%;
height: auto;
}
h1 {
font-size: 33px;
}
.bold-text {
font-weight: 700;
}
.button-sets {
float: left;
width: 100%;
padding: 20px 0;
margin-top: 30px;
}
.btn,
#submit {
border: none;
background: #fff;
padding: 14px 16px;
border-radius: 30px;
cursor: pointer;
display: inline-block;
overflow: hidden;
white-space: nowrap;
}
.page-loaded .btn,
.page-loaded .form-control,
.page-loaded .navbar a,
.page-loaded .top-search-icon,
.responsive-menu-handler,
.menu-top-menu-container,
.page-link,
.page-numbers,
.copyright * {
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.btn:hover {
transform: scale(1.05) !important;
}
.btn.btn-shadow {
box-shadow: -9px 12px 0 -3px #bac3d7;
}
.btn.btn-shadow:hover {
box-shadow: -6px 9px 6px 2px #b8c1d3;
}
.btn.btn-shadow-red {
box-shadow: 5px 9px 9px 0 #6e0b31;
}
.btn.btn-shadow-red:hover {
box-shadow: 5px 20px 12px 0 #6e0b31;
}
.btn.btn-shadow-blue {
box-shadow: 5px 9px 9px 0 #0e4b62;
}
.btn.btn-shadow-blue:hover {
box-shadow: 5px 20px 12px 0 #0e4b62;
}
.btn-rounded {
border-radius: 28px;
}
.btn-large {
font-size: 19px;
padding: 15px 20px;
border: solid 5px;
}
.btn-large.btn-rounded {
border-radius: 50px;
}
.btn-common-orange {
background: #ff6363;
color: #000;
}
.btn-common-red {
background: #df2f2f;
color: #fff;
}
.btn-common-green {
background: #28caba;
color: #fff;
}
.btn-common-pink {
background: #ae4e98;
color: #fff;
}
.btn-common-purple {
background: #754eae;
color: #fff;
}
.btn-common-blue {
background: #1b58a7;
color: #fff;
}
.badge {
width: 75px;
height: 75px;
position: absolute;
}
.new-badge {
background: url(images/sprite-v8.svg#new-label) no-repeat;
background-size: 100%;
top: -10px;
right: -10px;
}
.hot-badge {
background: url(images/sprite-v8.svg#promotion) no-repeat;
background-size: 100%;
top: -48px;
right: -9px;
filter: drop-shadow(-5px 5px 0 rgba(0, 0, 0, 0.09));
}
.page-intro .search-box .form-control {
width: 50%;
padding: 14px 10px 15px;
font-size: 17px;
float: none;
height: 53px;
text-align: center;
border: solid 5px #eee;
}
.page-intro .search-box .btn {
margin-left: -114px;
width: 116px;
height: 54px;
padding: 0 0 0 26px;
background-image: url(images/sprite-v8.svg#search);
background-size: 24px;
background-repeat: no-repeat;
font-size: 16px;
background-position: left 12px center;
border: solid #fff;
background-color: #55b353;
}
.form-control,
.comment-form input[type="text"],
.comment-form input[type="email"],
.comment-form textarea {
padding: 10px;
border-radius: 30px;
border: solid 1px #ccc;
}
.form-control:focus {
box-shadow: 0 0 7px 0 #eee;
}
.jumbotron,
.footer,
.copyright {
float: right;
width: 100%;
}
.jumbotron {
padding: 20px 0;
}
.navbar,
.sticky-purchase {
position: fixed;
top: 0;
width: 100%;
color: #fff;
z-index: 1000;
background: #fff;
box-shadow: 0 28px 10px -27px rgba(0, 0, 0, 0.37);
transition: all 0.3s;
}
.only-progress.navbar {
top: -52px;
}
.navbar a {
color: #4d4d4d;
}
.navbar a:hover {
color: #05662b;
}
.navbar a.btn:hover {
color: #fff;
}
.navbar ul {
display: inline-flex;
list-style: none;
width: 850px;
margin: 0 auto;
}
.navbar ul .sub-menu {
display: none;
position: absolute;
width: 100%;
background: #fff;
border-radius: 14px;
top: 62px;
left: 0;
padding: 10px 0;
box-shadow: 0 0 12px 3px #0000003b;
-o-box-shadow: 0 0 12px 3px #0000003b;
-webkit-box-shadow: 0 0 12px 3px #0000003b;
border: solid 6px #f5f5f5;
}
.navbar ul .active .sub-menu {
display: block;
}
.navbar ul .sub-menu li {
float: left;
width: 33.33%;
margin: 7px 0;
padding: 0 10px;
text-align: left;
}
.open-child {
display: none;
float: right;
background: #e2e2e2;
width: 28px;
height: 28px;
text-align: center;
border-radius: 50%;
font-weight: 700;
line-height: 26px;
font-size: 20px;
color: #2d775b;
cursor: pointer;
margin-top: 10px;
margin-right: 22px;
}
.top-menu > li > a {
background-repeat: no-repeat;
background-position: left 18px;
background-size: 22px 22px;
cursor: pointer;
}
a.go-premium-menu {
float: right;
border: solid 3px;
padding: 9px 12px 9px 33px;
margin-top: 4px;
margin-left: 10px;
background: #269027 url(images/sprite-v8.svg#premium) no-repeat;
background-size: 22px;
background-position: left 7px center;
font-weight: 700;
font-size: 16px;
box-shadow: -4px 4px 0 0 #2a56713b;
color: #fff;
}
.ebooks-menu > a {
background-image: url(images/sprite-v8.svg#ebook);
}
.puzzles-menu > a {
background-image: url(images/sprite-v8.svg#puzzle);
}
.courses-menu > a {
background-image: url(images/sprite-v8.svg#course);
}
.worksheets-menu > a {
background-image: url(images/sprite-v8.svg#calculator);
}
.math-tips-menu > a {
background-image: url(images/sprite-v8.svg#article);
}
.blog-menu > a {
background-image: url(images/sprite-v8.svg#article);
}
.puzzles-menu ul.sub-menu {
width: 330px;
left: auto;
}
.math-tips-menu ul.sub-menu {
width: 150px;
left: auto;
}
.puzzles-menu ul.sub-menu li,
.math-tips-menu ul.sub-menu li {
width: 100%;
}
.navbar .sub-menu a {
color: #000;
padding-left: 22px;
font-size: 15px;
font-weight: 400;
}
.navbar .active > a::before {
content: "";
width: 0;
height: 0;
border-left: 8px solid transparent;
border-right: 8px solid transparent;
border-bottom: 12px solid #f9f9f9;
position: absolute;
bottom: 1px;
}
.dashboard-link {
display: none;
}
.dashboard-text-link {
float: right;
margin: 15px 8px 0 0;
}
.close-menu {
display: none;
}
.responsive-menu-handler {
cursor: pointer;
width: 25px;
height: 25px;
float: right;
background: url(images/sprite-v8.svg#menu-open) no-repeat;
background-size: 100%;
margin: 14px 0 0 11px;
display: none;
}
.responsive-menu-handler:hover {
opacity: 1;
}
.top-shopping-cart-container {
position: relative;
float: right;
color: #000;
}
.top-shopping-cart {
position: absolute;
top: 54px;
right: 0;
width: 320px;
display: none;
background: #fff;
border-radius: 5px;
z-index: 100000;
cursor: default;
-webkit-box-shadow: 0 5px 4px -1px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0 5px 4px -1px rgba(0, 0, 0, 0.3);
box-shadow: 0 5px 4px -1px rgba(0, 0, 0, 0.3);
}
.top-shopping-cart .cart-stat-item del {
display: none;
}
.top-shopping-cart .top-shopping-cart-products-list {
padding: 10px;
max-height: 450px;
overflow-y: auto;
}
.top-shopping-cart-product-item {
float: left;
border-bottom: solid #ddd;
margin-bottom: 14px;
padding-bottom: 15px;
position: relative;
}
.top-shopping-cart img {
float: left;
width: 60px;
margin-right: 10px;
height: auto;
}
.shopping-cart-count {
position: absolute;
top: 1px;
right: -9px;
background: #1e5fb4;
width: 24px;
text-align: center;
border-radius: 50%;
color: #fff;
font-size: 14px;
height: 24px;
line-height: 23px;
font-weight: 700;
opacity: 0.8;
}
.shopping-cart-stats-wrapper {
position: relative;
cursor: pointer;
}
.top-shopping-cart:before {
width: 23px;
height: 30px;
position: absolute;
top: -15px;
right: 18px;
background: url(images/sprite-v8.svg#triangle) bottom/24px no-repeat;
}
.top-cart-actions {
float: left;
width: 100%;
background: #fff;
padding-top: 16px;
text-align: center;
padding-bottom: 25px;
border-radius: 0 0 5px 5px;
box-shadow: 0 -5px 12px 0 #ddd;
-webkit-box-shadow: 0 -5px 12px 0 #ddd;
-o-box-shadow: 0 -5px 12px 0 #ddd;
}
.top-cart-actions .full-total {
margin-top: 0;
font-weight: 700;
}
.top-shopping-cart .cart-stat-item b {
float: right;
color: #4b4893;
}
.cart-stat-item {
float: left;
width: 100%;
}
.top-shopping-cart h4 {
float: left;
width: calc(100% - 70px);
margin-bottom: 5px;
margin-top: 0;
color: #000;
font-size: 15px;
}
.top-shopping-cart-product-item .remove-item-from-cart {
position: absolute;
left: -8px;
top: -9px;
width: 20px;
height: 20px;
text-align: center;
background: red;
border-radius: 50%;
color: #fff;
font-weight: 700;
line-height: 18px;
}
.top-shopping-cart-product-item:last-child {
margin-bottom: 0;
border: none;
}
.show-shopping-cart {
height: 25px;
float: right;
background: #20a5d9 url(images/sprite-v8.svg#shopping-cart-white) no-repeat
left 12px center/20px;
margin: 8px 0;
padding: 6px 14px 24px 37px;
border-radius: 40px;
color: #fff;
border: solid 4px #1499cd;
opacity: 0.9;
}
.show-shopping-cart:hover {
opacity: 1;
}
.top-search-icon {
float: right;
width: 25px;
height: 25px;
background: url(images/sprite-v8.svg#search-books) no-repeat;
background-size: 100%;
margin-top: 16px;
margin-right: 14px;
margin-left: 7px;
cursor: pointer;
opacity: 0.8;
}
.top-account-icon {
float: right;
width: 26px;
height: 26px;
background: url(images/sprite-v8.svg#user) no-repeat;
background-size: 100%;
margin-top: 14px;
margin-right: 10px;
cursor: pointer;
opacity: 0.74;
}
.top-account-icon:hover,
.top-search-icon:hover {
opacity: 1;
}
.menu-top-menu-container {
position: relative;
max-width: 80%;
float: left;
}
.menu-top-menu-container li {
font-size: 15px;
padding: 0;
margin: 0 auto;
font-weight: 700;
}
.menu-top-menu-container > ul > li > a {
padding: 21px 0 18px 25px;
display: inline-block;
}
.top-main-btn {
margin-top: 6px;
}
.logo {
float: left;
width: 177px;
margin-right: 30px;
margin-top: 9px;
background: url(images/logo-new-medium.png) no-repeat center / 177px;
height: 40px;
font-size: 0;
}
.login-description-section,
.register-description-section {
position: absolute;
background: #002f9e;
height: 100%;
border-radius: 0 20px 20px 0;
color: #fff;
text-align: center;
right: 0;
}
.login-description-section .btn,
.register-description-section .btn {
color: #fff;
padding: 12px 20px;
font-size: 16px;
}
.login-description-section {
float: right;
width: 65%;
font-size: 18px;
}
.login-description-section img {
max-width: 100%;
}
.login-form-section h3 {
border-bottom: solid #333;
padding-bottom: 10px;
margin-bottom: 50px;
}
.login-form-section {
float: left;
width: 35%;
padding: 1%;
min-height: 480px;
}
.login-form-section .btn,
.register-form-section .btn {
float: none;
padding: 10px 25px;
}
.check-email-text {
margin-top: 5px;
font-size: 14px;
}
.login-popup .popup-container,
.register-popup .popup-container {
padding: 0;
margin-bottom: 70px;
}
.woocommerce-form__label-for-checkbox {
float: right;
margin-top: 12px;
}
.register-description-section {
float: right;
width: 65%;
font-size: 21px;
}
.login-description-section h3,
.register-description-section h3 {
text-align: center;
margin-top: 40px;
margin-bottom: 20px;
font-size: 37px;
}
.register-form-section h3 {
border-bottom: solid #333;
padding-bottom: 10px;
margin-bottom: 15px;
}
.register-form-section {
float: left;
width: 35%;
padding: 1%;
min-height: 450px;
}
.under-form-links {
float: left;
width: 100%;
padding: 20px 0;
}
.under-form-links button:last-child {
background: none;
border: none;
color: #9860b7;
font-size: 16px;
float: right;
cursor: pointer;
}
.under-form-links a:first-child {
float: left;
}
.forgot-password-form a.login-back-link,
.register-form-section a.login-link {
margin: 0 auto;
float: none;
}
.forgot-password-form .code-field,
.forgot-password-form .password-field {
display: none;
}
.aligncenter,
.forgot-password-form.reset-password .code-field,
.forgot-password-form.reset-password .password-field,
.forgot-password-form.send-code .code-field {
display: block;
}
.page-intro {
margin-top: 0;
padding-top: 100px;
color: #000;
}
.article-intro.page-intro {
padding-top: 10px;
}
.article-intro.page-intro p {
margin: 10px 0;
}
.read-more-arrow {
margin-top: 20px;
margin-bottom: 10px;
}
.page-intro a {
color: #3b923c;
}
.page-intro h1 {
margin-top: 0;
margin-bottom: 0;
line-height: 50px;
}
.page-intro h1 span {
color: #007a02;
}
.page-intro .search-box {
margin-top: 30px;
}
.new-posts-section {
background: #ddd;
}
.new-posts-section .section-title::after {
background-color: #2e726a;
}
.product-item {
margin-bottom: 40px;
padding: 0 10px;
}
.product-item-title-wrapper h3 {
font-size: 20px;
margin-top: 15px;
text-align: center;
}
.product-item-image a {
float: none;
max-width: 230px;
width: calc(100% - 50px);
display: inline-block;
margin: 0 auto;
}
.product-item-image img {
background: #bd4747;
border-radius: 20px;
margin: -7px 0 0;
width: 100%;
box-shadow: -7px 8px 0 0 #75829f33;
}
.product-item-container {
background: #fff;
float: right;
width: 100%;
padding: 14px 4px 0;
border-radius: 20px;
border: solid 10px #f9f9f9;
box-shadow: -11px 11px 0 -5px #9374741c;
}
.product-item-image {
text-align: center;
}
.product-item-title-wrapper {
float: left;
font-size: 21px;
font-weight: 400;
color: #777;
height: 52px;
width: 100%;
-webkit-box-orient: vertical;
text-overflow: ellipsis;
white-space: normal;
display: -webkit-box;
-webkit-line-clamp: 2;
overflow: hidden;
margin-bottom: 15px;
padding: 0 10px;
}
.top-seller-book::before {
content: "Top Seller";
position: absolute;
top: -11px;
background: #ffd83f;
color: #000;
padding: 5px 4px;
border-radius: 17px;
font-weight: 800;
z-index: 10;
font-size: 14px;
width: 90px;
right: 12px;
line-height: 12px;
text-align: center;
}
.sidebar-container .top-seller-book::before {
top: 5px;
right: 20px;
width: 115px;
}
.section-title {
text-align: center;
font-size: 35px;
padding-bottom: 50px;
color: #51605e;
}
.section-title::after,
.sidebar-section-title::after {
width: 280px;
height: 5px;
background: #2b8075;
content: "";
display: block;
margin: 18px auto 0;
border-radius: 10px;
}
.top-products-section {
background: #f2f2f2;
}
.new-products-section {
background: #ececec;
}
.article-page-body .new-products-section {
position: relative;
background: #00879e;
border-top: solid 20px #eeebf4;
border-bottom: solid 20px #eeebf4;
}
.article-page-body .new-products-section .product-list {
margin-top: -75px;
}
.article-page-body .new-products-section button {
color: #fff;
}
.home-section-title {
float: left;
width: 100%;
text-align: center;
font-size: 30px;
}
.onsale-products-section h2 {
color: #4e6368;
}
.onsale-products-section {
background: #e4e4e4;
}
.btn-book-sale {
background-repeat: no-repeat;
background-image: url(images/sprite-v8.svg#book);
background-size: 35px;
background-position: left 10px center;
padding-left: 55px;
}
.video-intro-section {
background: #f6f6f6;
color: #000;
}
.play-video-image,
.intro-video {
border: solid 6px #fff;
border-radius: 20px;
float: right;
width: 100%;
box-shadow: -7px 7px 0 0 #aeacbb;
}
.intro-video-description h2 {
font-size: 29px;
}
figure.video {
margin-right: 0;
margin-left: 0;
position: relative;
width: 100%;
height: 0;
padding-bottom: 56.25%;
}
figure.video iframe {
position: absolute;
top: 0;
right: 0;
width: 100%;
height: 100%;
}
.page-intro .search-box .form-control,
.page-intro .search-box .btn {
float: none;
}
.page-intro p {
font-size: 18px;
line-height: 28px;
}
.new-posts-section .post-list {
position: relative;
float: left;
background: #fff;
padding: 20px;
border-radius: 20px;
border: solid 10px #fafafa;
}
.new-posts-section .post-list-item-container {
float: left;
background: #fbfbfb;
margin-bottom: 60px;
border-radius: 20px;
border: solid 10px #f7f7f7;
width: 100%;
}
.new-posts-section .post-list-item-featured img {
border: solid 10px #f3f3f3;
border-radius: 20px;
margin-top: -50px;
width: 100%;
background: #0037a4;
}
.post-list-item-detail {
height: 100px;
}
.post-list-item h2,
.post-list-item h3 {
font-size: 20px;
}
.post-list-more-item {
margin-top: 20px;
}
.post-list-more-item a,
.random-posts a,
.navbar .sub-menu a,
.footer-menu a {
padding-left: 18px;
background: url(images/sprite-v8.svg#arrow-right-black) no-repeat left center /
12px;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.footer-menu a {
background-image: url(images/sprite-v8.svg#arrow-right);
}
.post-list-more-item a:hover,
.random-posts a:hover,
.navbar .sub-menu a:hover,
.footer-menu a:hover {
background-position: left 5px center;
}
.no-post-here {
text-align: center;
font-weight: 700;
font-size: 30px;
}
.right-sidebar {
position: initial;
overflow-y: auto;
max-height: 100%;
}
.right-sidebar.fixed {
position: fixed;
top: 145px;
}
.right-sidebar.absolute {
position: absolute;
}
.sidebar-container {
float: left;
width: 100%;
padding-bottom: 20px;
padding-left: 0;
overflow: hidden;
position: relative;
}
.sidebar-container .product-list {
border-radius: 20px;
}
.sidebar-container .product-item {
padding: 15px 0 7px;
margin-bottom: 10px;
width: 100%;
}
.sidebar-container .product-item-image img {
margin: -3px 0 0 3px;
border-radius: 10px;
}
.sidebar-container .product-item-title-wrapper {
-webkit-box-orient: unset;
width: 51%;
height: auto;
}
.sidebar-container .product-item-title-wrapper h3 {
text-align: left;
font-size: 17px;
}
.sidebar-container h3 .part-2 {
display: none;
}
.sidebar-container .product-item-image a {
width: 110px;
}
.sidebar-container .product-item-price-wrapper,
.sidebar-container .common-products-list .product-item-purchase {
margin: 0;
width: auto;
padding: 0;
}
.sidebar-container .product-item-container {
box-shadow: none;
border: solid 5px #f7f7f7;
padding: 16px 0 0;
}
.sidebar-container .product-item-reviews-recommends {
display: none;
}
.sidebar-container .product-item-price {
padding-left: 10px;
}
.white-sidebar-block {
background: #fff;
border-radius: 20px;
padding: 10px;
}
.related-post-item h4 {
float: left;
width: calc(100% - 100px);
padding-left: 10px;
line-height: 30px;
font-size: 17px;
font-weight: 400;
margin: 0;
}
.related-post-item img {
float: left;
width: 100px;
height: 100px;
border-radius: 50%;
border: solid 6px #ebe9ed;
margin: -29px 0 0 -17px;
}
.related-post-item {
float: left;
width: 100%;
margin-top: 10px;
background: #faf8fc;
padding: 10px;
border-radius: 20px;
border: solid 5px #f8f5fe;
margin-bottom: 10px;
}
.entry {
font-size: 17px;
line-height: 40px;
}
.entry a {
color: #066408;
}
.entry h2,
.entry h3 {
margin-top: 50px;
margin-bottom: 15px;
font-size: 28px;
}
.entry h3 {
font-size: 22px;
}
.entry ul {
padding-left: 20px;
}
div.code-toolbar {
font-size: 25px;
}
.entry pre[class*="language-"] {
font-size: 0.7em;
}
.entry blockquote {
padding-left: 8px;
margin: 0;
border-left: solid 6px #ba1f82;
}
.entry ol li::marker {
color: #ff0089;
}
.entry pre {
border-radius: 5px;
max-width: 100%;
}
.entry code {
background: #f4d6d6;
color: #000;
font-size: 21px;
border-radius: 5px;
padding: 0 5px;
display: inline-grid;
overflow: auto;
max-width: 100%;
line-height: 1.8em;
}
.entry .MathJax .mfrac {
font-size: 114%;
}
.MathJax_Display {
text-align: left !important;
}
.entry s {
color: #df0069;
text-decoration: none;
font-weight: 700;
}
.entry figure {
margin: 0;
text-align: center;
font-size: 15px;
line-height: 29px;
}
.entry .product-list {
float: left;
width: 100%;
}
.entry .product-list .product-item-image {
max-width: 33% !important;
width: 200px;
position: relative;
z-index: 1;
}
.entry .product-list .product-item-title-wrapper {
max-width: calc(100% - 220px);
height: auto;
border-bottom: solid #dfdada;
padding-bottom: 8px;
display: block;
margin-bottom: 5px;
}
.product-container .entry .product-list .product-item-title-wrapper {
max-width: calc(100% - 210px);
}
.entry .product-list .product-item-image img {
width: 100%;
margin: 0;
box-shadow: none;
border-radius: 12px;
}
.entry .product-list h3,
.entry .product-list h4 {
font-size: 25px;
line-height: 38px;
margin: 0;
color: #0d1931;
text-align: left;
}
.entry .product-list .part-1 {
height: auto;
font-size: 23px;
width: 100%;
display: block;
}
.entry .product-list .product-item-title-wrapper .part-2 {
font-size: 16px;
height: auto;
color: #646464;
line-height: 26px;
display: block;
font-weight: 400;
}
.entry .product-list .product-item-price-wrapper {
margin: 0;
padding-left: 17px;
border: none;
background: transparent;
width: auto;
text-align: left;
}
.entry .product-list .product-item-price-wrapper ins {
width: 100%;
}
.entry .product-list .btn-purchase-ajax {
margin: 13px 0 0 0;
position: relative;
z-index: 1;
float: right;
background-color: #006811;
padding: 12px 22px 12px 48px;
border: none;
}
.entry .product-list .product-item-image a {
float: left;
width: 100%;
}
.entry .list-reviews {
left: 14px;
}
.entry .product-item-container {
background: #f4f4f4;
position: relative;
padding: 14px 10px 0;
box-shadow: none;
border: none;
}
.entry .product-item-purchase-wrapper {
width: auto;
text-align: center;
padding-right: 7px;
margin-top: 0;
}
.entry .product-item {
padding: 0;
}
.entry-related-posts .post-item {
border-bottom: solid 1px #ddd;
padding: 10px 0 !important;
}
.entry-related-posts img {
float: left;
margin-right: 5px;
border-radius: 10px;
width: 100%;
}
.entry-related-posts {
float: left;
width: 100%;
margin-top: 15px;
}
.entry-related-posts .post-list {
list-style: none;
padding: 0;
}
.entry-related-posts .post-item a {
line-height: 23px;
margin-top: 6px;
margin-bottom: 5px;
font-weight: 700;
float: left;
width: 100%;
font-size: 18px;
}
.entry p {
margin-top: 0;
}
.random-posts ul {
margin: 0;
}
.random-posts li {
list-style: none;
margin-bottom: 20px;
}
.our-blog.related-posts-section .post-list {
margin-top: -140px;
}
.wp-block-columns {
display: flex;
max-width: 100%;
overflow-y: auto;
}
.wp-block-column {
padding: 3px;
}
.column-button {
font-weight: 700;
list-style: inside;
display: list-item;
}
.column-buttons {
margin-bottom: 20px;
}
.wp-block-image img {
max-width: 100%;
}
.wp-block-image .lazy-load-image {
width: 100%;
}
.post-container {
float: left;
overflow: hidden;
}
p:first-letter {
text-transform: capitalize;
}
.post-image img {
border-radius: 8px;
margin-top: 60px;
width: 100%;
margin-bottom: 8px;
background: #ad616f;
}
#email-notes,
.comment-notes {
display: none;
}
.commentlist li {
background: #f8f8fa;
padding: 15px;
list-style: none;
float: right;
width: 100%;
overflow: hidden;
margin: 10px 0;
border-radius: 20px;
}
.comment-author.vcard {
float: left;
width: 50%;
margin-bottom: 10px;
line-height: 65px;
}
.avatar {
width: 80px;
height: 80px;
border-radius: 50%;
margin-right: 7px;
float: left;
border-radius: 50%;
background: url(images/sprite-v8.svg#avatar);
background-size: 100%;
margin-left: -22px;
margin-top: -24px;
border: solid 9px #fff;
}
.comment-meta.commentmetadata {
width: 50%;
float: right;
}
.comment-meta.commentmetadata a {
color: #a8a8a8;
font-size: 14px;
margin-top: 12px;
float: right;
margin-right: 10px;
}
.comment p {
float: right;
width: 100%;
padding: 10px;
line-height: 40px;
margin-top: 0;
}
.comment .meta {
width: 60%;
float: left;
margin: 0;
padding: 0;
}
.reply {
width: 100%;
float: right;
}
.comment .children li {
background: #f7f7f7;
margin-top: 20px;
}
#comment,
.wpcf7-textarea {
width: 100%;
background: #fbfbfb;
border: solid 1px #ebebeb;
resize: none;
padding: 20px 15px;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
border-radius: 30px;
}
.wpcf7-textarea {
max-width: 700px;
}
.comment-form p label {
width: 20%;
font-size: 14px;
float: left;
text-align: left;
margin-bottom: 7px;
}
.comment-form p input[type="text"],
.comment-form p input[type="email"],
.wpcf7-text {
background: #fbfbfb;
border: solid 1px #ebebeb;
width: 80%;
padding: 10px;
max-width: 320px;
}
.commentlist {
margin: 0;
width: 100%;
float: right;
padding: 0;
}
.comments-section {
background: #e7e4ed;
padding-bottom: 50px;
}
.comment-form p {
width: 100%;
float: right;
margin: 10px 0;
}
.meta {
margin-top: 0;
}
#review_form_wrapper {
background: #fff;
border-radius: 20px;
}
input.submit,
button.submit,
.wpcf7-submit {
padding: 10px 20px;
border-radius: 4px;
border: none;
cursor: pointer;
background: #ff491b;
color: #fff;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
input.submit:hover,
button.submit:hover,
.wpcf7-submit:hover {
background: #dd3f17;
}
.comment-form-cookies-consent {
display: none;
}
.product-page .review-stars {
float: left;
padding-top: 30px;
padding-bottom: 40px;
}
.product-page .review-form {
float: right;
}
.comment-form-rating label {
float: left;
width: 100%;
margin-bottom: 8px;
margin-top: 10px;
}
#review_form_wrapper,
.g-recaptcha {
float: left;
width: 100%;
margin-bottom: 10px;
}
.woocommerce-review__author {
float: left;
margin-left: 5px;
}
.commentlist .description {
float: left;
padding-left: 5px;
width: 100%;
}
.commentlist .comment-text {
padding-top: 2px;
}
.commentlist .star-rating {
margin-top: 3px;
}
#review_form_wrapper {
background: #fff;
}
.product-section .review-summary .star-rating {
position: relative;
margin: 20px auto 0;
float: none;
width: 150px;
height: 130px;
background-size: 30px;
}
.product-section .review-summary .star-rating span {
background-size: 30px;
padding-top: 30px;
}
.product-rate-summary {
padding: 0;
}
.product-item-purchase {
position: relative;
}
.product-item-purchase.fixed {
position: fixed;
right: 10px;
bottom: 10px;
z-index: 100000;
}
.product-item-purchase.fixed .btn {
margin: 0;
z-index: 10000;
position: relative;
}
.product-item-purchase.fixed .discount-percent {
float: left;
font-size: 18px;
position: absolute;
left: -2px;
top: -23px;
background: #ffda10;
border-radius: 30px;
padding: 3px 10px;
border: solid 3px #f4cf05;
}
.product-item-purchase.fixed .btn.loading {
font-size: 0;
border-radius: 50%;
padding: 27px;
}
.purchase-tooltip {
position: absolute;
bottom: 15px;
right: 0;
background: #fff;
color: #000;
border-radius: 50px;
padding-right: 92px;
border: solid 5px #ddd9db;
padding-left: 18px;
}
.purchase-tooltip ins {
float: left;
width: 100%;
text-decoration: navajowhite;
font-size: 23px;
}
.purchase-tooltip del {
color: #888;
font-size: 12px;
float: left;
margin-bottom: -4px;
margin-top: 9px;
}
.star-rating {
float: right;
width: 80px;
height: 18px;
background: url(images/sprite-v8.svg#star-empty) left 0 repeat-x;
background-size: 16px;
}
.star-rating span {
background: url(images/sprite-v8.svg#star-filled) left top repeat-x;
height: 0;
padding-top: 18px;
overflow: hidden;
float: left;
background-size: 16px;
}
.hreview-aggregate .star-rating {
margin: 10px 0 0;
}
#review_form #respond {
position: static;
margin: 0;
width: auto;
padding: 0;
background: 0 0;
border: 0;
}
#review_form #respond:after {
display: block;
}
#review_form #respond p {
margin: 0 0 10px;
}
#review_form #respond .form-submit {
text-align: center;
}
#review_form #respond textarea,
.wpcf7-textarea {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
}
#commentform #submit {
background: #a80d73;
}
.comments-wrapper {
float: left;
width: 100%;
}
.article-summary .article-author {
display: none;
float: left;
background: #fafafa;
padding: 10px 10px;
text-align: justify;
width: 100%;
}
.article-summary .article-author .author-image {
float: left;
width: 75px;
text-align: center;
}
.article-summary .article-author img {
border-radius: 50%;
}
.article-summary .author-details {
float: left;
width: calc(100% - 75px);
padding-left: 10px;
line-height: 30px;
font-size: 19px;
}
.article-summary .author-details h4 {
font-size: 20px;
margin-top: 24px;
}
.article-summary {
display: none;
position: relative;
float: left;
width: 100%;
}
.article-summary .post-date {
position: absolute;
right: 12px;
color: #999;
top: 40px;
}
.article-summary .article-author {
float: left;
background: #fafafa;
padding: 10px 10px;
text-align: justify;
}
.article-summary p {
font-size: 19px;
line-height: 40px;
}
.post-tags {
float: left;
width: 100%;
margin-top: 15px;
background: #f1f0f4;
border-radius: 10px;
margin-bottom: 10px;
padding-bottom: 10px;
padding-left: 10px;
}
.post-tags a {
float: left;
padding: 10px;
color: #353355;
margin-right: 5px;
margin-top: 10px;
}
.post-tags a:before {
content: "#";
}
.right-sidebar .post-tags a {
margin-top: 0;
}
.related-posts-section {
background: #e6e3ec;
padding-bottom: 80px;
}
.related-posts-section h5 {
font-size: 17px;
height: 50px;
margin-top: 10px;
line-height: 26px;
}
.related-posts-section .post-item-image img {
border: solid 10px #f9f6fe;
border-radius: 20px;
}
.sidebar-container .search-box .form-control {
width: calc(100% - 39px);
float: left;
padding: 13px;
}
.sidebar-container .search-box .btn {
margin-left: -74px;
padding: 14px 35px;
}
.popular-searches {
list-style: none;
}
.popular-searches li {
display: inline-block;
font-size: 14px;
}
.popular-searches .btn {
background: #f5f3f7;
border-radius: 30px;
padding: 5px 13px;
margin: 15px 2px 0 0;
color: #000;
display: inline-block;
}
.close-popular {
display: none;
position: absolute;
left: 0;
top: -2px;
background: #ddd;
font-weight: 700;
font-size: 50px;
width: 45px;
height: 28px;
line-height: 0;
border-radius: 5px;
padding: 0 0 5px 0;
box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.5);
}
.single-post-date-author {
padding: 0 15px;
}
.organization-details {
display: none;
float: left;
width: 100%;
background: #f6f6f6;
padding: 0 6px;
}
.organization-image {
float: left;
margin-right: 15px;
margin-top: 6px;
margin-bottom: 6px;
width: 85px;
}
.organization-name {
float: left;
margin: 21px 0 0 0;
font-size: 20px;
font-weight: 700;
}
.post-page {
padding: 110px 0 40px;
}
.post-page .container {
max-width: 1080px;
}
.custom-page-body .post-wrapper {
padding: 0;
}
.post-wrapper {
max-width: 660px;
}
.post-wrapper {
max-width: 660px;
}
.my-account-page-body .post-wrapper {
max-width: 100%;
}
.section-404 {
background: #fff;
}
.search-popup .search-box {
padding-bottom: 30px;
}
.search-popup .search-box .form-control {
width: 50%;
height: 50px;
font-size: 17px;
padding-bottom: 12px;
}
.pagination-toolbar {
float: right;
width: 100%;
text-align: center;
padding: 13px;
background: #fafafa;
border-radius: 40px;
box-shadow: 0 0 14px -11px #000;
margin-top: 50px;
display: block;
}
.page-link,
.page-numbers {
padding: 10px 16px;
display: inline-block;
background: #eee;
border-radius: 40px;
font-size: 18px;
margin: 3px;
color: #000;
}
.page-numbers.current {
color: #fff;
background: #076642;
}
.page-numbers.active,
.page-link:hover {
background: #59bd61;
color: #fff;
}
.custom-page-body h1 {
text-align: center;
}
.screen-reader-response[role="alert"] {
color: red;
}
.category-products-section {
background: #e1dcec;
padding-bottom: 120px;
}
.category-products-section .product-list {
float: right;
border-radius: 10px;
width: 100%;
}
.product-container {
border-radius: 20px;
margin-bottom: 28px;
padding: 0 15px;
margin-top: -80px;
background: #fff;
display: table;
border: solid 10px #f8f8f8;
}
.product-main-image {
border: solid 10px #eee;
border-radius: 20px;
width: 100%;
}
.product-short-description {
text-align: justify;
}
.product-tools form {
position: relative;
width: 290px;
margin: 0 auto;
}
.product-tools .btn {
font-size: 15px;
margin-top: 15px;
}
.btn.btn-purchase {
padding: 17px 32px 16px 62px;
background: #26e757 url(images/sprite-v8.svg#download) no-repeat left 20px
center / 32px;
color: #09420f;
position: relative;
font-weight: 700;
border-bottom: solid 7px #48b263;
font-size: 17px;
letter-spacing: 1px;
}
.product-tools .btn.btn-purchase {
background-image: url(images/sprite-v8.svg#download-black);
}
.out-of-stock {
color: #fff;
float: right;
position: absolute;
width: 126px;
right: 2px;
background: red;
text-align: center;
border-radius: 20px;
padding: 6px 0;
top: 14px;
}
.product-wrapper .page-intro {
padding-top: 100px;
background: #0a6643;
color: #fff;
padding-bottom: 90px;
}
.product-price-purchase {
display: flex;
}
.product-tools {
margin: 0;
}
.btn.btn-purchase-footer {
padding: 12px 38px 11px 69px;
margin: 8px 0;
background-color: #f66868;
color: #fff;
border-color: #f14949;
}
.star-rating span.rating {
font-size: 12px;
position: absolute;
overflow: visible;
background: transparent;
color: #555;
border-radius: 22px;
right: 4px;
top: 3px;
padding: 0;
width: 31px;
text-align: center;
}
.review-purchase-box .btn.btn-purchase {
background-color: #fb4040;
border-color: #d03838;
color: #fff;
}
.review-purchase-box {
float: left;
margin-top: 25px;
width: 100%;
padding-bottom: 20px;
}
.review-summary-bars {
padding: 0 40px;
}
.review-summary .star-rating span {
overflow: visible;
padding-top: 35px;
}
.review-summary .rating-text {
margin-top: 10px;
color: #333;
position: absolute;
line-height: 23px;
}
.sticky-purchase {
bottom: 0;
top: auto;
}
.sticky-purchase-container {
margin: 0 auto;
display: inline-block;
width: 270px;
position: relative;
}
.sticky-purchase-container:before {
position: absolute;
bottom: 3px;
right: -24px;
width: 50px;
height: 50px;
content: "";
background: url(images/sprite-v8.svg#pointing) no-repeat center / 50px;
}
.page-intro .product-item-price-wrapper {
margin-left: 0;
margin-right: 0;
background: #fff;
border-radius: 40px;
}
.page-intro .product-item-price-wrapper:before {
display: none;
}
.page-intro .product-item-purchase .btn {
margin-right: 0;
float: right;
margin-left: -100px;
margin-top: 10px;
}
.preview-sliedshow {
display: none;
position: fixed;
top: 0;
left: 0;
bottom: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.9);
z-index: 1000000;
}
.preview-sliedshow-controls {
color: #fff;
font-size: 20px;
font-weight: 700;
left: 0;
width: 100%;
height: 40px;
bottom: 10px;
text-align: center;
}
.preview-sliedshow-previous,
.preview-sliedshow-next {
margin: 15px;
cursor: pointer;
padding: 10px;
display: inline;
border-radius: 5px;
border: none;
width: 100px;
background: #fff;
}
.preview-sliedshow-previous.disabled,
.preview-sliedshow-next.disabled {
opacity: 0.7;
cursor: default;
}
.preview-sliedshow .close-popup {
right: 5px;
top: 5px;
}
.preview-sliedshow-items {
text-align: center;
}
.preview-sliedshow-item {
display: none;
min-width: 300px;
margin: 20px auto;
max-height: 500px;
}
.active.preview-sliedshow-item {
display: block;
}
.preview-slideshow .close-popup {
right: 20px;
top: 20px;
}
.look-inside {
position: absolute;
left: -1px;
top: -13px;
width: 109px;
cursor: pointer;
}
.product-main-description {
float: left;
font-size: 21px;
width: 100%;
margin-top: 10px;
border-bottom: solid 2px #276956;
padding-bottom: 10px;
color: #fff !important;
}
.product-broadcrumb {
width: 100%;
height: 45px;
background: #453f8c;
margin-top: -81px;
margin-bottom: 15px;
border-top-right-radius: 10px;
border-top-left-radius: 10px;
}
.product-broadcrumb ul li {
float: left;
list-style: none;
padding: 14px 0 14px 14px;
}
.product-broadcrumb ul li a {
color: #e3e3e3;
}
.broadcrumb-separator {
margin-left: 5px;
font-weight: 700;
color: #fafafa;
}
.product-broadcrumb li:last-child {
width: 500px;
text-overflow: ellipsis;
float: left;
white-space: nowrap;
overflow: hidden;
color: #fafafa;
}
.jumbotron .product-item-price-wrapper ins {
float: left;
font-size: 26px;
text-decoration: none;
color: #db0000;
}
.jumbotron .product-item-price-wrapper ins .woocommerce-Price-amount.amount {
margin-top: 0;
color: #db0000;
font-weight: 900;
font-size: 31px;
}
.page-intro .product-item-price-wrapper ins {
line-height: 33px;
}
.jumbotron .product-item-price-wrapper del {
color: #595959;
width: 100%;
float: left;
}
.product-item-price {
line-height: 25px;
}
.product-list .product-item-reviews,
.product-list .list-reviews {
position: absolute;
top: -22px;
left: 2px;
background: #fdfdfd;
border-radius: 25px;
padding: 0 34px 0 0;
border: solid #fff;
box-shadow: -4px 4px 0 0 #d3a05040;
}
.product-item .product-item-excerpt-wrapper {
line-height: 33px;
text-align: justify;
margin-bottom: 30px;
font-size: 17px;
color: #333;
}
.product-item-price-wrapper {
padding: 5px 36px 5px 14px;
border-radius: 0 0 18px 18px;
float: left;
height: 72px;
width: calc(100% + 20px);
position: relative;
margin: 10px -10px -10px -10px;
}
.product-item-price-wrapper::before {
content: "";
width: 80px;
height: 4px;
background: #f4f4f4;
position: absolute;
top: -16px;
right: calc(50% - 40px);
border-radius: 25px;
border: solid 2px #f1f1f1;
}
.product-item-reviews-recommends {
color: #555;
font-size: 13px;
margin-left: 6px;
float: left;
}
.category-products-section .product-item-title-wrapper {
overflow: hidden;
}
.price.old-price,
.price.regular-price {
float: left;
width: 100%;
text-decoration: line-through;
color: #999;
font-size: 14px;
}
.price.special-price {
font-size: 34px;
color: #524c99;
width: 100%;
float: left;
}
.price.regular-price {
padding: 17px 0 13px;
margin: 0;
font-size: 23px;
color: #524c99;
text-decoration: none;
}
.product-item-purchase .btn {
border-radius: 44px;
padding: 20px 22px 19px 48px;
float: left;
background-image: url(images/sprite-v8.svg#download);
background-size: 28px;
font-size: 17px;
background-repeat: no-repeat;
background-position: left 14px center;
border: solid 7px #fff;
margin-right: 3px;
margin-top: 45px;
color: #fff;
font-weight: 700;
}
.btn.product-read-more-btn {
background-color: #524c99;
background-image: url(images/sprite-v8.svg#search-white);
background-size: 74px;
background-position: 19px -19px;
}
.common-products-list .col-lg-3 .product-item-purchase .btn,
.category-products-section .col-lg-3 .product-item-purchase .btn {
padding: 27px 12px 27px 42px;
background-position: center;
background-position-x: center;
background-position-y: center;
font-size: 0;
box-shadow: -5px 5px 0 0 #e1e1e1;
border: solid 5px #1b8516;
}
.product-item-purchase-wrapper {
float: right !important;
}
.common-products-list .product-item-purchase,
.category-products-section .product-item-purchase {
margin-top: -102px;
}
.jumbotron .product-item-title-wrapper .part-2 {
display: none;
}
.sidebar-container .btn-purchase-ajax {
padding: 11px 19px 11px 44px;
margin-top: 0;
background-color: #b50008;
border-radius: 30px;
background-position: calc(50% - 42px) 7px;
background-size: 23px;
width: 100%;
}
.sidebar-container .product-item-purchase-wrapper {
width: 100%;
padding: 0 4px;
margin-bottom: 8px;
}
.sidebar-container .product-item-reviews,
.entry .list-reviews {
top: -18px;
z-index: 1;
left: 8px;
}
.article-page-body .product-item-price-wrapper::before {
display: none;
}
.entry .star-rating span.rating {
top: -10px;
}
.entry .product-item-details-class {
position: unset;
}
.entry .list-reviews-recommends {
display: none;
}
.full-page-product-slider .product-item {
margin-bottom: 50px;
padding: 40px 15px 0;
}
.btn-accent {
background-color: #269027;
}
.btn-primary {
background-color: #3172b9;
}
.woocommerce-MyAccount-navigation {
background: #fff;
padding: 10px;
border-radius: 5px 0 0 5px;
}
.woocommerce-MyAccount-navigation li {
list-style: none;
margin-bottom: 15px;
}
.woocommerce-MyAccount-content {
background: #f8f8f8;
margin-bottom: 30px;
border-radius: 0 5px 5px;
box-shadow: 0 0 15px 4px #ddd;
-webkit-box-shadow: 0 0 15px 4px #ddd;
padding-top: 30px;
padding-bottom: 30px;
min-height: 320px;
}
.shop_table_responsive {
width: 100%;
}
.shop_table_responsive tr:nth-child(2n) {
background: #e6e6e6 !important;
}
.shop_table_responsive thead {
background: #ddd;
}
.woocommerce-MyAccount-navigation .is-active a {
color: #e62071;
}
.order-again {
float: left;
width: 100%;
}
.product-suggestion {
text-align: center;
}
.product-suggestion p {
margin: 10px 0;
}
.product-suggestion-container {
background: #6a595959;
color: #fff;
width: 45%;
margin: 86px auto 20px;
padding: 20px;
display: inline-block;
position: fixed;
right: -700px;
bottom: 30px;
border-radius: 30px;
max-width: 650px;
z-index: 10;
transition: all 1s;
}
.display-suggestion .product-suggestion-container {
right: 18px;
}
.product-suggestion-container::before {
position: absolute;
bottom: -12px;
left: 20px;
top: 8px;
right: 20px;
background: #d83b3b;
content: "";
z-index: -1;
border-radius: 35px;
box-shadow: 0 35px 1px -20px #00000029;
border: solid 9px #cd3030;
}
.product-suggestion-discount {
position: absolute;
left: 62px;
top: 1px;
background: #ffbf00;
border-radius: 20px;
padding: 3px 6px;
color: #9d2222;
z-index: 1000;
border: solid #e6a600;
}
.product-suggestion-top {
width: calc(100% - 240px);
float: right;
}
.product-suggestion a img {
border-radius: 10px;
max-width: 210px;
box-shadow: -12px 13px 0 0 #731515;
margin-left: 30px;
}
.product-suggestion-close {
position: absolute;
right: 7px;
top: -2px;
background: rgb(234, 45, 45);
width: 40px;
height: 40px;
line-height: 35px;
border-radius: 50%;
color: #fff;
font-weight: 700;
cursor: pointer;
border: solid #fff;
}
.product-suggestion-note {
font-size: 34px;
font-weight: 700;
}
p.product-suggestion-off {
font-size: 28px;
margin-top: 20px;
}
.product-suggestion-save {
margin: 0;
font-size: 23px;
}
.show-book-demo {
color: #fff;
}
.demo-popup {
position: fixed;
top: 0;
left: 0;
z-index: 1000000;
width: 100%;
height: 100%;
background: #5d63b7ba;
text-align: center;
}
.demo-popup-container {
position: relative;
margin: 0 auto;
width: 90%;
margin-top: 70px;
height: 90%;
margin-bottom: 20px;
border-radius: 10px;
box-shadow: 0 0 8px -2px;
}
.demo-popup iframe {
border: none;
width: 100%;
height: 100%;
border-radius: 10px;
}
.summary-bar-container {
width: calc(100% - 120px);
background: #dbdbdb;
position: relative;
margin: 5px;
border-radius: 22px;
height: 12px;
}
.summary-bar {
margin-top: 10px;
}
.summary-bar-container > span {
position: absolute;
left: 0;
height: 12px;
background: #f88368;
border-radius: 22px;
}
.progress {
background: #e86d38;
position: absolute;
top: 52px;
bottom: 0;
left: 0;
width: 0;
height: 5px;
z-index: 1000;
transition: all 0.3s;
}
@-webkit-keyframes mouse-scroll {
0% {
opacity: 0;
}
50% {
opacity: 0.5;
}
100% {
opacity: 1;
}
}
@-moz-keyframes mouse-scroll {
0% {
opacity: 0;
}
50% {
opacity: 0.5;
}
100% {
opacity: 1;
}
}
@-o-keyframes mouse-scroll {
0% {
opacity: 0;
}
50% {
opacity: 0.5;
}
100% {
opacity: 1;
}
}
@keyframes mouse-scroll {
0% {
opacity: 0;
}
50% {
opacity: 0.5;
}
100% {
opacity: 1;
}
}
@keyframes bounce {
0%,
20%,
50%,
80%,
100% {
transform: translateY(0);
}
40% {
transform: translateY(-30px);
}
60% {
transform: translateY(-15px);
}
}
.m_scroll_arrows {
display: block;
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
border-right: 6px solid #52c648;
border-bottom: 6px solid #52c648;
margin: 0 0 3px 4px;
width: 14px;
height: 14px;
}
.unu {
margin-top: 1px;
}
.unu,
.doi,
.trei {
-webkit-animation: mouse-scroll 1s infinite;
-moz-animation: mouse-scroll 1s infinite;
animation: mouse-scroll 1s infinite;
}
.unu {
-webkit-animation-delay: 0.1s;
-moz-animation-delay: 0.1s;
-webkit-animation-direction: alternate;
animation-direction: alternate;
animation-delay: alternate;
}
.doi {
-webkit-animation-delay: 0.2s;
-moz-animation-delay: 0.2s;
-webkit-animation-direction: alternate;
animation-delay: 0.2s;
animation-direction: alternate;
margin-top: -6px;
}
.trei {
-webkit-animation-delay: 0.3s;
-moz-animation-delay: 0.3s;
-webkit-animation-direction: alternate;
animation-delay: 0.3s;
animation-direction: alternate;
margin-top: -6px;
}
.m_scroll_arrows {
margin: 0 auto;
}
.arrow {
text-align: center;
width: 50px;
height: 50px;
margin: 0 auto;
}
.bounce {
-moz-animation: bounce 2s infinite;
-webkit-animation: bounce 2s infinite;
animation: bounce 2s infinite;
}
.trust-badges {
display: flex;
background: #51a688;
border-radius: 15px;
box-shadow: -14px 14px 0 -3px #136f40;
}
.trust-badge {
flex-basis: 25%;
padding: 15px 0;
}
.badge-container {
background: #1a7653;
width: 100px;
height: 100px;
display: inline-block;
margin: 0 auto;
border-radius: 50%;
border: dashed 4px #328e6b;
position: relative;
}
.trust-badge b {
float: left;
width: 100%;
color: #000;
}
.badge-container::before {
background: url(images/badges.svg#teacher) no-repeat center / 100%;
width: 105%;
height: 105%;
position: absolute;
content: "";
left: 5px;
top: -12px;
}
.badge-container.download-badge::before {
background-image: url(images/badges.svg#book-download);
width: 95%;
}
.badge-container.secure-badge::before {
background-image: url(images/badges.svg#shield);
}
.badge-container.support-badge::before {
background-image: url(images/badges.svg#light);
}
.badge-container.money-back-badge::before {
background-image: url(images/badges.svg#money-back);
}
.footer {
background: #096542;
color: #fff;
padding-bottom: 60px;
}
.footer a {
color: #fff;
}
.footer-box {
float: left;
opacity: 0.9;
}
.footer-box:hover {
opacity: 1;
}
.footer ul {
list-style: none;
}
.footer-menu a {
float: left;
width: 100%;
margin-bottom: 20px;
}
.find-us {
padding: 10px;
background: #0c5d3e;
border-radius: 20px;
margin-top: 60px;
margin-bottom: 40px;
}
.footer-find-us-item {
padding: 30px 10px 31px 90px;
font-size: 19px;
line-height: 27px;
font-weight: 700;
height: 97px;
border-bottom: solid #096542;
background: left 12px center/60px no-repeat;
}
.footer-address {
background-image: url(images/sprite-v8.svg#location-white);
}
.footer-email {
background: url(images/sprite-v8.svg#email-white) no-repeat left 15px center /
52px;
}
.footer-socials {
border: none;
padding-top: 23px;
padding-left: 6px;
display: inline-flex;
}
.contact-us-socials {
display: inline-flex;
margin-top: 20px;
}
.footer-box b {
margin-bottom: 26px;
font-size: 23px;
margin-top: 80px;
display: block;
}
.social-icon {
float: left;
width: 60px;
height: 60px;
margin: 4px;
border-radius: 50%;
background: center/30px no-repeat #096542;
}
.social-icon:hover {
background-color: #319f75;
}
.icon-container img {
width: 100px;
}
.facebook-icon {
background-image: url(images/sprite-v8.svg#icon-facebook);
}
.twitter-icon {
background-image: url(images/sprite-v8.svg#icon-twitter);
}
.linkedin-icon {
background-image: url(images/sprite-v8.svg#icon-linkedin);
}
.instagram-icon {
background-image: url(images/sprite-v8.svg#icon-instagram);
}
.telegram-icon {
background-image: url(images/sprite-v8.svg#icon-telegram);
}
.copyright {
margin-top: -38px;
color: #fff;
background: #0d5c3b;
}
.copyright div {
margin-top: 14px;
margin-left: 32px;
}
.copyright ul {
margin-top: 12px;
list-style: none;
margin-bottom: 12px;
}
.copyright ul li {
margin-right: 32px;
}
.copyright a {
color: #fff;
}
@media (min-width: 1261px) {
.page-intro .col-md-8,
.product-container {
max-width: 75%;
}
.product-image-purchase,
.product-section .right-sidebar {
max-width: 25%;
}
.product-item-image img {
margin: -7px 5px 20px;
}
.product-item-title-wrapper h3 {
margin: 0;
}
.sidebar-container .badge {
width: 65px;
height: 65px;
}
.jumbotron .product-item-price-wrapper ins {
font-size: 32px;
font-weight: 700;
}
}
@media (min-width: 1460px) {
h1 {
font-size: 37px;
}
.container {
max-width: 95%;
}
}
@media (max-width: 1260px) {
.menu-top-menu-container {
position: inherit;
}
.menu-top-menu-container > ul > li > a {
padding: 21px 0 17px 27px;
}
.product-item-purchase .btn {
padding: 20px 14px 21px 40px;
background-size: 23px;
background-position: left 12px center;
}
.entry .product-item-purchase .btn {
padding: 12px 16px 12px 39px;
font-size: 15px;
background-size: 24px;
float: none;
}
.sidebar-container .btn-purchase-ajax {
padding: 14px 19px 14px 44px;
background-position: calc(50% - 47px) 11px;
}
.product-item-image a {
max-width: 250px;
width: 100%;
}
.product-item-title-wrapper {
padding: 0 7px 0 15px;
}
.footer-links b {
font-size: 15px;
}
.footer-links ul li {
padding: 0 5px;
}
.trust-badges {
max-width: 100%;
padding-right: 0 !important;
}
.product-item-title-wrapper h3 {
margin-top: 5px;
}
.menu-top-menu-container,
.navbar ul {
width: auto;
}
.top-menu > li > a {
margin-right: 20px;
}
.product-item-price-wrapper::before {
display: none;
}
}
@media (max-width: 990px) {
h1 {
font-size: 26px;
line-height: 31px;
}
.container {
padding: 0 10px !important;
}
.menu-top-menu-container li {
text-align: left;
}
.menu-top-menu-container > ul > li > a {
padding: 14px 0 17px 33px;
font-size: 17px;
font-weight: 700;
background-size: 24px;
filter: brightness(1.5);
}
.page-intro .search-box .form-control {
width: 100%;
}
.footer-about-us {
border: none;
}
.footer-links ul li,
.footer-logo {
margin-top: 0;
}
.where-us-box {
margin-bottom: 60px;
}
.where-us-description .btn {
font-size: 16px;
}
.where-us-title h3 {
font-size: 22px;
}
.where-us-description {
line-height: 32px;
font-size: 19px;
}
.where-us-section {
padding-top: 20px;
padding-bottom: 20px;
}
.menu-top-menu-container {
display: block;
width: 300px;
position: fixed;
top: 0;
left: -360px;
height: 100%;
box-shadow: 0 0 20px -3px #000;
background: #1f5541;
z-index: 10000;
}
.menu-top-menu-container.opened {
left: 0;
}
.open-child {
display: block;
}
ul.sub-menu .open-child {
display: none;
}
.navbar ul {
display: block;
}
.navbar ul .sub-menu {
position: relative;
display: block;
height: 0;
overflow: hidden;
padding: 0;
border: none;
box-shadow: none;
top: 0;
}
.navbar .active-submenu .sub-menu {
height: auto;
width: 100%;
}
.navbar ul .sub-menu li {
width: 100%;
}
.navbar .top-menu {
overflow-y: auto;
position: relative;
height: 100%;
padding-bottom: 20px;
padding-top: 35px;
}
.top-menu > li > a {
color: #e3e3e3;
}
.menu-top-menu-container li {
margin-right: 0;
float: left;
width: 100%;
font-size: 20px;
line-height: 30px;
padding: 0 16px;
margin-top: 15px;
font-weight: 700;
}
.responsive-menu-handler {
display: block;
}
#navbar .close-menu {
display: block;
position: absolute;
right: -8px;
z-index: 1000;
top: 0;
width: 48px;
height: 30px;
background: #5da88c;
color: #fff;
text-align: center;
line-height: 23px;
font-weight: 700;
cursor: pointer;
border: solid 4px #fff;
padding: 0;
margin: 0;
font-size: 16px;
border-radius: 25px 0 0 25px;
}
.section-title {
font-size: 33px;
}
.post-page {
padding-top: 65px;
}
.post-image img {
margin-top: 20px;
}
.navbar,
.sticky-purchase {
box-shadow: 0 28px 10px -23px rgba(0, 0, 0, 0.37);
}
.page-intro .search-box .form-control {
width: calc(100% - 15px);
text-align: left !important;
}
.change-by-scroll .change-step {
display: block;
margin-bottom: 10px;
}
.page-intro {
background-position: 0 100%;
}
.play-video-image,
.intro-video {
margin-right: 0;
margin-top: 0;
width: 100%;
}
.badge {
width: 60px;
height: 60px;
}
.hot-badge {
top: -30px;
right: -9px;
}
.sidebar-container .product-item-purchase .btn {
padding: 17px 20px 12px 40px;
font-size: 16px;
}
.sidebar-container .product-item-image img {
margin: 0 0 0 21px;
}
.sidebar-container .product-item-title-wrapper {
margin-left: 0;
max-width: 100%;
width: 100%;
}
.sidebar-container .product-item-title-wrapper h3 {
margin-bottom: 0;
}
.post-list-item {
padding: 0 !important;
}
.footer-box b {
margin-top: 10px;
}
.footer {
background-size: cover;
}
.right-sidebar {
margin-top: 10px;
padding: 0;
}
.comments-section {
padding: 30px 0 50px;
}
.top-products-section {
padding-bottom: 30px;
}
.new-products-section {
padding-bottom: 50px;
}
.our-services .services-box {
margin-top: -50px;
}
.onsale-products-section h2 {
margin-top: -10px;
margin-bottom: 50px;
}
.product-item-purchase .btn {
padding: 22px 7px 21px 30px;
font-size: 14px;
background-size: 25px;
}
.page-intro .product-item-purchase .btn {
font-size: 0;
padding: 28px;
background-position: center;
}
.article-intro.page-intro p {
padding: 0 2%;
}
.product-suggestion-container {
bottom: 10px;
width: 400px;
padding: 0;
z-index: 10000000;
}
.display-suggestion .product-suggestion-container {
right: 0;
}
.product-suggestion-container::before {
bottom: -12px;
left: 0;
top: 8px;
right: 7px;
}
.product-suggestion-top {
float: right;
margin-top: 10px;
margin-right: 40px;
}
.product-suggestion a img {
max-width: 150px;
margin-left: -6px;
margin-top: -2px;
}
.product-suggestion-discount {
left: 28px;
top: -22px;
}
.product-suggestion-note {
font-size: 22px;
margin-bottom: 10px;
}
.product-suggestion-off {
display: none;
}
.product-suggestion-close {
right: 4px;
top: -8px;
}
.product-suggestion-save {
display: none;
}
.product-container {
margin-top: -10px;
}
.post-list-item-detail {
height: auto;
}
.top-account-icon {
margin-bottom: 15px;
}
.popular-searches .btn {
margin: 9px 5px 0 0;
}
#responsiveSticky {
margin-top: 0;
position: fixed;
z-index: 1000;
top: calc(100% - 70px);
left: 0;
box-shadow: 0 -4px 10px -4px rgba(0, 0, 0, 0.37);
transition: all 0.5s;
}
#responsiveSticky.opened {
top: 10px;
bottom: -10px;
overflow: auto;
z-index: 10000000;
}
.opened .close-popular {
display: block;
}
.post-wrapper {
max-width: 500px;
}
}
@media (max-width: 768px) {
h2 {
font-size: 20px;
}
h3 {
font-size: 18px;
}
h4 {
font-size: 17px;
}
.logo {
float: left;
width: 180px;
background-size: 180px;
position: absolute;
left: calc(50% - 90px);
margin-top: 6px;
}
.top-search-icon {
float: left;
}
.responsive-menu-handler {
float: left;
}
.product-wrapper h1 {
font-size: 27px;
}
.entry {
font-size: 16px;
line-height: 27px;
}
.hide-mobile {
display: none !important;
}
.column-buttons {
display: block;
}
.column-button a {
margin: 5px 0 !important;
}
.wp-block-columns {
display: block;
}
.random-posts li {
width: 100%;
}
.copyright ul li {
margin-right: 11px;
}
.copyright div {
margin-left: 10px;
}
.copyright {
padding-bottom: 58px;
}
.comment-author.vcard {
width: 100%;
line-height: 29px;
}
.comment-meta.commentmetadata {
width: 100%;
float: left;
}
.comment-meta.commentmetadata a {
float: left;
margin-right: 0;
}
.comment p {
padding: 10px 0;
}
.post-list {
padding: 5px;
}
.post-list-item-featured.pl-0 {
padding-right: 0;
}
.post-list-item-detail {
padding: 8px;
}
.product-item-image a {
width: 100%;
}
.footer-links img {
width: 70px;
height: 70px;
}
.footer-links b {
font-weight: 400;
}
.col-12.product-item {
max-width: 50% !important;
}
.entry h2 {
font-size: 20px;
}
.entry h3 {
margin-top: 20px;
font-size: 19px;
margin-bottom: 10px;
}
.entry h4 {
font-size: 17px;
}
.entry .product-item.col-12 {
max-width: 100% !important;
}
.page-intro h1 {
padding-left: 0;
}
.product-image-purchase {
width: 46%;
float: none !important;
margin: 15px auto;
padding-left: 0 !important;
}
.product-short-description {
text-align: left;
padding: 0;
}
.trust-badge b {
font-size: 14px;
}
.badge-container {
width: 80px;
height: 80px;
}
.popup-container {
width: 95%;
}
.related-posts-section h5 {
height: auto;
}
.entry .product-list .part-1 {
font-size: 22px;
margin-bottom: 5px;
}
.entry .product-list .part-2 {
font-size: 16px;
}
.top-search-icon {
margin-right: 6px;
margin-top: 14px;
}
.top-account-icon {
margin-top: 13px;
margin-bottom: 14px;
}
.responsive-menu-handler {
margin-top: 14px;
}
a.go-premium-menu {
padding: 9px 12px 21px 19px;
font-size: 0;
background-position: center;
margin-top: 7px;
margin-left: 3px;
}
.post-wrapper {
max-width: 100%;
}
.entry-related-posts .post-item {
border-bottom: solid 1px #ddd;
width: 50%;
height: 250px;
overflow: hidden;
padding: 0 5px !important;
}
.product-container .entry .product-list .product-item-title-wrapper {
max-width: 100%;
}
}
@media (max-width: 680px) {
h1 {
font-size: 24px;
line-height: 28px;
}
.page-intro p {
font-size: 18px;
line-height: 26px;
}
.login-description-section,
.register-description-section {
position: relative;
height: auto;
border-radius: 0;
width: 100%;
}
.login-form-section,
.register-form-section {
width: 100%;
height: auto;
}
.close-popup {
right: 0;
}
.entry .product-list .product-item {
width: 400px;
margin: 0 auto;
float: none !important;
}
.entry .product-list .product-item-container {
margin-bottom: 25px;
}
.entry .product-list .product-item-image {
max-width: 100% !important;
width: 100% !important;
}
.entry .product-list .product-item-image img {
margin: 0;
}
.entry .product-list .product-item-title-wrapper {
max-width: 100%;
margin-top: 15px;
padding-left: 0;
}
.entry .product-list h3 {
height: auto;
margin: 0;
}
.entry .product-item-title-wrapper {
height: auto;
}
.entry .product-item-purchase-wrapper {
padding-left: 0;
}
.entry .star-rating span.rating {
top: -4px;
}
.entry .list-reviews {
top: -24px;
}
.trust-badge:last-child {
display: none;
}
}
@media (max-width: 600px) {
.show-shopping-cart {
padding: 8px 20px 26px 33px;
font-size: 0;
}
.product-image-purchase {
width: 320px;
}
.product-short-description {
max-width: 100%;
}
.entry .product-list .product-item-image {
max-width: 100% !important;
width: 100%;
}
.entry .product-list .product-item-image a {
float: none;
}
}
@media (max-width: 580px) {
.footer-find-us-item {
padding: 30px 10px 31px 90px;
height: auto;
}
.footer-socials {
padding-left: 5px;
display: inline-block;
}
.footer-links ul li {
max-width: 33%;
}
.footer-links ul li:last-child {
float: right;
}
.product-item-title-wrapper {
height: auto;
}
}
@media (max-width: 500px) {
.col-12.product-item {
max-width: 100% !important;
}
.product-item-title-wrapper {
width: 96%;
margin-left: 9px;
margin-bottom: 10px;
}
.product-item-image a {
max-width: 180px;
}
.product-item-price-wrapper {
margin-top: 0;
}
.page-intro .product-item-purchase .btn {
margin-top: 0;
}
.entry-related-posts .post-item {
border-bottom: solid 1px #ddd;
width: 50%;
height: 220px;
overflow: hidden;
padding: 0 5px !important;
}
}
@media (max-width: 480px) {
.MathJax img {
max-width: 350px !important;
}
.search-popup .search-box .form-control,
.search-popup .search-box .btn {
width: 100%;
margin-bottom: 10px !important;
}
.show-book-demo {
width: 100%;
text-overflow: ellipsis;
}
.copyright ul li {
margin-right: 20px;
}
.copyright div {
margin-left: 0;
width: 100%;
}
.copyright ul {
width: 100%;
}
.copyright ul li {
width: 33.33333%;
margin-right: 0;
}
.page-intro .search-box .btn {
float: right;
width: 48px;
height: 47px;
margin-top: 3px;
font-size: 0;
position: relative;
margin-right: 8px;
}
.copyright div {
margin: 0;
padding: 10px;
}
.trust-badges {
display: block;
}
.trust-badge {
width: 50%;
float: left;
}
.container {
padding: 0 7px;
}
}
@media (max-width: 430px) {
.footer-links ul li {
max-width: 50% !important;
}
.footer-links ul li:last-child {
float: none;
margin: 0 auto;
display: table;
}
.dashboard-text-link {
display: none;
}
.top-search-icon {
margin-right: 6px;
}
.show-shopping-cart {
padding: 8px 13px 26px 34px;
}
.footer-find-us-item {
padding: 30px 10px 31px 10px;
font-size: 15px;
background: none !important;
}
.btn-large {
font-size: 17px;
}
.entry .product-list .product-item {
width: 100%;
}
.product-suggestion-top {
width: calc(100% - 200px);
}
.product-suggestion p.product-suggestion-note {
font-size: 21px;
}
.product-suggestion-off {
display: none;
}
.product-suggestion p {
font-size: 15px;
line-height: 19px;
}
.product-suggestion-container {
width: 99%;
padding: 0;
}
.product-suggestion a img {
max-width: 120px;
margin-left: 10px;
margin-top: -2px;
}
}
@media (max-width: 400px) {
.logo {
width: 140px;
background-size: 140px;
left: calc(50% - 70px);
}
.MathJax img {
max-width: 250px !important;
}
.btn-large {
background-image: none;
padding: 15px 10px;
}
.product-container {
padding: 0 7px;
}
.product-item-image img {
margin: 0;
}
.page-intro .product-item-price-wrapper ins {
font-size: 29px;
}
.show-shopping-cart {
padding: 8px 9px 24px 27px;
background-position: left 4px center;
}
.entry .product-item-purchase .btn {
padding: 18px 30px 17px 15px;
font-size: 0;
background-position: center;
}
.sidebar-container .product-item-title-wrapper h3 {
font-size: 17px;
}
}
.keypoint {
border: 2px solid lightblue;
border-radius: 5px;
padding: 5px;
}
.keypoint h6,
.example h6,
.solution h6,
.topic_steps h6,
.formula_box h6 {
margin-top: 0;
margin-bottom: 0;
font-weight: bold;
font-size: 16pt;
}
.keypoint h6,
.example h6,
.solution h6 {
padding-left: 52px;
background-repeat: no-repeat;
background-size: 48px 48px;
background-position: left center;
display: flex;
align-items: center;
}
.keypoint h6 {
background-image: url(images/icon-book.svg);
}
.example h6 {
background-image: url(images/icon-calculate.svg);
}
.solution h6 {
background-image: url(images/icon-spa.svg);
}
.example {
border-left: 5px solid lightblue;
padding-left: 5px;
}
.topic_steps {
border: 2px solid lightblue;
border-radius: 5px;
position: relative;
padding: 5px;
padding-top: 40px;
}
.topic_steps:before,
.solution_steps:before {
content: "";
position: absolute;
top: -40px;
left: 10px;
width: 80px;
height: 80px;
background-image: url("images/icon-step-by-step.png");
background-size: contain;
background-repeat: no-repeat;
padding-top: 50px;
}
.solution_steps {
padding-top: 4px;
position: relative;
padding-top: 40px;
}
/* Formulas */
.formula_sheet {
border: 2px solid lightblue;
border-radius: 5px;
position: relative;
padding: 5px;
padding-top: 40px;
margin-top: 40px;
}
.formula_sheet:before {
content: "";
position: absolute;
top: -40px;
left: 10px;
width: 450px;
height: 75px;
background-image: url("images/icon-formulas-to-remember.png");
background-size: contain;
background-repeat: no-repeat;
padding-top: 50px;
}
.formula_sheet h2 {
margin-top: 0;
margin-bottom: 0;
}
.topic_step,
.solution_step,
.formula_box {
position: relative;
padding-left: 35px; /* Make space for the icon */
}
.topic_step:before,
.solution_step:before,
.formula_box:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 30px; /* Icon size */
height: 30px; /* Icon size */
background-size: contain;
background-repeat: no-repeat;
}
.topic_step.number-1:before,
.solution_step.number-1:before,
.formula_box.number-1:before {
background-image: url("images/icon-number-1.svg");
}
.topic_step.number-2:before,
.solution_step.number-2:before,
.formula_box.number-2:before {
background-image: url("images/icon-number-2.svg");
}
.topic_step.number-3:before,
.solution_step.number-3:before,
.formula_box.number-3:before {
background-image: url("images/icon-number-3.svg");
}
.topic_step.number-4:before,
.solution_step.number-4:before,
.formula_box.number-4:before {
background-image: url("images/icon-number-4.svg");
}
.topic_step.number-5:before,
.solution_step.number-5:before,
.formula_box.number-5:before {
background-image: url("images/icon-number-5.svg");
}
.topic_step.number-6:before,
.solution_step.number-6:before,
.formula_box.number-6:before {
background-image: url("images/icon-number-6.svg");
}
.topic_step.number-7:before,
.solution_step.number-7:before,
.formula_box.number-7:before {
background-image: url("images/icon-number-7.svg");
}
.topic_step.number-8:before,
.solution_step.number-8:before,
.formula_box.number-8:before {
background-image: url("images/icon-number-8.svg");
}
.topic_step.number-9:before,
.solution_step.number-9:before,
.formula_box.number-9:before {
background-image: url("images/icon-number-9.svg");
}
.cta-button {
display: inline-block;
padding: 12px 24px;
font-size: 16px;
font-weight: bold;
text-align: center;
text-decoration: none;
color: black !important;
background-color: #ff8c00; /* Orange background */
border: none;
border-radius: 6px; /* Slightly more rounded corners */
transition: all 0.3s ease;
cursor: pointer;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
position: relative;
overflow: hidden;
}
.cta-button:hover {
background-color: #ffa500; /* Lighter orange on hover */
transform: translateY(-2px);
box-shadow: 0 6px 8px rgba(0, 0, 0, 0.15);
}
.cta-button:active {
background-color: #e67300; /* Darker orange when clicked */
transform: translateY(1px);
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.cta-button::after {
content: "→";
position: absolute;
top: 50%;
right: -20px;
transform: translateY(-50%);
opacity: 0;
transition: all 0.3s ease;
}
.cta-button:hover::after {
right: 10px;
opacity: 1;
}
a.continue-shopping {
bottom: -50px !important;
}
.download-link {
color: #3498db !important;
text-decoration: none;
font-weight: bold;
border-bottom: 2px solid transparent;
transition: all 0.3s ease;
position: relative;
padding-left: 20px; /* Space for the icon */
}
.download-link::before {
content: "\1F4E5"; /* Unicode for a download icon */
position: absolute;
left: 0;
font-size: 18px;
transition: all 0.3s ease;
}
.download-link:hover {
color: #2c3e50 !important;
cursor: pointer;
}
.download-link:hover::before {
color: #2c3e50 !important;
}
a.book-title-link::before {
content: "📚 "; /* Book emoji before the link */
}
a.book-title-link {
font-weight: bold;
font-size: 1em; /* Normal size */
color: #e86d38 !important; /* Orange */
text-decoration: none;
transition: color 0.3s;
}
a.book-title-link:hover a.category-link:hover {
color: #d35400 !important; /* Darker orange for hover */
}
a.book-title-link:active a.category-link:active {
color: #b03a2e !important; /* Even darker shade for active state */
}