/*
colors 
*/

.txt-black,
a.txt-black .text-black,
a.text-black {
    color: #000 !important;
}

.txt-blue,
.text-blue {
    color: #00A3E3 !important;
}

.txt-lightblue,
.text-lightblue {
    color: #3CC5FB !important;
}

.txt-yellow,
.text-yellow {
    color: #FECA00 !important;
}

.txt-xl {
    font-size: 1.5rem;
    line-height: 1.7rem;
}

@media only screen and (min-width: 1199px) {
    .txt-xl {
        font-size: 2.2rem;
        line-height: 2.6rem;
    }

    .txt-lg {
        font-size: 1.5rem;
        line-height: 1.7rem;
    }

    .txt-md {
        font-size: 1rem;
    }
}

.row.nomargin {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.txt-underline {
    text-decoration: underline;
}

.nogutter > [class*='col-'] {
    padding-right: 0;
    padding-left: 0;
}

.gutter1 > [class*='col-'] {
    padding-right: 1px;
    padding-left: 0;
    margin-bottom: 1px;
}

#main [class*='col-']:not(.entry-content) {
    padding: 0 15px 25px 15px;
}

/*
@media only screen and (max-width: 599px) {
    [class*='col-'] {
        padding-right: 0;
        padding-left: 0;
    }
}
*/

.nodisplay {
    display: none !important;
}

.nounderline {
    text-decoration: none !important;
}

.opacity0 {
    opacity: 0;
    transition: 0.2s ease all;
}

.opacity1 {
    opacity: 1;
    transition: 0.2s ease all;
}

.divider40 {
    height: 40px;
}

.divider80 {
    height: 80px;
}



/* general*/

.clearfix,
.clr {
    *zoom: 1;
    clear: both;
}

.clearfix:before,
.clearfix:after,
.clr:before,
.clr:after {
    display: table;
    content: "";
    line-height: 0;
}

.clearfix:after,
.clr:after {
    clear: both;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #000;
    margin: 1em 0;
    padding: 0;
}

.strong,
.bold {
    font-weight: 700;
}

.italic {
    font-style: italic;
}

.uppercase {
    text-transform: uppercase;
}


img.alignleft {
    float: left;
    margin: 0 20px 20px 0;
}

img.alignright {
    float: right;
    margin: 0 0 20px 20px;
}

img.alignone {
    margin: 20px 0;
}

#main a.btn [class*='fa-'] {
    padding-left: 45px;
}

@media only screen and (max-width: 360px) {
    #main a.btn [class*='fa-'] {
        padding-left: 10px;
    }
}

[class*='fa-']:hover,
a [class*='fa-']:hover {
    opacity: 0.8;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    transition: background-color ease-in-out 0s;
    -webkit-text-fill-color: #53bcf8;
}


/*
::-webkit-input-placeholder {
    color: #53bcf8;
    opacity: 1 !important;
}

:-moz-placeholder {
    color: #53bcf8;
}

::-moz-placeholder {
    color: #53bcf8;
}

:-ms-input-placeholder {
    color: #53bcf8;
}

*/

input:focus::-webkit-input-placeholder {
    color: transparent;
}

input:focus:-moz-placeholder {
    color: transparent;
}

input:focus::-moz-placeholder {
    color: transparent;
}

input:focus:-ms-input-placeholder {
    color: transparent;
}

/*paragraph*/

html,
body {
    height: 100%;
}

html {
    font-size: 18px;
    overflow-y: scroll;
}

iframe {
    margin-bottom: 10px;
    aspect-ratio: 16 / 9;
    height: 100%;
    width: 100%;
}

table td,
table th {
    vertical-align: top;
    padding: 5px;
}

