<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/**/

/*top menu*/

#sitemenu .horizontal-menu {
    position: static;
    width: 100%;
    height: 100%;
    margin: 0 0 0 calc(var(--product_menu_width));
    padding: 0;
    font-size: calc(var(--font-size) * 1.1);
    border: 0 solid red;
}
#sitemenu .horizontal-menu ul {
        margin: 0 0 0 0;
        padding: 0 0 0 0;
        position: relative;
        float: left;
    }
#sitemenu .horizontal-menu ul li {
            display: inline;
            font-weight: bold;
            margin: 0;
            padding: 0 calc(var(--font-size) * 2) 0 0;
            float: left;
            position: relative;
            width: auto;
            border: 0 solid red;
        }
#sitemenu .horizontal-menu ul li a {
                width: 100%;
                padding: calc(var(--top_bar_height) / 20) 0;
                color: #616161;
                text-shadow: 0.1vmin 0.1vmin 0 #fff;
                text-decoration: none;
                display: inline-block;
                -webkit-transition: color 0.2s linear, background 0.2s linear;
                -moz-transition: color 0.2s linear, background 0.2s linear;
                -o-transition: color 0.2s linear, background 0.2s linear;
                transition: color 0.2s linear, background 0.2s linear;
            }
#sitemenu .horizontal-menu ul li a i {
                    margin: 0 0.5vmin 0 0;
                    color: var(--icons_color);
                }
#sitemenu .horizontal-menu ul li a:hover {
                    background: #f8f8f8;
                    color: #282828;
                }
#sitemenu .horizontal-menu ul li a.first {
                    border-left: 0 none;
                }
#sitemenu .horizontal-menu ul li a.last {
                    border-right: 0 none;
                }
#sitemenu .horizontal-menu ul li:hover &gt; a {
                background: #fff;
            }
#sitemenu .horizontal-menu ul li:hover &gt; ul {
                visibility: visible;
                opacity: 1;
            }
#sitemenu .horizontal-menu ul ul {
            list-style: none;
            margin: 0 0 0 0;
            padding: 0;
            visibility: hidden;
            opacity: 0;
            position: absolute;
            z-index: 999;
            width: calc(var(--page_width)/100 * 15);
            background: #f8f8f8;
            box-shadow: 0.1vmin 0.1vmin 0.3vmin #ccc;
            -webkit-transition: opacity 0.5s linear, visibility 0.5s linear;
            -moz-transition: opacity 0.5s linear, visibility 0.5s linear;
            -o-transition: opacity 0.5s linear, visibility 0.5s linear;
            transition: opacity 0.5s linear, visibility 0.5s linear;
        }
#sitemenu .horizontal-menu ul ul li ul {
                top: 0;
                left: calc(var(--page_width)/100 * -15);
            }
#sitemenu .horizontal-menu ul li ul li {
            width: 100%;
        }
#sitemenu .horizontal-menu ul ul li {
            clear: both;
            width: calc(var(--page_width)/100 * 25);
            border: 0 none;
            border-bottom: 0 solid #c9c9c9;
            text-align: left;
        }
#sitemenu .horizontal-menu ul ul li a {
                margin: 0 0 0 0;
                width: 85%;
                height: 100%;
                background: none;
                padding: 0.7vmin 1.5vmin;
                color: #616161;
                text-shadow: 0.1vmin 0.1vmin 0 #fff;
                text-decoration: none;
                display: inline-block;
                border: 0 none;
                float: left;
                clear: both;
            }

/*tree menu*/
.treemenu {
    width: var(--product_menu_width);
    position: relative;
    background: #fff;
    text-align: left;
    line-height: calc(var(--line-height)*1.5);

}
.treemenu ul {
        position: static;
        list-style: none;
        margin: 0;
        padding: 0;
        background: rgba(0, 0, 0, 0.16);
        border-radius: 0 1vmin 1vmin 0;
        box-shadow: 0 0.3vmin 0.6vmin rgba(0,0,0,0.12), 0 0.3vmin 0.6vmin rgba(0,0,0,0.24);

    }
.treemenu li {
        position: relative;
     
    }
.treemenu li a {
        display: block;
        color: black;
        text-decoration: none;
        padding: 0.5vmin 0.5vmin;
     
     
    }
.treemenu li:hover &gt; a {
        background-color: var(--icons_color);
        border-left: 0.5vmin solid var(--icons_color);
        color: #fff;
    }
.treemenu li:hover &gt; ul {
        left: 95%;
        visibility: visible;
        opacity: 1;
        transform: translateX(0);
        background-color: var( --bar_background_color);
    }
.treemenu ul ul {
        position: absolute;
        left: 0%;
        top: 0;
        width: 100%;
        visibility: hidden;
        opacity: 0;
        transition: transform 0.2s;
        transform: translateX(5vmin);
        border-radius: 0 1vmin 1vmin 0 !important;
        background-color: #e2e1e1 !important;
    }
.treemenu ul ul li a {

    }
.treemenu ul ul ul li a {
      
    }
/*tree menu altı link*/
.short_link {
    text-align: left;
    margin: 1vmin 0 0 0 !important;
    padding: 1vmin 0 0 0 !important;
    text-align: center;
}
.short_link img {
     border:0.1vmin solid rgba(0, 0, 0, 0.16);
     
        width: calc((var(--product_menu_width)*0.9)) !important;
        height:auto;
        margin: 0 auto 0 auto;
        
    }
/*footer tree menu*/

#footer-bar .footer-col2 #footermenu {
        width: 100%;
        height: 100%;
        line-height: calc(var( --line-height)*2.0);
     
    }
#footer-bar .footer-col2 #footermenu div {
        float: left; 
        margin:0 10vmin 0 0;
    }
#footer-bar .footer-col2 #footermenu menu1_smenu {
        padding: 0 0 0 1vmin;
    }
#footer-bar .footer-col2 #footermenu ul {
        list-style-type: none;

        margin:0;
        padding:0;
    }
#footer-bar .footer-col2 #footermenu ul li {
           
    display: inline-block;

            list-style-type: none;

        }
#footer-bar .footer-col2 #footermenu ul li i {
                color: var(--icons_color);
                padding: 0 0.5vmin 0 0;
                border: 0.1vmin solid red;
            }
#footer-bar .footer-col2 #footermenu ul li a {
                border: 0 solid black;
            }
#footer-bar .footer-col2 #footermenu ul li a i {
                    margin: 0 0.5vmin 0 0;
                    border: 0 solid black;
                }
#footer-bar .footer-col2 #footermenu ul ul {
        padding: 0 0 0 2vmin;
    }
#footer-bar .footer-col2 #footermenu ul ul li {
                display: block;
                list-style-type: none;
                border: 0 solid black;
            }
#footer-bar .footer-col2 #footermenu ul ul li a {
                    text-decoration: none;
                    color: black;
                    padding: 0;
                    margin: 0;
                }
#footer-bar .footer-col2 #footermenu ul {
        list-style-type: none;
        text-align: left;
    }
/**/

#products  .header {
width:100%;
text-align:center;
margin:0;
}

#products .galery {
    border: 0 solid red;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: stretch;
    flex-direction: row;
    flex-wrap: wrap;
   
}

#products .galery .inframe {
        width: 12vmax;
        height: auto;
        border: 0.1vmin solid #808d93;
        margin: 0.5vmin;
        border-radius: 0.5vmin;
        flex-basis: auto;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        flex-direction: column;
        flex-wrap: wrap;
        margin-bottom: 0.3vmin;
        -webkit-box-shadow: 0 0.3vmin 0.6vmin rgba(0, 0, 0, 0.16), 0 0.3vmin 0.6vmin rgba(0, 0, 0, 0.23);
        -moz-box-shadow: 0 0.3vmin 0.6vmin rgba(0, 0, 0, 0.16), 0 0.3vmin 0.6vmin rgba(0, 0, 0, 0.23);
        -ms-box-shadow: 0 0.3vmin 0.6vmin rgba(0, 0, 0, 0.16), 0 0.3vmin 0.6vmin rgba(0, 0, 0, 0.23);
        -o-box-shadow: 0 0.3vmin 0.6vmin rgba(0, 0, 0, 0.16), 0 0.3vmin 0.6vmin rgba(0, 0, 0, 0.23);
        box-shadow: 0 0.3vmin 0.6vmin rgba(0, 0, 0, 0.16), 0 0.3vmin 0.6vmin rgba(0, 0, 0, 0.23);
    }
#products .galery .inframe a {
        text-decoration: none;
        color: black;
    }
#products .galery .inframe .column {
    width: 100%;
}
#products .galery .inframe .column .icons {
        width: 100% !important;
        float: left;
        display: inline-flex;
     
    }
#products .galery .inframe .column .icons .icon {
        margin: 0 0 0 0;
        height: 2vmin;
        width: 12%;
        flex-basis: auto;
        border-bottom: 0 solid #808d93;
        border-left: 0 solid #808d93;
        border-right: 0 solid #808d93;
        text-align: center;
        padding: 0 1vmin 0 0;
        background-color: #fff;
        border-radius: 0.5vmin;
        border: 0 solid red;
        text-align:right;
     
    }
#products .galery .inframe .column .icons .center {
        flex-grow: 1;
    }
#products .galery .inframe .column .icons .blok {
    display: none;
}
#products .galery .inframe .column .icons .icon i .arrow-pointer {
        width: 9vmin;
        height: 2vmin;
        margin: 0;
        padding: 0;
        background: red;
        color: #7eb4e2;
        text-align: center;
        position: static;
        float: left;
    }
#products .galery .inframe .column .icons .icon i .arrow-pointer::after {
        content: '';
        position: static;
        float: left;
        left: 0;
        top: 0.2vmin;
        width: 0;
        height: 0;
        border: 4.5vmin solid transparent;
        border-top: 1vmin solid red;
        margin: 0.5vmin 0 0 0;
    }
#products .galery .inframe .column .icons .icon i p span {
        z-index: 2;
        color: white;
        border: 0 solid red;
        font-weight: bold;
        color: white;
        margin: 0 auto 0 auto;
        padding: 0;
        
    }
#products .galery .inframe .column .icons input[type="checkbox"] {
    height: 0;
    width: 0;   
}
#products .galery .inframe .column .icons .heart_disable {
    color: gray;
    font-family: 'font-icons';
  
}
#products .galery .inframe .column .icons .heart_enable {
    color: red;
    font-family: 'font-icons';

}
#products .galery .inframe .column .icons .heart_disable label:hover, 
#products .galery .inframe .column .icons .heart_enable label:hover {
        cursor: pointer !important;
    }
