#static-content-wrapper {
    width: 960px;
    counter-reset: cms_subtitle cms_tinytitle cms_boldtitle;
}

#static-content-wrapper .cms_subtitle.numbered:before,
#static-content-wrapper h3.numbered:before {
    content: counter(cms_subtitle) ". ";
    counter-increment: cms_subtitle;
}

#static-content-wrapper .cms_tinytitle.numbered:before,
#static-content-wrapper h4.numbered:before {
    content: counter(cms_subtitle) "." counter(cms_tinytitle) ". ";
    counter-increment: cms_tinytitle;
}

#static-content-wrapper .cms_boldtitle.numbered:before,
#static-content-wrapper h5.numbered:before {
    content: counter(cms_subtitle) "." counter(cms_tinytitle) "." counter(cms_boldtitle) ". ";
    counter-increment: cms_tinytitle;
}

#static-content-wrapper .cms_subtitle,
#static-content-wrapper h3.numbered {
    counter-reset: cms_tinytitle;
}

#static-content-wrapper .cms_tinytitle,
#static-content-wrapper h4.numbered {
    counter-reset: cms_boldtitle;
}

#static-content-wrapper .cms_title,
#static-content-wrapper h1,
#static-content-wrapper h2,
.cms-material h2 {
    color: #49e;
    font-size: 20px;
    font-weight: normal;
    margin: 50px 0 20px 0;
}

#static-content-wrapper .cms_subtitle,
.cms-material .cms_subtitle,
#static-content-wrapper h3,
#static-content-wrapper .h3 {
    color: #000;
    font-weight: normal;
    padding: 10px 0;
    margin: 25px 0;
    border-bottom: 2px solid #49e;
    font-size: 14pt;
}

#static-content-wrapper .cms_tinytitle,
#static-content-wrapper h4 {
    border: none;
    color: #49e;
    font-size: 17px;
    padding: 0;
    margin: 25px 0 5px;
}

#static-content-wrapper .cms_boldtitle,
#static-content-wrapper h5 {
    color: #222;
    font-size: 14px;
    font-weight: bold;
    text-transform: none;
    padding: 0;
    margin: 20px 0 5px;
}

#static-content-wrapper h3.unnumbered,
#static-content-wrapper h4.unnumbered,
#static-content-wrapper h5.unnumbered,
#static-content-wrapper .cms_subtitle.unnumbered,
#static-content-wrapper .cms_tinytitle.unnumbered,
#static-content-wrapper .cms_boldtitle.unnumbered {
    counter-reset: none;
}

#static-content-wrapper h3.unnumbered:before,
#static-content-wrapper h4.unnumbered:before,
#static-content-wrapper h5.unnumbered:before,
#static-content-wrapper .cms_subtitle.unnumbered,
#static-content-wrapper .cms_tinytitle.unnumbered,
#static-content-wrapper .cms_boldtitle.unnumbered {
    content: none;
    counter-increment: none;
}

#static-content-wrapper p {
    color: black;
    font-size: 14px;
    text-align: justify;
    padding: 0;
    margin: 0 0 10px 0;
}

#static-content-wrapper ul {
    list-style-type: square;
}

#static-content-wrapper ul li {
    color: #49e;
    font-size: 14px;
    text-align: justify;
    padding: 0;
    margin: 0 0 10px 20px;
}

#static-content-wrapper ul li span {
    color: black;
}

#static-content-wrapper a {
    color: #49e;
    text-decoration: none;
}

#static-content-wrapper a:hover {
    text-decoration: underline;
}

#static-content-wrapper table {
    width: 100%;
}

#static-content-wrapper th {
    background: #49e;
    color: white;
    font-weight: bold;
    text-align: center;
    vertical-align: middle;
    height: 30px;
    border: 1px solid white;
}

#static-content-wrapper td {
    background: #ebf5fc;
    color: black;
    text-align: center;
    vertical-align: middle;
    height: 30px;
    border: 1px solid white;
    padding-left: 4px;
    padding-right: 4px;
}

#static-content-wrapper td.highlight {
    background: #eff4fd;
    color: black;
    text-align: center;
    vertical-align: middle;
    height: 30px;
    border: 1px solid white;
}

#static-content-wrapper th.table-link a {
    color: white;
    text-decoration: none;
}

#static-content-wrapper th.table-link a:hover {
    text-decoration: underline;
}

#static-content-wrapper table.small-table th {
    background: #49e;
    color: white;
    font-weight: bold;
    text-align: left;
    vertical-align: middle;
    height: 30px;
    border: 1px solid white;
}

#static-content-wrapper table.small-table td {
    background: #ebf5fc;
    color: black;
    text-align: left;
    vertical-align: left;
    height: 30px;
    border: 1px solid white;
    padding-left: 5px;
}

#static-content-wrapper label {
    font-size: 13px !important;
    color: #333;
}

#static-content-wrapper em {
    font-style: normal;
}

#static-content-wrapper.fixed {
    width: 700px;
    position: relative;
}

#static-content-wrapper img.large-width {
    max-width: 698px;
    margin: 20px 0;
    border: 1px solid #555;
    display: inline-block;
}

#static-content-wrapper img.small-width-left {
    max-width: 335px;
    margin: 15px 10px 15px 0;
    border: 1px solid #555;
    display: inline-block;
}

#static-content-wrapper img.small-width-right {
    max-width: 335px;
    margin: 15px 0 15px 10px;
    border: 1px solid #555;
    display: inline-block;
}

#static-content-wrapper img.small-width-center {
    max-width: 335px;
    margin: 15px 180px 15px 180px;
    border: 1px solid #555;
    display: block;
    margin: auto;
}

#static-content-wrapper img.center {
    max-width: 698px;
    margin: 15px 180px 15px 180px;
    display: block;
    margin: auto;
}

#static-content-wrapper #menu {
    margin: 50px 0 0 50px;
    float: right;
}

#static-content-wrapper #menu .menu-item {
    font-size: 14px;
    text-align: center;
    background: #ebf5fc;
    color: #49e;
    width: 180px;
    padding: 5px 10px;
    margin: 5px;
    border-radius: 2px;
    display: block;
}

#static-content-wrapper #menu .menu-item:hover,
#static-content-wrapper #menu .menu-item.selected {
    background: #49e;
    color: white;
    text-decoration: none;
}

#static-content-wrapper #menu .sub-menu {
    display: none;
}