img {
    width: 100% \9;
    max-width: 100%;
    height: auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

a img:hover,
img a:hover {
    opacity: 0.8;
}

img.circle,
img.round {
    border-radius: 50%;
}


/*a:link*/

a {
    cursor: pointer;
}

a.nostyle {
    text-decoration: none;
}

a:not(.nostyle),
a:not(.nostyle):visited {
    outline: none !important;
    color: #3CC5FB;
    text-decoration: none;
    /* display: inline-block;*/
}

:target::before {
    content: "";
    display: block;
    height: 280px;
    margin: -280px 0 0;
}

.logged-in :target::before {
    height: 310px;
    margin: -310px 0 0;
}

/**/

input,
textarea {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    background-color: transparent;
    border: 2px solid;
    border-color: #FECA00;
    border-radius: 15px;
    padding: 10px 20px;
}

input:focus,
textarea:focus {
    outline: none;
}

select {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    background: #CEDADF;
    border: none;
    border-color: transparent;
    border-radius: 15px;
    padding: 0.5em 3.5em 0.5em 1em;
}


select {
    background-image:
        linear-gradient(45deg, transparent 50%, #000 50%),
        linear-gradient(135deg, #000 50%, transparent 50%),
        linear-gradient(to right, #CEDADF, #CEDADF);
    background-position:
        calc(100% - 20px) calc(1em + 2px),
        calc(100% - 15px) calc(1em + 2px),
        100% 0;
    background-size:
        5px 5px,
        5px 5px,
        2.5em 2.5em;
    background-repeat: no-repeat;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
}

select:focus {
    background-image:
        linear-gradient(45deg, #000 50%, transparent 50%),
        linear-gradient(135deg, transparent 50%, #000 50%),
        linear-gradient(to right, #CEDADF, #CEDADF);
    background-position:
        calc(100% - 15px) 1em,
        calc(100% - 20px) 1em,
        100% 0;
    background-size:
        5px 5px,
        5px 5px,
        2.5em 2.5em;
    background-repeat: no-repeat;
    border-color: transparent outline: 0;
}



a.btn,
li.btn a,
button,
btn-primary,
button[type="submit"],
input[type="submit"] {
    padding: 15px 30px 12px 30px;
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    background-color: #FECA00;
    color: #000 !important;
    height: 55px;
    border-radius: 20px;
    border: none;
    transition: all 275ms ease;
    text-decoration: none;
    margin-top: 20px;

}

@media only screen and (min-width: 992px) {

    a.btn,
    li.btn a,
    button,
    btn-primary,
    button[type="submit"],
    input[type="submit"] {
        margin-top: 40px;
    }
}

#main a.btn:hover,
#main li.btn a:hover,
#main button:hover,
#main .btn-primary:hover,
#main button[type="submit"]:hover,
#main input[type="submit"]:hover {
    background-color: #00A3E3;
    color: #fff !important;
}

a.btn i,
li.btn a i,
button i,
btn-primary i,
button[type="submit"] i,
input[type="submit"] i {
    position: relative;
    right: 0;
}

body {
    color: #101010;
    background: #F6F6F6;
    font-size: 16px;
    line-height: 1.7;
    white-space: normal;
    word-wrap: break-word;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    text-align: justify;
}


@media only screen and (max-width: 579px) {
    body {

        text-align: left;
    }
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
    -webkit-margin-start: 0;
    -webkit-margin-end: 0;
    -webkit-padding-start: 0;
    padding: 0;
    font-family: 'Bebas Neue', sans-serif;
    line-height: 1;
    text-align: left;
    text-transform: uppercase;
}


@media only screen and (min-width: 320px) and (max-width: 991px) {

    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        text-align: center;
    }



    .landing-page .featured-item-row h2 {
        text-align: left;
    }

    .featured-item-row h2.text-right {
        text-align: right;
    }

    .text-md-left {
        text-align: left;
    }



}

h1 {
    font-size: 82px;
    line-height: 74px;
    margin-bottom: 40px;
    color: #3CC5FB;
}

h2 {
    font-size: 68px;
    line-height: 60px;
    margin-bottom: 40px;

}

.home h2,
.landing-page h2 {
    color: #3CC5FB;
}

@media only screen and (min-width: 320px) and (max-width: 991px) {
    h1 {
        font-size: 32px;
        line-height: 32px;
        margin-bottom: 20px;
    }

    .home h1 {
        text-align: left;
    }


    h2 {
        font-size: 28px;
        line-height: 28px;
        margin-bottom: 24px;
    }
}

h3 {
    font-size: 40px;
    line-height: 40px;
    margin: 22px 0;
}

h4 {
    font-size: 24px;
    line-height: 24px;
    margin: 16px 0;
}

h5 {
    font-size: 24px;
    line-height: 24px;
    margin: 14px 0;
}

h6 {
    font-size: 20px;
    line-height: 20px;
    margin: 12px 0;
}


/**/

/*bootstrap override*/

.container {
    position: relative;
}

@media only screen and (min-width: 768px) and (max-width: 1439px) {
    .container {
        max-width: 99% !important;
    }
}

@media only screen and (min-width: 1440px) {
    .container {
        max-width: 1440px !important;
    }
}


/**/

@media only screen and (min-width: 1199px) {
    .wrapper {
        margin: 0 40px;
        padding: 180px 30px 60px 30px;

    }
}

@media only screen and (max-width: 1199px) {
    .wrapper {
        padding: 100px 0 30px 0;
    }
}


#main {}


.maincontent {
    padding: 40px;
    background: #fff;
    border-radius: 20px;
}

/*frontpage*/

@media only screen and (max-width: 992px) {
    .home .fpblock {
        margin-bottom: 30px;
    }
}


@media only screen and (min-width: 992px) {
    .home .fpblock {
        margin-bottom: 130px;
    }
}

.home .featured-items {
    margin-top: -60px;
}

@media only screen and (min-width: 992px) {
    .featured-items {
        margin-bottom: 200px;
    }
}

.fptext {
    height: 100%;
    background: #fff;
    padding: 50px;
    border-radius: 20px;
}

@media only screen and (max-width: 991px) {
    .fptext {
        padding: 25px;
    }
}


.featured-item-row {
    position: relative;
}

@media only screen and (max-width: 767px) {

    .featured-item-row .row1 .fptext,
    .featured-item-row .row2 .fptext {
        text-align: center;
    }
}


@media only screen and (min-width: 992px) {
    .row1 {
        margin-bottom: 150px;
    }
}

.fpimg img {
    border-radius: 20px;
    box-shadow: 8px 8px 30px rgba(0, 0, 0, 0.1);
}

@media only screen and (max-width: 991px) {
    .fpimg {
        text-align: center;
    }
}

@media only screen and (max-width: 991px) {

    img.row1_image_lg,
    img.row2_image_lg {
        max-height: 200px;
        width: auto;
        object-fit: cover;
    }
}

@media only screen and (min-width: 992px) {
    img.row1_image_lg {
        width: 494px;
        height: 410px;
        object-fit: cover;
        position: absolute;
        top: -50px;
        z-index: -1;
    }

    img.row1_image_sm {
        width: 323px;
        height: px;
        object-fit: cover;
        position: absolute;
        bottom: -80px;
        right: 00px;
    }

    img.row2_image_lg {
        width: 494px;
        height: 410px;
        object-fit: cover;
        position: absolute;
        top: -50px;
        z-index: -1;

    }

    img.row2_image_sm {
        width: 323px;
        height: px;
        object-fit: cover;
        position: absolute;
        bottom: -150px;
        left: 300px;

    }
}


.row2 .fptext {
    text-align: right;
}

.row2 .fptext h2 {
    text-align: right;
}

.row_yellow {
    background-color: #FECA00;
    padding: 50px 50px 0 50px;
    position: relative;
    border-radius: 50px;
    margin-top: 220px;
}

@media only screen and (max-width: 991px) {
    .row_yellow {
        padding: 25px 25px 0 25px;
        margin-top: 20px;
    }
}

.home .row_yellow h2 {
    color: #000;
}

.row_yellow [class*='col-'] {
    padding-bottom: 0;
}

.row_yellow a.btn {
    background-color: #3CC5FB;
    color: #fff !important;
}

@media only screen and (min-width: 992px) {
    .row_yellow a.btn {
        margin-bottom: -110px;
    }
}

@media only screen and (min-width: 992px) {
    .row_yellow img {
        position: absolute;
        bottom: 0;
    }
}

.row_yellow a.btn:hover {
    background-color: #00A3E3;
    color: #fff !important;
}

.testimonial-item {
    height: 100%;
    background: #fff;
    border-radius: 20px;
    padding: 40px;
}

.testimonial-item h6 {
    color: #3CC5FB;
    margin-top: 40px;
    padding-left: 20px;
    font-size: 32px;
    font-weight: 400;
}

.testimonial-item .person-name i {
    color: #3CC5FB;
    width: 40px;
    margin-right: 20px;
}


.testimonial-item .quote {
    color: #FECA00;
    font-size: 24px;
    margin-bottom: 40px;
}

/*page content*/

.banner-wrapper .banner-area {
    background-size: 50% !important;
}

@media only screen and (min-width: 320px) and (max-width: 539px) {
    .banner-wrapper .banner-area {
        background-size: 33% !important;
    }
}

@media only screen and (min-width: 992px) {
    .banner-wrapper .banner-area {
        background-position: 100% 0 !important;
        margin-top: -50px;
    }

    .banner-content {
        margin-top: 50px;
    }
}

@media only screen and (min-width: 320px) and (max-width: 539px) {
    .banner-cta {
       text-align: center;
    }
}


@media only screen and (min-width: 992px) {
    .home .banner-cta {
        margin-top: 60px;
    }
}


@media only screen and (max-width: 1199px) {
    #main {}
}


/*pages*/
.page-header.headerimg h1 {
    color: #fff;
}

.single-page h1.page-title {
    text-align: center;
}

/*landing*/


.landing-cta-wrapper {
    width: 100%;
    background: #fff;
    border-radius: 20px;
    padding: 30px;
}

.landing-txt-wrapper {
    background: #fff;
    border-radius: 20px;

}

@media only screen and (max-width: 1199px) {
    .landing-txt-wrapper {
        padding: 25px;
    }
}

.landing-txt {
    padding: 60px;

}

@media only screen and (max-width: 1199px) {
    .landing-txt {
        padding: 25px;
    }
}

@media only screen and (max-width: 1199px) {
    .landing-cta-content {
        padding: 25px;
    }
}

@media only screen and (max-width: 1199px) {
    .wp-image-100 {
        max-height: 60px;
        max-width: 60px;
        text-align: left;
    }
}



@media only screen and (max-width: 991px) {

    .landing-page .row1,
    .landing-page .row2 {
        margin-top: 30px;
    }
}

@media only screen and (min-width: 992px) {
    .landing-page .row1 {
        margin-top: 120px !important;
    }

    .landing-page .row2 {
        margin-top: 60px !important;
    }
}

.row1 .landingimg {
    position: absolute;
    top: -100px;
    left: 0;
}

.row2 .landingimg {
    position: absolute;
    top: -100px;
    right: 0;
}



@media only screen and (max-width: 767px) {

    .row1 .landingimg,
    .row2 .landingimg {
        top: -30px;
        width: 80px;
        height: auto;

    }
}

@media only screen and (min-width: 768px) and (max-width: 1279px) {

    .row1 .landingimg,
    .row2 .landingimg {
        top: -30px;
        width: 200px;
        height: auto;

    }
}

/* Pagination */

.pages-nav .page-numbers {
    background: #BCBCBC;
    color: #fff;
    display: block;
    width: auto;
    float: left;
    margin: 4px 10px 4px 0;
    padding: 10px 20px;
    text-decoration: none;
}

.pages-nav .page-numbers:hover {
    background: #000;
    color: #fff;
    text-decoration: none;
}

.pages-nav .current {
    background: #05509f;
    border-bottom: 2px solid #05509f;
    color: #fff;
}

/**/

footer {
    background: #fff;
    padding: 40px 20px;

}

footer [class*='fa-'] {
    color: #3CC5FB !important;

}


footer .social a [class*='fa-'] {
    font-size: 18px;
    background: #F6F6F6;
    border-radius: 50%;
    margin-right: 15px;
    padding: 10px;
}


footer a:not(.nostyle),
footer a:not(.nostyle):visited {
    color: #68727D;
}

footer a:not(.nostyle):hover,
footer a:not(.nostyle):visited:hover {
    color: #00A3E3;
}


/**/
.slick-track {
    margin-left: inherit;
    margin-right: inherit;
}

#main button.slick-arrow {
    width: 50px;
    height: 50px;
    background-color: #FECA00;
    color: #000;
    border-radius: 50%;
}

#main button.slick-arrow:hover {
    background-color: #E2E2E2;
    color: #68727D;
}

.slick-next {
    right: -50px;
}

.slick-prev {
    left: -13px;
}

.slick-prev::before,
.slick-next::before {
    font-family: 'Font Awesome 5 Pro' !important;
    color: #0c1b32 !important;
    border: none;
}

.slick-prev::before,
.slick-next::before {
    font-family: 'Font Awesome 5 Pro' !important;
    color: #0c1b32 !important;
    border: none;
}

.slick-prev::before {
    content: '\f053' !important;
}

.slick-next::before {
    content: '\f054' !important;
}


.slick-prev:hover,
.slick-next:hover {
    border: none !important;
}

.slick-prev:hover::before,
.slick-next:hover::before {
    border: none ! important;
    border-color: transparent;
}

button.slick-arrow,
button.slick-arrow:active,
button.slick-arrow:focus {
    position: absolute !important;
    top: 50%;
}

.slick-center > div {
    transform: scale(1);
}

.slick-slide > div {
    transform: scale(.85);
    transition: transform 1s cubic-bezier(.4, 0, .2, 1);
}

.slider__item > img {
    width: 100%;
    height: auto;
}

/**/

.product-categories .category-image {
    position: relative;
}

.product-categories .category-image a {
    display: block;
    z-index: 0;
}


.product-categories .category-image img {
    /* width: 272px;
    height: 289px;*/
    width: 100%;
    height: 280px;
    object-fit: cover;
    border-radius: 20px 20px 0 0;
    z-index: -1;
}

@media only screen and (max-width: 991px) {

    .product-categories .category-image img {
        height: 120px;

    }
}

.category-wrapper:hover {
    box-shadow: 0px 15px 15px rgba(0, 0, 0, 0.05)
}

.category-text {
    position: relative;
    background: #fff;
    padding: 20px;
    margin-top: -24px;
    border-radius: 0px 0px 20px 20px;
    z-index: 1;
}


.category-text a {
    display: inline-block;
    width: 100%;
    color: #000;
}

.category-name {
    font-size: 20px;
    line-height: 24px;
    font-weight: 700;
    padding-bottom: 20px;
}

.category-count {
    padding-bottom: 20px;

}

@media only screen and (max-width: 991px) {
    .category-readmore {
        margin-top: -20px;
    }
}

.category-readmore a {
    color: #3CC5FB;
}

.category-readmore a:hover {
    color: #FECA00;
}

#main .category-readmore a [class*='fa-'] {
    padding-left: 0;
    padding-right: 30px;
}


@media only screen and (max-width: 991px) {

    #main .category-readmore a [class*='fa-'] {
        padding-right: 10px;
    }
}

/*search*/


/*search*/
.searchwp-modal-form-default .searchwp-modal-form__overlay {
    background: rgba(255, 255, 255, 0.9) !important;
}

input.search-submit {
    margin-top: 0;
    padding-top: 12px;
    height: 40px;
}

input.search-submit:hover {
    background-color: #00A3E3;
    color: #fff !important;
}

@media only screen and (max-width: 459px) {
    input.search-submit {
        position: absolute;
        top: 90px;
    }
}

.searchwp-modal-form-default .searchwp-modal-form__content .search-form label {
    flex: 0 !important;
}

.searchwp-modal-form-default .searchwp-modal-form__close:before {
    font-family: "Font Awesome 5 Free";
    content: "\f057"
}

@media only screen and (max-width: 459px) {
    .searchwp-modal-form-default .searchwp-modal-form__content {
        padding-bottom: 70px !important;
    }
}

.searchwp-modal-form-default .searchwp-modal-form__content .search-form {
    text-align: center;
}


.searchwp-modal-form-default .searchwp-modal-form__content .search-form label input {
    display: inline-block !important;
    width: 450px !important;
    margin: auto !important;
}

@media only screen and (max-width: 459px) {
    .searchwp-modal-form-default .searchwp-modal-form__content .search-form label input {
        width: 280px !important;
    }
}


.search-form,
.searchwp-modal-form__content {
    font-family: 'Roboto', sans-serif !important;
}


footer.searchwp-modal-form__footer {
    border-top: none;
    font-size: 1.5rem;
    background: transparent;
    text-align: center;
}

button.searchwp-modal-form__close.button {
    position: relative;
    background-color: transparent;
    padding: 30px;
    border: none;
    border-color: transparent;
    border-radius: 50%;
}

button.searchwp-modal-form__close.button:hover {
    background-color: #00A3E3;
    color: #fff !important;
}

.searchwp-modal-form-default .searchwp-modal-form__close:before {
    position: absolute;
    top: 15px;
    left: 15px;
}

.searchwp-modal-form-default .searchwp-modal-form__close:before:hover {
    color: #fff;
}

/**/

.page-search .item {
    border-bottom: 1px solid #ddd;
}

.page-search h4,
.page-search h5 {
    font-family: 'Roboto', sans-serif !important;
    font-weight: 600;
    text-align: left;
}


.page-search .item {
    padding: 20px;
}


.page-search .item:hover {
    background: #fcfcfc:
}


.page-search .item a {
    color: #000;
}

.page-search .item a:hover {
    color: #00A3E3;
}

/**/

.woocommerce.tax-product_cat .banner-wrapper,
.woocommerce.tax-product_cat .game-features-items {
    display: none;
}

.woo-shop-mainpage .banner-wrapper .banner-area {
    background-size: contain;
}

.banner-app-wrapper {
    position: relative;
    height: 100%
}

@media only screen and (max-width: 991px) {
    .banner-app-content {
        text-align: center;
    }
}


@media only screen and (min-width: 1199px) {
    .banner-app-content {
        position: absolute;
        bottom: 0;
        right: 0;
    }
}

.banner-app-content a {
    width: 142px;
    height: auto;
    display: block;
}
@media only screen and (max-width: 991px) {
    .banner-app-content a {
        display: inline-block;
        padding-right: 10px;
    }
}

.game-features-items {
    background: rgba(1, 121, 169, 0.1);
    border-radius: 40px;
    padding: 35px 0 0 0;
    margin: 0 0 40px 0;
}

@media only screen and (min-width: 1199px) {
    .game-features-items {
        margin: 60px 0 100px 0;
    }
}

.game-features-items .feature {
    border-right: 1px solid #949BA3;
    font-weight: 600;
    text-align: center;
}

.game-features-items .feature:last-of-type {
    border-right: none;
}

@media only screen and (min-width: 1439px) {
    .game-features-items .feature .content {
        padding: 0 25%;
    }
}


.game-features-items .feature img {
    display: block;
    margin: 0 auto 2px auto;
    max-width: 40px;
    max-height: auto;
}


.woocommerce ul.products .product,
.woocommerce-page ul.products .product,
.woocommerce-page .related.products .product {
    background: #fff;
    border-radius: 20px;
    padding-bottom: 20px;
}

.woocommerce-page .related.products li {
    list-style: none;
}

.woocommerce ul.products .product:hover,
.woocommerce-page ul.products .product:hover,
.woocommerce-page .related.products .product:hover {
    border-radius: 0px 0px 24px 24px;
    box-shadow: 0px 100px 80px rgba(0, 0, 0, 0.02), 0px 64.8148px 46.8519px rgba(0, 0, 0, 0.0151852), 0px 38.5185px 25.4815px rgba(0, 0, 0, 0.0121481), 0px 20px 13px rgba(0, 0, 0, 0.01), 0px 8.14815px 6.51852px rgba(0, 0, 0, 0.00785185), 0px 1.85185px 3.14815px rgba(0, 0, 0, 0.00481481);
}

.woocommerce ul.products .product,
.woocommerce-page :not[.related.products] ul.products .product {
    margin: 0 2% 2% 0;
}

.woocommerce ul.products .product a img,
.woocommerce .related.products .product a img {
    border-radius: 20px 20px 0 0;
}

.woocommerce .related.products .product a img {
    padding-bottom: 20px;
}

.woocommerce ul.products li.product .woocommerce-loop-category__title,
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h3,
.woocommerce .related.products .product h3 {
    font-family: 'Roboto', sans-serif;
    text-transform: none;
    font-size: 20px;
    line-height: 24px;
    font-weight: 600;
    color: #000;
    margin: 0 !important;
    text-align: left;
    border-bottom: 1px solid #949BA3;
    padding: 0 20px 20px 20px;
}

.woocommerce .related.products .product h3 {
    padding-bottom: 120px;
    text-align: center;
}

.woocommerce ul.products .product .woocommerce-loop-category__title:hover,
.woocommerce ul.products .product .woocommerce-loop-product__title:hover,
.woocommerce ul.products .product h3:hover,
.woocommerce .related.products .product h3:hover {
    color: #00A3E3;
}

.woocommerce [itemprop="description"] {
    color: #000;
    padding: 20px;
    text-align: left;
    line-height: 1.5;
}

@media only screen and (min-width: 1200px) {
    .woocommerce [itemprop="description"] {
        /*     min-height: 380px;*/
        margin-bottom: 80px;
    }

    .fi.woocommerce [itemprop="description"] {
        /*     min-height: 380px;*/
        margin-bottom: 100px;
    }

}

.woocommerce .product > a > div,
.woocommerce .product > a {}

.woocommerce ul.products .product .button:hover {
    background: #00A3E3;
}

.woocommerce ul.products li.product .price {
    color: #FECA00;
    font-weight: 700;
    padding: 0 20px;
    font-size: 24px;
    line-height: 1;
    text-align: center;
    margin: 0;
    width: 100%;
}

.woocommerce div.product p.price,
.woocommerce div.product span.price {
    color: #000;
    font-weight: 700;
    font-size: 24px;
}

/*woo single product*/
.woocommerce .woo-single-product .images img {
    border-radius: 20px;
}

.woocommerce h1.product_title,
.woocommerce h2 {
    font-size: 48px;
    line-height: 50px;
}


@media only screen and (max-width: 991px) {
    .woocommerce h1.product_title {
        font-size: 32px;
        line-height: 34px;
    }
}

@media only screen and (max-width: 539px) {
    .woocommerce .summary.entry-summary {
        text-align: center;
    }
}



/**/

/**/


@media only screen and (max-width: 991px) {

    .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) .related.items a.button,
    .woocommerce .related.items .add_to_cart_button {
        position: relative;
        left: auto;
        transform: none;
        margin-bottom: 20px;
    }
}

