/*Add Css Custom Here*/

/*====== Fix bugs Megamenu not showing icon font (26/1/2018) =====*/
@media (min-width: 992px){
    .menu-vertical .container-megamenu.vertical .vertical-wrapper ul.megamenu > li > a {  line-height: 24px; height: auto;}
    .menu-vertical .container-megamenu.vertical .vertical-wrapper ul.megamenu > li > a i,
    .menu-vertical .container-megamenu.vertical .vertical-wrapper ul.megamenu > li > a b {
        display: inline-block;
    }
    .menu-vertical .container-megamenu.vertical .vertical-wrapper ul.megamenu > li.with-sub-menu > a:before{display: none;}
    .menu-vertical .container-megamenu.vertical .vertical-wrapper ul.megamenu > li > a img{position: static; transform: inherit;}

}


.banners-viso-plocio .item1 {
    width: 100%;
    float: left;
    padding: 0 5px;
}

.banners-viso-plocio img {
    width: 100%!important;
}

.typeheader-1 {
    background: none;
}

.typeheader-1 .container-megamenu.horizontal ul.megamenu > li > a {
    color: black;
}

/* products grid */
.products-list .product-grid .product-item-container .right-block p.name {
    font-weight: 500;
    font-size: 13px;
    margin-bottom: 0;
    /* text-transform: capitalize; */
}
.products-list .product-grid .product-item-container .right-block p.name a {
    color: #333;
    font-size: 12px;
}
/* end products grid */

.label_with_special {
    background-color: #8ad300;
    position: absolute;
    bottom: 122px;
    padding: 5px 10px;
    left: 16px;
    font-size: 12px;
    font-weight: normal;
    text-transform: uppercase;
    z-index: 2;
    border-radius: 0.25em;
    line-height: 1;
    color: #fff;
}
.label_with_special_sale {
    background-color: #8ad300;
    position: absolute;
    bottom: 1px;
    padding: 5px 10px;
    left: 1px;
    font-size: 12px;
    font-weight: normal;
    text-transform: uppercase;
    z-index: 2;
    border-radius: 0.25em;
    line-height: 1;
    color: #fff;
}
.label_with_special_category {
    background-color: #8ad300;
    position: absolute;
    bottom: 1px;
    padding: 5px 10px;
    left: 1px;
    font-size: 12px;
    font-weight: normal;
    text-transform: uppercase;
    z-index: 2;
    border-radius: 0.25em;
    line-height: 1;
    color: #fff;
}

/** Knygynai **/
.row.knygynai-list {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: stretch;
    align-items: stretch;
}