#static-content-wrapper #menu .sub-menu-item {
    font-size: 14px;
    color: #555;
    width: 180px;
    margin: 5px;
    display: block;
    padding: 0 10px;
}

#static-content-wrapper #menu .sub-menu-item:hover {
    color: black;
    text-decoration: none;
}

#static-content-wrapper #menu .menu-button-group {
    text-align: center;
    background: #fcf2c7;
    color: black;
    width: 200px;
    height: 100px;
    padding: 25px 0;
    margin: 20px 5px 0 5px;
    border-radius: 2px;
}

#static-content-wrapper #menu .menu-button-group strong {
    font-size: 18px;
    font-weight: bold;
}

#static-content-wrapper #menu .menu-button-group a {
    text-align: center;
    background: #fcd656;
    color: black;
    width: 175px;
    height: 35px;
    padding: 5px 0;
    margin: 20px auto 40px;
    display: block;
    text-decoration: none;
    border-radius: 2px;
}

#static-content-wrapper #menu .menu-button-group a:hover {
    background: #ffbf00;
    color: black;
    text-decoration: none;
}

#static-content-wrapper #menu.fixed {
    position: fixed;
    margin: 0 0 0 780px;
}

#static-content-wrapper #menu.fixed .menu-item {
    text-align: left;
    color: #555;
    background: none;
}

#static-content-wrapper #menu.fixed .active .menu-item {
    text-decoration: underline;
}

#static-content-wrapper #menu.fixed .menu-item:hover {
    color: black;
}

#static-content-wrapper .menu-button-group a:hover {
    background: #ffbf00;
    color: black;
    text-decoration: none;
}

#static-content-wrapper .menu-block * {
    text-align: left;
}

#static-content-wrapper .menu-block {
    text-align: left;
    background: #eee;
    color: black;
    width: 160px;
    margin: 20px 5px 0 5px;
    padding: 20px;
    border-radius: 2px;
}

#static-content-wrapper .menu-block .key {
    display: inline-block;
    float: left;
    width: 120px;
}

#static-content-wrapper .menu-block .value {
    display: inline-block;
    text-align: right;
    width: 40px;
}

#static-content-wrapper .menu-block .icon {
    display: inline-block;
    float: left;
    width: 60px;
}

#static-content-wrapper .menu-block .shorttext {
    display: inline-block;
    text-align: left;
    width: 100px;
}

#static-content-wrapper .menu-block .smallicon {
    display: inline-block;
    float: left;
    width: 40px;
}

#static-content-wrapper .menu-block .largetext {
    display: inline-block;
    text-align: left;
    width: 120px;
}

#static-content-wrapper .tip-block {
    background: #ebf5fc;
    color: black;
    width: 325px;
    height: 300px;
    border-radius: 2px;
    margin: 20px 0;
    float: left;
    box-shadow: 1px 1px 3px #aaa;
}

#static-content-wrapper .tip-block:hover {
    text-decoration: none;
    box-shadow: 1px 1px 5px #888;
}

#static-content-wrapper .tip-block:active {
    box-shadow: none;
}

#static-content-wrapper .tip-title {
    font-size: 15px;
    text-align: center;
    background: #49e;
    width: 315px;
    height: 35px;
    color: white;
    padding: 5px;
    margin: 0;
}

#static-content-wrapper .tip-image {
    width: 100%;
    margin: 0 0 5px 0;
    display: block;
}

#static-content-wrapper .tip-text {
    font-size: 13px;
    text-align: justify;
    color: black;
    margin: 10px 5px;
}

#static-content-wrapper .tip-spacer {
    width: 50px;
    height: 290px;
    margin: 20px 0;
    float: left;
}

#static-content-wrapper .tutorial-block {
    background: #ebf5fc;
    color: black;
    width: 290px;
    height: 290px;
    border-radius: 2px;
    margin: 20px 0;
    float: left;
    box-shadow: 1px 1px 3px #aaa;
}

#static-content-wrapper .tutorial-block:hover {
    text-decoration: none;
    box-shadow: 1px 1px 5px #888;
}

#static-content-wrapper .tutorial-block:active {
    box-shadow: none;
}

#static-content-wrapper .tutorial-title {
    font-size: 15px;
    text-align: center;
    background: #49e;
    width: 280px;
    height: 35px;
    color: white;
    padding: 5px;
    margin: 0;
}

#static-content-wrapper .tutorial-image {
    width: 100%;
    margin: 0 0 5px 0;
    display: block;
}

#static-content-wrapper .tutorial-text {
    font-size: 13px;
    text-align: justify;
    color: black;
    margin: 10px 5px;
}

#static-content-wrapper .tutorial-spacer {
    width: 45px;
    height: 290px;
    margin: 20px 0;
    float: left;
}

#static-content-wrapper .coming-soon,
#static-content-wrapper .bottom-info-block {
    color: #ccc;
    background: #eee;
    text-align: center;
    height: 110px;
    width: 100%;
    margin: 80px 0;
    border: 1px solid #ccc;
    border-radius: 2px;
    box-shadow: none;
    cursor: default;
    float: left;
}

#static-content-wrapper .coming-soon h1,
#static-content-wrapper .bottom-info-block h1 {
    color: #333;
}

#static-content-wrapper .coming-soon p,
#static-content-wrapper .bottom-info-block p {
    color: #333;
    font-size: 18px;
    text-align: center;
}

#static-content-wrapper .coming-soon span,
#static-content-wrapper .bottom-info-block {
    font-size: 14px;
}

#static-content-wrapper .resources-block {
    background: #ebf5fc;
    text-align: center;
    width: 290px;
    height: 260px;
    padding: 15px 0;
    margin: 20px 0 10px 0;
    display: inline-block;
    float: left;
    border-radius: 2px;
    border-top: 2px solid #49e;
}

#static-content-wrapper .resources-spacer {
    width: 45px;
    height: 260px;
    margin: 20px 0 10px 0;
    float: left;
}

#static-content-wrapper .resources-mini-block {
    background: #ebf5fc;
    text-align: center;
    width: 290px;
    height: 200px;
    padding: 15px 0;
    margin: 20px 0 10px 0;
    float: left;
    border-radius: 2px;
    border-top: 2px solid #49e;
}

#static-content-wrapper .resources-mini-spacer {
    width: 45px;
    height: 115px;
    margin: 20px 0 10px 0;
    float: left;
}

#static-content-wrapper .resources-title {
    font-size: 20px;
    width: 290px;
    height: 35px;
    color: #49e;
    display: inline;
}