#products .galery .inframe .column  .imageframe {
        width: 99%;
        height: 10vmin;
        display: inline-block;
        vertical-align: middle;
        line-height: 0vmin;
        border:0 solid red;
        text-align: center;
        margin: 2.5vmin 0 0 0;
  
    }
#products .galery .inframe .column  .imageframe .image {
            max-height: 10vmin;
    min-height:10vmin;
            width: auto;
            height: auto;

            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            margin: auto;
     
         
        }
#products .galery .inframe .column  .imageframe .image:hover {
                border-radius: 0;
            }
#products .galery .inframe .price{
    width:100%;
}
#products .galery .inframe .stock_code {
    width: 99%;
    height: 4vmin;
    display: inline-block;
    vertical-align: middle;
    line-height: 5vmin; /* &lt;-- adjust this */
    border: 0vmin solid red;
    text-align: center;
}
#products .galery .inframe .brand {
    width: 99%;
    height: 3vmin;
    display: inline-block;
    vertical-align: middle;
    line-height: 3vmin; /* &lt;-- adjust this */
    border: 0 solid red;
    text-align: center;
    color: red;
    font-weight: bolder;
    opacity:initial;
}
#products .galery .inframe .stock_name {
        display: inline-block;
        margin: 0.1vmin 0.1vmin 0.1vmin 0.1vmin;
        padding: 0;
        text-align: center;
        vertical-align: middle;

        width: 96%;
        height:7vmin;
        
        word-break: break-all !important;
        word-wrap: break-word !important;
        white-space: pre-line;
        
     
        border: 0 solid black;
    }
#products .galery .inframe .stock_name h5 {
            padding: 0;
            margin: 0 0 1vmin 0;
            line-height: 0.12vmin;
            text-align: left;
            vertical-align: text-top;
            word-break: break-all;
            word-wrap: break-word !important;
   
            color: red;

            border: 0.1vmin solid red;
        }
#products .galery .inframe .aciklama {
        display: inline-block;
    
        
        text-align: center;
        vertical-align: middle;
        width: 96%;
        height: auto;

        border: 0 solid black;
        text-align: center;
        color: red;
        font-weight: bold;
   
     
    }
#products .galery .inframe .mevcut {
        width: 90%;
        text-align: right;
    }
#products .galery .inframe .basket {
        width: 100%;
        text-align: center;
    }
#products .galery .inframe .basket .txt_miktar {
        width: 6vmin;
        height: 2.5vmin;
        margin: 1vmin 2vmin 1vmin 0;
        border: 0.1vmin solid #d7d7d7;
        font-size: calc(var(--font-size)*1.2);
    }
#products .galery .inframe .basket .txt_miktar_false {
            width: 6vmin;
            height: 2vmin;
            margin: 1vmin 2vmin 1vmin 0;
            background-color: #ccc;
        }
#products .galery .inframe .column3 .basket input::-webkit-outer-spin-button,
#products .galery .inframe .column3 .basket input::-webkit-inner-spin-button {
        opacity: 1 !important;

    }
#products .galery .inframe .column3 .Watermarks {
    position: absolute; /* Position the background text */
    border: 0 solid red;
    text-align: center;
}
#products .galery .inframe .column3 .Watermarks p {
            top: 0;
            border: 0 solid red;
            margin: 0 auto 0 auto;
         
            color: rgba(0, 0, 0, 0.15)
        }
#products .galery .inframe .basket .btn_basket_add {
        width: 20vmin;
        height: 2vmin;
        margin: 0.8vmin 0 0.8vmin 0;
        border-radius: 1vmin;
        padding: 0 0 0.5vmin 0;
        border: 0.1vmin solid gray;
        color: black;
        font-weight: bold;
        background-color: var(--bar_background_color) !important;
        font-size: var(--font-size);
    }
#products .galery .inframe .basket .btn_basket_add span {
            position: relative;
            top: 10%;
            -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            transform: translateY(-50%);
            font-size: var(--font-size);
        }
/*----------------------------------*/
.list {
    border: 0 solid red;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-direction: row;
    flex-wrap: wrap;
    border:0px solid red;
}
.list .inframe {
        width: 100%;
        height: auto;
        border: 0.1vmin solid #808d93;
        margin: 0.5vmin;
        border-radius: 0.5vmin;
        flex-basis: auto;
        display: flex;
        justify-content: flex-start;
        align-items: stretch;
        flex-direction: row;
        flex-wrap: wrap;
        -webkit-box-shadow: 0 0.3vmin 0.6vmin rgba(0, 0, 0, 0.16), 0 0.3vmin 0.6vmin rgba(0, 0, 0, 0.23);
        -moz-box-shadow: 0 0.3vmin 0.6vmin rgba(0, 0, 0, 0.16), 0 0.3vmin 0.6vmin rgba(0, 0, 0, 0.23);
        -ms-box-shadow: 0 0.3vmin 0.6vmin rgba(0, 0, 0, 0.16), 0 0.3vmin 0.6vmin rgba(0, 0, 0, 0.23);
        -o-box-shadow: 0 0.3vmin 0.6vmin rgba(0, 0, 0, 0.16), 0 0.3vmin 0.6vmin rgba(0, 0, 0, 0.23);
        box-shadow: 0 0.3vmin 0.6vmin rgba(0, 0, 0, 0.16), 0 0.3vmin 0.6vmin rgba(0, 0, 0, 0.23);
    }
.list .hediye {
        width: 98%;
        margin:0.5vmin 0 0 1%;    
    }
.list .inframe .hidden {
            display:none;
        }
.list .inframe .column {
        width: 15%;
        border: 0 solid green;
        order: 1;
        display: flex;

    }
.list .inframe .column .icons {
        width: 15% !important;
        float: left;
        display: inline-flex;
        flex-direction: column;
     
    }
.list .inframe .column .icons .icon {
            margin: 0 0 0 0;
            height: 20%;
            width: 100%;
            flex-basis: auto;
            border-bottom: 0 solid #808d93;
            border-left: 0 solid #808d93;
            border-right: 0 solid #808d93;
            text-align: center;
            padding: 0 0 0 0;
            background-color: #fff;
            border-radius: 0.5vmin;
     
        }
.list .inframe .column .icons .center {
            flex-grow: 1;
            border: 0 solid red;
            float: left;
        }
.list .inframe .column .imageframe {
            width: 99%;
            height: 100%;
            display: block;
            vertical-align: middle;
            line-height: 5vmin;
            border: 0 solid blue;
            text-align: center;
            margin: 0 0 0 0;
            display: flex;
            align-items: center;
    
        }
.list .inframe .column .imageframe .image {
        height: 15vmin;
        width: 15vmin;
   

border:0 solid red;
        margin: auto;
    }
.list .inframe .column .imageframe .image:hover {
            border-radius: 0;
        }
.list .inframe .column .icons .blok {
        display: none;
    }
.list .inframe .column .icons .icon i .arrow-pointer {
        width: 7vmin;
        height: 2vmin;
        margin: 0;
        background: red;
        color: #7eb4e2;
        text-align: left;
        position: absolute;

    }
.list .inframe .column .icons .icon i .arrow-pointer::after {
        content: '';
        position: absolute;
        left: 0;
        top: 2vmin;
        width: 0;
        height: 0;
        border: 1vmin solid transparent;
        border-left: 1vmin solid red;
        margin: -2vmin 0 0 7vmin;
    }
.list .inframe .column .icons .icon i p span {
        z-index: 2;
        border: 0 solid red;
        font-weight: bold;
        font-size: calc(var(--font-size) *0.9 );
        color: white;
    }
.list .inframe .column .icons input[type="checkbox"] {
        height: 0;
       width: 0;
    }
.list .inframe .column .icons .scl_sil input[type="checkbox"] {
        width: 1.5vmin;
        height: 1.5vmin;
        

    }
.list .inframe .column .icons .heart_disable {
        color: gray;
        font-family: 'font-icons';
        font-size: calc(var(--font-size)*1.5);
        margin:-2.4vmin 0 0 0;
        padding:0;
        float:left;
        
    }
.list .inframe .column .icons .heart_enable {
            color: red;
            font-family: 'font-icons';
            font-size: calc(var(--font-size)*1.5);
            margin: -2.4vmin 0 0 0;
            padding: 0;
            float: left;
        }
.list .inframe .column .icons .heart_disable label:hover,
.list .inframe .column .icons .heart_enable label:hover {
            cursor: pointer !important;
        }
    .list .inframe .column2 {
        width: 45%;
        border: 0 solid red;
        order: 2;
        padding: 0 0 0 1vmin;
        border: 0 solid red;

    }
.list .inframe .column2 .stock_code {
        width: 100%;
        height: 4vmin;
        display: inline-block;
        vertical-align: middle;
        line-height: 5vmin; /* &lt;-- adjust this */
        border: 0 solid red;
        text-align: left;
        margin: 1.5vmin 0 0 0;
    }
.list .inframe .column2 .brand {
        width: 100%;
        height: 3vmin;
        display: inline-block;
        vertical-align: middle;
        line-height: 3vmin; /* &lt;-- adjust this */
        border: 0 solid red;
        text-align: left;
        color: red;
        font-weight: bolder;
    }
.list .inframe .column2 .stock_name {
        display: inline-block;
        margin: 0;
        padding: 0;
        text-align: left;
        vertical-align: middle;
        min-height: 6vmin !important;
        width: 100%;
        flex-basis: auto;
        word-break: break-all !important;
        word-wrap: break-word !important;
        white-space: pre-line;

        flex: 1;
        line-height: 2vmin;
        border: 0 solid red;
    }
.list .inframe .column2 .stock_name h5 {
            padding: 0;
            margin: 0 0 1vmin 0;
            line-height: 1.2vmin;
            text-align: left;
            vertical-align: text-top;
            word-break: break-all;
            word-wrap: break-word !important;
            font-size: calc(var(--font-size) * 0.1vmin);
            color: red;
            font-size: calc(var(--font-size) * 1.2);
            border: 0.1vmin solid red;
        }
        .list .inframe .column2 .inframe a {
            text-decoration: none;
            color: black;
            
        }
.list .inframe .column3 {
        width: 38%;
        order: 3;
        border: 0 solid red;
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        flex-direction: row;
        justify-content: flex-end;
        
    }
.list .inframe .column3 .price {
        width: 35%;
        min-height: 4.4vmin;
        height: auto;
        border: 0 solid red;
        order: 1;
        flex-grow:1;
    }
.list .inframe .column3 .mevcut {
        width: 90%;
        text-align: right;
        border: 0 solid red;
        order: 0;
        padding: 0 10% 0 0;

    }