/**/
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button,
.woocommerce .add_to_cart_button {
    padding: 10px 18px;
    font-weight: 700;
    text-align: center;
    color: #000;
    background-color: #fff;
    border: 3px solid #FECA00;
    border-radius: 50px;
}

@media only screen and (max-width: 1199px) {

    .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button,
    .woocommerce .add_to_cart_button {
        position: relative;
        left: 50%;
        transform: translateX(-50%);
        margin-bottom: 20px;
    }
}

/*valid for row-eq-height in loop/loop-start.php*/
@media only screen and (min-width: 1200px) {

    .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button,
    .woocommerce .add_to_cart_button {
        position: absolute;
        bottom: 20px;
        left: 50%;
        transform: translateX(-50%);
        margin-top: 20px !important;
    }
}

@media only screen and (min-width: 360px) {
    .woocommerce .button.add_to_cart_button {
        width: 180px;
        display: inline-block;
    }
}

@media only screen and (min-width: 360px) {
    .fi.woocommerce .button.add_to_cart_button {
        width: 235px !important;
    }
}

.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button:hover,
.woocommerce .add_to_cart_button:hover {
    color: #fff;
    background-color: #00A3E3;
    border: 3px solid #00A3E3;
}


.woocommerce .add_to_cart_button:before {
    font-family: 'Font Awesome 5 Pro';
    content: '\f07a';
    padding-right: 15px;
}