#static-content-wrapper .resources-image {
    margin: 0 0 -10px 0;
}

#static-content-wrapper .resources-links {
    list-style-type: none;
    margin: 20px 0 0 0;
}

#static-content-wrapper .resources-links a {
    color: #555;
}

#static-content-wrapper .resources-links a:hover {
    color: #49e;
    text-decoration: underline;
}

#static-content-wrapper .bottom-button-group {
    text-align: center;
    background: #fcf2c7;
    width: 100%;
    padding: 20px 0;
    margin: 20px 0;
    display: inline-block;
    border-radius: 2px;
}

#static-content-wrapper .bottom-button-group strong {
    font-size: 18px;
    font-weight: bold;
    display: block;
}

#static-content-wrapper .bottom-button-group a {
    font-size: 15px;
    background: #fcd656;
    color: black !important;
    width: 300px;
    padding: 15px 0;
    margin: 10px auto 0;
    display: block;
    border-radius: 2px;
}

#static-content-wrapper .bottom-button-group a:hover {
    background: #ffbf00;
    text-decoration: none;
}

#static-content-wrapper .material-block {
    background: white;
    color: black;
    width: 340px;
    height: 240px;
    border-radius: 3px;
    margin: 20px 0;
    float: left;
    box-shadow: 1px 1px 3px #aaa;
    position: relative;
}

[lang=de] #static-content-wrapper .material-block {
    height: 285px;
}

#static-content-wrapper .material-block:hover {
    text-decoration: none;
    box-shadow: 1px 1px 5px #888;
}

#static-content-wrapper .material-block:active {
    box-shadow: none;
}

#static-content-wrapper .material-title {
    font-size: 15px;
    text-align: center;
    width: 330px;
    height: 30px;
    background: #49e;
    color: white;
    padding: 5px;
    margin: 0;
    border-radius: 3px 3px 0 0;
    line-height: 30px;
}

#static-content-wrapper .material-image {
    margin: 10px;
    position: absolute;
    width: 150px;
    border-radius: 3px;
    display: block;
    border: 1px solid #eee;
}

#static-content-wrapper .material-text {
    font-size: 13px;
    text-align: left;
    margin: 10px 5px 10px 170px;
}

#static-content-wrapper .material-spacer {
    width: 45px;
    height: 240px;
    margin: 20px 0;
    float: left;
}

#static-content-wrapper .swatch-wrapper {
    float: left;
}

#static-content-wrapper .swatch-tile {
    width: 57px;
    height: 20px;
    text-align: center;
    text-shadow: 1px 1px 1px white, -1px 1px 1px white, -1px -1px 1px white, 1px -1px 1px white;
    margin-right: -1px;
    border: 1px solid #999;
    background-position: center center;
    background-size: 100%;
}

#static-content-wrapper .swatch-tile.first {
    border-radius: 3px 0 0 3px;
}

#static-content-wrapper .swatch-tile.last {
    border-radius: 0 3px 3px 0;
}

#static-content-wrapper .swatch-tile.alone {
    border-radius: 3px;
}

#static-content-wrapper .swatch-label {
    color: #555;
    width: 57px;
    text-align: center;
    font-size: 11px;
    padding-top: 2px;
}

#static-content-wrapper .mini.swatch-wrapper {
    float: left;
}

#static-content-wrapper .mini.swatch-tile {
    width: 10px;
    height: 10px;
    text-align: center;
    text-shadow: 1px 1px 1px white, -1px 1px 1px white, -1px -1px 1px white, 1px -1px 1px white;
    margin: 0 1px 1px 0;
    border: 1px solid #999;
    background-position: center center;
    background-size: 100%;
}

#static-content-wrapper .mini.swatch-tile.first {
    border-radius: 2px 0 0 2px;
}

#static-content-wrapper .mini.swatch-tile.last {
    border-radius: 0 2px 2px 0;
}

#static-content-wrapper .mini.swatch-wrapper {
    float: left;
}

#static-content-wrapper .blue-pin {
    background: #49e;
    height: 18px;
    width: 18px;
    display: inline-block;
    color: white;
    text-align: center;
    border-radius: 10px;
    margin: 0 5px;
    line-height: 18px;
    border: 1px solid white;
}

#static-content-wrapper .specifications {
    width: 320px;
    padding: 5px 10px;
    position: absolute;
    bottom: 0;
}

#material {
    width: 700px;
    float: right;
}

#static-content-wrapper .picture {
    display: none;
    width: 520px;
    height: 400px;
    border-radius: 3px;
    float: left;
}

#static-content-wrapper .picture.active {
    display: block;
}

#static-content-wrapper .thumbnail {
    width: 175px;
    height: 130px;
    border-radius: 3px;
    cursor: pointer;
}

#static-content-wrapper .thumbnail.active {
    display: none;
}

#static-content-wrapper .thumbnails {
    width: 175px;
    height: 400px;
    float: right;
}

#static-content-wrapper .materials {
    width: 700px;
    margin-top: 20px;
}

#static-content-wrapper .colors label {
    float: left;
    width: 120px;
}

#static-content-wrapper .finishes {
    float: left;
}

#static-content-wrapper .finishes label {
    width: 120px;
    float: left;
}

#static-content-wrapper .layer-thicknesses {
    float: right;
}

#static-content-wrapper .layer-thicknesses label {
    float: left;
    width: 160px;
}

#static-content-wrapper .rating {
    background: #ddd;
    height: 5px;
    width: 150px;
    margin: 3px auto 10px;
    border-radius: 3px;
}

#static-content-wrapper .grade-A,
#static-content-wrapper .grade-B,
#static-content-wrapper .grade-C,
#static-content-wrapper .grade-D,
#static-content-wrapper .grade-E,
#static-content-wrapper .grade-F {
    background: #49e;
    height: 4px;
    border-top: 1px solid #437FB1;
    border-radius: 3px;
}

#static-content-wrapper .grade-A {
    width: 150px;
}

#static-content-wrapper .grade-B {
    width: 120px;
}

#static-content-wrapper .grade-C {
    width: 90px;
}

#static-content-wrapper .grade-D {
    width: 60px;
}

#static-content-wrapper .grade-E {
    width: 30px;
}

#static-content-wrapper .grade-F {
    width: 0;
}

#static-content-wrapper .small-text {
    font-size: 9px;
    overflow: hidden;
    display: block;
}