.list .inframe .column3 .basket {
        width: 45%;
        text-align: center;
        top: 0;
        border: 0 solid red;
        order: 2;
        text-align: center;
        
    }
.list .inframe .column3 .basket .txt_miktar {
            width: 6vmin;
            height: 2vmin;
            margin: 1vmin 0 1vmin 0;
            border: 0.1vmin solid #d7d7d7;
            font-size:var(--font-size);
        }
.list .inframe .column3 .basket .txt_miktar_false {
            width: 6vmin;
            height: 2vmin;
            margin: 1vmin 2vmin 1vmin 0;
            background-color: #ccc;
        }
.list .inframe .column3 .basket input::-webkit-outer-spin-button,
.list .inframe .column3 .basket input::-webkit-inner-spin-button {
        opacity: 1;
        font-size: var(--font-size);
    }
.list .inframe .column3 .basket .btn_basket_add {
            width: 15vmin;
            height: 2.6vmin;
            margin: 1vmin 0 1vmin 0;
            border-radius: 1vmin;
            padding: 0;
        }
.list .inframe .column3 .basket .btn_basket_add span {
                position: relative;
                top: 10%;
                -webkit-transform: translateY(-50%);
                -ms-transform: translateY(-50%);
                transform: translateY(-50%);
            }
/*------------------------------------------------*/
.filtre {
    border: 0.1vmin solid #d7d7d7;
    width: 99%;
    height: auto;
    margin: 1vmin auto 1vmin auto !important;
    padding: 1% 0 1% 1%;
    display: flex;
    flex-wrap: wrap;
    overflow-y: auto;
    background-color: var( --bar_background_color);
    text-align: center;
    font-size: calc(var(--font-size) * 1.5);
    border-radius: 0.5vmin;
    -webkit-box-shadow: 0 0.3vmin 0.6vmin rgba(0, 0, 0, 0.16), 0 0.3vmin 0.6vmin rgba(0, 0, 0, 0.23);
    -moz-box-shadow: 0 0.3vmin 0.6vmin rgba(0, 0, 0, 0.16), 0 0.3vmin 0.6vmin rgba(0, 0, 0, 0.23);
    -ms-box-shadow: 0 0.3vmin 0.6vmin rgba(0, 0, 0, 0.16), 0 0.3vmin 0.6vmin rgba(0, 0, 0, 0.23);
    -o-box-shadow: 0 0.3vmin 0.6vmin rgba(0, 0, 0, 0.16), 0 0.3vmin 0.6vmin rgba(0, 0, 0, 0.23);
    box-shadow: 0 0.3vmin 0.6vmin rgba(0, 0, 0, 0.16), 0 0.3vmin 0.6vmin rgba(0, 0, 0, 0.23);
}
.filtre input[type="radio"] {
        -moz-appearance: none;
        margin: 0.5vmin 4vmin 0.3vmin 0;
        width: 1px;
        height: auto;
        color: white;
        text-decoration: none;
        float: left;
    }
.filtre input[type="radio"]:hover {
        cursor: pointer;

    }
.filtre .vertical_icon &gt; input[type="radio"]:before {
        content: "\e76d";
        font-family: font-icons;
        font-size:calc(var(--font-size) * 2);
    }
.filtre .horizantal_icon &gt; input[type="radio"]:before {
        content: "\e6c6";
        font-family: font-icons;
        font-size: calc(var(--font-size) * 2);
    }
.filtre input[type="radio"]:checked {
        color: var(--icons_color);
    }
