:root {

    --cms-theme-color-1: #0089d0;

    --cms-theme-color-2: #70a707;

    --cms-theme-color-3: #999;

    --cms-theme-bg-1: #0089d0;

    --cms-theme-bg-2: #0173af;

    --cms-theme-bg-3: #70a707;

    --cms-theme-bg-4: #5c8808;

}



.row .col div a img {

    width: 100%;

}





/* user history */

.usrhistorder {

    width: 90%;

    margin: 0 auto;

}



.usrhistorder .ordT {

    font-weight: bold;

    padding: 5px;

    border-bottom: 1px solid #aaa;

}



.usrhistorder .ordrw {

    padding: 5px;

    border-bottom: 1px solid #eee;

}



.usrhistorder .ordrw_mid span {

    display: none;

}



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

    .usrhistorder {

        width: 100%;

    }

}



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

    .usrhistorder thead {

        display: none;

    }



    .usrhistorder, .usrhistorder tbody, .usrhistorder tr, .usrhistorder tr td {

        width: 100%;

        display: block;

        text-align: center;

    }



    .usrhistorder tr td.ordrw_mid {

        border-color: #aaa;

        margin-bottom: 10px;

    }



    .usrhistorder tr td.ordrw_right {

        display: none;

    }



    .usrhistorder tr td.ordrw_mid span {

        display: inline-block;

    }

}





/* wishlist */

.wishlisttbl {

    width: 90%;

    margin: 0 auto;

}



.wishlisttbl .list_title {

    font-weight: bold;

    padding: 5px;

    border-bottom: 1px solid #aaa;

}



.wishlisttbl .list_item {

    padding: 5px;

    border-bottom: 1px solid #eee;

}



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

    .wishlisttbl {

        width: 100%;

    }

}



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

    .wishlisttbl thead {

        display: none;

    }



    .wishlisttbl, .wishlisttbl tbody, .wishlisttbl tr, .wishlisttbl tr td {

        width: 100%;

        display: block;

        text-align: center;

    }



    .wishlisttbl tr td.list_item_right {

        border-color: #aaa;

        margin-bottom: 15px;

    }

}



/* cart - misc forms */

.form-register, .login_page_wrap {

    max-width: 600px;

    padding: 15px;

    margin: 0 auto;

}



.discForm, .ordTotal, .metaforika_basket_preview {

    text-align: right;

    padding: 0.5em 0;

    margin-bottom: 0.5em;

    border-bottom: 1px solid #ccc;

}



.discForm .form-control {

    max-width: 150px;

    display: inline-block;

}



.discForm .form-group {

    display: inline-block;

}



.basketNav {

    margin-top: 1em;

    margin-bottom: 1em;

}



.basketNavs button {

    padding: 0.3em 0.5em;

    font-size: 1.2em;

    font-weight: bold;

    border: none;

}



.basketSteps, .basketSteps i {

    font-size: 1.2em;

    color: #ccc;

}



.basketSteps.activestep, .basketSteps.activestep i {

    color: #000;

}



.timologioForm {

    display: none;

}



.cartField1_error, .cartField2_error, .cartSelect1_error, .cartSelect2_error, .cartField15_error h3 {

    color: red;

    border-color: red;

}



#pms {

    list-style-type: none;

    padding-left: 0;

}



/*h4.pmtCh:before { content: '\00ab\00a0'; }*/

/*h4.pmtCh:after { content: '\00a0\00bb'; }*/



h4.pmtUnCh {

    color: black;

    cursor: pointer;

    font-size: 18px;

}



h4.pmtCh {

    color: black;

    font-size: 18px;

}



h4.pmtCh:before {

    content: "\f14a";

    font-family: "Font Awesome 5 Free";

    padding-right: 5px;

}



h4.pmtUnCh:before {

    content: "\f0c8";

    font-family: "Font Awesome 5 Free";

    padding-right: 5px;

}



#form2 .table-sm:not(#form2tbl) td {

    padding: 0;

}



.p_selector {

    margin-right: 5px;

}



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



    table.masterT {

        display: none;

    }





    table#szcopr {

        float: left;

        width: 100%;

        -moz-user-select: -moz-none;

        -khtml-user-select: none;

        -webkit-user-select: none;

        margin: 0px 0 20px 0;

        background: #fff;

        color: #333;

    }

}



.cart_summary > thead, .cart_summary > tfoot {

    background: #f7f7f7;

}





