/* TO TOP */

#top-link-block.affix
{
    position: fixed;
    bottom: 20px;
    width: auto;
    transition: all 1s easing 0s;
}

#top-link-block.affix-top {
    position: fixed;
    bottom:  -100px;
    right: 10px;

}
#top-link-block.affix {
    position: fixed;
    bottom: 20px;
    right: 10px;
}

#totop
{
    //background-color: #000000;
    //color: white;
    /*padding: 0.5em;*/
    /*border: none;*/
    /*opacity: 0.7;*/
}

#top-link-block
{
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
}

.navbar-brand
{
    padding-top: 3px !important;
}

.navbar
{
    margin-bottom: 0px;
    padding-left: 0px;
}

.b-0
{
    border: 0px !important;
}

.a-footer a
{

}

.bgm-lightgreen
{
    background-color: #60b92f;
}

.navbar-default
{
    background-color: white;
}

.breadcrumb
{
    margin-top: 20px;
}

h1,h2,h3,h4,h5,h6
{
    margin-top: 10px;
}

.dropdown-kweb
{
    margin: 0 0px 20px 0;
}

.dropdown-kweb .dropdown-menu
{
    display: block;
    position: relative;
    transform: scale(1);
    opacity: 1;
    filter: alpha(opacity=1);
    z-index: 0;
}

.dropdown-kweb .dropdown-menu li a
{
    height: auto;
    word-wrap: break-word !important;
    white-space: normal;
}

.page-header
{
    margin-top: 0px;
}


.bootstrap-select
{
    width: 100% !important;
}

ul.nostyle, ul.nostyle ul, ul.nostyle li  {
    list-style: none;
}

ul.nostyle ul
{
    padding-left: 30px;
}





ul.nostyle div.checkbox
{
    //margin-top: 5px !important;
    //margin-bottom: 5px !important;;
}

.loading-spinner {
    display: block;
    position: absolute;
    z-index: 1031;
    top: 15px;
    right: 40px;
}

.loading-spinner-icon {
    width: 18px;
    height: 18px;
    box-sizing: border-box;

    border: solid 2px transparent;
    border-top-color: #60b92f;
    border-left-color: #60b92f;
    border-radius: 50%;

    -webkit-animation: nprogress-spinner 400ms linear infinite;
    animation: nprogress-spinner 400ms linear infinite;
}


.panel-title > a
{
    font-size: 14px !important;
}




.m-filter.affix-bottom
{
    position: relative;
}

.btn-mobile-filter-open
{
}


#product_list .card .product-info
{


}
#product_list .card
{
    -webkit-transition: top 1s ease-out 0.5s;
    transition: top 1s ease-out 0.5s;
}

#product_list .card .full-description
{
    display: none;
}

#product_list .card .oneline
{
    overflow-y: hidden;
    height: 20px;
}

#product_list .card .user-btns
{
    display: none;
    position: absolute;
    left: 5px;
    top: 5px;
}

#product_list .card.hover .user-btns
{
    display: block;
}

#product_list .card.hover .oneline
{
    display: block;
    overflow-y: visible;
    height: auto;
}

#product_list .card.hover
{
    position: absolute;

    margin-right: 2%;
    height: auto;
    z-index: 1000;
    box-shadow: 0 0 10px rgba(0,0,0,0.5);
    cursor: pointer;
}

#product_list .card.hover .full-description
{
    display: block;
}

#product_list .card.hover .product-info
{
    overflow-y: visible;
}

.media
{
    border: 0px;
}


/* Remove these to get rid of the spinner */
.ani .spinner {
    display: block;


}

.ani .spinner-icon {
    width: 18px;
    height: 18px;
    box-sizing: border-box;

    border: solid 2px transparent;
    border-top-color: #29d;
    border-left-color: #29d;
    border-radius: 50%;

    -webkit-animation: nprogress-spinner 400ms linear infinite;
    animation: nprogress-spinner 400ms linear infinite;
}

.grecaptcha-badge{display:none;}



