.pdp0 { font-family: Arial, sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; background: #fff; color: #000; font-size: 13px; line-height: 1.5; margin: auto; } .pdp0 * { box-sizing: border-box; } .pdp0 h3 { font-size: 20px; font-weight: 700; line-height: 1.5; margin-top: 20px; margin-bottom: 10px; } .pdp0 h4 { font-size: 18px; font-weight: 600; line-height: 1.1; margin-top: 0; color: inherit; margin-bottom: 10px; } .pdp0 p { margin: 0; } .pdp0 video { width: 100%; max-width: 700px; } .pdp0 picture { position: relative; display: inline-block; width: 100%; } .pdp0 img { border: 0; vertical-align: middle; width: 100%; } .pdp0 a { background-color: transparent; color: #337ab7; text-decoration: none; } .pdp0 a:active, .pdp0 a:hover { outline: 0; } .pdp0 a:focus, .pdp0 a:hover { color: #23527c; text-decoration: underline; } .pdp0 a:focus { outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } .pdp0 b, .pdp0 strong { font-weight: 700; } .pdp0 .pdp1 { max-width: 1494px; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto; padding-right: 15px; padding-left: 15px; } .pdp0 .pdp1.pdp2 { text-align: center; } .pdp0 .pdp1.pdp3 { position: relative; } .pdp0 .pdp1.pdp3 .pdp4 { position: absolute; display: flex; top: 0; right: 0; left: 0; bottom: 0; align-items: center; justify-content: flex-end; } .pdp0 .pdp1.pdp3 .pdp4 .pdp5 { position: relative; display: flex; width: 250px; height: auto; padding: 15px; background-color: rgba(255, 255, 255, 0.8); color: #111; flex-direction: column; margin-right: 50px; -ms-flex-direction: column; } .pdp0 .pdp1.pdp6 .pdp4 { display: flex; column-gap: 30px; } .pdp0 .pdp1.pdp6 .pdp4 .pdp7 { margin-bottom: 15px; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .pdp0 .pdp1.pdp6 .pdp4 .pdp7 h4 { margin-top: 10px; margin-bottom: 7px; } @media screen and (max-width: 800px) { .pdp0 { padding-left: 0; padding-right: 0; overflow-x: hidden; } .pdp0 h3 { font-size: 15px; line-height: 1.3; margin-top: 10px; } .pdp0 h4 { margin-bottom: 7px; } .pdp0 p { line-height: 1.4em; } .pdp0 .pdp1 { margin-bottom: 20px; padding: 0; } .pdp0 .pdp1.pdp3 .pdp4 { position: relative; width: 100%; right: 0; top: 0; } .pdp0 .pdp1.pdp3 .pdp4 .pdp5 { padding: 15px 0; width: 100%; } } @media screen and (min-width: 801px) and (max-width: 992px) { .pdp0 h4 { font-size: 17px; } .pdp0 .pdp1.pdp3 .pdp4 { right: 30px; } .pdp0 .pdp1.pdp3 .pdp4 .pdp5 { font-size: 12px; } } @media (max-width: 499px) { .pdp0 .pdp1.pdp6 .pdp4 { flex-direction: column; } } @media (min-width: 800px) { .pdp0 .pdp1.pdp3 img.pdp8 { display: block; } .pdp0 .pdp1.pdp3 img.pdp9 { display: none; } } @media (max-width: 799px) { .pdp0 .pdp1.pdp3 img.pdp8 { display: none; } .pdp0 .pdp1.pdp3 img.pdp9 { display: block; } }