/* search */

.ui-autocomplete {

    position: absolute;

    top: 0;

    left: -10px;

    width: 210px;

    cursor: default;

    text-align: left;

    background: #fafafa;

    padding: 0px;

    border: 1px solid #eee;

    z-index: 10000;

    max-height: 200px;

    overflow-y: auto;

    overflow-x: hidden;

}



.ui-autocomplete li.ui-menu-item {

    padding: 5px;

    border-bottom: 1px dotted #ccc;

    font-size: 13px;

}



.ui-autocomplete li.ui-menu-item a {

    display: block;

}



.ui-autocomplete li.ui-menu-item.ui-state-focus, .ui-autocomplete li.ui-menu-item.ui-state-focus a, .ui-autocomplete li.ui-menu-item a:hover {

    background: #ff5555;

    color: #fff;

}



.ui-helper-hidden-accessible {

    display: none;

}





/* sicoprav */

.sicoprav {

    margin-bottom: 3px;

}



.sicoprav span {

    display: inline-block;

    padding: 3px 3px;

    background: #f2f2f2;

}



.sicoprav span.sccol1 {

    width: 18%;

    text-align: center;

}



.sicoprav span.sccol2 {

    width: 12%;

    text-align: center;

}



.sicoprav span.sccol3 {

    width: 10%;

    text-align: center;

    font-weight: bold;

}



.sicoprav span.sccol4 {

    width: 10%;

    text-align: center;

    font-weight: bold;

}



.sicoprav span.sccol5 {

    width: 38%;

}



.sicoprav span.sicoBuy {

    background: #ff5555;

    color: #fff;

    cursor: pointer;

}



.sicoprav span.sicoBuyInactive {

    color: #999;

}





/* input-box-2018 */

.input-box-2018 {

    text-indent: -20000px;

    overflow: hidden;

    height: 1px;

    margin: 0;

}



.input-box-2018 input.form-control {

    display: inline !important;

}



/* misc 2019 07 */

.bs3-mt3 {

    margin-top: 1.5rem;

}



#videocode {

    position: relative;

    padding-bottom: 56.25%; /* 16:9 */

    padding-top: 25px;

    height: 0;

}



#videocode object, #videocode embed, #videocode iframe {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

}



#popup-msg2 .modal-body, #popup-msg2 .modal-header {

    padding: 0px;

}



#popup-msg2 .modal-body button {

    position: absolute;

    top: 5px;

    right: 5px;

    font-size: 41px;

    line-height: 19px;

}





/* start -- cookies */

#cookies2020 {

    position: fixed;

    left: 20px;

    bottom: 20px;

    background-color: #f2f2f2;

    color: #1f1a17;

    padding: 20px;

    z-index: 9;

    max-width: 430px;

    overflow-y: auto;

    overflow-x: hidden;

    border-radius: 2px;

}



.cookie-info > svg, .cookie-info > img {

    width: 50px;

    height: 50px;

}



.cookie-info > p {

    font-size: 15px;

    margin-top: 10px;

    margin-bottom: 20px;

}



.acceptall, .showsettings {

    color: #FFF;

    font-size: 14px;

    font-weight: 700;

    padding: 8px 15px;

    border: 1px solid transparent;

    transition: background-color 400ms ease-out;

}



.acceptall {

    background-color: var(--cms-theme-bg-1);

    margin-right: 10px;

}



.acceptall:hover {

    background-color: #FFF;

    color: var(--cms-theme-bg-2);

    border-color: var(--cms-theme-bg-2);

}



.showsettings {

    background-color: var(--cms-theme-bg-2);

}



.showsettings:hover {

    background-color: #FFF;

    color: var(--cms-theme-bg-1);

    border-color: var(--cms-theme-bg-1);

}



#cookies2020 button:focus {

    outline: none;

    box-shadow: none;

}



#cookies2020 .content {

    background-color: #f2f2f2;

    margin-top: 30px;

}



.cookie-buttons {

    margin-bottom: 10px;

}



#cookies2020 .content .section-btn {

    background-color: #FFF;

    font-size: 15px;

    padding: 8px;

    border: 1px solid var(--cms-theme-color-3);

}



#cookies2020 .content .section-btn:not(.btn-success):hover {

    border-color: var(--cms-theme-color-3);

}



#cookies2020 .content .btn-success {

    background-color: var(--cms-theme-color-3);

    color: #FFF;

}