.product_sort
{
    float: right !important;
    margin-top: 0px;
    margin-bottom: 5px;
    margin-right: 10px;
}

@media (max-width: 768px) {
    .product_gallery
    {
        position: static !important;
    }

    .comment_avatar
    {
        display: none;
    }

    /*#filter_container*/
    /*{*/
    /*    display: none;*/
    /*}*/

    .product_sort
    {
        //float: none !important;
        margin-top: 0px;
        margin-bottom: 10px;
    }

    #filter_btns
    {
        padding-top: 20px !important;
    }

    .product_pager_top
    {
        padding-top: 20px;
        text-align: center;
    }

    div.main-carousel.b-m-25
    {
        margin-bottom: 10px !important;
    }
}

.modal
{
    z-index: 2050;
}

.modal-backdrop
{
    z-index: 2011;
}

.zindex2000
{
    z-index: 500;
}


/*!
 * bootstra-suggest -  v2.0.1 (https://github.com/lodev09/bootstrap-suggest#readme)
 * Copyright 2013-2019 Jovanni Lo (lodev09@gmail.com)
 * Licensed under MIT (https://github.com/lodev09/bootstrap-suggest/blob/master/LICENSE)
 */

.suggest {
    /* position: relative; */
    top: 7px;
    z-index: 30;
    text-align: left;
}

.suggest > .dropdown-menu {
    margin-top: 15px;
    position: absolute;
}

.suggest > .dropdown-menu > a.dropdown-item {
    border-top: 1px solid #eeeeee;
    padding: 5px 10px;
}

.suggest > .dropdown-menu > a.dropdown-item:first-child {
    border-top: 0;
}