.mobil-sirala, .mobil-kategori, .mobil-marka
{
    display:none;
}
/*--------------------------------*/
.filtre .drop_sirala {
    margin: 0.3vmin;
    width: 15vmin;
    height: 4vmin;
    border-radius: 0.5vmin;
    font-size: calc(var(--font-size) );
    padding: 0 0 0 1vmin;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.filtre .drop_markalar {
    margin: 0.3vmin;
    width: 15vmin;
    height: 4vmin;
    border-radius: 0.5vmin;
    font-size: calc(var(--font-size) );
    padding: 0 0 0 1vmin;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.filtre .txtinsearch {
    margin: 0.4vmin 0 0 0;
    padding: 0 0 0 1vmin;
    width: 15vmin;
    height:4vmin;
    border-radius: 0.5vmin;
    outline: none;
    box-shadow: none;
    border: 0 solid red;
    font-size: calc(var(--font-size) );
 
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.filtre .btn_insearch {
    font-family: font-icons;
    margin: 0.3vmin;
    margin-left: -3vmin;
    margin-right: 0.7vmin;
    margin-top: 1.5vmin;
    color: black;
    text-decoration: none;
    border: 0 solid blue;
    font-size: calc(var(--font-size) );

}
.filtre .insearchdelete {
    font-family: font-icons;
    margin: 0.3vmin;
    margin-left: -2.5vmin;
    margin-right: 0.7vmin;
    margin-top: 1.5vmin;
    color: black;
    text-decoration: none;
    border: 0 solid blue;
    font-size: calc(var(--font-size) );    color:red;
}
.filtre .lbl_insearch {
        margin: 0.3vmin;
        padding-top: 0.7vmin;
   
    }
.filtre .chb_stok {
    height:5vmin;
    width:10vmin;
    margin: 0 0 0 2vmin;
    padding:0 0 0 0 ;

}
.filtre .chb_stok input {

    margin: 1.5vmin 0 0 0;

    font-size: calc(var(--font-size) * 1);
    border-radius: 1vmin;
    color: white;
}
.filtre .chb_stok &gt; label {

    
    padding:0 0 0 1vmin;
    
}
/*--------------------------------------*/
.datapager {
    font-size: calc(var(--font-size) *1.5);
    flex: 0 0 100%;
    border: 0.1vmin solid gray;
    border-radius: 1vmin;
    display: flex;
    flex-wrap: nowrap;
    vertical-align: baseline;
    margin: 2% auto 2% auto;
    padding-top: 1vmin;
    height: 3.2vmin;
    width: 98%;
    background-color: var( --bar_background_color);
}
.datapager .number #lnkPage:first-child {
        color: green;
    }
.datapager .number {
        text-align: center;
        flex: 0 0 80%;
        color: red;
    }
.datapager .pagesize {
        text-align: center;
        flex: 0 0 45vmin;
        margin:-0.2vmin 0 0 0;
    }
.datapager .pagesize select {
        width: 5vmin;
        height: 2.5vmin;
        font-size: var(--font-size);
   
        padding: 0 0 0 1vmin;
        
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
     border-radius:0.5vmin;
    }
.datapager #lnkPage {
        color: red;
    }
.datapager .Drop {
        height: 2.5vmin;
        margin: -1vmin 0 0 0;
        padding: -1vmin 0 0 0;
    }
/*-----------------------*/
.listtable {
    position: static;
    margin: 0 auto 0 auto;
    width: calc(var(--page_width) - 1vmin) ;
    border: 0vmin solid red;
    height:auto !important;
    
}
.listtable .message {
        margin: 0 auto 0 auto;
        width: 100%;
        height:2vmax;
        text-align:center;
    }
.listtable .shadow {
     
        box-shadow: none;
    }


.listtable table {
        border-collapse: separate;
        box-shadow: inset 0 1vmin 0 #fff;
        font-size: var(--font-size);
        line-height: 4.4vmin;
        margin: 3vmin auto 0 auto;
        text-align: left;
        width: 100%;
        border: 0 solid red;
        border-radius: 15px;
    }
.listtable .site_kar {
        width: 50%;
        text-align:center;
  
    }
.listtable .site_kar ul {
        list-style: none;
    }

.listtable table thead tr {
        background-color: rgba(114, 114, 113, 0.8);
    }
.listtable table thead th {
        font-size: var(--font-size);
        text-align: left;
        padding: 1vmin 0 1vmin 1vmin;
        color:#fff;
    }
.listtable table, .listtable table td {
        padding: 0.8vmin 0.8vmin 0.8vmin 2vmin;
    }
.listtable table tr:nth-child(even) {
        background-color: rgba(114, 114, 113, 0.2);
    }
.listtable table tr:hover {
        background-color: rgba(114, 114, 113, 0.4);
    }

    .listtable .icon {
        width: 5vmin;
        text-align: center;
        font-size: calc(var(--font-size)* 1.5);
    }

/*------------------*/
.voice_detay {
    position: static;
    margin: 0 auto 0 auto;
    width: calc(var(--page_width) - 1vmin);
    border: 0vmin solid red;
}
.voice_detay .message {
        width: 100%;
        height: 2vmax;
        margin: 0 auto 0 auto;
        padding: 1vmin 0 1vmin 0;
        text-align: center;
        border: 0vmin solid red;
        font-size: calc(var(--font-size)*2);
    }
.voice_detay .header {
        width: 100%;
        height: auto;
        margin: 0 auto 1vmax auto;
        text-align: left;
        border: 0vmin solid red;
        font-size: var(--font-size);
        line-height: 2.4vmin;
        -webkit-box-shadow: 0 calc(0.2vmin + 0.2vmax) calc(0.3vmin + 0.3vmax) 0.1vmin rgba(0,0,0,0.36);
        -moz-box-shadow: 0 calc(0.2vmin + 0.2vmax) calc(0.3vmin + 0.3vmax) 0.1vmin rgba(0,0,0,0.36);
        box-shadow: 0 calc(0.2vmin + 0.2vmax) calc(0.3vmin + 0.3vmax) 0.1vmin rgba(0,0,0,0.36);        
        padding:2vmin !important;
    }
.voice_detay .header td {
            padding: 0;
            display: block;
           
        }
.voice_detay .header td:before {
        content: attr(data-label);
        width: 30vmax;
        float: left;
        text-transform: uppercase;
        font-weight: bold;
        color: black;

    }
.voice_detay .detay{
    -webkit-box-shadow: 0 calc(0.2vmin + 0.2vmax) calc(0.3vmin + 0.3vmax) 0.1vmin rgba(0,0,0,0.36);
        -moz-box-shadow: 0 calc(0.2vmin + 0.2vmax) calc(0.3vmin + 0.3vmax) 0.1vmin rgba(0,0,0,0.36);
        box-shadow: 0 calc(0.2vmin + 0.2vmax) calc(0.3vmin + 0.3vmax) 0.1vmin rgba(0,0,0,0.36);
    }
.voice_detay .detay &gt; table {
        font-size: var(--font-size);
        line-height: initial;
        margin: 0 auto 0 auto;
        text-align: left;
        width: 100%;
        border: 0 solid red;
 
    }
.voice_detay .detay table thead tr {
            background-color: rgba(114, 114, 113, 0.8);
            margin: 0;
        }
.voice_detay .detay table thead th {
            font-size: var(--font-size);
            text-align: left;
            padding: 1vmin 0 1vmin 1vmin;
            color: #fff;
        }
.voice_detay .detay table, .voice_detay table .detay td {
            padding: 0;
        }
.voice_detay .detay table td img {
                height: 5vmax;
                width: 5vmax;
            }
.voice_detay .detay table tr:nth-child(even) {
                background-color: rgba(114, 114, 113, 0.2);
            }
.voice_detay .detay table tr:hover {
                background-color: rgba(114, 114, 113, 0.4);
            }
.voice_detay .geneltoplam {
        width: 97.5%;
        height: auto;
        margin: 1vmax 0 1vmax 0;
        text-align: left;
        border: 0vmin solid red;
        font-size: var(--font-size);
        line-height: 2.4vmin;
        padding: 2vmin 0 2vmin 2vmin  !important;
        position: relative;
        float: left;
    }
.voice_detay .geneltoplam table {
            -webkit-box-shadow: 0 calc(0.2vmin + 0.2vmax) calc(0.3vmin + 0.3vmax) 0.1vmin rgba(0,0,0,0.36);
            -moz-box-shadow: 0 calc(0.2vmin + 0.2vmax) calc(0.3vmin + 0.3vmax) 0.1vmin rgba(0,0,0,0.36);
            box-shadow: 0 calc(0.2vmin + 0.2vmax) calc(0.3vmin + 0.3vmax) 0.1vmin rgba(0,0,0,0.36);
            position: static;
            float: right;
            margin: 0 0 0 2vmax;
            padding: 1vmax;
            width: 15vmax;
        }
    /*-------------------------------------*/
.ttablo1 {
        position: static;
        z-index: 0;
        width: 100%;
        margin: 0 auto 0 auto;
        background-color: green;
    }
.ttablo1 table {
        background: #f5f5f5;
        border-collapse: separate;
        box-shadow: inset 0 1vmin 0 #fff;
        font-size: var(--font-size);
        line-height: 2.4vmin;
        margin: 3vmin auto 0 auto;
        text-align: left;
        width: 100%;
        border: 0 solid red;
 
    }
.ttablo1  input[type=radio]
        {
            height:2vmin;
            width:2vmin;
            border:1vmin solid rgba(0, 0, 0, 0.23);
            background-color:red;

        }
.ttablo1 th {
            text-align: center;
            background: linear-gradient(#00629B, #004269);
            border-left: 0.1vmin solid #555;
            border-right: 0.1vmin solid #777;
            border-top: 0.1vmin solid #555;
            border-bottom: 0.1vmin solid #333;
            box-shadow: inset 0 0.1vmin 0 #999;
            color: #fff;
            font-weight: bold;
            padding: 1vmin 1.5vmin;
            position: relative;
            text-shadow: 0 0.1vmin 0 #000;
            font-size: 1.2vmin;
        }
.ttablo1 th:after {
        background: linear-gradient(rgba(255,255,255,0), rgba(255,255,255,.08));
        content: '';
        display: block;
        height: 25%;
        left: 0;
        margin: 0.1vmin 0 0 0;
        position: absolute;
        top: 25%;
        width: 100%;
    }
.ttablo1 th:first-child {
        border-left: 0.1vmin solid #777;
        box-shadow: inset 0.1vmin 0.1vmin 0 #999;
    }
.ttablo1 th:last-child {
        box-shadow: inset -0.1vmin 0.1vmin 0 #999;
    }
.ttablo1 th .icontumekle {
        color: #fff;
        font-size: 2vmin;
        height:2vmin;
        width:2vmin;
        display:block;
        
    }
.ttablo1 td {
    text-align: center;
    border-right: 0.1vmin solid #fff;
    border-left: 0.1vmin solid #e8e8e8;
    border-top: 0.1vmin solid #fff;
    border-bottom: 0.1vmin solid #e8e8e8;
    padding: 1vmin 1.5vmin;
    position: relative;
    transition: all 300ms;
}
.ttablo1 td:first-child {
      box-shadow: inset 0.1vmin 0 0 #fff;
    }
.ttablo1 td:last-child {
        border-right: 0.1vmin solid #e8e8e8;
        box-shadow: inset -0.1vmin 0 0 #fff;
    }
.ttablo1 tr:nth-child(odd) td {
    background: #f1f1f1;
}
.ttablo1 tr:last-of-type td {
    box-shadow: inset 0 -0.1vmin 0 #fff;
}
.ttablo1 tr:last-of-type td:first-child {
    box-shadow: inset 0.1vmin -0.1vmin 0 #fff;
}
.ttablo1 tr:last-of-type td:last-child {
    box-shadow: inset -0.1vmin -0.1vmin 0 #fff;
}
.ttablo1 tbody:hover td {
        color: transparent;
        text-shadow: 0 0 0.1vmin #aaa;
    }
.ttablo1 tbody:hover tr:hover td {
    color: #444;
    font-weight: bold;
}
.ttablo1 table tbody tr td a .icondetay {
    font-size: 2vmin;
}
.ttablo1 table tbody tr .icon {
        height: 3vmin;
    }
.ttablo1 table tbody tr td a:hover i
.ttablo1 table tbody tr td a:link,
.ttablo1 table tbody tr td a:visited {
    color: #004269;
}
.ttablo1 table tbody tr td #rb {
        height: 1vmin !important;
        width: 1vmin !important;
        background-color: red;
    }
.ttablo1 .toplam {
    background: #f5f5f5;
    border-collapse: separate;
    box-shadow: inset 0 0.1vmin 0 #fff;
    font-size: 1.2vmin;
    
    margin: 3vmin 0 0 0;
    text-align: left;
    width: 95%;
    position:static;

}


/*---------------------------------------*/
.tablo2 {
        display: table;
        margin: 5vmin auto 0 auto;
    }
.tablo2 .row {
        display: table-row;
    }
.tablo2 .cell{
        display: table-cell;
    }
.tablo2 label, .tablo2 input, .tablo2 select {
        width: 25vmin;
        display: block;
        float: left;
        margin-bottom: 1vmin;
        height: 2vmin;
    }
.tablo2 .yarim {
        width: 5vmin !important;
        display: block;
        float: left;
        margin-bottom: 1vmin;
        height: 2vmin;
        padding: 0 0.5vmin 0 0.5vmin;
    }
.tablo2 .yarim:first-child {
            text-align: right;
        }
.tablo2 label {
    width: 1.25vmin;
    text-align: left;
    padding-right: 3vmin;
    margin-top: 0.2vmin;
}
.tablo2 br {
    clear: left;
}
.tablo2 .button {
    width: 15vmin;
    height: 3vmin;
    float: right;
    margin: 2vmin 0 0 0;
}
/*------------------------------------------*/
.detaytable {
    background: #f5f5f5;
    border-collapse: separate;
    box-shadow: inset 0 0.1vmin 0 #fff;
    font-size: calc(var(--font-size) *1.3);
    line-height: normal;
    margin: 0 auto 0 auto;
    text-align: left;
    width: 100%;
    height: auto;
padding:0;
}
.detaytable .header {
        position: static;
        width: 50% !important;
        float: left;
        line-height: normal;
        text-align: left;  

    }
.detaytable .header th{
   padding:0.5vmin;
    }
/*-------------------------------------------*/
.cari_search {
    position:static;
    padding: calc(var(--top_bar_height) / 20);
    height: calc(var(--top_bar_height) / 10);
    width: 50%;
    background: var(--searchbox_background);
    margin: 0 0 0.1vmin 0;
    -webkit-border-radius: 3vmin;
    -moz-border-radius: 3vmin;
    border-radius: 3vmin;
    outline: none;
    font-size: var(--font-size);
    border: 0.2vmin solid #dddddd;
}
.cari_search .searchbox {
    padding: calc(var(--top_bar_height) / 17.5);
    height: calc(var(--top_bar_height) / 50);
    width: 88%;
    background: var(--searchbox_background);
    border: 0 solid black;

    outline: none;
    font-size: var(--font-size);
    border: 0 solid red;

    position:relative;
   margin:-0.5vmin 0 0 0 !important;

   float:left;
}
.cari_search  .btn_search {

        height: calc(var(--top_bar_height) / 20);
        width: calc(var(--page_width) / 100 * 3);
        box-shadow: inset 0 0 1.4vmin -0.3vmin #f2fadc;
        background: linear-gradient( to right, var(--control_color1) 5%, var(--control_color2) 100% );
        color: var(--font_color);
        border: 0 solid var(--control-border_color);
        border-left: none;
        cursor: pointer;
  
      float:right;
    }
.cari_search .icon-search {
    margin:-2vmin 0 0 0;

    font-size:3.5vmin;
}
.cari_search .btn_search:hover {
    background: linear-gradient( to bottom, var(--control_color2) 5%, var(--control_color1) 100% );
}
/*----------------*/

.div_table_frame {
    float: left;
    width: 95%;
    font-size: calc(var(--font-size) * 1);
    margin: 0 0 5% 50px;
}

    .div_table_frame .header {
        width: 100%;
        margin: 30px 0 10px 0;
        text-align: center;
        font-size: calc(var(--font-size) * 2);
        font-weight: bold;
   
    }

.div_table {
    border-style: solid;
    border-width: thin thin medium thin;
    border-color: #C0C0C0;
    float: left;
    height: 160px;
    text-align: center;
    margin-top: 10px;
    margin-bottom: 10px;
    width: 245px;
    margin-left: 20px;
    padding-top: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}



@media (min-width: 320px) and (max-width: 767px)  {

    #sitemenu .horizontal-menu {
        position: static;
        width: 95vmin;
        height: 100%;
        margin: 10vmin 0 0 5vmin;
        padding: 0;
        font-size: calc(var(--font-size) * 1.1);
        border: 0vmin solid red;
        background-color: transparent !important;
        z-index: 0;
    }
    #sitemenu .horizontal-menu ul {
            margin: 0 0 0 0;
            padding: 0 0 0 0;
            position: relative;
            float: left;
        }
    #sitemenu .horizontal-menu ul li {
                display: inline;
                font-weight: bold;
                margin: 0;
                padding: 3vmin 60vmin 0 0;
                float: left;
                position: relative;
                width: auto;
                border: 0 solid red;
            }
    #sitemenu .horizontal-menu ul li a {
                    width: 100%;
                    padding: calc(var(--top_bar_height) / 20) 0;
                    color: #616161;
                    text-shadow: 0.1vmax 0.1vmax 0 #fff;
                    text-decoration: none;
                    display: inline-block;
                    -webkit-transition: color 0.2s linear, background 0.2s linear;
                    -moz-transition: color 0.2s linear, background 0.2s linear;
                    -o-transition: color 0.2s linear, background 0.2s linear;
                    transition: color 0.2s linear, background 0.2s linear;
                }
    #sitemenu .horizontal-menu ul li a i {
                        margin: 0 0.5vmax 0 0;
                        color: var(--icons_color);
                    }
    #sitemenu .horizontal-menu ul li a:hover {
                        background: #f8f8f8;
                        color: #282828;
                    }
    #sitemenu .horizontal-menu ul li a.first {
                        border-left: 0 none;
                    }
    #sitemenu .horizontal-menu ul li a.last {
                        border-right: 0 none;
                    }
    #sitemenu .horizontal-menu ul &gt; li:hover &gt; a {
                    background: #fff;
                }
    #sitemenu .horizontal-menu ul &gt; li:hover &gt; ul {
            visibility: visible;
            opacity: 1;
            left: 50% !important;
            width: 50vmin;

        }
    #sitemenu .horizontal-menu ul ul {
            list-style: none;
            margin: 0 0 0 0;
            padding: 0;
            visibility: hidden;
            opacity: 0;
            position: absolute;
            z-index: 999;
            width: calc(var(--page_width)/100 * 15);
            background: #f8f8f8;
            box-shadow: 0.1vmax 0.1vmax 0.3vmax #ccc;
            -webkit-transition: opacity 0.5s linear, visibility 0.5s linear;
            -moz-transition: opacity 0.5s linear, visibility 0.5s linear;
            -o-transition: opacity 0.5s linear, visibility 0.5s linear;
            transition: opacity 0.5s linear, visibility 0.5s linear;
            left: 50% !important;
            width: 50vmin;
        }
    #sitemenu .horizontal-menu ul  ul  li:hover &gt; ul {
            visibility: visible;
            opacity: 1;
            left: -43vmin !important;
            width: 45vmin;
        }
    #sitemenu .horizontal-menu ul ul li {
            clear: both;
            width: calc(var(--page_width)/100 * 25);
            border: 0 none;
            border-bottom: 0 solid #c9c9c9;
            text-align: left;
        }
    #sitemenu .horizontal-menu ul ul ul {
                top: 0;
                left: -43vmin !important;
                width: 45vmin;
            }   
    #sitemenu .horizontal-menu ul ul li a {
                    margin: 0 0 0 0;
                    width: 85%;
                    height: 100%;
                    background: none;
                    padding: 0.7vmax 1.5vmax;
                    color: #616161;
                    text-shadow: 0.1vmax 0.1vmax 0 #fff;
                    text-decoration: none;
                    display: inline-block;
                    border: 0 none;
                    float: left;
                    clear: both;
                }

    /*tree menu*/
    .treemenu {
        width: var(--product_menu_width);
        position: relative;
        background: #fff;
        text-align: left;
        line-height: calc(var(--line-height)*1.5);
        z-index: 1;
        margin: 1vmax 0 0 0;
        
    }
    .treemenu ul {
            position: static;
            list-style: none;
            margin: 0;
            padding: 0;
            background: rgba(0, 0, 0, 0.16);
            border-radius: 0 1vmax 1vmax 0;
            box-shadow: 0 0.3vmax 0.6vmax rgba(0,0,0,0.12), 0 0.3vmax 0.6vmax rgba(0,0,0,0.24);
        }
    .treemenu li {
            position: relative;
        }
    .treemenu li a {
                display: block;
                color: black;
                text-decoration: none;
                padding: 0.5vmax 0.5vmax;
            }
    .treemenu li:hover &gt; a {
                background-color: var(--icons_color);
                border-left: 0.5vmax solid var(--icons_color);
                color: #fff;
            }
    .treemenu li:hover &gt; ul {
                left: 95% !important;
                visibility: visible;
                opacity: 1;
                transform: translateX(0);
                background-color: var( --bar_background_color);
  
            }
    .treemenu ul ul {
            position: absolute;
            left: 0%;
            top: 0;
            width: 100%;
            visibility: hidden;
            opacity: 0;
            transition: transform 0.2s;
            transform: translateX(5vmax);
            border-radius: 0 1vmax 1vmax 0 !important;
            background-color: #e2e1e1 !important;
        }
    .treemenu ul ul li a {
            }
    .treemenu ul ul ul li a {
            }
    /*tree menu altı link*/
    .short_frame {
        position: absolute;
      top:0;
      left:60vmin;
      z-index:0;
    }
    .short_link {
       
        text-align: left;
        margin: 1vmax 0 0 0 !important;
        padding: 1vmax 0 0 0 !important;
        text-align: center;

   
    }
    .short_link img {
            border: 0.1vmax solid rgba(0, 0, 0, 0.16);
            width: calc((var(--product_menu_width)*0.6)) !important;
            height: auto;
            margin: 0 auto 0 auto;
        }
    /*footer tree menu*/

    #footer-bar .footer-col2 #footermenu {
        width: 100%;
        height: 100%;
        line-height: calc(var( --line-height)*2.0);
    }
    #footer-bar .footer-col2 #footermenu div {
            float: left;
            margin: 0 10vmax 0 0;
        }
    #footer-bar .footer-col2 #footermenu menu1_smenu {
            padding: 0 0 0 1vmax;
        }
    #footer-bar .footer-col2 #footermenu ul {
            list-style-type: none;
            margin: 0;
            padding: 0;
        }
    #footer-bar .footer-col2 #footermenu ul li {
                display: inline-block;
                list-style-type: none;
            }
    #footer-bar .footer-col2 #footermenu ul li i {
                    color: var(--icons_color);
                    padding: 0 0.5vmax 0 0;
                    border: 0.1vmax solid red;
                }
    #footer-bar .footer-col2 #footermenu ul li a {
                    border: 0 solid black;
                }
    #footer-bar .footer-col2 #footermenu ul li a i {
                        margin: 0 0.5vmax 0 0;
                        border: 0 solid black;
                    }
    #footer-bar .footer-col2 #footermenu ul ul {
                padding: 0 0 0 2vmax;
            }
    #footer-bar .footer-col2 #footermenu ul ul li {
                    display: block;
                    list-style-type: none;
                    border: 0 solid black;
                }
    #footer-bar .footer-col2 #footermenu ul ul li a {
                        text-decoration: none;
                        color: black;
                        padding: 0;
                        margin: 0;
                    }

        #footer-bar .footer-col2 #footermenu ul {
            list-style-type: none;
            text-align: left;
        }
    /**/