.cookie-cards .card-body, .cookie-cards .card-body > * {

    font-size: 14px;

}



.savesettings {

    background-color: var(--cms-theme-bg-1);

    color: #FFF;

    font-size: 15px;

    margin-top: 15px;

    padding: 10px 10px;

    border: 0;

}



#cookies2020 .content label.active {

    cursor: pointer;

    color: #009900

}



#cookies2020 .content label.inactive {

    cursor: pointer;

    color: #990000

}



#cookies2020 .content .panel .panel-body {

    max-height: 20vh;

    overflow: auto

}



#cookies2020overlay {

    position: fixed;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    background: rgba(0, 0, 0, 0.5);

    z-index: 9

}



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

    #cookies2020 {

        bottom: 0;

        left: 0;

        max-width: 100%;

        border-radius: 0;

    }



    .cookie-info > svg, .cookie-info > img {

        width: 30px;

        height: 30px;

    }



    .cookie-info > p {

        font-size: 13px;

        margin-bottom: 10px;

    }



    .acceptall, .showsettings {

        font-size: 13px;

    }

}



/* end -- cookies */





.cms-body-ovh {

    overflow: hidden;

}





.btn-cms-theme {

    color: #fff;

    background-color: var(--cms-theme-bg-1);

    border-color: var(--cms-theme-bg-2);

}



.btn-cms-theme:hover {

    color: #fff;

    background-color: var(--cms-theme-bg-2);

    border-color: var(--cms-theme-bg-1);

}



.btn-cms-theme:focus, .btn-cms-theme.focus {

    color: #fff;

    background-color: var(--cms-theme-bg-2);

    border-color: var(--cms-theme-bg-1);

    box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);

}



.btn-cms-theme.disabled, .btn-cms-theme:disabled {

    color: #fff;

    background-color: #d8d8d8;

    border-color: #d8d8d8;

}





.btn-cms-theme-alt {

    color: #fff;

    background-color: var(--cms-theme-bg-3);

    border-color: var(--cms-theme-bg-4);

}



.btn-cms-theme-alt:hover {

    color: #fff;

    background-color: var(--cms-theme-bg-4);

    border-color: var(--cms-theme-bg-3);

}



.btn-cms-theme-alt:focus, .btn-cms-theme-alt.focus {

    color: #fff;

    background-color: var(--cms-theme-bg-4);

    border-color: var(--cms-theme-bg-3);

    box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);

}



.btn-cms-theme-alt.disabled, .btn-cms-theme-alt:disabled {

    color: #fff;

    background-color: #d8d8d8;

    border-color: #d8d8d8;

}





.price {

    color: var(--cms-theme-color-1);

}



.price-del {

    color: var(--cms-theme-color-3);

    text-decoration: line-through;

}



.price-disc {

    color: var(--cms-theme-color-2);

}



.sicoaltc {

    display: inline-block;

    width: 30px;

    height: 30px;

    border: 1px solid var(--cms-theme-color-1);

    margin-right: 5px;

    margin-bottom: 5px;

    cursor: pointer;

    border-radius: 2px;

}



.sicoalts {

    display: inline-block;

    padding: 3px;

    border: 1px solid var(--cms-theme-color-1);

    color: #fff;

    background-color: var(--cms-theme-bg-2);

    margin-right: 5px;

    margin-bottom: 5px;

    cursor: pointer;

    border-radius: 2px;

}



.sicoaltc.active {

    box-shadow: 0 0 0 0.1rem rgba(38, 143, 255, 0.5);

}



.sicoalts.active {

    box-shadow: 0 0 0 0.1rem rgba(38, 143, 255, 0.5);

}



.basketStep2 .formDiv {

    margin-bottom: 40px;

    text-align: center;

}



.basketStep2 .formDiv_title {

    min-height: 45px;

}



.basketStep2 .formDiv_title h4 {

    font-size: 18px;

}



.basketStep2 .formDiv_content {

    padding-bottom: 30px;

    min-height: 100px;

}



.basketStep2 .formDiv_content button {

    bottom: 0px;

    left: 5%;

    width: 90%;

}



.basketSteps {

    font-size: 16px;

    text-align: center;

    margin-bottom: 20px;

}



.search-container {

    position: relative;

}



#autocomplete-results,