#static-content-wrapper .toggle-button-for-small-text {
    text-align: center;
    cursor: pointer;
}

#static-content-wrapper .toggle-button-for-small-text:hover {
    text-decoration: underline;
}

.loupe-frame {
    display: none;
    height: 100%;
    padding-top: 50px;
    position: fixed;
    text-align: center;
    top: 0;
    width: 960px;
    z-index: 9000;
}

body.with_promo_banner .loupe-frame {
    padding-top: 106px;
}

.loupe-frame div {
    display: inline-block;
    position: relative;
}

.loupe-frame img {
    background: #fff;
    border: 5px solid white;
    border-radius: 3px;
    box-shadow: 0 0 0 3000px rgba(0,0,0,0.5);
    max-height: 80vh;
    width: initial;
}

.loupe:hover {
    cursor: pointer;
    box-shadow: 0 0 3px #ccc;
    transition: ease all 0.2s;
}

.close-loupe-frame {
    background: rgba(0,0,0,0.5);
    border-radius: 0 3px 0 3px;
    color: white;
    cursor: pointer;
    font-size: 30px;
    height: 30px;
    line-height: 30px;
    opacity: 0.3;
    position: absolute;
    right: 0;
    top: 0;
    transition: ease all 0.2s;
    width: 30px;
}

.loupe-frame div:hover .close-loupe-frame {
    opacity: 1;
}

#static-content-wrapper .info-box {
    background-position: 10px 10px;
    background-repeat: no-repeat;
    border: 2px solid #ccc;
    border-radius: 3px;
    color: #555;
    margin: 10px 0;
    padding: 1%;
    width: 98%;
}

#static-content-wrapper .info-box div {
    border-bottom: 1px solid #ccc;
    font-size: 22px;
    height: 32px;
    line-height: 40px;
    margin-bottom: 10px;
    padding-left: 42px;
    padding-bottom: 10px;
}

#static-content-wrapper .info-box img {
    float: left;
    margin: 0 20px 10px 0;
    width: 40%;
}

#static-content-wrapper .info-box p {
    margin-right: 20px !important;
    margin-top: 20px !important;
}

#static-content-wrapper .info-box.tip {
    background-image: url(https://www.sculpteo.com/media/imagecontent/Icon_tips.png);
}

#static-content-wrapper .info-box.no-forget {
    background-image: url(https://www.sculpteo.com/media/imagecontent/Icon_warning.png);
}

#static-content-wrapper .info-box.info {
    background-image: url(https://www.sculpteo.com/media/imagecontent/Icon_info.png);
}

#static-content-wrapper .vertical-middle {
    display: table-cell;
}

#static-content-wrapper .vertical-middle * {
    vertical-align: middle;
}

#breadcrumb {
    color: #999;
    font-style: italic;
    margin: 5px 0 -20px;
}

#static-content-wrapper #breadcrumb a {
    color: #999;
}

#static-content-wrapper #breadcrumb a:hover {
    text-decoration: underline;
}

#static-content-wrapper .object-thumbnail {
    display: inline-block;
    width: 100px;
    height: 100px;
    background: #eee;
    border: 1px solid #ddd;
    border-radius: 3px;
    margin: 1px 4px 4px 1px;
}

#static-content-wrapper #material-blocks {
    width: 725px;
    float: right;
}

#static-content-wrapper #left-blocks {
    width: 190px;
    margin-top: 20px;
    float: left;
}

#static-content-wrapper #left-blocks .left-block {
    width: 180px;
    padding: 0 5px 10px;
    margin: 0 0 30px;
    border: 3px solid #ebf5fc;
    border-radius: 3px;
}

#static-content-wrapper #left-blocks .left-block-text {
    font-size: 13px;
    text-align: left;
    margin: 10px;
}

#static-content-wrapper #left-blocks .left-block ul {
    margin: 0 25px;
}

#static-content-wrapper #left-blocks .left-block ul li {
    font-size: 13px;
    text-align: left;
    margin: 0;
}

#static-content-wrapper #left-blocks .left-block-title {
    font-size: 14px;
    text-align: center;
}

#static-content-wrapper #left-blocks .left-block-image {
    display: block;
    height: 70px;
    margin: 20px auto;
}

#static-content-wrapper #right-blocks {
    width: 205px;
    margin-top: 20px;
    float: right;
}

#static-content-wrapper #right-blocks .right-block {
    width: 185px;
    padding: 0 5px 10px;
    border: 3px solid #ebf5fc;
    border-radius: 3px;
}

#static-content-wrapper #right-blocks .right-block-text {
    font-size: 13px;
    text-align: left;
    margin: 10px;
}

#static-content-wrapper #right-blocks .right-block ul {
    margin: 0 25px;
}

#static-content-wrapper #right-blocks .right-block ul li {
    font-size: 13px;
    text-align: left;
    margin: 0;
}

#static-content-wrapper #right-blocks .right-block-title {
    font-size: 14px;
    text-align: center;
}

#static-content-wrapper #right-blocks .right-block-image {
    display: block;
    height: 70px;
    margin: 20px auto;
}

#static-content-wrapper #sample-kit,
#static-content-wrapper .menu-image {
    width: 200px;
    margin: 20px 4px 0;
    border-radius: 3px;
    display: block;
    border: 1px solid #eee;
}


/* update 06.01.2015 : from Cloud Pages (Remi) */

/* Cloud: first page */

.cloud-steps {
    margin: 15px auto;
    height: 35%;
    width: auto;
    display: block;
}

.cloud-figure {
    width: 302px;
    display: inline-block;
    margin-right: 22px;
    margin-left: 0px;
}

.cloud-figure-last {
    margin-right: 0px;
}

.cloud-figcaption {
    text-align: center;
}

.cloud-cases-study-images {
    height: 150px;
    width: 100%;
    margin-right: 15px;
    border: 1px solid #E7E7E7;
}

.cases-study {
    background: #ebf5fc;
    padding: 50px 10px;
    border-radius: 5px;
    border: 1px solid #49e;
    font-size: 30px !important;
    color: #49e !important;
    text-decoration: none !important;
    font-size: 17px;
    display: block;
    text-align: center;
}

.cases-study:hover {
    box-shadow: 3px 3px 3px #ccc;
}

.tutorial-text-more {
    text-align: justify !important;
    margin: 15px !important;
}

.tutorial-text-more:after {
    content: "";
    display: inline-block;
    width: 100%;
}


/* Cloud: Upload 3D file, Display 3D model, Order, Embed */

