/* Reset */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, em, img, ins, q, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, summary, time, mark, audio, video{ margin:0; padding:0; border:0; font-size:100%; font:inherit; vertical-align:baseline; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, video, img{ display:block; }
ul{ list-style-type:none; }
img{ border:none; vertical-align:bottom; }
a{ text-decoration:none; }
/* END reset */

/* FUENTES */
@font-face {font-family:'Arial new';src:url('../fonts/arial_black.ttf') format('truetype');font-weight:900;font-style:normal}
@font-face {font-family:'Arial new';src:url('../fonts/arial_black_italic.ttf') format('truetype');font-weight:900;font-style:italic}
@font-face {font-family:'Arial new';src:url('../fonts/arial_bold.ttf') format('truetype');font-weight:700;font-style:normal}
@font-face {font-family:'Arial new';src:url('../fonts/arial_bold_italic.ttf') format('truetype');font-weight:700;font-style:italic}
@font-face {font-family:'Arial new';src:url('../fonts/arial_normal.ttf') format('truetype');font-weight:500;font-style:normal}
@font-face {font-family:'Arial new';src:url('../fonts/arial_normal_italic.ttf') format('truetype');font-weight:500;font-style:italic}
@font-face {font-family:'Arial new';src:url('../fonts/arial_light.ttf') format('truetype');font-weight:300;font-style:normal}
@font-face {font-family:'Arial new';src:url('../fonts/arial_light_italic.ttf') format('truetype');font-weight:300;font-style:italic}
/* ... y así con cada variante */

/* END FUENTES */

:root{
  --mainColor:#5225b5;
  --secondaryColor:#CF6222;
  --greenColor:#3C6837;
  --greyColor:#8F8F8F;
  --white:#ffffff;
  --primaryFont:"Arial new";
  --secundaryFont:Verdana;
  --main:1.46vw;
  --radius:1.2vw;
  --radius2:2vw;
  --bigRadius:20vw;
  --bodyColor:#faf8f5;
  --graphHeight:13.5vh;
  --graphColor:#C40E51;
  --popupShadow:0 0 1vw 0 rgba(0,0,0,0.4);
  --filterMain:brightness(0) saturate(100%) invert(18%) sepia(45%) saturate(5591%) hue-rotate(253deg) brightness(82%) contrast(94%);
}
html{width:100%;height:100%;overflow:hidden}
body{font-family:var(--primaryFont);font-size:var(--main);background:var(--bodyColor)}
body header.header{position:relative;z-index:1}
body sup{position:relative;font-size:60%;top:-0.5em}
body sub{position:relative;font-size:60%;bottom:-0.4em}
.container{width:100%;height:100vh;display:grid;grid-template-rows:6.51% 1fr 7%}
nav.main_menu{background:var(--mainColor);width:100%;height:100%;display:grid;grid-template-columns:7.6% repeat(7, 1fr);align-items:center}
nav.main_menu a{font-family:var(--secundaryFont);color:var(--white);text-transform:uppercase;font-size:76.666%;text-align:center;font-weight:normal;height:66%;display:grid;align-items:center;-webkit-text-stroke:1px currentColor}
nav.main_menu a.item_00{background:url(../images/ico_home.svg?v=6) no-repeat center;background-size:34%;overflow:hidden;text-indent:-99999px}
nav.main_menu a:not(:first-child){border-left:2px solid var(--white)}
nav.main_menu sup{font-size:60%;top:-0.6em}
nav.main_menu a.active{border:0;background-color:var(--secondaryColor);margin:0;height:100%;-webkit-border-bottom-right-radius:var(--radius);-webkit-border-bottom-left-radius:var(--radius);-moz-border-radius-bottomright:var(--radius);-moz-border-radius-bottomleft:var(--radius);border-bottom-right-radius:var(--radius);border-bottom-left-radius:var(--radius);pointer-events:none}
nav.main_menu a.active + .item{border:0}
nav.main_menu a.hide{pointer-events:none}
nav.main_menu a.hide span{opacity:0.2}
footer.footer{display:grid;width:100%;grid-template-columns:15.5% 1fr 15.5%;align-items:center;text-align:center;font-weight:700;color:var(--white);position:relative;z-index:1}
footer.footer *{height:100%;display:grid;align-items:center}
footer.footer p{background-color:var(--mainColor);-webkit-border-top-right-radius:var(--radius2);-moz-border-radius-topright:var(--radius2);border-top-right-radius:var(--radius2);margin-left:-2px;font-weight:700}
footer.footer .dr_logo{background:var(--mainColor) url(../images/logo_dr.svg?v=6) no-repeat center;text-indent:-99999px;overflow:hidden;background-size:auto 66%}
footer.footer .footer_logo{background:url(../images/xbonzy_logo.png?v=6) no-repeat center;background-size:64%;overflow:hidden;text-indent:-99999px}
footer.footer::before{content:"";position:absolute;background:url(../images/footer.svg?v=6) no-repeat left bottom;width:8vw;height:8vw;top:-8vw;pointer-events:none;background-size:cover;margin-top:1px}
footer.footer .subnav{position:absolute;bottom:6.1vh;width:57vw;height:3.5vh;left:50%;transform:translateX(-50%);display:grid;grid-template-columns:repeat(3, 1fr);gap:3vw}
footer.footer .subnav a{background:var(--greenColor);border-radius:3vw;color:var(--white);font-size:75%;font-weight:500;-webkit-text-stroke:1px currentColor}
section.main_content{position:relative}
nav.pagination{position:absolute;top:4vw;left:0;width:100%;pointer-events:none;z-index:1}
nav.pagination a{position:absolute;top:0;right:0;width:3.8vw;background:#faf8f5 url(../images/arrows.svg?v=6) no-repeat center;height:7.6vw;left:auto;overflow:hidden;text-indent:-9999px;pointer-events:all;-webkit-border-top-left-radius:var(--bigRadius);-webkit-border-bottom-left-radius:var(--bigRadius);-moz-border-radius-topleft:var(--bigRadius);-moz-border-radius-bottomleft:var(--bigRadius);border-top-left-radius:var(--bigRadius);border-bottom-left-radius:var(--bigRadius)}
nav.pagination a.prev{left:0;right:auto;transform:rotate(180deg)}
body .main_content{padding:4% 8.4%}
.biColor{color:var(--mainColor)}
.biColor strong{color:var(--greenColor)}
body .main_content strong{font-weight:700}
body h1{font-family:var(--secundaryFont)}
.autoScroll::-webkit-scrollbar{width:0.8vw}
.autoScroll::-webkit-scrollbar-track{background:#EDEDED;border-radius:0.4vw}
.autoScroll::-webkit-scrollbar-thumb{background:var(--secondaryColor);border-radius:0.4vw}
ul.arrows li{position:relative}
ul.arrows > li::before{content:"";position:absolute;width:1.5vw;height:1.5vw;left:-2vw;background:url(../images/arrow_colors.svg?v=6) no-repeat center}
ul.dots{padding-left:2.2vw;list-style-type:disc}
ul.dots .no_dots{list-style:none;margin-left:-1vw}
.owl-theme .owl-dots .owl-dot span{width:1.2vw;height:1.2vw;margin:0.2vw 0.4vw}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span{opacity:50%}
.owl-theme .owl-dots .owl-dot span{background-color:var(--secondaryColor)!important}
body .main_content .main_slider{position:absolute}
p.pill{background:var(--greenColor);padding:2.1vh 11%;width:81%;border-radius:12vw;text-align:center;text-transform:uppercase;font-size:100%;font-weight:700;line-height:120%;color:var(--white);margin-top:-1vh}
p.pill.blue{background-color:var(--secondaryColor)}
p.pill.grey{background-color:var(--greyColor)}
p.pill.main{background-color:var(--mainColor)}

p.legal{font-size:60.4%;width:61vw;position:absolute;bottom:3vh}

body.slidePage .main_content{padding:0}
body.slidePage .main_content .owl-item .slide{padding:4% 8.4%;height:76vh;width:83.20%}
body.slidePage .owl-theme .owl-nav.disabled+.owl-dots{position:absolute;bottom:4vh;left:0;width:100vw;margin-top:0}
body h1{font-size:168%}
a.blue_cta{margin:0 auto;display:inline-block;background:var(--mainColor);text-align:center;padding:0.9vh 5vw 0.9vh 3vw;border-radius:12vw;color:var(--white);position:relative;font-weight:normal;font-size:88%}
a.blue_cta::after{content:"";position:absolute;top:50%;right:0;width:4vw;height:4vw;background:url(../images/plus_white.svg?v=6) no-repeat center;transform:translateY(-50%);border-radius:var(--bigRadius);background-size:80%}

/* TABLES */
table.style_001{font-size:82%}
table.style_001 th{background:var(--secondaryColor);color:var(--white);font-size:85%;font-weight:bold !important;text-align:left;padding:0.4vh 0.8vw;vertical-align:middle;line-height:105%}
table.style_001 th:first-child{-webkit-border-top-left-radius:var(--bigRadius);-webkit-border-bottom-left-radius:var(--bigRadius);-moz-border-radius-topleft:20vw;-moz-border-radius-bottomleft:20vw;border-top-left-radius:var(--bigRadius);border-bottom-left-radius:var(--bigRadius)}
table.style_001 th:last-child{-webkit-border-top-right-radius:var(--bigRadius);-webkit-border-bottom-right-radius:var(--bigRadius);-moz-border-radius-topright:20vw;-moz-border-radius-bottomright:20vw;border-top-right-radius:var(--bigRadius);border-bottom-right-radius:var(--bigRadius)}
table.style_001 tbody td{vertical-align:middle;border-bottom:0.05vh solid var(--greenColor);height:2.4vh}
table.style_001 td.check{position:relative}
table.style_001 td.check::before{content:"";width:2vw;height:2vw;position:absolute;background:url(../images/check.svg?v=6) no-repeat center;background-size:74%;left:50%;top:50%;transform:translate(-50%, -56%)}
table.style_001 .col_01{width:31%;font-weight:700}
table.style_001 .col_02{width:37%}
/* END TABLES */


/* POPUPS */
.popup.open{position:absolute;top:0;left:0;width:100%;height:100vh;background:#ffffffcc;z-index:30;display:grid;align-items:center}
body:not(.popup_opened) .popup.open{display:none}
.popup.open .wrap{position:relative;background-color:#faf8f5;width:73vw;height:62vh;overflow:hidden;margin:14vh 7vw;padding:6vh 3vw 6vh 10vw;border-radius:var(--radius2);box-shadow:var(--popupShadow);-webkit-box-shadow:var(--popupShadow);-moz-box-shadow:var(--popupShadow)}
.popup.open .wrap-popup{display:grid;grid-template-rows:max-content 1fr;gap:2vh;height:64vh}
.popup.open .wrap-popup .autoScroll{overflow-y:auto;padding:0 2vw 0 0;position:relative}
.popup.open .wrap-popup h3{font-size:180%;color:var(--mainColor)}
.popup.open .cta.close{position:absolute;right:2.2vw;top:2.2vw;width:2.2vw;height:2.2vw;background:#faf8f5 url(../images/close.svg?v=6) no-repeat center;overflow:hidden;text-indent:-99999px;z-index:11;border-radius:12vw}

    #references ol.items li{font-size:65%;margin-bottom:1vh;line-height:105%}
    #references ol.items{padding-left:1.8vw;width:90%}

    #smpc .wrap-popup > h3{font-weight:normal;font-family:var(--secundaryFont);font-size:166%}
    #smpc .wrap-popup > h3 strong{font-weight:700;text-transform:uppercase;color:var(--greenColor)}
    #smpc .autoScroll{font-size:65%}
    #smpc .autoScroll h4{margin:1em 0;font-weight:700;font-size:120%}
    #smpc .autoScroll h5{margin:1em 0;font-weight:700}
    #smpc .autoScroll h6.line{margin:1em 0;text-decoration:underline}
    #smpc .autoScroll h6:not(.line){font-style:italic}
    #smpc .autoScroll p{margin-bottom:1em;line-height:100%}
    #smpc .autoScroll ul{list-style-type:disc;padding-left:2vw;margin-bottom:1em}
    #smpc .autoScroll strong{font-weight:800}
    #smpc .autoScroll table.table{border:0.05vw solid #404040;width:72%;margin:3vh 0}
    #smpc .autoScroll table.table th, #smpc .autoScroll table.table td{padding:0.5em 1em;border:0.05vw solid #404040}
    #smpc .autoScroll table.table .col_01{width:32%}
    #smpc .autoScroll table.table th{text-align:left;font-weight:800;padding:1em}
    #smpc .autoScroll p.legend{margin-top:1vh;margin-bottom:4vh}
    #smpc .autoScroll table.table_02{width:96%}
    #smpc .autoScroll table.table_02 .col_01{width:24%}
    #smpc .autoScroll table.table_02 th{text-align:center; vertical-align:middle;font-weight:normal;width:19%}
    #smpc .autoScroll table.table_02 td{text-align:center;width:19%;vertical-align:middle}
    #smpc .autoScroll table tr.title td{text-align:left;font-weight:700;padding:0.8em 1em}
    #smpc .autoScroll table .fix{position:sticky;top:0;background:#faf8f5;z-index:2}
    #smpc .pic{padding:2vw;background:var(--white);border-radius:2vw;height:33vh}
    #smpc .autoScroll table.table_03{width:84%}
    #smpc .autoScroll table.table_03 td{width:24%;text-align:center}
    #smpc .autoScroll table.table_03 thead td{font-weight:905}
    #smpc .autoScroll table.table_03 tr:not(.title) .col_01{width:52%;text-align:left}

    .common.popup:not(.open){pointer-events:none;opacity:0}
    .common.popup.open .wrap{padding:8vh 3vw 5vh 13vw;width:70vw}
    .common.popup.open h3{position:relative;font-family:var(--secundaryFont)}
    .common.popup.open ul.arrows{margin-left:2vw;margin-top:2vh;width:91%}
    .common.popup.open ul.arrows li{margin-bottom:2.2vh}
    .common.popup.open h3::before{content:"";position:absolute;width:5vw;height:5vw;background:url(../images/plus.svg?v=6) no-repeat center;top:-1.4vh;left:-6.7vw}
    .common.popup.open ul.arrows li::before{background-size:84%}
    
    #guideline.popup.open ul.arrows li strong{font-weight:700}
    #guideline.popup.open .wrap{padding:7.7vh 3vw 4.3vh 12vw;width:68.5vw;margin:14vh 7.5vw 11vh 9vw;height:63vh}
    #guideline.popup.open h3{font-size:167%;width:92%;margin-bottom:4vh}
    #guideline.popup.open h3::before{top:50%;transform:translateY(-50%)}
    #guideline.popup.open .wrap-popup .autoScroll{overflow:visible}
    #guideline.popup.open img.graph{margin-left:-7.6vw;margin-right:-0.6vw;height:40vh;object-fit:contain;object-position:center;width:112%}
    #guideline.popup.open p.legal{bottom:2vh;margin-left:-6.8vw}
    
    #safety.popup.open .wrap{padding:6.7vh 3vw 4.3vh 3.5vw;width:76.5vw;margin:14vh 8.5vw;height:64vh}
    #safety.popup.open h3{font-size:166%;margin-top:-1vh;width:80%}
    #safety.popup.open h3 strong{font-weight:700;color:var(--greenColor)}
    #safety.popup.open h3::before{display:none}
    #safety.popup.open ul.arrows{display:grid;grid-template-columns:64.8% 1fr;gap:0 4.6vw;margin-left:0;width:102%;margin-top:2vh}
    #safety.popup.open ul.arrows > li.doble{grid-column:span 2;margin-left:5vw;width:80%}
    #safety.popup.open ul.arrows > li strong{font-weight:700}
    #safety.popup.open ul.arrows > li.single{font-size:80%;margin-top:3vh}
    #safety.popup.open ul.arrows > li.no_arrows{margin:0}
    #safety.popup.open ul.arrows > li.single img.graph{margin-left:-6.8vw;margin-top:3.7vh;width:125%;height:23vh;object-fit:contain}
    #safety.popup.open ul.arrows > li.single::before{zoom:1.2;left:-1.9vw;top:7vh}
    #safety.popup.open ul.arrows > li.no_arrows::before{display:none}
    #safety.popup.open ul.arrows > li:last-child::after{content:"";position:absolute;height:56.5vh;width:0.2vw;background:var(--greenColor);top:-3vh;left:-2.9vw}
    #safety.popup.open  .wrap-popup .autoScroll{overflow:visible}
    #safety.popup.open .arrows p.pill{background:var(--secondaryColor);border-radius:5vw;width:69%;margin-top:-3vh;padding:4vh 14% 3.5vh;text-align:left;font-size:108%;text-transform:none;line-height:114%;margin-bottom:2.3vh}
    #safety.popup.open .arrows p:not(.pill){padding-left:2.7vw;width:75%;font-size:75%}
    #safety.popup.open .arrows p:not(.pill):not(:last-child){margin-bottom:1.6vh}
    #safety.popup.open p.legal{bottom:1.5vh;width:61%;padding-left:1.1vw;font-size:47.5%}
    #safety.popup.open p.legal span{font-size:82%}
    #safety.popup.open p.legal strong{font-weight:700}
    #safety.popup.open table.style_001 tr.green th{background:var(--greenColor)}
    #safety.popup.open table.style_001{--bigRadius:2.5vw;width:100%}
    #safety.popup.open table.style_001 th{padding:0.6vh 1vw;font-size:108%;font-weight:normal !important}
    #safety.popup.open table.style_001 .col_01, #safety.popup.open table.style_001 .col_02,
    #safety.popup.open table.style_001 .col_03, #safety.popup.open table.style_001 .col_04{width:25%}
    #safety.popup.open table.style_001 .no_radio{border-radius:0}
    #safety.popup.open table.style_001 .no_top_radio{border-radius:0;-webkit-border-bottom-right-radius:var(--bigRadius);-moz-border-radius-bottomright:var(--bigRadius);border-bottom-right-radius:var(--bigRadius)}
    #safety.popup.open table.style_001 .no_bottom_radio{border-radius:0;-webkit-border-top-right-radius:var(--bigRadius);-moz-border-radius-topright:var(--bigRadius);border-top-right-radius:var(--bigRadius)}
    #safety.popup.open table.style_001 tbody td{font-size:125%;padding:0.7vh 1.3vw;font-weight:normal}
    #safety.popup.open table.style_001 tbody td.col_03, #safety.popup.open table.style_001 tbody td.col_04{font-weight:700}

    #molecular.popup.open h3{font-family:var(--secundaryFont);font-size:168%;margin:5vh 0 1vh}
    #molecular.popup.open strong{font-weight:700}
    #molecular.popup.open .wrap{padding:2vh 0 5vh 0;width:86vw;height:67vh}
    #molecular.popup.open .slideItem{display:block;padding:0 10%;width:66%;height:67vh}
    #molecular.popup.open .slideItem img{width:100%;height:auto}
    #molecular.popup.open .owl-dots{position:absolute;width:86vw;bottom:2vw}
    #molecular.popup.open p.legal{bottom:1vh}

    #molecular.popup.open .posi_01{padding:0 5.2%;width:75.6%}
    #molecular.popup.open .posi_01 .colsTwo{display:grid;grid-template-columns:68.6% 1fr;gap:0 3vw}
    #molecular.popup.open .posi_01 h3{margin-bottom:3vh}
    #molecular.popup.open .posi_01 img{height:47.4vh;object-fit:contain;border-radius:2vw;width:auto}
    #molecular.popup.open .posi_01 ul.arrows{width:15.3vw;font-size:90%}
    #molecular.popup.open .posi_01 ul.arrows li{margin-top:2vh;margin-bottom:3.6vh}
    #molecular.popup.open .posi_01 ul.arrows > li::before{zoom:0.7;left:-2.9vw;top:0.4vh}
    #molecular.popup.open .posi_01  p.legal{position:static;margin:0.8vh 0 0 2vw;width:90%;font-size:67%}
    #molecular.popup.open .posi_01 .col_02 strong{color: var(--greenColor);}

    #molecular.popup.open .posi_02 h3{margin:3vh 0 2vh}
    #molecular.popup.open .posi_02{padding:0 11%;width:64%}
    #molecular.popup.open .posi_02 p.intro{font-size:101%;width:94%;margin-bottom:1.2vh}
    #molecular.popup.open .posi_02 img.graph{margin-left:-0.7vw;height:13.6vh;width:auto;margin-bottom:2.7vh}
    #molecular.popup.open .posi_02 p.pill{padding:0.7vh 0 0.4vh;font-size:74%;width:94%;margin-bottom:2vh}
    #molecular.popup.open .posi_02 ul.dots{column-count:2;column-gap:5vw;font-size:84%;width:80%;padding-left:6%;padding-right:6%;margin-left:0.5vw;margin-bottom:2.2vh;padding-bottom:2vh;border-bottom:0.15vw solid var(--greenColor)}
    #molecular.popup.open .posi_02 ul.dots li{margin-bottom:0.4vh}

    #molecular.popup.open .posi_03{padding:0 6.5%;width:78%;display:grid;grid-template-columns:60.5% 1fr;grid-template-rows:max-content 1fr 3vh;gap:1.5vh 4.9vw;height:67vh}
    #molecular.popup.open .posi_03 h3{margin-top:3vh;grid-column:span 2}
    #molecular.popup.open .posi_03 p.pill{height:min-content;font-size:87%;text-align:left;border-radius:5vw;width:15vw;margin-top:17.2vh;padding:3.4vh 10%;text-transform:none;font-weight:normal;line-height:115%}

    #molecular.popup.open .posi_04 h3{font-size:167%;margin-top:6vh;width:94%;margin-bottom:6.4vh}
    #molecular.popup.open .posi_04.slideItem{padding:0 7%;width:72%;height:60vh}
    #molecular.popup.open .posi_04 ul.arrows{padding:0 6.7vw;font-size:104%}
    #molecular.popup.open .posi_04 ul.arrows ul{padding:2.5vh 5.2vw 2.5vh 2.2vw;list-style-type:disc}
    #molecular.popup.open .posi_04 ul.arrows ul li{margin-bottom:1.4vh}
    #molecular.popup.open .posi_04 p.legal{bottom:0;padding-left:5.8vw}

    #molecular.popup.open .posi_05{padding:0 14%;width:58%;height:61vh}
    #molecular.popup.open .posi_05 ul.arrows{padding:3vh 3.7vw 0}
    #molecular.popup.open .posi_05 ul.arrows li{margin-bottom:3.5vh;line-height:118%}
    #molecular.popup.open .posi_05 ul.arrows li::before{width:2.5vw;height:2.5vw;left:-3.7vw;top:-0.2vh}

    .guideline_popups.open .wrap{margin:24vh 8.3vw;height:40vh;width:74.4vw;padding:7vh 4.5vw 6vh 4.5vw}
    .guideline_popups p.pill{width:max-content;padding:0.9vh 3.8% 0.7vh;margin-bottom:3.6vh;font-size:90%;font-weight:100}
    .guideline_popups strong{font-weight:700}
    .guideline_popups:not(#guideline_table2) table.style_001{height:34vh!important}
    .guideline_popups table.style_001 tbody td{height:auto}
    .guideline_popups.open .wrap-popup{display:inline-block;height:auto}
    #guideline_table2 table.style_001 tbody td{padding:1.3vh 0}
/* END POPUPS */

/* HOME */
body.slide_01 .main_content{padding:4% 10.4%}
body.slide_01{background-image:url(../images/home.png?v=6); background-size:cover; background-repeat:no-repeat; background-position:center}
body.slide_01 header nav.main_menu, body.slide_01 footer.footer .subnav{display:none}
body.slide_01 .main_content .mainLogo{background:url(../images/xbonzy_logo.png?v=6) no-repeat center;position:relative;left:-2.1vw;width:16.7vw;display:block;height:13vh;overflow:hidden;text-indent:-99999px;margin-bottom:9.3vh;background-size:contain}
body.slide_01 .main_content h1{color:var(--greenColor);font-size:456%;font-weight:700;line-height:63%;margin-bottom:3.6vh;margin-left:-2vw}
body.slide_01 .main_content h1 strong{font-style:normal;color:var(--secondaryColor);margin-bottom:4vh;font-style:italic;margin-left:0.6vw}
body.slide_01 .main_content h1 span{font-size:54%;line-height:100%}
body.slide_01 .main_content p{padding-left:1vw;font-size:87%;line-height:135%;position:relative;width:32%;margin-bottom:1.7vh}
body.slide_01 .main_content p:not(.extra)::before{content:"";position:absolute;width:1.25vw;height:1.25vw;background:url(../images/arrow_colors.svg?v=6) no-repeat center;background-size:contain;top:0.4vh;left:-1.6vw}
body.slide_01 nav.pagination a.prev{background:transparent;border-radius:0;top:-12vh;width:100%;height:93vh;z-index:1}
body.slide_01 .main_content p.extra{font-weight:700;font-size:135%;color:var(--greenColor)}
/* END HOME */

/* XBONZY */
body.slide_02 h1{text-transform:uppercase;font-size:167%;font-weight:800;line-height:152%;margin-bottom:-0.8vh}
body.slide_02 h2{font-family:var(--secundaryFont);font-size:167%;margin-bottom:5vh;color:var(--mainColor)}
body.slide_02 .main_content p{margin-bottom:6vh}
body.slide_02 ul.parts{height:35vh;display:grid;grid-template-rows:repeat(3, 1fr);position:relative;width:15vw;align-items:center;padding-left:8.7vw}
body.slide_02 ul.parts::before{z-index:0;content:"";position:absolute;width:6.6vw;height:93%;background:url(../images/joiner_001.svg?v=6) no-repeat center;right:-5.3vw;top:0.5vh}
body.slide_02 ul.parts > li{position:relative;font-size:86%;font-weight:700}
body.slide_02 ul.parts ul.subparts{position:absolute;left:19vw;height:26.4vh;display:grid;width:22vw;grid-template-rows:repeat(2, 1fr);top:-1.2vh;align-items:center;padding-left:8.3vw;line-height:120%}
body.slide_02 ul.parts li figure{position:absolute;right:-62.4vw;width:25vw;height:22.4vw;top:-2.8vh}
body.slide_02 ul.parts li figure img{width:100%;height:auto}
body.slide_02 ul.parts li figure .main{position:absolute;width:100%;top:0.5vh;color:var(--greenColor)}
body.slide_02 ul.parts li figure .picfooter{position:absolute;width:60%;padding:0 20%;bottom:1vh}
body.slide_02 ul.parts li{position:relative}
body.slide_02 ul.parts li:before{content:"";position:absolute;width:6vw;height:6vw;background:url(../images/ico_01.png?v=6) no-repeat center;left:-8.6vw;top:-2.4vw;background-size:contain}
body.slide_02 ul.parts li.item_2:before{background-image:url(../images/ico_02.png?v=6)}
body.slide_02 ul.parts li.item_3:before{background-image:url(../images/ico_03.png?v=6)}
body.slide_02 ul.parts ul.subparts li{font-weight:normal}
body.slide_02 ul.parts ul.subparts li strong{font-weight:700;color:var(--greenColor)}
body.slide_02 ul.parts ul.subparts li span{margin-top:0.8vh;display:block;font-size:78%;line-height:105%}
body.slide_02 ul.parts ul.subparts li::before{left:-7.2vw;top:50%;transform:translateY(-3vw)}
body.slide_02 ul.parts li.subpart_1:before{background-image:url(../images/ico_04.png?v=6)}
body.slide_02 ul.parts li.subpart_2:before{background-image:url(../images/ico_05.png?v=6)}
body.slide_02 ul.parts li.subpart_3:before{background-image:url(../images/ico_06.png?v=6)}
body.slide_02 ul.parts li.subpart_3{width:108%}
body.slide_02 figure{text-align:center}
body.slide_02 ul.parts > li::after{content:"";background:url(../images/arrow_colors.svg?v=6) no-repeat center;background-size:70%;width:1.5vw;height:1.5vw;position:absolute;left:-2vw}
/* END XBONZY */

/* DR. Reddy's Biologics */
body.slide_03 .main_content h1{color:var(--mainColor);width:90%;margin-bottom:2.8vh}
body.slide_03 .main_content h1 strong{display:block;text-transform:uppercase}
body.slide_03 .main_content p.pill.main_dr{position:relative;padding:1.6vh 0;width:71%;margin-left:29%;margin-top:0;font-size:71%;margin-bottom:3vh;font-weight:normal}
body.slide_03 .main_content p.pill.main_dr::before{content:"";position:absolute;left:-11.8vw;width:11.6vw;height:92%;background:url(../images/logo_dr.svg?v=6) no-repeat center;background-size:auto 130%;background-position:0 1vh;top:-0.15vh;filter:var(--filterMain)}
body.slide_03 .main_content .columns{display:grid;grid-template-columns:48.7% auto;gap:0 3vw}
body.slide_03 .main_content .columns .col_01 ul.arrows{display:flex;flex-wrap:wrap;justify-content:center;list-style:none;padding:0;margin:0;gap:2.3vh 0;margin-left:0.7vw;margin-right:0.7vw}
body.slide_03 .main_content .columns .col_01 ul.arrows li{flex:0 0 calc(100% / 3);text-align:center;padding-top:14vh;font-size:75%}
body.slide_03 .main_content .columns .col_01 ul.arrows > li::before{transform:rotate(90deg);left:50%;top:17.2vh;zoom:0.7;margin-left:-0.75vw}
body.slide_03 .main_content .columns .col_01 ul.arrows > li::after{content:"";width:11.3vh;height:11.3vh;background:no-repeat center;position:absolute;top:0;left:50%;transform:translateX(-50%);border-radius:12vw;background-size:110%}
body.slide_03 .main_content .columns .col_01 ul.arrows li.item1::after{background-image:url(../images/number_001.png?v=6)}
body.slide_03 .main_content .columns .col_01 ul.arrows li.item2::after{background-image:url(../images/number_002.png?v=6)}
body.slide_03 .main_content .columns .col_01 ul.arrows li.item3::after{background-image:url(../images/number_003.png?v=6)}
body.slide_03 .main_content .columns .col_01 ul.arrows li.item4::after{background-image:url(../images/number_004.png?v=6)}
body.slide_03 .main_content .columns .col_01 ul.arrows li.item5::after{background-image:url(../images/number_005.png?v=6)}
body.slide_03 .main_content .columns .col_02{display:grid;grid-template-columns:40% 1fr;grid-template-rows:1fr min-content;gap:0 4.46vw;font-size:80%;height:46.6vh}
body.slide_03 .main_content .columns .col_02 .sub_col_01{padding-top:8.3vh;line-height:133%;position:relative}
body.slide_03 .main_content .columns .col_02 .sub_col_01::before{content:"";background:url(../images/logo_dr.svg?v=6) no-repeat top;position:absolute;width:11.6vw;height:6.5vh;top:0;background-size:100% auto;filter:var(--filterMain)}
body.slide_03 .main_content .columns .col_02 .sub_col_01::after{content:"";width:0.37vw;height:113%;background:var(--greenColor);position:absolute;top:0;left:-2vw;border-radius:5vw}
body.slide_03 .main_content .columns .col_02 .sub_col_01 p{margin-bottom:2vh}
body.slide_03 .main_content .columns .col_02 .sub_col_01 strong{color:var(--mainColor)}
body.slide_03 .main_content .columns .col_02 .sub_col_02{position:relative}
body.slide_03 .main_content .columns .col_02 .sub_col_02::after{content:"";width:0.17vw;height:63%;background:var(--greenColor);position:absolute;top:3.6vh;left:-2vw}
body.slide_03 .main_content .columns .col_02 .sub_col_02 ul.dots{text-align:center;margin-top:3.6vh;color:var(--mainColor);margin-left:-2vw;font-size:108%}
body.slide_03 .main_content .columns .col_02 .sub_col_02 ul.dots li{margin-bottom:4.1vh}
body.slide_03 .main_content .columns .col_02 .sub_col_02 li strong{display:block;text-transform:uppercase;font-size:150%}
body.slide_03 .main_content .columns .col_02 .sub_col_03{grid-column:span 2}
body.slide_03 .main_content .columns .col_02 .sub_col_03 p{padding:0 5%;text-align:center;line-height:143%}
body.slide_03 .main_content .columns .col_02 .sub_col_03 p strong{text-transform:uppercase;color:var(--mainColor);display:block}
body.slide_03 .main_content .columns .col_02 .sub_col_03 p span{display:block;border-bottom:0.35vw solid var(--greenColor);width:max-content;margin:0 auto}
body.slide_03 .main_content p.pill.main_lg{margin:0;padding:0.7vh 2.1vw;font-size:88%;font-weight:normal;width:max-content;height:max-content;margin-top:1vh}
body.slide_03 .main_content .extra{display:grid;grid-template-columns:69% 1fr;padding:0 19.6%;margin:0;gap:0 4.3vw;position:absolute;left:50%;width:49%;transform:translateX(-50%);bottom:7vh}
body.slide_03 .main_content .extra ul.arrows > li::before{zoom:1.3;left:-2.6vw;top:50%;transform:translateY(-50%)}
body.slide_03 .main_content .extra li sup{position:absolute;right:0.2vw;top:0.2vh}
body.slide_03 .main_content .extra li{width:12vw}
body.slide_03 .main_content .extra li img{width:100%;height:auto}
/* END DR. Reddy's Biologics */

/* Guidelines*/
body.slide_04 .main_content{display:grid;grid-template-rows:min-content 1fr min-content;gap:0.7vh 0;padding:4% 8.4% 5%}
body.slide_04 .main_content h1{width:95%;margin-bottom:3vh}
body.slide_04 .main_content .columns{display:grid;grid-template-columns:44.6% 1fr;gap:0 5.6vw}
body.slide_04 .main_content p.pill{margin-top:0;width:94%;padding:1vh 3% 0.7vh;font-size:100%;font-weight:normal;text-transform:none;margin-bottom:3.5vh}
body.slide_04 .main_content ul.arrows{padding-left:4vw}
body.slide_04 .main_content ul.arrows > li{line-height:127%;margin-bottom:2.54vh}
body.slide_04 .main_content ul.arrows > li::before{left:-2.6vw;top:0.3vh}
body.slide_04 .main_content .col_01 p.pill{padding:2.5vh 3%}
body.slide_04 .main_content p.legal{position:static;width:100%}
body.slide_04 .main_content img.graph{width:85%;margin-left:2.9vw;margin-top:3.8vh;margin-bottom:6.2vh}
body.slide_04 .main_content nav.popups{text-align:center}
body.slide_04 .main_content a.blue_cta{padding:0.9vh 3.4vw 0.9vh 1vw}
/* END Guidelines */

/* Safety */
body.slide_06 .main_content ul.arrows.circles{display:grid;grid-template-columns:33% 30.5% 1fr;width:106.5%;gap:0 3.4vh}
body.slide_06 .main_content ul.arrows.circles > li{margin-left:8.4vw;color:initial;width:65%;font-weight:800;min-height:8vh;display:grid;align-items:center}
body.slide_06 .main_content ul.arrows.circles > li::before{zoom:0.67;left:-2.8vw;top:50%;transform:translateY(-50%)}
body.slide_06 .main_content ul.arrows.circles > li::after{content:"";position:absolute;height:8vh;width:8vh;background:no-repeat center;left:-8.5vw;top:50%;transform:translateY(-50%);background-size:cover}
body.slide_06 .main_content ul.arrows.circles > li.item_01::after{background-image:url(../images/ico_11.png?v=6)}
body.slide_06 .main_content ul.arrows.circles > li.item_02::after{background-image:url(../images/ico_12.png?v=6)}
body.slide_06 .main_content ul.arrows.circles > li.item_03::after{background-image:url(../images/ico_13.png?v=6)}

body.slide_06 .main_content .posi_01{display:grid;grid-template-rows:23.4% 1fr min-content}
body.slide_06 .main_content .posi_01 h1{width:93%;font-size:167%}
body.slide_06 .main_content .posi_01 .columns{display:grid;grid-template-columns:68.3% 1fr;gap:0 8.5vw}
body.slide_06 .main_content .posi_01 p.intro{text-align:center;margin-top:1vh;font-size:80%;margin-bottom:0.5vh}
body.slide_06 .main_content .posi_01 p.intro strong{display:block;font-weight:normal;margin-top:1.3vh;text-transform:uppercase}
body.slide_06 .main_content .posi_01 img.graph{height:35vh;object-fit:contain}
body.slide_06 .main_content .posi_01 .col_01 ul.arrows.circles{margin:0 auto;width:54%;gap:0;grid-template-columns:55% 1fr}
body.slide_06 .main_content .posi_01 .col_01 ul.arrows.circles li{margin:0;width:100%;font-weight:normal;font-size:70%;text-align:center;min-height:fit-content;padding-top:6.5vh}
body.slide_06 .main_content .posi_01 .col_01 ul.arrows.circles li::before{display:none}
body.slide_06 .main_content .posi_01 .col_01 ul.arrows.circles li::after{left:50%;top:1.9vh;transform:translateX(-50%);width:4vh;height:4vh}
body.slide_06 .main_content .posi_01 .col_02{position:relative}
body.slide_06 .main_content .posi_01 .col_02::before{content:"";position:absolute;left:-5.3vw;top:12%;height:77.7%;width:0.18vw;background:var(--greenColor)}
body.slide_06 .main_content .posi_01 .col_02 ul.arrows{margin-top:8.5vh;line-height:125%}
body.slide_06 .main_content .posi_01 .col_02 ul.arrows li{margin-bottom:3.3vh}
body.slide_06 .main_content .posi_01 .col_02 ul.arrows li::before{zoom:0.9;left:-2.4vw;top:0.3vh}
body.slide_06 .main_content .posi_01 p.legal{position:static;margin-bottom:1.9vh}
body.slide_06 .main_content .posi_01 a.orange_cta{width:7vh;height:7vh;display:block;background:url(../images/btn_graph.svg?v=6) no-repeat center;background-size:90%;overflow:hidden;text-indent:-9999px;margin:6vh auto 0;transform:translateX(-1.2vw)}

body.slide_06 .main_content .posi_02 h1{margin-bottom:4vh}
body.slide_06 .main_content .posi_02 p.legal{position:static;margin-top:1.7vh}
body.slide_06 .main_content .posi_02 .columns{display:grid;grid-template-columns:34% 31.5% 1fr;gap:0 3vw}
body.slide_06 .main_content .posi_02 .columns img{width:100%;height:auto}
body.slide_06 .main_content .posi_02 .columns h2{text-align:center;font-size:70%;font-weight:800;width:max-content;margin:2vh auto 0.5vh;text-decoration:underline;line-height:150%;text-decoration-line:underline;text-decoration-thickness:0.2vw;text-underline-offset:0.3vw;text-decoration-color:var(--greenColor);min-height:4vh;align-items:end;display:grid}
body.slide_06 .main_content .posi_02 .columns img.pic_01{height:18.5vh;object-fit:contain;object-position:left;margin-top:4.6vh}
body.slide_06 .main_content .posi_02 .columns img.pic_02{height:19.8vh;object-fit:contain;object-position:left;width:105%}
body.slide_06 .main_content .posi_02 .columns img.pic_03{width:70%;margin:0 auto;height:14.5vh;object-fit:contain;position:relative;top:1vh}
body.slide_06 .main_content .posi_02 .columns img.pic_04{width:70%;margin:0 auto;height:14.5vh;object-fit:contain;position:relative;top:1vh}
body.slide_06 .main_content .posi_02 .columns img.pic_05{height:13.8vh;object-fit:contain}
body.slide_06 .main_content .posi_02 .columns img.pic_06{height:40.8vh;object-fit:contain;object-position:left;position:absolute;width:25.3vw;right:-2vw;bottom:-6vh}
body.slide_06 .main_content .posi_02 .col_02{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:max-content 1fr;gap:0 2vw;width:91%;position:relative;padding-left:0.4vw}
body.slide_06 .main_content .posi_02 .col_02 .pic:last-child{grid-column:span 2;margin-top:-1vh}
body.slide_06 .main_content .posi_02 .col_02 .pic:last-child h2{min-height:auto;margin-top:2.6vh}
body.slide_06 .main_content .posi_02 .col_03{position:relative}
body.slide_06 .main_content .posi_02 .col_03 p{text-align:center;margin-top:2vh;margin-left:2vw;width:102%;margin-bottom:8vh}
body.slide_06 .main_content .posi_02 .line::before{content:"";position:absolute;width:0.2vw;height:46.4vh;left:-1.7vw;background:var(--greenColor);top:-8vh}
body.slide_06 .main_content .posi_02 ul.arrows:not(.circles){padding-left:2.5vw;margin-top:2.3vh;font-size:94%}
body.slide_06 .main_content .posi_02 ul.arrows:not(.circles) li{margin-bottom:1.9vh}
body.slide_06 .main_content .posi_02 ul.arrows:not(.circles) > li::before{zoom:0.8;left:-3vw;top:0.5vh}
body.slide_06 .main_content .posi_02 ul.arrows.circles.ends{width:53%;margin:0 auto;grid-template-columns:repeat(3, 1fr);padding-left:5vw;gap:0;margin-top:-1.2vh}
body.slide_06 .main_content .posi_02 ul.arrows.circles.ends li{margin:0;font-weight:normal;font-size:70%;text-align:center;width:100%;padding-top:4.6vh;padding-bottom:0;min-height:auto;align-items:self-start}
body.slide_06 .main_content .posi_02 ul.arrows.circles.ends > li::before{display:none}
body.slide_06 .main_content .posi_02 ul.arrows.circles.ends > li::after{left:50%;width:4vh;height:4vh;transform:translateX(-50%);top:0}
body.slide_06 .main_content .posi_02 ul.arrows.circles.ends > li.item_01::after{background-image:url(../images/ico_06.png?v=6)}
body.slide_06 .main_content .posi_02 ul.arrows.circles.ends > li.item_02::after{background-image:url(../images/ico_07.png?v=6)}
body.slide_06 .main_content .posi_02 ul.arrows.circles.ends > li.item_03::after{background-image:url(../images/ico_08.png?v=6)}
/* END Safety */

/* ADMINISTRATION */
body.slide_07 .main_content h1{margin-bottom:7.2vh;width:89%}
body.slide_07 .main_content p.pill{width:100%;margin:0 auto;font-size:104%;line-height:108%;padding:1vh 0 0.8vh;font-weight:normal;text-transform:none;margin-bottom:4.7vh}
body.slide_07 .main_content p.pill.main{padding:1.1vh 0;font-size:88%;text-transform:none;width:100%;margin-bottom:2vh}
body.slide_07 .main_content .columns{display:grid;grid-template-columns:47% 1fr;gap:0 4.6vw;width:94%;margin-left:2.5vw;margin-top:14.4vh}
body.slide_07 .main_content ul.dots{padding-left:4.2vw;width:74%;font-size:93%;line-height:112%;margin-bottom:3.3vw}
body.slide_07 .main_content ul.items{background:url(../images/injection.svg?v=6) no-repeat center;margin-top:0;height:23.3vh;position:relative;background-size:auto 100%;background-position:6% center}
body.slide_07 .main_content ul.items li{position:absolute;left:22.5vw;top:7.6vh;font-size:83%;width:25%;text-transform:uppercase;font-weight:700}
body.slide_07 .main_content ul.items li.item_02{top:12.6vh;width:34%}
body.slide_07 .main_content ul.items li.item_03{bottom:4vh;top:auto}
body.slide_07 .main_content .col_01{position:relative}
body.slide_07 .main_content a.popup_state{margin-left:16.4vw;font-size:90%;padding:0.9vh 3.8vw 0.9vh 1vw;position:absolute;bottom:7vh}
body.slide_07 .main_content ul.arrows{padding-left:4.2vw;font-size:105%;line-height:110%}
body.slide_07 .main_content ul.arrows li{margin-bottom:2.6vh}
body.slide_07 .main_content ul.arrows > li::before{left:-2.8vw;top:0.6vh}
/* END ADMINISTRATION */

/* Summary */
body.slide_08 .main_content::before{left:5.3vw}
body.slide_08 h1{font-size:167%;color:var(--mainColor);margin-bottom:12.2vh}
body.slide_08 h1 strong{text-transform:uppercase;font-weight:800;color:var(--greenColor)}
body.slide_08 h1 span{font-weight:800}
body.slide_08 ul.parts{width:37vw;padding-left:6.5vw;height:42.3vh;display:grid}
body.slide_08 ul.parts li{font-size:100%;font-weight:700;line-height:116%;color:var(--mainColor);position:relative}
body.slide_08 ul.parts li strong{color:var(--greenColor)}
body.slide_08 ul.parts li::after{content:"";background:url(../images/arrow_colors.svg?v=6) no-repeat center;background-size:70%;width:2.9vw;height:2.9vw;position:absolute;left:-3.8vw;top:-0.2vw}
body.slide_08 .main_content figure{position:absolute;top:23vh;right:6vw;width:44vw;height:42vh;z-index:-1}
body.slide_08 .main_content figure img{width:100%; height:100%; object-fit:contain}
body.slide_08 .main_content p.legal{bottom:5.8vh}
/* END Summary */

/* 
Aspect Ratio 1.3333
iPad (1ª generación)
iPad 2
iPad (3ª generación)
iPad (4ª generación)
iPad Air
iPad Air 2
iPad Air (3ª generación)
iPad Mini (1ª generación)
iPad Mini 2
iPad Mini 3
iPad Mini 4
iPad Mini (5ª generación)
iPad Pro (9.7 pulgadas)
iPad Pro (10.5 pulgadas)
iPad Pro (12.9 pulgadas) (1ª y 2ª generación)
iPad Pro (12.9 pulgadas) (3ª, 4ª y 5ª generación)
iPad (5ª generación)
iPad (6ª generación)
iPad (7ª generación)
iPad (8ª generación)
iPad (9ª generación)
*/
@media screen and (min-aspect-ratio:1.2) and (max-aspect-ratio:1.34) {
  /*body{background-color:pink}*/
}

/* 
Aspect Ratio 1.439
iPad Air (4ª generación)
iPad Air (5ª generación)
iPad (10ª generación)
*/
@media screen and (min-aspect-ratio:1.438) and (max-aspect-ratio:1.440) {
    /*body{background-color:red}*/
}

/* 
Aspect Ratio 1.523
iPad Mini (6ª generación)
*/
@media screen and (min-aspect-ratio:1.510) and (max-aspect-ratio:1.524) {
    /*body{background-color:orange}*/
    #safety.popup.open .arrows p:not(.pill){padding-left:0.7vw;width:95%}
    #safety.popup.open p.legal{bottom:-1vh}
}

/* 
Aspect Ratio 1.432
iPad Pro (11 pulgadas) (2018, 2020, 2021)
*/
@media screen and (min-aspect-ratio:1.431) and (max-aspect-ratio:1.433) {
    /*body{background-color:grey}*/
}