/** Perkainavimai **/
.product-product .product-price-wrapper {
    display: flex;
    align-items: center;
}
td.prices > span {
    display: flex;
    justify-content: center;
    align-items: center;
}
.price span.price-filter, .price-special span.price-filter {
    width: 24px;
    height: 24px;
//margin-left: 8px;
    margin-right: 8px;
    border-radius: 5px;
    padding: 2px;
}
.price span.price-filter:after {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    background-size: 20px 20px;
    background-repeat: no-repeat;
    background-position: center;
//filter: invert(100%);
    /* filter: invert(65%) sepia(80%) saturate(800%) hue-rotate(35deg) brightness(100%) contrast(98%); */
}
.price.coupon span.price-filter:after {
    filter: invert(75%) sepia(70%) saturate(1000%) hue-rotate(7deg) brightness(105%) contrast(105%);
}
.price.special span.price-filter:after {
//filter: invert(50%) sepia(80%) saturate(1000%) hue-rotate(320deg) brightness(100%) contrast(300%);
}
.loyal > span.price-filter:after {
    /* background-image: url('/image/icons/loyalty.png'); */
    background-image: url('data:image/svg+xml,%3Csvg%20width%3D%2223%22%20height%3D%2224%22%20viewBox%3D%220%200%2023%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%0A%20%20%20%20%3Cpath%20d%3D%22M17.6067%2016.4678H5.39497C4.91148%2016.4678%204.51953%2016.8768%204.51953%2017.3813V17.533C4.51953%2018.0375%204.91148%2018.4465%205.39497%2018.4465H17.6067C18.0902%2018.4465%2018.4821%2018.0375%2018.4821%2017.533V17.3813C18.4821%2016.8768%2018.0902%2016.4678%2017.6067%2016.4678Z%22%20fill%3D%22%238AD300%22/%3E%0A%20%20%20%20%3Cpath%20d%3D%22M18.0681%208.90452C17.8106%208.90426%2017.5582%208.97976%2017.3399%209.12236C17.1216%209.26496%2016.9462%209.46888%2016.8339%209.71073C16.7216%209.95259%2016.6769%2010.2226%2016.705%2010.4897C16.733%2010.7569%2016.8327%2011.0103%2016.9925%2011.2211L14.0216%2012.6461L11.9587%208.41121C12.2635%208.29846%2012.5203%208.07695%2012.6837%207.7858C12.8471%207.49465%2012.9067%207.1526%2012.8519%206.82007C12.7971%206.48754%2012.6314%206.18593%2012.3841%205.9685C12.1368%205.75108%2011.8239%205.63184%2011.5005%205.63184C11.1772%205.63184%2010.8642%205.75108%2010.617%205.9685C10.3697%206.18593%2010.204%206.48754%2010.1492%206.82007C10.0944%207.1526%2010.1539%207.49465%2010.3174%207.7858C10.4808%208.07695%2010.7376%208.29846%2011.0423%208.41121L8.97916%2012.6463L6.00821%2011.2213C6.20947%2010.9583%206.31677%2010.6304%206.31172%2010.2939C6.30667%209.9574%206.18957%209.6332%205.98052%209.37692C5.77146%209.12064%205.48346%208.94824%205.16592%208.88929C4.84838%208.83033%204.52107%208.8885%204.24013%209.05381C3.95919%209.21911%203.74211%209.48127%203.62614%209.79531C3.51016%2010.1093%203.5025%2010.4557%203.60448%2010.775C3.70645%2011.0943%203.91171%2011.3666%204.18505%2011.5453C4.45838%2011.7239%204.78277%2011.7978%205.10258%2011.7541L5.86644%2016.4683H17.1343L17.8981%2011.754Z%22%20fill%3D%22%23FFC26F%22/%3E%0A%3C/svg%3E');
}
.coupon > span.price-filter:after {
    background-image: url('/image/icons/coupon-icon.png');
}
.special > span.price-filter:after {
//background-image: url('/image/icons/percent-icon.png');
}
.price-special > span.price-filter:after {
    background-image: url('/image/icons/percent-icon.png');
    filter: contrast(0.3);
    filter: invert(65%) sepia(75%) saturate(610%) hue-rotate(28deg) brightness(100%) contrast(98%);
}
td.prices span.price-special {
    color: #93d051;
    margin-bottom: 8px;
}
.loyal > span.price-filter, .coupon > span.price-filter, .special > span.price-filter  {
//background: #93d051;
}
span.price.loyal:hover:after, span.price.coupon:hover:after, span.price.special:hover:after, span.price-special:hover:after {
    content: "";
    font-size: 12px;
    background: #6b6b6d;
    padding: 5px;
    color: #fff;
    font-weight: 400;
    display: block;
    position: absolute;
    border-radius: 3px;
    white-space: nowrap;
    z-index: 10;
    margin-top: 70px;
}
span.price.loyal:hover:after {
    content: "Kaina VAGA lojalumo programos nariams";
}
span.price.coupon:hover:after {
    content: "Kaina taikoma su nuolaidos kodu";
}
span.price.special:hover:after, span.price-special:hover:after {
    content: "Išpardavimo kaina";
}
span.price.loyal.old {
    font-size: 12px;
    font-weight: 400;
}
span.price.loyal.old span.price-filter {
    background: none;
}
span.price.loyal.old span.price-filter:after {
    filter: invert(65%) sepia(80%) saturate(800%) hue-rotate(35deg) brightness(100%) contrast(98%);
}
.product-layout .price-special span.price-filter {
    display: none;
}
.product-layout .price.loyal span.price-filter {
    display: block;
    margin-right: 0px;
}
.product-layout .price.loyal {
    display: flex;
    align-items: center;
    justify-content: center;
    column-gap: 3px;
    color: #8ad300;
}
.product-layout .price.special {
    display: flex;
    align-items: center;
    justify-content: center;
    column-gap: 3px;
    color: #ff0025;
}
.product-layout .price.loyal span.price-filter:hover:after {
    content: "Kaina VAGA lojalumo programos nariams";
    font-size: 11px;
    line-height: 11px;
    background: #6b6b6d;
    padding: 5px;
    color: #fff;
    font-weight: 400;
    display: block;
    position: absolute;
    border-radius: 3px;
    white-space: normal;
    z-index: 10;
    left: 0px;
    width: 100%;
    height: auto;
    filter: none;
}
.price.special > .price-filter {
    display: none;
}
/** Product page perkainavimai **/

