.info_box_War{position: fixed; right: 50px; bottom: 50px; z-index: 10; width: 450px; padding-left: 0px !important;  font-size: 0.9em; line-height: 1.2em; transition: 1s;  pointer-events:none; opacity: 0; max-width: 90% !important;  }
    .info_box_War.activ{  pointer-events:all; opacity:1;  }
    .info_box_War>*{width: calc(100% - 30px); background: rgba(255,255,255,1.00); padding:15px;margin: 0px; box-shadow: 0px 3px 50px rgba(53, 52, 61, 0.4); position: relative; margin-right: 0px !important;}
    .info_box_War>*>i{position: absolute; right: 5px; top:5px; width: 25px; height: 25px; background: rgba(244, 242, 239, 1); color: rgba(51, 51, 51, 1); font-size: 0.8em;  transition: 0.5s; display:flex; justify-content: center; align-items: center; cursor: pointer;}
    .info_box_War>*>i:hover{background:rgba(33, 106, 77, 1); color: rgba(255,255,255,1.00);}
    .info_box_War>*>a{display: flex; width: 100%; }
    .info_box_War>*>a>aside{width:calc(30% - 10px); margin-right:20px; padding:0px; position: relative;} 
    .info_box_War>*>a>aside *{max-width:100%;}
    .info_box_War>*>a>aside>div{position:absolute; bottom:5px; left:5px; padding: 5px 10px; background: rgba(255,255,255,1.00); font-size: 0.6em;}
    .info_box_War>*>a>div{padding: 0px 15px 0 0; width: calc(70% - 35px); }
    .info_box_War>*>a>div>span{font-size: 0.8em; text-transform: lowercase;opacity: 0.5; }


    .info_box_War.big{width: 100%; height: 100%; pointer-events: none; background:rgba(0,0,0,0.25); display: flex; justify-content: center; align-items: center; max-width: 100% !important; margin: 0px !important; right: 0px; bottom: 0px;}
    .info_box_War.big>*{width: 800px; max-width: 90%; pointer-events: all;}
    .info_box_War.big>*>a>div>div{font-size: 1.25em;  }

    .info_box_Hot{ position: absolute; z-index: 4; top:340px; left: 40px; opacity: 0; pointer-events: none; }
    .info_box_Hot.activ{  opacity: 1; pointer-events: all; }
    .info_box_Hot>*{display: flex; background: rgba(227, 100, 100,1) ; color: rgba(255,255,255,1.00); padding: 10px; align-items: center;}
    .info_box_Hot>*>i{width: 25px; height: 25px; display: inline-flex; justify-content: center; align-items: center; background: rgba(255,255,255,1.00); color:rgba(53, 52, 62, 1); margin-right: 10px;}
    .info_box_Hot>*>div{ font-size: 0.75em; display: inline-flex; align-items: center;}
    .info_box_Hot>*>div>*{ margin-right: 10px;  display: inline-flex; align-items: center;}
    .info_box_Hot>*>div i{ padding-left: 10px; border-left: 1px solid rgba(255,255,255,1.00);}
    .info_box_Hot>*>a{display: inline-flex; border: 1px solid rgba(255,255,255,1.00); padding: 5px 15px; font-size: 0.55em; text-transform: uppercase; color: rgba(255,255,255,1.00); transition: 0.5s; }
    .info_box_Hot>*:hover>a{background: rgba(255,255,255,1.00); color:rgba(227, 100, 100,1); }

/*Layer*/
.layer_n_t1{position: fixed; z-index: 6; top: 0px; left: 0px; width: 100%; max-width: 100% !important;  height: 100%; background: rgba(255,255,255,1.00); pointer-events: none; opacity: 0; transition: 0.5s;}
.layer_n_t1.active{ pointer-events: all; opacity: 1;}
.layer_n_t1>a{position: absolute;  top: 0px; right: 0px; width:70px; height:70px; display: flex; justify-content: center; align-items: center; font-size: 2em; background:rgba(33, 106, 77, 1);color: rgba(255,255,255,1.00); transition: 0.5s;}
.layer_n_t1>a:hover{background:rgba(253, 97, 97, 1);}
.layer_n_t1>a>i{ transition: 0.5s;}
.layer_n_t1>a:hover>i{transform: rotate(360deg);}
.layer_n_t1>nav{position: absolute;  bottom: 0px; left: 0px;  display: flex;}
.layer_n_t1>nav>a{width:70px; height:70px; display: flex; justify-content: center; align-items: center; font-size: 2em; background:rgba(255,255,255,1.00);color: rgba(33, 106, 77, 1); transition: 0.5s;}
.layer_n_t1>nav>a:hover{background: rgba(48, 115, 225, 1); color: rgba(255,255,255,1.00);}
.layer_n_t1>nav>a>i{ transition: 0.5s;}
.layer_n_t1>article{height: 100%; width: 100%; overflow: hidden;}
.layer_n_t1>article>div{height: 100%; width: 100%; background-size: cover; background-position: center;  background-repeat: no-repeat;}

