.main_banner_inframe {
    position: relative;
    overflow: hidden;
    height: 100%;
    padding: 0 !important;
    margin: 0 !important;

}
[data-aling="full"] {
        margin: 0 auto 0 auto;
        width: 100%;
    }
[data-aling="page"] {
    padding: 0 !important;
    margin: 0 !important;
    max-width: var(--page_width);
    width: auto;
}
    [data-aling="page"] img {
        position: center;
        width: auto;
        height: 44.3vmin;

        border-radius: 1.1vmin 1.1vmin 0 0;
        z-index: 1;
        border: 0px solid red;
        padding: 0 !important;
        margin: auto !important;
    }
[data-aling="center"] {
    margin: 0 auto 0 auto;
    max-width: calc(var(--page_width) / 2);
    width: 100%;
    padding: 0 !important;
    margin: 0 !important;
}
.main_banner_inframe .show_frame {
    position: static;
    text-align: center;

}
.main_banner_inframe .show_frame img {
    border-radius: 1.1vmin 1.1vmin 0 0 !important;

}
.main_banner_inframe .show_frame [data-name="text1"] {
        top: 0;
        left: 0;
        height: auto;
        width: auto;
        padding: 0.5vmin 0.5vmin 5vmin 3vmin;
        text-shadow: 0.1vmin -0.1vmin 0 #767676, -0.1vmin 0.2vmin 0.1vmin #737272, -0.2vmin 0.4vmin 0.1vmin #767474, -0.3vmin 0.6vmin 0.1vmin #787777, -0.4vmin 0.8vmin 0.1vmin #7b7a7a, -0.5vmin 1vmin 0.1vmin #7f7d7d, -0.6vmin 1.2vmin 0.1vmin #828181, -0.7vmin 1.4vmin 0.1vmin #868585, -0.8vmin 1.6vmin 0.1vmin #8b8a89, -0.9vmin 1.8vmin 0.1vmin #8f8e8d, -1vmin 2.0vmin 0.1vmin #949392, -1.1vmin 2.2vmin 0.1vmin #999897, -1.2vmin 2.4vmin 0.1vmin #9e9c9c, -1.3vmin 2.6vmin 0.1vmin #a3a1a1, -1.4vmin 2.8vmin 0.1vmin #a8a6a6, -1.5vmin 3vmin 0.1vmin #adabab, -1.6vmin 3.2vmin 0.1vmin #b2b1b0, -1.7vmin 3.4vmin 0.1vmin #b7b6b5, -1.8vmin 3.6vmin 0.1vmin #bcbbba, -1.9vmin 3.8vmin 0.1vmin #c1bfbf, -2.0vmin 4vmin 0.1vmin #c6c4c4, -2.1vmin 4.2vmin 0.1vmin #cbc9c8, -2.2vmin 4.4vmin 0.1vmin #cfcdcd, -2.3vmin 4.6vmin 0.1vmin #d4d2d1, -2.4vmin 4.8vmin 0.1vmin #d8d6d5, -2.5vmin 5vmin 0.1vmin #dbdad9, -2.6vmin 5.2vmin 0.1vmin #dfdddc, -2.7vmin 5.4vmin 0.1vmin #e2e0df, -2.8vmin 5.6vmin 0.1vmin #e4e3e2, 0.2vmin 0.2vmin 0.3vmin rgba(206, 89, 55, 0.26);
        
    }