.cloud-image-middle {
    height: 300px;
}

.cloud-images-group {
    width: 340px;
    border: 1px solid #E7E7E7;
}

.cloud-fake-url {
    color: #49e;
}

.cloud-code {
    background: #efc;
    border: 1px solid #ac9;
    border-left: none;
    border-right: none;
    padding: 5px;
}

.cloud-balise1 {
    color: #000080;
}

.cloud-balise2 {
    color: #008080;
}

.cloud-balise3 {
    color: #bb8844;
}

.cloud-button {
    height: 15px;
}

.cloud-other-step {
    background: #49e;
    padding: 10px;
    border-radius: 5px;
    display: block;
    float: right;
    color: #ebf5fc !important;
    text-decoration: none !important;
    font-size: 17px;
    box-shadow: 3px 3px 3px #ccc;
}

.cloud-other-step:hover {
    box-shadow: 5px 5px 5px #ccc;
}

.cloud-other-step-previous {
    float: left;
}

.right-block-text-more {
    text-align: justify !important;
    margin: 15px !important;
}

.right-block-text-more:after {
    content: "";
    display: inline-block;
    width: 100%;
}

.cloud-other-step {
    background: #49e;
    padding: 10px;
    border-radius: 5px;
    display: block;
    float: right;
    color: #ebf5fc !important;
    text-decoration: none !important;
    font-size: 17px;
    box-shadow: 3px 3px 3px #ccc;
}

.cloud-other-step:hover {
    box-shadow: 5px 5px 5px #ccc;
}

.cloud-other-step-previous {
    float: left;
}

.cloud-iframe {
    transform: scale(0.70,0.70);
    transform-origin: top left;
    overflow: hidden;
    margin-bottom: -210px;
    -ms-transform: scale(0.70,0.70);
    -ms-transform-origin: top left;
    -webkit-transform: scale(0.70,0.70);
    -webkit-transform-origin: top left;
    -moz-transform: scale(0.70, 0.70);
    -moz-transform-origin: top left;
}

.cloud-iframe-3dpcase {
    margin-bottom: -90px;
}

.cloud-overlay-button {
    font-size: 16px;
    margin: auto;
    display: block;
}

.cases-study {
    background: #ebf5fc;
    padding: 10px;
    border-radius: 5px;
    border: 1px solid #49e;
    font-size: 19px !important;
    color: #49e !important;
    text-decoration: none !important;
    display: block;
    text-align: center;
    margin-top: 20px;
}

.cases-study:hover {
    box-shadow: 3px 3px 3px #ccc;
}

.tutoriel-image {
    vertical-align: middle;
    height: 40px;
    margin-right: 25px;
}


/* Diagrammes Cloud: Upload 3D file, Display 3D model, Order */

.diagramme ul {
    padding-top: 0px;
    position: relative;
}

.diagramme ul ul {
    padding-top: 20px;
}

.diagramme li {
    float: left;
    list-style-type: none;
    position: relative;
}

.diagramme ul li {
    text-align: center !important;
    padding: 20px 5px 0 5px !important;
    margin: 0px !important;
}

.diagramme li::before, .diagramme li::after {
    content: '';
    position: absolute;
    top: 0;
    right: 50%;
    border-top: 2px solid #49e;
    width: 50%;
    height: 20px;
}

.diagramme li::after {
    right: auto;
    left: 50%;
    border-left: 2px solid #49e;
}

.diagramme li:only-child::after, .diagramme li:only-child::before {
    display: none;
}

.diagramme li:only-child {
    padding-top: 0;
}

.diagramme li:first-child::before, .diagramme li:last-child::after {
    border: 0 none;
}

.diagramme li:last-child::before {
    border-right: 2px solid #49e;
    border-radius: 0 5px 0 0;
    -webkit-border-radius: 0 5px 0 0;
    -moz-border-radius: 0 5px 0 0;
}

.diagramme li:first-child::after {
    border-radius: 5px 0 0 0;
    -webkit-border-radius: 5px 0 0 0;
    -moz-border-radius: 5px 0 0 0;
}

.diagramme ul ul::before {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    border-left: 2px solid #49e;
    width: 0;
    height: 20px;
}

.diagramme li a {
    border: 2px solid #49e;
    background: #ebf5fc;
    color: #49e !important;
    padding: 5px 10px;
    font-size: 13px;
    display: inline-block;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

.diagramme span {
    display: block;
    color: #49e !important;
}

.diagramme li a:hover, .diagramme li a:hover+ul li a {
    text-decoration: none !important;
    background: #49e !important;
    color: white !important;
}

.diagramme li a:hover *, .diagramme li a:hover+ul li a * {
    text-decoration: none !important;
    background: #49e !important;
    color: white !important;
}

.diagramme span:hover {
    color: white !important;
    background: #49e !important;
}

.diagramme .first {
    font-size: 20px;
    padding: 0 20px 10px 20px;
    background: none;
}

.diagramme .first:hover {
    background: none !important;
    color: #49e !important;
}


/* Cloud: Case study (find APIs that suits you), Embed  */

.cloud-figure {
    width: 304px;
    display: inline-block;
    margin-right: 19px;
    margin-left: 0px;
    background: #ebf5fc;
}

.cloud-image {
    width: 698px;
}

.cloud-figure-last {
    margin-right: 0px;
}

.cloud-figcaption {
    text-align: center;
}

.cloud-cases-study-images {
    height: 150px;
    width: 100%;
    margin-right: 15px;
    border: 1px solid #E7E7E7;
}

.cloud-figure-title {
    display: block;
    text-align: center;
    background: #49e;
    padding: 5px;
    margin-bottom: 10px;
    color: white;
}

.cloud-figure-subtitle {
    margin: 10px;
    text-align: center;
    display: block;
}

.cloud-figure-block {
    padding: 10px 10px 5px 10px;
    margin-bottom: 15px;
}

.questionnaire {
    border: 1px solid grey;
    background: #F5F5F5;
    width: 698px;
    padding: 10px;
}

.questionnaire .question {
    display: inline-block;
    width: 500px;
}

.questionnaire-titre {
    margin: 5px;
    font-size: 18px;
    margin-left: 20px;
    color: #49e;
    font-weight: bold;
    display: inline-block;
}

.questionnaire-image {
    float: left;
    height: 30px;
}

.questionnaire-question {
    display: inline-block;
    padding: 5px !important;
    text-align: center !important;
}

.questionnaire-button {
    margin: 0 10px 10px 10px;
    float: right;
}

.right-block-text-more {
    text-align: justify !important;
    margin: 15px !important;
}

.right-block-text-more:after {
    content: "";
    display: inline-block;
    width: 100%;
}

.questionnaire-aide {
    float: right;
    cursor: pointer;
}

.questionnaire-help {
    text-align: justify;
}

#static-content-wrapper .top-button-group {
    text-align: center;
    background: #FFFFFF;
    width: 100%;
    padding: 20px 0;
    margin: 20px 0;
    display: inline-block;
    border-radius: 2px;
}