a.added_to_cart {
    display: block !important;
    padding-bottom: 20px;
    text-align: center;
}


#add_payment_method table.cart td.actions .coupon .input-text,
.woocommerce-cart table.cart td.actions .coupon .input-text,
.woocommerce-checkout table.cart td.actions .coupon .input-text {
    width: 150px;
    height: 55px;
    padding: 10px 20px;
}

.woocommerce .stock.in-stock {
    color: #000;
}

.woocommerce .products img:hover {
    opacity: 0.9;
}

@media only screen and (min-width: 1200px) {
    .woocommerce .woocommerce-breadcrumb {
        margin: -50px 0 0 0;
        font-style: italic;
    }
}


@media only screen and (max-width: 599px) {

    .woocommerce ul.products[class*=columns-] .product,
    .woocommerce-page ul.products[class*=columns-] .product {
        width: 100% !important;
        float: left;
        clear: both;
    }
}

@media only screen and (min-width: 600px) and (max-width: 768px) {

    .woocommerce :not[.related.products] ul.products[class*=columns-] .product,
    .woocommerce-page :not[.related.products] ul.products[class*=columns-] .product {
        width: 48%;
        float: left;
        clear: both;
        margin: 0 5px 10px 0;
    }
}

.woocommerce .products ul,
.woocommerce ul.products {
    margin-top: 10px;
}