.layer_n_t2{position: fixed; z-index: 6; top: 0px; left: 0px; width: 100%; max-width: 100% !important; height: 100%; background: rgba(255,255,255,1.00); pointer-events: none; opacity: 0; transition: 0.5s;}
.layer_n_t2.active{ pointer-events: all; opacity: 1;}
.layer_n_t2>a{position: absolute;  top: 0px; right: 0px; width:70px; height:70px; display: flex; justify-content: center; align-items: center; font-size: 2em; background:rgba(33, 106, 77, 1);color: rgba(255,255,255,1.00); transition: 0.5s;}
.layer_n_t2>a:hover{background:rgba(253, 97, 97, 1);}
.layer_n_t2>a>i{ transition: 0.5s;}
.layer_n_t2>a:hover>i{transform: rotate(360deg);}
.layer_n_t2>nav{position: absolute;  bottom: 0px; left: 0px;  display: flex;}
.layer_n_t2>nav>a{width:70px; height:70px; display: flex; justify-content: center; align-items: center; font-size: 2em; background:rgba(255,255,255,1.00);color: rgba(33, 106, 77, 1); transition: 0.5s;}
.layer_n_t2>nav>a:hover{background: rgba(48, 115, 225, 1); color: rgba(255,255,255,1.00);}
.layer_n_t2>nav>a>i{ transition: 0.5s;}
.layer_n_t2>article{height: 100%; width: 100%; overflow: hidden; display: flex; justify-content: space-between;}
.layer_n_t2>article>aside{height: calc(100% - 200px); width:calc(35% - 100px); padding: 100px;background:rgba(48, 115, 225, 1); background-position: right bottom; background-size: cover;color: rgba(255,255,255,1.00); display: inline-flex; flex-direction: column; justify-content: space-between;}
.layer_n_t2>article>div{height:calc(100% - 200px); width:calc(65% - 200px); padding: 100px; }

.breadcrumb_m_t1{display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start; font-size: 0.7em;}
.breadcrumb_m_t1>*{margin-right: 10px; margin-bottom: 5px; display: inline-flex; align-items: center;}
.breadcrumb_m_t1>i{font-size: 0.8em; opacity: 0.9;}
.breadcrumb_m_t1>a>i{margin-bottom: 3px;}
.breadcrumb_m_t1>a>span{transition: 0.5s;border-bottom: 1px solid rgba(162, 175, 190,0) }
.breadcrumb_m_t1>a:hover>span{ border-bottom: 1px solid rgba(162, 175, 190, 0.2) }
.breadcrumb_m_t1>*>*{margin-right: 5px;}
.breadcrumb_m_t1>*>*:last-child{margin-right: 0px;}
.breadcrumb_m_t1>*>i{font-size: 0.8em; opacity: 0.9;}


.tx_htitle_t1{ margin: 0px 0 50px 0; font-size: 3.5em; font-family: 'montserratthin';}
.tx_htitle_t1>span{ font-family: 'montserratregular';;}

.tx_htitle_t2{ margin:0px 0 50px 0 !important;  position: relative; text-align: center;font-size: 1em;}
.tx_htitle_t2>span{ color: rgba(33, 106, 77, 1);font-size: 4em;}
.tx_htitle_t2>a{font-size: 0.8em; position: absolute; right: 0px; top: 0px; display: flex;justify-content: center; align-items: center;}

.tx_htitle_t3{ margin: 50px 0 50px 0; font-size: 3.5em;}
.tx_htitle_t3>span{font-family: 'montserratbold';}

.tx_htitle_t4{ margin: 50px 0 50px 0; font-size: 1.4em; font-weight: normal; font-family: 'latomedium';}
.tx_htitle_t4>span{font-family: 'montserratbold';}



/* gallery*/

