.description {
padding: 11px;
box-sizing: border-box;
max-width: 984px;
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-rendering: optimizeLegibility;
color: #111;
line-height: 1.45;
}
.description .section {
padding: 15px 0;
}
@media (max-width: 991px) {
.description .section .item-6:nth-child(1) {
padding-bottom: 10px;
}
}
@media (min-width: 992px) {
.description .section {
display: flex;
align-items: center;
}
.description .item-6 {
width: 50%;
float: left;
position: relative;
min-height: 1px;
}
}
.description *,
.description *::after,
.description *::before {
box-sizing: border-box;
}
.description .item {
padding-left: 15px;
padding-right: 15px;
}
.description .item-12 {
width: 100%;
min-height: 1px;
}
.description .text-item h1,
.description .text-item h2 {
display: block;
// font-family: "Roboto", "Open Sans", sans-serif
/* once Roboto font is available globally on allegro sites, this fallback is not needed anymore */
;
font-weight: 500;
margin: 18px 0;
}
.description .text-item p {
margin: 16px 0;
word-wrap: break-word;
}
.description .text-item h1 {
color: #444444;
font-size: 25px;
line-height: 24px;
}
.description .text-item h2 {
color: #444444;
font-size: 19px;
line-height: 18px;
margin-top: 40px;
}
.description .text-item ol,
.description .text-item ul {
padding-left: 40px;
margin: 16px 0;
}
.description .text-item {
color: #444444;
// font-family: "Open Sans", sans-serif;
font-size: 17px;
line-height: 22px;
width: 100%;
}
.description .image-item img {
display: block;
margin-left: auto;
margin-right: auto;
max-width: 100%;
}
.description .video-item .yt-container {
margin-left: auto;
margin-right: auto;
max-width: 853px;
}
.description .video-item .yt-responsive-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
.description .video-item .yt-container .yt-responsive-container iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.hidden {
display: none;
}
@media (min-width: 984px) {
.center {
margin: auto;
max-width: 984px;
padding-top: 31px;
padding-bottom: 31px;
background-color: transparent;
}
.description {
border: 1px solid #4a9b2d2e;
//border-radius:12px;
box-shadow: 0 2px 8px rgba(0, 0, 0, .06);
background-color: white;
}
.calosc {
background-image: url(https://upload.cdn.baselinker.com/products/5003642/696bce373396e31a5ccd58c48dba8ead.png);
}
}
.calosc {
background-colo