.main_banner_inframe .show_frame [data-name="text2"] {
    position: absolute;
    left: 0;
    top: 0;
    text-shadow: 0.1vmin 0 0.1vmin #cccccc, 0 0.1vmin 0.1vmin #eeeeee, 0.2vmin 0.1vmin 0.1vmin #cccccc, 0.1vmin 0.2vmin 0.1vmin #eeeeee, 0.3vmin 0.2vmin 0.1vmin #cccccc, 0.2vmin 0.3vmin 0.1vmin #eeeeee, 0.4vmin 0.3vmin 0.1vmin #cccccc, 0.3vmin 0.4vmin 0.1vmin #eeeeee, 0.5vmin 0.4vmin 0.1vmin #cccccc, 0.4vmin 0.5vmin 0.1vmin #eeeeee, 0.6vmin 0.5vmin 0.1vmin #cccccc, 0.5vmin 0.6vmin 0.1vmin #eeeeee, 0.7vmin 0.6vmin 0.1vmin #cccccc, -0.5vmin 0 0.3vmin rgba(206, 89, 55, 0.06);
}
.main_banner_inframe .show_frame [data-name="text3"] {
    position: absolute;
    left: 0;
    top: 0;
    text-shadow: 0.4vmin 0.3vmin 0 #7a7a7a, 0.5vmin 0 0.3vmin rgba(5, 2, 1, 0.06);
}
.main_banner_inframe .show_frame [data-name="text4"] {
    position: absolute;
    left: 0;
    top: 0;
    text-shadow: -0.1vmin 0.1vmin 0.1vmin rgba(255, 255, 255, 0.1), 0.1vmin 0.1vmin 0.1vmin rgba(0, 0, 0, 0.5), 0.5vmin 0 0.3vmin rgba(5, 2, 1, 0.06);
}
.main_banner_inframe .show_frame [data-name="text5"] {
    position: absolute;
    left: 0;
    top: 0;
    text-shadow: 0.2vmin 0.2vmin 0 #ffffff, 0.5vmin 0.4vmin 0 rgba(0, 0, 0, 0.15), 0.5vmin 0 0.3vmin rgba(5, 2, 1, 0.06);
}
.main_banner_inframe .show_frame [data-name="text6"] {
    position: absolute;
    left: 0;
    top: 0;
    text-shadow: 0.3vmin 0.5vmin 0.2vmin #474747, 0.5vmin 0 0.3vmin rgba(5, 2, 1, 0.06);
}
.main_banner_inframe .show_frame [data-name="text7"] {
    position: absolute;
    left: 0;
    top: 0;
    text-shadow: 0.2vmin 0.2vmin 0 #bcbcbc, 0.4vmin 0.4vmin 0 #9c9c9c, 0.5vmin 0 0.3vmin rgba(5, 2, 1, 0.06);
}
.main_banner_inframe .show_frame [data-name="text8"] {
    position: absolute;
    left: 0;
    top: 0;
    text-shadow: 0.1vmin 0.3vmin 0 #969696, 0.1vmin 1.3vmin 0.5vmin #aba8a8, 0.5vmin 0 0.3vmin rgba(5, 2, 1, 0.06);
}
.main_banner_inframe .show_frame [data-name="text9"] {
    position: absolute;
    left: 0;
    top: 0;
    text-shadow: 0.2vmin 0.2vmin 0 #4074b5, 0.2vmin -0.2vmin 0 #4074b5, -0.2vmin 0.2vmin 0 #4074b5, -0.2vmin -0.2vmin 0 #4074b5, 0.2vmin 0 0 #4074b5, 0 0.2vmin 0 #4074b5, -0.2vmin 0 0 #4074b5, 0 -0.2vmin 0 #4074b5, 0.5vmin 0 0.3vmin rgba(5, 2, 1, 0.06);
}
.main_banner_inframe .show_frame [data-name="text10"] {
    position: absolute;
    left: 0;
    top: 0;
    text-shadow: 0 0.1vmin #808d93, -0.1vmin 0 #cdd2d5, -0.1vmin 0.2vmin #808d93, -0.2vmin 0.1vmin #cdd2d5, -0.2vmin 0.3vmin #808d93, -0.3vmin 0.2vmin #cdd2d5, -0.3vmin 0.4vmin #808d93, -0.4vmin 0.3vmin #cdd2d5, -0.4vmin 0.5vmin #808d93, 0.5vmin 0.4vmin #cdd2d5, 0.5vmin 0.6vmin #808d93, -0.6vmin 0.5vmin #cdd2d5, -0.6vmin 0.7vmin #808d93, -0.7vmin 0.6vmin #cdd2d5, -0.7vmin 0.8vmin #808d93, -0.8vmin 0.7vmin #cdd2d5, 0.5vmin 0 0.3vmin rgba(5, 2, 1, 0.06);
}
.main_banner_inframe .show_frame [data-name="text11"] {
    position: absolute;
    left: 0;
    top: 0;
    text-shadow: 0 0.3vmin 0.3vmin rgba(255, 255, 255, 0.5), 0.5vmin 0 0.3vmin rgba(5, 2, 1, 0.06);
}
.main_banner_inframe .show_frame [data-name="text12"] {
    position: absolute;
    left: 0;
    top: 0;
    text-shadow: -0.4vmin 0.4vmin rgba(179, 179, 179, 0.4), -0.3vmin 0.3vmin rgba(153, 153, 153, 0.2), -0.2vmin 0.2vmin rgba(179, 179, 179, 0.2), -0.1vmin 0.1vmin rgba(179, 179, 179, 0.2), 0 0 rgba(128, 128, 128, 0.5), 0.1vmin -0.1vmin rgba(77, 77, 77, 0.6), 0.2vmin -0.2vmin rgba(77, 77, 77, 0.7), 0.3vmin -0.3vmin rgba(82, 82, 82, 0.8), 0.4vmin -0.4vmin rgba(77, 77, 77, 0.9), 0.5vmin 0.5vmin rgba(77, 77, 77, 1), 0.5vmin 0 0.3vmin rgba(5, 2, 1, 0.06);
}
.main_banner_inframe .show_frame [data-name="text13"] {
    position: absolute;
    left: 0;
    top: 0;
    color: #005900;
    background: #fffca8;
    text-shadow: #fffca8 0.2vmin 0.2vmin 0, #9c9c9c 0.4vmin 0.4vmin 0;
    color: #005900;
    background: #fffca8;
}
.main_banner_inframe .button {
    position: absolute;
    height: 2.3vmin !important;
    width: 100%;
    padding: 0.2vmin 0 0 0;
    margin: -0.1vmin 0 0 0;
    top: calc((var(--page_height) / 2.25));
    left: 0;
    text-align: center;
    color: white;  
   background-color:#cdd2d5;
   border-radius:0 0;
}
.main_banner_inframe .button a {
        color: white;
    }