.product-product span.price-filter:after {
    /* filter: invert(65%) sepia(80%) saturate(800%) hue-rotate(35deg) brightness(100%) contrast(98%); */
    background-image: url('/image/icons/new_loyalty_icon.svg');
    width: 23px;
    height: 24px;
    background-size: 25px 25px;
}
.price-new.coupon span.price-filter:after {
    filter: invert(75%) sepia(70%) saturate(1000%) hue-rotate(7deg) brightness(105%) contrast(105%);
}
.product-product span.price-filter{
    background: none;
}

.container-megamenu.horizontal .fa {
    font-size: 12px !important;
}

/* menu */
.megamenu li.class-mokyklai a strong {
    color: #8ad300;
}
.megamenu li.class-mokyklai a strong:before {
    content: '';
    display: inline-block;
    background-image: url(/image/icons/backpack-2.png);
    background-size: contain;
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    margin-right: 4px;
    vertical-align: middle;
    margin-top: -4px;
}


@media (min-width: 1280px) and (max-width: 1445px) {
    .container-megamenu.horizontal ul.megamenu > li {
        margin-right: 12px !important;
    }

    .container-megamenu.horizontal .fa {
        padding-right: 3px !important;
    }

    .megamenu li.class-mokyklai a strong:before {
        margin-right: 0px !important;
    }
}
.animate-icon {
    -webkit-animation: shake-icon;
    -webkit-animation-duration: 2s;
    -webkit-animation-fill-mode: both;
    -webkit-animation-timing-function: linear;

}
@-webkit-keyframes shake-icon {
    30% {
        transform: rotate(10deg);
    }
    40%, 60% {
        transform: rotate(-20deg);
    }
    50% {
        transform: rotate(20deg);
    }
    70% {
        transform: rotate(0deg);
    }
    100% {
        transform: scale(1);
    }
}

/*Newsletter and footer*/

.typefooter-1 .footer-top {
    background-image: url("/image/new-letter-bg.jpg");
    border-radius: 15px;
    background-position: center center;
    background-size: cover;
}
.newsletter-container .privacy-notice a {
    color: #ffffff;
    text-decoration: underline;
}
.newsletter-container .privacy-notice {
    font-size: 14px;
    color: #ffffff;
    max-width: 100%;
    text-align: left;
    font-weight: 300;
    margin: 12px auto 0;
    font-style: italic;
}
.newsletter-header p {
    text-align: center;
    padding: 0 50px;
    margin-bottom: 24px;
    font-family: Poppins;
}

.typefooter-1 .footer-top .newsletter-container {
    background-color: transparent;
    padding: unset;
    border-radius: unset;
    text-align: unset;
    max-width: 840px;
    margin: 0 auto;
}

.typefooter-1 .bottom-cont {
    width: 100%;
    padding-top: 8px !important;
    padding-bottom: 8px !important;
}
.typefooter-1 .footer-links {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}
.typefooter-1 .footer-links li {
    margin-bottom: 0 !important;
}