.woocommerce .quantity input.qty {
    font-family: 'Roboto', sans-serif;
    font-weight: 600;
    margin-right: 10px;
    padding: 8px;
}

.woocommerce .quantity input.qty:hover {
    border-color: #00A3E3;
    background: #00A3E3;
    color: #fff;
}


.woocommerce button.single_add_to_cart_button,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.single_add_to_cart_button.button.alt {
    padding: 10px 30px 10px 20px;
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    background-color: #fff;
    color: #000 !important;
    height: 38px;
    border-radius: 15px;
    border: 2px solid;
    border-color: #FECA00;
    transition: all 275ms ease;
    text-decoration: none;
}

.woocommerce button.single_add_to_cart_button.button.alt:hover {
    border-color: #00A3E3;
}

.woocommerce button.button.single_add_to_cart_button.button.alt:before {
    font-family: 'Font Awesome 5 Pro';
    content: '\f07a';
    padding-right: 20px;
}


.woo-single-product .product {
    padding: 40px;
    background: #fff;
    border-radius: 20px;
    box-shadow: 8px 8px 30px rgba(0, 0, 0, 0.1);
}


@media only screen and (max-width: 1199px) {
    .woo-single-product .product {
        padding: 20px;
    }
}

.woo-single-product .related.products .product {
    padding: 0;
}