#products .galery {
        border: 0 solid red;
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: stretch;
        flex-direction: row;
        flex-wrap: wrap;
    }
#products .galery .inframe {
            width: 47vmin;
            height: auto;
            border: 0.1vmax solid #808d93;
            margin: 0.5vmax;
            border-radius: 0.5vmax;
            flex-basis: auto;
            display: flex;
            justify-content: flex-start;
            align-items: center;
            flex-direction: column;
            flex-wrap: wrap;
            margin-bottom: 0.3vmax;
            -webkit-box-shadow: 0 0.3vmax 0.6vmax rgba(0, 0, 0, 0.16), 0 0.3vmax 0.6vmax rgba(0, 0, 0, 0.23);
            -moz-box-shadow: 0 0.3vmax 0.6vmax rgba(0, 0, 0, 0.16), 0 0.3vmax 0.6vmax rgba(0, 0, 0, 0.23);
            -ms-box-shadow: 0 0.3vmax 0.6vmax rgba(0, 0, 0, 0.16), 0 0.3vmax 0.6vmax rgba(0, 0, 0, 0.23);
            -o-box-shadow: 0 0.3vmax 0.6vmax rgba(0, 0, 0, 0.16), 0 0.3vmax 0.6vmax rgba(0, 0, 0, 0.23);
            box-shadow: 0 0.3vmax 0.6vmax rgba(0, 0, 0, 0.16), 0 0.3vmax 0.6vmax rgba(0, 0, 0, 0.23);
        }
#products .galery .inframe a {
                text-decoration: none;
                color: black;
            }
#products .galery .inframe .column {
                width: 100%;
            }
#products .galery .inframe .column .icons {
                    width: 100% !important;
                    float: left;
                    display: inline-flex;
                }
#products .galery .inframe .column .icons .icon {
                        margin: 0 0 0 0;
                        height: 2vmax;
                        width: 15%;
                        flex-basis: auto;
                        border-bottom: 0 solid #808d93;
                        border-left: 0 solid #808d93;
                        border-right: 0 solid #808d93;
                        text-align: center;
                        padding: 0 1vmax 0 0;
                        background-color: #fff;
                        border-radius: 0.5vmax;
                        border: 0 solid red;
                        text-align: right;
                   
                    }
#products .galery .inframe .column .icons .center {
                        flex-grow: 1;
                    }
#products .galery .inframe .column .icons .blok {
                        display: none;
                    }
#products .galery .inframe .column .icons .icon i .arrow-pointer {
        min-width: 10vmax;

        height: 2vmax;
        margin: 0;
        padding: 0;
        background: red;
        color: #7eb4e2;
        text-align: center;
        position: static;
        float: left;
    }
#products .galery .inframe .column .icons .icon i .arrow-pointer::after {
        content: '';
        position: static;
        float: left;
        left: 0;
        top: 0.2vmin;
        width: 0;
        height: 0;
        border: 8.8vmin solid transparent;
        border-top: 2vmin solid red;
        margin: 0.5vmin 0 0 0;
    }
#products .galery .inframe .column .icons .icon i p span {
                        z-index: 2;
                        color: white;
                        border: 0 solid red;
                        font-weight: bold;
                        color: white;
                        margin: 0 auto 0 auto;
                        padding: 0;
                    }
#products .galery .inframe .column .icons input[type="checkbox"] {
                        height: 0;
                        width: 0;
                    }
#products .galery .inframe .column .icons .heart_disable {
                        color: gray;
                        font-family: 'font-icons';
                    }
#products .galery .inframe .column .icons .heart_enable {
                        color: red;
                        font-family: 'font-icons';
                    }
#products .galery .inframe .column .icons .heart_disable label:hover,
#products .galery .inframe .column .icons .heart_enable label:hover {
                            cursor: pointer !important;
                        }
#products .galery .inframe .column .imageframe {
                    width: 99%;
                    height: 10vmax;
                    display: inline-block;
                    vertical-align: middle;
                    line-height: 0vmax;
                    border: 0 solid red;
                    text-align: center;
                    margin: 2.5vmax 0 0 0;
                }