.main_banner_inframe .button img {
        height: calc((var(--page_height) /50)) !important;
        width: auto;
        border-radius: 1.1vmin;
    }
    /**/

.mini_banner .img_banner {
    width: 100%;
    height: 40vmin;
    position: absolute;
    top: 0;
    z-index: 1;
    text-align: center;
 
}
.mini_banner .in_frame {
    width: 99%;
    height: calc(var(--page_height) / 2.18 / 2);
    border: 0.1vmin solid var(--page_color2);
    border-radius: 1vmin 1vmin 1vmin 1vmin;
    
}

.mini_banner .in_frame2 {

    height: calc(var(--page_height) / 2.25 / 3.05);
  
}




.mini_banner .in_frame + .in_frame {
            margin: 0.5vmin 0 0 0;
        }
.mini_banner .in_frame a {
        text-decoration: none;
    }
.mini_banner .in_frame:hover {
        border-color: red;
    }
.mini_banner .header {
    text-align: center;
    color: black;
    line-height: 2.4vmin;
    background-color: var(--page_color2);
    border-bottom: 0.1vmin solid lightgrey;
    border-radius: 1vmin 1vmin 0 0;
    background-color:#cdd2d5
}
.mini_banner .header + .header {
        border-bottom: 0 solid black;
    }