#static-content-wrapper .top-button-group strong {
    font-size: 18px;
    font-weight: bold;
    display: block;
}

#static-content-wrapper .top-button-group a {
    font-size: 15px;
    background: #FFFFFF;
    color: black !important;
    width: 300px;
    padding: 15px 0;
    margin: 10px auto 0;
    display: block;
    border-radius: 2px;
}

#static-content-wrapper .top-button-group a:hover {
    background: #FFFFFF;
    text-decoration: none;
}

.triggerMarketingFrameWrapper {
    background: rgba(0,0,0,0.5);
    height: 100%;
    left: 0;
    position: fixed;
    text-align: center;
    top: 0;
    width: 100%;
    z-index: 9999999;
}

.triggerMarketingFrameWrapper [data-close] {
    top: 0;
    right: 30px;
    font-weight: bold;
    font-size: 55px;
    color: white;
}
.triggerMarketingFrameWrapper [data-close]:hover {
    text-decoration: none;
}

.triggerMarketingFrame {
    background-color: white;
    position: relative;
    height: auto;
    overflow-y: hidden;
    max-width: 650px;
    max-height: 500px;
    width: 100%;
    height: 100%;
    margin-top: 100px;
    box-shadow: 0px 4px 10px 2px rgba(0, 0, 0, 0.35);
    border-top: 4px solid #49E;
}

@media (max-width: 600px) {
    .triggerMarketingFrame {
        max-height: 380px;
    }
}

@media (max-width: 650px) {
    .triggerMarketingFrameWrapper [data-close] {
        top: 100px;
        right: 10px;
        z-index: 1;
        color: #49E;
    }
}


.raptor-ui-statistics {
    display: none;
}

#static-content-wrapper.fixed {
    position: inherit !important;
}

/*
#___gcse_0 {
    width: 200px;
}
*/

.gsc-control-cse {
    padding: 0 !important;
}

.gsc-search-button,
.gsib_b {
    display: none !important;
}

.gsc-input,
.gsib_a {
    background: none !important;
    padding: 0 !important;
    height: 28px;
}

.table.gsc-search-box td {
    background: none !important;
}

.gsc-input-box {
    border-radius: 3px;
    height: 30px;
}

.gsc-results-wrapper-nooverlay {
    display: none;
    position: fixed !important;
    left: 0;
    right: 0;
    top: 100px;
    background-color: white;
    margin: 50px;
    z-index: 9;
    border: 1px solid #ccc;
    border-radius: 3px;
    box-shadow: 0 0 3px #ccc;
    padding: 10px;
    bottom: 50px;
    overflow-y: auto;
}

#closeResults {
    color: black;
    display: none;
    position: fixed;
    top: 119px;
    right: 53px;
    background-color: white;
    line-height: 30px;
    text-align: center;
    font-size: 47px;
    width: 30px;
    height: 30px;
    cursor: pointer;
    border: 1px solid #ccc;
    box-shadow: 0 0 3px #999;
}

#content_sum1 {
    font-weight: normal;
    margin-left: 50px !important;
}

#content_sum2 {
    font-weight: normal;
    margin-left: 50px !important;
}

#content_sum3 {
    font-weight: normal;
    margin-left: 50px !important;
}

#content_sum4 {
    font-weight: normal;
    margin-left: 50px !important;
}

#global {
    background-color: #ebf5fc;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 15px 0px;
    border-color: #49e;
    border-style: solid;
}

#custom1 {
    color: #49e;
    font-size: 17px;
    padding: 4px 5px 5px 5px;
    margin: 0px 0px 0px 0px;
}

#custom2 {
    color: #49e;
    font-size: 17px;
    padding: 4px 5px 5px 5px;
    margin: 0px 0px 0px 0px;
}

#custom3 {
    color: #49e;
    font-size: 17px;
    padding: 4px 5px 5px 5px;
    margin: 0px 0px 0px 0px;
}

#custom4 {
    color: #49e;
    font-size: 17px;
    padding: 4px 5px 5px 5px;
    margin: 0px 0px 0px 0px;
}

/* Gruiik Gruiik */
#img_1_right,
#img_2_right,
#img_3_right,
#img_4_right,
#img_5_right,
#img_1_bottom,
#img_2_bottom,
#img_3_bottom,
#img_4_bottom,
#img_5_bottom,
.img_right,
.img_bottom {
    padding: 0px 0px 0px 0px;
    margin-right: 15px;
    margin-top: 5px;
    float: right;
}

#previous_page {
    font-style: normal;
    float: left;
    font-size: 15px;
    color: #49e;
    text-decoration: none;
    border-style: solid !important;
    padding: 0px 0px 0px 0px;
    margin: 10px 0px 10px 0px;
}

#next_page {
    font-style: normal;
    font-size: 15px;
    text-decoration: none;
    border-style: solid !important;
    padding: 0px 0px 0px 0px;
    margin: 10px 0px 10px 0px;
    float: right;
}

#calltoaction {
    font-size: 25px;
    font-weight: bold;
    text-decoration: none;
    background-color: #49e;
    padding: 15px 0px 15px 0px;
    margin: 20px 551px 10px 253px;
    color: white;
    text-align: center;
}

#calltoaction a {
    font-size: 25px;
    font-weight: bold;
    text-decoration: none;
    background-color: #49e;
    color: #ffffff;
    text-align: center;
}

#calltoaction a:hover {
    color: #4bb6f5;
    font-weight: bold;
    text-decoration: none;
}
/*
#static-content-wrapper a {
  color: #ffffff !important;
  text-decoration: none;
} */
#static-content-wrapper a:hover {
    color: #4bb6f5 !important;
    text-decoration: none;
}

#calltoaction2 {
    font-size: 20px;
    font-weight: bold;
    text-decoration: none;
    background-color: #49e;
    padding: 4px 0px 4px 0px;
    margin: 12px 250px 10px 240px;
    color: white;
    color: #ffffff !important;
    text-align: center;
    width: 250px;
}