#autocomplete-results-mobile {

    position: absolute;

    top: 100%;

    left: 0;

    width: 100%;

    max-height: 400px; /* Set the maximum height to 400 pixels */

    overflow-y: auto; /* Enable vertical scrolling if needed */

    margin: 0;

    padding: 0;

    list-style: none;

    background-color: #fff;

    border: 1px solid #ccc;

    border-top: none;

    display: none;

    z-index: 999999;

}



#autocomplete-results li, #autocomplete-results-mobile li {

    padding: 5px;

}



#autocomplete-results li:hover, #autocomplete-results-mobile li:hover {

    background-color: #f2f2f2;

}



#autocomplete-results .result-li, #autocomplete-results-mobile .result-li-mobile {

    width: 100%;

}



#autocomplete-results-mobile .result-li-mobile a, #autocomplete-results .result-li a {

    color: #000;

    font-size: 18px;

}



@media (max-width: 577px) {

    #autocomplete-results li img, #autocomplete-results-mobile li img {

        display: none;

    }

}



/*

*** login_page

*** sign_in buttons (gmail,facebook)

*/

.google__btn {

    color: #757575;

}

.facebook__btn {

    color: #3b5998;

}



#to-top {

    position: fixed;

    bottom: 20px;

    right: 20px;

    cursor: pointer;

    display: none;

}

  

#to-top i {

    font-size: 24px;

}



#popup-msg2 .modal-body button.close,

#popup-msg .modal-body button.close {

    background: transparent;

    color: #fff;

    border: none;

    box-shadow: 1px 1px 39px -3px rgba(0,0,0,0.54);

    -webkit-box-shadow: 1px 1px 39px -3px rgba(0,0,0,0.54);

    -moz-box-shadow: 1px 1px 39px -3px rgba(0,0,0,0.54);

}

.gift-card {

    position: relative;

    background-color: #2f292c;

    border-radius: 10px;

    padding: 30px;

}

.gift-card img {

    width: 150px;

    position: absolute;

    top: 15px;

    right: 30px;

    filter: brightness(0) invert(1);

}

.gift-card h2 {

    color: #fff;

    font-size: 30px;

    font-weight: 600;

    margin-top: 10px;

}

.gift-card .gift-card-value,

.gift-details h2 {

    color: #fff;

    font-size: 25px;

    font-weight: 600;

    margin: 50px 0;

}

.gift-card .gift-card-text {

    color: #fff;

    font-size: 21px;

    font-weight: 600;

    margin-top: 50px;

}

.gift-card .gift-card-text h6 {

    color: #fff;

    font-size: 15px;

    font-weight: 400;

    margin: 10px 0;

}

.gift-card .gift-card-value #gc-value {

    font-size: 40px;

}

.gift-details h2 {

    font-size: 21px;

    color: #000;

    margin: 0 0 15px;

}

.gift-details .gc-values-fixed {

    display: flex;

    flex-direction: row;

    flex-wrap: wrap;

    justify-content: flex-start;

    align-items: center;

    width: 100%;

    gap: 10px;

    list-style-type: none;

    padding: 0;

}

.gift-details .gc-values-fixed li label {

    width: 55px;

    height: 50px;

    line-height: 52px;

    border-radius: 4px;

    background-color: #f5f5f5;

    text-align: center;

    cursor: pointer;

    font-weight: 600;

}

.gift-details .gc-values-fixed li.active label {

    background-color: var(--secondary-color);

    color: #FFF;

    box-shadow: 1px 1px 2px 0 rgba(0,0,0,.15);

}

.gift-details .gc-values-fixed li input:checked+label {

    background-color: #000;

    color: #fff;

}

.button-modal:hover,

.gift-details .gc-values-fixed label:hover,

.slider.slider-nav img:hover {

    cursor: pointer;

}

.gc-values-custom {

    display: flex;

    flex-direction: row;

    flex-wrap: wrap;

    align-items: baseline;

    justify-content: flex-start;

}

.gc-values-custom input {

    border: none;

    width: 50px;

}

.htc__giftcard__area .row:first-child {

    margin-bottom: 60px;

}

.pro-addtocart-btn-area .fv-btn {

    background-color: #000;

    border: none;

    color: #fff;

    font-size: 17px;

    letter-spacing: 4px;

    font-weight: 600;

    padding: 10px 20px;

    margin-top: 10px;

}

.email-wish {

    margin-top: 30px;

}

.send-wish {

    margin-top: 20px;

}

.send-wish label {

    margin-bottom: 8px;

}