.mini_banner .in_frame .mini_banner_container {
    position: relative;
    width: 97%;
    height: 55%;
    height: calc((var(--page_height) / 10) );
    background-color: white;
    float: left;
    border-radius: 1vmin 1vmin 1vmin 1vmin;
    border: 0 solid black;
;
}
.mini_banner .in_frame .mini_banner_container .img_container {
                position: absolute;
                height: 95%;
                width: 70%;
                border: 0 solid black;
                border-radius: 1vmin 1vmin 1vmin 1vmin;

                margin:1vmin 0 0 0;
            }
.mini_banner .in_frame .mini_banner_container .logo_container {
                position: absolute;
                margin: 0 0 0 70%;
                height: 90%;
                width: 30%;
                border: 0 solid black;
            }
.mini_banner .in_frame .mini_banner_container .image {
        object-fit: fill;
        width: auto;
        height: calc((var(--page_height) / 10) );

        float: left;
        margin: auto 0 auto 0;
        background-size: cover;
        position: absolute;
        top: 50%;
        left: 50%;
        margin: 0;
        transform: translate(-50%,-50%);
        border:0 solid black;
    }
.mini_banner .in_frame .mini_banner_container .brand_logo {
        position: absolute;
        top: 50%;
        left: 50%;
        margin: 0;
        transform: translate(-50%,-50%);
        float: left;
        right: 0;
        width: auto;
  
        height: calc((var(--page_height) / 30) );
        background-size: cover;
    }


.mini_banner .in_frame .price_container {

  margin: 13vmin 0 0 0;
    text-align: center;
    color: black;
    line-height: 2.5vmin;
    background-color: var(--page_color2);
    border-bottom: 0vmin solid lightgrey;
    border-radius: 1vmin 1vmin 0 0;

    

}


@media (min-width: 320px) and (max-width: 767px) and (orientation: landscape) {
        /*300*/
    }
@media (min-width: 320px) and (max-width: 767px) and (orientation: portrait) {
}
@media (min-width: 320px) and (max-width: 767px) {


        [data-aling="page"] img {
            position: static;
            width: 98vmin;
            height: auto;
            border-radius: 0 0 0.2vmax 0.2vmax;
            z-index: 1;
            border: 0 solid red;
        }
        .main_banner_inframe .button {
            position: absolute;
            height: 2.3vmax !important;
            width: 100%;
            padding: 0.2vmin 0 0 0;
            margin: -0.1vmin 0 0 0;
            top: 28vmax;
            left: 0;
            text-align: center;
            color: white;
            background-color: #cdd2d5;
            border-radius: 0 0;
        }



        .mini_banner .in_frame {
            width: 31.3%;
            height: calc(var(--page_height) / 2.25 / 3.05);
            border: 0 solid var(--page_color2);
            border-radius: 1vmin 10px 1vmin 10px;
            float: left;
            margin: 1%;
        }

        .mini_banner .header {
            text-align: center;
            color: black;
            line-height: 24px;
            background-color: var(--page_color2);
            border-left: 0.1vmin solid lightgrey;
            border-right: 0.1vmin solid lightgrey;
            border-top: 0.1vmin solid lightgrey;
            border-bottom: 0 solid lightgrey;
            border-radius: 1vmin 10px 0 0;
            font-size: calc(var(--font-size)/1.5);
            height: 30px;
        }

        .mini_banner .in_frame + .in_frame {
            margin: 0 0 0 0;
            margin: 1%;
        }

        .mini_banner .in_frame .mini_banner_container {
            position: relative;
            width: calc(100% - 2px);
            height: 75%;
            background-color: white;
            float: left;
            border-radius: 0 0 1vmin 10px;
            border-top: 0 solid lightgrey;
            border-left: 0.1vmin solid lightgrey;
            border-right: 0.1vmin solid lightgrey;
            border-bottom: 0.1vmin solid lightgrey;
        }

            .mini_banner .in_frame .mini_banner_container .img_container {
                position: absolute;
                height: 95%;
                width: 100%;
                border: 0 solid black;
                border-radius: 1vmin 10px 1vmin 10px;
            }

            .mini_banner .in_frame .mini_banner_container .logo_container {
                display: none;
            }
    }