#calltoaction2 a {
    font-size: 25px;
    font-weight: bold;
    text-decoration: none;
    background-color: #49e;
    color: #ffffff !important;
    text-align: center;
}

#calltoaction2 a:hover {
    color: #4bb6f5;
    font-weight: bold;
    text-decoration: none;
}

.next_previous {
    padding: 150px 0px 0px 0px;
    margin-bottom: 20px;
}

.previous_article,
.next_article {
    border-radius: 3px;
    padding: 3px;
    width: 40%;
    display: inline-block;
    text-decoration: none;
    transition: ease all 0.2s;
}

.previous_article:hover,
.next_article:hover {
    background: rgba(68, 153, 238, 0.2);
}

.next_article {
    float: right;
}

.previous_article img {
    float: left;
    margin-left: 3px;
    width: 75px;
    height: 75px;
    border-radius: 3px;
}

.previous_article .prevNext-wrapper {
    margin-left: 105px;
}

.next_article .prevNext-wrapper {
    margin-right: 105px;
    text-align: right;
}

#batuto {
    margin-top: 20px;
}

#batuto-right {
    margin-top: 26px;
    float: right;
}

.next_article img {
    border-radius: 3px;
    float: right;
    margin-top: 60px;
    margin-right: 3px;
    width: 75px;
    height: 75px;
}

.left-arrow,
.right-arrow {
    display: inline-block;
    font-size: 75px;
    color: #555;
    vertical-align: top;
    margin-top: 40px;
}

.left-arrow {
    float: left;
}

.right-arrow {
    float: right;
}

h3#nextArticle,
h3#prevArticle {
    color: #333;
    display: inline-block;
    margin: 2px;
    padding: 2px;
    border-bottom: none;
}

.prevNext-wrapper p {
    margin: 2px;
    padding: 2px;
    color: #333;
}

.prevNext-wrapper .next_article h3 {
    color: #333;
    display: inline-block;
    margin: 2px;
    padding: 2px;
    border-bottom: none;
}

.prevNext-wrapper p {
    max-height: 40px;
    overflow: hidden;
}

.wide-m16-ta-center-wide {
    margin-top: 10px;
}

.part_child {
    height: 0;
    overflow: hidden;
    display: block;
    margin-left: 20px;
}

.part_heading,
.part_child.current_page,
.part_child.opened {
    height: auto;
    display: block;
    margin-bottom: 5px;
    padding: 5px;
    position: relative;
    overflow: hidden;
    border: 1px solid #ccc;
    border-radius: 2px;
    width: 168px;
}

.part_heading {
    width: 188px;
}

.part_heading > .progress_indicator,
.part_child.current_page > .progress_indicator,
.part_child.opened > .progress_indicator {
    background-color: #C6E3FF;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    z-index: -1;
}

#static-content-wrapper .part_heading > a,
#static-content-wrapper .part_child.current_page > a,
#static-content-wrapper .part_child.opened > a,
#static-content-wrapper .part_heading > a:hover,
#static-content-wrapper .part_child.current_page > a:hover,
#static-content-wrapper .part_child.opened > a:hover {
    color: #333 !important;
    width: 100%;
    height: 100%;
    display: block;
}

#static-content-wrapper .part_heading:hover,
#static-content-wrapper .part_child.current_page:hover,
#static-content-wrapper .part_child.opened:hover {
    cursor: pointer;
    background-color: rgba(151,204,255,0.5);
}

.cms-right {
    text-align: right !important;
}

.cms-left {
    text-align: left !important;
}

.cms-center {
    text-align: center !important;
}

.cms-material-also-available {
    margin-top: 32px;
}
.cms-material-also-available li {
    width: 49%;
    display: inline-block;
    box-sizing: border-box;
    margin: 0 0 24px 0;
    padding: 0 16px 0 158px;
    position: relative;
    vertical-align: top;
    min-height: 100px;
    text-align: left;
}
.cms-material-also-available .img {
    width: 150px;
    height: 100px;
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
}
.cms-material-also-available img {
    width: 150px;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}
.cms-material-also-available h3 {
    margin-bottom: 4px;
    font-weight: normal;
}
.cms-material-also-available p {
    font-size: 14px;
}

.cms-applications-also-available li {
    min-height: 380px;
}
.cms-applications-also-available .img {
    width: 100%;
    height: 150px;
    position: relative;
    overflow: hidden;
}
.cms-applications-also-available img {
    width: 100%;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}
.cms-applications-also-available .blue-button {
    position: absolute;
    bottom: 16px;
    left: 50%;
    transform: translateX(-50%);
}

.page-cms-template-application #breadcrumb {
    position: absolute;
    top: 74px;
    left: 10px;
    color: #EEEEEE;
}
.page-cms-template-application #breadcrumb a {
    color: #FFFFFF;
}

.page-cms-sculpteo-bike-project #static-content-wrapper .tip-block,
.page-cms-agile-metal-technology #static-content-wrapper .tip-block {
    position: relative;
    width: 455px;
    height: 500px;
}

.page-cms-sculpteo-bike-project #static-content-wrapper .tip-title,
.page-cms-sculpteo-bike-project #static-content-wrapper .tip-title + img,
.page-cms-agile-metal-technology #static-content-wrapper .tip-title,
.page-cms-agile-metal-technology #static-content-wrapper .tip-title + img {
    width: 100% !important;
    box-sizing: border-box;
}
.page-cms-sculpteo-bike-project #static-content-wrapper .tip-title + img,
.page-cms-agile-metal-technology #static-content-wrapper .tip-title + img {
    height: auto !important;
}
.page-cms-sculpteo-bike-project #static-content-wrapper p:last-child,
.page-cms-agile-metal-technology #static-content-wrapper p:last-child {
    position: absolute;
    bottom: 10px;
    left: 50%;
    transform: translateX(-50%);
}
.page-cms-sculpteo-bike-project #static-content-wrapper p:last-child a:hover,
.page-cms-agile-metal-technology #static-content-wrapper p:last-child a:hover {
    color: #FFF !important;
}
[lang=fr] .page-cms-agile-metal-technology #static-content-wrapper .tip-block,
[lang=es] .page-cms-agile-metal-technology #static-content-wrapper .tip-block,
[lang=de] .page-cms-agile-metal-technology #static-content-wrapper .tip-block {
    height: 550px;
}