.send-wish textarea {

    width: 100%;

    resize: none;

    padding: 10px;

}











.timeline-text {

    justify-content: unset!important;

    padding-left:30px!important;

}





.karx-about-text strong {

    font-size: 16px!important;

  

}



.card-body h5 {



    font-size: 16px!important;

    min-height:45px;

}





@media (max-width: 767px) {

     .side-info {

    	right: -360px!important;

        width: 360px!important;

        padding: 20px!important;

    } 



    .side-info.info-open {

        right: 0!important;

    }



	.mean-container .mean-nav ul li a {

    font-size: 14px!important;

    font-weight: 700!important;

    }



    .mean-container .mean-nav ul li li a {

    

        padding: 10px 10%!important;

        width: 95%!important;

        font-weight: normal!important;

    }

}







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

 

    .karx-hero-2-wrapper iframe{

           position: relative!important; 

           z-index: 0;

           width: 100%!important;

           height: 56.25vw!important; 

           top: 0px;

           left: 0px;

           overflow: hidden;

           opacity: 1;

           user-select: none;

           margin-top:0!important; 

            margin-left: 0!important; 

           object-fit: cover;

       }

    

       .karx-hero-2-wrapper {

        height: unset!important;

        }



        .karx-about-area-2{

            padding-top:30px!important;

            padding-bottom:10px!important;

           

        }



        .karx-about-2-img-wrapper{

            margin-bottom:20px!important;

        }



        .karx-popular-service-area{

            padding-top:50px!important;

        }



        /* .karx-about-2-img-wrapper .karx-about-2-img {

            height: auto!important;

        } */

    }

    

    .karx-hero-area-2{

        background-color: transparent!important;

    }





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

        .karx-main-menu ul:is(.sub-menu) li a {

           

            padding: 15px 30px!important;

        

        }

        .karx-main-menu ul:is(.sub-menu) {

            width:360px!important;

        }

       

    }





    .karx-main-menu ul:is(.sub-menu) {

        width:420px;

    }





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

        .karx-main-menu ul li a {

            font-size: 16px!important;

            padding: 15px 14px !important;

        }



        .karx-logo-area-2 {

            padding: 0px!important;

        }

    }



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

        .karx-main-menu ul li a {

            font-size: 16px!important;

            padding: 15px 14px !important;

        }



        .karx-logo-area-2 {

             padding: 0px!important;

        }

    }



    @media screen and (min-width: 1400px) and (max-width: 1599px) {

        .karx-main-menu ul li a {

            font-size: 16px!important;

        }

    }



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

        .heaer-costum-container {

            max-width: 100%!important;

        }

        /* .karx-logo img {

            width: 40%!important;

        } */



        .mean-container .mean-nav ul li a {

         

            font-weight: 700!important;

            }

        

            .mean-container .mean-nav ul li li a {

            

              

                font-weight: normal!important;

            }

    }





    .consentCheckbox-style {

        display: flex;

        gap: 10px;

        padding-bottom: 10px;

    }



    @media (max-width: 576px) {



        .single-timeline-area { flex-wrap: wrap; padding-left: 5%; padding-right: 5%; }



        .timeline-date p {

            transform: none;

            white-space: normal;

            display: block;

        }



        .single-timeline-area .timeline-date {

            position: relative;

            width: 100%;

            height: auto;

            display: block;

        }



        .single-timeline-area .timeline-date::before, .single-timeline-area .timeline-date::after { display: none; }



    }



    .karx-about-2-person-btn{

        padding:10px;

    }



    .karx-about-text ul{

        padding-left:30px;

    }



    .karx-top-wlc-text p{

        padding-top: 10px!important;

        padding-bottom:10px!important;

    }



    .karx-footer-widget input[type="submit"] {

        margin-top:10px;

    }



    .mean-container .mean-nav ul li a{

        text-transform: none!important;

    }



   



    .contact-list.mobile_contact h4 {

        color: #ffffff!important;

        background-color: #ae201f!important;

        padding: 15px!important;



    }



    .side-info {

      

        padding: 0px 10px 10px!important;

        

    }


    .copyright-text{
        margin-bottom:0px!important;
    }

    .karx-copyright-text p{
        margin-bottom:0px!important;
    }

    .side-info.info-open{
        overflow-x:hidden!important;
    }

    @media screen and (max-width:991px){
        .contact-list.mobile_contact > span{

            font-size:14px!important;
    
        }
    }