#products .galery .inframe .column .imageframe .image {
                        max-height: 10vmax;
                        min-height: 10vmax;
                        width: auto;
                        height: auto;
                        top: 0;
                        bottom: 0;
                        left: 0;
                        right: 0;
                        margin: auto;
                    }
#products .galery .inframe .column .imageframe .image:hover {
                            border-radius: 0;
                        }
#products .galery .inframe .price {
                width: 100%;
            }
#products .galery .inframe .stock_code {
                width: 99%;
                height: 4vmax;
                display: inline-block;
                vertical-align: middle;
                line-height: 5vmax; /* &lt;-- adjust this */
                border: 0vmax solid red;
                text-align: center;
            }
#products .galery .inframe .brand {
                width: 99%;
                height: 3vmax;
                display: inline-block;
                vertical-align: middle;
                line-height: 3vmax; /* &lt;-- adjust this */
                border: 0 solid red;
                text-align: center;
                color: red;
                font-weight: bolder;
                opacity: initial;
            }
#products .galery .inframe .stock_name {
                display: inline-block;
                margin: 0.1vmax 0.1vmax 0.1vmax 0.1vmax;
                padding: 0;
                text-align: center;
                vertical-align: middle;
                width: 96%;
                height: 7vmax;
                word-break: break-all !important;
                word-wrap: break-word !important;
                white-space: pre-line;
                border: 0 solid black;
            }
#products .galery .inframe .stock_name h5 {
                    padding: 0;
                    margin: 0 0 1vmax 0;
                    line-height: 0.12vmax;
                    text-align: left;
                    vertical-align: text-top;
                    word-break: break-all;
                    word-wrap: break-word !important;
                    color: red;
                    border: 0.1vmax solid red;
                }
#products .galery .inframe .mevcut {
                width: 90%;
                text-align: right;
            }
#products .galery .inframe .basket {
                width: 100%;
                text-align: center;
            }
#products .galery .inframe .basket .txt_miktar {
                    width: 6vmax;
                    height: 2.5vmax;
                    margin: 1vmax 2vmax 1vmax 0;
                    border: 0.1vmax solid #d7d7d7;
                    font-size: calc(var(--font-size)*1.2);
                }
#products .galery .inframe .basket .txt_miktar_false {
                    width: 6vmax;
                    height: 2vmax;
                    margin: 1vmax 2vmax 1vmax 0;
                    background-color: #ccc;
                }
#products .galery .inframe .column3 .basket input::-webkit-outer-spin-button,
#products .galery .inframe .column3 .basket input::-webkit-inner-spin-button {
                opacity: 1 !important;
            }
#products .galery .inframe .column3 .Watermarks {
                position: absolute; /* Position the background text */
                border: 0 solid red;
                text-align: center;
            }
#products .galery .inframe .column3 .Watermarks p {
                    top: 0;
                    border: 0 solid red;
                    margin: 0 auto 0 auto;
                    color: rgba(0, 0, 0, 0.15)
                }
#products .galery .inframe .basket .btn_basket_add {
                width: 20vmax;
                height: 2vmax !important;
                margin: 0.8vmax 0 0.8vmax 0;
                border-radius: 1vmax;
                padding: 0 0 0.5vmax 0;
                border: 0.1vmax solid gray;
                color: black;
                font-weight: bold;
                background-color: var(--bar_background_color) !important;
                font-size: var(--font-size);
            }
#products .galery .inframe .basket .btn_basket_add span {
                    position: relative;
                    top: 10%;
                    -webkit-transform: translateY(-50%);
                    -ms-transform: translateY(-50%);
                    transform: translateY(-50%);
                    font-size: var(--font-size);
                }
#products .galery .inframe .basket .button{
        
        padding: 1.5vmin;
    }
    /*----------------------------------*/
.list {
        margin: 0;
        float: left;
        border: 0 solid red;
        width: 98vmin;
        display: initial;
        justify-content: initial;
        align-items: initial;
        flex-direction: initial;
        flex-wrap: initial;
    }
.list .inframe {
            width: 98vmin;
            height: 24vmax;
            border: 0.1vmin solid #808d93;
            margin: 0.5vmin;
            border-radius: 0.5vmin;
            flex-basis: auto;
            display: flex;
            justify-content: flex-start;
            align-items: stretch;
            flex-direction: row;
            flex-wrap: wrap;
            -webkit-box-shadow: 0 0.3vmin 0.6vmin rgba(0, 0, 0, 0.16), 0 0.3vmin 0.6vmin rgba(0, 0, 0, 0.23);
            -moz-box-shadow: 0 0.3vmin 0.6vmin rgba(0, 0, 0, 0.16), 0 0.3vmin 0.6vmin rgba(0, 0, 0, 0.23);
            -ms-box-shadow: 0 0.3vmin 0.6vmin rgba(0, 0, 0, 0.16), 0 0.3vmin 0.6vmin rgba(0, 0, 0, 0.23);
            -o-box-shadow: 0 0.3vmin 0.6vmin rgba(0, 0, 0, 0.16), 0 0.3vmin 0.6vmin rgba(0, 0, 0, 0.23);
            box-shadow: 0 0.3vmin 0.6vmin rgba(0, 0, 0, 0.16), 0 0.3vmin 0.6vmin rgba(0, 0, 0, 0.23);
        }
.list .hediye {
            width: 98%;
            margin: 0.5vmin 0 0 1%;
        }
.list .inframe .hidden {
            display: none;
        }
.list .inframe .column {
        width: 46vmin !important;
        height: 13vmax;
        order: 1;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        flex-wrap: wrap;
        border: 0vmin solid red;
    }
.list .inframe .column .icons {
            width: 11% !important;
            height: 100%;
            float: left;
            display: inline-flex;
            flex-direction: column;
            border: 0vmin solid red;
        }
.list .inframe .column .icons .icon {
                    margin: 0 0 0 0;
                    padding: 0 0 0 0;
                    height: 3vmax;
                    width: 5vmin;
                    flex-basis: auto;
                    border-bottom: 0 solid #808d93;
                    border-left: 0 solid #808d93;
                    border-right: 0 solid #808d93;
                    text-align: center;
                    background-color: #fff;
                    border-radius: 0.5vmin;
                    position: relative;
                    
                }
.list .inframe .column .icons input[type="checkbox"] {
                        height:1.5vmax !important;
                        width: 1.5vmax !important;
                        float:left;
                    }
.list .inframe .column .icons .icon label {
                        position: absolute;
                        top: 0;
                        left: 0;
                        margin: 0;
                        padding: 0;
                    }
.list .inframe .column .icons .center {
                        flex-grow: 1;
                        border: 0 solid red;
                        float: left;
                    }
.list .inframe .column .imageframe {
            width: 89%;
            height: 100%;
            display: block;
            vertical-align: middle;
            line-height: initial;
            border: 0 solid blue;
            text-align: center;
            margin: 0 0 0 0;
            display: flex;
            align-items: center;
            border: 0vmin solid red;
        }
.list .inframe .column .imageframe .image {
                max-height: 22vmin;
                max-width: 22vmin;
                width: auto;
                height: auto;
                border: 0 solid red;
                margin: auto;
          
            }
.list .inframe .column .imageframe .image:hover {
                        border-radius: 0;
                    }
.list .inframe .column .icons .blok {
                display: none;
            }
.list .inframe .column .icons .icon i .arrow-pointer {
                width: 7vmax;
                height: 2vmax;
                margin: 0;
                background: red;
                color: #7eb4e2;
                text-align: left;
                position: absolute;
            }
.list .inframe .column .icons .icon i .arrow-pointer::after {
                    content: '';
                    position: absolute;
                    left: 0;
                    top: 2vmax;
                    width: 0;
                    height: 0;
                    border: 1vmax solid transparent;
                    border-left: 1vmax solid red;
                    margin: -2vmax 0 0 7vmax;
                }
.list .inframe .column .icons .icon i p span {
                z-index: 2;
                border: 0 solid red;
                font-weight: bold;
                font-size: calc(var(--font-size) *0.9 );
                color: white;
            }

.list .inframe .column .icons .scl_sil input[type="checkbox"] {
                width: 2.5vmin;
                height: 2.5vmin;
            }
.list .inframe .column .icons .heart_disable {
                color: gray;
                font-family: 'font-icons';
                font-size: calc(var(--font-size)*1.5);
                margin: -2.4vmin 0 0 0;
                padding: 0;
                float: left;
            }
.list .inframe .column .icons .heart_enable {
                color: red;
                font-family: 'font-icons';
                font-size: calc(var(--font-size)*1.5);
                margin: -2.4vmin 0 0 0;
                padding: 0;
                float: left;
            }
.list .inframe .column .icons .heart_disable label:hover,
.list .inframe .column .icons .heart_enable label:hover {
                    cursor: pointer !important;
                }
.list .inframe .column2 {
        width: 100vmin;
        height: 10vmax;
        order: 0;
        padding: 1vmin 0 0 1vmin;
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: flex-start;
        flex-wrap: wrap;
        border: 0vmin solid red;
    }
.list .inframe .column2 .stock_code {
            width: 100%;
           height: 4vmin;
           

            display: block;
            vertical-align: middle;
            line-height:initial; /* &lt;-- adjust this */
            text-align: left;
            margin: 0;
            border: 0vmin solid blue;
           
        }
.list .inframe .column2 .brand {
            width: 100%;
            height: 4vmin;
            margin:0;
            top:0;
            display: inline-block;
            vertical-align: middle;
            line-height: initial; /* &lt;-- adjust this */
            text-align: left;
            color: red;
            font-weight: bolder;
            border: 0vmin solid blue;
        }
.list .inframe .column2 .stock_name {
            width: 50vmin;
            height: 12vmin;
            display: inline-block;
            margin: 0;
            padding: 0;
            text-align: left;
            vertical-align: middle;
            min-height: 6vmin !important;
            flex-basis: auto;
            word-break: break-all !important;
            word-wrap: break-word !important;
            white-space: pre-line;
            flex: 1;
            line-height: 3vmin;

            border: 0vmin solid blue;
        }
.list .inframe .column2 .stock_name h5 {
                    padding: 0;
                    margin: 0 0 1vmin 0;
                    line-height: 1.2vmin;
                    text-align: left;
                    vertical-align: text-top;
                    word-break: break-all;
                    word-wrap: break-word !important;
                    font-size: calc(var(--font-size) * 0.1vmin);
                    color: red;
                    font-size: calc(var(--font-size) * 1.2);
                    border: 0.1vmin solid red;
                }