@media (max-width: 1023px) {
    #static-content-wrapper #menu, #static-content-wrapper .tutorial-spacer {
        display: none;
    }

    #static-content-wrapper .tutorial-block {
        width: 100%;
        height: auto;
        margin: 0 0 15px;
    }

    #static-content-wrapper .tutorial-title, #material {
        width: 100%;
        height: auto;
    }

    #material iframe, #static-content-wrapper .picture {
        width: 100%;
        height: auto;
    }

    #static-content-wrapper .thumbnails {
        height: auto;
        width: 100%;
        float: none;
    }

    #aside_videos {
        display: none !important;
    }

    .page-cms-webinars #container_below_image {
        width: 100% !important;
        padding: 15px;
        margin-top: 0 !important;
    }

    .page-cms-webinars #aside_videos,
    .page-cms-webinars #videos_latest, 
    .page-cms-webinars #videos_guided_tour, 
    .page-cms-webinars #videos_ask_3D, 
    .page-cms-webinars #videos_search,
    .page-cms-webinars #search_videos,
    .page-cms-webinars #container_form_subtitle {
        width: 100% !important;
    }

    .page-cms-webinars #static-content-wrapper p {
        margin-right: 0;
    }

    .page-cms-webinars #nav_latest, 
    .page-cms-webinars #nav_guided_tour, 
    .page-cms-webinars #nav_ask_3D {
        margin: 15px 0;
    }

    .page-cms-webinars #nav_latest a, 
    .page-cms-webinars #nav_guided_tour a, 
    .page-cms-webinars #nav_ask_3D a {
        display: inline-block;
        width: 30px;
        line-height: 30px;
    }

    .page-cms-webinars .menu_shortcut > img {
        width: 100% !important;
        margin-left: 0 !important;
    }

    .page-cms-webinars #search_videos_box {
        height: auto !important;
        margin-top: 15px;
        position: relative;
    }

    .page-cms-webinars .clearSearchText {
        top: auto !important;
        left: auto !important;
        right: 5px;
        bottom: 50%;
        position: absolute !important;
        transform: translateY(25%);
        -webkit-transform: translateY(25%);
    }

}

@media (max-width: 767px) {
    #static-content-wrapper .thumbnails img {
        width: 32%;
    }

    #static-content-wrapper .tip-block {
        display: block;
        height: auto;
        width: 100%;
        float: none;
    }

    #static-content-wrapper .tip-title {
        width: 100%;
        height: auto;
    }

    #static-content-wrapper .tip-text {
        padding-bottom: 5px;
    }

    #static-content-wrapper .tip-spacer, #static-content-wrapper .resources-spacer, #static-content-wrapper .resources-mini-spacer {
        display: none;
    }

    /* overriding backend cms styles.... */
    #static-content-wrapper .resources-block, #static-content-wrapper .resources-mini-block {
        width: 100% !important;
        height: auto !important;
    }

    .gsc-input-box {
        margin-right: 0 !important;
    }

    #static-content-wrapper #left-blocks, #static-content-wrapper #material-blocks {
        float: none;
        width: 100%;
    }

    #static-content-wrapper #left-blocks .left-block, #static-content-wrapper .material-block {
        width: 100%;
        height: auto;
        margin: 0 0 15px 0;
        float: none;
        display: block;
    }

    #static-content-wrapper .material-title, #static-content-wrapper.materials #introduction img {
        width: 100%;
    }

    iframe, 
    #cms_large_banner, #cms_large_banner_title, #cms_large_banner_title > h2, 
    #cms_large_banner_title > p, #cms_cta_image_bloc_title, #cms_cta_image_bloc_title > h2,
    #cms_cta_image_bloc_title > p, #static-content-wrapper .cms_cta_image_block, 
    #report_banner, #report_banner_title, #report_banner_title > h2, #report_banner_title > p {
        width: 100% !important;
    }

    #static-content-wrapper .object-thumbnail {
        width: 32%;
        margin: 0;
    }

    #static-content-wrapper img.center {
        max-width: 100%;
    }

    #cms_large_banner_title > p, #cms_cta_image_bloc_title > p, #report_banner_title > p {
        padding: 5px;
        height: auto !important;
    }

    #static-content-wrapper .cms_cta_image_block, #report_banner {
        height: auto !important;
    }

    #static-content-wrapper .cms_cta_image_block_spacer, #static-content-wrapper .cms_medium_cta_image_block_spacer {
        display: none;
    }

    #static-content-wrapper .cms_cta_image_block {
        float: none !important;
        display: block !important;
    }

    #static-content-wrapper .cms_medium_cta_image_block {
        margin: 0 auto 15px !important;
        float: none !important;
    }

    #static-content-wrapper .coming-soon, #static-content-wrapper .bottom-info-block {
        height: auto;
        margin: 15px 0;
    }

    #report_banner {
        padding-bottom: 15px;
    }

    #report_banner + table td {
        width: 100%;
        display: block;
        height: auto;
    }

    #report_banner + table tr:first-child {
        display: none;
    }

    .page-cms-webinars .text_below_image {
        padding-bottom: 0 !important;
    }

    .page-cms-webinars #menu_video {
        padding-bottom: 15px;
    }

    .page-cms-webinars #aside_videos {
        margin-right: 0;
    }

    .page-cms-webinars .videos_list td, .page-cms-webinars #menu_video {
        display: block;
        height: auto !important;
        width: 100%;
    }

    .page-cms-webinars #registration {
        height: auto !important;
    }

    .page-cms-webinars .menu_shortcut_button {
        width: 80px !important;
    }

    .page-cms-webinars #container_form {
        width: 100% !important;
    }

    .page-cms-webinars #container_form_title {
        font-size: 28px !important;
    }

    .page-cms-webinars #container_form_subtitle_text {
        height: auto !important;
    }

    .cms-material-also-available li {
        display: block;
        width: 100%;
        padding: 0;
    }
    .cms-material-also-available li .img {
        width: 100%;
        height: 150px;
        position: relative;
        margin-bottom: 4px;
    }
    .cms-material-also-available li img {
        width: 100%;
    }

    .cms-applications-also-available li {
        min-height: 0;
        margin-bottom: 16px;
    }
    .cms-applications-also-available .blue-button {
        position: static;
        margin: 16px 0;
        transform: none;
    }

    .page-cms-agile-metal-technology #static-content-wrapper .tip-block {
        width: 100%;
    }
}