h2 														{width:100%; display:block; margin:45px auto !important; line-height:35px !important; color:#333 !important; font-weight:bold !important; letter-spacing:-0.8px !important; text-align: center;}

.infoport                                               {width:100%; height:750px; position:relative; background:url('../img/illustration/fond_accueil_001.jpg') center center no-repeat; background-size: cover; display: flex; flex-direction: row; justify-content: center; align-items: center; align-content: center; margin-bottom: 30px; overflow: hidden;}
.infoport .zonetext                                     {display: flex; flex-direction: column; justify-content: center; align-items: flex-start; align-content: center; width:33%; height:auto; margin:0px auto 0px 5%; padding: 0px 20px; text-align: left;}     
.infoport .zonetext h1                                  {margin: 0 0 18px; font-size: clamp(2rem, 4.0vw, 4.2rem); line-height: .95; font-weight: 800; letter-spacing: -0.04em; color: #082f43; text-align:left;}
.infoport .zonetext h2                                  {margin: 0 0 30px !important; font-size: 1.2rem !important;; line-height: 1.45 !important;; font-weight:normal !important;  color: #163b49; text-align: left;}
.infoport .zonetext .btn_actions                        {display: flex; align-items: center; gap: 18px; flex-wrap: wrap; }
.infoport .zonetext .btn_actions .hero_btn              {display: inline-flex; align-items: center; justify-content: center; min-height: 45px; padding: 0 20px; border-radius: 8px; font-size: 1rem; font-weight: 600; text-decoration: none; transition: transform .2s ease, background-color .2s ease, box-shadow .2s ease;}
.infoport .zonetext .btn_actions .hero_btn:hover        {transform: translateY(-2px);}
.infoport .zonetext .btn_actions .hero_btn_primary      {color: #fff; background: #e85d49; border: 2px solid #e85d49; }
.infoport .zonetext .btn_actions .hero_btn_primary span {margin-left: 12px; font-size: 1em; line-height: 1;}
.infoport .zonetext .btn_actions .hero_btn_primary:hover {background: var(--color_theme); border-color: var(--color_theme); box-shadow: 0 6px 16px rgba(0, 0, 0, .12); }
.infoport .zonetext .btn_actions .hero_btn_secondary    {color: #163b49; background: rgba(255, 255, 255, .55); border: 2px solid #315361; backdrop-filter: blur(2px);}
.infoport .zonetext .btn_actions .hero_btn_secondary:hover {background: rgba(255, 255, 255, .85);}
.infoport .zonetext .mans1                              {margin:50px auto 0px 0px; color:var(--background_head2);}
.infoport .zoneslog                                     {display: block; width:33%; height:100%;  position:relative;}
.infoport .zoneslog .mans2                              {position:absolute; top:6%; right:10%; width:auto; height: 180px; display:block; text-align:center; color:var(--background_gen);}
.infoport .zonedechireee                                {position:absolute; bottom:0px; left:0px; width:101%; height:60px; background-image:url('../img/fond/dechiree_001.svg'); background-repeat: no-repeat; background-position: center center; background-size: 100% 100%; display:block;}

.infoprod                                               {width:100%; height:auto; position:relative; background:#fff; display: flex; flex-direction: row; justify-content:space-between; align-items: center; align-content: center; margin-top: -20px; overflow: hidden;}
.infoprod .zonetext                                     {display: flex; flex-direction: column; justify-content: center; align-items: flex-start; align-content: center; width:45%; height:auto; margin:0px; padding: 0px 20px; text-align: left;}   
.infoprod .zonetext h3                                  {margin: 0 0 18px; font-size: 16px; line-height: .95; font-weight: 800; color:var(--color_theme); text-align:left;}
.infoprod .zonetext h2                                  {margin: 20px 0 30px !important; font-size: clamp(1.5rem, 3.8vw, 3.0rem); line-height: 0.85em !important; font-weight: 800 !important; letter-spacing: -0.04em !important; color: #082f43 !important; text-align: left;}
.infoprod .zonetext p                                   {font-size: 1rem !important; line-height: 1.45 !important;; font-weight:normal !important;  color: #163b49; text-align: left;}
.infoprod .zonetext .btn_actions                        {display: flex; align-items: center; gap: 18px; flex-wrap: wrap; margin-top: 30px;}
.infoprod .zonetext .btn_actions .hero_btn              {display: inline-flex; align-items: center; justify-content: center; min-height: 45px; padding: 0 20px; border-radius: 8px; font-size: 1rem; font-weight: 600; text-decoration: none; transition: transform .2s ease, background-color .2s ease, box-shadow .2s ease;}
.infoprod .zonetext .btn_actions .hero_btn:hover        {transform: translateY(-2px);}
.infoprod .zonetext .btn_actions .hero_btn_primary      {color: #fff; background: #e85d49; border: 2px solid #e85d49; }
.infoprod .zonetext .btn_actions .hero_btn_primary span {margin-left: 12px; font-size: 1em; line-height: 1;}
.infoprod .zonetext .btn_actions .hero_btn_primary:hover {background: var(--color_theme); border-color: var(--color_theme); box-shadow: 0 6px 16px rgba(0, 0, 0, .12); }
.infoprod .zonetext .zicos                              {display: flex; align-items: center; flex-direction:row; gap: 100px; justify-content: space-between; margin-top: 35px; width:auto; height:auto; width:auto; }
.infoprod .zonetext .zicos .elemico                     {display: flex; align-items: center; flex-direction:column; gap: 8px; flex-wrap: wrap; width:auto; height:auto;}
.infoprod .zonetext .zicos .elemico i                   {font-size: 3.3rem !important; color: #163b49; margin:0px auto !important;}
.infoprod .zonetext .zicos .elemico p                   {font-size: 0.8rem !important; text-align: center;}
.infoprod .zoneimg                                      {display: flex; flex-direction: column; justify-content: center; align-items: center; align-content: center; width:45%; height:auto; margin:0px 0px 0px auto; padding: 0px 20px; text-align: right;}        
.infoprod .zoneimg .blimg1                              {width:100%; height:auto; display:block; margin:0px auto 0px auto; text-align:center; position:relative; overflow:hidden; }
.infoprod .zoneimg .blimg1 img                          {width:100%; height:auto; display:block; margin:0px auto 0px auto; text-align:center; transition:all .3s ease-out;}
.infoprod .zoneimg .blimg1 .zonedechireee               {position:absolute; top:0px; left:0px; width:101%; height:100%; background-image:url('../img/fond/dechiree_002.svg'); background-repeat: no-repeat; background-position: center center; background-size: 100% 100%; display:block;}
.infoprod .zoneimg .zoneslog                            {display: block; width:auto; height:auto; position:absolute; top:12%; right:6%;}
.infoprod .zoneimg .zoneslog .mans2                     {width:auto; height:100px; display:block; text-align:center; color:#163b49; position:relative; }

.lastprod                                               {width: calc(100% - 40px); height:auto; position:relative; background-color:#fffcf4; background-image: url('../img/fond/fond_topographie.svg');display: block; margin-bottom: 30px; overflow: hidden; padding: 80px 20px 100px 20px}
.lastprod:before                                        {position: absolute; top: 0px; left: 0px; width: 101%; height: 40px; background-image: url('../img/fond/dechiree_001.svg'); background-repeat: no-repeat; background-position: center center; background-size: 100% 100%; display: block; transform: rotate(180deg); content: ''; z-index: 1;}                     
.lastprod:after                                         {position: absolute; bottom: 0px; left: 0px; width: 101%; height: 40px; background-image: url('../img/fond/dechiree_001.svg'); background-repeat: no-repeat; background-position: center center; background-size: 100% 100%; display: block; content: ''; z-index: 1;}                     
.lastprod h3                                            {margin: 0 0 18px; font-size: 16px; line-height: .95; font-weight: 800; color:var(--color_theme); text-align:left;}
.lastprod h2                                            {margin: 20px 0 30px !important; font-size: clamp(1.5rem, 3.8vw, 3.0rem); line-height: 0.85em !important; font-weight: 800 !important; letter-spacing: -0.04em !important; color: #082f43 !important; text-align: left;}
.lastprod .speclink                                     {font-size: 0.9rem; line-height: 1.45em; font-weight:normal;  color: #163b49; text-align: left; text-decoration: none; border-bottom: 2px solid var(--color_theme); transition: all .2s ease-out; text-align: right; }
.lastprod .speclink:hover                               {padding-bottom: 2.5px; box-shadow: 0 6px 16px rgba(0, 0, 0, .12);}
.lastprod .gridprod                                     {width: 100%; height: auto; display: flex; flex-direction: row; justify-content:center; gap: 20px; align-items: center; align-content: flex-start; transition: all .250s ease-out; }
.lastprod .gridprod .row_prod				            {width:calc(25% - 15px); height:auto; display: flex; flex-direction: column; background:#fff; color:#353535; margin:0px; padding: 0px 0px 15px 0px; transition:all .2s ease-out; border-radius: 7px; max-width: 320px; box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.025);}
.lastprod .gridprod .row_prod:hover 			        {box-shadow:0px 0px 5px rgba(0,0,0,0.1) ;}
.lastprod .gridprod .row_prod:hover .inner .back_img img 				    {transform: scale(1.05); transition: all .2s ease-out;}
.lastprod .gridprod .inner                              {position: relative; width: 100%; height: 100%; margin: 0px; display: block; border-radius: 7px;}
.lastprod .gridprod .nowayclass                         {width:100%; height:100%; display: flex; flex-direction: column; border-radius: 7px;}
.lastprod .gridprod .inner .title 					    {width:calc(100% - 30px); height:auto; display:block; font-size:14px; line-height:1.2em; text-align:left; font-weight:bold; color:#333; padding:9px 0px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; margin:0px auto;}
.lastprod .gridprod .inner .description 				{width:calc(100% - 30px); height:40px; max-height:43px; display:block; font-size:12px; line-height:1.3em; text-align:left; font-weight:normal; color:#666; padding:9px 0px; overflow:hidden; text-overflow: ellipsis; white-space: break-spaces; margin: 3px auto;}
.lastprod .gridprod .inner .contener_img_1			    {width:80%; height:480px; display:block; z-index:2; overflow:hidden; }
.lastprod .gridprod .inner .back_img					{width:100%; height:auto; max-height:300px; display:flex; text-align: center; margin:0px auto 10px auto; position: relative; overflow:hidden; aspect-ratio: 1; border-top-left-radius: 7px; border-top-right-radius: 7px;}
.lastprod .gridprod .inner .back_img img 				{position:absolute; top:0px; width:100%; margin:0px auto;}
.lastprod .gridprod .inner .back_img .kado              {position:absolute; display: block; top:20px; right:20px; width:35px; height:35px; background-image:url('../img/boutons/gift.png'); background-position: center center; background-repeat: no-repeat; background-size: cover; animation: bounce 2s ease infinite;}
.lastprod .gridprod .inner .zone-price				    {width:calc(100% - 30px); margin:8px auto 8px auto; font-size:18px; font-weight:bold; line-height:1.2em; color:var(--background_head2); text-align:right; display: flex; align-items:flex-start; justify-content:flex-start;}
.lastprod .gridprod .inner .zone-price sup			    {vertical-align: super; font-size: 13px;}
.lastprod .gridprod .inner .zone-price .zone-price_ht  {width:auto; font-size:12px; font-weight:normal; color:#afafaf; margin:0px 0px 0px 5px; line-height: 28px;}
.lastprod .gridprod .inner .zone-price .zone-price_ht sup {vertical-align: super; font-size: 11px;}
.lastprod .gridprod .inner .refinterne 				    {font-size:11px; color:#999; margin:5px 0px; width:100%; text-align: center;} 
.lastprod .gridprod .inner .logointerne                 {width:100%; height:26px; position:relative;}
.lastprod .gridprod .inner .infomarque				    {position: absolute; top:0px; right:15px;}
.lastprod .gridprod .inner .infomarque img 			    {width:85px;}
.lastprod .gridprod .inner .tag                        {background: #eee; border-radius: 3px 0 0 3px; color: #999; display: inline-block; height: 26px; line-height: 26px; padding: 0 20px 0 23px; position: absolute; top:0px; left: 10px; margin: 0 10px 10px 0; text-decoration: none;}
.lastprod .gridprod .inner .tag::before                {background: #fff; border-radius: 10px; box-shadow: inset 0 1px rgba(0, 0, 0, 0.25); content: ''; height: 6px; left: 10px; position: absolute; width: 6px; top: 10px;}
.lastprod .gridprod .inner .tag::after                 {background: #fff; border-bottom: 13px solid transparent; border-left: 10px solid #eee; border-top: 13px solid transparent; content: ''; position: absolute; right: 0; top: 0; }
.lastprod .gridprod .inner .nouveau                    {background:#fffb00; color:#000;}
.lastprod .gridprod .inner .nouveau:after              {border-left: 10px solid #fffb00;}
.lastprod .gridprod .inner .promo                      {background:#4be064; color:#000;}
.lastprod .gridprod .inner .promo:after                {border-left: 10px solid #4be064;}
.lastprod .gridprod .inner .destock                    {background:var(--color_theme); color:#fff;}
.lastprod .gridprod .inner .destock:after              {border-left: 10px solid var(--color_theme);}
.lastprod .gridprod .inner .zoneaction                {width: calc(100% - 30px); height:45px; display: flex; align-items: center; justify-content: space-around; padding-top: 20px; margin: 0px auto; }
.lastprod .gridprod .inner .zoneaction .addcart                              {position: relative;  border: solid 1px var(--color_theme); color: var(--background_gen); padding: 10px 20px; margin: 0; cursor: pointer; width:calc(50% - 50px); background:var(--color_theme); text-align: center; display: flex; transition: all .2s ease-out; border-radius:7px;}
.lastprod .gridprod .inner .zoneaction .addcart svg                          {height:1.4em; margin: 0px auto;}
.lastprod .gridprod .inner .zoneaction .addcart:hover                        {background: var(--color_theme_h); transform: translateY(-2px);}
.lastprod .gridprod .inner .zoneaction .nocart                               {position: relative; margin: 0; width: 92px; text-align: center; display: flex; transition: all .2s ease-out;}
.lastprod .gridprod .inner .zoneaction .viewdet                              {position: relative;  border: solid 1px var(--color_theme); color: var(--background_gen); padding: 10px 20px; margin: 0; cursor: pointer; width: calc(50% - 50px); background:#fffcf4; text-align: center; display: flex; transition: all .2s ease-out; border-radius:7px;}
.lastprod .gridprod .inner .zoneaction .viewdet svg                          {height:1.4em; margin: 0px auto;}
.lastprod .gridprod .inner .zoneaction .viewdet:hover                        {background:var(--color_theme_h); transform: translateY(-2px);}
@keyframes bounce {
    70% { transform:translateY(0%); }
    80% { transform:translateY(-10%); }
    90% { transform:translateY(0%); }
    95% { transform:translateY(-5%); }
    97% { transform:translateY(0%); }
    99% { transform:translateY(-2.5%); }
    100% { transform:translateY(0); }
}

.infcomm                                                {width:100%; margin:0px auto 50px auto; height:auto; position:relative; background:#fff; display: flex; flex-direction: column; justify-content:space-between; align-items: center; align-content: center; overflow: hidden;}
.infcomm .zonetext                                      {display: flex; flex-direction: column; justify-content: center; align-items: flex-start; align-content: center; width:100%; height:auto; margin:0px; padding: 0px 20px; text-align: center;}   
.infcomm .zonetext h3                                   {margin: 0 0 18px; font-size: 16px; line-height: .95; font-weight: 800; color:var(--color_theme); text-align:center; width: 100%; margin: 0px auto;}
.infcomm .zonetext h2                                   {margin: 20px 0 60px 0 !important; font-size: clamp(1.5rem, 3.8vw, 3.0rem); line-height: 0.85em !important; font-weight: 800 !important; letter-spacing: -0.04em !important; color: #082f43 !important; text-align: center;}
.infcomm .gridcard                                      {width: 100%; height: auto; display: flex; flex-direction: row; justify-content:center; gap: 20px; align-items: center; align-content: flex-start; transition: all .250s ease-out; }
.infcomm .gridcard .row_card				            {width:calc(25% - 15px); height:auto; display: flex; flex-direction: column; background:#fff; color:#353535; margin:0px; padding: 0px 0px 15px 0px; transition:all .2s ease-out; border-radius: 7px; max-width: 320px;}
.infcomm .gridcard .row_card .icoround                  {width: 110px; height: 110px; border-radius: 50%; background: #fffcf4; display: flex; align-items: center; justify-content: center; margin: 0 auto 22px auto;}
.infcomm .gridcard .row_card .icoround i                {color: #082f43bd; font-size: 60px !important;}
.infcomm .gridcard .row_card .text                      {font-size: 14px; line-height: 1.4; text-align: center; padding: 10px; width: 80%; margin: 0px auto; display: flex; flex-direction: column; justify-content: center; align-items: center; align-content: center;}
.infcomm .gridcard .row_card .text h4                   {margin: 0px auto 20px auto; font-weight: bold;}
.infcomm .gridcard .row_card .text p                    {margin: 0px; padding: 0px;}

.bandgraf                                               {width:100%; height:450px; background:url('../img/illustration/fond_accueil_003.jpg') center center no-repeat; background-size: cover; display: flex; flex-direction: column; justify-content: center; align-items: center; align-content: center; margin: 0px auto 50px auto; position: relative;}
.bandgraf:before                                        {position: absolute; top: 0px; left: -1px; width: 101%; height: 40px; background-image: url('../img/fond/dechiree3_1.svg'); background-repeat: no-repeat; background-position: center center; background-size: 100% 100%; display: block; content: ''; z-index: 1;}
.bandgraf:after                                         {position: absolute; bottom: 0px; left: -1px; width: 101%; height: 40px; background-image: url('../img/fond/dechiree3_2.svg'); background-repeat: no-repeat; background-position: center center; background-size: 100% 100%; display: block; content: ''; z-index: 1;}
.bandgraf .zoneslog                                     {width:calc(100% - 150px); height: 100%; margin:0px auto; position: relative; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; align-content: center;}
.bandgraf .zoneslog .mans2                              {width:auto; height: 180px; display:block; text-align:center; color:var(--background_gen); transform: rotate(-13deg); }

.infofaqs                                               {width:100%; height:auto; position:relative; background:#fff; display: flex; flex-direction: row; justify-content:space-between; align-items: center; align-content: center; margin:0px auto 20px auto;}
.infofaqs .zonetext                                     {display: flex; flex-direction: column; justify-content: center; align-items: flex-start; align-content: center; width:40%; height:auto; margin:0px; padding: 0px 20px; text-align: left;}   
.infofaqs .zonetext h3                                  {margin: 0 0 18px; font-size: 16px; line-height: .95; font-weight: 800; color:var(--color_theme); text-align:left;}
.infofaqs .zonetext h2                                  {margin: 20px 0 30px !important; font-size: clamp(1.5rem, 3.8vw, 3.0rem); line-height: 0.85em !important; font-weight: 800 !important; letter-spacing: -0.04em !important; color: #082f43 !important; text-align: left;}
.infofaqs .zoneslog                                     {width:auto; height: 100%; margin:0px 100px 0px 0px; position: relative; display: flex; flex-direction: column; justify-content: center; align-items: flex-end; align-content: center;}
.infofaqs .zoneslog .mans2                              {width:auto; height: 95px; display:block; text-align:center; font-size:33px; transform: rotate(-13deg); color: #082f43 !important;}
.infofaqc                                               {width:100%; height:auto; position:relative; background:#fff; display: flex; flex-direction: row; justify-content:space-between; align-items: center; align-content: center; overflow: hidden; margin: 0px auto 50px auto;}
.infofaqc .zonefaq                                      {width:100%; max-width: 1110px; padding: 0px 0px 20px 20px;}
.infofaqc .faqitem                                      {width: 100%; margin: 0 0 18px 0; background: #fffcf9; border-radius: 5px; box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.025); overflow: hidden; transition: box-shadow .25s ease; }
.infofaqc .faqitem:last-child                           {margin-bottom: 0;}
.infofaqc .faqitem:hover                                {box-shadow: 0 5px 18px rgba(0, 0, 0, 0.11);}
.infofaqc .faqquestion                                  {width: 100%; min-height: 45px; padding: 3px 28px; display: flex; align-items: center; justify-content: space-between; gap: 25px; box-sizing: border-box; color: #123846; font-size: 15px; font-weight: 600; cursor: pointer; user-select: none;}
.infofaqc .faqquestion>span:first-child                 {flex: 1;}
.infofaqc .faqplus                                      {width: 22px; height: 22px; position: relative; flex: 0 0 22px;}
.infofaqc .faqplus::before, .infofaqc .faqplus::after   {content: ""; position: absolute; top: 50%; left: 50%; width: 18px; height: 2px; background: #123846; border-radius: 2px; transform: translate(-50%, -50%); transition: transform .25s ease, opacity .25s ease;}
.infofaqc .faqplus::after                               {transform: translate(-50%, -50%) rotate(90deg);}
.infofaqc .faqitem.active .faqplus::after               {transform: translate(-50%, -50%) rotate(0deg); opacity: 0;}
.infofaqc .faqanswer                                    {display: none;}
.infofaqc .faqanswerin                                  {padding: 0 70px 25px 28px; color: #667278; font-size: 15px; line-height: 1.6;}

.infocont                                               {width:100%; height:auto; min-height: 100px; position:relative; background:#163041; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; align-items: stretch; align-content: stretch; margin:0px auto;}
.infocont:before                                        {position: absolute; top: 0px; left: -1px; width: 101%; height: 40px; background-image: url('../img/fond/dechiree_001.svg'); transform:rotate(180deg); background-repeat: no-repeat; background-position: center center; background-size: 100% 100%; display: block; content: ''; z-index: 1;}
.infocont .zonetext                                     {display: flex; flex-direction: column; justify-content: center; align-items: flex-start; align-content: center; width:35%; height:auto; margin:0px; padding: 90px 0px 50px 20px; text-align: left; color:#ddd;}   
.infocont .zonetext h3                                  {margin: 0 0 18px; font-size: 16px; line-height: .95; font-weight: 800; color:var(--color_theme); text-align:left;}
.infocont .zonetext h2                                  {margin: 20px 0 30px !important; font-size: clamp(1.5rem, 3.8vw, 3.0rem); line-height: 1.2em !important; font-weight: 800 !important; letter-spacing: -0.04em !important; color: #fff !important; text-align: left;}
.infocont .zonetext p                                   {width:auto; max-width:320px;}
.infocont .zonetext .btn_actions                        {display: flex; align-items: center; gap: 18px; flex-wrap: wrap; }
.infocont .zonetext .btn_actions .hero_btn              {display: inline-flex; align-items: center; justify-content: center; min-height: 45px; padding: 0 20px; margin:20px 0px; border-radius: 8px; font-size: 1rem; font-weight: 600; text-decoration: none; transition: transform .2s ease, background-color .2s ease, box-shadow .2s ease;}
.infocont .zonetext .btn_actions .hero_btn:hover        {transform: translateY(-2px);}
.infocont .zonetext .btn_actions .hero_btn_primary      {color: #fff; background: #e85d49; border: 2px solid #e85d49; }
.infocont .zonetext .btn_actions .hero_btn_primary span {margin-left: 12px; font-size: 1em; line-height: 1;}
.infocont .zonetext .btn_actions .hero_btn_primary:hover {background: var(--color_theme); border-color: var(--color_theme); box-shadow: 0 6px 16px rgba(0, 0, 0, .12); }
.infocont .zonetext .btn_actions .hero_btn_secondary    {color: #163b49; background: rgba(255, 255, 255, .55); border: 2px solid #315361; backdrop-filter: blur(2px);}
.infocont .zonetext .btn_actions .hero_btn_secondary:hover {background: rgba(255, 255, 255, .85);}
.infocont .zoneimg                                      {display: flex; flex-direction: column; justify-content: center; align-items: center; align-content: center; width:55%; height:auto; margin:0px 0px 0px auto; padding: 0px; text-align: right;}        
.infocont .zoneimg .blimg1                              {width:100%; height:100%; display:block; margin:0px auto 0px auto; text-align:center; position:relative; overflow:hidden; position:relative; background-image:url('../img/illustration/fond_accueil_004.jpg'); background-repeat: no-repeat; background-position:right center; background-size: cover;}
.infocont .zoneimg .blimg1 .inner                       {width:100%; height:100%;}
.infocont .zoneimg .blimg1 .zonedechireee               {position:absolute; top:0px; left:0px; width:101%; height:80px; background-image:url('../img/fond/cadreimgbleu.svg'); transform:rotate(90deg); translate: calc(-50% + 40px) 130%; background-repeat: no-repeat; background-position: center center; background-size: 100% 100%; display:block;}




@media screen and (min-width:1201px) and (max-width:1366px) {
    .infoprod .zoneimg .zoneslog                        {top:3%}
    .infoprod .zonetext                                 {width:30%}
    .infoprod .zoneimg                                  {width:65%}
    .infocont .zoneimg .blimg1 .zonedechireee           {top: 70px;}
}
@media screen and (min-width:993px) and (max-width:1200px) {
    .infoprod .zoneimg .zoneslog                        {top:3%}
    .infoprod .zonetext                                 {width:30%}
    .infoprod .zoneimg                                  {width:65%}
    .infocont .zoneimg .blimg1 .zonedechireee           {top: 25%;}
}
@media screen and (min-width:769px) and (max-width:992px) {
    .infoprod .zoneimg .zoneslog                        {top:3%}
    .lastprod .gridprod                                 {flex-wrap: wrap;}
    .lastprod .gridprod .row_prod                       {width: calc(50% - 15px);}
    .infocont .zoneimg .blimg1 .zonedechireee           {top: 25%; width:130%;}
}
@media screen and (min-width:481px) and (max-width:768px) {
    .infoport .zonetext                                 {width:60%}
    .infoprod                                           {flex-direction: column;}
    .infoprod .zonetext                                 {width: calc(100% - 30px);}
    .infoprod .zoneimg                                  {width: calc(100% - 30px);}
    .infoprod .zoneimg .zoneslog                        {top:0;}
    .lastprod .gridprod                                 {flex-wrap: wrap;}
    .lastprod .gridprod .row_prod                       {width: calc(50% - 15px);}
    .infcomm .gridcard                                  {flex-wrap: wrap;}
    .infcomm .gridcard .row_card                        {width: calc(50% - 15px);}
    .infofaqs .zoneslog                                 {margin: 0px 40px 0px 0px;}
    .infocont                                           {flex-direction: column;}
    .infocont .zonetext                                 {width: calc(100% - 30px);}
    .infocont .zoneimg                                  {width: 100%;}
    .infocont .zoneimg .blimg1                          {height: 350px; width: 100%;}
    .infocont .zoneimg .blimg1 .zonedechireee           {transform: rotate(180deg); translate:none;}
}
@media screen and (min-width:100px) and (max-width:480px) {
    .infoport .zonetext                                 {width:60%}
    .infoprod                                           {flex-direction: column;}
    .infoprod .zonetext                                 {width: calc(100% - 30px);}
    .infoprod .zonetext .zicos                          {gap:10%; }
    .infoprod .zoneimg                                  {width: calc(100% - 30px);}
    .infoprod .zoneimg .zoneslog                        {top:0;}
    .lastprod .gridprod                                 {flex-wrap: wrap;}
    .lastprod .gridprod .row_prod                       {width: calc(100% - 30px);}
    .infcomm .gridcard                                  {flex-wrap: wrap;}
    .infcomm .gridcard .row_card                        {width: calc(100% - 30px);}
    .infofaqs .zoneslog                                 {margin: 0px 40px 0px 0px;}
    .infocont                                           {flex-direction: column;}
    .infocont .zonetext                                 {width: calc(100% - 30px);}
    .infocont .zoneimg                                  {width: 100%;}
    .infocont .zoneimg .blimg1                          {height: 350px; width: 100%;}
    .infocont .zoneimg .blimg1 .zonedechireee           {transform: rotate(180deg); translate:none;}
}