.list .inframe .column2 .inframe a {
                text-decoration: none;
                color: black;
            }
.list .inframe .column3 {
        width: 50vmin;
        height: 13vmax;
        order: 2;
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        flex-direction: row;
        justify-content: flex-end;
       border:0vmin solid red;
    }
.list .inframe .column3 .price {
                width: 100%;
                min-height: 4.4vmin;
                height: auto;
                border: 0vmin solid red;
                order: 1;
                flex-grow: 1;
                text-align:left;
            }
.list .inframe .column3 .mevcut {
            width: 100%;
            text-align: right;
            border: 0vmin solid red;
            order: 0;
            padding: 0 10% 0 0;
        }
.list .inframe .column3 .basket {
            width: 100%;
            text-align: center;
            top: 0;
            border: 0vmin solid red;
            order: 2;
            text-align: right;
            padding:0 2vmin 0 0;
        }
.list .inframe .column3 .basket .txt_miktar {
                    width: 8vmax;
                    height: 3vmax;
                    margin: 1vmax 0 1vmax 0;
                    border: 0.1vmax solid #d7d7d7;
                    font-size: var(--font-size);
                }
.list .inframe .column3 .basket .txt_miktar_false {
                    width: 6vmin;
                    height: 2vmin;
                    margin: 1vmin 2vmin 1vmin 0;
                    background-color: #ccc;
                }
.list .inframe .column3 .basket input::-webkit-outer-spin-button,
.list .inframe .column3 .basket input::-webkit-inner-spin-button {
                    opacity: 1;
                    font-size: var(--font-size);
                }
.list .inframe .column3 .basket .btn_basket_add {
                    width: 15vmin;
                    height: 2.6vmin;
                    margin: 1vmin 0 1vmin 0;
                    border-radius: 1vmin;
                    padding: 0;
                }
.list .inframe .column3 .basket .btn_basket_add span {
                        position: relative;
                        top: 10%;
                        -webkit-transform: translateY(-50%);
                        -ms-transform: translateY(-50%);
                        transform: translateY(-50%);
                    }
.list .inframe .column3 .basket .button{
        min-width:20vmin;
        width:auto;
        padding:1.9vmin;
        text-align:center;
        margin:0 0 0 1vmin;
    }
    /*------------------------------------------------*/
.filtre {
        border: 0.1vmin solid #d7d7d7;
        width: 99%;
        height: auto;
        margin: 1vmin auto 1vmin auto !important;
        padding: 1vmin 0 1vmin 1vmin;
        display: flex;
        flex-wrap: wrap;
        overflow-y: auto;
        background-color: var( --bar_background_color);
        text-align: center;
        font-size: calc(var(--font-size) * 1.5);
        border-radius: 0.5vmin;
        -webkit-box-shadow: 0 0.31vmin 0.61vmin rgba(0, 0, 0, 0.16), 0 0.31vmin 0.61vmin rgba(0, 0, 0, 0.23);
        -moz-box-shadow: 0 0.31vmin 0.61vmin rgba(0, 0, 0, 0.16), 0 0.31vmin 0.61vmin rgba(0, 0, 0, 0.23);
        -ms-box-shadow: 0 0.31vmin 0.61vmin rgba(0, 0, 0, 0.16), 0 0.31vmin 0.61vmin rgba(0, 0, 0, 0.23);
        -o-box-shadow: 0 0.31vmin 0.61vmin rgba(0, 0, 0, 0.16), 0 0.31vmin 0.61vmin rgba(0, 0, 0, 0.23);
        box-shadow: 0 0.31vmin 0.61vmin rgba(0, 0, 0, 0.16), 0 0.31vmin 0.61vmin rgba(0, 0, 0, 0.23);

    }
.filtre input[type="radio"] {
            -moz-appearance: none;
            margin: 0.5vmin 7.5vmin 0.3vmin 0;
            width: 0vmin;
            height: auto;
            color: white;
            text-decoration: none;
            float: left;
        }
.filtre input[type="radio"]:hover {
                cursor: pointer;
            }
.filtre .vertical_icon &gt; input[type="radio"]:before {
            content: "\e76d";
            font-family: font-icons;
            font-size: calc(var(--font-size) * 2);
        }
.filtre .horizantal_icon &gt; input[type="radio"]:before {
            content: "\e6c6";
            font-family: font-icons;
            font-size: calc(var(--font-size) * 2);
        }
.filtre input[type="radio"]:checked {
            color: var(--icons_color);
        }
.mobil-sirala, .mobil-kategori, .mobil-marka {
        display: none;
    }
    /*--------------------------------*/
.filtre .drop_sirala {
        margin: 0.3vmin;
        width: 30vmin;
        height: 7vmin;
        border-radius: 0.5vmin;
        font-size: calc(var(--font-size) );
        padding: 0 0 0 1vmin;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
    }
.filtre .drop_markalar {
        margin: 0.3vmin;
        width: 25vmin;
        height: 7vmin;
        border-radius: 0.5vmin;
        font-size: calc(var(--font-size) );
        padding: 0 0 0 1vmin;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
    }
.filtre .txtinsearch {
        margin: 0.6vmin 0.6vmin 0.6vmin 15.5vmin;
        width: 80vmin;
   height:7vmin;
    }
.filtre .btn_insearch {
        font-family: font-icons;
        margin: 0.6vmin;
        margin-left: -10vmin;
        margin-right: 0vmin;
        margin-top: 1.5vmin;
        color: black;
        text-decoration: none;
        border: 0 solid blue;
        font-size: calc(var(--font-size)*2 );
    }
.filtre .insearchdelete {
        font-family: font-icons;
        margin: 0.6vmin;
        margin-left: -10vmin;
        margin-right: 0vmin;
        margin-top: 1.5vmin;
        color: black;
        text-decoration: none;
        border: 0 solid blue;
        font-size: calc(var(--font-size)*2 );
    }
.filtre .lbl_insearch {
        margin: 0.3vmin;
        padding-top: 0.7vmin;
    }
.filtre .chb_stok {
    position:absolute;
    top:7vmax;
        height: 2vmin;
        width: auto;
        margin: 0vmin;
        padding-top: 0vmin;
        font-size: calc(var(--font-size) * 1);
        border-radius: 1vmin;
        color: white;
        display: block;

    }
.filtre input[id="stoktakiler"] {
    }
    /*--------------------------------------*/
.datapager {
        font-size: calc(var(--font-size) *1.5);
        flex: 0 0 100%;
        border: 0.1vmax solid gray;
        border-radius: 1vmax;
        display: flex;
        flex-wrap: nowrap;
        vertical-align: baseline;
        margin: 2% auto 2% auto;
        padding-top: 1vmax;
        height: 3.2vmax;
        width: 98%;
        background-color: var( --bar_background_color);
    }
.datapager .number #lnkPage:first-child {
            color: green;
        }
.datapager .number {
            text-align: center;
            flex: 0 0 80%;
            color: red;
        }
.datapager .pagesize {
            text-align: center;
            flex: 0 0 45vmax;
            margin: -0.2vmax 0 0 0;
        }
.datapager .pagesize select {
                width: 5vmax;
                height: 2.5vmax;
                font-size: var(--font-size);
                padding: 0 0 0 1vmax;
                -webkit-appearance: none;
                -moz-appearance: none;
                appearance: none;
                border-radius: 0.5vmax;
            }
.datapager #lnkPage {
            color: red;
        }
.datapager .Drop {
            height: 2.5vmax;
            margin: -1vmax 0 0 0;
            padding: -1vmax 0 0 0;
        }


    /*-------------------------------------*/

    .listtable {
        position: static;
        margin: 0 auto 0 auto;
        width: calc(var(--page_width) - 1vmin);
        border: 0vmin solid red;
    }
    .listtable .message {
            margin: 0 auto 0 auto;
            width: 90%;
            min-height: 2vmax;
            height:auto;
            text-align: center;
        }
    .listtable .shadow {
            -webkit-box-shadow: 0 calc(0.2vmin + 0.2vmax) calc(0.3vmin + 0.3vmax) 0.1vmin rgba(0,0,0,0.36);
            -moz-box-shadow: 0 calc(0.2vmin + 0.2vmax) calc(0.3vmin + 0.3vmax) 0.1vmin rgba(0,0,0,0.36);
            box-shadow: none;
        }
    .listtable table {
            border-collapse: separate;
            box-shadow: inset 0 1vmin 0 #fff;
            font-size: var(--font-size);
            line-height: 4.4vmin;
            margin: 3vmin auto 0 auto;
            text-align: left;
            width: 100%;
            border: 0 solid red;
            border-radius: 15px;
        }
    .listtable .site_kar {
            width: 100%;
            margin:10vmin 0 0 0;
            text-align: center;
            
        }
    .listtable .site_kar td{
            padding: 4vmin 0 0 0;
        }
    .listtable .site_kar ul {
            list-style: none;
        }
    .listtable table thead {
              display: none;
            }
    .listtable table thead tr {             
                    background-color: rgba(114, 114, 113, 0.8);
                }
    .listtable table thead th {
                font-size: var(--font-size);
                text-align: left;
                padding: 1vmin 0 1vmin 1vmin;
                color: #fff;
            }
    .listtable table tr {
                -webkit-box-shadow: 0 calc(0.2vmin + 0.2vmax) calc(0.3vmin + 0.3vmax) 0.1vmin rgba(0,0,0,0.36);
                -moz-box-shadow: 0 calc(0.2vmin + 0.2vmax) calc(0.3vmin + 0.3vmax) 0.1vmin rgba(0,0,0,0.36);
                box-shadow: 0 calc(0.2vmin + 0.2vmax) calc(0.3vmin + 0.3vmax) 0.1vmin rgba(0,0,0,0.36);
        
            }
    .listtable table td:first-child{
                margin: 2vmax 0 0 0;
            }
    .listtable table td:last-child {
                margin: 0 0 3vmax 0;
            }
    .listtable table td {
                padding: 0.8vmax 0vmin 0.8vmax 2vmin;
                display: block;
            }
    .listtable table td:before {
            content: attr(data-label);
            width: 150px;
            float: left;
            text-transform: uppercase;
            font-weight: bold;
            color: black;
        }
    .listtable table tr:nth-child(even) {
                    background-color:initial;
                }
    .listtable table tr:hover {
            background-color: rgba(114, 114, 113, 0.4);
        }

        .listtable .icon{
            background-color:red !important;
        }
        /*------------------*/
        .voice_detay {
            position: static;
            margin: 0 auto 0 auto;
            width: calc(var(--page_width) - 1vmin);
            border: 0vmin solid red;
        }