.woocommerce .product p.price,
.woocommerce .product span.price {
    color: #FECA00;
}

@media only screen and (min-width: 1200px) {
    .woocommerce ul.products .price {
        position: absolute;
        bottom: 75px;
        left: 50%;
        margin: auto;
        transform: translateX(-50%);
    }

    .fi.woocommerce ul.products .price {
        bottom: 85px;
    }
}

.woocommerce .related.products .price {
    color: #FECA00;
    display: block;
    text-align: center;
    padding: 20px;
    bottom: 50px;
}


.woocommerce-Tabs-panel.wc-tab h2 {
    display: none;
}

.woocommerce .product_meta {
    font-style: italic;
    text-align: left;
}

/*cart and checkout */
.woocommerce-cart button {
    border-radius: 20px !important;
}

.woocommerce-cart button,
.woocommerce-cart .checkout-button.button.alt.wc-forward,
.woocommerce-checkout button.button.alt {
    border-radius: 20px;
    background: #3CC5FB;
    color: #fff !important;
}

. .woocommerce-cart button:hover,
.woocommerce-cart .checkout-button.button.alt.wc-forward:hover,
.woocommerce-checkout button.button.alt:hover {
    background: #00A3E3;
}

.cart_totals h2,
h2.woocommerce-order-details__title {
    font-size: 30px;
    line-height: 1.2;
}