.gallery_t1{display: flex; width: 100%; margin-right: -30px; flex-wrap: wrap;}
.gallery_t1>*{position: relative; display: inline-flex; flex-direction: column; width:150px; height:150px; margin-right: 30px; margin-bottom: 30px; background: rgba(244, 242, 239, 1); background-size: auto 100%; align-items: center; text-align: center; overflow: hidden; background-position: center; transition: 0.5s;}
.gallery_t1>*:hover{background-size:auto 110%}
.gallery_t1>*>aside{position: absolute; z-index:3; right: 5px; top: 5px; min-width: 30px; height: 30px; display: inline-flex; justify-content: center; align-items: center; background: rgba(255,255,255,0.5); font-size: 0.8em;}
.gallery_t1>*>span{ display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; }
.gallery_t1>*>div{position: absolute; z-index: 2; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 30px;  width:calc(100% - 60px); height:calc(100% - 60px); transition: 0.5s; opacity: 0; top:0; pointer-events: none; left: 100%; background: rgba(255,255,255,0.70); font-size: 0.8em;  display: none;}
.gallery_t1>*:hover>div{ opacity: 1; left: 0px;  }


.gallery_t2{display: flex;  flex-wrap: wrap; justify-content: center;}
.gallery_t2>*{position: relative; display: inline-flex; flex-direction: column; width: 250px; height: 100px; margin-right: 30px; margin-bottom: 30px; background: rgba(244, 242, 239, 1); background-size: cover; align-items: center; text-align: center; overflow: hidden;}
.gallery_t2>*>aside{position: absolute; z-index:3; right: 5px; top: 5px; min-width: 30px; height: 30px; display: inline-flex; justify-content: center; align-items: center; background: rgba(255,255,255,0.5); font-size: 0.8em;}
.gallery_t2>*>span{ display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center;background-size: cover;}
.gallery_t2>*>div{position: absolute; z-index: 2; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 30px;  width:calc(100% - 60px); height:calc(100% - 60px); transition: 0.5s; opacity: 0; top:0; pointer-events: none; left: 100%; background: rgba(255,255,255,0.70); }
.gallery_t2>*:hover>div{ opacity: 1; left: 0px; }
.gallery_t2>*>div>*{ font-size: 0.8em; margin: 0px; }
.gallery_t2>*>div>h3{ margin-bottom: 7px; }

/*picture*/

.img_t1{ position: relative; display: flex; justify-content: center; align-items: center; height: 450px; width: 100%; background: rgba(244, 242, 239, 1); margin-bottom:70px; background-repeat: no-repeat; background-position: center; margin-top: 0; background-size: cover; }
.content_t1>a.img_t1{float: right; width: 35%; margin: 0 0 25px 25px; aspect-ratio: 1; height: auto}
.img_t1>div{display: flex; justify-content: center; align-items: center; width: 100%; height: 100%;}
.img_t1>span{position: absolute; z-index: 2; right: 0px; top: 0px; }
.img_t1>span>i{width: 35px; height: 35px; display: inline-flex; justify-content: center; align-items: center; position: relative; background: rgba(255,255,255,0.8); transition: 0.5s;}
*:hover>.img_t1>span>i{background:rgba(242, 198, 127, 1); color: rgba(255,255,255,1.00);}

.img_t2{ position: relative; display: flex; justify-content: center; align-items: center;  background: rgba(33, 106, 77, 1); color: rgba(255,255,255,1.00); }
.img_t2>div{display: flex; justify-content: center; align-items: center; width: 100%; height: 100%;  background-position: center;    background-size: cover;
    background-repeat: no-repeat;}
.img_t2>span{position: absolute; z-index: 2; right:5px; top:5px; }
.img_t2>span>i{width: 35px; height: 35px; display: inline-flex; justify-content: center; align-items: center; position: relative; background:rgba(255, 255, 255, 0.05); transition: 0.5s;}
*:hover>.img_t2>span>i{background:rgba(255, 255, 255, 0.2); color: rgba(255,255,255,1.00);}

.img_t3{background: rgba(244, 242, 239, 1); padding:15px; position: relative; transition: 0.5s; height: fit-content;}
*:hover>.img_t3{background: rgba(29, 73, 137, 0.7); }
*:nth-child(2n):hover>.img_t3{background:rgba(241, 155, 91, 0.7); }
*:nth-child(3n):hover>.img_t3{background:rgba(118, 195, 144, 0.7); }
.img_t3>span{border:2px solid rgba(255,255,255,1.00);  padding:15px; height: calc(100% - 34px); width:calc(100% - 34px); display: flex; justify-content: center; align-items: center; transition: 0.5s;  }
*:hover>.img_t3>span{  background:rgba(244, 242, 239, 1) }

