@charset "UTF-8";
/* CSS Document */


/*MASK*/


@media (min-width: 768px) {
header{
-webkit-mask-image: url("../images/deco/mask_bottom.svg"), url("../images/deco/mask_center.png");
-webkit-mask-size: 120px 40px , 100% calc(100% - 20px);
-webkit-mask-repeat: repeat-x , no-repeat;
-webkit-mask-position:  left bottom, center top;
mask-image: url("../images/deco/mask_bottom.svg"), url("../images/deco/mask_center.png");
mask-size: 120px 40px , 100% calc(100% - 20px);
mask-repeat: repeat-x , no-repeat;
mask-position:  left bottom, center top;
}
.back_base{
-webkit-mask-image: url("../images/deco/mask_top.svg"), url("../images/deco/mask_center.png");
-webkit-mask-size: 120px 40px , 100% calc(100% - 20px);
-webkit-mask-repeat: repeat-x , no-repeat;
-webkit-mask-position:  center top, center bottom;
mask-image: url("../images/deco/mask_top.svg"), url("../images/deco/mask_center.png");
mask-size: 120px 40px , 100% calc(100% - 20px);
mask-repeat: repeat-x , no-repeat;
mask-position:  left top, center bottom;
}
#icon_8::before{
-webkit-mask-image: url("../images/deco/mask_bottom2.svg"), url("../images/deco/mask_center.png");
-webkit-mask-size: auto 20px , 100% calc(100% - 10px);
-webkit-mask-repeat: repeat-x , no-repeat;
-webkit-mask-position: center bottom, center 0;

}

}


@media (max-width: 767.98px) {
#icon_8_btn{
-webkit-mask-image: url("../images/deco/mask_bottom2.svg"), url("../images/deco/mask_center.png"),url("../images/deco/mask_top2.svg");
-webkit-mask-size: auto 16px , 100% calc(100% - 16px), auto 16px;
-webkit-mask-repeat: repeat-x , no-repeat , repeat-x;
-webkit-mask-position: center bottom, center 8px, center top;

mask-image: url("../images/deco/mask_bottom2.svg"), url("../images/deco/mask_center.png"),url("../images/deco/mask_top2.svg");
mask-size: auto 16px , 100% calc(100% - 16px), auto 16px;
mask-repeat: repeat-x , no-repeat , repeat-x;
mask-position: center bottom, center 8px, center top;
}

.back_base{
-webkit-mask-image: url("../images/deco/mask_top.svg"), url("../images/deco/mask_center.png");
-webkit-mask-size: 60px 20px , 100% calc(100% - 15px);
-webkit-mask-repeat: repeat-x , no-repeat;
-webkit-mask-position:  center top, center bottom;
mask-image: url("../images/deco/mask_top.svg"), url("../images/deco/mask_center.png");
mask-size: 60px 20px , 100% calc(100% - 15px);
mask-repeat: repeat-x , no-repeat;
mask-position:  center top, center bottom;
}

}

/*

*/


.translated-ltr header,
.translated-ltr .back_base,
.translated-ltr #icon_8::before,
.translated-ltr #icon_8_btn{ -webkit-mask-image: none; mask-image: none;}




@media (min-width: 768px) {}
@media (max-width: 767.98px) {}
@media (min-width: 576px) and (max-width: 767.98px) {}
@media (max-width: 575.98px) {}