.typefooter-1 .copyright-w {
    background-color: #222;
    margin-top: 0 !important;
    padding: 4px 0 !important;
}

.newsletter .form-inline .form-group {
    display: flex;
}
.typefooter-1
.newsletter-footer1
.newsletter
.block_content
form.signup
.form-group
.input-box {
    width: 100%;
    max-width: 650px;
    padding-right: 0 !important;
}
.newsletter-input-group {
    max-width: 100% !important;
}

.newsletter-container .checkbox-container {
    max-width: 100% !important;
    margin-bottom: 0 !important;
}

.newsletter-container input[type="checkbox"],
input[type="radio"] {
    margin-right: 6px !important;
    margin-top: 0 !important;
    accent-color: #666666;
    width: 14px;
    height: 14px;
}

.newsletter-container .highlight {
    padding: 0 !important;
    margin: 0 5px !important;
    background-color: transparent;
    line-height: 1.5;
    color: #fff;
}
.newsletter-container .checkbox-label {
    font-weight: 300;
    color: #fff;
}

.typefooter-1
.newsletter-footer1
.newsletter
.block_content
form.signup
.form-group
.submit-button {
    max-width: 175px;
    width: 100%;
    margin-left: 15px;
    font-size: 14px;
}
.typefooter-1
.newsletter-footer1
.newsletter
.block_content
form.signup
.form-group
input.form-control {
    font-size: 16px;
    color: #828282;
    font-weight: 300;
    text-align: center;
    padding: 0 !important;
}
.footer-first-col .infos-footer-wrapper .modtitle-heading-wrapper {
    margin-bottom: 2px !important;
}


.modtitle-heading-wrapper {
    display: flex;
    gap: 8px;
    margin-bottom:22px;
    width: 230px!important;
}

.typefooter-1 .module .modtitle-heading-wrapper  .modtitle {
    margin-bottom: 0;


}
.modtitle-heading-wrapper .modtitle {
    color: #222;
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 11px;
    font-weight: 600;
    text-transform: uppercase;
    position: relative;
    padding-bottom: 6px;

}

.modtitle-heading-wrapper  .modtitle::after {
    position: absolute;
    content: "";
    width: 70px;
    height: 2px;
    left: 0;
    background-color: #8ad300;
    bottom: 0;
}
ul.list-footer-wrapper li a {
    font-size: 16px;
    font-weight: 600;
    color: #666666;
    text-decoration: underline;
    padding-left: 14px;
}
ul.list-footer-wrapper li {
    padding-top: 8px;
    line-height: 25px;
}
.typefooter-1 .newsletter-footer1 .newsletter .block_content form.signup .form-group input.form-control{
    height: 40px !important;

}

.timing {
    color: #666666;
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    padding-top: 17px;
}

.modtitle-heading-wrapper img {
    display: flex;
    align-self: baseline;
    width: 19px;
}
ul.social-list {
    display: flex;
    align-items: center;
    gap: 28px;
}
ul.social-list li a {
    padding: 0 !important;
}
ul.social-list li a:before{
    content: unset !important;
}
.app-wrapper {
    display: flex;
    align-items: center;
    gap: 8px;
}
.social-links-wrap {
    display: flex;
    align-items: center;
    gap: 35px;
    padding-top: 20px;
    padding-bottom: 65px;
}
.modtitle-heading-wrapper.card-choose-wrap {
    margin-bottom: 18px;
}


.card-choose-wrap .modtitle-heading-wrapper img {
    width: 25px;
}

.social-links-wrap .app-text {
    margin-bottom: 0 !important;
}

/*Product card design start*/


.products-list .product-grid .newProduct_style.product-item-container .right-block {
    padding:8px !important;
}

.products-list .product-grid .newProduct_style.product-item-container .right-block p.name{
    margin-bottom: 0 !important;
    line-height: 18px;
}

.products-list .product-grid .newProduct_style.product-item-container .right-block .Autorius {
    margin-bottom: 0 !important;
    min-height: auto !important;
}

.products-list .product-grid .newProduct_style.product-item-container .right-block .stock p{
    margin-top: 10px !important;
    margin-bottom: 0 !important;
    height: auto !important;
}