.img_t3>span>img{width: 100%;}
.img_t3>aside{position: absolute; pointer-events: none; width: 100px ; height: 100px; border:2px solid rgba(29, 73, 137, 1); border-radius: 50%; top:-35px; left:-35px }
*:nth-child(2n)>.img_t3>aside{border-color:rgba(241, 155, 91, 1); top:auto; left:auto ;right:-35px; bottom:-35px; }
*:nth-child(3n)>.img_t3>aside{border-color:rgba(118, 195, 144, 1); top:-35; left:auto ;right:-35px; bottom:auto; }

.img_t4{ position: relative; display: flex; justify-content: center; align-items: center; height: 450px; width: 100%; background: rgba(244, 242, 239, 1);  background-repeat: no-repeat; background-position: center; margin-top:0px; }
.img_t4>div{display: flex; justify-content: center; align-items: center; width: 100%; height: 100%;}
.img_t4>span{position: absolute; z-index: 2; right: 0px; top: 0px; }
.img_t4>span>i{width: 35px; height: 35px; display: inline-flex; justify-content: center; align-items: center; position: relative; background: rgba(255,255,255,0.8); transition: 0.5s;}
*:hover>.img_t4>span>i{background:rgba(33, 106, 77, 1); color: rgba(255,255,255,1.00);}

.im_b_t2 {overflow: hidden; text-align: right; }
.im_b_t2 img{max-width: calc(100% - 50px) }


.list_bx_t6>*{display: flex; align-items: flex-start; width: 100%; padding-right: -30px; margin-top:40px;}
.list_bx_t6>*>aside{width:110px; height:110px; background: rgba(244, 242, 239, 1); display: inline-flex; justify-content: center; align-items: center; margin-right: 20px; position: relative;}
.list_bx_t6>*>aside>i{position: absolute; right: 0px; top: 0px; width: 15px; height: 15px; margin-right:4px; margin-top:4px; display: none; justify-content: center; align-items: center; background:rgba(33, 106, 77, 1); color: rgba(255,255,255,1.00); font-size: 0.7em;}
.list_bx_t6>*>aside>div{height: 100%; width: 100%; background-size: cover; background-position: center;}
.list_bx_t6>*>div{width: calc(100% - 130px);}
.list_bx_t6>*>div>aside{transition: 0.5s; font-size: 0.8em;}
.list_bx_t6>*>div>h3{margin: 5px 0; transition: 0.5s;}
.list_bx_t6>*:hover>div>h3{color: rgba(33, 106, 77, 1); opacity: 1;}
.list_bx_t6>*>div>div{font-size: 0.8em;}

/*List links*/

.list_links_t1{display: flex; flex-wrap: wrap;}
.list_links_t1:last-of-type{margin-bottom: 40px;}
.list_links_t1>*{display: flex; justify-content: space-between; padding:15px 0 ; border-top: 1px solid rgba(179, 181, 187, 1); margin-right: 30px; width: 100%; }
.list_links_t1>*>i{display: inline-flex; width: 30px; justify-content: center; align-items: center; font-size: 1em; opacity: 0.7;}
.list_links_t1>*>div{transition: 0.5s; width: calc(100% - 45px);}
.list_links_t1>*>div>aside{font-size: 0.75em;margin-top: 4px; opacity: 0.7;}
.list_links_t1>*:hover>div{padding-left: 10px;}

.list_links_t2{ display: flex; flex-wrap: wrap; margin-bottom: 20px;}
.list_links_t2>*{ width:calc(33% - 70px); min-width: 240px; margin-right: 20px; margin-bottom: 20px; padding:25px 25px; background:rgba(244, 242, 239, 1); display: inline-flex; justify-content: space-between; align-items: center; transition: 0.5s;}
.list_links_t2>*:hover{color: rgba(255,255,255,1.00); background:rgba(33, 106, 77, 1);}

.list_o_t1{list-style: none; padding-left: 0px; margin: 80px 0;}
.list_o_t1>*{margin-bottom:30px; display: inline-flex;}
.list_o_t1>*::before{content:""; display: inline-block; width:8px; height:8px; border-radius: 50% 50% 0 50% ; margin-right: 10px; background:rgba(33, 106, 77, 1); margin-top:7px; transition: 0.5s}
.list_o_t1>*:hover::before{transform: rotate(360deg)}
.list_o_t1>*>div{width: calc(100% - 18px);}
.list_o_t1>*>*>h3{font-size: 1.2em; margin:0 0 5px 0;}

@media screen and (max-width:650px){

.content_t1>a.img_t1{float:none; width: 100%; margin: 0 0 25px 0; aspect-ratio: 1; height: auto}

}