.voice_detay .message {
            width: 100%;
            height: 2vmax;
            margin: 0 auto 0 auto;
            padding: 1vmax 0 1vmax 0;
            text-align: center;
            border: 0vmin solid red;
            font-size: calc(var(--font-size)*2);
        }
.voice_detay .header {
        width: 98%;
        height: auto;
        margin: 0 auto 1vmax auto;
        text-align: left;
        border: 0vmin solid red;
        font-size: var(--font-size);
        line-height: 4.4vmin;
        -webkit-box-shadow: 0 calc(0.2vmin + 0.2vmax) calc(0.3vmin + 0.3vmax) 0.1vmin rgba(0,0,0,0.36);
        -moz-box-shadow: 0 calc(0.2vmin + 0.2vmax) calc(0.3vmin + 0.3vmax) 0.1vmin rgba(0,0,0,0.36);
        box-shadow: 0 calc(0.2vmin + 0.2vmax) calc(0.3vmin + 0.3vmax) 0.1vmin rgba(0,0,0,0.36);
        padding: 2vmin !important;
      
    }
.voice_detay .header td {
                padding: 0;
                display: block;
            }
.voice_detay .header th:before {
        content: attr(data-label);
        width: 15vmin;
        float: left;
        text-transform: uppercase;
        font-weight: bold;
       color: black;   
    }

.voice_detay .detay {
            -webkit-box-shadow: 0 calc(0.2vmin + 0.2vmax) calc(0.3vmin + 0.3vmax) 0.1vmin rgba(0,0,0,0.36);
            -moz-box-shadow: 0 calc(0.2vmin + 0.2vmax) calc(0.3vmin + 0.3vmax) 0.1vmin rgba(0,0,0,0.36);
            box-shadow: 0 calc(0.2vmin + 0.2vmax) calc(0.3vmin + 0.3vmax) 0.1vmin rgba(0,0,0,0.36);
            width:96vmin !important;
            margin: 0 auto 0 auto;
        }
.voice_detay .detay &gt; table {
                font-size: var(--font-size);
                line-height: initial;
                margin: 0 auto 2vmax auto;
                text-align: left;
                width: 98%;
                border: 0 solid red;
                padding: 0;

            }
.voice_detay .detay &gt; table thead {
        display: none;
    }

.voice_detay .detay &gt; table tr:nth-child(even) {
        background-color: rgba(114, 114, 113, 0.2);
      
     
    }
.voice_detay .detay &gt; table tr:hover {
        background-color: rgba(114, 114, 113, 0.4);
 
    }

.voice_detay .detay &gt; table tr td {
        padding: 0;
        display: block;
        white-space: nowrap;
        padding: 0 0 0 0;
        overflow: hidden;
    }

.voice_detay .detay &gt; table tr td img {
        height: 10vmax;
        width: 10vmax;
    }
.voice_detay .detay &gt; table tr td:before {
        content: attr(data-label);
        width: 35vmin;
        height: 3vmin;
        float: left;
        text-transform: uppercase;
        font-weight: bold;
        color: black;
    }
.voice_detay .detay &gt; table tr td:first-child {
        padding: 2vmax 0 0 0;
    }
.voice_detay .detay &gt; table tr td:last-child {

        margin: 0 0 5vmin 0 !important;
        padding: 3vmin 0 0 0 !important;
    }




.voice_detay .detay &gt; table .icon:before{
        text-align:left;
    }
.voice_detay .detay &gt; table .icon {
        height: 8vmin;
        text-align: left;
        margin: 3vmin 3vmin 0 0;
    }
.voice_detay .detay &gt; table .icon i{
            font-size:calc(var(--font-size) * 3);
          
        }
.voice_detay .detay &gt; table .price {
        width: 50vmin;
        text-align:left;
    }
.voice_detay .geneltoplam {
        width: 97.5%;
        height: auto;
        margin: 1vmax 0 1vmax 0;
        text-align: left;
        border: 0vmin solid red;
        font-size: var(--font-size);
        line-height: 2.4vmin;
        padding: 2vmin 0 2vmin 2vmin !important;
        position: relative;
        float: left;
    }
.voice_detay .geneltoplam  table {
                -webkit-box-shadow: 0 calc(0.2vmin + 0.2vmax) calc(0.3vmin + 0.3vmax) 0.1vmin rgba(0,0,0,0.36);
                -moz-box-shadow: 0 calc(0.2vmin + 0.2vmax) calc(0.3vmin + 0.3vmax) 0.1vmin rgba(0,0,0,0.36);
                box-shadow: 0 calc(0.2vmin + 0.2vmax) calc(0.3vmin + 0.3vmax) 0.1vmin rgba(0,0,0,0.36);
                position: static;
                float: right;
                margin: 0 0 0 2vmax;
                padding: 1vmax ;
                line-height:5vmin;
                width: 40vmin !important;
            }

.tablo1 {
        background-color: #fff;
        min-height:100vmax;
      
    }
.tablo1 table {
            width: 95%;
            border: 0;
            margin: 30px auto;  
        }
.tablo1 table thead {
                display: none;
            }
.tablo1 table tr {
        margin-bottom: 0px;
        display: block;
        border-bottom: 6px solid #ddd;
  border-color:rgba(0, 0, 0, 0.16);
    }
.tablo1 .bankaaciklamabilgi tr td {
            text-align: center;
            height:10vmax;
            line-height:2.5vmax;
        }
.tablo1 table td {
            display: block;
            text-align: left;
            font-size: 13px;
            border-bottom: 1px dotted #ccc;
        }
.tablo1 table td:last-child {
                border-bottom: 0;
            }
.tablo1 table td:before {
                content: attr(data-label);
                width: 150px;
                float: left;
                text-transform: uppercase;
                font-weight: bold;
                color: black;
            }
.tablo1 table td {
            border: 0px solid red;
            height:5vmin
        }
.tablo1 table tbody tr .icon {
        height: 5vmin;
        text-align:left;

   
    }
.tablo1 table tbody tr .icon i:before {
            font-size: calc(var(--font-size)*1.5);

        }






.tablo1 .toplam {
        border: 0px solid red;
        height: auto;
        float: left;
    }
.tablo1 .toplam table {
                margin: 0 0 30px 10px;
                border: 0.5px solid rgba(0, 0, 0, 0.1);
                text-align: left;
                width: 95% !important;
            }
.tablo1 .toplam table thead {
                    display: block;
                    width: 100% !important;
                    content: attr(data-label);
                }
.tablo1 .toplam table thead tr {
                        background: linear-gradient(#00629B, #004269);
                    }
.tablo1 .toplam table thead tr th, .tablo1 .toplam table thead tr th::after {
                            width: 400px !important;
                            border: 0px solid red;
                            background-color: transparent !important;
                        }
.tablo1 .toplam tbody {
                width: 100% !important;
                border: 0px solid red;
                margin: 0;
                padding: 0;
                white-space: pre-line;
                content: attr(data-label);
                float: left;
                text-transform: uppercase;
                font-weight: bold;
            }
.tablo1 .toplam tbody tr {
                    width: 100%;
                    float: left;
                    display: block;
                    margin: 0;
                    padding: 0;
                }
.tablo1 .toplam tbody tr td {
                        border: 0px solid red;
                        width: 30%;
                        float: left;
                        margin: 0;
                        padding: 0;
                        white-space: nowrap;
                    }
.tablo1 .toplam tbody tr td:first-child {
                            width: 40%;
                        }

    /*-------------------------------------------*/
.cari_search {
        position: static;
        padding: calc(var(--top_bar_height) / 20);
        height: calc(var(--top_bar_height) / 10);
        width: 50%;
        background: var(--searchbox_background);
        margin: 0 0 0.1vmax 0;
        -webkit-border-radius: 3vmax;
        -moz-border-radius: 3vmax;
        border-radius: 3vmax;
        outline: none;
        font-size: var(--font-size);
        border: 0.2vmax solid #dddddd;
    }
.cari_search .searchbox {
            padding: calc(var(--top_bar_height) / 17.5);
            height: calc(var(--top_bar_height) / 50);
            width: 88%;
            background: var(--searchbox_background);
            border: 0 solid black;
            outline: none;
            font-size: var(--font-size);
            border: 0 solid red;
            position: relative;
            margin: -0.5vmax 0 0 0 !important;
            float: left;
        }
.cari_search .btn_search {
            height: calc(var(--top_bar_height) / 20);
            width: calc(var(--page_width) / 100 * 3);
            box-shadow: inset 0 0 1.4vmax -0.3vmax #f2fadc;
            background: linear-gradient( to right, var(--control_color1) 5%, var(--control_color2) 100% );
            color: var(--font_color);
            border: 0 solid var(--control-border_color);
            border-left: none;
            cursor: pointer;
            float: right;
        }
.cari_search .icon-search {
            margin: -0.1vmax 0 0 0;
            font-size: 2vmax;
        }
.cari_search .btn_search:hover {
            background: linear-gradient( to bottom, var(--control_color2) 5%, var(--control_color1) 100% );
        }
    /*---------------------------------------*/
.tablo2 {
        display: table;
        margin: 5vmax auto 0 auto;
    }
.tablo2 .row {
            display: table-row;
        }
.tablo2 .cell {
            display: table-cell;
        }
.tablo2 label, .tablo2 input, .tablo2 select {
            width: 25vmax;
            display: block;
            float: left;
            margin-bottom: 1vmax;
            height: 2vmax;
        }
.tablo2 .yarim {
            width: 5vmax !important;
            display: block;
            float: left;
            margin-bottom: 1vmax;
            height: 2vmax;
            padding: 0 0.5vmax 0 0.5vmax;
        }
.tablo2 .yarim:first-child {
                text-align: right;
            }
.tablo2 label {
            width: 1.25vmax;
            text-align: left;
            padding-right: 3vmax;
            margin-top: 0.2vmax;
        }
.tablo2 br {
            clear: left;
        }
.tablo2 .button {
            width: 15vmax;
            height: 3vmax;
            float: right;
            margin: 2vmax 0 0 0;
        }
    /*------------------------------------------*/
.detaytable {
        background: #f5f5f5;
        border-collapse: separate;
        box-shadow: inset 0 0.1vmax 0 #fff;
        font-size: calc(var(--font-size) *1.3);
        line-height: normal;
        margin: 0 auto 0 auto;
        text-align: left;
        width: 90%;
        height: auto;
    }
.detaytable .header {
            position: static;
            width: 50% !important;
            float: left;
            line-height: normal;
            text-align: left;
        }
.detaytable .header th {
                padding: 0.5vmax;
            }
}





</pre></body></html>