.products-list .product-grid .newProduct_style.product-item-container {
    border-radius: 5px;
    background-color: #F8F8F8;
}
.products-list .product-grid .newProduct_style.product-item-container .left-block .product-image-container img{
    border: unset;
    border-radius: 5px 5px 0 0;
}

.price-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin: 4px 0;
}

.original-amount {
    font-size: 16px;
    font-weight: 600;
}
.discount-value-wrap .discount-amount{
    display: flex
;
    color: #FF0025;
    font-size: 16px;
    font-weight: 600;
    align-items: center;
    gap: 8px;
}
.discount-value-wrap .original-amount{
    font-size: 13px;
    font-weight: 600;
}


.instock.preorder.pickup_store.regular_sale.new_product.percentage_sale.top_selling.loyalty_priceLoginUser.audioBooks {
    font-size: 12px;
    font-weight: 400;
}
.instock.preorder.pickup_store.regular_sale.new_product.percentage_sale.top_selling.loyalty_priceLoginUser.audioBooks:hover {
    color: #8cc63f;
}

.preorder {
    color: #ff0025;
}

.pickup_store {
    color: #ff0025;
}


.instock, .regular_sale, .new_product, .percentage_sale, .top_selling, .loyalty_priceLoginUser, .audioBooks {
    color: #8cc63f;
}
.loyalty_priceWrap .loyalty_amount {
    color: #8CC63F;
}

.button-group.cartinfo--static {
    display: flex !important;
    gap: 8px;
    padding: 0 7px;
    align-items: center;
}
.products-list .product-grid .newProduct_style.product-item-container .right-block .addToCart {
    border-radius: 10px !important;
    width: 100% !important;
}
.products-list .product-grid .newProduct_style.product-item-container .right-block .cartinfo--static, .products-list .product-grid .product-item-container .right-block .button-group {
    background-color: transparent;
}
.products-list .product-grid .newProduct_style.product-item-container .right-block .cartinfo--static .btn-button i, .products-list .product-grid .product-item-container .right-block .button-group .btn-button i {
    width: unset !important;
    height: unset !important;
    line-height: unset !important;
}

.products-list .product-grid .newProduct_style.product-item-container .right-block .cartinfo--static .btn-button, .products-list .product-grid .product-item-container .right-block .button-group .btn-button {
    border: unset !important;
    /*width: unset !important;*/
    /*height: unset !important;*/
    /*line-height: unset !important;*/
    font-size: 22px !important;
    color: #ABABAB;
}
.products-list .product-grid .newProduct_style.product-item-container .right-block .cartinfo--static .btn-button:hover, .products-list .product-grid .product-item-container .right-block .button-group .btn-button:hover {
    color: #8AD300 !important;
    background-color: transparent !important;
}
.regular_discount, .new_product, .coupon_discount_wrap, .top_rated, .audio_book{
    position: relative;
}

.product_pills {
    position: absolute;
    right: 2px;
    font-size: 16px;
    padding: 3px;
    line-height: 23px;
    font-weight: 500;
    border-radius: 2px;
    color: #fff;
    text-align: center;
    width: 95px;
    top: 10px;
    background-color: #FF0025;
    z-index:2;
}
.new_product .product_pills {
    background-color: #8AD300;

}
.coupon_discount_wrap .product_pills {
    background-color: #FF0025;
    width: calc(100% - 4px);
    left: 2px;
    bottom: 0;
    font-weight: 400;
    top: unset;
    font-size: 14px;
}
.top_rated .product_pills {
    background-color: #FABC00;
}
.audio_book .product_pills {
    background-color:#8AD300;
}
.product_pills span {
    display: flex;
    text-transform: uppercase;
    gap: 4px;
    align-items: center;
    justify-content: center;
}
/*Footer media query*/
@media only screen and (min-width:1200px){
    .footer-2-col {
        width: 14%;
    }
    .col-infos {
        width: 24%;
    }
    .footer-col-last {
        width: 19%;
    }
}