﻿body {
    margin: 0;
    padding: 0;

}

#MainFrame {
    width: 99vw;
    height: 100%;
    background-color: #ddd6d6;
  
    float: left;
}

    #MainFrame #HeaderFrame {
  
        top: 0;
        margin: 0 15vw 0 15vw;
        width: 69vw;
        height: 23.5vw;
        background-repeat: no-repeat;
        background-image: url('../images/Pocta_Banner.jpg');
        background-size: 69vw,auto;
    }

        #MainFrame #HeaderFrame #Logo {
            margin: 0px 0px 0 1vw;
            width: 15vw;
            height: 25vh;
            background-repeat: no-repeat;
            background-image: url('../images/Ekova_Logo.png');
            background-size:contain;
     
        }

    #MainFrame #Product_sellect {
        margin: 0 2vw 0 0;
        padding: 1vw 0 1vw 2vw;
   
        margin: 0 15vw 0 15vw;
        width: 67vw;
        float: left;
        background-color:white;
    
       
    }


    #MainFrame #Product_sellect .Product_sellect_image {
        width: 65vw;
        text-align: center;

        
    }

        #MainFrame #Product_sellect .Product_sellect_image .image {
            font-size: 0.8vw;
            height:auto;
            width: 5vw;
        
            /* filter: drop-shadow( 5px 5px 5px  rgba(0, 0, 0, 5));*/
            border-radius: 1vw;
        }



    #MainFrame #Product_Detay_Frame {
        padding: 1vw 0 1vw 2vw;
        margin: 0 15vw 0 15vw;
        height: auto;
        width: 67vw;

        background-color: white;
        border-top: 0.1vw solid darkgray;
        display: flex;

    }

    #MainFrame #Product_Detay_Frame h1 {
   font-size:1.5vw;

    }


        #MainFrame #Product_Detay_Frame .Product_detay_image {

            height: auto;
            width: 20vw;

        }
        #MainFrame #Product_Detay_Frame .Product_detay_image .img {
               
                width: 20vw;
                filter: drop-shadow( 5px 5px 5px rgba(0, 0, 0, 5));
            }
        #MainFrame #Product_Detay_Frame .Product_detay_text {
            padding: 1vw 2vw 0 1vw;
    
            height: auto;
            width: 28vw;
            font-size: 1vw;
       
        }
        #MainFrame #Product_Detay_Frame .Product_detay_text .Lbl_detay_text   {
                    text-align: justify;
                    text-justify: inter-word;
                }
        #MainFrame #Product_Detay_Frame .price {
                margin: 3vw 0 0 1vw;
                padding: 1vw 0 0 0;
                border-radius: 1vw;
                height: 28vw;
                width: 14vw;
                background-color: rgba(0, 0, 0, .1);
                text-align: center;
            }


            #MainFrame #Product_Detay_Frame .price .price_text {
                font-size: 2vw;
                margin: 1vw 0 1vw 2.2vw !important;
                float: left;
                color: red;
                font-weight: bold;
     
            }


            #MainFrame #Product_Detay_Frame .price .txt_box {
                margin: 1vw 0 0vw 0;
                width: 12vw;
                height: 1.5vw;
            }
            #MainFrame #Product_Detay_Frame .price .txt_multibox {
                margin: 1vw 0 0vw 0;
                width: 12vw;
                height: 4vw;
                resize: none;
            }


            #MainFrame #Product_Detay_Frame .price .Urun_Lbl_text {
                margin: 0 0 0 0.8vw;
                width: 5vw;
                height: 1.5vw;
                float: left;
                text-align:left;
                text-justify:inter-character;
                font-size: 0.8vw;
                font-weight: bold;

                
            }
            #MainFrame #Product_Detay_Frame .price .Urun_txt_text {
                padding: 0 0 0 0.5vw;
                width: 7vw;
                height: 1.5vw;
                float: left;
                text-align: left;
                font-size: 0.8vw;
                color: #a71b1b;
                font-weight: bold;
            }

                #MainFrame #Product_Detay_Frame .price input::placeholder, #MainFrame #Product_Detay_Frame .price  textarea::placeholder {
                    font-size: 0.8vw;
                }



            #MainFrame #Product_Detay_Frame .price .btn_erisim {
                margin: 0.9vw 0 0.5vw 0;
                width: 12vw;
                height: 2vw;
            }




        #MainFrame #Product_sellect .Product_sellect_drop {
            padding: 1vw 0 1vw 2vw;
            width: 63vw;
            height: 9vw;
            float: left;
        }
            #MainFrame #Product_sellect .Product_sellect_drop .cell {
                float: left;
                height: 10vw;
                width: 27vw;
                margin: 0.7vw 0 0 0;
                float: left;
             
            }

                #MainFrame #Product_sellect .Product_sellect_drop .cell .disk {
                    float: left;
                    height: 2vw;
                    width: 27vw;
                    margin: 0vw 0 0 0;
                    padding: 0vw 0 0 0;
                    font-size: 1.0vw;
                }
                    #MainFrame #Product_sellect .Product_sellect_drop .cell .disk .Label {
                        float: left;
                    
                        width: 4vw;
                        height: 1.5vw;
                        margin: 0 0 0 0;
                        padding: 0.5vw 0 0 0;
                    }
                    #MainFrame #Product_sellect .Product_sellect_drop .cell .disk .tohum {
                        float: left;
                        width: 11vw;
                        height: 2vw;
                        margin: 0;
                        padding: 0.3vw 0 0 0;
                    }

                    #MainFrame #Product_sellect .Product_sellect_drop .cell .disk .aralik {
                        float: left;
                        width: 11vw;
                        height: 2vw;
                        margin: 0;
                        padding: 0.3vw 0 0 0;
                    }

                        #MainFrame #Product_sellect .Product_sellect_drop .cell .disk .tohum > .DROPMENU{
                            margin: 0;
                         
                        }
                    #MainFrame #Product_sellect .Product_sellect_drop .cell .disk .aralik > .DROPMENU {
                        margin: 0;
                   
                    }

                #MainFrame #Product_sellect .Product_sellect_drop .DROPMENU {
                    padding: 0;
                    font-size: 0.8vw;
                    margin: 1vw;
                    height: 1.5vw;
                    width: 10vw;
                    float: left;
                }

    .button-71