.woocommerce-message {
    border-top-color: #ddd;
}

.woocommerce-message {
    text-align: left;
    color: #000;
}

.woocommerce-message:before {
    top: 15px;
    left: 15px;
    color: #000;
}


.woocommerce .woocommerce-error .button,
.woocommerce .woocommerce-info .button,
.woocommerce .woocommerce-message .button,
.woocommerce-page .woocommerce-error .button,
.woocommerce-page .woocommerce-info .button,
.woocommerce-page .woocommerce-message .button {
    margin-right: 35%;
}

@media only screen and (min-width: 320px)and (max-width: 539px) {

    .woocommerce .woocommerce-error .button,
    .woocommerce .woocommerce-info .button,
    .woocommerce .woocommerce-message .button,
    .woocommerce-page .woocommerce-error .button,
    .woocommerce-page .woocommerce-info .button,
    .woocommerce-page .woocommerce-message .button {
        margin-right: 12%;
    }
}

/*product categories filter*/
.yith-wcan-filters .yith-wcan-filter {
    margin-bottom: 10px;
}

.yith-wcan-filters .yith-wcan-filter .filter-items .filter-item {
    display: inline-block;
    margin: 0 7px 10px 0 !important;
    border: 2px solid;
    border-color: #3CC5FB;
    border-radius: 15px;
    padding: 5px 20px 5px 10px;
}