.no-shadow
{
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.search-body-suggest
{
    overflow: hidden;
}

.search-item.active
{
    box-shadow: 0 0 1px rgba(0,0,0,0.5);
}

.search-item.active a:hover
{
    text-decoration: underline;
}

.tp-logo
{
    background-image: url(/resizer/w1920-h600/images/default/trading_bg.jpg?zc=1);
    background-position: center center;
    background-size: cover;
    min-height: 400px;
    padding: 30px;
}

.tp-logo .text1
{
    color: white;
    font-size: 35pt;
    text-shadow: 1px 1px 2px black, 0 0 1em white;
    margin-top: 100px;
}
.tp-logo .text2
{
    color: white;
    font-size: 15pt;
    text-shadow: 1px 1px 2px black, 0 0 1em white;
    margin-top: 20px;
    margin-bottom: 50px;
}

a
{
    color: #66746b;
    font-family: "Inter", sans-serif;
    font-size: 17px;
}

.bg
{
    background-color: #F0F4F2;
    color: var(--main-500, #3a5543);
}

.frame-45 {
    flex-shrink: 0;
    width: 138px;
    height: 69px;
    position: relative;
    font-family: "Philosopher", sans-serif;
}

.div14 {
    color: var(--main-500, #3a5543);
    text-align: left;
    font-size: 26px;
    font-weight: 400;
    position: absolute;
    left: 5px;
    top: 14px;
}

.div15 {
    color: var(--main-500, #3a5543);
    text-align: left;
    font-size: 13px;
    font-weight: 400;
    position: absolute;
    left: 7px;
    top: 2px;
}

.div16 {
    color: var(--main-500, #3a5543);
    text-align: left;
    font-size: 26px;
    font-weight: 400;
    position: absolute;
    left: 37px;
    top: 37px;
}

.footer
{
    background-color: #3A5543;
    color: white;
}

.frame-45 {
    flex-shrink: 0;
    width: 138px;
    height: 69px;
    position: relative;
}

.div9 {
    color: #ffffff;
    text-align: left;
    font-size: 13px;
    font-weight: 400;
    position: absolute;
    left: 7px;
    top: 2px;
}

.div8 {
    color: #ffffff;
    text-align: left;
    font-size: 26px;
    font-weight: 400;
    position: absolute;
    left: 5px;
    top: 14px;
}

.div10 {
    color: #ffffff;
    text-align: left;
    font-size: 26px;
    font-weight: 400;
    position: absolute;
    left: 37px;
    top: 37px;
}

.div11 {
    color: #f0f4f2ж
    text-align: left;
    font-family: "Inter", sans-serif;
    font-size: 16pxж
    line-height: 150%;
    font-weight: 400;

}

.footer
{
    font-family: Inter;
    min-height: 300px;
}

.footer a
{
    color: white;
}

.flower1
{
    background-image: url(/images/default/flower1.png);
    background-repeat: no-repeat;
    background-position: right bottom;
    height: 500px;
}

.flower2
{
    background-image: url(/images/default/flower2.png);
    background-repeat: no-repeat;
    background-position: left bottom;
    height: 500px;
}

.flower3
{
    background-image: url(/images/default/flower3.png);
    background-repeat: no-repeat;
    background-position: 200px bottom;
    height: 500px;
}

.bg1
{
    background-image: url(/images/default/bg1.png);
    background-repeat: no-repeat;
    background-position: left top;
    background-size: 90%;
    min-height: 600px;
}

.bg2
{
    background-image: url(/images/default/bg1.png);
    background-repeat: no-repeat;
    background-position: right top;
    background-size: 90%;
    min-height: 600px;
}

.div {
    color: #66746b;
    font-family: "Inter", sans-serif;
    font-size: 16px;
    letter-spacing: 0.08em;
    font-weight: 500;
    text-transform: uppercase;
}

.div_title
{
    color: var(--Main-500, #3A5543);
    font-family: Philosopher;
    font-size: 64px;
    font-style: normal;
    font-weight: 400;
    line-height: 102%; /* 73.44px */
}

.div_title2
{
    color: var(--Main-500, #3A5543);
    text-align: right;
    /* H2 */
    font-family: Philosopher;
    font-size: 42px;
    font-style: normal;
    font-weight: 400;
    line-height: 104%; /* 43.68px */
}

.div_descr
{
    color: var(--Main-400, #66746B);

    /* B2 */
    font-family: Inter;
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 25.5px */
}

.button-standart {
    background: var(--main-500, #3a5543);
    border-radius: 8px;
    padding: 16px 34px 16px 34px;
    display: flex;
    flex-direction: row;
    gap: 8px;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    position: relative;
}

.button-standart .text {
    color: var(--main-200, #f0f4f2);
    text-align: left;
    font-family: "Inter", sans-serif;
    font-size: 16px;
    line-height: 150%;
    font-weight: 500;
    position: relative;
}

.button-standart:hover,.button-outline:hover
{
    background-color: #738C7B;;

}

.button-outline:hover .text2 a
{
    color: white;
}

.button-outline {
    border-radius: 8px;
    border-style: solid;
    border-color: var(--main-500, #3a5543);
    border-width: 1px;
    padding: 16px 34px 16px 34px;
    display: flex;
    flex-direction: row;
    gap: 8px;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    position: relative;
}

.button-outline .text a
{
    color: white !important;
}

.button-outline .text2 {
    color: var(--main-500, #3a5543);
    text-align: left;
    font-family: "Inter", sans-serif;
    font-size: 16px;
    line-height: 150%;
    font-weight: 500;
    position: relative;
}

.buttons-area {
    display: flex;
    flex-direction: row;
    gap: 24px;
    align-items: flex-start;
    justify-content: flex-start;
    flex-shrink: 0;
    position: relative;
}
h1
{
    color: #3A5543;
    /* H2 */
    font-family: Philosopher;
    font-size: 42px;
    font-style: normal;
    font-weight: 400;
    line-height: 104%; /* 43.68px */
}
h3
{
    color: #3A5543;
    /* H2 */
    font-family: Philosopher;
    font-size: 32px;
    font-style: normal;
    font-weight: 400;
    line-height: 104%; /* 43.68px */
}

.nav .active
{
    text-decoration: underline;
}