{
    width:10vw;
    background-color: #0078d0;
    border: 0;
    border-radius: 1vw;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-family: system-ui,-apple-system,system-ui,"Segoe UI",Roboto,Ubuntu,"Helvetica Neue",sans-serif;
    font-size: 1.1vw;
    font-weight: 600;
    outline: 0;
    padding: 0.1vw 2vw;
    margin:1vw 0 0 2vw;
    text-align: center;
    text-decoration: none;
    transition: all .3s;
    user-select: none;
    -webkit-user-select: none;
    touch-action: manipulation;
}
    .button-71:hover {
        box-shadow: rgba(255, 255, 255, .2) 0 3px 15px inset, rgba(0, 0, 0, .1) 0 3px 5px, rgba(0, 0, 0, .1) 0 10px 13px;
        transform: scale(1.05);
    }



#MainFrame .Product_video {
    min-height: 20vh;
    background-color: red;
    margin: 0 0 0 15vw;
    width: 69vw;
    background-color: white;
    float: left;
    border-top: 0.1vw solid darkgray;
}
    #MainFrame .Product_video .video {
        padding:2vw 0 2vw 0;
        float: left;
        width: 23vw;
     
        text-align:center;
    }

    #MainFrame .Product_video .video_img {
        width: 20vw;
        height: 11.25vw;
    }
    #MainFrame .Product_video iframe {
        width: 20vw;
        height: 11.25vw;
        padding:0;
        margin:0;
    }


#MainFrame .Montaj_video {
    min-height: 20vh;
    background-color: red;
    margin: 0 0 0 15vw;
    width: 69vw;
    background-color: white;
    float: left;
    border-top: 0.1vw solid darkgray;
}


    #MainFrame .Montaj_video .video {
        padding: 2vw 0 2vw 0;
        float: left;
        width: 17.25vw;
        height: 17.2vw;
        text-align: center;
        
    }

    #MainFrame .Montaj_video .video_img {
        height: 15vw;
        width: 15vw;
    }

    #MainFrame .Montaj_video iframe {
        height: 15vw;
        width: 15vw;
        padding: 0;
        margin: 0;
    
    }



        #MainFrame #footer {
            margin: 0 0 1vw 15vw;
            width: 69vw;
            height: 15vw;
            background-color: darkgray;
            float: left;
        }
    #MainFrame #footer #footer_Logo {
        margin: 2vw 0vw 0vw 2vw;
        width: 10vw;
        height: 10vw;
        background-repeat: no-repeat;
        background-image: url('../images/Ekova_Logo.png');
        background-size: contain;
        float: left;
    }

    #MainFrame #footer #footer_Adress {
        margin: 2vw 0vw 0vw 2vw;
        width: 55vw;
        height: 10vw;
        font-size: 1.5vw;
        text-align: center;
        float: left;
       
    }
