/* STYLESHEET RESET START --------------------------------------------- */
 abbr, address, article, aside, audio, b, blockquote, body, canvas, caption, cite, code, dd, del, details, dfn, div, dl, dt, em, fieldset, figcaption, figure, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, p, pre, q, samp, section, small, span, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, ul, var, video {
     margin: 0;
     padding: 0;
     border: 0;
     outline: 0;
     font-size: 100%;
     vertical-align: baseline;
     background: 0 0;
}
 *, :after, :before {
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
}
 body {
     line-height: 1.15;
}
::selection {
    background: #59afff;
    color: #ffffff;
    text-shadow: none;
}

::-moz-selection {
    background: #59afff;
    color: #ffffff;
    text-shadow: none;
}

::-webkit-selection {
    background: #59afff;
    color: #ffffff;
    text-shadow: none;
}
.footer a u {
     cursor: pointer;
}
/* STYLESHEET RESET END ----------------------------------------------- */
/* PREDEFINED CSS START ----------------------------------------------- */
/* Wrappers */
 .wrap-1 {
     margin: 0 auto;
     float: none;
     display: block;
     width: 97.5%;
     max-width: 1199px;
}
 .wrap-2 {
     margin: 0 auto;
     float: none;
     display: block;
     width: 97.5%;
     max-width: 899px;
}
/* Margins */
 .m-0 {
     margin: 0;
}
 .m-s {
     margin: 10px;
}
 .m-m {
     margin: 20px;
}
 .m-l {
     margin: 30px;
}
 .m-t-s {
     margin-top: 10px;
}
 .m-t-m {
     margin-top: 20px;
}
 .m-t-l {
     margin-top: 30px;
}
 .m-b-s {
     margin-bottom: 10px;
}
 .m-b-m {
     margin-bottom: 20px;
}
 .m-b-l {
     margin-bottom: 30px;
}
/* Paddings */
 .p-0 {
     padding: 0;
}
 .p-s {
     padding: 10px;
}
 .p-m {
     padding: 20px;
}
 .p-l {
     padding: 30px;
}
 .p-t-s {
     padding-top: 10px;
}
 .p-t-m {
     padding-top: 20px;
}
 .p-t-l {
     padding-top: 30px;
}
 .p-b-s {
     padding-bottom: 10px;
}
 .p-b-m {
     padding-bottom: 20px;
}
 .p-b-l {
     padding-bottom: 30px;
}
/**/
 .clear {
     clear: both;
}
 .txt-c {
     text-align: center;
}
.w,
.w-100 {
     width: 100%;
}
.w-25 {
     width: 25%; 
}
.w-75 {
     width: 75%; 
}
/**/
.w-12-l {
    width: 49.5%!important;
    margin-right: .5%!important;
}
.w-12-r {
    width: 49.5%!important;
    margin-left: .5%!important;
}
/**/
.w-14-l {
     width: 24%!important;
     margin-right: 1%!important;
}
.w-14-r {
     width: 24%!important;
     margin-left: 1%!important;
}
.w-34-l {
     width: 74%!important;
     margin-right: 1%!important;
}
.w-34-r {
     width: 74%!important;
     margin-left: 1%!important;
}
/**/
.w-13-l {
     width: 34.5%!important;
     margin-right: .5%!important;
}
.w-13-r {
     width: 34.5%!important;
     margin-left: .5%!important;
}
.w-23-l {
     width: 64.5%!important;
     margin-right: .5%!important;
}
.w-23-r {
     width: 64.5%!important;
     margin-left: .5%!important;
}
/**/
 .f-100 {
     font-weight: 100 
}
 .f-300 {
     font-weight: 300 
}
 .f-400 {
     font-weight: 400 
}
 .f-500 {
     font-weight: 500 
}
 .f-600 {
     font-weight: 600 
}
 .f-700 {
     font-weight: 700 
}
 .f-800 {
     font-weight: 800 
}
 .f-900 {
     font-weight: 900 
}
.background-gradient {
    background: #f3f3f3;
}
.yellow {
    color: #f7d80d!important;
    font-size: .85rem;
}
/* PREDEFINED CSS END ----------------------------------------------- */
/* FLEX START ------------------------------------------------------- */
 .flex {
     display: -ms-flexbox;
     display: -webkit-box;
     display: flex;
}
 .flex-flow-column {
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-flow: column;
     flex-flow: column;
}
 .flex-flow-row {
     -webkit-box-orient: horizontal;
     -webkit-box-direction: normal;
     -ms-flex-flow: row;
     flex-flow: row;
}
 .justify-content-center {
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
}
 .align-items-center {
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
}
 .justify-content-space-around {
     -ms-flex-pack: distribute;
     -webkit-justify-content: space-around;
     justify-content: space-around 
}
 .justify-content-space-between {
     -webkit-box-pack: justify;
     -ms-flex-pack: justify;
     justify-content: space-between;
}
 .flex-wrap-wrap {
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
}
 .flex-1 {
     flex: 1;
}
 .flex-2 {
     flex: 2;
}
 .flex-3 {
     flex: 3;
}
 .flex-4 {
     flex: 4;
}
 .flex-5 {
     flex: 5;
}
 .flex-6 {
     flex: 6;
}
/* FLEX END ------------------------------------------------------- */
/* DIVIDER START -------------------------------------------------- */
 .divider {
     display: block;
     width: 95%;
     max-width: 1200px;
     margin: 20px auto 0px;
     text-align: center;
     min-height: 30px;
     position: relative;
}
 .divider span {
     position: relative;
     top: -6px;
     font-size: 30px;
     color: #d2d2d2!important;
     font-weight: 600;
}
 .divider::before {
     border-top: 1px solid rgb(204 204 204 / 50%);
     content: "";
     height: 0;
     left: 0;
     margin-right: 25px;
     position: absolute;
     right: 50%;
     top: 13px;
}
 .divider::after {
     border-top: 1px solid rgb(204 204 204 / 50%);
     content: "";
     height: 0;
     left: 0;
     position: absolute;
     right: 0;
     top: 13px;
     left: 50%;
     margin-left: 25px;
     right: 0;
}
/* DIVIDER END -------------------------------------------------- */
/* FAQ START ------------------------------------------------------- */
 .faq h2 {
     font-family: "Poppins", "Roboto", "Segoe UI", "Calibri", Helvetica, Arial, sans-serif;
     font-weight: 300;
     font-size: 42px;
     line-height: 1.3;
     text-align: center;
     margin-bottom: 20px;
}
 .faq .accordion {
     background-color: #fff;
     color: #333;
     border: none;
     text-align: left;
     outline: none;
     transition: 0.35s;
     border-bottom: 1px solid rgb(204 204 204 / 50%);
     font-weight: bold;
     padding: 20px 15px 20px 30px;
     font-family: "Poppins", "Roboto", "Segoe UI", "Calibri", Helvetica, Arial, sans-serif;
     font-size: .9rem;
     line-height: 1.5;
     position: relative;
     cursor: pointer;
}
 .faq .panel {
     background-color: white;
     max-height: 0;
     overflow: hidden;
     transition: max-height 0.2s ease-out;
     border-bottom: 1px solid rgb(204 204 204 / 50%);
}
 .faq .accordion::before {
     content: '';
     width: 11px;
     height: 3px;
     background: #264bae;
     position: absolute;
     top: 50%;
     margin-top: -1px;
     left: 10px;
     transform: rotate(180deg);
     transition: transform 0.3s;
}
 .faq .accordion::after {
     content: '';
     height: 11px;
     width: 3px;
     background: #264bae;
     position: absolute;
     top: 50%;
     margin-top: -5px;
     left: 14px;
     transform: rotate(180deg);
     transition: transform 0.3s;
}
 .faq .panel p {
     padding: 15px 15px 15px 25px;
     font-weight: 500;
     font-size: 0.95rem;
     line-height: 1.5;
}
 .opened {
     color: #e62e55;
}
/* FAQ END ------------------------------------------------------- */
/* STICKY BOTTOM LINE START ------------------------------------------------------- */
 .sticky-bottom-line {
     bottom: 0;
     width: 100%;
     padding: 0;
     z-index: 9999999999;
     height: 52px;
     display: none;
     position: fixed;
     bottom: -1px;
     background: #28497a;
     background: linear-gradient(5deg,#203fb3,#002562);
     border-top: 1px solid #ffffff;
}
 .cta-btn {
     width: 100%;
     font-size: 1.2rem;
     padding: 8px 0;
     line-height: 1.25;
     cursor: pointer;
     white-space: nowrap;
     text-decoration: none;
     background-color: #f5f94e;
     background-image: linear-gradient(to right,#f5f94e,#3fff5a,#fbff6a,#46fb5f);
     background-color: #ff4747;
     background-image: linear-gradient( 213deg, #ff7b48 7%, #f73c22 92%);
     /* background-size: 270% 100%; */
     color: #fff;
     font-family: "Poppins", "Roboto", "Segoe UI", "Calibri", Helvetica, Arial, sans-serif;
     text-align: center;
     font-weight: 600;
     height: 40px;
     border-radius: 5px;
}
 .sticky-bottom-button {
     width: 37%;
     position: relative;
     right: 10px;
     top: -1px;
}
 .sticky-bottom-line .crossed-price {
     text-decoration: line-through;
     position: relative;
     top: 1px;
     font-size: .85rem;
     font-weight: 100;
     margin: 0px 7px 0px 7px;
     color: #f6f6f6;
}
 .sticky-bottom-line .full-price {
     color: #fff;
     font-weight: 700;
     font-size: 1.4rem;
     margin-left: 10px;
     position: relative;
     top: 0px;
     font-family: "Poppins", "Roboto", "Segoe UI", "Calibri", "Helvetica Neue", sans-serif!important;
}
.sticky-bottom-line .full-price del{
    color: #b3b3b3;
    font-weight: 300;
    font-size: .9rem;
    margin-left: 0;
    position: relative;
    top: -4px;
    font-family: "Poppins", "Roboto", "Segoe UI", "Calibri", "Helvetica Neue", sans-serif!important;
}
.sticky-bottom-line .full-price ins{
    text-decoration: none;
    margin-left: 5px;
}
.sticky-bottom-line .full-price del {
    color: #ffffff;
    font-weight: 300;
    font-size: .9rem;
    margin-left: 0;
    position: relative;
    top: -4px;
    font-family: "Poppins", "Roboto", "Segoe UI", "Calibri", "Helvetica Neue", sans-serif!important;
}
 div.sticky-bottom-price {
     margin-left: 0px!important;
     font-family: "Poppins", "Roboto", "Segoe UI", "Calibri", Helvetica, Arial, sans-serif;
}
/* STICKY BOTTOM LINE END ------------------------------------------------------- */
/* FOOTER START ------------------------------------------------------- */
 .footer-section-1 {
     background: #28497a;
     background: linear-gradient(5deg,#203fb3,#002562);
}
 .footer-section-1-wrapper {
     width: 95%;
     max-width: 1200px;
     padding: 30px 0 10px;
     margin: 0 auto;
}
 .footer-section-1 h2 {
     font-size: 1.8rem;
     margin-bottom: 10px;
     color: #ffffff;
}
 .footer-section-1 h3 {
     font-size: 1rem;
     line-height: 1.4;
     font-weight: 500;
     margin-bottom: 10px;
     color: #ffffff;
}
 .footer-section-1 .text-holder {
     width: 100%;
     border-bottom: 1px solid rgb(255 255 255 / 35%);
}
 .footer-section-1 .phone-e-mail-holder {
     width: 100%;
}
 .footer-section-1 .phone-e-mail-holder div {
     width: 90%;
     padding: 10px 0px 0px;
}
 .phone-number-icon, .e-mail-address-icon {
     width: 100%;
     max-width: 45px;
     margin-bottom: 7px;
     margin-right: 10px;
}
 .phone-number-text, .e-mail-address-text {
     color: #fff;
     font-weight: 600 
}
/**/
 .footer .logo-footer {
     width: 100%;
     max-width: 150px;
     margin-bottom: 2.5rem;
     float: left;
     display: block;
}
 .footer .widget h4 {
     padding: 0.5rem 0;
     margin-bottom: 0;
     font-family: inherit;
     font-size: 1.1rem;
     font-weight: 700;
     letter-spacing: 0;
     color: #ffffff;
}
 .footer .widget ul {
     padding: 8px 0 0;
     color: rgb(255 255 255 / 95%);
     list-style: none;
}
 .footer .widget li {
     font-size: .8rem;
     line-height: 1.5;
     margin-bottom: 8px;
     color: #fff!important;
}
 .footer .widget li a {
     text-decoration: none;
     color: #fff;
     transition: color .3s;
}
.footer-bottom {
    border-top: 1px solid rgb(255 255 255 / 35%);
    padding: 1.5rem 0;
}
.footer .copyright {
    text-align: center;
    font-size: .8rem;
    line-height: 1.35;color: #fff;
}
/* FOOTER END ------------------------------------------------------- */
/* COLOR START ------------------------------------------------------- */
.quantity-selector-holder .button-holder .btn,
.header .button-holder .btn,
#form-submit,
.option-button {
    background-color: #ff4747!important;
    background-image: linear-gradient(213deg, #ff7b48 7%, #f73c22 92%)!important;
    color: #fff!important;
    background-size: unset!important
}
.option-button.active {
    background-color: #59afff!important;
    background-image: linear-gradient(to right,#59afff,#59afff,#59afff)!important;
    color: #fffafa!important;
}
/* COLOR END ------------------------------------------------------- */