@media only screen and (max-width: 1199px) {
    .yith-wcan-filters .yith-wcan-filter .filter-items .filter-item {
        margin: 0 12px 8px 0;
    }
}

.yith-wcan-filters .yith-wcan-filter .filter-items .filter-item > a,
.yith-wcan-filters .yith-wcan-filter .filter-items .filter-item > label > a {
    font-weight: 600;
}

@media only screen and (min-width: 1200px) {

    .yith-wcan-filters .yith-wcan-filter .filter-items .filter-item > a,
    .yith-wcan-filters .yith-wcan-filter .filter-items .filter-item > label > a {
        padding: 0 0 0 7px;
    }
}

.yith-wcan-filters .yith-wcan-filter .filter-items .filter-item > a:hover,
.yith-wcan-filters .yith-wcan-filter .filter-items .filter-item > label > a:hover,
.yith-wcan-filters .filter-item.checkbox:hover,
.yith-wcan-filters .filter-item.checkbox.active {
    background: #00A3E3 !important;
    border-color: #00A3E3;
    color: #fff;
}


.yith-wcan-filters .yith-wcan-filter .filter-items .filter-item.active > a,
.yith-wcan-filters .yith-wcan-filter .filter-items .filter-item.active > label > a {
    color: #fff !important;
}

.yith-wcan-filters .yith-wcan-filter .filter-items .filter-item label {
    min-width: auto !important;
}

.yith-wcan-filters .yith-wcan-filter .filter-items .filter-item:hover a {
    color: #fff !important;
}


.yith-wcan-filters {
    background-color: transparent !important;

}

h4.filter-title {
    display: none;
}

.yith-wcan-filters .yith-wcan-filter .filter-items.level-0 ul {
    padding-left: 0 !important;
    margin-top: -10px;
}

/*related*/
.woocommerce .related.products [itemprop="description"] {
    display: none;
}

.woocommerce .related.products ul.products .product .woocommerce-loop-category__title,
.woocommerce .related.products ul.products .product .woocommerce-loop-product__title,
.woocommerce .related.products ul.products .product h3 {
    border-bottom: none;
}

.woocommerce .related.products ul.products .product a img {
    height: 150px;
    object-fit: cover;
}

/**/
.sp-easy-accordion h3 {
    text-transform: none;
    font-family: 'Roboto', sans-serif;
    font-size: 18px;
}

#sp-ea-1198.sp-easy-accordion > .sp-ea-single > .sp-collapse > .ea-body {
    color: inherit;
}

#tw-chat-app {
    position: fixed;
    right: 15px !important;
}
/**/