/*!
 * Bootstrap v3.3.4 (http://getbootstrap.com)
 * Copyright 2011-2015 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */

.container {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
}

.container-fluid {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

.paragraphSystem,
.row {
  margin-left: -15px;
  margin-right: -15px;
}

.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.paragraphSystem:before,
.paragraphSystem:after,
.row:before,
.row:after {
  content: " ";
  display: table;
}

.row:after,
.paragraphSystem:after,
.container:after,
.container-fluid:after {
  clear: both;
}

@media (min-width: 768px) {
  .container {
    width: 750px;
  }
}
@media (min-width: 992px) {
  .container {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  .container {
    width: 1170px;
  }
}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
  float: left;
}
.col-xs-12 {
  width: 100%;
}
.col-xs-11 {
  width: 91.66666667%;
}
.col-xs-10 {
  width: 83.33333333%;
}
.col-xs-9 {
  width: 75%;
}
.col-xs-8 {
  width: 66.66666667%;
}
.col-xs-7 {
  width: 58.33333333%;
}
.col-xs-6 {
  width: 50%;
}
.col-xs-5 {
  width: 41.66666667%;
}
.col-xs-4 {
  width: 33.33333333%;
}
.col-xs-3 {
  width: 25%;
}
.col-xs-2 {
  width: 16.66666667%;
}
.col-xs-1 {
  width: 8.33333333%;
}
.col-xs-pull-12 {
  right: 100%;
}
.col-xs-pull-11 {
  right: 91.66666667%;
}
.col-xs-pull-10 {
  right: 83.33333333%;
}
.col-xs-pull-9 {
  right: 75%;
}
.col-xs-pull-8 {
  right: 66.66666667%;
}
.col-xs-pull-7 {
  right: 58.33333333%;
}
.col-xs-pull-6 {
  right: 50%;
}
.col-xs-pull-5 {
  right: 41.66666667%;
}
.col-xs-pull-4 {
  right: 33.33333333%;
}
.col-xs-pull-3 {
  right: 25%;
}
.col-xs-pull-2 {
  right: 16.66666667%;
}
.col-xs-pull-1 {
  right: 8.33333333%;
}
.col-xs-pull-0 {
  right: auto;
}
.col-xs-push-12 {
  left: 100%;
}
.col-xs-push-11 {
  left: 91.66666667%;
}
.col-xs-push-10 {
  left: 83.33333333%;
}
.col-xs-push-9 {
  left: 75%;
}
.col-xs-push-8 {
  left: 66.66666667%;
}
.col-xs-push-7 {
  left: 58.33333333%;
}
.col-xs-push-6 {
  left: 50%;
}
.col-xs-push-5 {
  left: 41.66666667%;
}
.col-xs-push-4 {
  left: 33.33333333%;
}
.col-xs-push-3 {
  left: 25%;
}
.col-xs-push-2 {
  left: 16.66666667%;
}
.col-xs-push-1 {
  left: 8.33333333%;
}
.col-xs-push-0 {
  left: auto;
}
.col-xs-offset-12 {
  margin-left: 100%;
}
.col-xs-offset-11 {
  margin-left: 91.66666667%;
}
.col-xs-offset-10 {
  margin-left: 83.33333333%;
}
.col-xs-offset-9 {
  margin-left: 75%;
}
.col-xs-offset-8 {
  margin-left: 66.66666667%;
}
.col-xs-offset-7 {
  margin-left: 58.33333333%;
}
.col-xs-offset-6 {
  margin-left: 50%;
}
.col-xs-offset-5 {
  margin-left: 41.66666667%;
}
.col-xs-offset-4 {
  margin-left: 33.33333333%;
}
.col-xs-offset-3 {
  margin-left: 25%;
}
.col-xs-offset-2 {
  margin-left: 16.66666667%;
}
.col-xs-offset-1 {
  margin-left: 8.33333333%;
}
.col-xs-offset-0 {
  margin-left: 0%;
}
@media (min-width: 768px) {
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    float: left;
  }
  .col-sm-12 {
    width: 100%;
  }
  .col-sm-11 {
    width: 91.66666667%;
  }
  .col-sm-10 {
    width: 83.33333333%;
  }
  .col-sm-9 {
    width: 75%;
  }
  .col-sm-8 {
    width: 66.66666667%;
  }
  .col-sm-7 {
    width: 58.33333333%;
  }
  .col-sm-6 {
    width: 50%;
  }
  .col-sm-5 {
    width: 41.66666667%;
  }
  .col-sm-4 {
    width: 33.33333333%;
  }
  .col-sm-3 {
    width: 25%;
  }
  .col-sm-2 {
    width: 16.66666667%;
  }
  .col-sm-1 {
    width: 8.33333333%;
  }
  .col-sm-pull-12 {
    right: 100%;
  }
  .col-sm-pull-11 {
    right: 91.66666667%;
  }
  .col-sm-pull-10 {
    right: 83.33333333%;
  }
  .col-sm-pull-9 {
    right: 75%;
  }
  .col-sm-pull-8 {
    right: 66.66666667%;
  }
  .col-sm-pull-7 {
    right: 58.33333333%;
  }
  .col-sm-pull-6 {
    right: 50%;
  }
  .col-sm-pull-5 {
    right: 41.66666667%;
  }
  .col-sm-pull-4 {
    right: 33.33333333%;
  }
  .col-sm-pull-3 {
    right: 25%;
  }
  .col-sm-pull-2 {
    right: 16.66666667%;
  }
  .col-sm-pull-1 {
    right: 8.33333333%;
  }
  .col-sm-pull-0 {
    right: auto;
  }
  .col-sm-push-12 {
    left: 100%;
  }
  .col-sm-push-11 {
    left: 91.66666667%;
  }
  .col-sm-push-10 {
    left: 83.33333333%;
  }
  .col-sm-push-9 {
    left: 75%;
  }
  .col-sm-push-8 {
    left: 66.66666667%;
  }
  .col-sm-push-7 {
    left: 58.33333333%;
  }
  .col-sm-push-6 {
    left: 50%;
  }
  .col-sm-push-5 {
    left: 41.66666667%;
  }
  .col-sm-push-4 {
    left: 33.33333333%;
  }
  .col-sm-push-3 {
    left: 25%;
  }
  .col-sm-push-2 {
    left: 16.66666667%;
  }
  .col-sm-push-1 {
    left: 8.33333333%;
  }
  .col-sm-push-0 {
    left: auto;
  }
  .col-sm-offset-12 {
    margin-left: 100%;
  }
  .col-sm-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-sm-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-sm-offset-9 {
    margin-left: 75%;
  }
  .col-sm-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-sm-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-sm-offset-6 {
    margin-left: 50%;
  }
  .col-sm-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-sm-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-sm-offset-3 {
    margin-left: 25%;
  }
  .col-sm-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-sm-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-sm-offset-0 {
    margin-left: 0%;
  }
}
@media (min-width: 992px) {
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left;
  }
  .col-md-12 {
    width: 100%;
  }
  .col-md-11 {
    width: 91.66666667%;
  }
  .col-md-10 {
    width: 83.33333333%;
  }
  .col-md-9 {
    width: 75%;
  }
  .col-md-8 {
    width: 66.66666667%;
  }
  .col-md-7 {
    width: 58.33333333%;
  }
  .col-md-6 {
    width: 50%;
  }
  .col-md-5 {
    width: 41.66666667%;
  }
  .col-md-4 {
    width: 33.33333333%;
  }
  .col-md-3 {
    width: 25%;
  }
  .col-md-2 {
    width: 16.66666667%;
  }
  .col-md-1 {
    width: 8.33333333%;
  }
  .col-md-pull-12 {
    right: 100%;
  }
  .col-md-pull-11 {
    right: 91.66666667%;
  }
  .col-md-pull-10 {
    right: 83.33333333%;
  }
  .col-md-pull-9 {
    right: 75%;
  }
  .col-md-pull-8 {
    right: 66.66666667%;
  }
  .col-md-pull-7 {
    right: 58.33333333%;
  }
  .col-md-pull-6 {
    right: 50%;
  }
  .col-md-pull-5 {
    right: 41.66666667%;
  }
  .col-md-pull-4 {
    right: 33.33333333%;
  }
  .col-md-pull-3 {
    right: 25%;
  }
  .col-md-pull-2 {
    right: 16.66666667%;
  }
  .col-md-pull-1 {
    right: 8.33333333%;
  }
  .col-md-pull-0 {
    right: auto;
  }
  .col-md-push-12 {
    left: 100%;
  }
  .col-md-push-11 {
    left: 91.66666667%;
  }
  .col-md-push-10 {
    left: 83.33333333%;
  }
  .col-md-push-9 {
    left: 75%;
  }
  .col-md-push-8 {
    left: 66.66666667%;
  }
  .col-md-push-7 {
    left: 58.33333333%;
  }
  .col-md-push-6 {
    left: 50%;
  }
  .col-md-push-5 {
    left: 41.66666667%;
  }
  .col-md-push-4 {
    left: 33.33333333%;
  }
  .col-md-push-3 {
    left: 25%;
  }
  .col-md-push-2 {
    left: 16.66666667%;
  }
  .col-md-push-1 {
    left: 8.33333333%;
  }
  .col-md-push-0 {
    left: auto;
  }
  .col-md-offset-12 {
    margin-left: 100%;
  }
  .col-md-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-md-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-md-offset-9 {
    margin-left: 75%;
  }
  .col-md-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-md-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-md-offset-6 {
    margin-left: 50%;
  }
  .col-md-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-md-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-md-offset-3 {
    margin-left: 25%;
  }
  .col-md-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-md-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-md-offset-0 {
    margin-left: 0%;
  }
}
@media (min-width: 1200px) {
  .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
    float: left;
  }

  .col-lg-12 {
    width: 100%;
  }

  .col-lg-11 {
    width: 91.66666667%;
  }

  .col-lg-10 {
    width: 83.33333333%;
  }

  .col-lg-9 {
    width: 75%;
  }

  .col-lg-8 {
    width: 66.66666667%;
  }

  .col-lg-7 {
    width: 58.33333333%;
  }

  .col-lg-6 {
    width: 50%;
  }

  .col-lg-5 {
    width: 41.66666667%;
  }

  .col-lg-4 {
    width: 33.33333333%;
  }

  .col-lg-3 {
    width: 25%;
  }

  .col-lg-2 {
    width: 16.66666667%;
  }

  .col-lg-1 {
    width: 8.33333333%;
  }

  .col-lg-pull-12 {
    right: 100%;
  }

  .col-lg-pull-11 {
    right: 91.66666667%;
  }

  .col-lg-pull-10 {
    right: 83.33333333%;
  }

  .col-lg-pull-9 {
    right: 75%;
  }

  .col-lg-pull-8 {
    right: 66.66666667%;
  }

  .col-lg-pull-7 {
    right: 58.33333333%;
  }

  .col-lg-pull-6 {
    right: 50%;
  }

  .col-lg-pull-5 {
    right: 41.66666667%;
  }

  .col-lg-pull-4 {
    right: 33.33333333%;
  }

  .col-lg-pull-3 {
    right: 25%;
  }

  .col-lg-pull-2 {
    right: 16.66666667%;
  }

  .col-lg-pull-1 {
    right: 8.33333333%;
  }

  .col-lg-pull-0 {
    right: auto;
  }

  .col-lg-push-12 {
    left: 100%;
  }

  .col-lg-push-11 {
    left: 91.66666667%;
  }

  .col-lg-push-10 {
    left: 83.33333333%;
  }

  .col-lg-push-9 {
    left: 75%;
  }

  .col-lg-push-8 {
    left: 66.66666667%;
  }

  .col-lg-push-7 {
    left: 58.33333333%;
  }

  .col-lg-push-6 {
    left: 50%;
  }

  .col-lg-push-5 {
    left: 41.66666667%;
  }

  .col-lg-push-4 {
    left: 33.33333333%;
  }

  .col-lg-push-3 {
    left: 25%;
  }

  .col-lg-push-2 {
    left: 16.66666667%;
  }

  .col-lg-push-1 {
    left: 8.33333333%;
  }

  .col-lg-push-0 {
    left: auto;
  }

  .col-lg-offset-12 {
    margin-left: 100%;
  }

  .col-lg-offset-11 {
    margin-left: 91.66666667%;
  }

  .col-lg-offset-10 {
    margin-left: 83.33333333%;
  }

  .col-lg-offset-9 {
    margin-left: 75%;
  }

  .col-lg-offset-8 {
    margin-left: 66.66666667%;
  }

  .col-lg-offset-7 {
    margin-left: 58.33333333%;
  }

  .col-lg-offset-6 {
    margin-left: 50%;
  }

  .col-lg-offset-5 {
    margin-left: 41.66666667%;
  }

  .col-lg-offset-4 {
    margin-left: 33.33333333%;
  }

  .col-lg-offset-3 {
    margin-left: 25%;
  }

  .col-lg-offset-2 {
    margin-left: 16.66666667%;
  }

  .col-lg-offset-1 {
    margin-left: 8.33333333%;
  }

  .col-lg-offset-0 {
    margin-left: 0%;
  }
}/*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */
/**
 * 1. Change the default font family in all browsers (opinionated).
 * 2. Correct the line height in all browsers.
 * 3. Prevent adjustments of font size after orientation changes in
 *    IE on Windows Phone and in iOS.
 */
/* Document
   ========================================================================== */
html{font-family:sans-serif;line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,footer,header,nav,section{display:block}h1{font-size:2em;margin:.67em 0}figcaption,figure,main{display:block}figure{margin:0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent;-webkit-text-decoration-skip:objects}a:active,a:hover{outline-width:0}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:inherit}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}dfn{font-style:italic}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}audio,video{display:inline-block}audio:not([controls]){display:none;height:0}img{border-style:none}svg:not(:root){overflow:hidden}button,input,optgroup,select,textarea{font-family:sans-serif;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{display:inline-block;vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details,menu{display:block}summary{display:list-item}canvas{display:inline-block}template{display:none}[hidden]{display:none}@charset "UTF-8";

:root {
    --primary-color: #E37200;
    --primary-color-light: #E57200;
    --primary-color-dark: #E64510;
    --secondary-color: #242F60;
    --secondary-color-dark: #1c254c;
    --orange-red-color: rgba(230, 99, 6, 1)
}

:lang(en-in) {
    --primary-color: #e86215;
    --primary-color-light: #6ea958;
    --primary-color-dark: #4b6e4b;
    --secondary-color: #3D9525;
    --secondary-color-dark: #4b6e4b
}

body,
html {
    color: #323131;
    font-family: DiodrumVoltaren;
    font-weight: 400;
    font-style: normal;
    height: 100%;
    letter-spacing: .6px;
    line-height: 28px
}

@media (min-width:992px) {
    .body-increased {
        font-size: 1.375rem;
        line-height: 23px
    }
}

.h1-styles {
    font-family: DiodrumVoltaren;
    font-weight: 600;
    font-style: normal;
    font-size: 2rem;
    line-height: 38px;
    letter-spacing: 0;
    color: var(--primary-color)
}

@media (min-width:768px) {
    .h1-styles {
        font-size: 3.5rem;
        line-height: 64px
    }
}

.h2-styles {
    font-family: DiodrumVoltaren;
    font-weight: 600;
    font-style: normal;
    font-size: 1.625rem;
    line-height: 32px;
    letter-spacing: 0;
    color: #323131
}

@media (min-width:768px) {
    .h2-styles {
        font-size: 2.8125rem;
        line-height: 50px
    }
}

.h3-styles {
    font-family: DiodrumVoltaren;
    font-weight: 600;
    font-style: normal;
    font-size: 1.375rem;
    line-height: 28px;
    letter-spacing: 0;
    color: #323131
}

@media (min-width:768px) {
    .h3-styles {
        font-size: 2rem;
        line-height: 42px
    }
}

.h4-styles {
    font-family: DiodrumVoltaren;
    font-weight: 600;
    font-style: normal;
    font-size: 1.125rem;
    line-height: 24px;
    letter-spacing: 0;
    color: #323131
}

@media (min-width:768px) {
    .h4-styles {
        font-size: 1.375rem;
        line-height: 32px
    }
}

.h5-styles {
    font-family: DiodrumVoltaren;
    font-weight: 600;
    font-style: normal;
    font-size: .9375rem;
    line-height: 20px;
    letter-spacing: 0;
    color: #323131
}

@media (min-width:768px) {
    .h5-styles {
        font-size: 1.125rem;
        line-height: 26px
    }
}

.introduction-text {
    font-family: DiodrumVoltaren;
    font-weight: 400;
    font-style: normal;
    font-size: 1.125rem;
    max-width: 60%;
    line-height: 29px;
    letter-spacing: 0;
    text-align: left;
    color: #323131
}

@media (min-width:768px) {
    .introduction-text {
        font-size: 1.375rem;
        line-height: 36px
    }
}

.introduction-text-semibold {
    font-family: DiodrumVoltaren;
    font-weight: 600;
    font-style: normal;
    font-size: 1.125rem;
    line-height: 29px;
    letter-spacing: 0;
    color: #323131
}

@media (min-width:768px) {
    .introduction-text-semibold {
        font-size: 1.375rem;
        line-height: 36px
    }
}

.introduction-text-banners {
    font-family: DiodrumVoltaren;
    font-weight: 500;
    font-style: normal;
    font-size: 1rem;
    line-height: 24px;
    letter-spacing: 0;
    color: #323131
}

@media (min-width:768px) {
    .introduction-text-banners {
        font-size: 1.25rem;
        line-height: 30px
    }
}

.introduction-text-banners-semibold {
    font-family: DiodrumVoltaren;
    font-weight: 600;
    font-style: normal;
    font-size: 1rem;
    line-height: 24px;
    letter-spacing: 0;
    color: #323131
}

@media (min-width:768px) {
    .introduction-text-banners-semibold {
        font-size: 1.25rem;
        line-height: 30px
    }
}

.body-copy {
    font-family: DiodrumVoltaren;
    font-weight: 500;
    font-style: normal;
    font-size: .9375rem;
    line-height: 28px;
    letter-spacing: 0;
    color: #323131
}

@media (min-width:768px) {
    .body-copy {
        font-size: 1.125rem;
        line-height: 34px
    }
}

.body-copy-semibold {
    font-family: DiodrumVoltaren;
    font-weight: 600;
    font-style: normal;
    font-size: .9375rem;
    line-height: 28px;
    letter-spacing: 0;
    color: #323131
}

@media (min-width:768px) {
    .body-copy-semibold {
        font-size: 1.125rem;
        line-height: 34px
    }
}

.prominent-text {
    font-family: DiodrumVoltaren;
    font-weight: 600;
    font-style: normal;
    padding-left: 30px;
    font-size: 1.375rem;
    line-height: 30px;
    letter-spacing: 0;
    color: var(--secondary-color)
}

@media (min-width:768px) {
    .prominent-text {
        font-size: 2rem;
        line-height: 42px;
        padding-left: 55px
    }

    .prominent-text::before {
        width: 3rem;
        top: 1.1rem;
        left: -.2rem !important
    }
}

.quote {
    display: block;
    padding-left: 35px;
    font-family: DiodrumVoltaren;
    font-weight: 600;
    font-style: normal;
    font-size: 1.375rem;
    line-height: 30px;
    letter-spacing: 0;
    color: var(--secondary-color)
}

.quote::before {
    content: "";
    position: absolute;
    top: 1rem;
    bottom: 0;
    left: -14px;
    width: 2rem;
    background-size: 100%;
    background-image: url("https://i-cf65.ch-static.com/etc/designs/zg/bp-voltaren-delta/desktop/assets/img/Symbols_Quote.svg");
    background-repeat: no-repeat
}

@media (min-width:768px) {
    .quote {
        font-size: 2rem;
        line-height: 42px;
        padding-left: 4rem
    }

    .quote::before {
        width: 3rem;
        top: 1.1rem;
        left: -.2rem !important
    }
}

.banner-tagline {
    font-family: DiodrumVoltaren;
    font-weight: 500;
    font-style: normal;
    font-size: .75rem;
    line-height: 14px;
    letter-spacing: 0;
    color: var(--secondary-color)
}

@media (min-width:768px) {
    .banner-tagline {
        font-size: 1rem;
        line-height: 18px
    }
}

.color-accessible-orange {
    color: var(--primary-color)
}

.color-wordmark-blue {
    color: var(--secondary-color)
}

.color-wordmark-dark-blue {
    color: var(--secondary-color-dark)
}

.color-dark-grey {
    color: #323131
}

.color-light-grey {
    color: #f5f5f5
}

.color-white {
    color: #fff
}

.color-orange-gradient {
    color: radial-gradient(at bottom left, var(--primary-color-dark), var(--primary-color-light))
}

.color-green {
    color: #006b1e
}

.background-wordmark-blue {
    background-color: var(--secondary-color)
}

.background-wordmark-dark-blue {
    background-color: var(--secondary-color-dark)
}

.bg-color-half-orange-white {
    max-width: calc(1140px + (100vw - 1140px)/ 2);
    padding-right: 16px
}

.bg-color-half-orange-white>.component-content {
    border-bottom-right-radius: 60px;
    background: radial-gradient(at bottom left, var(--primary-color-dark), var(--primary-color-light));
    padding-left: calc((100vw - 1140px)/ 2) !important
}

.bg-color-half-orange-white ul li {
    position: relative;
    list-style-type: none !important
}

.bg-color-half-orange-white ul li::after {
    position: absolute;
    background-color: #fff;
    border-radius: 50%;
    content: "";
    display: inline-block;
    height: 7px;
    width: 7px;
    left: -15px;
    top: 13px;
    bottom: 2px
}

@media (min-width:992px) {
    .bg-color-half-orange-white {
        padding-right: 0
    }
}

.bg-color-half-blue-white {
    padding-left: calc((100vw - 1140px)/ 2) !important;
    background: linear-gradient(90deg, var(--secondary-color) 0, var(--secondary-color) 50%, #fff 50%)
}

.bg-color-orange-gradient {
    background: radial-gradient(at bottom left, var(--primary-color-dark), var(--primary-color-light))
}

.bg-color-blue {
    background: var(--secondary-color)
}

.bg-color-light-grey {
    background: #f5f5f5
}

.weight-semibold {
    font-weight: 600
}

.weight-bold {
    font-weight: 700
}

/*!
 *  Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
@font-face {
    font-family: FontAwesome;
    src: url("../../assets/fonts/fontawesome-webfont.eot?v=4.7.0");
    src: url("../../assets/fonts/fontawesome-webfont.eot?#iefix&v=4.7.0") format("embedded-opentype"), url("../../assets/fonts/fontawesome-webfont.woff?v=4.7.0") format("woff"), url("../../assets/fonts/fontawesome-webfont.ttf?v=4.7.0") format("truetype"), url("../../assets/fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular") format("svg");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

.icon {
    display: inline-block
}

.icon-facebook::after {
    content: "\f09a";
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    position: relative;
    font-weight: 400
}

.icon-twitter::after {
    content: "\f099";
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    position: relative;
    font-weight: 400
}

.icon-youtube::after {
    content: "\f16a";
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    position: relative;
    font-weight: 400
}

.icon-instagram::after {
    content: "\f16d";
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    position: relative;
    font-weight: 400
}

.icon-video-play {
    width: 100px;
    height: 100px;
    background: url("https://i-cf65.ch-static.com/etc/designs/zg/bp-voltaren-delta/desktop/img/voltaren-sprites.png");
    background-repeat: no-repeat;
    background-size: 120px;
    cursor: pointer
}

.icon-video-play:focus,
.icon-video-play:hover {
    background-position-y: 98.5%
}

:root {
    --primary-color: #E37200;
    --primary-color-light: #E57200;
    --primary-color-dark: #E64510;
    --secondary-color: #242F60;
    --secondary-color-dark: #1c254c;
    --orange-red-color: rgba(230, 99, 6, 1)
}

:lang(en-in) {
    --primary-color: #e86215;
    --primary-color-light: #6ea958;
    --primary-color-dark: #4b6e4b;
    --secondary-color: #3D9525;
    --secondary-color-dark: #4b6e4b
}

.carousel ul {
    padding-inline-start: 0;
    -webkit-padding-start: 0;
    margin-block-start: 0;
    margin-block-end: 0
}

.carousel-nav {
    display: none
}

.slick-next,
.slick-prev {
    display: none !important
}

.slick-next,
.slick-prev {
    line-height: 0;
    font-size: 0px;
    cursor: pointer;
    background: 0 0;
    color: transparent;
    padding: 0;
    border: 1px solid var(--primary-color);
    outline: 0
}

@media (min-width:992px) {

    .slick-next,
    .slick-prev {
        display: inline-block !important
    }
}

.slick-next:focus,
.slick-next:hover,
.slick-prev:focus,
.slick-prev:hover {
    outline: 0;
    background: 0 0;
    background-color: var(--primary-color);
    color: transparent
}

.slick-next:focus:before,
.slick-next:hover:before,
.slick-prev:focus:before,
.slick-prev:hover:before {
    opacity: 1;
    color: #fff
}

.slick-next.slick-disabled,
.slick-prev.slick-disabled {
    opacity: .5
}

.slick-next.slick-disabled:before,
.slick-prev.slick-disabled:before {
    opacity: .5
}

.slick-next:before,
.slick-prev:before {
    font-family: FontAwesome;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: block
}

.slick-prev {
    z-index: 1;
    border-bottom-left-radius: 30px;
    padding: 14px 21px
}

.slick-prev:before {
    content: '\f104';
    color: var(--primary-color);
    font-size: 1.5rem
}

.slick-next {
    z-index: 1;
    padding: 14px 21px;
    border-bottom-right-radius: 30px
}

.slick-next:before {
    content: '\f105';
    color: var(--primary-color);
    font-size: 1.5rem
}

[dir=rtl] .slick-next:before {
    content: '\f105'
}

.slick-dots {
    list-style: none;
    text-align: left;
    padding: 0;
    margin: 0;
    width: auto
}

.slick-dots li {
    position: relative;
    display: inline-block;
    padding: 0;
    cursor: pointer;
    padding-left: 16px
}

.slick-dots li:first-of-type {
    padding-left: 0
}

@media (min-width:992px) {
    .slick-dots li li:first-of-type {
        padding-left: 16px
    }
}

.slick-dots li button {
    border: 1px solid var(--primary-color);
    border-radius: 50%;
    background: 0 0;
    height: 8px;
    width: 8px;
    line-height: 0;
    font-size: 0;
    cursor: pointer;
    padding: 0;
    background-color: var(--primary-color);
    opacity: .5
}

.slick-dots li button:focus,
.slick-dots li button:hover {
    outline: 0;
    opacity: 1
}

.slick-dots li.slick-active button {
    background-color: var(--primary-color);
    opacity: 100%;
    height: 15px;
    width: 15px;
    opacity: 1
}

.slick-dots li.slick-active button:focus,
.slick-dots li.slick-active button:hover {
    outline: 0
}

.carousel-full-width .slick-next,
.carousel-full-width .slick-prev {
    position: absolute;
    bottom: 25px
}

@media (min-width:992px) {

    .carousel-full-width .slick-next,
    .carousel-full-width .slick-prev {
        display: block !important
    }
}

.carousel-full-width .slick-prev {
    left: 18.5vw
}

.carousel-full-width .slick-next {
    left: calc(18.5vw + 69px)
}

.carousel-full-width .slick-dots {
    padding-left: 15px;
    padding-bottom: 40px
}

@media (min-width:992px) {
    .carousel-full-width .slick-dots {
        position: absolute;
        bottom: 0;
        left: calc(18.5vw + 125px)
    }
}

.carousel-half-width .slick-prev {
    position: absolute;
    bottom: 0
}

.carousel-half-width .slick-next {
    margin-left: 68px
}

.carousel-half-width .slick-arrow {
    margin-top: 30px
}

.carousel-half-width .slick-dots {
    text-align: center;
    padding-top: 8px;
    padding-bottom: 24px
}

@media (min-width:992px) {
    .carousel-half-width .slick-dots {
        padding: 0;
        padding-left: 16px;
        display: inline-block;
        transform: translateY(-24%)
    }
}

.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.slick-list {
    position: relative;
    overflow: hidden;
    display: block;
    margin: 0;
    padding: 0
}

.slick-list:focus {
    outline: 0
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-slider .slick-list,
.slick-slider .slick-track {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.slick-track:after,
.slick-track:before {
    content: "";
    display: table
}

.slick-track:after {
    clear: both
}

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    display: none
}

[dir=rtl] .slick-slide {
    float: right
}

.slick-slide img {
    display: block;
    margin: 0 auto
}

@media (min-width:992px) {
    .slick-slide img {
        width: 100%;
        height: 100%
    }
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.slick-arrow.slick-hidden {
    display: none
}

* {
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
    box-sizing: border-box;
    margin: 0;
    padding: 0
}

.container-fluid,
.paragraphSystem,
.row,
[class*=col-] {
    padding-right: 0;
    padding-left: 0;
    margin-right: 0;
    margin-left: 0
}

* {
    outline: 0
}

a {
    text-decoration: none
}

.container-fluid:after,
.container-fluid:before,
.container:after,
.container:before,
.paragraphSystem:after,
.paragraphSystem:before,
.row:after,
.row:before {
    display: none !important
}

body,
html {
    width: 100%
}

img {
    height: auto;
    max-width: 100%;
    max-height: 100%
}

input[type=search] {
    box-sizing: content-box
}

h1,
h2,
h3,
h4,
h5 {
    margin: 0
}

ol,
ul {
    padding-inline-start: 15px;
    -webkit-padding-start: 15px;
    color: var(--primary-color)
}

.richText ul:not(.list--tabs) {
    margin: 0 !important;
    padding: 0 !important;
    padding-left: 17px !important
}

.richText ul:not(.list--tabs).indented {
    margin-left: 25px !important
}

.richText ol {
    counter-reset: item;
    margin: 0 !important;
    padding: 0 !important
}

.richText ol li {
    display: block
}

.richText ol li::before {
    content: counter(item) ". ";
    counter-increment: item;
    color: #000;
    font-weight: 400;
    font-size: .9375rem
}

.list-marking-white ol li {
    display: block
}

.list-marking-white ol li::before {
    content: counter(item) ". ";
    font-weight: 700;
    counter-increment: item;
    color: #fff;
    font-size: .9375rem
}

ol.alpha-numeric {
    list-style-type: lower-alpha
}

ol.alpha-numeric li::before {
    content: counter(item, lower-alpha) ". "
}

.richText ul:not(.list--tabs) li {
    list-style-type: disc;
    padding-left: 0 !important;
    word-break: break-word
}

.richText ul:not(.list--tabs) li::before {
    display: none !important
}

.clearfix:after,
.clearfix:before {
    content: " ";
    display: table
}

.clearfix:after {
    clear: both
}

.pull-right {
    float: right
}

.pull-left {
    float: left
}

.is-hidden {
    display: none !important;
    visibility: hidden !important
}

.richText a.no-decoration {
    text-decoration: none
}

.richText a.no-decoration:hover span.color-accessible-orange {
    color: var(--secondary-color)
}

a:-webkit-any-link {
    cursor: pointer;
    text-decoration: none
}

.keyline-center::after {
    margin: 0 auto
}

.keyline-center::after,
.keyline::after {
    content: '';
    width: calc(1140px / 12);
    height: 2px;
    background-color: var(--primary-color);
    display: block;
    margin-top: 16px
}

@media (min-width:992px) {

    .keyline-center::after,
    .keyline::after {
        margin-top: 20px
    }
}

.keyline--white {
    position: relative
}

.keyline--white::after {
    content: '';
    background: #fff;
    position: absolute;
    bottom: -5px;
    left: 0;
    height: 2px;
    width: 68px
}

.promotional-banner-content {
    position: absolute;
    bottom: 16px;
    right: 0;
    left: 0
}

@media (min-width:768px) {
    .promotional-banner-content {
        display: flex;
        align-items: center;
        justify-content: center;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        margin-left: auto;
        width: 50%
    }
}

.promotional-banner-content figure {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.promotional-banner-content img {
    bottom: 16px;
    max-width: 441px;
}

@media (min-width:992px) {
    .promotional-banner-content img {
        padding-bottom: 60px;
      
    }
}

.container-quote .image-quote {
    margin-top: 21px
}

.container-quote .image-quote img {
    width: 28px;
    height: 21px
}

@media (min-width:768px) {
    .container-quote .image-quote img {
        width: 40px;
        height: 30px
    }
}

.container-quote .text-quote {
    padding-left: 16px
}

.image-rounded-bottom-right img {
    border-bottom-right-radius: 40px
}

@media (min-width:992px) {
    .image-rounded-bottom-right img {
        border-bottom-right-radius: 60px
    }
}

.no-mobile-img img {
    display: none
}

@media (min-width:992px) {
    .no-mobile-img img {
        display: block
    }
}

.related-article figure {
    text-align: left
}

.hide-on-mobile {
    display: none
}

@media (min-width:992px) {
    .hide-on-mobile {
        display: block
    }
}

body.page-testing-page-braces .carousel-homepage {
    border-bottom: none
}

body.page-testing-page-braces .carousel-homepage .slick-slide img {
    min-width: initial
}

@media only screen and (max-width:767px) {
    body.page-testing-page-braces .carousel-homepage .slick-slide img {
        transform: scale(2.5)
    }
}

body.page-testing-page-braces .main-banner .component-content.left {
    min-width: initial
}

@media screen and (max-width:767px) {
    .move-to-center-mb img {
        transform: translateX(75%) scale(2.5) !important
    }
}

@media screen and (max-width:767px) {
    .place-outside-container-mb {
        margin-left: -16px;
        margin-right: -16px;
        width: 150%
    }
}

.hero-banner-simple {
    overflow: hidden
}

.hero-banner-simple figcaption {
    text-align: left;
    padding: 0 16px
}

@media (min-width:992px) {
    .hero-banner-simple figcaption {
        padding: 0;
        left: 0;
        margin: 0 auto;
        width: 100vw;
        max-width: 1140px;
        position: absolute;
        right: 0;
        top: 50%;
        transform: translateY(-50%)
    }

    .hero-banner-simple figcaption h1 {
        width: 47%
    }
}

@media (min-width:992px) {
    .hero-banner-align-left figcaption {
        top: 33%;
        max-width: 700px;
        left: -200px
    }
}

@media (min-width:1200px) {
    .hero-banner-align-left figcaption {
        left: -440px
    }
}

.hero-banner-short img {
    min-height: unset !important
}

@media (max-width:767px) {
    .image-reset-position-mb img {
        min-width: auto !important;
        transform: unset !important
    }
}

.image-rounded-container {
    border: 2px solid rgba(0, 0, 0, .15);
    border-bottom-right-radius: 40px;
    padding: 20px
}

@media (min-width:992px) {
    .image-rounded-container {
        border-bottom-right-radius: 60px;
        border-color: rgba(0, 0, 0, .1)
    }
}

.arrow-after {
    position: relative;
    display: block;
    width: 95%;
    padding-right: 5px
}

.arrow-after::after {
    content: "\f054";
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    position: relative;
    font-weight: 400;
    font-size: 1rem;
    color: var(--primary-color);
    position: absolute;
    transform: translateY(-50%);
    top: 50%;
    right: -5%
}

.arrow-up {
    position: relative;
    display: block;
    cursor: pointer
}

.arrow-up::after {
    content: "\f077";
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    position: relative;
    font-weight: 400;
    font-size: 1rem;
    color: var(--primary-color);
    position: absolute;
    transform: translateY(-50%);
    top: 50%;
    padding-left: 10px
}

.arrow-down {
    position: relative;
    display: block;
    cursor: pointer
}

.arrow-down::after {
    content: "\f078";
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    position: relative;
    font-weight: 400;
    font-size: 1rem;
    color: var(--primary-color);
    position: absolute;
    transform: translateY(-50%);
    top: 50%;
    padding-left: 10px
}

.main-nav .navigation-level1.page-contact-us,
.main-nav .navigation-level1.page-search-results,
.main-nav .navigation-level1.page-sitemap,
.main-nav .navigation-level1.page-where-to-buy {
    display: none
}

.container-full-width.bg-color-half-blue-white,
.container-full-width.bg-color-half-orange-white {
    padding-right: 15px
}

.container-full-width.bg-color-half-blue-white .component-content,
.container-full-width.bg-color-half-orange-white .component-content {
    width: 100%
}

@media (min-width:992px) {

    .container-full-width.bg-color-half-blue-white,
    .container-full-width.bg-color-half-orange-white {
        margin-bottom: 50px
    }
}

.two-row-list ul {
    display: flex;
    flex-wrap: wrap
}

.two-row-list ul li {
    width: 100%
}

@media (min-width:992px) {
    .two-row-list ul li {
        width: 50%
    }
}

.image-under-box {
    transform: translateY(-40px);
    margin-bottom: -40px
}

@media (min-width:992px) {
    .image-under-box {
        transform: translateY(50px)
    }
}

.hidden-bullets ul {
    padding-inline-start: 0 !important;
    -webkit-padding-start: 0 !important
}

.hidden-bullets ul li {
    list-style-type: none !important
}

.banner-with-image .content.paragraphSystem {
    display: flex;
    justify-content: center
}

.banner-with-image .promotional-banner {
    max-height: 530px;
    max-width: 288px
}

@media (min-width:768px) {
    .banner-with-image .promotional-banner {
        width: 100%;
        max-width: 100%;
        max-height: none
    }
}

@media (min-width:992px) {
    .banner-with-image {
        position: relative;
        width: auto
    }
}

@media (min-width:992px) {
    .banner-center {
        display: flex;
        justify-content: center
    }
}

#content {
    margin-top: 53px
}

@media (min-width:992px) {
    #content {
        margin-top: 128px
    }
}

::marker {
    display: none;
    color: transparent
}

.bullet-md>li .body-copy::before {
    content: "\2022";
    position: absolute;
    color: var(--primary-color);
    font-weight: 700;
    display: inline-block;
    font-size: 30px;
    margin-left: -18px;
    list-style-type: none;
}

a:focus .link-hoverable,
a:hover .link-hoverable {
    color: var(--primary-color);
    text-decoration: none
}

a:focus .link-hoverable--primary,
a:hover .link-hoverable--primary {
    color: var(--primary-color)
}

a:focus .link-hoverable--secondary,
a:hover .link-hoverable--secondary {
    color: var(--secondary-color)
}

.link-hoverable {
    color: var(--secondary-color);
    cursor: pointer;
    text-decoration: underline
}

.product-banner>.component-content>.content.paragraphSystem {
    overflow: auto;
    position: relative;
    padding-bottom: 100px
}

@media (min-width:992px) {
    .product-banner>.component-content>.content.paragraphSystem {
        padding-bottom: 0
    }
}

.product-callout {
    position: unset
}

@media (min-width:992px) {
    .product-callout {
        position: relative
    }
}

.product-callout .buy-now-btn {
    display: inline-block;
    width: auto;
    padding-left: 0;
    padding-right: 0;
    bottom: 45px;
    min-width: 215px;
    position: absolute;
    left: 0
}

@media (min-width:768px) {
    .product-callout .buy-now-btn {
        bottom: 0
    }
}

@media (min-width:992px) {
    .product-callout .buy-now-btn {
        left: auto;
        right: 0
    }
}

.product-callout .buy-now-btn div {
    display: inline-block
}

.product-callout .buy-now-btn p {
    display: inline-block
}

.video-nojs-hidden .video-nojs {
    display: none
}

.hide {
    display: none
}

.image-full-width .component-content {
    width: 100%
}

.image-full-width .component-content img {
    object-fit: cover;
    width: 100%
}

body .uwy.userway_p1 .uai {
    top: 60px !important
}

body .uwy.userway_p7 .uai {
    top: 60px !important
}

@media (max-width:991px) {
    .inner-align-left-mb>.component-content {
        text-align: left !important
    }
}

html {
    overflow-x: hidden;
    overflow-y: scroll;
    scrollbar-width: 0
}

html::-webkit-scrollbar {
    display: none
}

body {
    overflow-x: hidden;
    overflow-y: scroll
}

:lang(sv-SE) .back-to-top {
    font-size: .75rem !important
}

:lang(sv-SE) .button-learn-more {
    font-size: .875rem
}

@media (min-width:992px) {
    :lang(sv-SE) .category-pickers-wrapper {
        justify-content: flex-end
    }
}

@media (min-width:992px) {
    :lang(sv-SE) .category-pickers-wrapper .selection-group-area {
        flex-basis: 40%
    }
}

@media (min-width:992px) {
    :lang(sv-SE) .treatments-picker .content-desc {
        top: 30px
    }
}

@media (min-width:992px) {
    :lang(sv-SE) .hero-banner-simple figcaption {
        padding-left: 16px
    }
}

@media (min-width:992px) {
    :lang(sv-SE) .container-nav-rounded-white {
        top: 134px
    }
}

@media (min-width:992px) {
    :lang(sv-SE) .main-nav {
        height: 87px
    }
}

:lang(sv-SE) img {
    height: auto;
    max-width: 100%;
    max-height: 100%
}

.main-banner .component-content.left {
    overflow: hidden;
    min-height: 288px;
    min-width: 768px
}

.main-banner .component-content.left img {
    display: block;
    margin: 0 auto
}

@media (min-width:992px) {
    .main-banner .component-content.left img {
        height: 600px;
        min-width: 1600px;
        max-width: 1600px
    }
}

@media only screen and (max-width:1600px) and (min-width:992px) {
    .main-banner .component-content.left img {
        transform: translateX(calc(100vw - 1599px))
    }
}

.main-banner .richText {
    margin: 0;
    padding: 0 16px
}

@media (min-width:992px) {
    .main-banner .richText {
        z-index: 30;
        max-width: 75%;
        position: relative;
        padding: 0;
        padding-left: 20px;
        margin-top: -60px;
        max-width: 1140px;
        right: 50%;
        top: 50%;
        transform: translateX(50%)
    }
}

@media (min-width:992px) {
    .main-banner .hp-carousel-text {
        position: absolute;
        width: 1140px;
        max-width: 100vw;
        z-index: 30;
        top: 0;
        left: 50%;
        transform: translate(-50%, 50%);
        bottom: 380px
    }
}

.main-banner p {
    margin: 0
}

.main-banner .banner-tagline {
    padding-top: 16px
}

@media (min-width:992px) {
    .main-banner .banner-tagline {
        padding-top: 60px
    }
}

.main-banner .banner-title {
    padding-top: 8px
}

@media (min-width:992px) {
    .main-banner .banner-title {
        padding-top: 10px
    }
}

.main-banner .banner-text {
    padding-top: 8px
}

@media (min-width:992px) {
    .main-banner .banner-text {
        padding-top: 20px
    }
}

.main-banner .banner-button {
    padding: 24px 0
}

@media (min-width:992px) {
    .main-banner .banner-button {
        padding-top: 40px
    }
}

.main-banner .slick-dots {
    border-bottom: 1px solid #000
}

.carousel-homepage {
    border-bottom: 1px solid #cfcfcf
}

.carousel-homepage .carouselSlide img {
    min-width: 768px
}

@media only screen and (max-width:768px) {
    .carousel-homepage .carouselSlide img {
        transform: translateX(calc(100vw - 768px))
    }
}

.carousel-homepage.carousel-bottom-border-none {
    border-bottom: none
}

@media (min-width:992px) {
    .carousel-homepage {
        border-bottom: none;
        max-height: 600px
    }

    .carousel-homepage>.component-content {
        max-height: 600px
    }
}

@media (min-width:992px) {
    .carousel-homepage .slick-list.draggable {
        max-height: 600px
    }
}

@media (min-width:992px) {
    .carousel-homepage .carouselSlide .box.component.section .content.paragraphSystem {
        display: flex;
        justify-content: center;
        align-items: center
    }
}

@media screen and (max-width:991px) {

    .carousel-full-width .slick-dots,
    .carousel-full-width .slick-next,
    .carousel-full-width .slick-prev {
        position: absolute;
        top: 33vw;
        left: 0
    }
}

@media screen and (max-width:768px) {

    .carousel-full-width .slick-dots,
    .carousel-full-width .slick-next,
    .carousel-full-width .slick-prev {
        top: 255px
    }
}

.carousel-full-width .slick-dots {
    margin: auto;
    left: -675px;
    text-align: center;
    right: 0
}

@media screen and (max-width:1150px) and (min-width:992px) {
    .carousel-full-width .slick-dots {
        left: calc(-675px + (1150px - 100vw))
    }
}

.carousel-full-width .slick-prev {
    margin: auto;
    left: -1042px;
    right: 0;
    width: 50px
}

@media screen and (max-width:1150px) {
    .carousel-full-width .slick-prev {
        left: calc(-1042px + (1150px - 100vw))
    }
}

.carousel-full-width .slick-next {
    margin: auto;
    right: 0;
    left: -920px;
    width: 50px
}

@media screen and (max-width:1150px) {
    .carousel-full-width .slick-next {
        left: calc(-920px + (1150px - 100vw))
    }
}

@media (min-width:992px) {
    .carousel-full-width .highlight.slick-prev {
        border: 1px solid #323131
    }

    .carousel-full-width .highlight.slick-next {
        border: 1px solid #323131
    }
}

.carousel-slides>.carousel-slide:not(:first-child) {
    display: none
}

.carousel-slides .carousel-slide:first-child,
.carousel-slides .carousel-slide:nth-child(2) {
    padding-bottom: 50px !important
}

@media (min-width:992px) {

    .carousel-slides .carousel-slide:first-child,
    .carousel-slides .carousel-slide:nth-child(2) {
        padding-bottom: 0
    }
}

.carousel--ordinary .slick-next,
.carousel--ordinary .slick-prev {
    height: 50px
}

.carousel--ordinary .slick-next {
    left: auto;
    right: 25px;
    bottom: 0;
    margin: auto
}

@media (max-width:991px) {
    .carousel--ordinary .slick-next {
        bottom: -39px
    }
}

.carousel--ordinary .slick-prev {
    right: auto;
    left: 25px;
    bottom: 0;
    margin: auto
}

@media (max-width:991px) {
    .carousel--ordinary .slick-prev {
        bottom: -39px
    }
}

.carousel--ordinary .slick-dots {
    left: 0;
    padding-bottom: 15px
}

@media (max-width:991px) {
    .carousel-visible-control .slick-dots button {
        background-color: var(--primary-color)
    }

    .carousel-visible-control .slick-dots li.slick-active button {
        background-color: var(--primary-color)
    }
}

.carousel-visible-control .slick-next,
.carousel-visible-control .slick-prev {
    display: block !important
}

@media (max-width:767px) {

    .carousel-control-sm .slick-next,
    .carousel-control-sm .slick-prev {
        height: 40px;
        width: 40px;
        padding: 0
    }
}

.carousel-quiz {
    background: #fff;
    margin-top: 24px
}

@media (min-width:992px) {
    .carousel-quiz {
        margin-top: 30px
    }
}

@media (min-width:992px) {
    .quiz-banner>.component-content>.content {
        display: flex;
        justify-content: center;
        align-items: center
    }
}

@media (min-width:992px) {
    .quiz-banner>.component-content>.content>.box {
        position: absolute
    }
}

.quiz-banner .button-learn-more:hover {
    text-decoration: none !important
}

.quiz-banner .image {
    margin-bottom: 16px
}

@media (min-width:992px) {
    .quiz-banner .image {
        margin-bottom: 40px
    }
}

.quiz-section-intro {
    display: none
}

.quiz-section-intro.open {
    display: block
}

.quiz-section-intro span {
    display: inline-block
}

.quiz-section-intro .quiz-banner .h1-styles {
    font-size: clamp(32px, calc(32px + (32 - 56) * ((100vw - 992px) / (992 - 1140))), 56px);
    line-height: clamp(38px, calc(38px + (38 - 64) * ((100vw - 992px) / (992 - 1140))), 64px)
}

.quiz-section-intro .quiz-banner .introduction-text-banners {
    font-size: clamp(16px, calc(16px + (16 - 20) * ((100vw - 992px) / (992 - 1140))), 20px);
    line-height: clamp(24px, calc(24px + (24 - 30) * ((100vw - 992px) / (992 - 1140))), 30px);
    padding-bottom: clamp(20px, calc(20px + (20 - 40) * ((100vw - 992px)/ (992 - 1140))), 40px)
}

.quiz-section-intro .quiz-banner .body-copy {
    font-size: .9375rem;
    line-height: 1.5rem
}

@media (min-width:992px) {
    .quiz-section-intro .quiz-banner .body-copy {
        font-size: 1.125rem;
        line-height: 1.75rem
    }
}

.banner-swoosh::after {
    content: "";
    background: url("https://i-cf65.ch-static.com/content/dam/cf-consumer-healthcare/voltaren-delta/en_GB/quiz/landing-page/banner-swoosh.svg");
    background-size: 100%;
    background-position: bottom right;
    background-repeat: no-repeat;
    width: 37%;
    height: 100%;
    pointer-events: none;
    display: block;
    position: absolute;
    bottom: 0;
    right: 0
}

.quiz-image-intro figure {
    display: flex;
    justify-content: center;
    align-items: center
}

.quiz-image-intro figcaption {
    position: absolute
}

.quiz-modal {
    display: none;
    position: fixed;
    overflow-y: scroll;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1000;
    background: #fff
}

.quiz-modal.open {
    display: block
}

.quiz-modal>.component-content>.content {
    margin: 0 auto;
    max-width: 1600px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start
}

.quiz-modal::-webkit-scrollbar {
    display: none
}

.quiz-modal {
    -ms-overflow-style: none;
    scrollbar-width: none
}

.quiz-container {
    max-width: 1600px
}

.quiz-progress-bar {
    background: #f5f5f5;
    width: 100%;
    height: 24px;
    position: absolute;
    top: 0;
    z-index: 2
}

@media (min-width:992px) {
    .quiz-progress-bar {
        height: 30px
    }
}

.quiz-progress-bar>.component-content {
    transition: width .5s ease-in-out;
    background: linear-gradient(225deg, #e57200 0, #e64510 100%)
}

.quiz-progress-bar h2 {
    font-size: .875rem;
    width: auto;
    color: #fff;
    text-align: right;
    padding-right: 10px;
    line-height: 24px
}

@media (min-width:992px) {
    .quiz-progress-bar h2 {
        line-height: 30px
    }
}

.quiz-question-text {
    margin-bottom: 18px
}

.quiz-question-text .h2-styles {
    font-size: clamp(35px, calc(35px + (35 - 45) * ((100vw - 992px) / (992 - 1140))), 45px)
}

.quiz-question-text p {
    font-size: .75rem;
    line-height: .875rem;
    font-weight: 600;
    margin-bottom: 8px
}

@media (min-width:992px) {
    .quiz-question-text p {
        font-size: 1rem;
        line-height: 1.125rem
    }
}

.quiz-controls {
    padding-top: 24px;
    z-index: 1
}

@media (min-width:992px) {
    .quiz-controls {
        padding-top: 30px;
        position: absolute;
        top: 0
    }
}

.quiz-controls>.component-content>.content {
    padding: 0 0 0 16px;
    width: 100%;
    display: flex;
    justify-content: space-between
}

@media (min-width:992px) {
    .quiz-controls>.component-content>.content {
        padding: 20px 30px
    }
}

.quiz-control-previous {
    visibility: hidden;
    pointer-events: none;
    width: auto;
    cursor: pointer
}

.quiz-control-previous>.component-content {
    height: 100%;
    display: flex;
    align-items: center
}

.quiz-control-previous>.component-content>img {
    margin-right: 10px
}

.quiz-control-previous>.component-content>.richText-content {
    display: none;
    font-size: 1.125rem;
    font-weight: 600;
    color: var(--secondary-color)
}

@media (min-width:992px) {
    .quiz-control-previous>.component-content>.richText-content {
        display: block
    }
}

.quiz-control-close {
    z-index: 1;
    width: 54px;
    height: 51px;
    cursor: pointer
}

a[style="visibility:hidden"] {
    display: none
}

.quiz-container-intro>.component-content>.content {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column
}

.quiz-container-intro>.component-content>.content>.image {
    bottom: 0;
    position: absolute
}

@media (min-width:992px) {
    .quiz-container-intro .quiz-text-container {
        position: relative;
        padding-bottom: 100px
    }
}

.quiz-container-intro.hide {
    display: none
}

@media (min-width:992px) {
    .quiz-container-intro {
        padding-top: 120px
    }
}

.quiz-text-disclaimer {
    font-size: .875rem;
    line-height: 1.5rem
}

.quiz-text-tip {
    position: relative;
    margin-bottom: 24px
}

@media (min-width:992px) {
    .quiz-text-tip {
        margin-bottom: clamp(10px, calc(10px + (10 - 24) * ((100vw - 992px)/ (992 - 1140))), 24px)
    }
}

.quiz-text-tip>.component-content>.richText-content {
    display: flex;
    justify-content: center
}

.quiz-text-tip p {
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.125rem
}

.quiz-text-tip p::after {
    content: "i";
    line-height: 1.25rem;
    color: #fff;
    width: 20px;
    height: 20px;
    display: inline-block;
    background: #ef7800;
    border-radius: 20px;
    margin-left: 10px
}

.quiz-text-tip p:active,
.quiz-text-tip p:focus,
.quiz-text-tip p:hover {
    color: #ef7800
}

.quiz-text-tip p:active+h4,
.quiz-text-tip p:focus+h4,
.quiz-text-tip p:hover+h4 {
    display: block
}

.quiz-text-tip h4 {
    display: none;
    background: linear-gradient(225deg, #e57200 0, #e64510 100%);
    border-radius: 0 0 30px 0;
    width: 100%;
    max-width: 400px;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 100%);
    padding: 15px;
    z-index: 1;
    color: #fff
}

.quiz-text-tip h4::before {
    content: "";
    position: absolute;
    top: -10px;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    display: block;
    border-top: 0 solid;
    border-bottom: 10px solid #e56704;
    border-left: 8px solid;
    border-right: 8px solid;
    border-left-color: transparent;
    border-top-color: transparent;
    border-right-color: transparent
}

.quiz-buttons-wrapper {
    padding-bottom: 100px
}

@media (min-width:992px) {
    .quiz-buttons-wrapper {
        padding-bottom: 0
    }
}

.quiz-buttons-wrapper>.component-content {
    max-width: 800px !important;
    margin: 0 auto
}

@media (min-width:992px) {
    .quiz-buttons-wrapper>.component-content {
        max-width: 950px !important
    }
}

.quiz-buttons-wrapper>.component-content>.content {
    display: flex;
    flex-wrap: wrap;
    justify-content: center
}

.quiz-buttons-wrapper::after {
    right: -16px
}

@media (min-width:992px) {
    .quiz-buttons-wrapper::after {
        display: none
    }
}

.quiz-pain-type {
    padding: 0 5px;
    margin: 0 0 10px 0;
    width: 140px;
    height: 150px;
    cursor: pointer
}

@media (min-width:992px) {
    .quiz-pain-type {
        width: 177px;
        height: auto
    }
}

.quiz-pain-type img {
    width: 40px;
    height: 40px;
    margin-bottom: 10px
}

@media (min-width:992px) {
    .quiz-pain-type img {
        width: 80px;
        height: 80px;
        margin-bottom: 20px
    }
}

.quiz-pain-type>.component-content {
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 15px;
    background: #242f60;
    border-bottom-right-radius: 30px
}

@media (min-width:992px) {
    .quiz-pain-type>.component-content {
        padding: 20px;
        border-bottom-right-radius: 50px
    }
}

.quiz-pain-type>.component-content p {
    color: #fff;
    font-size: .9375rem;
    font-weight: 500;
    line-height: 1.25rem;
    text-align: center
}

@media (min-width:992px) {
    .quiz-pain-type>.component-content p {
        font-size: 1.125rem;
        line-height: 1.625rem
    }
}

.quiz-pain-type>.component-content:hover {
    background: linear-gradient(225deg, #e57200 0, #e64510 100%)
}

.quiz-questions-container {
    display: none;
    pointer-events: none;
    max-width: 1600px;
    position: absolute;
    top: 0;
    height: 100%;
    background: #fff;
    z-index: 1
}

.quiz-questions-container.open {
    display: block;
    pointer-events: all
}

.quiz-questions-container.show-previous-button .quiz-control-previous {
    visibility: visible;
    pointer-events: all
}

.quiz-questions-container .image-and-content {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column
}

.quiz-questions-container .image-and-content picture {
    order: 2
}

@media (min-width:992px) {
    .quiz-questions-container .image-and-content picture {
        order: 1
    }
}

@media (min-width:992px) {
    .quiz-questions-container .image-and-content>.carousel-content {
        position: absolute;
        max-width: 100vw
    }
}

.quiz-questions-container .quiz-buttons-container>.component-content>.content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

@media (min-width:992px) {
    .quiz-questions-container .quiz-buttons-container>.component-content>.content {
        flex-wrap: wrap;
        flex-direction: row;
        align-items: stretch
    }
}

.quiz-questions-container .quiz-buttons {
    padding: 0 5px;
    cursor: pointer;
    margin-bottom: 15px;
    width: 100%;
    max-width: 328px
}

@media (min-width:992px) {
    .quiz-questions-container .quiz-buttons {
        max-width: 555px
    }
}

.quiz-questions-container .quiz-buttons>.component-content {
    height: 100%
}

.quiz-questions-container .quiz-buttons .richText-content {
    height: 100%;
    background-color: #242f60;
    border-bottom-right-radius: 50px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: clamp(15px, calc(15px + (15 - 30) * ((100vw - 992px)/ (992 - 1140))), 30px)
}

.quiz-questions-container .quiz-buttons .richText-content p {
    color: #fff;
    font-family: DiodrumVoltaren;
    font-size: 1.125rem
}

.quiz-questions-container .quiz-buttons .richText-content p strong {
    font-size: 1.375rem
}

.quiz-questions-container .quiz-buttons .richText-content:active,
.quiz-questions-container .quiz-buttons .richText-content:focus,
.quiz-questions-container .quiz-buttons .richText-content:hover {
    background: linear-gradient(225deg, #e57200 0, #e64510 100%)
}

.quiz-questions-content {
    padding-top: 30px;
    color: var(--secondary-color)
}

.quiz-results-container {
    display: none
}

.quiz-results-container.open {
    display: block
}

.quiz-related-article-snippet,
.quiz-related-product-snippet {
    display: none
}

.quiz-result {
    display: none;
    height: auto
}

.quiz-result .quiz-exercise-snippet {
    margin-bottom: 24px
}

@media (min-width:992px) {
    .quiz-result .quiz-exercise-snippet {
        margin-bottom: 30px
    }
}

.quiz-result .quiz-exercise-snippet .richText-content {
    padding-top: 20px
}

@media (min-width:992px) {
    .quiz-result .quiz-exercise-snippet .richText-content {
        padding-left: 60px
    }
}

.quiz-result .quiz-exercise-snippet p {
    display: block;
    color: var(--secondary-color);
    font-weight: 700;
    font-size: .75rem;
    line-height: .875rem;
    margin-bottom: 8px
}

@media (min-width:992px) {
    .quiz-result .quiz-exercise-snippet p {
        font-size: 1rem;
        line-height: 1.125rem;
        margin-bottom: 20px
    }
}

.quiz-result .quiz-exercise-snippet h2 {
    font-size: 1.125rem;
    line-height: 1.5rem;
    margin-bottom: 8px
}

@media (min-width:992px) {
    .quiz-result .quiz-exercise-snippet h2 {
        font-size: 1.375rem;
        line-height: 2rem;
        margin-bottom: 10px
    }
}

.quiz-result .quiz-exercise-snippet h3 {
    font-size: .9375rem;
    line-height: 1.75rem;
    font-weight: 400
}

@media (min-width:992px) {
    .quiz-result .quiz-exercise-snippet h3 {
        font-size: 1.125rem;
        line-height: 2.125rem
    }
}

.quiz-exercise-hidden {
    display: none !important
}

.quiz-show-more {
    margin-bottom: 55px;
    display: none
}

@media (min-width:992px) {
    .quiz-show-more {
        margin-bottom: 61px
    }
}

.quiz-show-more ul:not(.list--tabs) {
    display: flex;
    justify-content: center;
    padding-left: 0 !important
}

.quiz-show-more ul:not(.list--tabs)::before {
    content: "";
    display: block;
    background: #000;
    opacity: .1;
    height: 1px;
    width: 100%;
    position: absolute;
    z-index: -1;
    top: 50%
}

.quiz-show-more ul:not(.list--tabs) li {
    text-align: center;
    display: inline-block;
    align-items: center;
    padding: 11px !important;
    padding-left: 11px !important;
    background: #242f60;
    border-left: 10px solid #fff;
    border-right: 10px solid #fff;
    border-bottom-right-radius: 30px;
    color: #fff;
    min-width: 300px;
    font-size: 1.125rem;
    line-height: 1.5rem;
    font-weight: 600
}

@media (min-width:992px) {
    .quiz-show-more ul:not(.list--tabs) li {
        font-size: 1.375rem;
        line-height: 2rem;
        padding: 15px !important;
        padding-left: 15px !important;
        border-bottom-right-radius: 50px
    }
}

.quiz-show-more ul:not(.list--tabs) li p {
    color: #fff;
    font-size: .9375rem;
    font-weight: 500;
    line-height: 1.25rem;
    text-align: center
}

@media (min-width:992px) {
    .quiz-show-more ul:not(.list--tabs) li p {
        font-size: 1.125rem;
        line-height: 1.625rem
    }
}

.quiz-show-more ul:not(.list--tabs) li:hover {
    background: linear-gradient(225deg, #e57200 0, #e64510 100%)
}

.quiz-show-more ul:not(.list--tabs) li:last-child {
    display: none
}

.quiz-show-more ul:not(.list--tabs) li:last-child::after {
    top: 10px;
    transform: rotate(225deg)
}

.quiz-show-more ul:not(.list--tabs) li::after {
    content: "";
    border: solid #fff;
    border-width: 0 4px 4px 0;
    display: inline-block;
    padding: 8px;
    transform: rotate(45deg);
    outline: 0;
    margin-left: 10px;
    position: relative;
    top: 0;
    right: 0
}

.quiz-show-more.show {
    display: block
}

.quiz-show-more.expanded ul:not(.list--tabs) li:first-child {
    display: none
}

.quiz-show-more.expanded ul:not(.list--tabs) li:last-child {
    display: inline-block
}

picture {
    line-height: 0;
    display: block
}

.loading-results-modal {
    opacity: 0;
    pointer-events: none;
    position: fixed;
    overflow-y: scroll;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1000;
    background: #fff
}

.loading-results-modal>.component-content {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start
}

.loading-results-modal>.component-content>.content {
    margin: 0 auto;
    width: 100%;
    height: 100%;
    max-width: 1600px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    position: relative
}

.loading-results-modal>.component-content>.content::after {
    content: "";
    display: block !important;
    width: 100%;
    height: 24px;
    background: linear-gradient(225deg, #e57200 0, #e64510 100%);
    position: absolute;
    top: 0;
    left: 0;
    right: 0
}

@media (min-width:992px) {
    .loading-results-modal>.component-content>.content::after {
        height: 30px
    }
}

.loading-results-modal>.component-content>.content>.container>.component-content>.content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.loading-results-modal .loader-container {
    width: auto;
    overflow: hidden
}

.loading-results-modal .loader-container>.component-content {
    width: 100%;
    height: 100%
}

.loading-results-modal .loader-container>.component-content>.content {
    width: 100px;
    height: 100px;
    display: flex;
    justify-content: center;
    align-items: center
}

.loading-results-modal .loader-container .loader-circle {
    width: 100%;
    height: 100%;
    box-shadow: inset 0 0 0 3px #e37200;
    border-radius: 50%
}

.loading-results-modal .loader-container .loader-circle::after,
.loading-results-modal .loader-container .loader-circle::before {
    content: "";
    width: 60%;
    height: 110%;
    background: #fff;
    display: block;
    position: absolute;
    transform: rotate(0)
}

.loading-results-modal .loader-container .loader-circle::before {
    right: 50%;
    transform-origin: center right;
    transition: transform 1s 1s ease-out
}

.loading-results-modal .loader-container .loader-circle::after {
    left: 50%;
    transform: rotate(0);
    transform-origin: center left;
    transition: transform 1s ease-in-out
}

.loading-results-modal .loader-container .loader-icon {
    position: absolute;
    width: 80px
}

.loading-results-modal [class*=loading-msg] {
    font-family: DiodrumVoltaren;
    color: #323131;
    font-size: 1.125rem;
    line-height: 1.5rem;
    font-weight: 600;
    opacity: 0;
    transform: translateY(-20px);
    transition: opacity 1s ease-out, transform 1s ease;
    margin-top: 30px
}

.loading-results-modal .loading-msg-2 {
    transition-delay: 1s
}

.loading-results-modal .loading-msg-3 {
    transition-delay: 2s
}

.loading-results-modal.loading .loader-circle {
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-name: rotate;
    animation-iteration-count: infinite;
    animation-delay: .5s;
    animation-direction: infinite
}

.loading-results-modal.loading .loader-circle::after {
    transform: rotate(120deg)
}

@keyframes rotate {
    from {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}

.loading-results-modal.loading [class*=loading-msg] {
    opacity: 1;
    transform: translateY(0)
}

.loading-results-modal.open {
    opacity: 1;
    pointer-events: all
}

.quiz-user-profile {
    background: #f5f5f5;
    border-bottom-right-radius: 40px;
    padding: 30px
}

.quiz-user-profile ul:not(.list--tabs) {
    padding-left: 0 !important
}

@media (min-width:992px) {
    .quiz-user-profile ul:not(.list--tabs) {
        display: flex;
        flex-wrap: wrap
    }
}

.quiz-user-profile h2 {
    font-size: 1.375rem;
    line-height: 2rem;
    margin-bottom: 0
}

.quiz-user-profile h3 {
    width: auto;
    display: inline-flex
}

.quiz-user-profile .quiz-reload {
    cursor: pointer;
    white-space: nowrap;
    padding-right: 15px
}

.quiz-user-profile .quiz-reload a {
    color: var(--secondary-color);
    padding-right: 10px
}

.quiz-user-profile li {
    line-height: 0;
    margin-bottom: 0 !important
}

.quiz-user-profile li>span {
    font-size: .75rem;
    line-height: .875rem;
    font-weight: 600;
    text-transform: uppercase;
    color: #000;
    display: none;
    margin-bottom: 16px
}

@media (min-width:992px) {
    .quiz-user-profile li>span {
        font-size: 1rem;
        line-height: 1.125rem;
        margin-right: 40px
    }
}

.quiz-selected-category {
    display: block;
    margin-bottom: 24px;
    color: var(--primary-color)
}

@media (min-width:992px) {
    .quiz-selected-category {
        margin-bottom: 20px
    }
}

.selected-answer-1a .quiz-profile-1a {
    display: block
}

.selected-answer-1b .quiz-profile-1b {
    display: block
}

.selected-answer-1c .quiz-profile-1c {
    display: block
}

.selected-answer-2a .quiz-profile-2a {
    display: block
}

.selected-answer-2b .quiz-profile-2b {
    display: block
}

.selected-answer-2c .quiz-profile-2c {
    display: block
}

.selected-answer-3a .quiz-profile-3a {
    display: block
}

.selected-answer-3b .quiz-profile-3b {
    display: block
}

.selected-answer-4a .quiz-profile-4a {
    display: block
}

.selected-answer-4b .quiz-profile-4b {
    display: block
}

.selected-answer-4c .quiz-profile-4c {
    display: block
}

.selected-answer-5a .quiz-profile-5a {
    display: block
}

.selected-answer-5b .quiz-profile-5b {
    display: block
}

.selected-answer-6a .quiz-profile-6a {
    display: block
}

.selected-answer-6b .quiz-profile-6b {
    display: block
}

.quiz-related-product {
    margin-bottom: 40px
}

.quiz-related-product .button-learn-more,
.quiz-related-product .button-learn-more:hover {
    text-decoration: none !important
}

.quiz-related-product>.component-content {
    display: flex;
    flex-direction: column
}

@media (min-width:992px) {
    .quiz-related-product>.component-content {
        flex-direction: row
    }
}

.quiz-related-product>.component-content ul {
    padding-left: 0 !important;
    margin-top: 18px !important
}

@media (min-width:992px) {
    .quiz-related-product>.component-content .richText-content {
        padding-left: 30px
    }
}

.quiz-related-product>.component-content .richText-content li {
    display: flex;
    align-items: center
}

.quiz-related-product>.component-content .richText-content li::before {
    left: 0;
    content: "";
    display: block !important;
    width: 8px;
    height: 8px;
    margin-right: 20px;
    background: orange
}

.quiz-related-product img {
    margin-bottom: 16px;
    max-width: 500px;
    border: 1px solid rgba(0, 0, 0, .1);
    border-bottom-right-radius: 60px
}

@media (min-width:992px) {
    .quiz-related-product img {
        margin: 0;
        width: 41.66%
    }
}

.quiz-related-product .button-learn-more {
    display: inline-block;
    margin-top: 8px
}

@media (min-width:992px) {
    .quiz-related-product .button-learn-more {
        margin-top: 20px
    }
}

.carousel-slide {
    display: block
}

.slick-arrow.slick-hidden,
.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-loading .slick-track {
    visibility: hidden
}

.quiz-results-data.knee .quiz-related-article-snippet.quiz-related-article-knee,
.quiz-results-data.knee .quiz-related-product-snippet.quiz-related-product-knee {
    display: block
}

.quiz-results-data.knee .quiz-result-knee {
    display: block
}

.quiz-results-data.knee.selected-answer-1c .reference-knee-8 {
    display: none
}

.quiz-results-data.knee.selected-answer-1c .reference-knee-13 {
    display: none
}

.quiz-results-data.knee.selected-answer-2b .reference-knee-8 {
    display: none
}

.quiz-results-data.knee.selected-answer-2b .reference-knee-13 {
    display: none
}

.quiz-results-data.knee.selected-answer-2c .reference-knee-3 {
    display: none
}

.quiz-results-data.knee.selected-answer-2c .reference-knee-4 {
    display: none
}

.quiz-results-data.knee.selected-answer-2c .reference-knee-5 {
    display: none
}

.quiz-results-data.knee.selected-answer-2c .reference-knee-6 {
    display: none
}

.quiz-results-data.knee.selected-answer-2c .reference-knee-8 {
    display: none
}

.quiz-results-data.knee.selected-answer-2c .reference-knee-10 {
    display: none
}

.quiz-results-data.knee.selected-answer-2c .reference-knee-13 {
    display: none
}

.quiz-results-data.knee.selected-answer-3a .reference-knee-8 {
    display: none
}

.quiz-results-data.knee.selected-answer-3a .reference-knee-13 {
    display: none
}

.quiz-results-data.knee.selected-answer-4a .reference-knee-8 {
    display: none
}

.quiz-results-data.knee.selected-answer-1a.selected-answer-2a.selected-answer-3b.selected-answer-4a .reference-knee-8,
.quiz-results-data.knee.selected-answer-1b.selected-answer-2a.selected-answer-3b.selected-answer-4a .reference-knee-8 {
    display: none
}

.quiz-results-data.knee.selected-answer-1a.selected-answer-2a.selected-answer-3b.selected-answer-4a .reference-knee-13,
.quiz-results-data.knee.selected-answer-1b.selected-answer-2a.selected-answer-3b.selected-answer-4a .reference-knee-13 {
    display: none
}

.quiz-results-data.knee.selected-answer-2a.selected-answer-3b.selected-answer-4c .reference-knee-1 {
    display: none
}

.quiz-results-data.knee.selected-answer-2a.selected-answer-3b.selected-answer-4c .reference-knee-8 {
    display: block
}

.quiz-results-data.knee.selected-answer-2a.selected-answer-3b.selected-answer-4c .reference-knee-13 {
    display: block
}

.quiz-results-data.knee.selected-answer-4a.selected-answer-3b.selected-answer-2a .reference-knee-8 {
    display: none
}

.quiz-results-data.knee.selected-answer-4a.selected-answer-3b.selected-answer-2a .reference-knee-13 {
    display: none
}

.quiz-results-data.foot .quiz-related-article-snippet.quiz-related-article-foot,
.quiz-results-data.foot .quiz-related-product-snippet.quiz-related-product-foot {
    display: block
}

.quiz-results-data.foot .quiz-result-foot {
    display: block
}

.quiz-results-data.foot.selected-answer-2b .reference-foot-10 {
    display: none
}

.quiz-results-data.foot.selected-answer-2b .reference-foot-12 {
    display: none
}

.quiz-results-data.foot.selected-answer-2c .reference-foot-4 {
    display: none
}

.quiz-results-data.foot.selected-answer-2c .reference-foot-8 {
    display: none
}

.quiz-results-data.foot.selected-answer-2c .reference-foot-9 {
    display: none
}

.quiz-results-data.foot.selected-answer-2c .reference-foot-10 {
    display: none
}

.quiz-results-data.foot.selected-answer-2c .reference-foot-12 {
    display: none
}

.quiz-results-data.foot.selected-answer-3a .reference-foot-8 {
    display: none
}

.quiz-results-data.foot.selected-answer-3a .reference-foot-9 {
    display: none
}

.quiz-results-data.foot.selected-answer-3a .reference-foot-10 {
    display: none
}

.quiz-results-data.foot.selected-answer-3a .reference-foot-12 {
    display: none
}

.quiz-results-data.foot.selected-answer-4a .reference-foot-9 {
    display: none
}

.quiz-results-data.anterior_hip .quiz-related-article-snippet.quiz-related-article-anterior_hip,
.quiz-results-data.anterior_hip .quiz-related-product-snippet.quiz-related-product-anterior_hip {
    display: block
}

.quiz-results-data.anterior_hip .quiz-result-anterior_hip {
    display: block
}

.quiz-results-data.anterior_hip.selected-answer-1c .reference-anterior_hip-15 {
    display: none
}

.quiz-results-data.anterior_hip.selected-answer-2b .reference-anterior_hip-1,
.quiz-results-data.anterior_hip.selected-answer-2c .reference-anterior_hip-1 {
    display: none
}

.quiz-results-data.anterior_hip.selected-answer-2b .reference-anterior_hip-7,
.quiz-results-data.anterior_hip.selected-answer-2c .reference-anterior_hip-7 {
    display: none
}

.quiz-results-data.anterior_hip.selected-answer-2b .reference-anterior_hip-11,
.quiz-results-data.anterior_hip.selected-answer-2c .reference-anterior_hip-11 {
    display: none
}

.quiz-results-data.anterior_hip.selected-answer-2b .reference-anterior_hip-13,
.quiz-results-data.anterior_hip.selected-answer-2c .reference-anterior_hip-13 {
    display: none
}

.quiz-results-data.anterior_hip.selected-answer-2b .reference-anterior_hip-15,
.quiz-results-data.anterior_hip.selected-answer-2c .reference-anterior_hip-15 {
    display: none
}

.quiz-results-data.anterior_hip.selected-answer-3a .reference-anterior_hip-7 {
    display: none
}

.quiz-results-data.anterior_hip.selected-answer-3a .reference-anterior_hip-13 {
    display: none
}

.quiz-results-data.anterior_hip.selected-answer-3a .reference-anterior_hip-15 {
    display: none
}

.quiz-results-data.anterior_hip.selected-answer-3a.selected-answer-4a .reference-anterior_hip-15 {
    display: none
}

.quiz-results-data.anterior_hip.selected-answer-2a.selected-answer-3b.selected-answer-4a .reference-anterior_hip-9 {
    display: none
}

.quiz-results-data.anterior_hip.selected-answer-2a.selected-answer-3b.selected-answer-4a .reference-anterior_hip-11 {
    display: none
}

.quiz-results-data.anterior_hip.selected-answer-2a.selected-answer-3b.selected-answer-4c .reference-anterior_hip-2 {
    display: none
}

.quiz-results-data.anterior_hip.selected-answer-1c.selected-answer-6b .reference-anterior_hip-9 {
    display: none
}

.quiz-results-data.anterior_hip.selected-answer-1c.selected-answer-6b .reference-anterior_hip-13 {
    display: none
}

.quiz-results-data.anterior_hip.selected-answer-1c.selected-answer-6b .reference-anterior_hip-15 {
    display: none
}

.quiz-results-data.lateral_hip .quiz-related-article-snippet.quiz-related-article-lateral_hip,
.quiz-results-data.lateral_hip .quiz-related-product-snippet.quiz-related-product-lateral_hip {
    display: block
}

.quiz-results-data.lateral_hip .quiz-result-lateral_hip {
    display: block
}

.quiz-results-data.lateral_hip.selected-answer-1c .reference-lateral_hip-11 {
    display: none
}

.quiz-results-data.lateral_hip.selected-answer-1c .reference-lateral_hip-12 {
    display: none
}

.quiz-results-data.lateral_hip.selected-answer-2b .reference-lateral_hip-6 {
    display: none
}

.quiz-results-data.lateral_hip.selected-answer-2b .reference-lateral_hip-11 {
    display: none
}

.quiz-results-data.lateral_hip.selected-answer-2b .reference-lateral_hip-12 {
    display: none
}

.quiz-results-data.lateral_hip.selected-answer-2c .reference-lateral_hip-6 {
    display: none
}

.quiz-results-data.lateral_hip.selected-answer-2c .reference-lateral_hip-9 {
    display: none
}

.quiz-results-data.lateral_hip.selected-answer-2c .reference-lateral_hip-11 {
    display: none
}

.quiz-results-data.lateral_hip.selected-answer-2c .reference-lateral_hip-12 {
    display: none
}

.quiz-results-data.lateral_hip.selected-answer-3a .reference-lateral_hip-11 {
    display: none
}

.quiz-results-data.lateral_hip.selected-answer-3a .reference-lateral_hip-12 {
    display: none
}

.quiz-results-data.lateral_hip.selected-answer-4a .reference-lateral_hip-11 {
    display: none
}

.quiz-results-data.lateral_hip.selected-answer-4a .reference-lateral_hip-12 {
    display: none
}

.quiz-results-data.lateral_hip.selected-answer-1c.selected-answer-2a.selected-answer-3b.selected-answer-4c .reference-lateral_hip-11 {
    display: block
}

.quiz-results-data.lateral_hip.selected-answer-1c.selected-answer-2a.selected-answer-3b.selected-answer-4c .reference-lateral_hip-12 {
    display: block
}

.quiz-results-data.lateral_hip.selected-answer-1c.selected-answer-2a.selected-answer-3b.selected-answer-4c .reference-lateral_hip-3 {
    display: none
}

.quiz-results-data.lateral_hip.selected-answer-1a.selected-answer-2a.selected-answer-3b.selected-answer-4b .reference-lateral_hip-11,
.quiz-results-data.lateral_hip.selected-answer-1a.selected-answer-2a.selected-answer-3b.selected-answer-4c .reference-lateral_hip-11,
.quiz-results-data.lateral_hip.selected-answer-1b.selected-answer-2a.selected-answer-3b.selected-answer-4b .reference-lateral_hip-11,
.quiz-results-data.lateral_hip.selected-answer-1b.selected-answer-2a.selected-answer-3b.selected-answer-4c .reference-lateral_hip-11 {
    display: block
}

.quiz-results-data.lateral_hip.selected-answer-1a.selected-answer-2a.selected-answer-3b.selected-answer-4b .reference-lateral_hip-12,
.quiz-results-data.lateral_hip.selected-answer-1a.selected-answer-2a.selected-answer-3b.selected-answer-4c .reference-lateral_hip-12,
.quiz-results-data.lateral_hip.selected-answer-1b.selected-answer-2a.selected-answer-3b.selected-answer-4b .reference-lateral_hip-12,
.quiz-results-data.lateral_hip.selected-answer-1b.selected-answer-2a.selected-answer-3b.selected-answer-4c .reference-lateral_hip-12 {
    display: block
}

.quiz-results-data.lateral_hip.selected-answer-1a.selected-answer-2a.selected-answer-3b.selected-answer-4b .reference-lateral_hip-3,
.quiz-results-data.lateral_hip.selected-answer-1a.selected-answer-2a.selected-answer-3b.selected-answer-4c .reference-lateral_hip-3,
.quiz-results-data.lateral_hip.selected-answer-1b.selected-answer-2a.selected-answer-3b.selected-answer-4b .reference-lateral_hip-3,
.quiz-results-data.lateral_hip.selected-answer-1b.selected-answer-2a.selected-answer-3b.selected-answer-4c .reference-lateral_hip-3 {
    display: none
}

.quiz-results-data.lateral_hip.selected-answer-1c.selected-answer-6b .reference-lateral_hip-11 {
    display: none
}

.quiz-results-data.back .quiz-related-article-snippet.quiz-related-article-back,
.quiz-results-data.back .quiz-related-product-snippet.quiz-related-product-back {
    display: block
}

.quiz-results-data.back .quiz-result-back {
    display: block
}

.quiz-results-data.back.selected-answer-2b .reference-back-18 {
    display: none
}

.quiz-results-data.back.selected-answer-2c .reference-back-3 {
    display: none
}

.quiz-results-data.back.selected-answer-2c .reference-back-5 {
    display: none
}

.quiz-results-data.back.selected-answer-2c .reference-back-11 {
    display: none
}

.quiz-results-data.back.selected-answer-2c .reference-back-12 {
    display: none
}

.quiz-results-data.back.selected-answer-2c .reference-back-17 {
    display: none
}

.quiz-results-data.back.selected-answer-2c .reference-back-18 {
    display: none
}

.quiz-results-data.back.selected-answer-3a .reference-back-18 {
    display: none
}

.quiz-results-data.back.selected-answer-1c.selected-answer-4a .reference-back-12 {
    display: none
}

.quiz-results-data.back.selected-answer-1c.selected-answer-4a .reference-back-18 {
    display: none
}

.quiz-results-data.back.selected-answer-1c.selected-answer-6b .reference-back-3 {
    display: none
}

.quiz-results-data.back.selected-answer-1c.selected-answer-6b .reference-back-4 {
    display: none
}

.quiz-results-data.back.selected-answer-1c.selected-answer-6b .reference-back-11 {
    display: none
}

.quiz-results-data.back.selected-answer-1c.selected-answer-6b .reference-back-12 {
    display: none
}

.quiz-results-data.shoulder .quiz-related-article-snippet.quiz-related-article-shoulder,
.quiz-results-data.shoulder .quiz-related-product-snippet.quiz-related-product-shoulder {
    display: block
}

.quiz-results-data.shoulder .quiz-result-shoulder {
    display: block
}

.quiz-results-data.shoulder.selected-answer-2b .reference-shoulder-16 {
    display: none
}

.quiz-results-data.shoulder.selected-answer-2c .reference-shoulder-6 {
    display: none
}

.quiz-results-data.shoulder.selected-answer-2c .reference-shoulder-12 {
    display: none
}

.quiz-results-data.shoulder.selected-answer-2c .reference-shoulder-13 {
    display: none
}

.quiz-results-data.shoulder.selected-answer-2c .reference-shoulder-15 {
    display: none
}

.quiz-results-data.shoulder.selected-answer-2c .reference-shoulder-16 {
    display: none
}

.quiz-results-data.shoulder.selected-answer-3a .reference-shoulder-10 {
    display: none
}

.quiz-results-data.shoulder.selected-answer-3a .reference-shoulder-11 {
    display: none
}

.quiz-results-data.shoulder.selected-answer-3a .reference-shoulder-12 {
    display: none
}

.quiz-results-data.shoulder.selected-answer-3a .reference-shoulder-13 {
    display: none
}

.quiz-results-data.shoulder.selected-answer-3a .reference-shoulder-14 {
    display: none
}

.quiz-results-data.shoulder.selected-answer-3a .reference-shoulder-15 {
    display: none
}

.quiz-results-data.shoulder.selected-answer-3a .reference-shoulder-16 {
    display: none
}

.quiz-results-data.shoulder.selected-answer-3a .reference-shoulder-17 {
    display: none
}

.quiz-results-data.shoulder.selected-answer-3b .reference-shoulder-5 {
    display: none
}

.quiz-results-data.shoulder.selected-answer-1c.selected-answer-4a .reference-shoulder-14 {
    display: none
}

.quiz-results-data.elbow .quiz-related-article-snippet.quiz-related-article-elbow,
.quiz-results-data.elbow .quiz-related-product-snippet.quiz-related-product-elbow {
    display: block
}

.quiz-results-data.elbow .quiz-result-elbow {
    display: block
}

.quiz-results-data.elbow.selected-answer-3a .reference-elbow-3 {
    display: none
}

.quiz-results-data.elbow.selected-answer-3a .reference-elbow-4 {
    display: none
}

.quiz-results-data.elbow.selected-answer-3a .reference-elbow-5 {
    display: none
}

.quiz-results-data.elbow.selected-answer-3a .reference-elbow-10 {
    display: none
}

.quiz-results-data.neck .quiz-related-article-snippet.quiz-related-article-neck,
.quiz-results-data.neck .quiz-related-product-snippet.quiz-related-product-neck {
    display: block
}

.quiz-results-data.neck .quiz-result-neck {
    display: block
}

.quiz-results-data.neck.selected-answer-1c .reference-neck-6 {
    display: none
}

.quiz-results-data.neck.selected-answer-3a .reference-neck-13 {
    display: none
}

.quiz-results-data.neck.selected-answer-1c.selected-answer-4a .reference-neck-6 {
    display: none
}

.quiz-results-data.neck.selected-answer-1c.selected-answer-4a .reference-neck-13 {
    display: none
}

.quiz-results-data.neck.selected-answer-5b .reference-neck-3 {
    display: none
}

.quiz-results-data.neck.selected-answer-5b .reference-neck-6 {
    display: none
}

.quiz-results-data.neck.selected-answer-5b .reference-neck-13 {
    display: none
}

.quiz-results-data.neck.selected-answer-1c.selected-answer-6b .reference-neck-6 {
    display: none
}

.quiz-results-data.hand .quiz-related-article-snippet.quiz-related-article-hand,
.quiz-results-data.hand .quiz-related-product-snippet.quiz-related-product-hand {
    display: block
}

.quiz-results-data.hand .quiz-result-hand {
    display: block
}

.quiz-results-data.hand.selected-answer-3a .reference-hand-11 {
    display: none
}

.Header {
    min-height: 52px;
    position: fixed;
    z-index: 1000;
    background-color: #fff
}

.Header>.inner>.component-content {
    position: fixed;
    z-index: 101;
    background-color: #fff;
    width: 100vw;
    max-width: 100%;
    height: 52px
}

@media (min-width:992px) {
    .Header>.inner>.component-content {
        background-image: none;
        position: initial;
        box-shadow: none
    }
}

.Header>.inner>.component-content>.image.header-background-mb {
    z-index: -1;
    position: absolute;
    bottom: 0
}

@media (min-width:992px) {
    .Header>.inner>.component-content>.image.header-background-mb {
        display: none
    }
}

.Header>.inner>.component-content>.image.header-background-mb.no-background {
    display: none
}

.Header>.inner>.component-content>.image.header-background-mb .component-content {
    display: flex
}

.Header>.inner>.component-content>.image.header-background-mb img {
    transform: translateX(calc(100vw - 767px));
    min-width: 940px;
    width: 100%;
    height: 100%
}

@media (min-width:768px) {
    .Header>.inner>.component-content>.image.header-background-mb img {
        transform: none
    }
}

.Header:not(.is-expanded)>.inner>.component-content>.image.header-background-mb {
    display: none
}

.Header .navigation-mobile-menu {
    position: absolute;
    display: block;
    width: 24px;
    height: 24px;
    z-index: 1;
    outline: 0;
    margin-left: 8px;
    border: none;
    top: 16px;
    left: 8px;
    cursor: pointer;
    background: url("https://i-cf65.ch-static.com/etc/designs/zg/bp-voltaren-delta/desktop/img/voltaren-sprites.png") no-repeat;
    background-position: -524px -511px
}

@media (min-width:992px) {
    .Header .navigation-mobile-menu {
        display: none
    }
}

@media (min-width:992px) {
    .Header {
        border-bottom: 1px solid #f5f5f5
    }
}

.Header.is-expanded>.inner>.component-content {
    height: auto;
    max-height: 90vh;
    overflow-y: scroll;
    scrollbar-width: none;
    box-shadow: 0 6px 19px 0 rgba(0, 0, 0, .2)
}

.Header.is-expanded>.inner>.component-content::-webkit-scrollbar {
    width: 0;
    background: 0 0
}

.Header.is-expanded .font-increment-mb {
    display: block
}

.Header.is-expanded .wrapper-hcp-links.clone {
    display: block
}

@media (min-width:992px) {
    .Header.is-expanded .wrapper-hcp-links.clone {
        display: none
    }
}

@media only screen and (max-width:991px) {
    .main-nav .component-content {
        width: 100%;
        margin: auto
    }

    .main-nav button.navigation-mobile-menu {
        margin-left: 0 !important
    }

    .main-nav .navigation-branch {
        list-style-type: none
    }

    .main-nav .navigation-branch li {
        display: inline-block;
        position: relative;
        font-family: DiodrumVoltaren;
        font-weight: 600;
        font-style: normal;
        border-bottom: 1px solid #f5f5f5;
        padding: 11px 0;
        width: 100%
    }

    .main-nav .navigation-branch li a::after {
        content: '';
        position: absolute;
        border: solid var(--primary-color);
        border-width: 0 2px 2px 0;
        margin-top: 6px;
        margin-right: 6px;
        padding: 5px;
        right: 0;
        transform: rotate(45deg);
        -webkit-transform: rotate(45deg)
    }
}

@media only screen and (max-width:991px) and (min-width:992px) {
    .main-nav .navigation-branch li a::after {
        transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg)
    }
}

@media only screen and (max-width:991px) {
    .main-nav .navigation-branch li:not(.has-dropdown) a::after {
        -webkit-transform: rotate(-45deg);
    }

    .main-nav .navigation-branch li a {
        color: var(--secondary-color-dark);
        display: block;
        width: 95%;
        height: 100%
    }

    .main-nav .navigation-branch li.is-active a::after {
        transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg)
    }

    .main-nav .navigation-branch li.is-active {
        border-bottom: none;
        margin-bottom: 20px
    }

    .main-nav .navigation-branch li.is-active::before {
        content: '';
        display: block;
        position: absolute;
        bottom: 0;
        width: 15%;
        left: 0;
        border-bottom: 2px solid var(--primary-color)
    }
}

@media (min-width:992px) {
    .main-nav {
        height: 69px;
        display: flex;
        align-items: center
    }
}

.main-nav .navigation-root.navigation-level1 {
    display: none
}

.main-nav .navigation-root.navigation-level1.is-open {
    display: block
}

@media (min-width:992px) {
    .main-nav .navigation-root.navigation-level1 {
        display: flex;
        justify-content: space-between
    }
}

.main-nav button.navigation-mobile-menu {
    display: none
}

@media (min-width:992px) {
    .main-nav .navigation-level1 {
        display: flex;
        justify-content: space-between
    }

    .main-nav .navigation-level1 .navigation-item {
        align-items: center;
        font-size: 1.125rem;
        line-height: 21px;
        padding: 12px 12px;
        font-family: DiodrumVoltaren-Semibold;
        cursor: pointer
    }

    .main-nav .navigation-level1 .navigation-item a {
        font-family: DiodrumVoltaren;
        color: var(--secondary-color);
        font-weight: 600
    }

    .main-nav .navigation-level1 .navigation-item.main-link-active,
    .main-nav .navigation-level1 .navigation-item:hover {
        background-color: var(--primary-color);
        border-radius: 22.5px
    }

    .main-nav .navigation-level1 .navigation-item.main-link-active a,
    .main-nav .navigation-level1 .navigation-item:hover a {
        color: #fff
    }

    .main-nav .navigation-level1 .navigation-item:hover {
        background-color: var(--secondary-color)
    }
}

@media only screen and (min-width:992px) and (max-width:1199px) {
    .main-nav .navigation-level1 .navigation-item {
        padding: 12px 6px
    }
}

@media only screen and (min-width:992px) and (min-width:992px) and (max-width:1060px) {
    .main-nav .navigation-level1 .navigation-item {
        font-size: 1rem
    }
}

.main-nav ul {
    padding-inline-start: 0;
    -webkit-padding-start: 0
}

@media (min-width:992px) {
    .main-nav {
        flex: 1;
        margin-left: 15px
    }
}

.navigation-mobile-menu.is-open {
    background: url("https://i-cf65.ch-static.com/etc/designs/zg/bp-voltaren-delta/desktop/img/voltaren-sprites.png") no-repeat;
    background-position: -524px -469px
}

.mega-menu {
    display: none
}

@media (min-width:992px) {
    .mega-menu {
        display: block;
        overflow-y: auto;
        max-height: 80vh
    }

    .mega-menu .inner>.component-content {
        overflow: hidden
    }

    .mega-menu .navigation-branch li {
        font-weight: 600
    }
}

@media (min-width:992px) {
    .Header .color-wordmark-blue .keyline::after {
        width: 100px
    }

    .Header .keyline::after {
        margin-top: 5px;
        width: auto
    }

    .Header .mb-nav-submenu {
        width: auto
    }

    .container-nav-rounded-white {
        position: absolute;
        z-index: 101;
        top: 121px;
        display: none;
        background-color: #fff;
        border-bottom-right-radius: 80px
    }

    .mega-menu {
        padding: 20px 0
    }

    .mega-menu .button-learn-more {
        padding: 20px;
        display: flex;
        align-items: center
    }

    .mega-menu .navigation-mobile-menu {
        display: none
    }

    .mega-menu .navigation-level1 {
        display: block
    }

    .mega-menu .navigation-level1 .navigation-item {
        font-size: 1.375rem;
        line-height: 32px;
        position: relative;
        max-width: 77%;
        padding: 10px 0;
        padding-left: 15px;
        padding-right: 40px;
        margin-top: 6px;
        cursor: pointer
    }

    .mega-menu .navigation-level1 .navigation-item::after {
        content: "\f054";
        display: inline-block;
        font-family: FontAwesome;
        font-style: normal;
        position: relative;
        font-weight: 400;
        font-size: 1rem;
        color: var(--primary-color);
        position: absolute;
        transform: translateY(-50%);
        top: 50%;
        padding-top: 6px;
        right: 10px
    }

    .mega-menu .navigation-level1 .navigation-item a {
        color: var(--secondary-color)
    }

    .mega-menu .navigation-level1 .navigation-item.is-mega-menu-active,
    .mega-menu .navigation-level1 .navigation-item.is-tabbed,
    .mega-menu .navigation-level1 .navigation-item:hover {
        background: radial-gradient(at bottom left, var(--primary-color-dark), var(--primary-color-light));
        border-bottom-right-radius: 30px
    }

    .mega-menu .navigation-level1 .navigation-item.is-mega-menu-active a,
    .mega-menu .navigation-level1 .navigation-item.is-tabbed a,
    .mega-menu .navigation-level1 .navigation-item:hover a {
        color: #fff
    }

    .mega-menu .navigation-level1 .navigation-item.is-mega-menu-active::after,
    .mega-menu .navigation-level1 .navigation-item.is-tabbed::after,
    .mega-menu .navigation-level1 .navigation-item:hover::after {
        color: #fff
    }

    .mega-menu .navigation-level1 .navigation-item.is-mega-menu-active {
        border-bottom-right-radius: 0
    }

    .mega-menu .navigation-hover .navigation-item {
        max-width: 100%
    }

    .mega-menu .navigation-hover .navigation-item:hover {
        border-radius: initial
    }

    .mega-menu ul {
        padding-inline-start: 0;
        -webkit-padding-start: 0
    }

    .mega-menu-hover-box {
        display: none;
        position: absolute;
        height: 100%;
        background: radial-gradient(at bottom left, var(--primary-color-dark), var(--primary-color-light));
        right: 0;
        padding: 30px;
        border-bottom-right-radius: 60px;
        transition: 0s
    }

    .mega-menu-hover-box figcaption p:last-of-type {
        padding-top: 50px;
        padding-bottom: 20px
    }

    .mega-menu-hover-box .button-learn-more-white {
        font-family: DiodrumVoltaren;
        padding-right: 40px;
        font-weight: 700
    }

    .mega-menu-hover-box .button-learn-more-white::after {
        border-width: 0 3px 3px 0
    }

    .hover-voltanatura {
        background: radial-gradient(at bottom left, #009a44, #00e766) !important
    }

    .mega-menu-img figcaption {
        padding-left: 15px
    }

    .mega-menu-img figcaption .no-decoration {
        width: 70%
    }

    .mega-menu-img figcaption .no-decoration:focus span,
    .mega-menu-img figcaption .no-decoration:hover span {
        color: var(--primary-color)
    }

    .mega-menu-img figcaption .arrow-after::after {
        right: -30px
    }
}

@media (min-width:992px) and (min-width:992px) {
    .mega-menu-img {
        right: 0
    }
}

@media only screen and (max-width:991px) {
    .scrollable .mb-dropdown {
        margin-bottom: 15px;
        -ms-overflow-style: none;
        scrollbar-width: none
    }

    .scrollable .mb-dropdown::-webkit-scrollbar {
        display: none
    }

    .mb-dropdown {
        max-height: 100vh
    }

    .mb-dropdown figcaption {
        width: 80%
    }

    .mb-dropdown figcaption a {
        z-index: 30;
        text-align: left
    }

    .mb-dropdown figcaption a::after {
        content: '';
        position: absolute;
        border: solid var(--primary-color);
        border-width: 0 2px 2px 0;
        padding: 5px;
        transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
        right: -15%;
        margin-top: -6px
    }

    .mb-dropdown figcaption a span {
        display: block;
        line-height: 1.4;
        margin-bottom: 11px
    }

    .mb-dropdown button {
        display: none
    }

    .mb-dropdown .navigation.component.section {
        z-index: 30
    }

    .mb-dropdown .navigation.component.section {
        padding-top: 0
    }

    .mb-dropdown .navigation.component.section .box.component.section {
        padding-top: 0
    }

    .mb-dropdown .keyline::after {
        display: none
    }

    .mb-dropdown .container {
        padding: 0
    }

    .mb-dropdown .mb-nav-submenu {
        z-index: 20;
        padding-right: 16px
    }

    .mb-dropdown .mb-nav-submenu .richText-content {
        border-bottom: 1px solid #f5f5f5;
        padding: 11px 0
    }

    .mb-dropdown .mb-nav-submenu .richText-content::after {
        content: '';
        position: absolute;
        border: solid var(--primary-color);
        border-width: 0 2px 2px 0;
        padding: 5px;
        right: 16px;
        top: 15px;
        transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        transition: transform .2s ease-out
    }

    .mb-dropdown .mb-nav-submenu .keyline .h5-styles {
        font-family: DiodrumVoltaren;
        font-weight: 600;
        font-style: normal;
        font-size: 14px
    }
}

@media only screen and (max-width:991px) and (min-width:992px) {
    .mb-dropdown .mb-nav-submenu .keyline .h5-styles {
        font-size: 18px
    }
}

@media only screen and (max-width:991px) {
    .mb-dropdown .mb-nav-submenu.active-submenu .richText-content::after {
        transform: rotate(-135deg);
        -webkit-transform: rotate(-135deg)
    }

    .mb-dropdown .is-dropdown-expanded .navigation-item-title {
        font-size: 16px
    }

    .mb-dropdown .mega-menu-img .image {
        margin-top: 10px
    }

    .mb-dropdown .mega-menu-img figure {
        border-bottom: 1px solid #f5f5f5;
        margin-bottom: 11px
    }

    .mb-dropdown .mega-menu-img figure img {
        width: 100%
    }

    .navigation-logo {
        margin-top: -20px
    }

    .navigation-logo img {
        max-width: 99px !important;
        max-height: 32px !important
    }
}

@media only screen and (max-width:991px) and (min-width:992px) {
    .navigation-logo {
        margin-top: initial
    }
}

@media only screen and (max-width:991px) {
    .padding-60-top {
        padding-top: 0
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .mb-dropdown .mega-menu-img figure img {
        width: 75%
    }
}

.no-background {
    background-image: none !important
}

@media (min-width:992px) {
    .navigation-link-active.is-active {
        background-color: var(--secondary-color);
        border-radius: 22.5px
    }

    .navigation-link-active.is-active.navigation-level1.navigation-item a {
        color: #fff
    }
}

.navigation-branch.is-open li>a::after {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg)
}

.mb-dropdown ul.is-open li>a::after {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg)
}

.is-dropdown-expanded ul.navigation-level1 li a::after {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg)
}

.main-title-active {
    z-index: 1000
}

.main-title-active p::after {
    content: '';
    position: absolute;
    border: solid #e37200;
    border-width: 0 2px 2px 0;
    margin-top: 11px;
    margin-right: 6px;
    padding: 5px;
    right: -2px;
    transform: rotate(-135deg);
    -webkit-transform: rotate(-134deg)
}

@media (min-width:992px) {
    .clone {
        display: none !important
    }
}

.mega-menu>.inner>.component-content>.box>.component-content>.paragraphSystem {
    overflow: hidden
}

@media (min-width:992px) {
    .read-more {
        display: inline
    }
}

.read-more-lines {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%
}

@media (min-width:992px) {
    .read-more-lines {
        display: none
    }
}

.button-read-more {
    z-index: 1;
    color: var(--secondary-color);
    font-size: 1.125rem;
    font-weight: 700;
    position: relative;
    display: table;
    margin: 0 auto;
    cursor: pointer;
    width: 100%;
    text-align: center;
    overflow: hidden
}

.button-read-more::after {
    content: '';
    border: solid var(--primary-color);
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 4px;
    transform: rotate(45deg) translate(4px, -6px);
    outline: 0;
    position: relative
}

.button-read-more.inverted::after {
    transform: scaleY(-1) rotate(45deg) translate(4px, -8px)
}

.button-read-more .text {
    width: 100%
}

.button-read-more .text::after,
.button-read-more .text::before {
    background-color: rgba(0, 0, 0, .1);
    content: "";
    display: inline-block;
    height: 1px;
    position: relative;
    vertical-align: middle;
    width: 50%
}

.button-read-more .text::before {
    margin-left: -50%
}

.button-read-more .text::after {
    left: 17px;
    margin-right: -50%
}

@media (min-width:992px) {
    .button-read-more {
        display: none
    }
}

@media screen and (max-width:991px) {
    .hide-teaser {
        display: none
    }
}

.show-more-btn {
    z-index: 1;
    color: var(--secondary-color);
    font-size: 1.125rem;
    font-weight: 700;
    position: relative;
    display: table;
    margin: 0 auto;
    cursor: pointer;
    width: 100%;
    text-align: center;
    overflow: hidden
}

.show-more-btn::after {
    content: '';
    border: solid var(--primary-color);
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 4px;
    transform: rotate(45deg) translate(4px, -6px);
    outline: 0;
    position: relative
}

.show-more-btn.inverted::after {
    transform: scaleY(-1) rotate(45deg) translate(4px, -8px)
}

.show-more-btn .text {
    width: 100%
}

.show-more-btn .text::after,
.show-more-btn .text::before {
    background-color: rgba(0, 0, 0, .1);
    content: "";
    display: inline-block;
    height: 1px;
    position: relative;
    vertical-align: middle;
    width: 50%
}

.show-more-btn .text::before {
    margin-left: -50%
}

.show-more-btn .text::after {
    left: 17px;
    margin-right: -50%
}

@media (min-width:992px) {
    .show-more-btn {
        display: none
    }
}

@media screen and (max-width:991px) {
    .hide-read {
        display: none !important
    }
}

p[section-id] a {
    width: 100%
}

.button-learn-more {
    display: inline-block;
    position: relative;
    background-color: var(--secondary-color);
    border-bottom: 2px solid #ccc;
    border-bottom-right-radius: 30px;
    padding: 16px 0;
    padding-left: 16px;
    padding-right: 40px;
    color: #fff;
    font-family: DiodrumVoltaren;
    border: 2px solid transparent;
    font-weight: 600;
    cursor: pointer;
    font-size: 1.125rem
}

@media (min-width:992px) {
    .button-learn-more {
        padding-top: 23px;
        padding-bottom: 20px;
        padding-left: 30px;
        padding-right: 60px;
        font-size: 1.375rem
    }
}

.button-learn-more::after {
    content: '';
    position: absolute;
    border: solid #fff;
    border-width: 0 4px 4px 0;
    display: inline-block;
    padding: 8px;
    transform: translateY(-50%) rotate(320deg);
    outline: 0;
    margin-left: 10px;
    top: 50%;
    right: 15px
}

@media (min-width:992px) {
    .button-learn-more::after {
        right: 25px
    }
}

.button-learn-more:focus,
.button-learn-more:hover {
    background-color: var(--primary-color);
    transition: right .2s ease-out;
    text-decoration: underline !important;
    border: 2px solid #fff
}

.button-learn-more:focus::after,
.button-learn-more:hover::after {
    right: 15px;
    transition: right .2s ease-out
}

.button-learn-more-white {
    background-color: #fff;
    border-bottom: 2px solid #ccc;
    border-bottom-right-radius: 30px;
    padding: 16px 0;
    padding-left: 16px;
    padding-right: 24px;
    color: var(--secondary-color);
    font-family: DiodrumVoltaren-Semibold;
    font-size: 1.125rem
}

@media (min-width:992px) {
    .button-learn-more-white {
        padding-top: 23px;
        padding-bottom: 20px;
        padding-left: 30px;
        padding-right: 60px;
        font-size: 1.375rem
    }
}

.button-learn-more-white::after {
    content: '';
    border: solid var(--secondary-color);
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 4px;
    transform: rotate(320deg);
    outline: 0;
    margin-left: 10px
}

.button-learn-more-white:hover::after {
    border-color: var(--primary-color);
    margin-left: 20px
}

.box-grey {
    background: linear-gradient(90deg, #fff 10%, #f5f5f5 0, #f5f5f5 100%);
    border-top-left-radius: 50px
}

.box-grey:before {
    content: "";
    width: 70px;
    height: 50px;
    top: -50px;
    right: 0;
    background-color: #f5f5f5;
    position: absolute;
    z-index: -1
}

.box-grey::after {
    content: "";
    width: 70px;
    height: 50px;
    background-color: #fff;
    position: absolute;
    right: 0;
    top: -50px;
    border-bottom-right-radius: 100%;
    z-index: -1
}

.box-grey-right {
    background-color: #f5f5f5;
    border-radius: 50px;
    border-top-right-radius: 0;
    margin-top: 50px
}

@media (min-width:992px) {
    .box-grey-right {
        margin-left: 115px;
        width: calc(100% - 115px)
    }
}

.box-grey-right:before {
    content: "";
    width: 115px;
    height: 100px;
    top: -100px;
    right: 0;
    background-color: #f5f5f5;
    position: absolute;
    z-index: -1
}

.box-grey-right::after {
    content: "";
    width: 115px;
    height: 100px;
    background-color: #fff;
    position: absolute;
    right: 0;
    top: -100px;
    border-bottom-right-radius: 50%;
    z-index: -1
}

@media (min-width:992px) {
    .box-grey-right::after {
        border-bottom-right-radius: 100%
    }
}

.grey-background:not(.selected-category) {
    background: #f5f5f5;
    border-top-left-radius: 50px;
    border-bottom-left-radius: 50px;
    border-bottom-right-radius: 50px
}

@media (min-width:992px) {
    .grey-background:not(.selected-category) {
        background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABc0AAAWbCAMAAADV2mxUAAACPVBMVEUAAAD////////////////////////////////////////r6+vt7e3u7u7v7+/w8PDx8fHy8vLy8vLz8/Pz8/P09PT09PT19fX19fX29vb29vb39/f39/f39/f39/f4+Pj4+Pj4+Pj4+Pjy8vLz8/Pz8/Pz8/P09PT19fX29vb29vb39/f39/f39/fz8/Pz8/Pz8/P09PT09PT09PT09PT09PT19fX19fX19fX19fX29vb29vb29vb29vb29vb09PT09PT09PT09PT09PT09PT19fX19fX19fX19fX19fX19fX19fX29vb29vb29vb29vb29vb29vb09PT09PT09PT09PT19fX19fX19fX19fX19fX19fX19fX19fX19fX19fX19fX29vb29vb29vb29vb29vb29vb09PT09PT09PT09PT19fX19fX19fX19fX19fX19fX19fX19fX19fX19fX19fX29vb29vb29vb09PT09PT09PT19fX19fX19fX19fX19fX19fX19fX19fX19fX19fX19fX19fX19fX19fX29vb29vb29vb19fX19fX19fX19fX19fX19fX19fX19fX19fX19fX29vb29vb09PT09PT19fX19fX19fX19fX19fX19fX19fX19fX19fX19fX19fX19fX19fX19fX19fX19fX19fX19fX19fX19fX19fX19fX29vb19fX19fX19fX19fX19fX19fX19fX19fX19fX19fX19fX19fX19fVzd2RnAAAAvnRSTlMAAQIDBQYICQoLDA0ODxAREhMUFRYXGBkaHB0eHyAhIiQlJigpKywtNDg6PT4/QEFCQ0RFRkhJSktNUVRVV1laW11eX2BiZWZoaWprbG5vcHFydXZ3eHp7fH5/gIGChIWGh4iJiouMjY6PkJOUlZeYmZucn6ChoqOkpqeoqqusrrCxsrO0tba4uru9vr/GyMnKy87Q09XW19jZ2tvc3d7f4OHi4+Xm5+jp6uvs7e7v8PHy8/T19vf4+fr7/P3+8Js16gAAAAFiS0dEAf8CLd4AABM2SURBVHja7d1pm1dzHMfx778JjbSoMJGlzRqlbJMle5ZBy4RUyL4LyVIKSaGyRIWSJFQzZalmqhmPzQ0ktEzNdr7ner0ewufG+zrXOb9zTkT7HTf88tsenbdk5brGxl9/B6DrbWhnyHuPnfbG53vsCJC35r3HP/vZPhMCZK752VM/ckkOkLvmZ0z51HQAuWteNXbBXsMB5K75oJk/WA0gec1HvLTbZgDJa37WHEdYALLX/IxX3C4HyF7zXvVe8wRIX/PrNtkKIHvNaxZZCiB7zSt3/GIogOw1H7TYTADpa177k5UAste8akaLkQCy1/zkZSYCSF/zc7+1EED6ml+6w0AA6Wt+i99RAOSv+Z2t5gFIX/N64wDkr/mDtgHIX/P7TAOQv+Z3WQYgf81v8gAUIH/NRzUZBiB9zUc02gUgfc37rTcLQPqa91hiFYD8NZ9lFID8NR/ne+YA+Wve7zubAOSv+QKTAOSv+U0WAchf8wFbLQKQv+buswCUoOa19gDIX/PjvrQHQP6aTzEHQP6aD9phDoD8NX/GGgD5a16zyxoA+Wv+gjEA8td8cLMxAPLX/HFbAOSvee/ttgDIX/O7TQFQgpqvNgVA/ppfbAmAEtT8dUsA5K95392WAMhf85sNAVCCmr9vCID8Ne/nPVCAEtTcv50BylDz+XYAyF/zqm12AMhf8wvNAFCCmt9vBoAS1Nz5RIAS1LzSYAaA/DUfaQWAEtTcaXOAMtT8CSsAlKDmy6wAUIKab7YCQP6an2gEgBLU/DwjAJSg5rVGAChBzeuMAFCCmj9kBIAS1HyOEQBKUPOFRgAoQc2XGwGgBDX/xAgAJaj5KiMAlKDma4wAUIKarzcCQAlqvsEIAGoOgJoDoOYAqDmAmgOg5gCoOQBqDqDmAKg5AGoOgJoDqDkAag6AmgOg5gBqDoCaA6DmAKg5gJoDoOYAqDkAag6g5gCoOQBqDoCaA6DmAGoOgJoDoOYAqDmAmgOg5gCoOQBqDqDmAKg5AGoOgJoDqDkAag6AmgOg5gBqDoCaA6DmAKg5gJoDoOYAqDkAag6AmgOoOQBqDoCaA6DmAGoOgJoDoOYAqDmAmgOg5gCoOQBqDqDmAKg5AGoOgJoDqDkAag6AmgOg5gBqDoCaA6DmAKg5AGoOoOYAqDkAag6AmgOoOQBqDoCaA6DmAGoOgJoDoOYAqDmAmgOg5gCoOQBqDqDmAKg5AGoOgJoDqDkAag6AmgOg5gBqruYAag6AmgOg5gCoOYCaA6DmAKg5AGoOoOYAqDkAag6AmgOoOQBqDoCaA6DmAGoOgJoDoOYAqDmAmgOg5gCoOQBqDqDmRgBQcwDUHAA1B0DNAdQcADUHQM0BUHMANQdAzQFQcwDUHEDNAVBzANQcADUHUHMA1BwANQdAzQHUHAA1B0DNAVBzADUHQM0BUHMA1BwANQdQcwDUHAA1B0DNAdQcADUHQM0BUHMANQdAzQFQcwDUHEDNAVBzANQcADUHUHMA1BwANQdAzQHUHAA1B0DNAVBzANQcQM0BUHMA1BwANQdQcwDUHAA1B0DNAdQcADUHQM0BUHMANQdAzQFQcwDUHEDNAVBzANQcADUHUHMA1BwANQdAzQFQcwA1B0DNAVBzANQcQM0BUHMA1BwANQdQcwDUHAA1B0DNAdQcADUHQM0BUHMANQdAzQFQcwDUHEDNAVBzANQcADUHUHM1B1BzANQcADUHQM0B1BwANQdAzQFQcwA1B0DNAVBzANQcQM0BUHMA1BwANQdQcwDUHAA1B0DNAdQcADUHQM0BUHMANTcCgJoDoOYAqDkAag6g5gCoOQBqDoCaA6g5AGoOgJoDoOYAag6AmgOg5gCoOYCaA6DmAKg5AGoOoOYAqDkAag6AmgOoOQBqDoCaA6DmAKg5gJoDoOYAqDkAag6g5gCoOQBqDoCaA6g5AGoOgJoDoOYAag6AmgOg5gCoOYCaA6DmAKg5AGoOoOYAqDkAag6AmgOg5gBqDoCaA6DmAKg5gJoDoOYAqDkAag6g5gCoOQBqDoCaA6g5AGoOgJoDoOYAag6AmgOg5gCoOYCaA6DmAKg5AGoOgJoDqDkAag6AmgOg5gBqDoCaA6DmAKg5gJoDoOYAqDkAag6g5gCoOQBqDoCaA6g5AGoOgJoDoOYAag6AmgOg5gCoOYCaqzmAmgOg5gCoOQBqDqDmAKg5AGoOgJoDqDkAag6AmgOg5gBqDoCaA6DmAKg5gJoDoOYAqDkAag6g5gCoOQBqDoCaA6i5EQDUHAA1B0DNAVBzADUHQM0BUHMA1BxAzQFQcwDUHAA1B1BzANQcADUHQM0B1BwANQdAzQFQcwA1B0DNAVBzANQcQM0BUHMA1BwANQdAzQHUHAA1B0DNAVBzADUHQM0BUHMA1BxAzQFQcwDUHAA1B1BzANQcADUHQM0B1BwANQdAzQFQcwA1B0DNAVBzANQcADUHUHMA1BwANQdAzQHUHAA1B0DNAVBzADUHQM0BUHMA1BxAzQFQcwDUHAA1B1BzANQcADUHQM0B1BwANQdAzQFQcwDUHEDNAVBzANQcADUHUHMA1BwANQdAzQHUHAA1B0DNAVBzADUHQM0BUHMA1BxAzQFQcwDUHAA1B1BzANQcADUHQM0B1FzNAdQcADUHQM0BUHMANQdAzQFQcwDUHEDNAVBzANQcADUHUHMA1BwANQdAzQHUHAA1B0DNAVBzADUHQM0BUHMA1BxAzY0AoOYAqDkAag6AmgOoOQBqDoCaA6DmAGoOgJoDoOYAqDmAmgOg5gCoOQBqDqDmAKg5AGoOgJoDqDkAag6AmgOg5gBqDoCaA6DmAKg5AGoOoOYAqDkAag6AmgOoOQBqDoCaA6DmAGoOgJoDoOYAqDmAmgOg5gCoOQBqDqDmAKg5AGoOgJoDqDkAag6AmgOg5gCoOYCaA6DmAKg5AGoOoOYAqDkAag6AmgOoOQBqDoCaA6DmAGoOgJoDoOYAqDmAmgOg5gCoOQBqDqDmAKg5AGoOgJoDoOYAag6AmgOg5gCoOYCaA6DmAKg5AGoOoOYAqDkAag6AmgOoOQBqDoCaA6DmAGoOgJoDoOYAqDmAmgOg5gCoOQBqDqDmag6g5gCoOQBqDoCaA6g5AGoOgJoDoOYAag6AmgOg5gCoOYCaA6DmAKg5AGoOoOYAqDkAag6AmgOoOQBqDoCaA6DmAGpuBAA1B0DNAVBzANQcQM0BUHMA1BwANQdQcwDUHAA1B0DNAdQcADUHQM0BUHMANQdAzQFQcwDUHEDNAVBzANQcADUHUHMA1BwANQdAzQFQcwA1B0DNAVBzANQcQM0BUHMA1BwANQdQcwDUHAA1B0DNAdQcADUHQM0BUHMANQdAzQFQcwDUHEDNAVBzANQcADUHQM0B1BwANQdAzQFQcwA1B0DNAVBzANQcQM0BUHMA1BwANQdQcwDUHAA1B0DNAdQcADUHQM0BUHMANQdAzQFQcwDUHAA1B1BzANQcADUHQM0B1BwANQdAzQFQcwA1B0DNAVBzANQcQM0BUHMA1BwANQdQcwDUHAA1B0DNAdQcADUHQM0BUHMANVdzADUHQM0BUHMA1BxAzQFQcwDUHAA1B1BzANQcADUHQM0B1BwANQdAzQFQcwA1B0DNAVBzANQcQM0BUHMA1BwANQdQcyMAqDkAag6AmgOg5gBqDoCaA6DmAKg5gJoDoOYAqDkAag6g5gCoOQBqDoCaA6g5AGoOgJoDoOYAag6AmgOg5gCoOYCaA6DmAKg5AGoOgJoDqDkAag6AmgOg5gBqDoCaA6DmAKg5gJoDoOYAqDkAag6g5gCoOQBqDoCaA6g5AGoOgJoDoOYAag6AmgOg5gCoOQBqDqDmAKg5AGoOgJoDqDkAag6AmgOg5gBqDoCaA6DmAKg5gJoDoOYAqDkAag6g5gCoOQBqDoCaA6g5AGoOgJoDoOYAqDmAmgOg5gCoOQBqDqDmAKg5AGoOgJoDqDkAag6AmgOg5gBqDoCaA6DmAKg5gJoDoOYAqDkAag6g5gCoOQBqDoCaA6i5mgOoOQBqDoCaA6DmAGoOgJoDoOYAqDmAmgOg5gCoOQBqDqDmAKg5AGoOgJoDqDkAag6AmgOg5gBqDoCaA6DmAKg5gJobAUDNAVBzANQcADUHUHMA1BwANQdAzQHUHAA1B0DNAVBzADUHQM0BUHMA1BxAzQFQcwDUHAA1B1BzANQcADUHQM0B1BwANQdAzQFQcwDUHEDNAVBzANQcADUHUHMA1BwANQdAzQHUHAA1B0DNAVBzADUHQM0BUHMA1BxAzQFQcwDUHAA1B1BzANQcADUHQM0BUHMANQdAzQFQcwDUHEDNAVBzANQcADUHUHMA1BwANQdAzQHUHAA1B0DNAVBzADUHQM0BUHMA1BxAzQFQcwDUHAA1B0DNAdQcADUHQM0BUHMANQdAzQFQcwDUHEDNAVBzANQcADUHUHMA1BwANQdAzQHUHAA1B0DNAVBzADUHQM0BUHMA1BxAzdUcQM0BUHMA1BwANQdQcwDUHAA1B0DNAdQcADUHQM0BUHMANQdAzQFQcwDUHEDNAVBzANQcADUHUHMA1BwANQdAzQHU3AgAag6AmgOg5gCoOYCaA6DmAKg5AGoOoOYAqDkAag6AmgOoOQBqDoCaA6DmAGoOgJoDoOYAqDmAmgOg5gCoOQBqDqDmAKg5AGoOgJoDoOYAag6AmgOg5gCoOYCaA6DmAKg5AGoOoOYAqDkAag6AmgOoOQBqDoCaA6DmAGoOgJoDoOYAqDmAmgOg5gCoOQBqDoCaA6g5AGoOgJoDoOYAag6AmgOg5gCoOYCaA6DmAKg5AGoOoOYAqDkAag6AmgOoOQBqDoCaA6DmAGoOgJoDoOYAqDkAag6g5gCoOQBqDoCaA6g5AGoOgJoDoOYAag6AmgOg5gCoOYCaA6DmAKg5AGoOoOYAqDkAag6AmgOoOQBqDoCaA6DmAGqu5gBqDoCaA6DmAKg5gJoDoOYAqDkAag6g5gCoOQBqDoCaA6g5AGoOgJoDoOYAag6AmgOg5gCoOYCaA6DmAKg5AGoOoOZGAFBzANQcADUHQM0B1BwANQdAzQFQcwA1B0DNAVBzANQcQM0BUHMA1BwANQdQcwDUHAA1B0DNAdQcADUHQM0BUHMANQdAzQFQcwDUHAA1B1BzANQcADUHQM0B1BwANQdAzQFQcwA1B0DNAVBzANQcQM0BUHMA1BwANQdQcwDUHAA1B0DNAdQcADUHQM0BUHMA1BxAzQFQcwDUHAA1B1BzANQcADUHQM0B1BwANQdAzQFQcwA1B0DNAVBzANQcQM0BUHMA1BwANQdQcwDUHAA1B0DNAVBzADUHQM0BUHMA1BxAzQFQcwDUHAA1B1BzANQcADUHQM0B1BwANQdAzQFQcwA1B0DNAVBzANQcQM0BUHMA1BwANQdQczUHUHMA1BwANQdAzQHUHAA1B0DNAVBzADUHoMA1X28EgPTWxWojAKT3RawyAkB6n8UnRgBIb2UsNwJAeh/GW0YASG9+vGAEgPSeiweNAJDezKgzAkB6d0StEQDSuyLONQJAesOj2ggA2bX2ithsBoDkNkXEUjMAJLckIh4zA0BysyPiBjMAJDchIkaaASC5ERFRabADQGpbKxER7xkCILW3IyLiXkMApDYlIiIuMARAaudHRETVNksAJLalR0RExJumAEhs3p8xd+IcILUJf9W8b7MtANJq6vNXzZ1RBEjs7b9jHjcaAyCtCftr3meXNQCS2tl7f81jnjkAknrln5jHKHMAJHXhATWP1fYASGlN5cCa32UQgJTqDox5VHu7HyCjhup/1TxmmwQgoVn/jnnUNNkEIJ3dp/yn5vGcUQDSeeq/MY/TdloFIJnf/ndpHvGkWQCSeeT/MY8B2+0CkEpD/4PUPCYZBiCVuoPFPHqutQxAIqt7HrTmcYVpABIZG4fwhm0A0nj1UDGPAVusA5DE1oGHrLn/PQOkMSEOY759AFJYeLiYR9+NFgJIYFP/w9Y8xrTYCKDw9o2KI5huJIDCm3akmEdlkZUACu6dyhFrHn2/thNAoa09KdpgeIOlAAps27Bok4v8hwiguJpHRxtd32otgIJquTbarM5cAMXUenscBd86Byim+jgqsywGUEAz4ijV2wygcKbHUbvdO/4AxdJ6TxyDG5stB1AgTdfHMRmz3XYAhdF4SRyjkd9YD6Ag1g2PY9Z/qf0ACuH9ftEOlXrPQgG6X+sjPaJ9rvzRigDdbPNl0W4D37UjQLdaemp0gMptP5sSoNvsuDU6yGkLrQnQTRafHh3n6o0GBegGG8ZHhzqh/hejAnSxnTOOj442+OW9hgXoQnvm1ERnGDJHzwG6SsuCc6KzDHtxl4EBusDO5zuv5RERAx/YbGSATvb99AHR2arGLnDDBaDztHxwTc/oEoMnr2y1N0AnaF1xT010oTMnf9BkdYAOtXvZpCHR5aprn/nUPReAjrH346ev6hXdpXrM1NdW+eMcQHs0r3pt6ujq6HY9h46b+PDcxSu+2tro+1wAbfNz45avViye+/DEcUM74pnnH0qELVC1vnlaAAAAAElFTkSuQmCC");
        background-position-x: right;
        background-repeat: no-repeat;
        background-size: 100% 100%
    }
}

@media (min-width:1440px) {
    .grey-background:not(.selected-category) {
        background-size: 90vw 100%
    }
}

.grey-background:not(.selected-category):before {
    content: "";
    width: 115px;
    height: 100px;
    top: -100px;
    right: 0;
    background-color: #f5f5f5;
    position: absolute;
    z-index: -1
}

.grey-background:not(.selected-category)::after {
    content: "";
    width: 115px;
    height: 100px;
    background-color: #fff;
    position: absolute;
    right: 0;
    top: -100px;
    border-bottom-right-radius: 50%;
    z-index: -1
}

@media (min-width:992px) {
    .grey-background:not(.selected-category)::after {
        border-bottom-right-radius: 100%
    }
}

.screen-change .content {
    display: flex;
    flex-wrap: wrap
}

@media (max-width:991px) {
    .screen-change .content .mb-first {
        order: 1
    }
}

@media (max-width:991px) {
    .screen-change .content .mb-second {
        order: 2
    }
}

@media (max-width:991px) {
    .screen-change .content .mb-third {
        order: 3
    }
}

@media (max-width:991px) {
    .screen-change .content .mb-fourth {
        order: 4
    }
}

@media (max-width:991px) {
    .screen-change .content .mb-fifth {
        order: 5
    }
}

.screen-change-dt {
    display: flex;
    flex-wrap: wrap
}

@media (min-width:992px) {
    .screen-change-dt .dt-first {
        order: 1
    }

    .screen-change-dt .dt-second {
        order: 2
    }

    .screen-change-dt .dt-third {
        order: 3
    }

    .screen-change-dt .dt-fourth {
        order: 4
    }

    .screen-change-dt .dt-fifth {
        order: 5
    }

    .screen-change-dt .dt-sixth {
        order: 6
    }
}

.container-full-width {
    display: flex;
    float: none;
    justify-content: center;
    width: 100% !important
}

.container-full-width>.component-content {
    max-width: 100%
}

.container {
    clear: both;
    float: none;
    margin: 0 auto;
    max-width: 100%;
    padding: 0 16px;
    width: 100%
}

@media (min-width:992px) {
    .container {
        max-width: 1140px
    }
}

@media (min-width:1200px) {
    .container {
        padding: 0
    }
}

.container .component-content {
    max-width: 100%
}

.container-750 {
    clear: both;
    float: none;
    margin: 0 auto;
    max-width: 100%;
    padding: 0 16px;
    width: 100%
}

@media (min-width:992px) {
    .container-750 {
        max-width: 750px;
        padding: 0
    }
}

.container-750 .component-content {
    max-width: 100%
}

.container-quote {
    clear: both;
    float: none;
    margin: 0 auto;
    max-width: 100%;
    padding: 0 16px;
    width: 100vw
}

@media (min-width:768px) {
    .container-quote {
        max-width: 750px;
        padding: 0
    }
}

.container-quote .component-content {
    max-width: 100%
}

.container-rounded-bottom-right {
    border-bottom-right-radius: 60px;
    float: left
}

.container-rounded-left {
    border-top-left-radius: 60px;
    border-bottom-right-radius: 60px;
    float: right
}

.container-wide {
    width: 100%;
    max-width: 1600px;
    margin: 0 auto;
    float: none;
    clear: both
}

#footer .background-wordmark-blue {
    padding-top: 32px
}

@media (min-width:992px) {
    #footer .background-wordmark-blue {
        padding-top: 50px
    }
}

#footer .background-wordmark-blue .footer-logo figure {
    text-align: left
}

#footer .background-wordmark-blue .footer-logo img {
    max-width: 136px;
    max-height: 46px;
    height: 100%;
    width: 100%
}

@media (min-width:992px) {
    #footer .background-wordmark-blue .footer-logo img {
        max-width: 201px;
        max-height: 60px
    }
}

#footer .background-wordmark-blue .footer-links {
    border-top: 1px solid rgba(255, 255, 255, .1);
    padding-top: 32px;
    margin-top: 32px
}

@media (min-width:992px) {
    #footer .background-wordmark-blue .footer-links {
        padding: 0;
        margin: 0;
        border-top: none
    }

    #footer .background-wordmark-blue .footer-links:after {
        content: "";
        position: absolute;
        height: 70%;
        border-right: 1px solid rgba(255, 255, 255, .1);
        right: -11%;
        top: 8%
    }
}

#footer .background-wordmark-blue .footer-links ul {
    margin: 0;
    padding-bottom: 13px;
    list-style: none;
    padding-left: 0 !important
}

@media (min-width:992px) {
    #footer .background-wordmark-blue .footer-links ul {
        display: flex;
        flex-wrap: wrap;
        padding-bottom: 18px
    }
}

#footer .background-wordmark-blue .footer-links ul li {
    padding-left: 0;
    list-style-type: none
}

@media (min-width:992px) {
    #footer .background-wordmark-blue .footer-links ul li {
        width: 50%;
        padding-bottom: 13px
    }
}

#footer .background-wordmark-blue .footer-links ul li::before {
    display: none
}

#footer .background-wordmark-blue .footer-links ul li a:focus,
#footer .background-wordmark-blue .footer-links ul li a:hover {
    color: var(--primary-color)
}

#footer .background-wordmark-blue .reference-social-icons .content {
    display: flex;
    flex-direction: column
}

#footer .background-wordmark-blue .reference-social-icons .content .reference-icons-with-link {
    display: flex;
    justify-content: space-evenly;
    flex-direction: column;
    padding: 8px 0
}

@media (min-width:992px) {
    #footer .background-wordmark-blue .reference-social-icons .content .reference-icons-with-link {
        justify-content: space-between
    }
}

#footer .background-wordmark-blue .reference-social-icons .content .reference-icons-with-link a {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    color: #fff;
    text-decoration: none
}

#footer .background-wordmark-blue .reference-social-icons .content .reference-icons-with-link a:focus span,
#footer .background-wordmark-blue .reference-social-icons .content .reference-icons-with-link a:hover span {
    color: var(--primary-color)
}

#footer .background-wordmark-blue .reference-social-icons .content .reference-icons-with-link a i {
    margin-left: 10px
}

#footer .background-wordmark-blue .reference-social-icons .content .reference-icons-with-link a i:hover {
    color: var(--primary-color)
}

#footer .background-wordmark-blue .reference-social-icons .content .icon {
    border-radius: 50%;
    border: 1px solid #fff;
    height: 33px;
    width: 33px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    margin-left: 10px
}

#footer .background-wordmark-blue .reference-social-icons .content .icon:hover {
    border: 1px solid var(--primary-color)
}

#footer .background-wordmark-dark-blue {
    padding: 8px 0
}

@media (min-width:992px) {
    #footer .background-wordmark-dark-blue {
        padding: 34px 0
    }
}

@media (min-width:992px) {
    #footer .background-wordmark-dark-blue .container {
        width: 65%;
        margin: 0
    }
}

.box-grey {
    background: linear-gradient(90deg, #fff 10%, #f5f5f5 0, #f5f5f5 100%);
    border-top-left-radius: 50px
}

.box-grey:before {
    content: "";
    width: 70px;
    height: 50px;
    top: -50px;
    right: 0;
    background-color: #f5f5f5;
    position: absolute;
    z-index: -1
}

.box-grey::after {
    content: "";
    width: 70px;
    height: 50px;
    background-color: #fff;
    position: absolute;
    right: 0;
    top: -50px;
    border-bottom-right-radius: 100%;
    z-index: -1
}

.box-grey-right {
    background-color: #f5f5f5;
    border-radius: 50px;
    border-top-right-radius: 0;
    margin-top: 50px
}

@media (min-width:992px) {
    .box-grey-right {
        margin-left: 115px;
        width: calc(100% - 115px)
    }
}

.box-grey-right:before {
    content: "";
    width: 115px;
    height: 100px;
    top: -100px;
    right: 0;
    background-color: #f5f5f5;
    position: absolute;
    z-index: -1
}

.box-grey-right::after {
    content: "";
    width: 115px;
    height: 100px;
    background-color: #fff;
    position: absolute;
    right: 0;
    top: -100px;
    border-bottom-right-radius: 50%;
    z-index: -1
}

@media (min-width:992px) {
    .box-grey-right::after {
        border-bottom-right-radius: 100%
    }
}

.grey-background:not(.selected-category) {
    background: #f5f5f5;
    border-top-left-radius: 50px;
    border-bottom-left-radius: 50px;
    border-bottom-right-radius: 50px
}

@media (min-width:992px) {
    .grey-background:not(.selected-category) {
        background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABc0AAAWbCAMAAADV2mxUAAACPVBMVEUAAAD////////////////////////////////////////r6+vt7e3u7u7v7+/w8PDx8fHy8vLy8vLz8/Pz8/P09PT09PT19fX19fX29vb29vb39/f39/f39/f39/f4+Pj4+Pj4+Pj4+Pjy8vLz8/Pz8/Pz8/P09PT19fX29vb29vb39/f39/f39/fz8/Pz8/Pz8/P09PT09PT09PT09PT09PT19fX19fX19fX19fX29vb29vb29vb29vb29vb09PT09PT09PT09PT09PT09PT19fX19fX19fX19fX19fX19fX19fX29vb29vb29vb29vb29vb29vb09PT09PT09PT09PT19fX19fX19fX19fX19fX19fX19fX19fX19fX19fX19fX29vb29vb29vb29vb29vb29vb09PT09PT09PT09PT19fX19fX19fX19fX19fX19fX19fX19fX19fX19fX19fX29vb29vb29vb09PT09PT09PT19fX19fX19fX19fX19fX19fX19fX19fX19fX19fX19fX19fX19fX19fX29vb29vb29vb19fX19fX19fX19fX19fX19fX19fX19fX19fX19fX29vb29vb09PT09PT19fX19fX19fX19fX19fX19fX19fX19fX19fX19fX19fX19fX19fX19fX19fX19fX19fX19fX19fX19fX19fX19fX29vb19fX19fX19fX19fX19fX19fX19fX19fX19fX19fX19fX19fX19fVzd2RnAAAAvnRSTlMAAQIDBQYICQoLDA0ODxAREhMUFRYXGBkaHB0eHyAhIiQlJigpKywtNDg6PT4/QEFCQ0RFRkhJSktNUVRVV1laW11eX2BiZWZoaWprbG5vcHFydXZ3eHp7fH5/gIGChIWGh4iJiouMjY6PkJOUlZeYmZucn6ChoqOkpqeoqqusrrCxsrO0tba4uru9vr/GyMnKy87Q09XW19jZ2tvc3d7f4OHi4+Xm5+jp6uvs7e7v8PHy8/T19vf4+fr7/P3+8Js16gAAAAFiS0dEAf8CLd4AABM2SURBVHja7d1pm1dzHMfx778JjbSoMJGlzRqlbJMle5ZBy4RUyL4LyVIKSaGyRIWSJFQzZalmqhmPzQ0ktEzNdr7ner0ewufG+zrXOb9zTkT7HTf88tsenbdk5brGxl9/B6DrbWhnyHuPnfbG53vsCJC35r3HP/vZPhMCZK752VM/ckkOkLvmZ0z51HQAuWteNXbBXsMB5K75oJk/WA0gec1HvLTbZgDJa37WHEdYALLX/IxX3C4HyF7zXvVe8wRIX/PrNtkKIHvNaxZZCiB7zSt3/GIogOw1H7TYTADpa177k5UAste8akaLkQCy1/zkZSYCSF/zc7+1EED6ml+6w0AA6Wt+i99RAOSv+Z2t5gFIX/N64wDkr/mDtgHIX/P7TAOQv+Z3WQYgf81v8gAUIH/NRzUZBiB9zUc02gUgfc37rTcLQPqa91hiFYD8NZ9lFID8NR/ne+YA+Wve7zubAOSv+QKTAOSv+U0WAchf8wFbLQKQv+buswCUoOa19gDIX/PjvrQHQP6aTzEHQP6aD9phDoD8NX/GGgD5a16zyxoA+Wv+gjEA8td8cLMxAPLX/HFbAOSvee/ttgDIX/O7TQFQgpqvNgVA/ppfbAmAEtT8dUsA5K95392WAMhf85sNAVCCmr9vCID8Ne/nPVCAEtTcv50BylDz+XYAyF/zqm12AMhf8wvNAFCCmt9vBoAS1Nz5RIAS1LzSYAaA/DUfaQWAEtTcaXOAMtT8CSsAlKDmy6wAUIKab7YCQP6an2gEgBLU/DwjAJSg5rVGAChBzeuMAFCCmj9kBIAS1HyOEQBKUPOFRgAoQc2XGwGgBDX/xAgAJaj5KiMAlKDma4wAUIKarzcCQAlqvsEIAGoOgJoDoOYAqDmAmgOg5gCoOQBqDqDmAKg5AGoOgJoDqDkAag6AmgOg5gBqDoCaA6DmAKg5gJoDoOYAqDkAag6g5gCoOQBqDoCaA6DmAGoOgJoDoOYAqDmAmgOg5gCoOQBqDqDmAKg5AGoOgJoDqDkAag6AmgOg5gBqDoCaA6DmAKg5gJoDoOYAqDkAag6AmgOoOQBqDoCaA6DmAGoOgJoDoOYAqDmAmgOg5gCoOQBqDqDmAKg5AGoOgJoDqDkAag6AmgOg5gBqDoCaA6DmAKg5AGoOoOYAqDkAag6AmgOoOQBqDoCaA6DmAGoOgJoDoOYAqDmAmgOg5gCoOQBqDqDmAKg5AGoOgJoDqDkAag6AmgOg5gBqruYAag6AmgOg5gCoOYCaA6DmAKg5AGoOoOYAqDkAag6AmgOoOQBqDoCaA6DmAGoOgJoDoOYAqDmAmgOg5gCoOQBqDqDmRgBQcwDUHAA1B0DNAdQcADUHQM0BUHMANQdAzQFQcwDUHEDNAVBzANQcADUHUHMA1BwANQdAzQHUHAA1B0DNAVBzADUHQM0BUHMA1BwANQdQcwDUHAA1B0DNAdQcADUHQM0BUHMANQdAzQFQcwDUHEDNAVBzANQcADUHUHMA1BwANQdAzQHUHAA1B0DNAVBzANQcQM0BUHMA1BwANQdQcwDUHAA1B0DNAdQcADUHQM0BUHMANQdAzQFQcwDUHEDNAVBzANQcADUHUHMA1BwANQdAzQFQcwA1B0DNAVBzANQcQM0BUHMA1BwANQdQcwDUHAA1B0DNAdQcADUHQM0BUHMANQdAzQFQcwDUHEDNAVBzANQcADUHUHM1B1BzANQcADUHQM0B1BwANQdAzQFQcwA1B0DNAVBzANQcQM0BUHMA1BwANQdQcwDUHAA1B0DNAdQcADUHQM0BUHMANTcCgJoDoOYAqDkAag6g5gCoOQBqDoCaA6g5AGoOgJoDoOYAag6AmgOg5gCoOYCaA6DmAKg5AGoOoOYAqDkAag6AmgOoOQBqDoCaA6DmAKg5gJoDoOYAqDkAag6g5gCoOQBqDoCaA6g5AGoOgJoDoOYAag6AmgOg5gCoOYCaA6DmAKg5AGoOoOYAqDkAag6AmgOg5gBqDoCaA6DmAKg5gJoDoOYAqDkAag6g5gCoOQBqDoCaA6g5AGoOgJoDoOYAag6AmgOg5gCoOYCaA6DmAKg5AGoOgJoDqDkAag6AmgOg5gBqDoCaA6DmAKg5gJoDoOYAqDkAag6g5gCoOQBqDoCaA6g5AGoOgJoDoOYAag6AmgOg5gCoOYCaqzmAmgOg5gCoOQBqDqDmAKg5AGoOgJoDqDkAag6AmgOg5gBqDoCaA6DmAKg5gJoDoOYAqDkAag6g5gCoOQBqDoCaA6i5EQDUHAA1B0DNAVBzADUHQM0BUHMA1BxAzQFQcwDUHAA1B1BzANQcADUHQM0B1BwANQdAzQFQcwA1B0DNAVBzANQcQM0BUHMA1BwANQdAzQHUHAA1B0DNAVBzADUHQM0BUHMA1BxAzQFQcwDUHAA1B1BzANQcADUHQM0B1BwANQdAzQFQcwA1B0DNAVBzANQcADUHUHMA1BwANQdAzQHUHAA1B0DNAVBzADUHQM0BUHMA1BxAzQFQcwDUHAA1B1BzANQcADUHQM0B1BwANQdAzQFQcwDUHEDNAVBzANQcADUHUHMA1BwANQdAzQHUHAA1B0DNAVBzADUHQM0BUHMA1BxAzQFQcwDUHAA1B1BzANQcADUHQM0B1FzNAdQcADUHQM0BUHMANQdAzQFQcwDUHEDNAVBzANQcADUHUHMA1BwANQdAzQHUHAA1B0DNAVBzADUHQM0BUHMA1BxAzY0AoOYAqDkAag6AmgOoOQBqDoCaA6DmAGoOgJoDoOYAqDmAmgOg5gCoOQBqDqDmAKg5AGoOgJoDqDkAag6AmgOg5gBqDoCaA6DmAKg5AGoOoOYAqDkAag6AmgOoOQBqDoCaA6DmAGoOgJoDoOYAqDmAmgOg5gCoOQBqDqDmAKg5AGoOgJoDqDkAag6AmgOg5gCoOYCaA6DmAKg5AGoOoOYAqDkAag6AmgOoOQBqDoCaA6DmAGoOgJoDoOYAqDmAmgOg5gCoOQBqDqDmAKg5AGoOgJoDoOYAag6AmgOg5gCoOYCaA6DmAKg5AGoOoOYAqDkAag6AmgOoOQBqDoCaA6DmAGoOgJoDoOYAqDmAmgOg5gCoOQBqDqDmag6g5gCoOQBqDoCaA6g5AGoOgJoDoOYAag6AmgOg5gCoOYCaA6DmAKg5AGoOoOYAqDkAag6AmgOoOQBqDoCaA6DmAGpuBAA1B0DNAVBzANQcQM0BUHMA1BwANQdQcwDUHAA1B0DNAdQcADUHQM0BUHMANQdAzQFQcwDUHEDNAVBzANQcADUHUHMA1BwANQdAzQFQcwA1B0DNAVBzANQcQM0BUHMA1BwANQdQcwDUHAA1B0DNAdQcADUHQM0BUHMANQdAzQFQcwDUHEDNAVBzANQcADUHQM0B1BwANQdAzQFQcwA1B0DNAVBzANQcQM0BUHMA1BwANQdQcwDUHAA1B0DNAdQcADUHQM0BUHMANQdAzQFQcwDUHAA1B1BzANQcADUHQM0B1BwANQdAzQFQcwA1B0DNAVBzANQcQM0BUHMA1BwANQdQcwDUHAA1B0DNAdQcADUHQM0BUHMANVdzADUHQM0BUHMA1BxAzQFQcwDUHAA1B1BzANQcADUHQM0B1BwANQdAzQFQcwA1B0DNAVBzANQcQM0BUHMA1BwANQdQcyMAqDkAag6AmgOg5gBqDoCaA6DmAKg5gJoDoOYAqDkAag6g5gCoOQBqDoCaA6g5AGoOgJoDoOYAag6AmgOg5gCoOYCaA6DmAKg5AGoOgJoDqDkAag6AmgOg5gBqDoCaA6DmAKg5gJoDoOYAqDkAag6g5gCoOQBqDoCaA6g5AGoOgJoDoOYAag6AmgOg5gCoOQBqDqDmAKg5AGoOgJoDqDkAag6AmgOg5gBqDoCaA6DmAKg5gJoDoOYAqDkAag6g5gCoOQBqDoCaA6g5AGoOgJoDoOYAqDmAmgOg5gCoOQBqDqDmAKg5AGoOgJoDqDkAag6AmgOg5gBqDoCaA6DmAKg5gJoDoOYAqDkAag6g5gCoOQBqDoCaA6i5mgOoOQBqDoCaA6DmAGoOgJoDoOYAqDmAmgOg5gCoOQBqDqDmAKg5AGoOgJoDqDkAag6AmgOg5gBqDoCaA6DmAKg5gJobAUDNAVBzANQcADUHUHMA1BwANQdAzQHUHAA1B0DNAVBzADUHQM0BUHMA1BxAzQFQcwDUHAA1B1BzANQcADUHQM0B1BwANQdAzQFQcwDUHEDNAVBzANQcADUHUHMA1BwANQdAzQHUHAA1B0DNAVBzADUHQM0BUHMA1BxAzQFQcwDUHAA1B1BzANQcADUHQM0BUHMANQdAzQFQcwDUHEDNAVBzANQcADUHUHMA1BwANQdAzQHUHAA1B0DNAVBzADUHQM0BUHMA1BxAzQFQcwDUHAA1B0DNAdQcADUHQM0BUHMANQdAzQFQcwDUHEDNAVBzANQcADUHUHMA1BwANQdAzQHUHAA1B0DNAVBzADUHQM0BUHMA1BxAzdUcQM0BUHMA1BwANQdQcwDUHAA1B0DNAdQcADUHQM0BUHMANQdAzQFQcwDUHEDNAVBzANQcADUHUHMA1BwANQdAzQHU3AgAag6AmgOg5gCoOYCaA6DmAKg5AGoOoOYAqDkAag6AmgOoOQBqDoCaA6DmAGoOgJoDoOYAqDmAmgOg5gCoOQBqDqDmAKg5AGoOgJoDoOYAag6AmgOg5gCoOYCaA6DmAKg5AGoOoOYAqDkAag6AmgOoOQBqDoCaA6DmAGoOgJoDoOYAqDmAmgOg5gCoOQBqDoCaA6g5AGoOgJoDoOYAag6AmgOg5gCoOYCaA6DmAKg5AGoOoOYAqDkAag6AmgOoOQBqDoCaA6DmAGoOgJoDoOYAqDkAag6g5gCoOQBqDoCaA6g5AGoOgJoDoOYAag6AmgOg5gCoOYCaA6DmAKg5AGoOoOYAqDkAag6AmgOoOQBqDoCaA6DmAGqu5gBqDoCaA6DmAKg5gJoDoOYAqDkAag6g5gCoOQBqDoCaA6g5AGoOgJoDoOYAag6AmgOg5gCoOYCaA6DmAKg5AGoOoOZGAFBzANQcADUHQM0B1BwANQdAzQFQcwA1B0DNAVBzANQcQM0BUHMA1BwANQdQcwDUHAA1B0DNAdQcADUHQM0BUHMANQdAzQFQcwDUHAA1B1BzANQcADUHQM0B1BwANQdAzQFQcwA1B0DNAVBzANQcQM0BUHMA1BwANQdQcwDUHAA1B0DNAdQcADUHQM0BUHMA1BxAzQFQcwDUHAA1B1BzANQcADUHQM0B1BwANQdAzQFQcwA1B0DNAVBzANQcQM0BUHMA1BwANQdQcwDUHAA1B0DNAVBzADUHQM0BUHMA1BxAzQFQcwDUHAA1B1BzANQcADUHQM0B1BwANQdAzQFQcwA1B0DNAVBzANQcQM0BUHMA1BwANQdQczUHUHMA1BwANQdAzQHUHAA1B0DNAVBzADUHoMA1X28EgPTWxWojAKT3RawyAkB6n8UnRgBIb2UsNwJAeh/GW0YASG9+vGAEgPSeiweNAJDezKgzAkB6d0StEQDSuyLONQJAesOj2ggA2bX2ithsBoDkNkXEUjMAJLckIh4zA0BysyPiBjMAJDchIkaaASC5ERFRabADQGpbKxER7xkCILW3IyLiXkMApDYlIiIuMARAaudHRETVNksAJLalR0RExJumAEhs3p8xd+IcILUJf9W8b7MtANJq6vNXzZ1RBEjs7b9jHjcaAyCtCftr3meXNQCS2tl7f81jnjkAknrln5jHKHMAJHXhATWP1fYASGlN5cCa32UQgJTqDox5VHu7HyCjhup/1TxmmwQgoVn/jnnUNNkEIJ3dp/yn5vGcUQDSeeq/MY/TdloFIJnf/ndpHvGkWQCSeeT/MY8B2+0CkEpD/4PUPCYZBiCVuoPFPHqutQxAIqt7HrTmcYVpABIZG4fwhm0A0nj1UDGPAVusA5DE1oGHrLn/PQOkMSEOY759AFJYeLiYR9+NFgJIYFP/w9Y8xrTYCKDw9o2KI5huJIDCm3akmEdlkZUACu6dyhFrHn2/thNAoa09KdpgeIOlAAps27Bok4v8hwiguJpHRxtd32otgIJquTbarM5cAMXUenscBd86Byim+jgqsywGUEAz4ijV2wygcKbHUbvdO/4AxdJ6TxyDG5stB1AgTdfHMRmz3XYAhdF4SRyjkd9YD6Ag1g2PY9Z/qf0ACuH9ftEOlXrPQgG6X+sjPaJ9rvzRigDdbPNl0W4D37UjQLdaemp0gMptP5sSoNvsuDU6yGkLrQnQTRafHh3n6o0GBegGG8ZHhzqh/hejAnSxnTOOj442+OW9hgXoQnvm1ERnGDJHzwG6SsuCc6KzDHtxl4EBusDO5zuv5RERAx/YbGSATvb99AHR2arGLnDDBaDztHxwTc/oEoMnr2y1N0AnaF1xT010oTMnf9BkdYAOtXvZpCHR5aprn/nUPReAjrH346ev6hXdpXrM1NdW+eMcQHs0r3pt6ujq6HY9h46b+PDcxSu+2tro+1wAbfNz45avViye+/DEcUM74pnnH0qELVC1vnlaAAAAAElFTkSuQmCC");
        background-position-x: right;
        background-repeat: no-repeat;
        background-size: 100% 100%
    }
}

@media (min-width:1440px) {
    .grey-background:not(.selected-category) {
        background-size: 90vw 100%
    }
}

.grey-background:not(.selected-category):before {
    content: "";
    width: 115px;
    height: 100px;
    top: -100px;
    right: 0;
    background-color: #f5f5f5;
    position: absolute;
    z-index: -1
}

.grey-background:not(.selected-category)::after {
    content: "";
    width: 115px;
    height: 100px;
    background-color: #fff;
    position: absolute;
    right: 0;
    top: -100px;
    border-bottom-right-radius: 50%;
    z-index: -1
}

@media (min-width:992px) {
    .grey-background:not(.selected-category)::after {
        border-bottom-right-radius: 100%
    }
}

.back-to-top {
    bottom: 24px;
    position: fixed;
    right: 0;
    z-index: 100;
    width: 75px;
    height: 75px;
    text-align: center;
    color: #000;
    border-bottom-left-radius: 20px;
    background: #fff;
    font-weight: 700;
    line-height: 1.5;
    font-family: DiodrumVoltaren;
    box-shadow: 5px 5px 5px 5px rgba(0, 0, 0, .15);
    padding-top: 32px;
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    font-size: .75rem
}

.back-to-top:before {
    content: "";
    top: 5px;
    height: 24px;
    width: 24px;
    right: 24px;
    position: absolute;
    background: url("https://i-cf65.ch-static.com/etc/designs/zg/bp-voltaren-delta/desktop/img/voltaren-sprites.png") no-repeat;
    background-position: -524px -338px
}

@media (min-width:992px) {
    .back-to-top {
        bottom: 40px;
        color: #323131
    }

    .back-to-top:before {
        top: 6px;
        right: 24px
    }

    .back-to-top:hover {
        background: radial-gradient(at bottom left, var(--primary-color-dark), var(--primary-color-light));
        color: #fff
    }

    .back-to-top:hover:before {
        background: url("https://i-cf65.ch-static.com/etc/designs/zg/bp-voltaren-delta/desktop/img/voltaren-sprites.png") no-repeat;
        background-position: -524px -382px
    }
}

.reference-custom-article-teaser {
    cursor: pointer;
    outline: 0
}

@media (min-width:992px) {
    .reference-custom-article-teaser {
        margin-right: 30px
    }

    .reference-custom-article-teaser:focus .article-teaser-content,
    .reference-custom-article-teaser:hover .article-teaser-content {
        position: relative;
        background-color: var(--primary-color);
        border-bottom-right-radius: 40px
    }

    .reference-custom-article-teaser:focus .article-teaser-content::before,
    .reference-custom-article-teaser:hover .article-teaser-content::before {
        content: "";
        position: absolute;
        z-index: 2;
        left: 0;
        top: -59px;
        width: 100%;
        height: 60px;
        background-color: var(--primary-color)
    }

    .reference-custom-article-teaser:focus .article-description,
    .reference-custom-article-teaser:focus .article-title,
    .reference-custom-article-teaser:hover .article-description,
    .reference-custom-article-teaser:hover .article-title {
        color: #fff
    }

    .reference-custom-article-teaser:focus .article-title:after,
    .reference-custom-article-teaser:hover .article-title:after {
        border-color: #fff;
        right: -25px
    }
}

.reference-custom-article-teaser .img-responsive {
    border-bottom-right-radius: 40px;
    padding-top: 24px;
    position: relative;
    z-index: 10
}

@media (min-width:992px) {
    .reference-custom-article-teaser .img-responsive {
        border-bottom-right-radius: 60px;
        padding-top: 40px
    }
}

.reference-custom-article-teaser .article-teaser-content {
    padding-top: 16px;
    margin-top: -9px;
    padding-left: 16px
}

@media (min-width:768px) {
    .reference-custom-article-teaser .article-teaser-content {
        padding-left: 0
    }
}

@media (min-width:992px) {
    .reference-custom-article-teaser .article-teaser-content {
        max-width: 555px;
        padding-top: 20px;
        margin-bottom: 40px;
        padding-left: 16px
    }
}

@media (min-width:1200px) {
    .reference-custom-article-teaser .article-teaser-content {
        padding-left: 30px
    }
}

.reference-custom-article-teaser .article-title {
    margin-right: 50px;
    position: relative;
    font-size: 1.125rem
}

@media (min-width:992px) {
    .reference-custom-article-teaser .article-title {
        font-size: 32px;
        line-height: 40px;
    }
}

.reference-custom-article-teaser .article-title::after {
    content: "";
    border: solid var(--primary-color);
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 4px;
    transform: rotate(320deg) translateY(-50%);
    outline: 0;
    position: absolute;
    right: -13px;
    top: 50%
}

@media (min-width:992px) {
    .reference-custom-article-teaser .article-title::after {
        right: -20px
    }
}

.reference-custom-article-teaser .article-description {
    padding-top: 8px;
    padding-bottom: 24px;
    margin-right: 50px;
    color: #323131;
    font-size: .9375rem;
    font-weight: 500
}

@media (min-width:992px) {
    .reference-custom-article-teaser .article-description {
        font-size: 1.125rem;
        padding-top: 10px;
        padding-bottom: 50px
    }
}

.reference-custom-article-teaser-small {
    outline: 0
}

.reference-custom-article-teaser-small>.component-content {
    cursor: pointer
}

@media (min-width:992px) {
    .reference-custom-article-teaser-small {
        padding-right: 30px
    }

    .reference-custom-article-teaser-small:focus .article-teaser-small-content,
    .reference-custom-article-teaser-small:hover .article-teaser-small-content {
        position: relative;
        background-color: var(--primary-color);
        border-bottom-right-radius: 40px
    }

    .reference-custom-article-teaser-small:focus .article-teaser-small-content::before,
    .reference-custom-article-teaser-small:hover .article-teaser-small-content::before {
        content: "";
        position: absolute;
        z-index: 2;
        left: 0;
        top: -59px;
        width: 100%;
        height: 60px;
        background-color: var(--primary-color)
    }

    .reference-custom-article-teaser-small:focus .article-small-description,
    .reference-custom-article-teaser-small:focus .article-small-title,
    .reference-custom-article-teaser-small:hover .article-small-description,
    .reference-custom-article-teaser-small:hover .article-small-title {
        color: #fff
    }

    .reference-custom-article-teaser-small:focus .article-small-title:after,
    .reference-custom-article-teaser-small:hover .article-small-title:after {
        border-color: #fff;
        right: -25px
    }
}

.reference-custom-article-teaser-small .img-small-responsive {
    position: relative;
    z-index: 10;
    border-bottom-right-radius: 40px;
    padding-top: 24px
}

@media (min-width:992px) {
    .reference-custom-article-teaser-small .img-small-responsive {
        padding-top: 40px
    }
}

.reference-custom-article-teaser-small .article-teaser-small-content {
    padding-top: 16px;
    margin-top: -9px;
    padding-left: 16px
}

@media (min-width:768px) {
    .reference-custom-article-teaser-small .article-teaser-small-content {
        padding-left: 0
    }
}

@media (min-width:992px) {
    .reference-custom-article-teaser-small .article-teaser-small-content {
        max-width: 263px;
        padding-top: 20px;
        margin-bottom: 40px;
        padding-left: 16px
    }
}

@media (min-width:1200px) {
    .reference-custom-article-teaser-small .article-teaser-small-content {
        padding-left: 20px
    }
}

.reference-custom-article-teaser-small .article-small-title {
    margin-right: 29px;
    position: relative
}

@media (min-width:992px) {
    .reference-custom-article-teaser-small .article-small-title {
        margin-right: 35px
    }
}

.reference-custom-article-teaser-small .article-small-title::after {
    content: "";
    border: solid var(--primary-color);
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 4px;
    transform: rotate(320deg) translateY(-50%);
    outline: 0;
    position: absolute;
    right: -13px;
    top: 50%
}

@media (min-width:992px) {
    .reference-custom-article-teaser-small .article-small-title::after {
        right: -15px
    }
}

.reference-custom-article-teaser-small .article-small-description {
    padding-top: 8px;
    padding-bottom: 24px;
    margin-right: 35px;
    color: #323131;
    font-size: .9375rem;
    font-weight: 500
}

@media (min-width:992px) {
    .reference-custom-article-teaser-small .article-small-description {
        padding-top: 10px;
        padding-bottom: 40px
    }
}

.article-faded::before {
    content: "";
    position: absolute;
    height: 100px;
    width: 100%;
    bottom: 0;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) -10%, #fff 70%)
}

.grey-background:not(.selected-category) .article-faded::before {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) -10%, #f5f5f5 70%)
}

@media (min-width:992px) {
    .font-lg-active .reference-custom-article-teaser .article-title {
        font-size: 38px
    }
}

@media (min-width:992px) {
    .font-sm-active .reference-custom-article-teaser .article-title {
        font-size: 28px
    }
}

@media (min-width:992px) {
    .articles-grid .paragraphSystem {
        margin: 0 auto;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-auto-rows: 1fr;
        grid-column-gap: 30px;
        grid-row-gap: 30px
    }

    .articles-grid .paragraphSystem .snippetReference {
        height: 100%;
        width: 100%
    }

    .articles-grid .paragraphSystem .snippetReference .inner {
        height: 100%
    }

    .articles-grid .paragraphSystem .snippetReference .inner .component-content {
        height: 100%
    }

    .articles-grid .paragraphSystem .snippetReference .inner .product-teaser {
        height: 100%
    }

    .articles-grid .paragraphSystem .snippetReference.showArticle {
        display: block
    }

    .articles-grid .paragraphSystem>a {
        position: absolute
    }
}

.hideArticle {
    display: none
}

.article-filter-box {
    background-color: #f5f5f5;
    border-bottom-right-radius: 32px;
    padding: 16px
}

@media (min-width:992px) {
    .article-filter-box {
        padding: 30px;
        border-bottom-right-radius: 60px
    }
}

.article-filter-box p {
    margin: 0
}

div[class*=subfilter-title] {
    margin: 0
}

.article-filter {
    background-color: #f5f5f5;
    border-bottom-right-radius: 60px;
    padding: 24px 16px
}

.article-filter .banner-tagline {
    font-size: 1.125rem;
    color: #323131;
    font-weight: 600;
    padding-left: 18px
}

.article-filter .article-selector {
    list-style: none !important;
    display: flex;
    justify-content: space-between;
    padding: 0;
    margin: 0;
    padding-top: 16px;
    flex-wrap: wrap
}

@media (min-width:1200px) {
    .article-filter .article-selector {
        justify-content: flex-start;
        padding: 30px 0
    }
}

.article-filter .article-selector li {
    border: 2px solid var(--secondary-color);
    color: var(--secondary-color);
    border-bottom-right-radius: 16px;
    padding: 8px !important;
    max-width: 48%;
    width: 100%;
    max-height: 63px;
    min-height: 50px;
    line-height: 1.3;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: .75rem;
    cursor: pointer;
    margin-top: 10px
}

.article-filter .article-selector li:focus,
.article-filter .article-selector li:hover {
    background: radial-gradient(at bottom left, var(--primary-color-dark), var(--primary-color-light));
    border: none;
    color: #fff
}

@media (min-width:768px) {
    .article-filter .article-selector li {
        padding: 24px 8px !important
    }
}

@media (min-width:1200px) {
    .article-filter .article-selector li {
        max-width: calc(33% - 16px);
        border-bottom-right-radius: 30px;
        font-size: 1rem;
        font-weight: 600;
        min-width: 202px;
        margin-right: 15px
    }
}

.article-filter .article-selector li::before {
    display: none
}

.article-filter .article-selector li.selected-article {
    color: #fff;
    border: 2px solid transparent;
    background: radial-gradient(at bottom left, var(--primary-color-dark), var(--primary-color-light))
}

.selected-category {
    padding-top: 0 !important;
    margin-top: 40px
}

.selected-category .richTextHyperlinkedImage {
    margin-top: 0;
    padding-top: 0
}

@media (min-width:992px) {
    .hero-banner .hero-banner-content .richText-content {
        z-index: 1
    }
}

.hero-banner .hero-banner-content .richText-content p:last-of-type {
    margin: 0
}

.hero-banner .hero-banner-image {
    display: none
}

@media (min-width:992px) {
    .hero-banner .hero-banner-image {
        display: block;
        width: auto;
        bottom: 0
    }

    .hero-banner .hero-banner-image img {
        min-width: 493px;
        min-height: 493px
    }
}

@media (min-width:992px) and (min-width:992px) {
    .hero-banner .hero-banner-image img {
        margin-right: 50px
    }
}

@media only screen and (min-width:992px) and (min-width:1400px) {
    .hero-banner .hero-banner-image img {
        margin-right: 125px
    }
}

.hero-banner .richText.first.odd.container {
    flex-basis: 1;
    margin-top: 0;
    margin-right: 0
}

@media (min-width:992px) {
    .hero-banner .richText.first.odd.container {
        margin-left: 8px
    }
}

.hero-banner>.component-content>.content.paragraphSystem {
    display: flex;
    margin-left: auto;
    max-width: calc(1140px + ((100vw - 1140px)/ 2))
}

.hero-banner-simple figure {
    overflow: hidden
}

.hero-banner-simple figure img {
    width: 100%;
    min-width: 768px
}

@media only screen and (max-width:767px) {
    .hero-banner-simple figure img {
        transform: translateX(calc(100vw - 767px))
    }
}

@media only screen and (max-width:1600px) and (min-width:992px) {
    .hero-banner-simple figure img {
        min-width: 1600px;
        max-width: 1600px;
        transform: translateX(calc(100vw - 1599px))
    }
}

.enhanced-hero-banner {
    padding: 0;
    width: calc(100% - 32px);
    border: 1px solid #f5f5f5;
    box-shadow: 2px 9px 12px -8px rgba(0, 0, 0, .2)
}

@media (min-width:768px) {
    .enhanced-hero-banner {
        box-shadow: none;
        border: none
    }
}

@media (min-width:992px) {
    .enhanced-hero-banner {
        margin-bottom: 0
    }
}

.enhanced-hero-banner .paragraphSystem {
    width: 100%;
    display: inline-block
}

.enhanced-hero-banner .paragraphSystem picture {
    width: 100%
}

.enhanced-hero-banner .enhanced-hero-banner-image {
    margin-bottom: 20px
}

@media (min-width:992px) {
    .enhanced-hero-banner .enhanced-hero-banner-image {
        margin-bottom: 0
    }
}

.enhanced-hero-banner .enhanced-hero-banner-image img {
    padding-bottom: 10px;
    background: linear-gradient(90deg, #e64510 0, #e57200 52%, #e57200);
    border-bottom-right-radius: 46px
}

@media (min-width:992px) {
    .enhanced-hero-banner .enhanced-hero-banner-image img {
        border-bottom-right-radius: 187px
    }
}

@media (min-width:992px) {
    .enhanced-hero-banner figure {
        min-height: 500px;
        display: flex;
        align-items: center
    }
}

.enhanced-hero-banner figure img {
    width: 100%
}

@media (min-width:768px) {
    .enhanced-hero-banner figure img {
        width: auto
    }
}

.enhanced-hero-banner figure figcaption {
    padding: 0 16px;
    text-align: left
}

@media (min-width:768px) {
    .enhanced-hero-banner figure figcaption {
        padding: 0
    }
}

@media (min-width:992px) {
    .enhanced-hero-banner figure figcaption {
        position: absolute;
        width: calc(1140px / 12 * 6);
        padding-left: 8%;
        left: 0
    }

    .enhanced-hero-banner figure figcaption p:last-of-type {
        padding-top: 40px
    }
}

.enhanced-hero-banner figure figcaption p {
    margin: 8px 0
}

@media (min-width:992px) {
    .enhanced-hero-banner figure figcaption p {
        margin: 20px 0
    }
}

.enhanced-hero-banner figure figcaption p:last-of-type {
    padding: 24px 0
}

.enhanced-hero-banner figure figcaption .keyline::after {
    margin: 16px 0
}

@media (min-width:992px) {
    .enhanced-hero-banner figure figcaption .keyline::after {
        margin-top: 20px;
        margin-bottom: 30px
    }
}

.reference-custom-product-taser {
    height: 100%
}

.reference-custom-product-taser:focus .product-teaser,
.reference-custom-product-taser:hover .product-teaser {
    background: radial-gradient(at bottom left, var(--primary-color-dark), var(--primary-color-light));
    border-color: transparent
}

.reference-custom-product-taser:focus .product-teaser .banner-tagline,
.reference-custom-product-taser:focus .product-teaser .body-copy,
.reference-custom-product-taser:focus .product-teaser .h3-styles,
.reference-custom-product-taser:hover .product-teaser .banner-tagline,
.reference-custom-product-taser:hover .product-teaser .body-copy,
.reference-custom-product-taser:hover .product-teaser .h3-styles {
    color: #fff
}

.reference-custom-product-taser:focus .product-teaser .button-learn-more,
.reference-custom-product-taser:hover .product-teaser .button-learn-more {
    background-color: #fff;
    color: var(--secondary-color)
}

.reference-custom-product-taser:focus .product-teaser .button-learn-more::after,
.reference-custom-product-taser:hover .product-teaser .button-learn-more::after {
    border-color: var(--secondary-color)
}

.reference-custom-product-taser .product-teaser {
    padding: 0 16px;
    border-bottom-right-radius: 60px;
    border: 2px solid rgba(0, 0, 0, .1);
    cursor: pointer
}

@media (min-width:992px) {
    .reference-custom-product-taser .product-teaser {
        padding: 0 50px
    }
}

.reference-custom-product-taser .product-teaser p {
    margin: 0
}

.reference-custom-product-taser .product-teaser .product-title {
    padding-top: 16px;
    margin-bottom: 44px
}

@media (min-width:992px) {
    .reference-custom-product-taser .product-teaser .product-title {
        margin-bottom: 39px;
        padding-top: 30px
    }
}

.reference-custom-product-taser .product-teaser .product-tagline {
    padding: 8px 0
}

@media (min-width:992px) {
    .reference-custom-product-taser .product-teaser .product-tagline {
        padding: 10px 0
    }
}

.reference-custom-product-taser .product-teaser .product-teaser-img {
    text-align: center
}

.reference-custom-product-taser .product-teaser .product-description {
    padding-top: 8px
}

@media (min-width:992px) {
    .reference-custom-product-taser .product-teaser .product-description {
        padding-top: 15px
    }
}

.reference-custom-product-taser .product-teaser .product-button {
    padding-top: 40px;
    padding-bottom: 40px
}

@media (min-width:992px) {
    .reference-custom-product-taser .product-teaser .product-button {
        padding-top: 53px
    }
}

.box.product-teaser {
    margin-top: 30px;
    margin-bottom: 24px;
    padding: 0 16px;
    border-bottom-right-radius: 60px;
    border: 2px solid rgba(0, 0, 0, .1)
}

@media (min-width:992px) {
    .box.product-teaser {
        padding: 0 50px
    }

    .box.product-teaser:hover {
        background: radial-gradient(at bottom left, var(--primary-color-dark), var(--primary-color-light));
        border: transparent
    }

    .box.product-teaser:hover .banner-tagline,
    .box.product-teaser:hover .body-copy,
    .box.product-teaser:hover .h3-styles {
        color: #fff
    }

    .box.product-teaser:hover .button-learn-more {
        background-color: #fff;
        color: var(--secondary-color)
    }

    .box.product-teaser:hover .button-learn-more::after {
        border-color: var(--secondary-color)
    }
}

.box.product-teaser p {
    margin: 0
}

.box.product-teaser .product-title h3 {
    padding-top: 16px
}

@media (min-width:992px) {
    .box.product-teaser .product-title h3 {
        padding-top: 30px
    }
}

.box.product-teaser .product-title p:last-of-type {
    padding: 8px 0
}

@media (min-width:992px) {
    .box.product-teaser .product-title p:last-of-type {
        padding: 10px 0
    }
}

.box.product-teaser .product-teaser-img {
    text-align: center
}

.box.product-teaser .product-description p:first-of-type {
    padding-top: 8px
}

@media (min-width:992px) {
    .box.product-teaser .product-description p:first-of-type {
        padding-top: 15px
    }
}

.box.product-teaser .product-description p:last-of-type {
    padding-top: 40px;
    padding-bottom: 40px
}

@media (min-width:992px) {
    .box.product-teaser .product-description p:last-of-type {
        padding-top: 53px
    }
}

.reference-custom-product-taser--floated .product-teaser {
    min-height: 360px;
    background: #fff;
    box-shadow: 5px 5px 16px 5px rgba(0, 0, 0, .19)
}

@media (min-width:992px) {
    .reference-custom-product-taser--floated .product-teaser {
        min-height: 660px
    }
}

.accordion-container {
    padding: 0;
    margin: 0;
    list-style: none
}

.accordion-slide {
    position: relative;
    background-color: #f5f5f5;
    border-bottom-right-radius: 20px;
    margin-bottom: 8px;
    padding-bottom: 1px
}

@media (min-width:992px) {
    .accordion-slide {
        margin-bottom: 20px
    }
}

.accordion-slide::after {
    content: '';
    position: absolute;
    height: 1px;
    left: 16px;
    right: 36px;
    background: var(--primary-color);
    width: calc(100% - 36px);
    margin: auto
}

@media (min-width:992px) {
    .accordion-slide::after {
        left: 30px
    }
}

@media (min-width:1200px) {
    .accordion-slide::after {
        right: 24px
    }
}

.accordion-slide:first-child {
    border-top: 0
}

.accordion-head {
    color: var(--secondary-color);
    padding: 16px
}

@media (min-width:992px) {
    .accordion-head {
        padding: 20px 30px
    }
}

.accordion-title {
    float: none;
    margin: 0;
    display: block;
    padding-right: 15px
}

.accordion-title-text {
    font-size: .9375rem;
    color: var(--secondary-color)
}

@media (min-width:992px) {
    .accordion-title-text {
        font-size: 22px;
        font-weight: 500;
    }
}

.accordion-content-wrapper {
    background: #fff;
    margin: 16px;
    margin-top: 0;
    padding: 0 8px;
    border-bottom-right-radius: 20px
}

@media (min-width:992px) {
    .accordion-content-wrapper {
        margin: 30px;
        margin-top: 0;
        border-bottom-right-radius: 40px;
        border-top: 2px solid var(--primary-color);
        padding: 0 68px
    }
}

.mod-js .accordion-content-wrapper {
    position: relative;
    height: 0;
    top: -999999px;
    left: -999999px;
    overflow: hidden;
    box-sizing: border-box;
    visibility: hidden;
    display: none
}

.mod-js .accordion-head {
    position: relative;
    cursor: pointer
}

.mod-js .accordion-head:after {
    position: absolute !important;
    top: 50%;
    margin-top: -10px;
    right: 20px;
    transform: rotate(90deg);
    content: "\f054";
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    position: relative;
    font-weight: 400;
    font-size: 1.25rem;
    color: var(--primary-color)
}

@media (min-width:992px) {
    .mod-js .accordion-head:after {
        right: 30px
    }
}

.mod-js .accordion-slide.is-active>.accordion-head {
    cursor: pointer
}

.mod-js .accordion-slide.is-active>.accordion-head:after {
    right: 15px;
    top: 0;
    bottom: 0;
    margin: auto;
    content: "\f077";
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    position: relative;
    font-weight: 400;
    transform: none;
    line-height: 68px;
    color: var(--secondary-color)
}

@media (min-width:992px) {
    .mod-js .accordion-slide.is-active>.accordion-head:after {
        right: 30px
    }
}

.mod-js .accordion-slide.is-active>.accordion-head .accordion-title {
    padding-right: 40px
}

.mod-js .accordion-slide.is-active>.accordion-head .accordion-title::after {
    content: '';
    position: absolute;
    height: 2px;
    background: var(--primary-color);
    bottom: 0;
    left: 0;
    right: 0;
    width: calc(100% - 36px);
    margin: auto
}

@media (min-width:992px) {
    .mod-js .accordion-slide.is-active>.accordion-head .accordion-title::after {
        display: none
    }
}

@media (min-width:992px) {
    .mod-js .accordion-slide.is-active>.accordion-head .accordion-title {
        background-color: rgba(0, 0, 0, 0);
        border-bottom: none
    }
}

.mod-js .accordion-slide.is-active::after {
    display: none
}

.mod-js .accordion-slide.is-active>.accordion-content-wrapper {
    position: relative;
    top: auto;
    left: auto;
    height: auto;
    visibility: visible;
    display: block
}

.mod-js .accordion-slide.is-active:last-child>.accordion-content-wrapper {
    border-bottom: none
}

@media (max-width:991px) {
    .tabs-content {
        background: #fff;
        margin-bottom: 8px
    }

    .tabs-content.is-hidden {
        display: none
    }

    .tabs-nav-switcher {
        display: none
    }

    .custom-tabs .tabs-nav {
        height: auto;
        z-index: 2
    }

    .custom-tabs .tabs-nav ul {
        padding-inline-start: 0;
        -webkit-padding-start: 0
    }

    .custom-tabs .tabs-nav .tabs-nav-list {
        width: auto;
        display: flex;
        justify-content: space-between;
        flex-direction: column
    }

    .custom-tabs .tabs-nav .tabs-nav-list li:nth-of-type(1) {
        order: 1
    }

    .custom-tabs .tabs-nav .tabs-nav-list div:nth-of-type(1) {
        order: 1
    }

    .custom-tabs .tabs-nav .tabs-nav-list li:nth-of-type(2) {
        order: 2
    }

    .custom-tabs .tabs-nav .tabs-nav-list div:nth-of-type(2) {
        order: 2
    }

    .custom-tabs .tabs-nav .tabs-nav-list li:nth-of-type(3) {
        order: 3
    }

    .custom-tabs .tabs-nav .tabs-nav-list div:nth-of-type(3) {
        order: 3
    }

    .custom-tabs .tabs-nav .tabs-nav-list li:nth-of-type(4) {
        order: 4
    }

    .custom-tabs .tabs-nav .tabs-nav-list div:nth-of-type(4) {
        order: 4
    }

    .custom-tabs .tabs-nav .tabs-nav-list li:nth-of-type(5) {
        order: 5
    }

    .custom-tabs .tabs-nav .tabs-nav-list div:nth-of-type(5) {
        order: 5
    }

    .custom-tabs .tabs-nav .tabs-nav-list .tabs-nav-item {
        float: none;
        display: flex;
        align-items: center;
        margin-bottom: 8px;
        background-color: #fff;
        border-bottom-right-radius: 20px
    }

    .custom-tabs .tabs-nav .tabs-nav-list .tabs-nav-item a {
        display: block;
        width: 100%
    }

    .custom-tabs .tabs-nav .tabs-nav-list .tabs-nav-item a .tabMenuItem::after {
        content: "";
        position: absolute;
        height: 1px;
        left: 24px;
        right: 30px;
        background: var(--primary-color);
        z-index: 1;
        margin-top: -1px
    }

    .custom-tabs .tabs-nav .tabs-nav-list .tabs-nav-item a .tabMenuItem .text-wrapper {
        display: flex;
        align-items: center;
        padding: 16px 8px;
        color: var(--secondary-color);
        font-family: DiodrumVoltaren;
        font-weight: 600;
        font-size: .9375rem;
        line-height: 28px;
        letter-spacing: 0
    }

    .custom-tabs .tabs-nav .tabs-nav-list .tabs-nav-item a .tabMenuItem .text-wrapper:after {
        position: absolute !important;
        right: 30px;
        transform: rotate(90deg);
        content: "\f054";
        display: inline-block;
        font-family: FontAwesome;
        font-style: normal;
        position: relative;
        font-weight: 400;
        font-size: 1rem;
        color: var(--primary-color)
    }

    .custom-tabs .tabs-nav .tabs-nav-list .tabs-nav-item.is-active {
        border-bottom-right-radius: 0;
        margin-bottom: 0;
        border-top-right-radius: 20px;
        border-top-left-radius: 20px;
        transition: all .2s ease-out;
        transition-property: border-top-right-radius, border-top-left-radius
    }

    .custom-tabs .tabs-nav .tabs-nav-list .tabs-nav-item.is-active .tabMenuItem .text-wrapper:after {
        color: var(--secondary-color);
        transform: rotate(270deg)
    }

    .custom-tabs .tabs-nav .tabs-nav-list .tabContent .tab-content {
        background-color: #fff;
        border-bottom-right-radius: 20px;
        margin-bottom: 8px;
        padding: 16px;
        padding-bottom: 26px
    }

    .custom-tabs .tabs-nav .tabs-nav-list .tabContent .tab-content ul {
        margin: 0;
        padding: 0
    }

    .custom-tabs .tabs-nav .tabs-nav-list .tabContent .tab-content ul li {
        list-style-type: disc;
        margin-left: 20px;
        padding: 0;
        font-size: 1.25rem;
        line-height: 20px;
        color: var(--primary-color)
    }

    .custom-tabs .tabs-nav .tabs-nav-list .tabContent .tab-content ul li::before {
        display: none
    }
}

@media (min-width:992px) {
    .tabs .tabs-nav .tabs-nav-list {
        display: flex;
        padding: 0;
        margin: 0
    }

    .tabs .tabs-nav .tabs-nav-item {
        display: inline-block;
        cursor: pointer;
        width: 33%;
        text-align: center;
        padding: 12px 33px;
        border-top-left-radius: 30px;
        border-top-right-radius: 30px;
        position: relative;
        flex: 1
    }

    .tabs .tabs-nav .tabs-nav-item a {
        position: relative
    }

    .tabs .tabs-nav .tabs-nav-item.is-active::after {
        content: "";
        position: absolute;
        height: 2px;
        width: 86%;
        background: var(--primary-color);
        left: 0;
        right: 0;
        bottom: 2px;
        margin-left: auto;
        margin-right: auto
    }

    .tabs .tabs-nav .tabs-nav-item a {
        font-family: DiodrumVoltaren;
        font-weight: 600;
        letter-spacing: 0;
        color: var(--secondary-color);
        font-size: 1.125rem;
        line-height: 42px
    }

    .tabs .tabs-nav .tabs-nav-item.is-active,
    .tabs .tabs-nav .tabs-nav-item.is-active a {
        cursor: default;
        background: #fff
    }

    .tabs .tabs-nav .tabs-nav-item:first-child {
        margin-left: 0
    }

    .tabs .tabs-content {
        position: relative;
        top: -2px;
        z-index: 100;
        overflow: hidden;
        background: #fff
    }

    .tabs .tabContent .tab-content {
        padding: 40px 97px
    }

    .tabs .tabContent .tab-content ul {
        margin: 0;
        padding: 0
    }

    .tabs .tabContent .tab-content ul li {
        list-style-type: disc;
        margin-left: 20px;
        padding: 0;
        font-size: 1.125rem;
        line-height: 20px;
        color: var(--primary-color)
    }

    .tabs .tabContent .tab-content ul li::before {
        display: none
    }
}

.tabs--static .tabs-nav-list {
    display: flex;
    padding: 0;
    margin: 0
}

.tabs--static .text-wrapper {
    color: var(--secondary-color);
    font-weight: 700
}

.tabs--static .tabs-nav-item {
    display: inline-block;
    cursor: pointer;
    width: 33%;
    text-align: center;
    padding: 12px 33px;
    border-top-left-radius: 30px;
    border-top-right-radius: 30px;
    position: relative;
    flex: 1;
    max-width: 220px;
    background-color: #fff
}

.tabs--static .tabs-nav-item.is-active {
    background-color: var(--primary-color) !important
}

.tabs--static .tabs-nav-item.is-active .text-wrapper {
    color: #fff
}

.tabs--static .tabs-nav-item.is-active::after {
    display: none
}

.tabs--static .tabs-nav-item:first-child {
    margin-left: 0
}

.tabs--static .tabContent {
    padding: 15px;
    border: 15px solid var(--primary-color);
    overflow: hidden
}

@media (min-width:992px) {
    .tabs--static .tabContent {
        padding: 60px 97px
    }
}

.tabs--two-toned .tabs-nav-list,
.tabs--two-toned-white .tabs-nav-list {
    position: relative;
    background: #f5f5f5
}

.tabs--two-toned .tabs-nav-list::after,
.tabs--two-toned .tabs-nav-list::before,
.tabs--two-toned-white .tabs-nav-list::after,
.tabs--two-toned-white .tabs-nav-list::before {
    content: "";
    position: absolute;
    height: 100%;
    top: 0;
    width: 17px;
    background-color: #f5f5f5
}

@media (min-width:992px) {

    .tabs--two-toned .tabs-nav-list::after,
    .tabs--two-toned .tabs-nav-list::before,
    .tabs--two-toned-white .tabs-nav-list::after,
    .tabs--two-toned-white .tabs-nav-list::before {
        width: calc((100vw - 1140px)/ 2);
        top: -2px
    }
}

.tabs--two-toned .tabs-nav-list::before,
.tabs--two-toned-white .tabs-nav-list::before {
    left: -17px
}

@media (min-width:992px) {

    .tabs--two-toned .tabs-nav-list::before,
    .tabs--two-toned-white .tabs-nav-list::before {
        left: calc((1140px - 100vw)/ 2)
    }
}

.tabs--two-toned .tabs-nav-list::after,
.tabs--two-toned-white .tabs-nav-list::after {
    right: -16px
}

@media (min-width:992px) {

    .tabs--two-toned .tabs-nav-list::after,
    .tabs--two-toned-white .tabs-nav-list::after {
        right: calc((1157px - 100vw)/ 2)
    }
}

.tabs--two-toned-white .tabs-nav-list {
    background: #fff
}

.tabs--two-toned-white .tabs-nav-list::after,
.tabs--two-toned-white .tabs-nav-list::before {
    background-color: #fff
}

.anchor-links {
    background-color: var(--secondary-color);
    border-bottom-right-radius: 40px
}

.anchor-links .anchor-links-content {
    padding: 24px 16px
}

@media (min-width:992px) {
    .anchor-links .anchor-links-content {
        padding: 30px
    }
}

@media (min-width:992px) {
    .anchor-links .anchor-links-content .anchor-title {
        padding-bottom: 10px
    }
}

.anchor-links .anchor-links-content .anchor-link {
    padding-top: 26px
}

.anchor-links .anchor-links-content .anchor-link a:focus,
.anchor-links .anchor-links-content .anchor-link a:hover {
    color: var(--primary-color)
}

.anchor-links .anchor-links-content .anchor-link a:focus::after,
.anchor-links .anchor-links-content .anchor-link a:hover::after {
    color: #fff
}

@media (min-width:992px) {
    .anchor-links .anchor-links-content .anchor-link {
        padding-top: 20px
    }
}

.container-sharethis {
    height: 80px
}

.container-sharethis .sharethis-img>.component-content {
    display: flex;
    justify-content: flex-end
}

.container-sharethis .sharethis-img figure {
    cursor: pointer;
    display: inline-block;
    text-align: right;
    padding-right: 15px
}

@media (min-width:992px) {
    .container-sharethis .sharethis-img figure {
        cursor: auto
    }
}

@media (min-width:992px) {
    .container-sharethis .sharethis-img figure img {
        display: none
    }
}

.container-sharethis .sharethis-img figcaption {
    display: none
}

@media (min-width:992px) {
    .container-sharethis .sharethis-img figcaption {
        display: block
    }
}

.container-sharethis .sharethis-img.submenu-active figure {
    margin-left: auto;
    margin-right: 15px;
    background: url("https://i-cf65.ch-static.com/etc/designs/zg/bp-voltaren-delta/desktop/img/voltaren-sprites.png");
    width: 41px;
    height: 40px;
    background-position: -524px -190px
}

.container-sharethis .sharethis-img.submenu-active figure img {
    display: none
}

.container-sharethis .sharethis-links {
    display: none
}

@media (min-width:992px) {
    .container-sharethis .sharethis-links {
        display: block
    }
}

.container-sharethis .sharethis-links .shareThis-list {
    display: flex;
    position: relative;
    top: -100px;
    justify-content: flex-end;
    width: 100%;
    padding-right: 15px
}

@media (min-width:992px) {
    .container-sharethis .sharethis-links .shareThis-list {
        position: initial;
        top: 0
    }
}

.container-sharethis .sharethis-links .shareThis-list .shareThis-item {
    display: block;
    padding-left: 6px
}

.container-sharethis .sharethis-links .shareThis-list .shareThis-item a {
    display: flex
}

.container-sharethis .sharethis-links .shareThis-list .shareThis-item a:focus img[title=Facebook],
.container-sharethis .sharethis-links .shareThis-list .shareThis-item a:hover img[title=Facebook] {
    content: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACkAAAAoCAYAAABjPNNTAAAAAXNSR0IArs4c6QAACSpJREFUWAm1WW2MVUcZnjn3LrDQS5cVvLtrsLXRgI0BY4ImbVojmqY1lAJxm0i1lPDDaPQXptHEH2psyo/GaNKmWmJiwF8lQLulatPG+FHUpJJIsEqTtoQaWe4u31DY3XvPGZ/neWfOPXfZlkrqdO+Zd96P533mnZlzTg/eXWebfHhpo3Puwt3BhS9455cXIQz7LIwE72703k8A9oTz4URw7o2s5g4M3bHxZX//nvx60vn/JSg8PVobf+G5zd6FzYUr1iJ2ngcCiDiHnjIbiGPAHxXs8Zf505APBO93fujxzkE5vsdLhL2298mHFt4bsnwHKnZrLxnjYkR1FTdUdBbprl+W+bFQz74z8pOZf107M+Ku5XR6a//ymSL8CpW7M1WLVEQU0ayaQCQnIrF6yQ5nqy4DLSNUuc/ck0MfWLndf//VmXfjEUPmdmlt7b8tL8I+F0KT4Inc7ITlkkZSnAEnUfqRWxxjv7rArUA0+fmD2YIFm4Yeu8R9PGfL5tRCOf7ggi2dTvE7YDUFyUulgYa2neWKM2BeB0gFwFlj2CiGCkDUk2soituL6SuvtL7Vt1qOc1wMYZah9UD/xtyFvcYDy8kyiAdl42C9jWlLdkLN9qFtLl3pC3vm3USozVsz8tMrb1FfbVdVsvXgolWFd7s1WU2eDKwSlKoFMb3ppJc/tSmGMkdY4mhLFaWOLcUVwX0w5NNjJ7/dXCRD5dJD8sKXG0uLTjFW5GGR5/EkEMHxS4miVuApUdJpjLiAjLoDxXgSMRszUyJp+OC/1IQR/Opi6tSupEt9D8lLLv8RYm/S5iZyJEhnDm1MEkhVjqk3HX2UDGtr/nQyKqog7dGXMSU+9MSMOTa1vlnbgMCylSQnv9JYgcTbEhnNFm7aj8zFBJWZcyTfio4EqeNPE2V88gOparz5ErhXz9jc+Uf54IBRrZ6Edid/FMtUx5MBSRjMcGuC4sSl5mExHx4GNlWWcVjmrDHo+m7+lPP9i2lxrj3lpo782g5OjOdAOdAnslVMnPiV43/ctw0ATxFfaSZHGytmfH5UA14ksNedDgKIgQQbNSSnXrroA13jSz90jXUPyy9d8vMnXWv7hzUxiwJsJT5lsP1DGyaAvIA+NvxEfgtxtNwd7zZoj0HBarEiFCiTGgPBSrPn2PSsXFee//HPXUUQrmqsFyuX8LrxBLUc3KPJzwG3KNxHJr7R90kC2HKHsCEBkE8Ms4ImcGNLI1PG3kjScf6qu6VLlyt/2+/yiTddmLpo2yFWyLAtXrISA4B5GCwCdvJxr74Pmr/Xz4wuuXG6mPlMd0/YrMkpLUVpow5gPfuWyTHz7IZBWLvt7JNfRTnaUjCv7XNOj9vFcjADSemWZTzFkWRVeedJ8gf1duFuoquSG5rKTgDb1t3ElLQkvA/SF399H/00DknD1ZaM9Dhy+Wknzsw/XzI+8jBStAkj6VRRkjM9iWJfrgYv78dHb/gsbt6/Z04DJR496WxyIhQt0tNOv2WP/AWnWVtH6WZfOPnxbf2C7q4MYuMhsByWWxwgWn6xdSP9QwuzIvgBVQw6zkIVBSQ5k6kqBz15l7OgtdRR/86tuDiJZSewoSVPPdGolh5ayaAHRTe3cxfchf56FtwAHVkerLl6BVBlsVZR+hAAayAgGFnhqUPPu/bxI27eyttdvak7Bhydu/ynXerzM/+JEyVAhI9pGK+qpbQ84Zy/CMnddTrthXUe91Q9epQEYrVsVkZIYQSEoJS4XNr7iBINfH1nD8nzO78mLz796C9CCiJKWnjKkSglOIogBOWIZHk7PufxiqyxCJCocCxA7haccrAnjAEZAWMNQ2pwIg696B/zJav02pb0ETs60R+3bgXYuF7vu4zVrp0jQkpojhgpIBE2SgYKmeWBPZEQqBBKDqVNt5d4o5afCFTjIzmuIsUKF2Zd7BZfyfA/RWfL4G4Ok0Q0iioFSXeXSlXimOhzNek5/d7kVVfGpp9NllaLgVC4H/97KuvL3HHWxhYmzlCnkY6pkmYlCImVr1vykAZSb1O1mYxEYxzJGKoRYyRb0mmMqlv1GecPYyuEbHDP2fNw+yuno02LkOoeTbOz2SIL/zAQfJSTjzLGi7BgTzbGSxYJZCzH1JMYcSNhLr3JzxJOLxgwYRArQit+NkfTEtxqHd0ZCQ8DSp5SlheiIWzWoaj6WjxxUqMU0ysuq4VnaFPWeig00NtPTG6ztnAGCgyC3h0JTOLqkQxVmN00AcbhJ5miZBaABK0QIoZ46dRbDKp7rPnz9mHi6i1o2djF106sa+zH+m8sk2uCdihERmNBWWIE887Bxu7t3/7MTR/6jQ2ko9biIchZGhJPjQBkjmYdx3Slzu+QgVISJtcvXdEJM/8AbB0/lZvPVxHRhdqoV2+R5qP0QospFYetFuOjb4wTBeMDB8M0drxqfHT4i+s/kT5wlZts2dip17AIvyCcKpd6Zpr17CWlstGOrKoEetosntdo43YQ+66V8RyZ3uKJYbG17yaCdClJcrDQNb6HO/5xBTKxwInOPYQu6VJyjFMigqclK30hUE42rmJ135e2uCeJj0XbO/LLyzoj5MTWQ3LxcydOZT5bD6Jv06jHldHgUI2klAgVtFmLJshgmeibeviZh9ktOhLm+2glXpiKyw77pQNbkm/qexGitrVuAJ9Z8viZRbMjOhp3TO+YU7d9RAN9ohdkbuW4x+aMT3HExJNvYr53awZ3vYfPLEzSPHBuv89qW4E8bdVRZlysdsoIZC5Xt4K9Y+NrtaSfZpdmwT7qaMOKvZWF7K65CCKyjKJ8VWvdN4hPf+19cGsSVTPnexMzsDMmFic56ukRT221WozT+yj7FO/dwSyrbRrafR2f/pi5+eyZP8/P+tagHn8gI9VRFYiHJJ7a8hEID1UNscmXh8Xm1I2PutwX/vHhj92y9t0Ikke1Fhy/Yzu5rnEv9voO5LyVefEKGhtGlbd1Inarx4pBAVaMoU371Lsx34fP0bsvvT+foxMV9mEUH/bbL272RbEZy7kWZZunrCqNCtZdRiufyNnS+tN4kjyfueyp5tMX/z8f9qtkKeMJ1ehk7Xvw3ebzqOpy1GoElRrGbwDmFgjhn0f8OPrXwfzAkLvnZb/n+v6J5L/VMsUcDF1FqwAAAABJRU5ErkJggg==")
}

.container-sharethis .sharethis-links .shareThis-list .shareThis-item a:focus img[title=Twitter],
.container-sharethis .sharethis-links .shareThis-list .shareThis-item a:hover img[title=Twitter] {
    content: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACkAAAAoCAYAAABjPNNTAAAAAXNSR0IArs4c6QAACWVJREFUWAm1WWuMVVcVXvvcO0+Y6RQYZphKaGuUpj/Ekky0NTYGjaGRtw7R0bQl+Evtn/pIm/SHP0hKo1ZNqE0kGi3+MCWAHdDEPmxooWlSE9qEtmAktGAY5sHMyAwz3NfZft9ae5977/Q6PKL7cs7eez2+9a219z73zsHJTbaxHy3rKE9dXu/Ff8mJW5l6v8Ilvs87ucU5NwrYC+L8BS9yJsnJkd7Pbz3mtu+v3Ew4dyNO/vmB3PBfDw868YOppOvg2+yAACIi6DlmA3FMeFHAHv8SdwnjI965vbftKR9Xw+u8BdhrW198uH2jTyq7UbG768kYFyOqd+WGis4jXbVLEjfk88ljfb8ovn/tyPC7ltGlHW0ri6n/Ayp3f6wWqShReLNqCqLjSCRUL+phbNWlo0WEqOISebZ36V3fdz9+t7gQj+DS2GRkR9t9ldQfFO97CB7JzQ+YLWkgxQyYRGZHbmGO/SqeW4FoaueOJ62t23p/OsN93LAlDaUQDj/Y+lC5nP4NWD0KyVtNAw3ddhYrZMC4Akh1gLHOoePQ1wAEObn6NP1cWph7a+SRpjVq2OBmCPMUI99s21oRf8B4YDlZBuXBsXGw3ubURT2h5ttQ10iW2UKfOBn1ueb+vl/OnaO8tn2kkiMPLvpU6mSfJqvJk4FVgqPagpjcZCpXe0qjD8ecYYmDLlaUMrbol3pZ7iuFoYs/6FmkippbHcnL3+hYlpbTobTiFzkeTwIRHFcMFKQKHgNFmc7h5xFRn0DBn0RMx8gckTRs8IlNMbxbk14dfy7KYl9HckYqu+C7Sjc3kQNBGnNqc5JAqGxOucloo8GwtmZPI6OiFaQ+2NInw4ecmCHGtpHv5bbAMWsZybFvdaxG4J2RjGYLM92PjMUANZlzprY1MhKkjJcmSv9oB1K1/mZL4Ho5fSvinuQXB5TaMpKlcuXJNPX5CKqBiIFLxxzq2JbJloshIGdl8bE++EBWW61qAgStJhjJagJQGV561/BrB3fCUJuSHBvoWI0AW6uGHNHciOmyqASy2mWiDWNGO52bJ715xYNiaVAAPX2UUNwW7CFQuXnC5jFYaVOSZSdb1BEitcXG54BjdQnPj1g9k1vl4pj+kVTcX9QZOSMR8aIPD5iRZWArjJLFKqSp3DH6naZPE8GW2/stChhJGTXcEZY4unQ0tyybb79HJN+sM80eGvrH4O1f+LZ073pbep8Zl6U/fEnyd3xG2tZ+VTq3/yRgEIvN8GOvHAwVd3xvit+sVhMDt95SSIuTtgrYb3iqasXoH8prhwA6xfTS/dTfpTL2gUz+6mGRwozyjLrF6x+RzkGS+WgrvPeKTO37rqTjZ+GDrHjREX1YLMTnjDo0507c9mx5bVJKZRVNbSnJwg6G2mg+BKk2ZpjrXiWta78iy586IS33bICEbua3eFO2lapOcYQ1TCf+hZVBRAbVj/VWRQ2fSVGvNcB1+TQp3erxU1QfNQRDSWMmlqMFt0eRacrnTkrzJz8ruaUfkyWP7pfimbek+O6rUjp/UpLFSyOlur48/oFM7BkQXyppLCKRmMWAKUqp5SB/VXjsS9T10ZWt+dS7LlNGaix9dDXHCEYgyTeJn5uuI9D88X7htVArXzgtUryamehDPZRDl1qLixuazkM9L8vltiTx0sXSMyc7oSCi2UAUeqXMMb/uKmVpQhVvtFUmzoctwUqZd3X1rKLVE26xGb9cLrUngpOr5VVHHpoAwOJjrGeHffgIiM4c3H2jHKV48mXgEbNaBI3F7QV8XlYMDEKsyAV7U6Yclt4cTB3HSl5dCRK3g8jM4Z9L8R9vXjfR9MqUzJ34S529Jk0+JGfra+N5v0fz+aZZrHZuigwti+DEmWYWKotsq6AYYV44ebQu6EKT6UO7xJVLiknc2moybiSqqhoujNkpnXMJ/iiaNMcGYZSoyWNVY0W55LOv/h77dOG/UgunXpfZF5/RlcgKUROKqxYv5aE6pc5RKk+fv5o0JfIhaxP3AQ3tOUbDWEnTasasKfdVvlUKb78olYtnFLbRrfDeUZl4ertVKmAZqhFjpdiiTOfcozyg4IGKv4Ot4PNL9k/+e3hz55vQ3Es59wcvVswgDIXZMlrbfV+Tzp0/k1znMgoaNl+ckysv75XpPz4hvoLnIr9F1J/mATsDr8oYkNuTN8bHgXmB2jxvkGLi7lW/gBYxLLtAGNGuvnFA92P7/V+Xlv4Nkl9+uyQgXJkclsroWSm8f0xmX9krfvqSbj07FMZQxxaQMZWIsTIhY8ZkaJvk/J+oUS5jmzpWY1uf0urxuxsfVfCGS+eaop1wVkabGgW9Vgt+wZ96q0r0Z08hbFgpxoj4UFi16W92sDnb99vCnXTRcN1D06exRQ9Z1YgTvGHAzGxOc7VQlJixSYOdZaRWwdIqY+zMm9icB5n15k98lp/RMc4exkqSoqak5XGoy3RiRa1XN9wMWOWAUOJ0il8EDK9BLZgdPNQKMgbUZQ64nJscOOpPG/M3HQ3dqRXrN/6GIdgykt1D46fhpgo6sWnPzGt+tZhc1XYLlWFgJkZP8+cdM8ac93vU0M2Wejb6R/Iiucdr38BlJGnYLh1PYLt+qI4ZOFGselnAGBwqDah9sKm1RdQYWHvFrOJlOiQRE8KiHej73aweGHJiqyPZefjCeOKSTSB6hUpdJqPBqTaSis/RWDEq9NDRFpFNboHjWJ1x49yegxwRze7mn7zjlnU9FG1jr4WIk9iPbOjCa5ZKeM1CstCoZTjdNXMqa08qMdQKNraV7TQ38o9+rC2++UZbnPQvee46XrMwSM+RqUMuye1AmILmSRReIWtljDmXq1rB+rnmpPbVraJ+hCHjgKlL7ty5xCdfbkQwWKtXw9vI5iV49Vc6CNAeomrm/N3ECOyMifnqOMhpMe95SE70i8/RbHWcHE+S3LbefTfx6o+QPS9MvNGSNPWjmkfJqFrVUJ1wavXRpCyCHL7R1r6DozcyYR609XiJmro9Kz5x57qFCJJHbS04/6/t4oaOjXja7Ab+3YyRfeswKr9leGCIpjxsbHsOArCiD3W6T50MuSa8jt438795HU3s2PwAXuyXXhp0aTqI5VwHZvjj20jQRsljaqljhnFV5i7hB82fE0l+3fP89P/nxX4kGvuxTfgvkqT0AN7UfhFVXYla9YHUClxdsBkBIfz3iBtG/08kcqRXHjjm9t/cf5H8B6t33lB8i1sCAAAAAElFTkSuQmCC")
}

.container-sharethis .sharethis-links .shareThis-list .shareThis-item a:focus img[title=Mail],
.container-sharethis .sharethis-links .shareThis-list .shareThis-item a:hover img[title=Mail] {
    content: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACkAAAAoCAYAAABjPNNTAAAAAXNSR0IArs4c6QAACmNJREFUWAm1WQ1sVlcZfs/9vv5RWtpS21IkjG0IWQxglAjoZob7dQwoky3CsskWY7IM50AJjC2DZQkYJ9sM2SLGTYGYSAUGQ+eYUYfg5l+ExSFLQAQzoH8U2q5/3/fd4/O855z7fa3NYERPe+855/153ue85+fe3hq5wtK2qrYie6HrNiv2JiNmQmztOBPZRmtkjDGmFbBnxNgzVuRElJJ9Ddc3HTR3N+euJJz5KE52x+LU2ddfXWLELoklngvfYgMEEBFBzTYLiKPDiwLW+I1MB9r7rDE/HL85e0gNL/PmYS9tfe6ro+60UW4jMnbdUDKOiyOqd+WGjA4jnbeLIrPXpqPVjc8N/uPSkeF3KaOOZWUTBmO7HZm7IWSLVJQovJk1BdF2IOKzF/Qwdtmlo4sIUc5E8mLD2Kkrzbp3Bz+Mh3cZ2aRlWdmcXGx3ibX1BA/khgdMptST4gg4iMSO3Hwf61UslwLR1M4cikpLFzU808N1PGKJRpRCePa+0vuz2fg3wKpXSN4KCmjosnOx/AgYVwCpDjDWPnRs2gIALydXG8efiwf6/tyyvGi6Go5wcwjDFC1Ly5pyYnc6HphOpkF5sO04uNr1qQt6Qg23oW4kWWILfWSk1aaKZzY+33ea8sLyX5lsua98Wmxkmw5WB08GLhNsFSbEyZ1M5WpPafBhmz1MsdeFjFLGEvxiK3U2N7D33Lfqy1VRcBtCsusrFbVxNt4b52y54fYkEMFxhUBequAhUJBpH34WEfUE8v4k4nSMzBZJwwY/oSiGNdPj/vatQRbqISR7JPc0fCfq4iayJ0hjdl2fJBAq6VPuZLTRYJhbZ08jR0UzSL23pU+CDzkxfYxFLQ+nFsIxKQnJtnsrpiDwg4GMjhZmuh4ZiwEKRs6e2hbISJAyXjpQ+gc7kCr0d7YEHiqnb07MBj44oNSSDo1MNrcB05TGkwFB6Ex3V9hL10+SshsfEMkOeCmqYEBJYDhcFqwTOdAi5AaHZPe+9cgstijihdnTDRbHU88e2PUgXLfQXUm2La6YMhjnmnSkwNDsKThOOjLEw7du01GV8BZ/0Jm0P3ID5KJRY9TNDvZKz682oo3E6NxTjNHw18pqdPIks0YW6hqDUknpyHSGQVgkVX81vSXz/jEpGj9Vzn9/qdhAlI40cuvB1TSmiIV1aLOZiqR27VvUSNGEGc4NesvloDXw8IsTZlLrQ0Uz6l7IHHbTbe1CklM8BdSbw4bCZjEl2Qym2j29xn57j3Q+f48MHH5NM5AsEbhpIJJRMFJxOWLf1IyX2pWv6UxE5dVkpoQ8O3Lzjm7nI+oCSA5H5xdXj5HYfpZTTR9Y+WwSw023LgNoBt79nbQ/dTMUsVQ/2iyjbn4I1rDnbsePi0IM+hb6Y10ha3Xr/iqpsROl9/c/ckZ6pz9J0Yk4rjA2xCQpUSaWidTp4tVA+fOLgTW4d2SVOXZI2h6bLXF3u1Tc/ZRU3vsMEsGBOT+SYyB3uZAl0++Q2icOiSkbIxd/+k3p2r0+QQx29GNx/k6KPTwduCaKo0x1XkErF1Cd4MjgSdE+jgiszfY1syR37riUzlyIrO6UqMQ9KMI5GPzLb3pYqpc3Y5FlpWPTHdL75stDB+4xOSz9YXzMDNnGMV4EVkwojWJrqjRb3jhkxOXAOeZ5OikB4wst0r7uRsmc/JsUXTVDxj55QExlQ5JRHjGVS78nFXetl7inA7azJXP0t8l4teFjKqq2ubz81PuhdElXWRRZqfIrltveqbwz5SQYqKGn+iS7mX7pfPYe6XurGefoNVK34S+Srp2IyYikZsVuKf30Asm1nJD2xz+Dk+FoQiAZtO4uZs3H8Ae+6iGjPJvNjIpEH0foUQgKASBkV48m1Tm9AtKcF3xLpt0ixdfOlIvbV4nBjq179j2p+847UjrtVsmcekcGjh2Q+GKrHzyGCyIuliPhlpfDYzJcAobOINamXDAYeWBPdWgHB9IrLORMu7I5i6Vm1W4p/sRs6f/jbun8bpOapRuukZ5fPieDJ/4ko29dLrUbjohg04xYAKYPD4KyPex9NJ0u6k1bSV3AIQhlfjTOCVOru5YKalnz0hxL6ey7sCF+gvXWien8vNjuDuk/sl/OPjBWTHGZrkM9G4tKZfRt35Da1fulfQOOr/4ugHi80PJE9URFhujHRDF+pVT2RfijqNMFh8fwoiMbKmR2S2YtkupHtkrce1Ha1l4v2ZaTeaOBPrE9510f/t0/Xy8f7N8sqYZrpXbNfqyPirwtWiQTrmQZ5AcRy6Z/90dFkZxCbpSO5ohOOEVd9vJTH5DLZjVJzaPblGD72hskBkHnxztT4PwL30e7dzwpvW+8CKKTkdHXJUqXBDitmVd30Z9HELIJHLSPIJs2qmnuvAiTtzmcsAYL12h+dFhWc74s1Su2K3D7Y1+Q3JnjzofE1F9VfplQyEBO1vWzJ6T311skhd1f9bWXnDDolRgxPFlMs2/voaF/VTPomNkcjWpRaVtrtExKTLpIbMa9pnU8vUCi0tFiJn3K2eWNwcmtKYWiKxsqxXJ8u1lybf/E2blOpfr8TiI5W5Jj4XqMUvYVtpVk2sav4PVho6bZv0+GuMTItp6mLc7Cq7SufuRlrQvwXf9y7nxVK69SSx7yjKPPfsblNONV0xE1J+t/MIhjIQwUjTPzKnbBoykJTG8sDA6MzdTHJ8voRSsl1/ov9JgbjlabeuMBkHSThvOnQbANfrnz70vfwa0AwruOGiiMs9MtEn298aV+fZ9M4Nrm107J2sG/AxbHEqcMI4OxguuNUi/X2oE6G8IgFCoN6PVKnCofxfnnB+jIOcy8v/aPjfvS/E+GD1xIrisf29v+HmjpO5TuUsVmVFy62xnLRfMxnSP1iKZT5Hh6u8LdDlPHKKCqr+Ko3Pm7zUJpak0gSMOEJDujpOJxLNdTCsjA/m2E9AIJlZEs9bhCIFJSm1CrHrlTG6fjLOrx5m0SHeJoAmhrZGfjj3t1w5ATyxCSla+eaY9MNB9EP6CSU+5psKuFEg2EDCow7iw8glwgX0PmLJxejbxMN0iBv2Kqf3TE1FbdH2xDPRTBS1vmVeEzS85/ZtHRea5cVUP7HHpYa56v9tnmGJ2OHYIP9Q9+xMSTr7XEyMyarZfxmYVQ9fsu7DZRahmQB1x2FB83lzuNCGROVz6DQ/vKSe3zS8UzVRzwJWe3HIw5HdnolpEIwsqNj42RSsuCGnz6y+yCWT0RdeR8byI6K8fEuWrby2mhJ0M+y+REP/2jjXXwN3IoilKLGrZdwac/QtbvOf+HkqhoJvL3Jhnls+qzoxsLoTWl9PBybYEFOZOdcs/7e1nOxGbzuMlXz/0wgg6V98so5+ZV3Im1vhHxrmNcPhlcQS88pXx28muNGYMQrOjDzOs6NbLXFOFz9Lae/83naM9EK7sYH/YzbywxcbwE0zkXKSzWqJoaTVh+Gl36lJybWtOBF5pf4KG4pX5H9//nw34hWbbxhKrIRpnb8aX2i8jqBOSqEZkah4sP5hYQwr9HzFnUx8F8X4PcftA0X9m/SP4DnTXoSu+sFOQAAAAASUVORK5CYII=")
}

.container-sharethis .active {
    display: block;
    height: 0
}

@media (min-width:992px) {
    .container-sharethis .active {
        height: auto
    }
}

@media (min-width:992px) {
    .video-box .video-int {
        padding-right: 0
    }
}

.video-box .video-int .video-content {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: 15;
    display: none;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    overflow: auto;
    background-color: rgba(0, 0, 0, .4);
    z-index: 105
}

.video-box .video-int .video-content .video {
    position: relative;
    padding: 0;
    width: 90%;
    max-width: 720px;
    margin-top: 130px
}

@media (min-width:992px) {
    .video-box .video-int .video-content .video {
        margin-top: 0
    }
}

.video-box .video-int .video-content .video iframe {
    min-height: 50vh;
    height: auto !important
}

@media (min-width:992px) {
    .video-box .video-int .video-content .video iframe {
        height: 100% !important
    }
}

.video-box .video-int .video-content .video embed,
.video-box .video-int .video-content .video iframe,
.video-box .video-int .video-content .video object {
    top: 0;
    left: 0;
    width: 100%;
    border: 0
}

.video-box .video-int .placeholder-img {
    position: relative
}

.video-box .video-int .placeholder-img img {
    display: block !important;
    width: 100%
}

.video-box .video-int .placeholder-img .title-content {
    position: absolute;
    bottom: 0;
    left: 0;
    display: flex;
    width: 100%;
    height: 100%
}

.video-box .video-int .placeholder-img .title-content button {
    width: 100%;
    height: 100%;
    background: 0 0;
    border: 0;
    padding: 0
}

.video-box .video-int .placeholder-img .title-content button i {
    position: absolute;
    left: 50%;
    bottom: 50%;
    transform: translate(-50%, 50%)
}

.video-box .video-int .placeholder-img .title-content p {
    position: absolute;
    left: 35px;
    bottom: 30px
}

.video-box .video-text .richText-content {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center
}

@media (min-width:992px) {
    .video-out-of-box {
        left: 15px;
        padding-bottom: 83px
    }
}

@media (min-width:1440px) {
    .video-out-of-box {
        left: 7.33%
    }
}

.language-selector,
.search-bar,
.search-bar-inner,
.utility-menu_language {
    display: none
}

.main-menu_search-icon,
.search-close {
    cursor: pointer
}

@media only screen and (max-width:991px) {

    .selected-language,
    .wrapper-hcp-links {
        display: none
    }

    .scrollable .selected-language {
        display: block
    }

    .language-container {
        margin-bottom: -40px;
        top: 14px;
        left: 14%;
        z-index: 1
    }
}

.mb-dropdown .is-open~.selected-language,
.mb-dropdown .is-open~.wrapper-hcp-links {
    display: block;
    position: absolute;
    bottom: 0
}

@media (min-width:992px) {

    .mb-dropdown .is-open~.selected-language,
    .mb-dropdown .is-open~.wrapper-hcp-links {
        display: none
    }
}

.mb-dropdown .is-open~.selected-language {
    padding: 25px 0
}

@media (min-width:992px) {
    .utility-menu {
        padding-top: 14px;
        display: block
    }

    .utility-menu>.component-content>.content {
        display: flex;
        align-items: center;
        justify-content: flex-end
    }
}

.language-selector_selected {
    font-family: DiodrumVoltaren;
    font-size: .875rem;
    font-weight: 500;
    line-height: 18px;
    color: #323131;
    cursor: pointer;
    border-bottom: 1px solid #f5f5f5;
    padding-bottom: 4px
}

.language-selector_selected::after {
    content: "\f078";
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    position: relative;
    font-weight: 400;
    font-size: .875rem;
    color: var(--primary-color);
    padding-left: 10px
}

.language-selector_selected a:focus,
.language-selector_selected a:hover {
    transition: .2s ease-out;
    color: var(--primary-color)
}

.main-menu_search-icon {
    z-index: 1;
    background: url("https://i-cf65.ch-static.com/etc/designs/zg/bp-voltaren-delta/desktop/img/voltaren-sprites.png") no-repeat;
    background-position: -523px -293px;
    width: 30px;
    height: 30px
}

.main-menu_search-icon:focus,
.main-menu_search-icon:hover {
    background-position-y: -425px
}

@media (min-width:992px) {
    .main-menu_search-icon {
        z-index: auto
    }
}

.gsk-logo {
    margin-top: 5px;
    padding-left: 16px;
    z-index: 1
}

@media (min-width:992px) {
    .gsk-logo {
        margin-top: 0;
        z-index: auto
    }
}

.gsk-logo a:focus img {
    outline: 1px solid var(--primary-color)
}

.gsk-logo img {
    max-width: 23px;
    max-height: 20px
}

@media (min-width:992px) {
    .gsk-logo img {
        max-width: 42px;
        max-height: 36px
    }
}

.wrapper-hcp-links {
    padding: 26px 0;
    text-align: center
}

@media (min-width:992px) {
    .wrapper-hcp-links {
        padding: 0;
        border-top: none;
        text-align: left
    }
}

.wrapper-hcp-links .richText:first-of-type {
    border-right: 1px solid #f5f5f5
}

@media (min-width:992px) {
    .wrapper-hcp-links .richText:first-of-type {
        border: none
    }
}

.wrapper-hcp-links .richText-content a {
    font-family: DiodrumVoltaren;
    font-size: .8125rem;
    font-weight: 500;
    line-height: 18px;
    color: #323131
}

.wrapper-hcp-links .richText-content a:focus,
.wrapper-hcp-links .richText-content a:hover {
    color: var(--primary-color);
    text-decoration: underline
}

.navigation-logo .component-content.left {
    text-align: center
}

@media (min-width:992px) {
    .navigation-logo .component-content.left {
        text-align: left
    }
}

.navigation-logo a:focus img {
    outline: 1px solid var(--primary-color)
}

@media (min-width:992px) {
    .navigation-logo {
        width: auto
    }
}

.search-and-logo {
    display: flex;
    justify-content: flex-end;
    top: 14px
}

@media (min-width:992px) {
    .search-and-logo {
        display: block;
        top: initial
    }

    .search-and-logo .content {
        display: flex;
        align-items: center
    }
}

.search-bar {
    position: absolute;
    top: 0;
    right: 0;
    height: 53px;
    background: linear-gradient(90deg, #fff 50%, #f5f5f5 50%, #f5f5f5 100%);
    z-index: 2
}

@media (min-width:992px) {
    .search-bar {
        height: 58px;
        z-index: auto
    }
}

.search-bar-inner {
    position: absolute;
    background-color: #f5f5f5;
    border-bottom-left-radius: 20px;
    right: 0;
    height: 53px;
    top: -36px;
    z-index: 2
}

@media (min-width:992px) {
    .search-bar-inner {
        top: -60px;
        height: 58px;
        width: 80%;
        z-index: auto
    }
}

.searchBox .searchBox-label::after {
    content: '';
    position: absolute;
    height: 2px;
    left: 26px;
    right: 24px;
    background: #e37200;
    top: 53px
}

@media (min-width:992px) {
    .searchBox .searchBox-label::after {
        top: 56px;
        right: 32px
    }
}

.searchBox .search-query {
    border: none;
    background: 0 0;
    height: 53px;
    font-weight: 600;
    font-size: 1rem;
    font-family: DiodrumVoltaren;
    opacity: .5;
    padding-top: 20px
}

.searchBox .search-query:focus {
    outline: 1px solid var(--primary-color)
}

@media (min-width:992px) {
    .searchBox .search-query {
        font-size: 1.125rem;
        width: 90%;
        height: 58px
    }
}

.searchBox .form-search {
    display: flex;
    justify-content: space-between
}

.searchBox .button {
    background: url("https://i-cf65.ch-static.com/etc/designs/zg/bp-voltaren-delta/desktop/img/voltaren-sprites.png");
    border: none;
    background-repeat: no-repeat;
    color: transparent;
    background-position: -517px -424px;
    min-width: 39px;
    padding: 0;
    cursor: pointer;
    height: 30px;
    width: 30px;
    margin-top: 20px
}

.searchBox .button:focus {
    outline: 1px solid var(--primary-color)
}

@media (min-width:992px) {
    .searchBox .button {
        padding: 8px 20px
    }
}

.search-close {
    position: absolute;
    top: 22px;
    right: 0;
    background: url("https://i-cf65.ch-static.com/etc/designs/zg/bp-voltaren-delta/desktop/img/voltaren-sprites.png") no-repeat;
    background-position: -523px -466px;
    width: 30px;
    height: 30px
}

.search-close:focus {
    border: 1px solid var(--primary-color)
}

@media (min-width:992px) {
    .search-close {
        position: relative;
        right: 15px
    }
}

.languageVisible .language-selector {
    display: flex;
    opacity: 1;
    top: 100%;
    z-index: 120;
    width: auto;
    position: absolute
}

.languageVisible .language-selector .content {
    width: 65px
}

.languageVisible .language-selector ul {
    width: 100%;
    background-color: #fff;
    z-index: 105;
    padding-left: 0 !important;
    border-bottom-right-radius: 20px
}

.languageVisible .language-selector ul li {
    list-style-type: none;
    border-bottom: 2px solid #f5f5f5;
    text-align: left;
    margin: 0 15px
}

.languageVisible .language-selector ul li a {
    color: #323131
}

.languageVisible .language-selector ul li a:focus,
.languageVisible .language-selector ul li a:hover {
    background: radial-gradient(at bottom left, var(--primary-color-dark), var(--primary-color-light));
    color: #fff
}

.languageVisible .language-selector ul li:focus a,
.languageVisible .language-selector ul li:hover a {
    background: radial-gradient(at bottom left, var(--primary-color-dark), var(--primary-color-light));
    color: #fff
}

.languageVisible .language-selector ul li:last-of-type {
    border-bottom: none
}

.languageVisible .language-selector ul li:last-of-type:hover {
    border-bottom-right-radius: 20px
}

.languageVisible .language-selector ul li {
    padding: 16px 0
}

@media (min-width:992px) {
    .languageVisible .language-selector ul li {
        text-align: center;
        margin: 0;
        padding: 0
    }

    .languageVisible .language-selector ul li a {
        display: block;
        width: 100%;
        height: 100%;
        padding: 8px 0
    }
}

.languageVisible .language-selector_selected::after {
    transform: rotate(180deg);
    padding-left: 0;
    padding-right: 10px
}

.languageVisible .utility-menu_language {
    display: block;
    transform: translateX(-15px)
}

.languageVisible .utility-menu_language ul {
    display: block
}

.languageVisible .utility-menu_language ul a {
    color: #323131
}

.sticky-header.languageVisible .language-selector {
    display: none
}

.searchVisible .search-bar,
.searchVisible .search-bar-inner {
    display: block;
    animation: slide-down .3s ease-out
}

.skip-to-content {
    display: none
}

@media (min-width:992px) {
    .skip-to-content {
        position: absolute;
        display: block;
        padding: 10px
    }

    .skip-to-content a {
        font-family: DiodrumVoltaren;
        font-weight: 500;
        color: #fff;
        padding: 5px;
        font-size: 14px;
        pointer-events: none
    }

    .skip-to-content a:focus {
        color: #fff;
        background-color: var(--secondary-color);
        border-radius: 22.5px
    }
}

.selectorActive {
    border-bottom: 1px solid var(--primary-color);
    padding-bottom: 4px
}

.font-increment {
    font-family: DiodrumVoltaren;
    font-weight: 600;
    color: var(--secondary-color);
    cursor: pointer;
    display: none
}

@media (min-width:992px) {
    .font-increment {
        display: block
    }
}

.font-increment .font-sm {
    font-size: .875rem
}

.font-increment .font-md {
    font-size: 1rem
}

.font-increment .font-lg {
    font-size: 1.125rem
}

.font-increment .font-lg:focus,
.font-increment .font-lg:hover,
.font-increment .font-md:focus,
.font-increment .font-md:hover,
.font-increment .font-sm:focus,
.font-increment .font-sm:hover {
    color: var(--primary-color);
    transition: .15s ease-out
}

@media (min-width:992px) {
    .font-increment-mb {
        display: none
    }
}

.font-increment-mb .richText-content {
    display: flex
}

.font-increment-mb .richText-content p {
    display: inline-block;
    margin: auto
}

.font-increment-mb .font-sm {
    font-size: 1rem
}

.font-increment-mb .font-md {
    font-size: 1.125rem
}

.font-increment-mb .font-lg {
    font-size: 1.25rem
}

.font-lg-active {
    font-size: 1.125rem
}

.font-md-active {
    font-size: 1rem
}

.font-sm-active {
    font-size: .9375rem
}

.font-xs-active {
    font-size: .875rem
}

@keyframes slide-down {
    0% {
        transform: translateY(-100px)
    }

    100% {
        transform: translateY(0)
    }
}

.subfilter {
    display: flex;
    flex-direction: column;
    z-index: 100;
    width: auto
}

@media only screen and (max-width:991px) {
    .subfilter {
        align-items: center;
        margin-top: 16px
    }
}

.subfilter input {
    z-index: -1
}

.subfilter label {
    cursor: pointer
}

.subfilter__productsNum {
    position: relative;
    margin-bottom: 50px;
    margin-left: 50px
}

@media (min-width:992px) {
    .subfilter__productsNum {
        top: 0;
        position: absolute;
        white-space: nowrap;
        transition: top .2s ease-out
    }
}

.subfilter__productsNum :nth-child(2),
.subfilter__productsNum span:nth-child(1) {
    font-family: DiodrumVoltaren;
    font-weight: 600;
    font-style: normal;
    font-size: 18px;
    color: var(--primary-color)
}

.subfilter__productsNum :nth-child(4),
.subfilter__productsNum :nth-child(5),
.subfilter__productsNum span:nth-child(3) {
    font-family: DiodrumVoltaren;
    font-weight: 600;
    font-style: normal;
    font-size: 18px;
    color: #323131
}

.subfilter__productsNum::before {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    top: 40px;
    border-bottom: 2px solid var(--primary-color)
}

@media only screen and (max-width:991px) {
    .subfilter__productsNum {
        order: 2;
        margin-left: 16px;
        align-self: flex-start
    }

    .subfilter__productsNum::before {
        content: '';
        display: block;
        position: absolute;
        width: 84px;
        top: 40px;
        left: -16px;
        border-bottom: 2px solid var(--primary-color)
    }
}

.subfilter__filtersPicker.is-closed .toggleSubfilter {
    background-color: transparent
}

.subfilter__filtersPicker {
    background-color: #f5f5f5;
    border-bottom-right-radius: 50px;
    position: relative;
    transition: .2s ease-out;
    width: 100%
}

@media (min-width:992px) {
    .subfilter__filtersPicker {
        margin-right: 20px;
        width: 370px;
        padding: 40px;
        padding-top: 0
    }
}

@media only screen and (max-width:991px) {
    .subfilter__filtersPicker {
        max-width: initial;
        margin-bottom: 30px;
        height: auto;
        border-bottom-right-radius: 20px
    }
}

.subfilter__filtersPicker .toggleSubfilter {
    position: absolute;
    width: 100%;
    height: 25px;
    left: 0;
    background-color: rgba(0, 0, 0, .03);
    cursor: pointer
}

@media only screen and (max-width:991px) {
    .subfilter__filtersPicker .toggleSubfilter {
        display: none
    }
}

.subfilter__filtersPicker .toggleSubfilter__button {
    position: relative
}

.subfilter__filtersPicker .toggleSubfilter__button .text {
    margin-left: 50px;
    font-family: DiodrumVoltaren;
    font-weight: 500;
    font-style: normal;
    font-size: 14px
}

.subfilter__filtersPicker .toggleSubfilter__button .text.is-minimized {
    height: 50px;
    width: 90px;
    margin-left: 16px;
    margin-top: 21px;
    background-color: #f5f5f5;
    font-family: DiodrumVoltaren;
    font-weight: 600;
    font-style: normal;
    font-size: 14px;
    color: var(--secondary-color)
}

.subfilter__filtersPicker .dropdown {
    position: relative;
    height: 332px;
    width: 296px;
    margin: auto;
    margin-top: 40px
}

@media only screen and (max-width:991px) {
    .subfilter__filtersPicker .dropdown {
        height: auto;
        min-height: 53px;
        width: 100%;
        margin-top: 0
    }
}

.subfilter__filtersPicker .dropdown__toggler {
    cursor: pointer;
    position: relative;
    height: 42px;
    width: 100%;
    border-bottom: 2px solid var(--primary-color);
    font-weight: 600;
    font-style: normal;
    font-size: 18px;
    color: var(--secondary-color);
    background-color: #f5f5f5;
    font-weight: 700;
    box-sizing: border-box;
    list-style: none
}

@media only screen and (max-width:991px) {
    .subfilter__filtersPicker .dropdown__toggler {
        display: flex;
        align-items: center;
        width: 100%;
        height: 54px;
        border-bottom-right-radius: 20px;
        border-bottom: 0
    }

    .subfilter__filtersPicker .dropdown__toggler::before {
        content: '';
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        border-bottom: 1px solid var(--primary-color);
        width: calc(100% - 32px);
        margin: auto
    }

    .subfilter__filtersPicker .dropdown__toggler__text {
        padding: 0 16px;
        width: 100%
    }
}

@media only screen and (max-width:991px) and (max-width:991px) {
    .subfilter__filtersPicker .dropdown__toggler__text {
        font-size: 15px;
        color: #323131
    }
}

.subfilter__filtersPicker .dropdown__toggler::after {
    content: '';
    position: absolute;
    border: solid #000;
    border-width: 0 2px 2px 0;
    padding: 5px;
    right: 0;
    top: 9px;
    transform: rotate(-135deg)
}

@media only screen and (max-width:991px) {
    .subfilter__filtersPicker .dropdown__toggler::after {
        right: 16px;
        top: 21px
    }
}

.subfilter__filtersPicker .dropdown__toggler.is-active::after {
    border: solid var(--primary-color);
    border-width: 0 2px 2px 0;
    transform: rotate(45deg)
}

.subfilter__filtersPicker .dropdown__toggler li.clone .item {
    margin: 0
}

.subfilter__filtersPicker .dropdown .itemIsActive {
    background: radial-gradient(at bottom left, #e64510, var(--primary-color));
    height: 54px;
    top: 0
}

.subfilter__filtersPicker .dropdown .itemIsActive::before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-bottom: 1px solid #fff;
    width: calc(100% - 32px);
    margin: auto
}

.subfilter__filtersPicker .dropdown .itemIsActive::after {
    content: '';
    position: absolute;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    padding: 5px
}

.subfilter__filtersPicker .dropdown .itemIsActive .item__text {
    color: #fff;
    font-size: 12px
}

.subfilter__filtersPicker .dropdown .itemIsActive .item {
    padding-left: 16px;
    padding-right: 16px
}

.subfilter__filtersPicker .dropdown__items__list {
    list-style: none;
    margin-top: 15px;
    padding: 10px 0
}

.subfilter__filtersPicker .dropdown__items__list li:focus {
    outline: 1px solid black
}

.subfilter__filtersPicker .dropdown__items__list li.is-active {
    background: radial-gradient(at bottom left, #e64510, var(--primary-color));
    border-bottom-right-radius: 20px
}

.subfilter__filtersPicker .dropdown .is-active .item__text {
    color: #fff
}

.subfilter__filtersPicker .dropdown .item {
    display: flex;
    margin-bottom: 10px;
    padding: 8px 10px;
    cursor: pointer
}

@media only screen and (max-width:991px) {
    .subfilter__filtersPicker .dropdown .item {
        padding: 8px 16px
    }
}

.subfilter__filtersPicker .dropdown .item label::before {
    visibility: visible;
    border: 2px solid var(--secondary-color-dark);
    content: "\00a0";
    display: inline-block;
    font: 16px/1em sans-serif;
    height: 22px;
    margin: 0 11px 0 0;
    padding: 0;
    vertical-align: top;
    width: 22px;
    line-height: 24px;
    border-bottom-right-radius: 10px
}

.subfilter__filtersPicker .dropdown .item__toggle {
    position: absolute;
    margin: auto 0;
    width: 24px;
    height: 24px;
    color: var(--secondary-color);
    opacity: 0
}

.subfilter__filtersPicker .dropdown .item__toggle:checked+label:before {
    border: 2px solid #fff;
    color: #fff;
    content: "\2713";
    text-align: center
}

.subfilter__filtersPicker .dropdown .item__text {
    color: var(--secondary-color);
    font-family: DiodrumVoltaren;
    font-weight: 600;
    font-style: normal;
    font-size: 16px;
    margin-left: 10px
}

@media only screen and (max-width:991px) {
    .subfilter__filtersPicker .dropdown .item__text {
        font-size: 12px
    }
}

.subfilter-hidden {
    display: none !important
}

.products-table .table-arrow {
    content: '';
    position: absolute;
    border: solid var(--primary-color);
    border-width: 0 2px 2px 0;
    padding: 3px;
    left: 20px;
    top: 9px;
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg)
}

.products-container {
    max-width: 1350px
}

@media screen and (min-width:1600px) {
    .products-container {
        transform: translateX(-100px);
        margin-left: auto
    }
}

.products-container>.component-content>.content.paragraphSystem {
    display: flex;
    flex-direction: column
}

@media (min-width:992px) {
    .products-container>.component-content>.content.paragraphSystem {
        flex-direction: row
    }
}

.products-container.is-small {
    transform: none;
    max-width: 1140px;
    margin: auto
}

.reference-custom-subfilter {
    outline: 0;
    width: auto
}

@media (min-width:992px) {
    .reference-custom-subfilter {
        padding-top: 50px
    }
}

.reference-custom-subfilter.is-hidden {
    display: hidden
}

@media screen and (min-width:1600px) {
    .reference-custom-subfilter.is-hidden {
        visibility: visible;
        display: block
    }
}

.reference-custom-subfilter.is-closed .toggleSubfilter {
    background-color: transparent
}

.reference-custom-subfilter.is-closed .subfilter__filtersPicker {
    height: 40px;
    width: 185px;
    overflow: hidden;
    border-bottom-right-radius: 15px
}

.reference-custom-subfilter.is-closed .toggleSubfilter .toggleSubfilter__button .text {
    margin-left: 10px;
    height: 40px;
    line-height: 40px
}

.reference-custom-subfilter.is-closed .subfilter__productsNum {
    top: -30px;
    opacity: 0;
    transition: opacity .05s ease-out;
    z-index: -1
}

.articles-grid {
    flex: 1
}

.all-products {
    order: 5;
    display: none
}

.page-search-results .richText.first.odd.container {
    margin-top: 100px;
    font-size: 3.5rem
}

.box-grey {
    background: #f5f5f5;
    border-top-left-radius: 0
}

@media only screen and (max-width:991px) {
    .Content .cf-search-box .button {
        height: 40px;
        width: 50px
    }
}

.Content .cf-search-box .button:focus,
.Content .cf-search-box .button:hover {
    cursor: pointer
}

.search-highlight {
    color: var(--primary-color)
}

.cf-search-box {
    display: flex;
    padding-left: 26px
}

.searchBox-label {
    width: 90%
}

.searchBox-label .easy-autocomplete {
    width: 100% !important
}

.Content .search-query {
    padding: 27px 0 !important;
    height: 80px !important;
    width: 100% !important;
    font-size: 1.125rem;
    font-weight: 700 !important;
    color: #323131 !important
}

@media only screen and (max-width:991px) {
    .Content .search-query {
        padding: 0 16px !important;
        height: 58px !important
    }
}

.easy-autocomplete-container {
    width: 109% !important;
    left: -18px !important
}

.easy-autocomplete-container ul {
    background-color: #fff !important;
    border-bottom-right-radius: 40px !important;
    box-shadow: 0 0 25px 9px rgba(0, 0, 0, .1)
}

.easy-autocomplete-container ul li {
    position: relative !important;
    padding: 12px 30px !important;
    font-size: 18px !important;
    color: var(--secondary-color) !important;
    font-weight: 600 !important;
    border: none !important
}

.easy-autocomplete-container ul li::before {
    content: '';
    display: block;
    position: absolute;
    height: 1px;
    top: 0;
    right: 0;
    left: 0;
    border-bottom: 1px solid rgba(0, 0, 0, .15);
    width: calc(100% - 60px);
    margin: auto
}

.easy-autocomplete-container ul li:last-child {
    border-bottom-right-radius: 40px !important
}

.easy-autocomplete-container ul li:first-child::before {
    display: none
}

.easy-autocomplete-container ul li:hover {
    color: #fff !important;
    background: radial-gradient(at bottom left, #e64510, var(--primary-color)) !important
}

.Content .easy-autocomplete-container {
    left: 0 !important;
    width: 105% !important
}

@media only screen and (max-width:991px) {
    .Content .easy-autocomplete-container {
        width: calc(100% + 30px) !important;
        left: 0 !important;
        top: 62px !important
    }
}

.recommended-pages-title {
    margin-top: 10px;
    color: var(--secondary-color);
    font-size: 1.125rem;
    font-weight: 600
}

.recommended-pages-desc {
    margin-top: 10px;
    color: #323131;
    font-weight: 600;
    font-size: .9375rem
}

.searchResults {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    background-color: #f5f5f5;
    width: 100vw;
    max-width: 100%;
    padding: 104px 1rem 0 1rem;
    color: var(--secondary-color);
    font-weight: 600;
    font-size: .9375rem
}

@media only screen and (max-width:991px) {
    .searchResults {
        flex-direction: column;
        padding-top: 74px
    }
}

.searchResults .component-content {
    width: 100%
}

.searchResults-pagination {
    margin: 50px auto
}

.searchResults-pagination-list {
    text-align: center
}

.searchResults-pagination-item {
    display: inline-block;
    color: var(--secondary-color);
    font-size: 1.125rem;
    padding: 0 10px;
    font-weight: 600
}

.searchResults-pagination-item:hover {
    color: var(--primary-color)
}

.searchResults-pagination .is-active {
    color: var(--secondary-color-dark);
    font-weight: 700
}

.searchResults-number {
    font-size: 1.375rem;
    color: var(--secondary-color);
    font-weight: 600;
    margin-bottom: 60px
}

@media only screen and (max-width:991px) {
    .searchResults-number {
        margin-bottom: 28px
    }
}

.searchResults-title {
    position: relative;
    margin-bottom: 10px;
    width: 80%
}

@media only screen and (max-width:991px) {
    .searchResults-title {
        width: 100%
    }
}

.searchResults-title a {
    font-size: 2rem;
    color: var(--secondary-color-dark);
    font-weight: 600;
    font-style: italic
}

@media only screen and (max-width:991px) {
    .searchResults-title::after {
        content: '';
        position: absolute;
        border: solid #e37200;
        border-width: 0 2px 2px 0;
        padding: 5px;
        transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
        right: 16px;
        top: 50%;
        margin-top: -6px
    }
}

.searchResults-result {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 30px;
    padding-bottom: 23px;
    border-bottom: 1px solid rgba(0, 0, 0, .15)
}

.searchResults-image {
    order: 3;
    margin-top: -30px;
    margin-left: auto;
    max-height: 93px
}

@media only screen and (max-width:991px) {
    .searchResults-image {
        display: none
    }
}

.searchResults-description {
    width: 80%;
    font-size: 1.125rem;
    color: #323131;
    font-weight: 500
}

@media only screen and (max-width:991px) {
    .searchResults-description {
        width: 100%
    }
}

.Content .searchBox {
    position: relative;
    height: 80px;
    width: 750px;
    background-color: #fff;
    border-bottom-right-radius: 40px;
    box-shadow: 0 0 25px 9px rgba(0, 0, 0, .1);
    margin-bottom: -40px;
    margin-top: 30px;
    z-index: 5
}

@media only screen and (max-width:991px) {
    .Content .searchBox {
        height: 60px;
        width: 90%;
        border-bottom-right-radius: 20px
    }
}

.Content .searchBox-label::after {
    top: initial !important;
    bottom: 0;
    content: '';
    position: absolute;
    height: 2px;
    left: 43px;
    right: 40px;
    background: var(--primary-color)
}

@media only screen and (max-width:991px) {
    .Content .searchBox-label::after {
        left: 0 !important;
        width: 95%
    }
}

.products-table .table-arrow {
    content: '';
    position: absolute;
    border: solid var(--secondary-color);
    border-width: 0 5px 5px 0;
    padding: 6px;
    left: calc(100% - 25px);
    margin-left: 5px;
    top: 25px;
    transform: rotate(-45deg)
}

@keyframes pulse {
    0% {
        opacity: 1
    }

    50% {
        opacity: .3
    }

    100% {
        opacity: 1
    }
}

.table-comparison table {
    border-collapse: collapse;
    border-spacing: 0;
    table-layout: fixed
}

.table-comparison table th {
    position: sticky;
    left: -5px
}

.table-comparison table tr {
    border-bottom: 1px solid var(--primary-color)
}

.table-comparison table tr:first-child {
    width: 140px;
    color: var(--secondary-color-dark)
}

@media (min-width:992px) {
    .table-comparison table tr:first-child {
        width: auto
    }
}

.table-comparison table tr:first-child td {
    font-size: 1.125rem
}

.table-comparison table tr:nth-of-type(2) td {
    padding-top: 10px
}

.table-comparison table tr td {
    padding-right: 15px;
    padding-top: 20px;
    vertical-align: top;
    font-size: .9375rem
}

.table-comparison table tr td ul {
    color: #323131;
    list-style: none
}

.table-comparison table tr td ul li::before {
    content: "\2022";
    position: absolute;
    color: var(--primary-color);
    font-weight: 700;
    display: inline-block;
    font-size: 30px;
    margin-left: -15px
}

.table-comparison table tr td:first-child .body-copy {
    display: block
}

.table-comparison table tr td a:focus .link-hoverable {
    color: var(--primary-color)
}

.table-comparison table th {
    color: var(--secondary-color-dark);
    font-size: 1.125rem;
    text-transform: uppercase;
    background-color: #fff
}

.table-comparison.no-tabs table tr {
    border-bottom: 1px solid var(--primary-color)
}

.table-comparison.no-tabs table tr:nth-of-type(2) ul {
    padding-left: 15px
}

.table-comparison.no-tabs table tr:nth-of-type(2) ul li::before {
    display: block
}

.table-comparison:not(.slider-table) table {
    width: 100%
}

.table-comparison.slider-table tr td:first-child {
    position: sticky;
    left: 0;
    background: #fff;
    z-index: 50
}

.table-comparison.slider-table tr td:first-child span {
    width: 100px
}

@media (min-width:992px) {
    .table-comparison.slider-table tr td:first-child span {
        width: auto;
        max-width: 200px
    }
}

.products-table {
    overflow-x: scroll;
    max-width: 100%
}

@media (min-width:992px) {
    .products-table {
        max-width: 1140px;
        overflow-x: hidden
    }
}

.products-table .table-arrow {
    animation: pulse 2.5s infinite;
    opacity: 1;
    right: auto
}

.products-table .table-arrow.is-hidden {
    opacity: 0
}

.products-table .table-comparison tr td:first-child {
    text-align: center;
    max-width: 220px;
    font-size: 1.125rem
}

.page-products {
    -webkit-overflow-scrolling: touch
}

.references.has-more-than-three .references-hide,
.references.has-more-than-three .references-show-all {
    display: none
}

.references.has-more-than-three .references-show-all {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) -10%, #fff 70%);
    display: block;
    margin-top: -65px;
    padding-top: 70px;
    position: relative
}

.references.has-more-than-three .references-show-all .arrow-down {
    display: inline-block
}

.references.has-more-than-three .references-show-all .arrow-down:focus,
.references.has-more-than-three .references-show-all .arrow-down:hover {
    color: var(--primary-color)
}

.references.has-more-than-three ul {
    height: 20px;
    padding-top: 16px
}

.references.has-more-than-three ul li {
    display: none
}

.references.has-more-than-three ul li:first-child {
    display: list-item
}

.references.has-more-than-three.show-all-references ul {
    height: auto
}

.references.has-more-than-three.show-all-references ul li {
    display: list-item
}

.references.has-more-than-three.show-all-references .references-show-all {
    display: none
}

.references.has-more-than-three.show-all-references .references-hide {
    display: inline-block
}

.references.has-more-than-three.show-all-references .references-hide .arrow-up:focus,
.references.has-more-than-three.show-all-references .references-hide .arrow-up:hover {
    color: var(--primary-color)
}

.sitemap {
    margin-top: 70px;
    width: 70%
}

.sitemap-column ul {
    list-style-type: none;
    padding-inline-start: 0;
    -webkit-padding-start: 0;
    margin-bottom: 10px
}

.sitemap-column ul ul ul {
    margin-left: 3%;
    display: list-item
}

.sitemap-column ul ul ul li::before {
    content: "•";
    font-size: 25px;
    bottom: -3px;
    position: relative
}

.sitemap-column li {
    padding-bottom: 5px
}

.sitemap-column li a {
    color: #323131;
    font-weight: 500;
    font-size: 1.125rem
}

.sitemap-column li a:focus,
.sitemap-column li a:hover {
    color: var(--primary-color);
    transition: .2s ease all
}

.sitemap-column li h3 {
    border-bottom: 4px solid #f5f5f5;
    margin-bottom: 15px;
    padding-bottom: 15px
}

.sitemap-column li h3 a {
    font-size: 1.375rem;
    font-weight: 600;
    color: var(--secondary-color)
}

@media (min-width:992px) {
    .sitemap-column li h3 a {
        font-size: 2rem
    }
}

.toggle-box__content {
    display: none
}

.toggle-box__content--visible {
    display: initial
}

.toggle-box__toggler {
    position: relative;
    width: auto
}

.toggle-box__toggler:after {
    right: -30px
}

.box--half-rounded-right {
    border-bottom-right-radius: 75px
}

@media (max-width:991px) {
    .box--half-rounded-right-md {
        border-bottom-right-radius: 50px
    }
}

.box--half-rounded-left {
    border-bottom-left-radius: 75px
}

.box--background-grey {
    background-color: #f5f5f5
}

.box--background-primary {
    background-color: var(--primary-color-light)
}

.box--background-half-primary {
    background: linear-gradient(360deg, #ef7800 50%, #fff 50%) no-repeat
}

.box--flex {
    display: flex
}

.box--center {
    justify-content: center;
    align-items: center
}

@media (max-width:991px) {
    .padding-0-mb {
        padding: 0 !important
    }
}

.padding-10-top {
    padding-top: 10px
}

.padding-10-bottom {
    padding-bottom: 10px
}

.padding-20-top {
    padding-top: 20px
}

.padding-20-bottom {
    padding-bottom: 20px
}

.padding-30-top {
    padding-top: 30px
}

.padding-30-bottom {
    padding-bottom: 30px
}

.padding-40-top {
    padding-top: 40px
}

.padding-40-bottom {
    padding-bottom: 40px
}

.padding-50-top {
    padding-top: 50px
}

@media (min-width:992px) {
    .padding-50-top-dt {
        padding-top: 50px
    }
}

.padding-50-bottom {
    padding-bottom: 50px
}

.padding-60-top {
    padding-top: 60px
}

.padding-60-bottom {
    padding-bottom: 60px
}

.padding-80-top {
    padding-top: 80px
}

.padding-80-bottom {
    padding-bottom: 80px
}

@media screen and (max-width:991px) {
    .padding-15-left-mb {
        padding-left: 15px !important
    }
}

.padding-15-right-mb {
    padding-right: 15px !important
}

@media (min-width:992px) {
    .padding-15-right-mb {
        padding-right: initial !important
    }
}

@media (min-width:992px) {
    .padding-15-left-dt {
        padding-left: 15px
    }
}

@media (min-width:992px) {
    .padding-15-right-dt {
        padding-right: 15px
    }
}

.padding-30-left-mb {
    padding-left: 30px !important
}

@media (min-width:992px) {
    .padding-30-left-mb {
        padding-left: initial !important
    }
}

.padding-30-right-mb {
    padding-right: 30px !important
}

@media (min-width:992px) {
    .padding-30-right-mb {
        padding-right: initial !important
    }
}

@media (min-width:992px) {
    .padding-30-left-dt {
        padding-left: 30px
    }
}

@media (min-width:992px) {
    .padding-30-right-dt {
        padding-right: 30px
    }
}

@media (min-width:992px) {
    .padding-10-top-dt {
        padding-top: 10px
    }
}

@media (min-width:992px) {
    .padding-20-top-dt {
        padding-top: 20px
    }
}

@media (min-width:992px) {
    .padding-25-top-dt {
        padding-top: 25px
    }
}

@media (min-width:992px) {
    .padding-30-top-dt {
        padding-top: 30px
    }
}

@media (min-width:992px) {
    .padding-40-top-dt {
        padding-top: 40px
    }
}

@media (min-width:992px) {
    .padding-42-top-dt {
        padding-top: 42px
    }
}

@media (min-width:992px) {
    .padding-50-top-dt {
        padding-top: 50px
    }
}

@media (min-width:992px) {
    .padding-56-top-dt {
        padding-top: 56px
    }
}

@media (min-width:992px) {
    .padding-60-top-dt {
        padding-top: 60px
    }
}

@media (min-width:992px) {
    .padding-80-top-dt {
        padding-top: 80px
    }
}

@media screen and (max-width:991px) {
    .padding-12-top-mb {
        padding-top: 12px
    }
}

@media screen and (max-width:991px) {
    .padding-16-top-mb {
        padding-top: 16px
    }
}

@media screen and (max-width:991px) {
    .padding-18-top-mb {
        padding-top: 18px
    }
}

@media screen and (max-width:991px) {
    .padding-20-top-mb {
        padding-top: 20px
    }
}

@media screen and (max-width:991px) {
    .padding-24-top-mb {
        padding-top: 24px
    }
}

@media screen and (max-width:991px) {
    .padding-40-top-mb {
        padding-top: 40px
    }
}

@media screen and (max-width:991px) {
    .padding-60-top-mb {
        padding-top: 60px
    }
}

.padding-top-md {
    padding-top: 30px
}

@media (min-width:992px) {
    .padding-top-md {
        padding-top: 75px
    }
}

@media (max-width:991px) {
    .padding-0-right-mb {
        padding-right: 0 !important
    }
}

@media (min-width:992px) {
    .padding-15-right-dt {
        padding-right: 15px
    }
}

@media (min-width:992px) {
    .padding-30-right-dt {
        padding-right: 30px
    }
}

@media screen and (max-width:991px) {
    .padding-16-right-dt {
        padding-right: 16px
    }
}

@media (max-width:767px) {
    .padding-10-right-sm {
        padding-right: 10px !important
    }
}

@media (max-width:767px) {
    .padding-5-right-sm {
        padding-right: 5px !important
    }
}

@media (min-width:992px) {
    .padding-10-bottom-dt {
        padding-bottom: 10px
    }
}

@media (min-width:992px) {
    .padding-17-bottom-dt {
        padding-bottom: 17px
    }
}

@media (min-width:992px) {
    .padding-20-bottom-dt {
        padding-bottom: 20px
    }
}

@media (min-width:992px) {
    .padding-25-bottom-dt {
        padding-bottom: 25px
    }
}

@media (min-width:992px) {
    .padding-30-bottom-dt {
        padding-bottom: 30px
    }
}

@media (min-width:992px) {
    .padding-40-bottom-dt {
        padding-bottom: 40px
    }
}

@media (min-width:992px) {
    .padding-50-bottom-dt {
        padding-bottom: 50px
    }
}

@media (min-width:992px) {
    .padding-60-bottom-dt {
        padding-bottom: 60px
    }
}

@media (min-width:992px) {
    .padding-74-bottom-dt {
        padding-bottom: 74px
    }
}

@media (min-width:992px) {
    .padding-80-bottom-dt {
        padding-bottom: 80px
    }
}

@media screen and (max-width:991px) {
    .padding-12-bottom-mb {
        padding-bottom: 12px
    }
}

@media screen and (max-width:991px) {
    .padding-16-bottom-mb {
        padding-bottom: 16px
    }
}

@media screen and (max-width:991px) {
    .padding-20-bottom-mb {
        padding-bottom: 20px
    }
}

@media screen and (max-width:991px) {
    .padding-24-bottom-mb {
        padding-bottom: 24px
    }
}

@media screen and (max-width:991px) {
    .padding-26-bottom-mb {
        padding-bottom: 26px
    }
}

@media screen and (max-width:991px) {
    .padding-36-bottom-mb {
        padding-bottom: 36px
    }
}

@media screen and (max-width:991px) {
    .padding-40-bottom-mb {
        padding-bottom: 40px
    }
}

@media screen and (max-width:991px) {
    .padding-50-bottom-mb {
        padding-bottom: 50px
    }
}

@media screen and (max-width:991px) {
    .padding-56-bottom-mb {
        padding-bottom: 56px
    }
}

.padding-bottom-md {
    padding-bottom: 30px
}

@media (min-width:992px) {
    .padding-bottom-md {
        padding-bottom: 75px
    }
}

@media (min-width:992px) {
    .padding-15-left-dt {
        padding-left: 15px
    }
}

@media (min-width:992px) {
    .padding-30-left-dt {
        padding-left: 30px
    }
}

@media screen and (max-width:991px) {
    .padding-30-left-mb {
        padding-left: 30px
    }
}

@media screen and (max-width:991px) {
    .padding-16-left-mb {
        padding-left: 16px
    }
}

@media screen and (max-width:767px) {
    .margin-100-top-xs {
        margin-top: 100px
    }
}

@media screen and (max-width:991px) {
    .margin-0-top-mb {
        margin-top: 0
    }
}

@media screen and (max-width:991px) {
    .margin-24-top-mb {
        margin-top: 24px
    }
}

@media screen and (max-width:991px) {
    .margin-40-top-mb {
        margin-top: 40px
    }
}

@media (min-width:992px) {
    .margin-16-top-dt {
        margin-top: 16px
    }
}

@media (min-width:992px) {
    .margin-20-top-dt {
        margin-top: 20px
    }
}

@media (min-width:992px) {
    .margin-30-top-dt {
        margin-top: 30px
    }
}

@media (min-width:992px) {
    .margin-40-top-dt {
        margin-top: 40px
    }
}

@media (min-width:992px) {
    .margin-60-top-dt {
        margin-top: 60px
    }
}

@media (min-width:992px) {
    .margin-80-top-dt {
        margin-top: 80px
    }
}

.margin-80-top {
    margin-top: 80px
}

@media screen and (max-width:991px) {
    .margin-16-bottom-mb {
        margin-bottom: 16px
    }
}

@media screen and (max-width:991px) {
    .margin-24-bottom-mb {
        margin-bottom: 24px
    }
}

@media screen and (max-width:991px) {
    .margin-42-bottom-mb {
        margin-bottom: 42px
    }
}

@media screen and (max-width:991px) {
    .margin-54-bottom-mb {
        margin-bottom: 54px
    }
}

@media screen and (max-width:991px) {
    .margin-60-bottom-mb {
        margin-bottom: 60px
    }
}

@media screen and (max-width:991px) {
    .margin-40-bottom-mb {
        margin-bottom: 40px
    }
}

@media screen and (max-width:991px) {
    .margin-78-bottom-mb {
        margin-bottom: 78px
    }
}

@media screen and (max-width:991px) {
    .margin-80-bottom-mb {
        margin-bottom: 80px
    }
}

@media (min-width:992px) {
    .margin-60-bottom-dt {
        margin-bottom: 60px
    }
}

@media (min-width:992px) {
    .margin-40-bottom-dt {
        margin-bottom: 40px
    }
}

@media (min-width:992px) {
    .margin-80-bottom-dt {
        margin-bottom: 80px
    }
}

@media (min-width:992px) {
    .margin-30-bottom-dt {
        margin-bottom: 30px
    }
}

.margin-left-16 {
    margin-left: 16px
}

@media (min-width:992px) {
    .margin-16-left-dt {
        margin-left: 16px !important
    }
}

.margin-0-left {
    margin-left: 0 !important
}

.margin-5-left {
    margin-left: 5px
}

@media (min-width:992px) {
    .margin-15-left-dt {
        margin-left: 15px !important
    }
}

@media (min-width:992px) {
    .margin-20-left-dt {
        margin-left: 20px !important
    }
}

@media (min-width:768px) {
    .margin-30-right-tb {
        margin-right: 30px
    }
}

.circumference-recommendation__selector {
    padding: 0 !important
}

.circumference-recommendation__selector .circumference-recommendation__current::after {
    content: '';
    position: absolute;
    border: solid var(--primary-color);
    border-width: 0 2px 2px 0;
    margin-top: 6px;
    margin-right: 30px;
    padding: 5px;
    right: 0;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transition: transform .25s ease-out
}

.circumference-recommendation__selector.circumference-recommendation__selector--expanded .circumference-recommendation__current::after {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transition: transform .25s ease-out
}

@media (min-width:992px) {
    .circumference-recommendation__selector {
        display: flex;
        width: fit-content;
        border: 1px solid var(--secondary-color);
        border-radius: 50px
    }
}

.circumference-recommendation__selector>li {
    padding: 12px 20px !important;
    color: #323131;
    transition: .1s all ease-out;
    cursor: pointer;
    border-left: 1px solid var(--secondary-color);
    border-right: 1px solid var(--secondary-color);
    border-top: 1px solid var(--secondary-color);
    margin-bottom: 0 !important
}

.circumference-recommendation__selector>li:last-child {
    border-bottom: 1px solid var(--secondary-color);
    border-bottom-right-radius: 50px
}

.circumference-recommendation__selector>li:focus,
.circumference-recommendation__selector>li:hover {
    color: #fff;
    background-color: var(--secondary-color)
}

.circumference-recommendation__selector>li:focus span,
.circumference-recommendation__selector>li:hover span {
    color: inherit
}

.circumference-recommendation__selector>li::before {
    display: none !important
}

@media (max-width:991px) {
    .circumference-recommendation__selector>li:not(.circumference-recommendation__current) {
        display: none
    }
}

@media (min-width:992px) {
    .circumference-recommendation__selector>li {
        border: 0;
        border-bottom-right-radius: 0
    }

    .circumference-recommendation__selector>li:not(:last-child) {
        border-right: 1px solid var(--secondary-color)
    }

    .circumference-recommendation__selector>li:last-child {
        border-bottom: 0;
        border-top-right-radius: 30px;
        border-bottom-right-radius: 30px
    }

    .circumference-recommendation__selector>li:nth-child(2) {
        border-top-left-radius: 30px;
        border-bottom-left-radius: 30px
    }
}

@media (max-width:991px) {
    .circumference-recommendation__selector--expanded>li {
        display: block !important
    }

    .circumference-recommendation__selector--expanded .circumference-recommendation__current {
        border-bottom-right-radius: 0
    }
}

.circumference-recommendation__current {
    border-bottom: 1px solid var(--secondary-color);
    border-bottom-right-radius: 30px
}

@media (min-width:992px) {
    .circumference-recommendation__current {
        display: none
    }
}

.circumference-recommendation__display {
    display: flex;
    flex-wrap: wrap;
    justify-content: center
}

@media (min-width:992px) {
    .circumference-recommendation__display {
        justify-content: flex-start
    }
}

.circumference-recommendation__display>li {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 21px 17px;
    color: #323131
}

.circumference-recommendation__display>li:not(:last-child) {
    margin-right: 10px
}

.circumference-recommendation__display>li::before {
    display: none !important
}

.circumference-recommendation__display span:not(:last-child) {
    margin-bottom: 10px
}

.circumference-recommendation__size {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 67px;
    height: 67px;
    border: 1px solid #323131;
    border-radius: 50%
}

.circumference-recommendation__size--active {
    background: linear-gradient(225deg, #e57200 0, #e64510 100%)
}

.circumference-recommendation__size--small {
    width: 34px;
    height: 34px;
    font-weight: 700
}

.circumference-recommendation__size--selected {
    background-color: var(--secondary-color);
    color: #fff !important
}

.circumference-recommendation__size--selected span {
    color: inherit
}

.circumference-recommendation__display__active {
    background-color: var(--secondary-color);
    color: #fff !important;
    border-bottom-right-radius: 30px
}

.circumference-recommendation__display__active span {
    color: inherit
}

.col-xs-offset-12 {
    margin-left: 100%
}

.col-xs-offset-11 {
    margin-left: 91.66666667%
}

.col-xs-offset-10 {
    margin-left: 83.33333333%
}

.col-xs-offset-9 {
    margin-left: 75%
}

.col-xs-offset-8 {
    margin-left: 66.66666667%
}

.col-xs-offset-7 {
    margin-left: 58.33333333%
}

.col-xs-offset-6 {
    margin-left: 50%
}

.col-xs-offset-5 {
    margin-left: 41.66666667%
}

.col-xs-offset-4 {
    margin-left: 33.33333333%
}

.col-xs-offset-3 {
    margin-left: 25%
}

.col-xs-offset-2 {
    margin-left: 16.66666667%
}

.col-xs-offset-1 {
    margin-left: 8.33333333%
}

.col-xs-offset-0 {
    margin-left: 0
}

@media (min-width:768px) {
    .col-sm-offset-12 {
        margin-left: 100%
    }

    .col-sm-offset-11 {
        margin-left: 91.66666667%
    }

    .col-sm-offset-10 {
        margin-left: 83.33333333%
    }

    .col-sm-offset-9 {
        margin-left: 75%
    }

    .col-sm-offset-8 {
        margin-left: 66.66666667%
    }

    .col-sm-offset-7 {
        margin-left: 58.33333333%
    }

    .col-sm-offset-6 {
        margin-left: 50%
    }

    .col-sm-offset-5 {
        margin-left: 41.66666667%
    }

    .col-sm-offset-4 {
        margin-left: 33.33333333%
    }

    .col-sm-offset-3 {
        margin-left: 25%
    }

    .col-sm-offset-2 {
        margin-left: 16.66666667%
    }

    .col-sm-offset-1 {
        margin-left: 8.33333333%
    }

    .col-sm-offset-0 {
        margin-left: 0
    }
}

@media (min-width:992px) {
    .col-md-offset-12 {
        margin-left: 100%
    }

    .col-md-offset-11 {
        margin-left: 91.66666667%
    }

    .col-md-offset-10 {
        margin-left: 83.33333333%
    }

    .col-md-offset-9 {
        margin-left: 75%
    }

    .col-md-offset-8 {
        margin-left: 66.66666667%
    }

    .col-md-offset-7 {
        margin-left: 58.33333333%
    }

    .col-md-offset-6 {
        margin-left: 50%
    }

    .col-md-offset-5 {
        margin-left: 41.66666667%
    }

    .col-md-offset-4 {
        margin-left: 33.33333333%
    }

    .col-md-offset-3 {
        margin-left: 25%
    }

    .col-md-offset-2 {
        margin-left: 16.66666667%
    }

    .col-md-offset-1 {
        margin-left: 8.33333333%
    }

    .col-md-offset-0 {
        margin-left: 0
    }
}

@media (min-width:1200px) {
    .col-lg-offset-12 {
        margin-left: 100%
    }

    .col-lg-offset-11 {
        margin-left: 91.66666667%
    }

    .col-lg-offset-10 {
        margin-left: 83.33333333%
    }

    .col-lg-offset-9 {
        margin-left: 75%
    }

    .col-lg-offset-8 {
        margin-left: 66.66666667%
    }

    .col-lg-offset-7 {
        margin-left: 58.33333333%
    }

    .col-lg-offset-6 {
        margin-left: 50%
    }

    .col-lg-offset-5 {
        margin-left: 41.66666667%
    }

    .col-lg-offset-4 {
        margin-left: 33.33333333%
    }

    .col-lg-offset-3 {
        margin-left: 25%
    }

    .col-lg-offset-2 {
        margin-left: 16.66666667%
    }

    .col-lg-offset-1 {
        margin-left: 8.33333333%
    }

    .col-lg-offset-0 {
        margin-left: 0
    }
}

@media (min-width:992px) {
    :lang(de-DE) .treatments-picker .content-desc {
        top: 0 !important
    }
}

:lang(es-ES) .carousel-full-width .slick-dots button {
    background-color: var(--primary-color)
}

:lang(es-ES) .carousel-full-width .slick-dots li.slick-active button {
    background-color: var(--primary-color)
}

@media (min-width:992px) {
    :lang(es-ES) .banner-text-width {
        width: 60%
    }

    :lang(es-ES) .banner-text-width .banner-text {
        width: 62%
    }
}

:lang(es-ES) .shareThis-list {
    top: 10px !important
}

:lang(es-ES) .bg-color-half-blue-white.container-full-width {
    padding-right: 0
}

@media (min-width:992px) {
    :lang(es-ES) .anchor-links-content {
        padding: 25px
    }
}

:lang(es-ES) .product-teaser-content {
    height: 100%;
    display: flex;
    flex-direction: column
}

:lang(es-ES) .product-teaser-content .product-button {
    margin-top: auto
}

@media (min-width:992px) {

    :lang(es-ES) .carousel-full-width .slick-next,
    :lang(es-ES) .carousel-full-width .slick-prev {
        bottom: 5px
    }

    :lang(es-ES) .carousel-full-width .slick-dots {
        padding-bottom: 23px
    }
}

@media (max-width:767px) {
    :lang(es-ES) .promotional-banner-content picture {
        position: absolute;
        top: -200px
    }
}

:lang(fr-BE) .category-pickers-wrapper {
    display: none
}

:lang(fr-BE) .table-comparison table tr:first-child td {
    font-size: 1rem
}

@media (min-width:992px) and (max-width:1199px) {
    :lang(fr-BE) .hide-on-tb {
        display: none
    }

    :lang(fr-BE) .show-on-tb {
        display: block
    }
}

:lang(be-BE) .category-pickers-wrapper {
    display: none
}

@media (min-width:992px) {
    :lang(be-BE) .hero-banner-simple figcaption {
        padding-left: 16px
    }
}

@media (min-width:992px) {
    :lang(en-IN) .enhanced-hero-banner figure figcaption {
        width: calc(1140px / 12 * 8)
    }
}

:lang(en-IN) #footer .background-wordmark-blue {
    --secondary-color: #117105
}

:lang(en-IN) .moving-background {
    background-image: url("/content/dam/cf-consumer-healthcare/voltaren-delta/en_IN/mobile/treatment_by_pain_type/banners/animated-background-Iodex-mobile.png") !important
}

@media (min-width:992px) {
    :lang(en-IN) .moving-background {
        background-image: url("/content/dam/cf-consumer-healthcare/voltaren-delta/en_IN/desktop/treatment_by_pain_type/banners/animated-background-Iodex-desktop.svg") !important
    }
}

@media (min-width:1200px) {

    :lang(es-CO) .page-acute-pain .hero-banner-simple h1,
    :lang(es-CO) .page-chronic-pain .hero-banner-simple h1 {
        width: 65%
    }
}

@media (min-width:992px) {

    :lang(es-CO) .main-nav .navigation-level1 .navigation-item.main-link-active,
    :lang(es-CO) .main-nav .navigation-level1 .navigation-item:hover {
        z-index: 105
    }
}

@media (min-width:992px) {
    :lang(es-CO) .utility-menu {
        padding-bottom: 11px;
        padding-top: 7px
    }
}

@media (max-width:767px) {
    :lang(es-CO) .banner-with-image .promotional-banner {
        max-width: 320px;
        max-height: 589px
    }
}

@media (min-width:992px) {
    html:lang(pt-PT) .category-pickers-wrapper .selection-group-type {
        flex-basis: 42%
    }

    html:lang(pt-PT) .category-pickers-wrapper .selection-group-type .pain-category {
        flex: 1
    }
}

@media (max-width:991px) {
    html:lang(pt-PT) .container-sharethis .active {
        height: auto
    }
}

html:lang(pt-PT) .container-sharethis .active {
    height: auto
}

@media (min-width:992px) {
    html:lang(pt-PT) .enhanced-hero-banner figure figcaption {
        top: auto;
        transform: none
    }
}

.container-continuous-counter {
    counter-reset: mycounter
}

.container-continuous-counter ol li:before {
    content: counter(mycounter) ". ";
    counter-increment: mycounter
}

.container-box-lg {
    min-height: 280px
}

@media (min-width:992px) {
    .container-box-lg {
        min-height: 600px
    }
}

.container-box-md {
    min-height: 190px
}

@media (min-width:992px) {
    .container-box-md {
        min-height: 490px
    }
}

.container-box-sm {
    min-height: 190px
}

@media (min-width:992px) {
    .container-box-sm {
        min-height: 400px
    }
}

.font-secondary {
    color: #fff
}

.flex>.component-content>.paragraphSystem {
    display: flex
}

.flex-wrap>.component-content>.paragraphSystem {
    flex-wrap: wrap
}

@media (min-width:992px) {
    .flex-dt>.component-content>.paragraphSystem {
        display: flex
    }
}

.flex--column>.component-content>.paragraphSystem {
    flex-direction: column
}

.flex--row>.component-content>.paragraphSystem {
    flex-direction: row
}

.flex--center>.component-content>.paragraphSystem {
    align-items: center;
    justify-content: center
}

@media (min-width:992px) {
    .lg-flex-row>.component-content>.paragraphSystem {
        flex-direction: row
    }
}

.absolute {
    position: absolute
}

@media (min-width:992px) {
    .lg-absolute {
        position: absolute
    }
}

.text-center {
    text-align: center
}

.text-left {
    text-align: left
}

.no-overflow {
    overflow: hidden
}

.font-lg {
    font-size: 1.15625rem
}

@media (min-width:992px) {
    .font-size-20-lg {
        font-size: 1.25rem
    }
}

@media (min-width:992px) {
    .font-size-18-lg {
        font-size: 1.125rem
    }
}

@media (min-width:992px) {
    .font-size-16-lg {
        font-size: 1rem
    }
}

@media (min-width:992px) {
    .font-size-14-lg {
        font-size: .875rem
    }
}

@media (min-width:992px) {
    .font-size-12-lg {
        font-size: .75rem
    }
}

.text-shadow-white {
    text-shadow: 0 0 30px #fff
}

.text-shadow-black {
    text-shadow: 0 0 30px #000
}

.text-shadow-grey {
    text-shadow: 0 0 30px grey
}

.text-subdued {
    font-size: .75rem
}

@media (min-width:992px) {
    .text-subdued {
        font-size: .875rem
    }
}

.justify-content-right {
    justify-content: flex-end
}

.word-wrap-break {
    word-wrap: break;
    overflow-wrap: break-word
}

.display-block {
    display: block
}

.push-forward {
    z-index: 10
}

.bullet-square>li>.body-copy::before {
    content: "\25AA"
}

.template-voltanatura-delta-template .h1-styles,
.template-voltanatura-delta-template-2 .h1-styles {
    --primary-color: #006b1e !important
}

.template-voltanatura-delta-template .h2-styles,
.template-voltanatura-delta-template-2 .h2-styles {
    color: #006b1e
}

.template-voltanatura-delta-template .bg-color-half-orange-white>.component-content,
.template-voltanatura-delta-template-2 .bg-color-half-orange-white>.component-content {
    background-image: url("https://i-cf65.ch-static.com/content/dam/cf-consumer-healthcare/voltaren-delta/master/desktop/voltanatura/DT%20orange%20background%201370x628.png");
    background-size: cover;
    background-repeat: no-repeat;
    border-bottom: 10px solid #006b1e
}

.template-voltanatura-delta-template .box-grey,
.template-voltanatura-delta-template-2 .box-grey {
    padding-top: 100px;
    margin-top: -100px;
    background: url("https://i-cf65.ch-static.com/content/dam/cf-consumer-healthcare/voltaren-delta/master/desktop/voltanatura/SP%20sand%20background%20320x1914%20(related%20articles).png");
    background-size: 100% 100%;
    background-repeat: no-repeat
}

@media (min-width:768px) {

    .template-voltanatura-delta-template .box-grey,
    .template-voltanatura-delta-template-2 .box-grey {
        padding-top: 200px;
        background-image: url("https://i-cf65.ch-static.com/content/dam/cf-consumer-healthcare/voltaren-delta/master/desktop/voltanatura/TB%20sand%20background%20991x1341%20(related%20articles).png")
    }
}

@media (min-width:992px) {

    .template-voltanatura-delta-template .box-grey,
    .template-voltanatura-delta-template-2 .box-grey {
        background-image: url("https://i-cf65.ch-static.com/content/dam/cf-consumer-healthcare/voltaren-delta/master/desktop/voltanatura/DT%20sand%20background%201600x1101%20(related%20articles).png")
    }
}

.template-voltanatura-delta-template .box-grey::before,
.template-voltanatura-delta-template-2 .box-grey::before {
    display: none
}

.template-voltanatura-delta-template .box-grey-bordered,
.template-voltanatura-delta-template-2 .box-grey-bordered {
    border-bottom: 10px solid #006b1e
}

.template-voltanatura-delta-template .grey-background,
.template-voltanatura-delta-template-2 .grey-background {
    background: 0 0 !important
}

@media (min-width:992px) {

    .template-voltanatura-delta-template .grey-background,
    .template-voltanatura-delta-template-2 .grey-background {
        padding-left: 20%
    }
}

.template-voltanatura-delta-template .grey-background>.component-content,
.template-voltanatura-delta-template-2 .grey-background>.component-content {
    position: relative;
    padding-top: 100px;
    margin-top: -100px;
    background-image: url("https://i-cf65.ch-static.com/content/dam/cf-consumer-healthcare/voltaren-delta/master/desktop/voltanatura/SP%20sand%20background%20320x1914%20(related%20articles).png") !important;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

@media (min-width:768px) {

    .template-voltanatura-delta-template .grey-background>.component-content,
    .template-voltanatura-delta-template-2 .grey-background>.component-content {
        padding-top: 200px;
        background-image: url("https://i-cf65.ch-static.com/content/dam/cf-consumer-healthcare/voltaren-delta/master/desktop/voltanatura/TB%20sand%20background%20991x1000%20(How%20to%20use%20VN%20Gel).png") !important
    }
}

@media (min-width:992px) {

    .template-voltanatura-delta-template .grey-background>.component-content,
    .template-voltanatura-delta-template-2 .grey-background>.component-content {
        padding-left: 50px;
        background-image: url("https://i-cf65.ch-static.com/content/dam/cf-consumer-healthcare/voltaren-delta/master/desktop/voltanatura/DT%20sand%20background%201484x979%20(How%20to%20use%20VN%20Gel).png") !important
    }
}

.template-voltanatura-delta-template .grey-background::before,
.template-voltanatura-delta-template-2 .grey-background::before {
    display: none
}

.template-voltanatura-delta-template .grey-background .image,
.template-voltanatura-delta-template-2 .grey-background .image {
    float: none
}

@media (min-width:992px) {

    .template-voltanatura-delta-template .grey-background .image,
    .template-voltanatura-delta-template-2 .grey-background .image {
        position: absolute;
        right: 0;
        bottom: 0
    }
}

.template-voltanatura-delta-template .accordion-slide,
.template-voltanatura-delta-template-2 .accordion-slide {
    background-image: url("https://i-cf65.ch-static.com/content/dam/cf-consumer-healthcare/voltaren-delta/master/desktop/voltanatura/DT%20green%20background%20closed.png") !important;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url("https://i-cf65.ch-static.com/content/dam/cf-consumer-healthcare/voltaren-delta/master/desktop/voltanatura/SP%20green%20background%20open.png") !important
}

@media (min-width:992px) {

    .template-voltanatura-delta-template .accordion-slide,
    .template-voltanatura-delta-template-2 .accordion-slide {
        background-image: url("https://i-cf65.ch-static.com/content/dam/cf-consumer-healthcare/voltaren-delta/master/desktop/voltanatura/DT%20green%20background%20closed.png") !important
    }
}

@media (min-width:992px) {

    .template-voltanatura-delta-template .accordion-slide.is-active,
    .template-voltanatura-delta-template-2 .accordion-slide.is-active {
        background-image: url("https://i-cf65.ch-static.com/content/dam/cf-consumer-healthcare/voltaren-delta/master/desktop/voltanatura/SP%20green%20background%20open.png") !important
    }
}

.template-voltanatura-delta-template .accordion-slide.is-active .accordion-head::after,
.template-voltanatura-delta-template-2 .accordion-slide.is-active .accordion-head::after {
    color: var(--primary-color) !important
}

.template-voltanatura-delta-template .accordion-title-text,
.template-voltanatura-delta-template-2 .accordion-title-text {
    color: #fff
}

.template-voltanatura-delta-template .accordion-content-wrapper,
.template-voltanatura-delta-template-2 .accordion-content-wrapper {
    padding-left: 0;
    background: 0 0
}

.template-voltanatura-delta-template .accordion-content-wrapper .body-copy,
.template-voltanatura-delta-template-2 .accordion-content-wrapper .body-copy {
    color: #fff
}

.template-voltanatura-delta-template .custom-tabs>.component-content,
.template-voltanatura-delta-template-2 .custom-tabs>.component-content {
    min-height: 550px
}

@media all and (min-width:992px) {
    .template-voltaren-bootstrap-template-en-ZA .pain_hero_banner h1 {
        line-height: 74px
    }
}

:lang(en) .master-styles .pain_hero_banner h1 {
    line-height: 1
}

.pain_hero_banner {
    margin-bottom: 0
}

@media (min-width:992px) {
    .pain_hero_banner {
        margin-bottom: 65px
    }
}

.pain_hero_banner .pain_hero_image {
    margin: 0 -15px
}

@media (min-width:992px) {
    .pain_hero_banner .pain_hero_image {
        display: none
    }
}

.pain_hero_banner>.component-content {
    margin-bottom: 0
}

@media (max-width:991px) {
    .pain_hero_banner>.component-content {
        background: 0 0 !important
    }
}

@media (min-width:992px) {
    .pain_hero_banner>.component-content {
        background-position: 50% 0;
        background-repeat: no-repeat;
        height: 500px
    }
}

.pain_hero_banner h3 {
    color: #f05322;
    padding-top: 20px;
    margin-bottom: 30px
}

@media (min-width:768px) {
    .pain_hero_banner h3 {
        padding-top: 20px;
        margin-bottom: 20px
    }
}

@media (min-width:992px) {
    .pain_hero_banner h3 {
        padding-top: 70px;
        margin-bottom: 20px
    }
}

.pain_hero_banner h1 {
    color: #f05322;
    padding-top: 20px;
    margin-bottom: 30px;
    font-size: 50px;
    line-height: 1;
    font-weight: 600
}

@media (max-width:374px) {
    .pain_hero_banner h1 {
        font-size: 47px
    }
}

@media (min-width:768px) {
    .pain_hero_banner h1 {
        padding-top: 20px;
        margin-bottom: 20px;
        font-size: 70px
    }
}

@media (min-width:992px) {
    .pain_hero_banner h1 {
        padding-top: 70px;
        margin-bottom: 20px;
        font-size: 70px;
        line-height: .9;
        letter-spacing: -1px
    }
}

.pain_hero_banner .blue_button {
    margin-top: 10px
}

@media (min-width:768px) {
    .pain_hero_banner .blue_button {
        margin-top: 20px
    }
}

@media (min-width:992px) {
    .pain_hero_banner .blue_button {
        margin-top: 50px
    }
}

@media (min-width:992px) {
    .pain_hero_banner .image {
        display: none !important
    }
}

:lang(sv) .pain_hero_banner h1 {
    font-size: 30px
}

@media (max-width:374px) {
    :lang(sv) .pain_hero_banner h1 {
        font-size: 27px
    }
}

@media (min-width:768px) {
    :lang(sv) .pain_hero_banner h1 {
        font-size: 50px
    }
}

@media (min-width:992px) {
    :lang(sv) .pain_hero_banner h1 {
        font-size: 50px
    }
}

:lang(vi) .pain_hero_banner h1 {
    font-size: 36px;
    line-height: 1.2
}

@media (min-width:768px) {
    :lang(vi) .pain_hero_banner h1 {
        font-size: 57px
    }
}

@media (min-width:992px) {
    :lang(vi) .pain_hero_banner h1 {
        font-size: 55px
    }
}

:lang(bg) .pain_hero_banner h1 {
    font-size: 49px
}

@media (min-width:992px) {
    :lang(bg) .page-bolki-lechenie .pain_hero_banner h1 {
        padding-top: 25px;
        line-height: 1.2
    }
}

@media (max-width:767px) {
    :lang(bg) .pain_hero_banner h1 {
        font-size: 40px
    }
}

:lang(en) .uk_styles .pain_hero_banner h1 {
    line-height: 1
}

@media (min-width:992px) {
    :lang(hu) .page-pain-treatments .pain_hero_banner .blue_button {
        margin-top: 15px
    }
}

@media (min-width:1200px) {
    :lang(hu) .page-pain-treatments .pain_hero_banner .blue_button {
        margin-top: 25px
    }
}

@media (min-width:992px) {
    :lang(hu) .page-pain-treatments .pain_hero_banner h1 {
        padding-top: 40px;
        line-height: 1;
        font-size: 45px
    }
}

@media (min-width:992px) {
    :lang(hu) .page-pain-treatments.page-foot-pain .pain_hero_banner h1 {
        font-size: 55px
    }
}

:lang(cz) .page-pain-treatments .pain_hero_banner h1 {
    font-size: 34px
}

@media (min-width:992px) {

    :lang(cz) .h1_title h1,
    :lang(cz) .pain_hero_banner h1 {
        font-size: 60px;
        line-height: 1.1
    }
}

@media (min-width:1200px) {

    :lang(cz) .h1_title h1,
    :lang(cz) .pain_hero_banner h1 {
        font-size: 65px
    }
}

@media (min-width:992px) and (max-width:1199px) {
    :lang(es) .mx_styles .pain_hero_banner>.component-content {
        background-position: 100% 0
    }
}

@media (min-width:992px) {
    :lang(in) .id-styles .pain_hero_banner h1 {
        font-size: 62px
    }
}

@media (min-width:992px) and (max-width:1200px) {
    :lang(in) .id-styles .pain_hero_banner h1 {
        font-size: 58px
    }

    :lang(in) .id-styles .pain_hero_banner .blue_button {
        margin-top: 0
    }
}

@media (max-width:767px) {
    :lang(jp) .pain_hero_banner h1 {
        font-size: 2rem
    }
}

@media (min-width:768px) and (max-width:992px) {
    :lang(jp) .pain_hero_banner h1 {
        font-size: 3.125rem
    }
}

@media (min-width:992px) {

    :lang(jp) .page-back-pain .pain_hero_banner h1,
    :lang(jp) .page-foot-pain .pain_hero_banner h1,
    :lang(jp) .page-hip-pain .pain_hero_banner h1,
    :lang(jp) .page-joint-pain .pain_hero_banner h1,
    :lang(jp) .page-knee-pain .pain_hero_banner h1,
    :lang(jp) .page-muscle-pain .pain_hero_banner h1,
    :lang(jp) .page-neck-pain .pain_hero_banner h1,
    :lang(jp) .page-shoulder-pain .pain_hero_banner h1,
    :lang(jp) .page-wrist-pain .pain_hero_banner h1 {
        font-size: 3.125rem
    }
}

:lang(jp) .pain_hero_banner {
    position: relative
}
.red-1{
    color: #D23F40;
}
.font-bold{
    font-weight: bold;
}
@media (min-width:768px) {
    :lang(jp) .pain_hero_banner {
        position: relative
    }
}

.inner_container_width {
    float: none;
    width: 100%;
    margin-bottom: 0
}

@media (min-width:1200px) {
    .inner_container_width {
        width: 1140px;
        margin: 0 auto
    }
}

.portfolioHeaderBanner .inner_container_width {
    padding-top: 35px
}

@media (max-width:991px) {
    .portfolioHeaderBanner .inner_container_width {
        top: 0;
        width: 100%;
        position: absolute;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }
}

@media (min-width:768px) {
    .portfolioHeaderBanner .inner_container_width {
        padding-top: 40px
    }
}

@media (min-width:992px) {
    .portfolioHeaderBanner .inner_container_width {
        padding-top: 50px
    }
}

.bottom_row .inner_container_width,
.bottom_row2 .inner_container_width {
    height: 100%;
    padding-top: 30px;
    box-sizing: border-box
}

@media (max-width:767px) {

    .bottom_row .inner_container_width,
    .bottom_row2 .inner_container_width {
        padding-top: 50px
    }
}

.bottom_row .inner_container_width>div,
.bottom_row2 .inner_container_width>div {
    height: 100%
}

.bottom_row .inner_container_width>div>div,
.bottom_row2 .inner_container_width>div>div {
    height: 100%;
    overflow: auto;
    position: relative
}

.find_treatment .inner_container_width {
    position: relative
}

.find_treatment .inner_container_width>.component-content {
    box-sizing: border-box;
    padding-top: 35px;
    padding-bottom: 45px;
    position: relative;
    z-index: 1;
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-position: 100% 0
}

@media (min-width:768px) {
    .find_treatment .inner_container_width>.component-content {
        height: 590px;
        padding-top: 40px;
        padding-bottom: 0
    }
}

@media (min-width:992px) {
    .find_treatment .inner_container_width>.component-content {
        height: auto;
        padding-top: 40px;
        padding-bottom: 10px;
        background: 0 0 !important
    }
}

.initiative_main_box .inner_container_width {
    height: 100%;
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

@media (min-width:992px) {
    .affect_wrap .inner_container_width {
        position: relative;
        padding-bottom: 80px
    }
}

@media (min-width:992px) {
    :lang(bg) .affect_wrap .inner_container_width {
        padding-bottom: 0
    }
}

@media (max-width:374px) {
    :lang(bg) .richText.f_menu ul li:nth-child(3):before {
        left: 15px
    }

    :lang(bg) .portfolioHeaderBanner .inner_container_width {
        padding-top: 20px
    }
}

@media (max-width:767px) {
    :lang(bg) .initiative_main_box .inner_container_width {
        position: relative;
        top: auto;
        left: auto;
        transform: none
    }
}

@media (min-width:768px) {
    :lang(bg) .initiative_main_box .inner_container_width {
        top: 610px
    }

    :lang(bg) .initiative_main_box .inner_container_width .blue_button {
        font-size: 16px
    }
}

@media (min-width:992px) {
    :lang(bg) .initiative_main_box .inner_container_width {
        top: 0
    }

    :lang(bg) .initiative_main_box .inner_container_width .blue_button {
        font-size: 11px
    }
}

:lang(bg) .inner_container_width .semibold {
    font-size: 25px
}

@media only screen and (min-width:992px) {

    .uk_GB.page-experts.page-back-and-neck .affect_wrap .inner_container_width.last,
    .uk_GB.page-experts.page-joint-and-osteoarthritic-pain .affect_wrap .inner_container_width.last,
    .uk_GB.page-experts.page-sprains-and-strains .affect_wrap .inner_container_width.last {
        padding-bottom: 0
    }
}

:lang(zh) .zh_CN.page-pain-treatments .inner_container_width .pain_reasons .richText-content h4 {
    padding-top: 2px
}

@media (min-width:992px) {
    :lang(es) .mx_styles .page-injuries .affect_wrap .inner_container_width {
        padding-bottom: 120px
    }

    :lang(es) .ar-styles .affect_wrap .inner_container_width {
        padding-bottom: 0
    }
}

@media (min-width:992px) and (max-width:1070px) {
    :lang(es) .ar-styles .affect_wrap .inner_container_width .richText.first.col-md-6 {
        min-height: 400px
    }
}

@media (min-width:1071px) {
    :lang(es) .ar-styles .affect_wrap .inner_container_width .richText.first.col-md-6 {
        min-height: 350px
    }
}

.gpi_it .carousel.index_carousel_small .inner_container_width {
    position: absolute;
    top: 20px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

@media (min-width:768px) {
    .gpi_it .carousel.index_carousel_small .inner_container_width {
        top: 41px
    }
}

@media (min-width:992px) {
    .gpi_it .carousel.index_carousel_small .inner_container_width {
        top: 30px
    }
}

@media (min-width:1200px) {
    .gpi_it .carousel.index_carousel_small .inner_container_width {
        top: 45px
    }
}

@media (min-width:1300px) {
    .gpi_it .carousel.index_carousel_small .inner_container_width {
        top: 55px
    }
}

:lang(in) .page-home .carousel.index_carousel .inner_container_width.button-alignment {
    top: auto;
    bottom: 25%
}

@media (min-width:992px) {
    :lang(in) .page-home .carousel.index_carousel .inner_container_width.button-alignment {
        bottom: 17%
    }
}

:lang(in) .page-home .carousel.index_carousel .inner_container_width.button-alignment>.component-content>.content {
    display: flex
}

:lang(in) .page-home .carousel.index_carousel .inner_container_width.button-alignment .richText {
    margin-left: 50%
}

@media (min-width:992px) {
    :lang(in) .page-home .carousel.index_carousel .inner_container_width.button-alignment .richText {
        margin-left: 46%
    }
}

@media (min-width:768px) {
    .gpi_it .carousel.index_carousel_small .inner_container_width {
        top: 41px
    }
}

.symptoms_wrapper .symptoms_block {
    margin-bottom: 0
}

@media (max-width:991px) {
    .symptoms_wrapper .symptoms_block {
        height: auto !important
    }

    .symptoms_wrapper .symptoms_block.boxBorder {
        border: none;
        padding-top: 0;
        padding-bottom: 0
    }

    .symptoms_wrapper .symptoms_block.boxBorder>.component-content {
        border: 1px solid #cfcfcf;
        border-left: none;
        border-right: none
    }

    .symptoms_wrapper .symptoms_block .richText {
        margin-bottom: 0
    }

    .symptoms_wrapper .symptoms_block p {
        margin: 15px 0
    }
}

@media (min-width:768px) and (max-width:991px) {
    .symptoms_wrapper .symptoms_block.boxBorder {
        border: none
    }

    .symptoms_wrapper .symptoms_block.boxBorder>.component-content {
        border: 1px solid #cfcfcf;
        border-left: none;
        border-right: none
    }

    .symptoms_wrapper .symptoms_block.boxBorder.noRightBorder>.component-content {
        border-bottom: none
    }
}

@media (min-width:992px) {
    .symptoms_wrapper .symptoms_block {
        padding-bottom: 75px
    }

    .symptoms_wrapper .symptoms_block.noRightBorder {
        border-right: none
    }

    .symptoms_wrapper .symptoms_block p {
        margin: 20px 0
    }
}

:lang(in) .id-styles.page-wrist-pain .symptoms_block p {
    padding-left: 2px
}

.symptoms_wrapper .symptoms_number {
    display: none;
    margin: 0
}

.symptoms_wrapper .symptoms_number p {
    margin: 0
}

@media (min-width:992px) {
    .symptoms_wrapper .symptoms_number {
        display: block;
        position: absolute;
        bottom: -4px;
        right: 15px;
        text-align: right;
        font-size: 100px;
        font-weight: 500;
        line-height: 100px
    }
}

@media (min-width:992px) {
    :lang(jp) .page-pain-treatments .symptoms_wrapper .symptoms_number {
        bottom: 1px
    }
}

.blue_button {
    display: inline-block;
    height: 26px;
    line-height: 26px;
    color: #fff;
    font-size: 12px;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: 600;
    background: #242f60;
    padding: 0 20px;
    border-radius: 50px/5px
}

.blue_button:hover {
    color: #fff;
    background: #e86215
}

.richText .blue_button {
    text-decoration: none
}

.blue_button.button_arrow {
    position: relative;
    padding-right: 37px
}

.blue_button.button_arrow:after {
    content: '';
    width: 12px;
    height: 9px;
    background: url(../../assets/img/button_arrow.png?auto=format) no-repeat 0 0;
    background-size: cover;
    position: absolute;
    right: 15px;
    top: 8px
}

@media (min-width:768px) {
    .blue_button {
        font-size: 22px;
        height: 50px;
        line-height: 50px;
        padding: 0 35px;
        border-radius: 100px/10px
    }

    .blue_button.button_arrow {
        padding-right: 71px
    }

    .blue_button.button_arrow:after {
        width: 18px;
        height: 14px;
        background: url(../../assets/img/button_arrow.png?auto=format) no-repeat 0 0;
        right: 30px;
        top: 18px
    }
}

@media (min-width:992px) {
    .blue_button {
        font-size: 16px;
        height: 40px;
        line-height: 40px;
        padding: 0 25px;
        border-radius: 50px/5px
    }

    .blue_button.button_arrow {
        padding-right: 48px
    }

    .blue_button.button_arrow:after {
        width: 18px;
        height: 14px;
        background: url(../../assets/img/button_arrow.png?auto=format) no-repeat 0 0;
        right: 20px;
        top: 12px
    }
}

.blue_button_curved,
.white_button_curved {
    border-radius: 20px;
    display: inline-block;
    font-size: 12px;
    height: 26px;
    line-height: 26px;
    padding: 3px 27px
}

@media (min-width:992px) {

    .blue_button_curved,
    .white_button_curved {
        border-radius: 20px;
        font-size: 16px;
        height: 40px;
        line-height: 40px;
        padding: 2px 41px
    }
}

.blue_button_curved {
    background: #242f60;
    color: #fff
}

.blue_button_curved:hover {
    background: #e86215;
    color: #fff
}

.white_button_curved {
    background: #fff;
    color: #242f60;
    padding: 3px 16px
}

@media (min-width:992px) {
    .white_button_curved {
        padding: 2px 24px
    }
}

.white_button_curved:hover {
    background: #242f60;
    color: #fff
}

.richText .blue_button_curved,
.richText .white_button_curved {
    text-decoration: none
}

.compareProductsTable table td .blue_button,
.compareProductsTable table th .blue_button {
    margin: 0 -10px 0 -20px !important;
    box-sizing: border-box;
    text-align: center;
    display: none
}

@media (max-width:767px) {
    div[data-mh=short_article] .textBlockStyle .blue_button {
        position: absolute;
        bottom: 0
    }
}

.master-styles.page-voltatec .swiper-container figcaption .blue_button_curved {
    margin-top: 5%
}

.initiative .blue_button {
    margin-top: 55px
}

@media (min-width:768px) {
    .initiative .blue_button {
        margin-top: 50px
    }
}

@media (min-width:992px) {
    .initiative .blue_button {
        margin-top: 50px
    }
}

.explore_our_range .blue_button {
    margin-top: 30px;
    margin-bottom: 35px
}

@media (min-width:768px) {
    .explore_our_range .blue_button {
        margin-top: 50px;
        margin-bottom: 25px
    }

    .affect_wrap .affect_tablet_button .blue_button {
        display: inline-block
    }
}

@media (min-width:992px) {
    .explore_our_range .blue_button {
        margin-top: 60px;
        margin-bottom: 0
    }

    .find_treatment .blue_button {
        margin-top: 60px;
        margin-bottom: 30px
    }

    .initiative_challenge .initiative_challenge_block .blue_button {
        margin-top: 0;
        position: absolute;
        bottom: 30px;
        opacity: 0
    }

    .initiative_challenge .initiative_challenge_block:hover .blue_button {
        opacity: 1
    }

    .affect_wrap .blue_button {
        display: inline-block
    }

    .affect_wrap .affect_tablet_button {
        display: none
    }

    .affect_wrap .affect_tablet_button .blue_button {
        display: none
    }

    .explore_our_range .blue_button {
        margin-top: 60px;
        margin-bottom: 0
    }

    :lang(sv) .initiative .blue_button {
        margin-top: 195px
    }
}

.affect_wrap .blue_button {
    display: none
}

.find_treatment .blue_button {
    margin-top: 40px
}

.compareProductsTable .is-active .blue_button {
    display: block;
    color: #fff
}

@media (min-width:768px) {
    .find_treatment .blue_button {
        margin-top: 50px
    }

    .initiative_challenge .blue_button {
        margin-top: 40px
    }

    :lang(sv) .initiative .blue_button {
        margin-top: 230px
    }
}

.initiative_challenge .initiative_challenge_block .blue_button {
    margin-top: 35px
}

:lang(sv) .initiative .blue_button {
    margin-top: 85px
}

@media (min-width:375px) {
    :lang(sv) .initiative .blue_button {
        margin-top: 95px
    }
}

@media (min-width:1200px) {
    :lang(sv) .initiative .blue_button {
        margin-top: 250px
    }
}

@media (min-width:1200px) {
    :lang(sv) .initiative .blue_button {
        margin-top: 250px
    }
}

:lang(vi) .blue_button {
    padding-left: 10px
}

:lang(vi) .blue_button.button_arrow {
    padding-right: 30px
}

:lang(vi) .blue_button.button_arrow:after {
    right: 10px
}

:lang(bg) .background_for_initiative .component-content .blue_button {
    margin-top: 30px !important
}

:lang(bg) .background_for_initiative .component-content .blue_button.blue_button_day_act {
    position: absolute;
    bottom: 70px;
    width: 122px;
    margin-left: 50%;
    transform: translateX(-50%);
    right: 0;
    left: 0
}

@media (min-width:768px) {
    :lang(bg) .background_for_initiative .component-content .blue_button.blue_button_day_act {
        left: 0;
        bottom: 33px;
        margin: 0 !important;
        transform: none
    }

    :lang(bg) .find_treatment_bg .blue_button {
        font-size: 12px;
        margin-top: 40px
    }

    :lang(bg) .carousel.index_carousel .blue_button {
        font-size: 12px
    }
}

@media (min-width:992px) {
    :lang(bg) .background_for_initiative .component-content .blue_button.blue_button_day_act {
        bottom: 130px;
        left: 55px;
        transform: none
    }

    :lang(bg) .blue_button {
        font-size: 11px
    }
}

@media (min-width:1200px) {
    :lang(bg) .background_for_initiative .component-content .blue_button.blue_button_day_act {
        bottom: 85px;
        left: 0
    }
}

@media (min-width:768px) and (max-width:991px) {
    :lang(bg) .page-home .initiative .blue_button {
        font-size: 12px;
        margin-top: 200px
    }

    :lang(bg) .carousel.index_carousel .blue_button {
        font-size: 12px
    }

    :lang(bg) .explore_our_range .blue_button {
        font-size: 12px
    }
}

:lang(bg) .compareProductsTable .is-active .blue_button {
    display: flex
}

:lang(bg) .compareProductsTable table td .blue_button,
:lang(bg) .compareProductsTable table th .blue_button {
    margin: 0 !important;
    min-width: 100%;
    height: 50px;
    line-height: 1;
    align-items: center;
    padding: 0 15px
}

:lang(bg) .compareProductsTable .blue_button.button_arrow {
    justify-content: center
}

:lang(bg) .compareProductsTable .blue_button.button_arrow:after {
    top: 18px
}

@media (min-width:568px) and (max-width:700px) {
    :lang(bg) .content .initiative:nth-child(2) .background_for_initiative.last .component-content .blue_button.blue_button_day_act {
        bottom: 40px;
        margin-left: 5%;
        transform: inherit
    }

    :lang(bg) .content .initiative:nth-child(3) .background_for_initiative.even .component-content .blue_button.blue_button_day_act {
        bottom: 40px;
        margin-left: 5%;
        transform: inherit
    }
}

@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape) {
    :lang(bg) .initiative.even .background_for_initiative .component-content .blue_button.blue_button_day_act {
        bottom: 55px
    }

    :lang(bg) .initiative.last .background_for_initiative .component-content .blue_button.blue_button_day_act {
        bottom: 55px
    }
}

:lang(en) .au_styles .blue_button.button_arrow:after {
    background: url("../../../../../../../content/dam/cf-consumer-healthcare/voltaren/en_NZ/imgix/button_arrow.png?auto=format") no-repeat 0 0
}

@media (min-width:768px) {
    :lang(en) .blue_button.button_arrow:after {
        background-size: 18px !important
    }

    :lang(hu) .initiative2 .blue_button {
        top: 0
    }

    :lang(cz) .initiative .blue_button {
        margin-top: 230px
    }
}

@media (max-width:767px) {
    .uk_GB.page-experts .blue_button.button_arrow {
        padding-left: 10px;
        padding-right: 30px
    }
}

@media (min-width:992px) and (min-width:768px) {
    .blue_button.button_arrow:after {
        background-size: 18px !important
    }
}

@media (min-width:991px) {

    .page-music-makes-you-move .blue_button,
    .page-tipsA .blue_button,
    .page-tipsB .blue_button,
    .page-tipsC .blue_button,
    .page-tipsD .blue_button,
    .page-why-take-2-to-move .blue_button {
        top: 100px !important
    }
}

@media (min-width:991px) {
    .page-Take2tomove .blue_button {
        top: 50px
    }
}

@media (max-width:767px) {
    :lang(hu) .page-home .initiative2 .blue_button {
        position: relative;
        top: 50px
    }
}

@media (max-width:767px) {
    :lang(hu) div[data-mh=short_article] .textBlockStyle .blue_button {
        font-size: 7px
    }
}

:lang(hu) .initiative2 .blue_button {
    position: relative
}

@media (min-width:768px) and (max-width:991px) {
    :lang(hu) .index_carousel .blue_button {
        font-size: 12px
    }
}

@media (min-width:375px) and (max-width:767px) {
    :lang(hu) div[data-mh=short_article] .textBlockStyle .blue_button {
        position: relative
    }
}

@media (max-width:374px) {
    :lang(hu) div[data-mh=short_article] .textBlockStyle .blue_button {
        position: relative
    }
}

:lang(cz) .blue_button.button_arrow:after {
    background: url("../../../../../../../content/dam/cf-consumer-healthcare/voltaren/cz_CZ/imgix/css_sprites.png?auto=format") no-repeat 15% 10.2%;
    background-size: 450% 5500%
}

:lang(cz) .initiative .blue_button {
    margin-top: 75px
}

@media (min-width:375px) {
    :lang(cz) .initiative .blue_button {
        margin-top: 95px
    }
}

@media (min-width:425px) {
    :lang(cz) .initiative .blue_button {
        margin-top: 140px
    }
}

@media (min-width:576px) {
    :lang(cz) .initiative .blue_button {
        margin-top: 230px
    }
}

@media (min-width:992px) {
    :lang(cz) .initiative .blue_button {
        margin-top: 0
    }

    :lang(cz) .compareProductsTable table td .blue_button,
    :lang(cz) .compareProductsTable table th .blue_button {
        padding-top: 4px;
        line-height: 15px;
        font-size: 12px
    }

    :lang(cz) .find_treatment .blue_button {
        margin-top: 10px
    }
}

@media (min-width:1200px) {
    :lang(cz) .initiative .blue_button {
        margin-top: 300px
    }
}

@media (max-width:767px) {
    :lang(cz) .blue_button.button_arrow:after {
        right: 8px !important
    }

    :lang(cz) div[data-mh=short_article] .textBlockStyle .blue_button {
        padding-right: 25px;
        padding-left: 10px
    }
}

@media (min-width:992px) and (min-width:1200px) {

    :lang(cz) .compareProductsTable table td .blue_button,
    :lang(cz) .compareProductsTable table th .blue_button {
        padding-top: 0;
        line-height: 40px
    }
}

@media (max-width:767px) {
    :lang(cz) .initiative .article_top_minus_padding .blue_button {
        padding-right: 25px
    }
}

@media (min-width:375px) {
    :lang(cz) .page-home .index_carousel .slides-item_1 .blue_button {
        margin-top: 65px
    }
}

@media (min-width:1200px) {
    :lang(cz) .page-home .index_carousel .slides-item_1 .blue_button {
        margin-top: 260px
    }
}

:lang(cz) .page-home .index_carousel .blue_button {
    display: inline-block
}

@media (max-width:767px) {
    :lang(cz) .page-voltactive .va-banner .va-banner-text p .blue_button {
        font-size: 9px
    }
}

@media (min-width:768px) and (max-width:991px) {
    :lang(cz) .blue_button.button_arrow:after {
        background-size: inherit !important
    }
}

@media (min-width:375px) {
    :lang(sk-SK) .page-home .index_carousel .slides-item_1 .blue_button {
        margin-top: 65px
    }
}

@media (min-width:1200px) {
    :lang(sk-SK) .page-home .index_carousel .slides-item_1 .blue_button {
        margin-top: 260px
    }
}

:lang(sk-SK) .page-home .index_carousel .blue_button {
    display: inline-block
}

@media (max-width:767px) {
    :lang(sk-SK) .page-voltactive .va-banner .va-banner-text p .blue_button {
        font-size: 9px
    }
}

:lang(es) .mx_styles .blue_button.button_arrow:after {
    background: url("../../../../../../../content/dam/cf-consumer-healthcare/voltaren/es_MX/imgix/css_sprites.png?auto=format") no-repeat 13% 10%;
    background-size: 410% 5000%
}

@media (min-width:992px) and (max-width:1199px) {
    :lang(es) .mx_styles .explore_our_range .blue_button {
        font-size: 14px
    }
}

.gpi_it .carousel.index_carousel_small .blue_button,
.gpi_it .carousel.index_carousel_small .carousel_text {
    display: none
}

@media (min-width:768px) {
    .gpi_it .carousel.index_carousel_small .blue_button {
        display: inline-block
    }
}

@media (min-width:992px) {
    .gpi_it .carousel.index_carousel_small .blue_button {
        margin-top: 20px
    }
}

@media (max-width:767px) {
    :lang(in) .id-styles .blue_button.button_arrow {
        padding-right: 27px
    }
}

@media (min-width:767px) and (max-width:992px) {
    :lang(in) .id-styles .carousel.index_carousel .blue_button {
        font-size: 20px
    }
}

@media (min-width:992px) {
    :lang(in) .table.compareProductsTable .blue_button.button_arrow {
        padding-right: 0
    }
}

@media (max-width:1024px) {

    :lang(jp) .page-emulgel .blue_button.button_arrow,
    :lang(jp) .page-lotion .blue_button.button_arrow {
        margin-top: 20px
    }
}

@media (min-width:992px) {
    :lang(jp) .page-products .compareProductsTable table td .blue_button {
        margin: 0 -10px 0 -15px !important
    }
}

:lang(es) .template-voltaren-bootstrap-template-AR .blue_button.button_arrow:after {
    background: url("../../../../../../../content/dam/cf-consumer-healthcare/voltaren/es_AR/imgix/css_sprites.png?auto=format") 13% 10%;
    background-size: 410% 5000%
}

@media (min-width:1200px) {
    :lang(cz) .initiative .blue_button {
        margin-top: 300px
    }
}

@media (min-width:768px) {
    .gpi_it .carousel.index_carousel_small .blue_button {
        display: inline-block
    }
}

@media (min-width:992px) {
    :lang(in) .table.compareProductsTable .blue_button.button_arrow {
        padding-right: 0
    }
}

.ov_mob_hidden .parametrizedhtml iframe {
    height: 100%
}

@media (max-width:768px) {
    .ov_mob_hidden {
        overflow-x: hidden
    }

    .image-left-mobile {
        display: flex;
        align-items: center;
        justify-content: flex-start;
    }
}

.symptoms_wrapper {
    margin-bottom: 10px
}

.symptoms_wrapper .component,
.symptoms_wrapper .component-content {
    margin-bottom: 0
}

.symptoms_wrapper h3 {
    margin-bottom: 25px
}

.symptoms_wrapper p {
    margin: 0
}

@media (min-width:768px) {
    .symptoms_wrapper {
        margin-bottom: 15px
    }

    .symptoms_wrapper h3+p {
        margin-bottom: 15px
    }
}

@media (min-width:992px) {
    .symptoms_wrapper {
        margin-bottom: 0
    }

    .symptoms_wrapper h3+p {
        margin-bottom: 30px
    }
}

@media (min-width:992px) {
    :lang(vi) .page-dau-lung .symptoms_wrapper {
        margin-bottom: 60px
    }
}

.article_top_minus_padding {
    margin-top: -20px
}

@media (min-width:992px) {
    :lang(es) .ar-styles.page-joint-pain .article_top_minus_padding.hidden-xs.hidden-sm {
        padding-bottom: 50px
    }
}

@media (min-width:992px) {
    :lang(jp) .border-dark-green .article_top_minus_padding p {
        margin-right: -15px
    }
}

:lang(jp) .page-lp01 .border-dark-green .article_top_minus_padding p,
:lang(jp) .page-lp02 .border-dark-green .article_top_minus_padding p {
    font-size: 1.375rem
}

:lang(jp) .page-lp01 .article_top_minus_padding.border-black p,
:lang(jp) .page-lp02 .article_top_minus_padding.border-black p {
    margin: 0
}

@media (max-width:768px) {
    .boxBorder>.component-content {
        border-top: 1px solid #cfcfcf;
        border-bottom: 1px solid #cfcfcf;
        padding-top: 10px;
        padding-bottom: 10px
    }
}

@media (min-width:768px) {
    .boxBorder {
        border: none;
        /* border-left: 1px solid #cfcfcf; */
        padding-bottom: 0;
        padding-left: 15px;
        padding-right: 15px;
        padding-top: 0
    }
}

@media (min-width:992px) {
    .boxBorder {
        border-right: 1px solid #cfcfcf
    }
}

@media (max-width:991px) {
    :lang(jp) .page-where-to-buy .boxBorder {
        border-left: none
    }
}

.pain_reasons>.component-content {
    border-top: 1px solid #cfcfcf;
    padding-top: 5px
}

.pain_reasons>.component-content .richText {
    margin-bottom: 0
}

.page-back-pain .pain_reasons>.component-content .richText {
    display: flex;
    gap: 30px;
}

@media (min-width:768px) {
    .pain_reasons>.component-content {
        padding-top: 0;
        border-top: none
    }
}

.pain_reasons h4 {
    font-size: 26px
}

@media (min-width:768px) {
    .pain_reasons h4 {
        font-size: 26px
    }
}

@media (min-width:992px) {
    .pain_reasons h4 {
        font-size: 30px;
        min-height: 60px;
        margin-bottom: 30px
    }
}

.pain_reasons .image {
    margin-top: 25px;
    margin-bottom: 25px
}

@media (max-width:992px) {
    .pain_reasons.pain_reasons_no_padding {
        margin-left: -15px;
        margin-right: -15px
    }
}

:lang(in) .id-styles.page-back-pain .affect_wrap p,
:lang(in) .id-styles.page-back-pain .pain_reasons p {
    padding-left: 2px
}

:lang(in) .id-styles.page-foot-pain .pain_reasons h4 {
    padding-left: 2px
}

:lang(jp) .page-pain-treatments .pain_reasons h4 {
    font-size: 1.375rem
}

@media (min-width:768px) {
    :lang(jp) .page-pain-treatments .pain_reasons h4 {
        font-size: 1.5rem
    }
}

@media (min-width:992px) {
    :lang(jp) .page-pain-treatments .pain_reasons h4 {
        font-size: 1.875rem;
        margin-bottom: initial;
        min-height: 30px
    }
}

@media (min-width:992px) and (max-width:1199px) {
    :lang(jp) .page-pain-treatments .pain_reasons h4 {
        font-size: 1.625rem
    }
}

#content>.row:first-child,
#footer>.row:first-child,
#header>.row:first-child {
    margin-left: 0;
    margin-right: 0
}

.container>.row:first-child {
    margin-left: 0;
    margin-right: 0
}

@media (min-width:768px) {
    :lang(en) .master-styles .pain_info_block .pain_info_inner>.component-content {
        background-position: 84% 84%
    }
}

.pain_info_block {
    background: url(../../assets/img/pain_info_bg.jpg?auto=format) 50% 100% no-repeat;
    padding: 20px 0;
    margin-top: -10px
}

@media (min-width:992px) {
    .pain_info_block {
        padding: 50px 0 20px
    }
}

@media (max-width:767px) {
    .pain_info_block .pain_info_inner>.component-content {
        background: 0 0 !important
    }
}

@media (min-width:768px) {
    .pain_info_block .pain_info_inner>.component-content {
        background-position: 84% 0;
        background-repeat: no-repeat
    }
}

.pain_info_block.pain_info_ankle {
    padding-bottom: 0
}

.pain_info_block.pain_info_ankle .pain_info_inner {
    margin-bottom: 0
}

@media (max-width:991px) {
    .pain_info_block.pain_info_ankle .pain_info_inner>.component-content {
        background: 0 0 !important
    }
}

@media (min-width:992px) {
    .pain_info_block.pain_info_ankle .pain_info_inner>.component-content {
        background-position: 100% 100%;
        padding-bottom: 20px;
        min-height: 326px
    }
}

.pain_info_block.pain_info_ankle .pain_info_inner .image {
    margin-bottom: 0
}

.pain_info_block.pain_info_ankle .pain_info_inner .image img {
    vertical-align: bottom
}

.pain_info_block h3 {
    margin-bottom: 35px
}

.pain_info_block .richText ul {
    margin: -10px 0 0;
    padding: 0
}

.pain_info_block .richText ul li {
    font-size: inherit
}

.pain_info_block .richText ul li:before {
    content: "";
    top: 6px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #e86215
}

.pain_info_block .shoulders_image {
    margin-top: 40px
}

.pain_info_block .stretch_shoulders .slick-track div[data-slick-index="3"] img {
    margin-top: 40%
}

@media (min-width:992px) and (max-width:1280px) {
    .pain_info_block .parametrizedhtml .interactiveInfographics-slider.slider1 {
        width: 68% !important;
        margin-left: 16% !important
    }

    .pain_info_block .parametrizedhtml .interactiveInfographics-slider.sync-slider .slick-track {
        left: -10px
    }

    .pain_info_block .parametrizedhtml .interactiveInfographics-slider.sync-slider .slick-track .interactiveInfographics-slide {
        width: 228px !important;
        margin-left: 6px;
        margin-right: 6px
    }

    .pain_info_block .parametrizedhtml .interactiveInfographics-slider.sync-slider .slick-track .interactiveInfographics-slide .interactiveInfographics-icon img {
        left: 40%
    }
}

@media (min-width:992px) and (max-width:1199px) {

    :lang(jp) .page-pain-treatments.page-back-pain .pain_info_block p,
    :lang(jp) .page-pain-treatments.page-shoulder-pain .pain_info_block p {
        font-size: .875rem
    }
}

:lang(en) .template-voltaren-bootstrap-template-en-ZA .pain_info_block sup a {
    color: #ef7f01
}

@media (min-width:768px) {
    :lang(en) .template-voltaren-bootstrap-template-en-ZA .pain_info_block sup a {
        font-size: 65%
    }
}

@media (min-width:992px) {
    :lang(hu) .page-hip-pain .pain_info_block h3 {
        line-height: 1.3
    }
}

@media (min-width:992px) {
    :lang(hu) .page-back-pain .pain_info_block h3 {
        font-size: 64px
    }
}

@media (min-width:992px) {
    :lang(hu) .page-pain-treatments.page-knee-pain .pain_info_block h3 {
        font-size: 60px
    }
}

@media (min-width:767px) and (max-width:1024px) {
    :lang(hu) .page-pain-treatments.page-knee-pain .pain_info_block h3 {
        font-size: 58px
    }
}

@media (max-width:991px) {
    :lang(hu) .page-hip-pain .pain_info_block .richText-content h3 {
        line-height: 1.2
    }
}

@media (min-width:992px) {
    :lang(cz) .pain_info_block h3 {
        padding-top: 5px
    }

    :lang(es) .mx_styles .pain_info_block h4 span.blue_color {
        font-size: 23px
    }
}

@media all and (min-width:992px) and (max-width:1280px) {
    :lang(es) .mx_styles.page-pain-treatments.page-neck-pain .pain_info_block .parametrizedhtml .interactiveInfographics-slider.sync-slider .slick-track .interactiveInfographics-slide {
        width: 240px !important
    }
}

@media all and (min-width:1024px) and (max-width:1336px) {
    :lang(es) .ar-styles.page-neck-pain .pain_info_block .parametrizedhtml .interactiveInfographics-slider.sync-slider .slick-track {
        left: -1.5%
    }
}

@media all and (min-width:992px) and (max-width:1280px) {
    :lang(es) .ar-styles.page-neck-pain .pain_info_block .parametrizedhtml .interactiveInfographics {
        background-size: 66%
    }

    :lang(es) .ar-styles.page-neck-pain .pain_info_block .parametrizedhtml .interactiveInfographics-slider.sync-slider .slick-track {
        left: 67px
    }

    :lang(es) .ar-styles.page-neck-pain .pain_info_block .parametrizedhtml .interactiveInfographics-slider.sync-slider .slick-track .interactiveInfographics-slide {
        width: 230px !important
    }
}

@media all and (min-width:992px) and (max-width:1060px) {
    :lang(es) .ar-styles.page-neck-pain .pain_info_block .parametrizedhtml .interactiveInfographics-slider.sync-slider .slick-track {
        left: -1.5%
    }

    :lang(es) .ar-styles.page-neck-pain .pain_info_block .parametrizedhtml .interactiveInfographics-slider.sync-slider .slick-track .interactiveInfographics-slide {
        width: 227px !important
    }
}

@media all and (min-width:1050px) and (max-width:1100px) {
    :lang(es) .ar-styles.page-neck-pain .pain_info_block .parametrizedhtml .interactiveInfographics-slider.sync-slider .slick-track {
        left: 14px
    }

    :lang(es) .ar-styles.page-neck-pain .pain_info_block .parametrizedhtml .interactiveInfographics-slider.sync-slider .slick-track .interactiveInfographics-slide {
        width: 227px !important
    }
}

:lang(in) .id-styles .pain_info_block .pain_info_inner>.component-content {
    background-position: 84% 84%
}

.article_text .article_footnote {
    word-break: break-word
}

@media (max-width:767px) and (min-width:320px) {
    :lang(en) .master-styles.page-pain-treatments .article_text {
        top: 0
    }
}

.article_text {
    font-size: 18px
}

.article_text h3 {
    font-weight: 500;
    font-size: 24px;
    line-height: normal;
    color: #f05322
}

@media (max-width:374px) {
    .article_text h3 {
        font-size: 22px
    }
}

@media (min-width:768px) {
    .article_text h3 {
        font-size: 37px
    }

    :lang(bg) .article_text h3 {
        line-height: 1.1
    }
}

@media (min-width:992px) {
    .article_text h3 .list_h3 {
        display: block;
        margin-bottom: 20px
    }
}

@media (min-width:992px) {
    .article_text p {
        margin: 25px 0
    }
}

.article_text.richText ul li {
    margin-bottom: 10px;
    margin-top: 10px
}

@media (min-width:992px) {
    .article_text.richText ul li {
        margin-bottom: 30px
    }
}

.article_text .article_footnote {
    font-size: 13px
}

.article_text_float {
    margin-top: -30px
}

@media (min-width:992px) {
    .article_text_float {
        margin-top: -40px
    }
}

@media (min-width:992px) {
    :lang(sv) .page-home .initiative_100 .article_text {
        margin-top: 13px
    }

    :lang(sv) .page-home .initiative_100 .article_text p {
        margin-top: 10px;
        margin-bottom: 10px;
        line-height: 1.3
    }

    :lang(jp) .page-understanding-pain .article_text h3 {
        font-size: 2.5rem
    }

    :lang(es) .ar-styles.page-exercise .article_text h3,
    :lang(es) .ar-styles.page-how-voltaren-works .article_text h3,
    :lang(es) .ar-styles.page-inflammation .article_text h3 {
        font-size: 33px
    }

    :lang(es) .template-voltaren-bootstrap-template-AR.page-inflammation .article_text h3 {
        font-size: 33px
    }

    :lang(es) .template-voltaren-bootstrap-template-AR.page-exercise .article_text h3 {
        font-size: 33px
    }

    :lang(es) .template-voltaren-bootstrap-template-AR.page-how-voltaren-works .article_text h3 {
        font-size: 33px
    }
}

@media (max-width:767px) {
    :lang(bg) .article_text .article_footnote {
        word-break: break-word
    }
}

@media (min-width:768px) {
    :lang(en) .uk_styles .article_text h3 {
        font-size: 36px
    }

    :lang(en) .uk_styles.page-understanding-pain .article_text h3 {
        font-size: 37px !important
    }

    :lang(zh) .zh_CN.page-experts .article_text h3 {
        font-size: 37px
    }
}

.uk_GB.page-experts .article_text h2 {
    letter-spacing: -1px;
    font-weight: 500;
    line-height: normal;
    color: #f05322
}

@media (max-width:767px) {
    .uk_GB.page-experts .article_text h2 {
        font-size: 22px
    }

    :lang(zh) .zh_CN.page-experts .article_text h3 {
        font-size: 22px
    }

    :lang(cz) .page-understanding-pain .article_text {
        word-wrap: break-word
    }

    :lang(es) .mx_styles .article_text.richText ul li {
        word-wrap: break-word
    }

    :lang(es) .mx_styles .article_text h3 {
        font-size: 21px
    }
}

@media (min-width:768px) {
    .uk_GB.page-experts .article_text h2 {
        font-size: 37px
    }
}

.page-Take2tomove .article_text .article_footnote {
    word-wrap: break-word
}

:lang(cz) .article_text h3 {
    margin-left: 3px
}

@media (min-width:320px) and (max-width:767px) {
    :lang(es) .mx_styles .page-pain-treatments .article_text {
        position: relative;
        top: 160px
    }
}

@media (max-width:767px) {
    :lang(es) .ar-styles.page-pain-treatments .article_text {
        top: 0
    }

    :lang(es) .ar-styles.page-painkiller-types .article_text h3 {
        font-size: 21px
    }
}

:lang(in) .id-styles .article_text p {
    margin: 25px 3px
}

@media (min-width:768px) and (max-width:992px) {
    :lang(jp) .page-understanding-pain .article_text h3 {
        font-size: 2.5rem
    }
}

:lang(jp) .page-movement-ease-back-pain .article_text h3 {
    margin-bottom: 0
}

:lang(jp) .page-movement-ease-back-pain .article_text h3 p {
    margin-top: 0
}

@media (min-width:768px) and (max-width:991px) {
    .hidden-sm {
        display: none !important
    }
}

@media (max-width:767px) {
    .hidden-xs {
        display: none !important
    }
}

:lang(jp) .page-products.page-emulgel .how_when .hidden-xs .accordion .accordion-content-wrapper p,
:lang(jp) .page-products.page-lotion .how_when .hidden-xs .accordion .accordion-content-wrapper p,
:lang(jp) .page-products.page-patches .how_when .hidden-xs .accordion .accordion-content-wrapper p,
:lang(jp) .page-products.page-spray .how_when .hidden-xs .accordion .accordion-content-wrapper p {
    font-size: .9375rem
}

@media (min-width:992px) and (max-width:1199px) {
    .hidden-md {
        display: none !important
    }
}

@media (min-width:1200px) {
    .hidden-lg {
        display: none !important
    }
}

@media (min-width:768px) {
    :lang(jp) .image.switchable-image.hidden-lg {
        display: none !important
    }
}

@media (max-width:767px) {
    :lang(cz) .add_this {
        display: inline-flex
    }

    :lang(cz) .add_this li {
        position: relative;
        left: -40px;
        height: 35px;
        width: 35px
    }

    .mobindentation {
        display: block;
    }
}

@media (min-width:768px) and (max-width:992px) {
    :lang(cz) .add_this {
        display: inline-flex;
        margin-bottom: 0
    }

    :lang(cz) .add_this li {
        position: relative;
        left: -40px;
        height: 35px;
        width: 35px
    }
}

@media (min-width:992px) {
    :lang(cz) .add_this {
        display: block
    }

    :lang(cz) .add_this li {
        position: relative;
        left: -60px;
        margin-left: 0;
        margin-bottom: 1px;
        height: 60px;
        width: 60px
    }

    :lang(cz) .icon_addThis {
        font-size: 25px;
        margin-left: 19px;
        margin-top: 17px
    }
}

:lang(cz) .add_this a {
    display: inline-block;
    width: 100%;
    height: 100%
}

:lang(cz) .add_this li {
    margin: 1px;
    background-color: #e86215;
    list-style: none
}

:lang(cz) .add_this li span {
    color: #fff
}

:lang(cz) .add_this li:hover {
    cursor: pointer;
    background-color: #242f60;
    transition: all .2s ease-in-out
}

:lang(jp) .add_this a {
    display: inline-block;
    width: 100%;
    height: 100%
}

:lang(jp) .add_this li {
    margin: 1px;
    background-color: #e86215;
    list-style: none
}

:lang(jp) .add_this li span {
    color: #fff
}

:lang(jp) .add_this li:hover {
    cursor: pointer;
    background-color: #242f60;
    transition: all .2s ease-in-out
}

@media (max-width:767px) {
    :lang(jp) .add_this {
        display: inline-flex
    }

    :lang(jp) .add_this li {
        position: relative;
        left: -40px;
        height: 35px;
        width: 35px
    }

    :lang(jp) .icon_addThis {
        font-size: 17px;
        margin-left: 10px;
        margin-top: 9px
    }
}

@media (min-width:992px) {
    :lang(jp) .add_this {
        display: block
    }

    :lang(jp) .add_this li {
        position: relative;
        left: -60px;
        margin-left: 0;
        margin-bottom: 1px;
        height: 60px;
        width: 60px
    }
}

@media (min-width:768px) and (max-width:992px) {
    :lang(jp) .add_this {
        display: inline-flex;
        margin-bottom: 0
    }

    :lang(jp) .add_this li {
        position: relative;
        left: -40px;
        height: 35px;
        width: 35px
    }
}

.semibold {
    font-weight: 600
}

:lang(bg) .inner_container_width .semibold {
    font-size: 25px
}

@media (min-width:992px) {
    :lang(in) .table.compareProductsTable .blue_button.button_arrow {
        padding-right: 0
    }
}

@media (min-width:992px) {
    .template-voltaren-bootstrap-template-en-ZA .interactiveInfographics {
        background: url(../../assets/img/carousel_dots.png?auto=format) 50% 107px no-repeat;
        background-size: 75%
    }
}

@media (min-width:992px) and (max-width:1280px) {
    .stretch_shoulders .interactiveInfographics .interactiveInfographics-icon img {
        height: auto
    }
}

.interactiveInfographics {
    overflow: hidden;
    position: relative
}

@media (min-width:992px) {
    .interactiveInfographics {
        background: url(../../assets/img/carousel_dots.png?auto=format) 50% 107px no-repeat;
        background-size: 75%;
        margin: 0 -15px
    }
}

.interactiveInfographics .slick-list {
    overflow: hidden;
    padding: 0;
    margin: 0 50px
}

@media only screen and (min-width:992px) {
    .interactiveInfographics .slick-list {
        overflow: visible;
        padding: 0 50px;
        margin: 0
    }
}

.interactiveInfographics .button-next,
.interactiveInfographics .button-prev {
    position: absolute;
    border: none;
    outline: 0;
    height: 100%;
    top: 0;
    width: 45px;
    padding: 0;
    margin-top: 15px;
    margin-bottom: 15px;
    -webkit-tap-highlight-color: transparent
}

.interactiveInfographics .button-next:active,
.interactiveInfographics .button-next:focus,
.interactiveInfographics .button-prev:active,
.interactiveInfographics .button-prev:focus {
    outline: 0
}

.interactiveInfographics .button-prev {
    left: 5px;
    background: url("../../assets/img/arrow-to-left.png?auto=format") no-repeat 50% 50%
}

.interactiveInfographics .button-next {
    right: 5px;
    background: url("../../assets/img/arrow-to-right.png?auto=format") no-repeat 50% 50%
}

.interactiveInfographics .interactiveInfographics-slide {
    margin: 15px
}

@media only screen and (min-width:992px) {
    .interactiveInfographics .interactiveInfographics-slide .interactiveInfographics-element .interactiveInfographics-icon {
        -moz-transition: all .5s ease-in-out;
        -o-transition: all .5s ease-in-out;
        -webkit-transition: all .5s ease-in-out;
        transition: all .5s ease-in-out
    }
}

.interactiveInfographics .interactiveInfographics-slide:focus {
    outline: 0
}

@media only screen and (min-width:992px) {
    .interactiveInfographics .interactiveInfographics-slider.slider-active .interactiveInfographics-slide.slick-current .interactiveInfographics-element .interactiveInfographics-icon {
        -moz-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1)
    }
}

@media only screen and (min-width:992px) {
    .interactiveInfographics .interactiveInfographics-slider.slider-active .interactiveInfographics-slide.slick-current .interactiveInfographics-description {
        -moz-transition: all .3s ease-in-out .5s;
        -o-transition: all .3s ease-in-out .5s;
        -webkit-transition: all .3s ease-in-out;
        -webkit-transition-delay: 0.5s;
        transition: all .3s ease-in-out .5s;
        opacity: 1;
        overflow: visible
    }
}

@media only screen and (min-width:992px) {

    .interactiveInfographics .interactiveInfographics-slider.slider-active .interactiveInfographics-slide.slide-next .interactiveInfographics-element .interactiveInfographics-icon,
    .interactiveInfographics .interactiveInfographics-slider.slider-active .interactiveInfographics-slide.slide-prev .interactiveInfographics-element .interactiveInfographics-icon {
        -moz-transform: scale(.66, .66);
        -ms-transform: scale(.66, .66);
        -webkit-transform: scale(.66, .66);
        transform: scale(.66, .66)
    }
}

@media only screen and (min-width:992px) {
    .interactiveInfographics .interactiveInfographics-slider.slider-active .interactiveInfographics-slide .interactiveInfographics-description {
        height: auto
    }
}

@media only screen and (min-width:992px) {
    .interactiveInfographics .interactiveInfographics-slider:not(.slider-active) .slide-hover-in .interactiveInfographics-element .interactiveInfographics-icon {
        -moz-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
        -webkit-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;
        -moz-transform: scale(.68, .68);
        -ms-transform: scale(.68, .68);
        -webkit-transform: scale(.68, .68);
        transform: scale(.68, .68)
    }
}

@media only screen and (min-width:992px) {
    .interactiveInfographics .interactiveInfographics-slider:not(.slider-active) .slide-hover-out .interactiveInfographics-element .interactiveInfographics-icon {
        -moz-transform: scale(.5, .5);
        -ms-transform: scale(.5, .5);
        -webkit-transform: scale(.5, .5);
        transform: scale(.5, .5)
    }
}

@media only screen and (min-width:992px) {

    .interactiveInfographics .interactiveInfographics-slider:not(.slider-active) .slide-hover-after .interactiveInfographics-element .interactiveInfographics-icon,
    .interactiveInfographics .interactiveInfographics-slider:not(.slider-active) .slide-hover-before .interactiveInfographics-element .interactiveInfographics-icon {
        -moz-transform: scale(.58, .58);
        -ms-transform: scale(.58, .58);
        -webkit-transform: scale(.58, .58);
        transform: scale(.58, .58)
    }
}

.interactiveInfographics .interactiveInfographics-element {
    position: relative;
    cursor: pointer
}

@media only screen and (min-width:769px) and (max-width:991px) {
    .interactiveInfographics .interactiveInfographics-element {
        width: 100%;
        left: 0
    }
}

@media only screen and (max-width:768px) {
    .interactiveInfographics .interactiveInfographics-element {
        width: 100%;
        left: 00%
    }
}

.interactiveInfographics .interactiveInfographics-icon {
    text-align: center;
    -webkit-backface-visibility: hidden
}

@media only screen and (min-width:992px) {
    .interactiveInfographics .interactiveInfographics-icon {
        -moz-transform: scale(.5, .5);
        -ms-transform: scale(.5, .5);
        -webkit-transform: scale(.5, .5);
        transform: scale(.5, .5)
    }
}

.interactiveInfographics .interactiveInfographics-icon img {
    display: inline;
    width: auto;
    height: auto
}

@media only screen and (min-width:992px) {
    .interactiveInfographics .interactiveInfographics-icon img {
        display: block;
        position: relative;
        left: 50%;
        width: 258px;
        height: 179px;
        max-width: none;
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }
}

.interactiveInfographics .interactiveInfographics-description {
    padding: 20px 30px;
    font-size: 20px;
    color: #242f60;
    line-height: 1.067;
    text-align: center;
    font-weight: 500;
    margin-left: -45px;
    margin-right: -45px;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

@media only screen and (max-width:991px) {
    .interactiveInfographics .interactiveInfographics-description {
        font-size: 30px
    }

    .flex--column--mobile>.component-content>.paragraphSystem {
        flex-wrap: wrap
    }

    .column-reverse-mobile>.component-content>.paragraphSystem {
        flex-direction: column-reverse;
    }
}

@media only screen and (min-width:992px) {
    .interactiveInfographics .interactiveInfographics-description {
        font-size: 30px;
        margin-left: 0;
        margin-right: 0;
        opacity: 0;
        display: block;
        position: relative;
        left: 50%;
        width: 750px;
        overflow: hidden;
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }
}

.interactiveInfographics .interactiveInfographics-description .slide_note,
.interactiveInfographics .interactiveInfographics-description .slide_note_grey {
    padding-top: .5em
}

@media only screen and (min-width:992px) {

    .interactiveInfographics .interactiveInfographics-description .slide_note,
    .interactiveInfographics .interactiveInfographics-description .slide_note_grey {
        display: block;
        width: 750px;
        position: relative;
        left: 50%;
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }
}

@media only screen and (min-width:769px) and (max-width:991px) {

    .interactiveInfographics .interactiveInfographics-description .slide_note,
    .interactiveInfographics .interactiveInfographics-description .slide_note_grey {
        font-size: 80%
    }
}

@media only screen and (max-width:768px) {

    .interactiveInfographics .interactiveInfographics-description .slide_note,
    .interactiveInfographics .interactiveInfographics-description .slide_note_grey {
        font-size: 80%
    }
}

@media only screen and (max-width:480px) {
    .text-left-mobile p {
        text-align: left;
    }

    .page-hip-pain .interactiveInfographics .interactiveInfographics-description {
        text-align: left;

    }
}

.interactiveInfographics-slider2 .interactiveInfographics-description {
    max-width: 100%;
    padding: 20px 30px;
    font-size: 30px;
    color: #242f60;
    line-height: 1.067;
    text-align: center;
    font-weight: 500;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

@media only screen and (max-width:991px) {
    .interactiveInfographics-slider2 .interactiveInfographics-description {
        font-size: 30px
    }
}

@media (min-width:992px) and (max-width:1280px) {
    .stretch_shoulders .interactiveInfographics .interactiveInfographics-icon img {
        height: auto
    }
}

@media (max-width:768px) {
    :lang(sv) .interactiveInfographics-slider2 .interactiveInfographics-description {
        font-size: 20px
    }
}

@media (min-width:992px) {
    :lang(vi) .interactiveInfographics {
        background: url(../../assets/img/carousel_dots.png?auto=format) 50% 107px no-repeat;
        background-size: 75%
    }
}

@media (min-width:1050px) {
    :lang(vi) .interactiveInfographics {
        background: url(../../assets/img/carousel_dots.png?auto=format) 25% 107px no-repeat
    }
}

@media (min-width:1290px) {
    :lang(vi) .interactiveInfographics {
        background: url(../../assets/img/carousel_dots.png?auto=format) 50% 107px no-repeat
    }
}

@media (max-width:767px) {

    :lang(bg) .interactiveInfographics .interactiveInfographics-description,
    :lang(bg) .interactiveInfographics-slider2 .interactiveInfographics-description {
        font-size: 20px
    }
}

@media (min-width:992px) and (max-width:1024px) {
    :lang(bg) .interactiveInfographics .slick-list {
        padding: 0 42px
    }

    :lang(bg) .interactiveInfographics {
        background-size: 76%
    }
}

:lang(bg) .interactiveInfographics {
    width: 100% !important
}

@media (min-width:992px) {
    :lang(zh) .zh_CN .interactiveInfographics {
        background-size: 70%
    }
}

@media (max-width:767px) {
    :lang(hu) .interactiveInfographics .interactiveInfographics-description {
        font-size: 25px
    }
}

:lang(hu) .interactiveInfographics {
    width: 100% !important
}

@media (max-width:767px) {
    :lang(cz) .interactiveInfographics .interactiveInfographics-description {
        font-size: 22px
    }

    :lang(cz) .interactiveInfographics-slider2 .interactiveInfographics-description {
        font-size: 22px
    }
}

@media (min-width:992px) and (max-width:1199px) {
    :lang(es) .mx_styles .interactiveInfographics {
        background-size: 75%
    }

    :lang(es) .mx_styles .interactiveInfographics .interactiveInfographics-icon img {
        -moz-transform: translateX(-50%) scale(.9, .9);
        -ms-transform: translateX(-50%) scale(.9, .9);
        -webkit-transform: translateX(-50%) scale(.9, .9);
        transform: translateX(-50%) scale(.9, .9)
    }
}

@media all and (min-width:320px) and (max-width:991px) {
    :lang(es) .mx_styles.page-pain-treatments .interactiveInfographics .interactiveInfographics-description {
        font-size: 20px
    }
}

@media (max-width:767px) {

    :lang(es) .ar-styles .interactiveInfographics .interactiveInfographics-description,
    :lang(es) .ar-styles .interactiveInfographics-slider2 .interactiveInfographics-description {
        font-size: 20px
    }
}

@media (min-width:992px) and (max-width:1024px) {
    :lang(es) .ar-styles .interactiveInfographics {
        background-size: 75%;
        margin: 0 -15px
    }
}

@media (max-width:767px) {

    :lang(in) .id-styles .interactiveInfographics .interactiveInfographics-description,
    :lang(in) .id-styles .interactiveInfographics-slider2 .interactiveInfographics-description {
        font-size: 25px
    }
}

@media (min-width:992px) and (max-width:1280px) {

    :lang(jp) .page-neck-pain .interactiveInfographics,
    :lang(jp) .page-wrist-pain .interactiveInfographics {
        background-size: 720px
    }

    :lang(jp) .page-neck-pain .interactiveInfographics .sync-slider1 .slick-list,
    :lang(jp) .page-wrist-pain .interactiveInfographics .sync-slider1 .slick-list {
        margin: 0 auto;
        width: 960px
    }
}

@media (min-width:1280px) {

    :lang(jp) .page-neck-pain .interactiveInfographics,
    :lang(jp) .page-wrist-pain .interactiveInfographics {
        background-size: 72%
    }
}

@media (max-width:767px) {
    :lang(es) .template-voltaren-bootstrap-template-AR .interactiveInfographics .interactiveInfographics-description {
        font-size: 20px
    }

    .text-center-mobile {
        text-align: center;
    }
}

html[lang="ja-JP"] .page-exercises .richText ol li::before {
    content: counter(item) ". ";
    counter-increment: item;
    /* color: #000; */
    font-weight: 900;
    font-size: 1.1rem;
    color: var(--primary-color);
}

.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.slick-list {
    position: relative;
    overflow: hidden;
    display: block;
    margin: 0;
    padding: 0
}

.slick-list:focus {
    outline: 0
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-slider .slick-list,
.slick-slider .slick-track {
    -webkit-transform: translate(0, 0, 0);
    -moz-transform: translate(0, 0, 0);
    -ms-transform: translate(0, 0, 0);
    -o-transform: translate(0, 0, 0);
    transform: translate(0, 0, 0)
}

.slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: block
}

.slick-track:after,
.slick-track:before {
    content: "";
    display: table
}

.slick-track:after {
    clear: both
}

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    display: none
}

[dir=rtl] .slick-slide {
    float: right
}

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

@media only screen and (min-width:992px) {
    .sync-slider .slick-slide {
        width: 235px !important
    }
}

.slick-arrow.slick-hidden {
    display: none
}

.slick-next,
.slick-prev {
    position: absolute;
    display: block;
    height: 20px;
    width: 20px;
    line-height: 0;
    font-size: 0px;
    cursor: pointer;
    background: 0 0;
    color: transparent;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    padding: 0;
    border: none;
    outline: 0
}

.slick-next:focus,
.slick-next:hover,
.slick-prev:focus,
.slick-prev:hover {
    outline: 0;
    background: 0 0;
    color: transparent
}

.slick-next:focus:before,
.slick-next:hover:before,
.slick-prev:focus:before,
.slick-prev:hover:before {
    opacity: 1
}

.slick-next.slick-disabled:before,
.slick-prev.slick-disabled:before {
    opacity: .8
}

.slick-next:before,
.slick-prev:before {
    font-size: 20px;
    line-height: 1;
    color: #fff;
    opacity: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.slick-prev {
    left: -25px
}

[dir=rtl] .slick-prev {
    left: auto;
    right: -25px
}

.slick-prev:before {
    content: "←"
}

[dir=rtl] .slick-prev:before {
    content: "→"
}

.slick-next {
    right: -25px
}

[dir=rtl] .slick-next {
    left: -25px;
    right: auto
}

.slick-next:before {
    content: "→"
}

[dir=rtl] .slick-next:before {
    content: "←"
}

.slick-dotted.slick-slider {
    margin-bottom: 30px
}

.slick-dots {
    position: absolute;
    bottom: -25px;
    list-style: none;
    display: block;
    text-align: center;
    padding: 0;
    margin: 0;
    width: 100%
}

.slick-dots li {
    position: relative;
    display: inline-block;
    height: 12px;
    width: 12px;
    margin: 0 16px;
    padding: 0;
    cursor: pointer
}

.slick-dots li button {
    border: 0;
    background: 0 0;
    display: block;
    height: 100%;
    width: 100%;
    outline: 0;
    line-height: 0;
    font-size: 0px;
    color: transparent;
    padding: 5px;
    cursor: pointer
}

.slick-dots li button:focus,
.slick-dots li button:hover {
    outline: 0
}

.slick-dots li button:focus:before,
.slick-dots li button:hover:before {
    opacity: 1
}

.slick-dots li button:before {
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #e86215;
    opacity: .8;
    -moz-transition-property: all;
    -o-transition-property: all;
    -webkit-transition-property: all;
    transition-property: all;
    -moz-transition-duration: .5s;
    -o-transition-duration: .5s;
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    -moz-transition-timing-function: ease-in-out;
    -o-transition-timing-function: ease-in-out;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out
}

.slick-dots li.slick-active button:before {
    -moz-transform: scale(1.83333, 1.83333);
    -ms-transform: scale(1.83333, 1.83333);
    -webkit-transform: scale(1.83333, 1.83333);
    transform: scale(1.83333, 1.83333);
    background: #e86215;
    opacity: 1
}

@-moz-keyframes bounce-in {
    0% {
        -moz-transform: scale(.5, .5);
        transform: scale(.5, .5)
    }

    50% {
        -moz-transform: scale(.85, .85);
        transform: scale(.85, .85)
    }

    100% {
        -moz-transform: scale(.68, .68);
        transform: scale(.68, .68)
    }
}

@-webkit-keyframes bounce-in {
    0% {
        -webkit-transform: scale(.5, .5);
        transform: scale(.5, .5)
    }

    50% {
        -webkit-transform: scale(.85, .85);
        transform: scale(.85, .85)
    }

    100% {
        -webkit-transform: scale(.68, .68);
        transform: scale(.68, .68)
    }
}

@keyframes bounce-in {
    0% {
        -moz-transform: scale(.5, .5);
        -ms-transform: scale(.5, .5);
        -webkit-transform: scale(.5, .5);
        transform: scale(.5, .5)
    }

    50% {
        -moz-transform: scale(.85, .85);
        -ms-transform: scale(.85, .85);
        -webkit-transform: scale(.85, .85);
        transform: scale(.85, .85)
    }

    100% {
        -moz-transform: scale(.68, .68);
        -ms-transform: scale(.68, .68);
        -webkit-transform: scale(.68, .68);
        transform: scale(.68, .68)
    }
}

@-moz-keyframes bounce-out {
    0% {
        -moz-transform: scale(.68, .68);
        transform: scale(.68, .68)
    }

    100% {
        -moz-transform: scale(.5, .5);
        transform: scale(.5, .5)
    }
}

@-webkit-keyframes bounce-out {
    0% {
        -webkit-transform: scale(.68, .68);
        transform: scale(.68, .68)
    }

    100% {
        -webkit-transform: scale(.5, .5);
        transform: scale(.5, .5)
    }
}

@keyframes bounce-out {
    0% {
        -moz-transform: scale(.68, .68);
        -ms-transform: scale(.68, .68);
        -webkit-transform: scale(.68, .68);
        transform: scale(.68, .68)
    }

    100% {
        -moz-transform: scale(.5, .5);
        -ms-transform: scale(.5, .5);
        -webkit-transform: scale(.5, .5);
        transform: scale(.5, .5)
    }
}

@-moz-keyframes zoom-in {
    0% {
        -moz-transform: scale(.5, .5);
        transform: scale(.5, .5)
    }

    100% {
        -moz-transform: scale(1, 1);
        transform: scale(1, 1)
    }
}

@-webkit-keyframes zoom-in {
    0% {
        -webkit-transform: scale(.5, .5);
        transform: scale(.5, .5)
    }

    100% {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1)
    }
}

@keyframes zoom-in {
    0% {
        -moz-transform: scale(.5, .5);
        -ms-transform: scale(.5, .5);
        -webkit-transform: scale(.5, .5);
        transform: scale(.5, .5)
    }

    100% {
        -moz-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1)
    }
}

@-moz-keyframes zoom-in-around {
    0% {
        -moz-transform: scale(.5, .5);
        transform: scale(.5, .5)
    }

    100% {
        -moz-transform: scale(.66, .66);
        transform: scale(.66, .66)
    }
}

@-webkit-keyframes zoom-in-around {
    0% {
        -webkit-transform: scale(.5, .5);
        transform: scale(.5, .5)
    }

    100% {
        -webkit-transform: scale(.66, .66);
        transform: scale(.66, .66)
    }
}

@keyframes zoom-in-around {
    0% {
        -moz-transform: scale(.5, .5);
        -ms-transform: scale(.5, .5);
        -webkit-transform: scale(.5, .5);
        transform: scale(.5, .5)
    }

    100% {
        -moz-transform: scale(.66, .66);
        -ms-transform: scale(.66, .66);
        -webkit-transform: scale(.66, .66);
        transform: scale(.66, .66)
    }
}

@-moz-keyframes zoom-out {
    0% {
        -moz-transform: scale(1, 1);
        transform: scale(1, 1)
    }

    100% {
        -moz-transform: scale(.5, .5);
        transform: scale(.5, .5)
    }
}

@-webkit-keyframes zoom-out {
    0% {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1)
    }

    100% {
        -webkit-transform: scale(.5, .5);
        transform: scale(.5, .5)
    }
}

@keyframes zoom-out {
    0% {
        -moz-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1)
    }

    100% {
        -moz-transform: scale(.5, .5);
        -ms-transform: scale(.5, .5);
        -webkit-transform: scale(.5, .5);
        transform: scale(.5, .5)
    }
}

@media only screen and (min-width:992px) {
    .sync-slider1 .slick-track {
        transform: translate3d(0, 0, 0) !important
    }
}

@media (min-width: 768px) {
    .page-expert .article_text h3 {
        font-weight: bold;
    }

    .page-expert .article_text p {
        font-weight: 400 !important;
    }
}
.qa .qa_title_selector h2 {
font-size: 50px;
display: flex;
align-items: center;
height: 80px;
}
.blue-text{
    color: #242f60 !important;
}

/* 0p1 */
/*
html[lang="ja-JP"] .main {
    width: 100%;
    max-width: 1400px;
    padding: 0;
    margin: 0 auto;
}

@media (min-width: 1200px) {
    html[lang="ja-JP"] .inner_container_width {
        width: 100% !important;
        margin: 0 auto;
    }
}

html[lang="ja-JP"] .grey-background:not(.selected-category) {
    background-color: #eeeced !important;
}

html[lang="ja-JP"] .four-products-box .richText.even {
    margin-top: 0px !important;
}

:lang(jp) .box-dark-blue {
    background-color: #00489d;
}

html[lang="ja-JP"] p {
    display: block;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
}

html[lang="ja-JP"] .margin-top {
    margin-top: 4%;
}

html[lang="ja-JP"] .article_top_minus_padding {
    margin-top: 0px !important;
}

html[lang="ja-JP"] .background-grey {
    background-color: #ebebeb;
    position: relative;
}

html[lang="ja-JP"] .box-blue .component-content {
    background-image: linear-gradient(#00a0e8, #004361);
}

html[lang="ja-JP"] .box-white>.component-content {
    background: #ffff;
    border: #cbcbcb 1px solid;
}

html[lang="ja-JP"] .border-blue {
    border-color: #00a1e9;
}

html[lang="ja-JP"] .background-grey {
    background-color: #ebebeb;
    position: relative;
}

html[lang="ja-JP"] .box-white>.component-content {
    background: #ffff;
    border: #cbcbcb 1px solid;
}

@media (min-width: 1200px) {
    html[lang="ja-JP"] .inner_container_width {
        width: 1140px !important;
        margin: 0 auto;
    }
}


html[lang="ja-JP"] .box-white>.component-content {
    margin: 15px;
    padding: 15px;
}


html[lang="ja-JP"] .article_top_minus_padding {
    margin-bottom: 20px;
}

html[lang="ja-JP"] .article_top_minus_padding p {
    margin: 0px;
}

html[lang="ja-JP"] .box.border-blue {
    margin-bottom: 40px;
}

html[lang="ja-JP"] .box.section.box-white {
    background: #ffff;
    border: #cbcbcb 1px solid;
    margin: 20px;
    width: 45%;
}

html[lang="ja-JP"] .border-dark-green .box-white .component-content {
    border: #cbcbcb 0px solid !important;
}

html[lang="ja-JP"] .box-white>.component-content {
    border: #cbcbcb 0px solid !important;
}

html[lang="ja-JP"] .border-dark-green {
    margin-top: 40px;
}

html[lang="ja-JP"] .bring-to-front {
    z-index: 9;
}

html[lang="ja-JP"] .border-green.grey-background.hidden-sm {
    padding: 0 15px;
}

@media (max-width: 991px) {
    html[lang="ja-JP"] .box.section.box-white {
        overflow: hidden;
        width: 100%;
        margin: 30px auto !important;
        padding: 20px 0;
    }

    html[lang="ja-JP"] .border-purple,
    .border-green,
    .border-blue,
    .border-dark-green {
        padding: 0 15px;
    }
}

@media (min-width: 992px) {

    html[lang="ja-JP"] .page-lp01 .border-green .box-white,
    .page-lp02 .border-green .box-white {
        margin-top: -40px;
        width: 95%;
    }
}

html[lang="ja-JP"] .breadcrumbs-without-separator li:last-child {
    display: none;
}

html[lang="ja-JP"] .box.jap-box-image .component-content {
    padding-bottom: 10px;
}

html[lang="ja-JP"] .box-blue .component-content,
html[lang="ja-JP"] .box-dark-green .component-content,
html[lang="ja-JP"] .box-green .component-content,
html[lang="ja-JP"] .box-purple .component-content {
    margin-bottom: 10px;
}

@media (max-width : 767px) {
    html[lang="ja-JP"] .box.inner_container_width image {
        margin-bottom: 17px;
    }

    html[lang="ja-JP"] .box.inner_container_width {
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 10px;
    }

    .divider.component.section {
        height: 0px;
    }
}

.box.grey-background .hidden-lg .image.col-xs-6 {
    padding: 10px;
}

html[lang="ja-JP"] .box-blue,
html[lang="ja-JP"] .box-dark-green,
html[lang="ja-JP"] .box-green,
html[lang="ja-JP"] .box-purple {
    padding-left: 15px;
    padding-right: 15px;
}

@media (max-width : 767px) {

    html[lang="ja-JP"] .box-blue .component-content p,
    html[lang="ja-JP"] .box-dark-green .component-content p,
    html[lang="ja-JP"] .box-green .component-content p,
    html[lang="ja-JP"] .box-purple .component-content p {
        margin: 10px;
    }
}

html[lang="ja-JP"] .article-one.border-blue.grey-background.hidden-sm {
    margin-left: 60px;
    margin-right: 60px;
}

@media (max-width : 767px) {
    html[lang="ja-JP"] .box.col-xs-12.col-md-4 .image img {
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    html[lang="ja-JP"] .margin-top-negative1 {
        margin-top: 0px;
    }

    html[lang="ja-JP"] .margin-top-negative1 .image img {
        padding-left: 15px;
        padding-right: 15px;
    }
}



html[lang="ja-JP"] .image.add-opacity {
    padding-top: 10px;
}

html[lang="ja-JP"] .box .image-unwrap img {
    padding-bottom: 25px;
}

html[lang="ja-JP"] .richText.col-md-push-0 p {
    margin-left: 20px;
}


html[lang="ja-JP"] .grey-background.margin-top-negative1 {
    padding-bottom: 24px;
}

html[lang="ja-JP"].box.margin-top-negative .component-content {
    padding-bottom: 10px;
}

html[lang="ja-JP"] .box.hidden-sm .col-md-4 {
    padding-bottom: 36px;
}

@media (max-width : 767px) {
    .border-green.grey-background {
        margin-top: 40px;
    }

    .border-green .image img {
        padding-bottom: 20px;
        padding-top: 20px;
    }
    .border-dark-green .box-white.col-md-12 {
        margin-top: -17px;
        margin-bottom: 17px;
        margin-right: -14px;
        margin-left: -13px;
    }
}

@media (min-width : 992px) {
    .border-green .image img {
        margin-top: 11px;
    }
}

@media (min-width : 992px){
.border-dark-green .box-white.col-md-12 {
    margin-top: -20px;
    margin-bottom: -18px;
}
}
.box.margin-top-negative {
    background-color: #f4f4f4;
}
.bring-to-front.margin-top img {
    margin-top: -31px;
}
*/
.responsive-16by9>.component-content{
    position: relative;
    overflow: hidden;
    width: 100%;
    padding-top: 56.25%;
}
.responsive-16by9>.component-content>iframe{
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
}
/* Maunu | GSKBD-26172 | prod issues | 17 Nov-22 */
@media (min-width: 992px) and (max-width: 1180px) {
    .pain_hero_banner .blue_button {
        margin-top: 0;
    }
    body .pain_hero_banner h1 {
        padding-top: 20px !important;
    }
    .pain_hero_banner .h1-styles,.pain_hero_banner h1 {
        font-size: 2.5rem;
        line-height: 1;
    }
    .pain_hero_banner .product_detail_title h1{
        font-size: 50px;
    }
    .page-p_product.page-emulgel .md-banner.pain_hero_banner>.component-content {
        min-height: 630px;
        background-position: 77%;
        background-size: cover;
    }
    .page-p_product.page-tape .md-banner.pain_hero_banner>.component-content {
        min-height: 550px;
        background-position: 36% 0;
        background-size: cover;
    }
}
/* Maunu | GSKBD-26172 | prod issues | 17 Nov-22 | End */
/* tape page | GSKBD-30866 | 22-jan-2024 */
.blue-bg-box .heading img{
    margin: 0 auto;
}
.blue-bg-box .heading .richText-content{
    position: absolute;
    top: 10px;
    width: 100%;
}
.tape-year-section >.component-content{
    display: inline-block;
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 4rem 0 0;
    background-position: right;
}
.tape-year-section .year-content-box .image figure figcaption {
    position: absolute;
    top: 40%;
    text-align: left;
    left: 1rem;
}
.tape-year-section .year-content-box .image figure {
    position: relative;
}
.tape-year-section .year-content-box .image figure img {
    width: 100%;
}
.bg-graident-orange{
    background: rgb(204,173,49);
    background: -moz-linear-gradient(180deg, rgba(204,173,49,0.57) 0%, rgba(230,222,167,0.5664390756302521) 50%, rgba(203,172,48,0.57) 100%);
    background: -webkit-linear-gradient(180deg, rgba(204,173,49,0.57) 0%, rgba(230,222,167,0.5664390756302521) 50%, rgba(203,172,48,0.57) 100%);
    background: linear-gradient(180deg, rgba(204,173,49,0.57) 0%, rgba(230,222,167,0.5664390756302521) 50%, rgba(203,172,48,0.57) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ccad31",endColorstr="#cbac30",GradientType=1);
}
.page-tape .bullet-md>li .body-copy::before{
    color: #9ea8c9;
}
.bullet-md.bullet-red>li .body-copy::before{
    color: #E64810;
}
.packshot-bubble-block >.component-content{
    background-size: cover;
    min-height: 530px;
}
.packshot-bubble-block .bg-white{
    border-radius: 15px;
    padding: 1rem;
}
.packshot-bubble-block .bullet-md.bullet-red>li .body-copy::before{font-size: 45px;}
.packshot-bubble-block .bullet-md.bullet-red>li{margin-bottom: 0;}
.packshot-bubble-block .heading{position: relative;display: inline-block;}
.blockquote-sec {
    position: relative;
    display: inline-block;
}
.packshot-bubble-block .heading:before, .blockquote-sec:before {
    content: "";
    position: absolute;
    width: 2px;
    height: 71px;
    top: 10px;
    display: block;
    background: #000000;
    left: -22px;
    transform: translate(-50%, 0) rotate(-24deg);
}
.packshot-bubble-block .heading:after, .blockquote-sec:after {
    content: "";
    position: absolute;
    width: 2px;
    height: 71px;
    top: 10px;
    display: block;
    background: #000000;
    right: -22px;
    transform: translate(-50%, 0) rotate(24deg);
}
.w-100{
    width: 100%;
}
.bullet-md>li .body-copy::before{top: -4px;}
span.btn-red-text{
    color: #fff;
    font-weight: 500;
    font-size: 16px;
    position: relative;
}
.btn-red p{
    background: #E64810;
    border-radius: 12px;
    max-width: 300px;
}
.btn-red a{
    font-size: 20px;
    line-height: 2;
    padding: 0.7rem 0 1rem 0;
    display: inline-block;
    width: 100%;
    text-decoration: none!important;
}
span.btn-red-text::after{
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    border-left: 10px solid #ffffff;
    border-right: 0;
    top: 6px;
    right: -20px;
}
.blue-tape-mob-block .year-2004 >.component-content{
    height: 322px;
}
.blue-tape-mob-block .year-2020 >.component-content{
    height: 205px;
}

.blue-tape-mob-block .year-2004 .year-text{
    position: absolute;
    top: -86px;
}
.blue-tape-mob-block .flex-content-custom{margin-bottom: 0;}
.blue-tape-mob-block .flex-content-custom>.component-content>.paragraphSystem{
    display: flex;
    align-items: flex-end;
}
.blue-tape-mob-block .year-2004{
    z-index: 1;
}
.blue-tape-mob-block .year-2004 .heading h3:after,
.tape-year-section .heading h3:after{
    content: '';
    border-bottom: 2px solid #fff;
    width: 100px;
    display: block;
    margin-top: 1rem;
}
.blue-tape-mob-block .year-2004 .image{
    top: 20px;
}
/* 4features page */
.four-circle-wrapper .article-card{
    padding-left: 1rem;
    padding-right: 1rem;
}
.four-graphic-wrapper .text-overlap .richText{
    position: absolute;
    bottom: 16px;
    width: 89%;
}
@media(min-width:768px){
    .blue-bg-box-content .article-card{min-width: 46%;}
    .blue-bg-box-content .icon{min-width: 8%;position: absolute;transform: translate(27%, 27%);height: 100%;}
}
@media (min-width:992px){
    .tape-year-section .font-d-50 {
        font-size: 50px!important;
    }
    .tape-year-section .year-content-box {
        max-width: 240px;
    }
    .tape-year-section .year-content-box.year-2024{
        max-width: 379px;
        width: 419px;
    }
    .tape-year-section .tape-year-block{
        position: relative;
        top: -4rem;
    }
    .tape-year-section .year-arrow{
        position: absolute;
        bottom: -5px;
        right: 4rem;
    }
    .tape-year-section .year-content-box.year-2004{ margin-top: 11rem;}
    .btn-red p{min-width: 300px;float: left;}
    .page-tape .bg-orange-light >.component-content{display: inline-block;}
    
}

@media (max-width:991px){
    .overflow-inherit-m .component-content{overflow: inherit!important;}
    .blue-bg-box .heading img{margin: 10px auto 25px;max-width: 182px;}
    .blue-bg-box .heading h2{font-size: 26px;}
    .tape-step-wrapper .icon{transform: rotate(90deg);position: relative;
        left: calc(50% - 20px);}
    .tape-step-wrapper .blue-bg-box .image{
        right: 1rem;
        width: auto;
        transform: translate(0%, -50%);
        top: 50%;
    }
    .tape-step-wrapper .step-2 .blue-bg-box .image{right: auto;}
    .tape-step-wrapper .step-2 .blue-bg-box .image img{
        max-width: 155px;
        margin-top: 1rem;
    }
    .tape-step-wrapper .blue-bg-box .image img{max-width: 112px;}
    .tape-year-section >.component-content{padding: 3rem 1rem 0;}
    .height-80-m img{height: 83px;}
    .width-100-1rem-m{
        width: calc(100% - 2rem);
        margin-left: 1rem;
    }
    .packshot-bubble-block .flex>.component-content>.paragraphSystem{display: inherit;}
    .packshot-bubble-block >.component-content {background-size: cover;min-height: 100%;height: 100%;display: inline-block;}
    .btn-red p{min-width: 240px; margin: 1rem auto 3rem;}
    .btn-red a{padding: 0.4rem 0 0.5rem 0;font-size: 16px;}
    
    .four-circle-wrapper .article-card{
        padding-left: 0;
        padding-right: 0;
    }
    .four-feature-slash .blockquote-sec:after{
    width: 2px;
    height: 93px;
    top: 5px;
    right: -17px;
    transform: translate(-50%, 0) rotate(20deg);
    }
    .four-feature-slash .blockquote-sec:before{
    width: 2px;
    height: 93px;
    top: 3px;
    left: -18px;
    transform: translate(-50%, 0) rotate(-15deg);
    }
    .four-graphic-wrapper .p-m--5{padding: 5px;}
    
    
}
/* tape page | GSKBD-30866 | 22-jan-2024 | End*/


@media (max-width: 992px) {
    .utility-menu .search-and-logo .brand-logo{
      width: 100px;
    }
}
  /* aman css */
/* global CSS  */


.line-height-1-75,
.line-height-1-75 * {
    line-height: 1.75;
}

.bg-light-brown {
    background-color: #FAECD0;
}

.bg-face >.component-content{
    background-color: #FFFAE3;
}

@media (min-width: 992px) {

.btn-red p {
    font-size: 20px;
    line-height: 2;
    padding: 20px 0;
}
    .play-icon {
        min-width: 8%;
        position: absolute;
        transform: translate(27%, 27%);
        height: 100%;
    }

    .margin-top-80-dt {
        margin-top: 5rem;
    }

    .text-overlap .richText {
        font-size: 1.5rem;
    }

    .line-height-d-42 {
        line-height: 42px;
    }
}

.rounded-btn-white {
    background-color: #fff;
    border: 2px solid #E64911;
    border-radius: 40px;
    padding: .5rem;
}

.rounded-btn-white h4 {
    font-size: 2rem;
    line-height: 1.5;
}

@media (max-width: 991px) {
    .btn-red p {
    line-height: 26px;
    }
    .font-m-40 {
        font-size: 40px;
    }

    .padding-m-40 {
        padding: 2.5rem;
    }

    .padding-top-24-mb {
        padding-top: 1.5rem;
    }

    .padding-y-24-mb {
        padding-top: 1.5rem;
        padding-bottom: 1.5rem;
    }

    .rounded-btn-white h4 {
        font-size: 1.125rem;
        line-height: 1.75;
    }

    .line-height-m-1-75 {
        line-height: 1.75;
    }

    .p-m--5 {
        padding: 10px;
    }
}

.centerd-text ,
.centerd-text >.component-content>.paragraphSystem.content {
    display: flex;
    justify-content: center;
    align-items: center;
}

.underline-gradient {
    text-decoration: underline;
    text-underline-position: under;
}

.text-overlap {
    position: relative;
}

.text-overlap .richText {
    position: absolute;
    bottom: 23px;
    font-size: 14px;
    color: #fff;
    line-height: 1.75;
}

@media (min-width: 992px) {
    .text-overlap .richText {
        font-size: 1.5rem;
    }
    .centerd-d-text ,
.centerd-d-text >.component-content>.paragraphSystem.content {
    display: flex;
    justify-content: center;
    align-items: center;
}
}

.bg-dot-orange .component-content{
    overflow: auto;
    background-size: cover;
    border-radius: 32px;
}

.btn-skyblue {
    background-color: #5BC5F0 !important;
    color: #fff !important;
}
.overflow-component >.component-content{
overflow: auto;
}
.border-radius-32 >.component-content{
border-radius: 32px;
}/* COLOR NAMES
----------------------------------------- */
/*theme colors*/
/*hard-coded colors*/
/* FUNCTIONAL COLORS
----------------------------------------- */
/*border colors*/
/*text colors*/
/*background colors*/
/*gradient colors*/
.overlay-background{position:fixed;top:0;left:0;width:100%;height:100%;background:#000;z-index:9998;opacity:.7}.overlay-container{position:absolute;width:100%;top:150px;text-align:center;z-index:9999;padding-bottom:30px}.overlay-content{position:relative;min-width:80px;min-height:80px;max-width:90%;padding:10px;display:inline-block;background:#fff;text-align:left;border:solid 2px #323131;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px}.overlay-content-inner{overflow:hidden}.overlay-close{z-index:9999;font-size:35px;line-height:1;position:absolute;top:-40px;right:15px;cursor:pointer;display:none;color:#fff;outline:0}.overlay-close:after{content:"\f00d";display:inline-block;font-family:FontAwesome;font-style:normal;position:relative;font-weight:400;display:inline-block;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.overlay-loading{position:absolute;left:0;top:0;width:100%;height:100%;background:url(https://i-cf65.ch-static.com/etc/designs/zg/bp-voltaren-delta/desktop/assets/img/loader.gif?auto=format) no-repeat 50% 50%}.richText .component-content{overflow:hidden}.richText h1{margin-top:0;word-wrap:break-word}.richText h2{margin-top:0;word-wrap:break-word}.richText h3{margin-top:0;word-wrap:break-word}.richText h4{margin-top:0;word-wrap:break-word}.richText h5{margin-top:0;word-wrap:break-word}.richText h6{margin-top:0;word-wrap:break-word}.richText a{text-decoration:underline}.richText ol,.richText ul{padding:10px 0;margin-left:10px}.richText li{margin-left:15px;margin-bottom:10px;font-size:14px;list-style-type:none}.richText ol li{list-style:decimal}.richText ul li{position:relative;margin-left:0;padding-left:15px}.richText ul li:before{position:absolute;top:1px;left:-5px;content:"\f0da";display:inline-block;font-family:FontAwesome;font-style:normal;position:relative;font-weight:400}.richText-image{display:block;margin-bottom:10px}.richText-image.pull-left{margin:5px 15px 5px 10px;float:left}.richText-image.pull-right{margin:5px 10px 5px 15px;float:right}.image .right{text-align:right}.image .left{text-align:left}.image .middle{text-align:center}@media only screen and (max-width:767px){.image .component-content{text-align:center}}.image--half-rounded-right img{border-bottom-right-radius:100px}:root{--primary-color:#E37200;--primary-color-light:#E57200;--primary-color-dark:#E64510;--secondary-color:#242F60;--secondary-color-dark:#1c254c;--orange-red-color:rgba(230,99,6,1)}:lang(en-in){--primary-color:#e86215;--primary-color-light:#6ea958;--primary-color-dark:#4b6e4b;--secondary-color:#3D9525;--secondary-color-dark:#4b6e4b}.breadcrumbs{padding:0;display:none}@media (min-width:992px){.breadcrumbs{padding-top:28px;display:block}}.breadcrumbs-list{overflow:hidden;margin:0;padding:0 16px;list-style:none}@media (min-width:1200px){.breadcrumbs-list{padding:0}}.breadcrumbs-list li{margin-right:6px;z-index:100}@media (min-width:992px){.breadcrumbs-list li{float:left}}.breadcrumbs-list li a{font-size:.9375rem;color:var(--secondary-color);font-family:DiodrumVoltaren;font-weight:600}.breadcrumbs-list li a:focus,.breadcrumbs-list li a:hover{color:var(--primary-color)}.breadcrumbs-list li.is-current{color:#323131}.breadcrumbs-list li.first a{color:var(--secondary-color);font-size:0rem;border:0;display:flex}.breadcrumbs-list li.first a::before{content:'';display:inline-block;width:24px;height:24px;background:url("https://i-cf65.ch-static.com/etc/designs/zg/bp-voltaren-delta/desktop/img/voltaren-sprites.png");background-repeat:no-repeat;background-position:-524px -250px;margin-top:38px;color:var(--secondary-color)}@media (min-width:992px){.breadcrumbs-list li.first a::before{margin-top:0}}.breadcrumbs-list li.first.is-current{display:none}.breadcrumbs-separator{margin:0 10px}.breadcrumbs-without-separator{display:flex}.breadcrumbs-without-separator .breadcrumbs-separator{display:none}.breadcrumbs-without-separator li{position:relative;padding-right:10px;margin-right:4px}@media (min-width:992px){.breadcrumbs-without-separator li{padding-right:20px;margin-right:10px}}.breadcrumbs-without-separator li:before{top:1px;right:0;content:"\f054";display:inline-block;font-family:FontAwesome;font-style:normal;position:relative;font-weight:400;position:absolute;font-size:.75rem}.breadcrumbs-without-separator li:first-of-type::before{margin-top:38px}@media (min-width:992px){.breadcrumbs-without-separator li:first-of-type::before{margin-top:0}}.breadcrumbs-without-separator li:last-child{background-image:none;margin-right:0;padding-right:0;font-size:.9375rem;font-weight:500}.breadcrumbs-without-separator li:last-child:before{display:none}.breadcrumbs-list{display:block}@media (min-width:992px){.breadcrumbs-list{display:flex}}body {
    font-family: "Noto Sans JP";
    line-height: 1.38;
    letter-spacing: normal;
    font-size: 16px;
    /* font-weight: 500 */
}

a,
button,
div,
input,
p,
span {
    font-family: 'Noto Sans JP', 'Helvetica Neue', Helvetica, Arial, sans-serif !important
}

img {
    height: auto;
}

.slick-slide img {
    height: auto;
    width: auto;
}

h1,
h2,
h3,
h4,
h5 {
    font-family: 'Noto Sans JP', 'Helvetica Neue', Helvetica, Arial, sans-serif !important
}

.body-copy {
    font-family: "Noto Sans JP"
}

.no-overflow {
    clear: both !important
}

.qa {
    overflow: auto
}

.qa_title {
    padding-top: 40px;
    padding-bottom: 40px
}

.qa_title h3 {
    font-size: 26px;
    line-height: 1;
    font-weight: 500;
    color: #e86215
}

h4 {
    font-size: 26px;
    line-height: 1;
    font-weight: 500
}

.richText ul li {
    padding-left: 20px;
    position: relative;
    margin-bottom: 5px;
    color: #323131
}

.richText ul li:before {
    content: '';
    width: 8px;
    height: 8px;
    background: #e86215;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 7px
}

.image .col-md-12 {
    padding-left: 15px !important;
    padding-right: 15px !important
}

.richText .col-md-12 {
    padding-left: 15px !important;
    padding-right: 15px !important
}

.product_description_tabs {
    margin-top: 25px
}

.download_leaflet {
    display: inline-block;
    padding-left: 40px;
    padding-bottom: 5px;
    background: url(https://i-cf65.ch-static.com/etc/designs/zg/bp-voltaren-delta/desktop/img/download.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    font-size: 20px;
    font-weight: 600;
    color: #e86215;
    text-transform: uppercase;
    line-height: 30px;
    text-decoration: none !important;
    position: relative;
    right: -18px;
    top: 12px;
    z-index: 151
}

@media (min-width:992px) {
    .download_leaflet {
        font-size: 14px;
        text-align: left;
        padding-right: 30px;
    }
}

.how_when {
    margin-bottom: 0;
    clear: both;
    padding-top: 60px
}

.qa {
    margin-bottom: 20px
}

.how_when .how_when_title p {
    margin-bottom: 0
}

.how_when .how_when_title p {
    margin-bottom: 0;
    font-size: 48px;
    color: #fff;
    font-weight: 600;
    line-height: 1
}

.how_when .accordion-slide {
    background: 0 0;
    padding: 0;
    border-radius: 0;
    margin-bottom: 0
}

.how_when .accordion-head span {
    color: #fff
}

.how_when .accordion-head {
    padding: 0;
    font-size: 18px;
    line-height: 1
}

.mod-js .how_when .accordion-slide.is-active>.accordion-head .accordion-title {
    font-size: 26px;
    line-height: 1;
    font-weight: 500;
    color: #fff;
    background: 0 0 !important;
    letter-spacing: 0;
    padding: 20px 35px 20px 0;
    border-bottom: 1px solid rgba(255, 255, 255, .4)
}

.how_when .accordion-slide::after {
    content: none
}

.how_when .accordion-content-wrapper {
    border: none;
    margin: 0;
    background: 0 0;
    padding: 0;
    border-radius: 0
}

.how_when .how_when_title .accordion-content-wrapper p {
    color: #fff;
    font-size: .9375rem;
    line-height: 1.3
}

.accordion table tr td {
    border-right: solid 1px #e5e5e5;
    border-top: solid 1px #e5e5e5;
    font-size: .955rem;
    padding: 25px 10px 25px 10px
}

.border_right {
    border-right: 1px solid #ccc
}

.interactiveInfographics .button-prev {
    left: 5px;
    background: url("https://i-cf65.ch-static.com/content/dam/cf-consumer-healthcare/bp-voltaren-delta/jp_JP/desktop/assets/img/arrow-to-left.png");
    background-repeat: no-repeat;
    background-position: 50% 50%
}

.interactiveInfographics .button-next {
    right: 5px;
    background: url("https://i-cf65.ch-static.com/content/dam/cf-consumer-healthcare/bp-voltaren-delta/jp_JP/desktop/assets/img/arrow-to-right.png");
    background-repeat: no-repeat;
    background-position: 50% 50%
}

.recommended-products>.component-content>.content.paragraphSystem {
    display: flex;
    flex-wrap: wrap;
    justify-content: center
}

.recommended-products .reference-recommended-product {
    width: auto;
    display: none
}

.recommended-products .reference-recommended-product.is-active {
    display: block
}

.recommended-products .recommendations-title {
    display: none;
    font-size: 2rem;
    font-weight: 600;
    text-align: center;
    margin-bottom: 10px
}

.recommended-products .recommendations-title.is-active {
    display: block
}

.recommended-products .product {
    width: 300px;
    min-height: 500px;
    text-align: center
}

.recommended-products .product .product-content {
    position: relative;
    border: 1px solid #f36633;
    margin-top: 5px;
    min-height: 400px;
    padding-bottom: 120px
}

.recommended-products .product p {
    margin: 0
}

.recommended-products .product-name {
    background: #f36633;
    height: 40px;
    display: flex;
    align-items: center;
    padding: 0 5px;
    justify-content: center;
    color: #fff
}

.recommended-products .product-pain {
    padding: 0 5px
}

.recommended-products .product-characteristics {
    min-height: 150px;
    padding: 0 5px
}

.recommended-products .product-packshot {
    max-height: 200px;
    max-width: 280px;
    padding: 0 5px
}

.recommended-products .product-links {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 0 30px;
    height: 115px
}

.recommended-products .product-links .product-page-link,
.recommended-products .product-links .product-website-link {
    margin-bottom: 15px;
    height: 45px;
    line-height: 45px;
    cursor: pointer
}

.recommended-products .product-links .product-page-link a,
.recommended-products .product-links .product-website-link a {
    color: #fff
}

.recommended-products .product-links .product-page-link:hover,
.recommended-products .product-links .product-website-link:hover {
    opacity: .8
}

.recommended-products .product-links .product-website-link {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAlMAAACWCAMAAADNJf30AAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAACcUExURf///ykxczo6czE6czFClCkxezE6lDE6jDE6hDpCnObm5tbe3rW1tSkpUoyU90pSrcXFxb29vUJSpdbO1nOE5kpZvWNrzmNz1jpCjO/391paxTxCrXuE73uE5jtKnDFCe/Dv70pjvSkzhDFCnJyUpR0dPyAnYkparcXOzjE6nDExc3uU92N71tbm5ikxY1paY4SMpWNzrVpnjJRzhAyM4ToAAAutSURBVHja7Z3rduJGFoWhrSuYERahjUyHkaENjmfG6c68/7ul7hdJuHUja/lo71LZofODLLT7O7tOlchsBkEQBEEQBEEQBEEQBEEQBEEQBEEQBEEQBEEQBEEQBEEQBEEQBEEQBA3VQup/aixxkbvkEPpnPDU//XFi1x9KKQa5IcVvcvTzH3BUMXtP9tBUFIU/C3bPb2yp4n0ebaGJKIrDH9xUxQ0NNSuYp8LD41euRwySw97ZbcRMdVtScUtxTx2z36ApKE+jOD7+KIub2UpYquSeirNvTL9jkBzmzv62T5mpjqz83cxUxawoS+mp+PIviLye8wMzVXQMf96GVDJMGU9FW3zk1PVtmwlTxSyo38xUzFHlQnqKm+o/GKTH0yXL8r001U1IJcNUuRCeOsZRFF2+QaS1zZg0qaSpitE9VWpPcU4xU/0OEdZjJuSRajYuq5SlDKeC6HTBapuwnjJlKkOqshgVVIWqfIsl81QiORWl2X8fMYiOr8JQ2+yWmcrxFF/3cU6d0uwRIqptZqRI9SZJVYzIKVH6lg6n0oiZ6itEU9pQ23qmGtNUC59TUZqe0vzrEwbFkbm6RaYqDKc2dt13YpxK0+zp6fkJk9q8WENtHVP9KEc8piDj1FLUPrXuC04pi1Rp/vz0/IxJa25dSl2MqeQ2zTimkpjSnJJ5KkgDzilmqu3z9gmT1Mxy11G8oZ4fDmOv/jSnnNon8pQw1eVy2WISmtucqYIqTqogTiSpRghVdtmnOMUwFZwUp9J0f9F1F5PG9Bwls1XubdOMzqmj5JTMU8JUGURJ+T73SHVxMlUSjtOnauJUlBpOpekhhwhpf+CuyqrVb2RS1fNUYPKUINU+xyAzUgWqpkxlSDUwqVc4xUEV8ESVWh0gMmI3k1sr31/JVIk4pDcYVa6nDKeCk+sqiJCkqRxSXcTgpgpMn2qQrXxOyc0ZUfwgqpbSpsr8WKVMlYxwnqqo5ilhKsYptvZLASuCpkr3rAbua6HKmOpt6N6fxynToIrgJuqoasrpuvwNffDB59RRJSqR0k8prEXTVIdGW2V8l4abaj6sT9XIKeapFJYibivVsMryOqmSgX2qotpHVyk9wOdOWnuNqjqp4oGZqs4ps/BDRCfNqX0DqoypVKbqGapcTilQBfoMVXpCm4p0UjehKq+Zav6j7Fv/XE7pA1Qxz+hpoOLUCYPgkEn9kB8MqvIGUvV8lvQqp1I9IHo6aVQd9tZS0lf5YFM1cEq4yrFUAFYRpJRBlSGVMJTe+rOZqhiFU+rZGddUnFaYZKZTfnhYN6FKJivXVH1Wf42cErszFUvhTtCayleGVFmuLaXaVEGcsKAun3sohnHqqIpfpE2lL0w6M1A/dP3bmzN7mfphTNWDVBVOHQWoZCddXJZTmHSmrn+Bv/7LVAs0r5NqBE5F4omsQE/cBaKcCmRL3SmAehkot/6SPkHd4dTKcEqeTRCLP3th0pkVU6XV8qdJFcdJOO9pKlv7FKfUaU8h+/YYJIZnqSAwJxW8UGW2/iSpumSqxjwlAlVkHBUoc0E0lAbuPeWoOridKsOqgyFVR1BV81SiQRVoV3nWwvz80/7QlUg3FSoP3mlSzbuRqpKnQqf0+b6GCGNLk8o1VJbbrT/RUpgVPTh1FnnKcEoeo8KgPxSq0jqqbPnr0Keqccrs+PG3EnOHSW4GO35vd2pGlZ66b6qdJFWHTOVzyglUglOBairgN9nfO5Wc0+ZU5ZS/tpnqGqdizSnvfSP/wutP+lrcz533Lw2p8lpQ3xlTtSRVjVPaVbtoF4m3V6zk/yCm+xOvP9lrez+DSLwy/95f/x2ayl9LUvmcEoddzO6MCOkiq+/UP4vp/sTrT/fauZ/qlfphO1W5MNXBmirY8d6nyFRtzqjXORVLUAWxqrim9FZIitef87W8nzudp9Sf7qKoRqqDAVUaS1O1OqNe41SiM3oc8YZCzN6cTQw6Q93Pyh/LkOV2qhxYWVO1Wv15nJIbfkfLqZg5OA7QwqE0YodTduxY2tGhSq/+hLPkZUn160hV5RQDlVn6CWPFQRCziLbDoDLE/Qyqt5SHdXvfEybeVgqF5kzv5/P55eWl1WN/lTzFG1SJKX3M0+JXwCM7JpXJ72r1lu74DTeOOnJHJWHNUv8vW/TTXU6p2ucEqkCiShgswCAy5N2s3NLIsVR8VJA6aksxR624pRZlm5RuObU66waVX/zkW8YQFQlfXb2liaCULnvGUpxSfy0WixagqucpyynrKv1fgkGCU/qu1v+YQ0pb6hhWKbVsZalmTpmUHoBT0+KUYlQSOuncUGqzXApQ/aqf0MipBJ/7NJWoeF611Mq1VNmHU16ggqbkqA8o9bpxTFV0WffJZoLen4Emx6ikBilpqbX1VGdOyaOesBQs5a341mtmquXSpPSibZ4yTU8kqqk5SltKO6pCqYf1UE7BVEhSbpb688F6quyZp+Co6dU9f70XupQSllorTC0696eMqeCqCdW9SpIKDaRWsvAJTLWOUz6nzrDURCHVbClNKV35dJzqzqlQbkrj054KpMSxloqjbDy/t5gyLc/2+322lyBIJQc0hSTlWMrrdApKSUxtWmOqiVNhgpg+rZ7UVUr9eX+vKOU20bucnzrL0qc5lYBTk0xSxlENlGr1hPsVTiUiUCUYlIde7yV+3TMrPo9Spjc163Ie3fQSwKmpQMq3lEOpczOlyo7PzVTylONmTHLTdKWMo7SlTDz/S1Jq7VOq4/N9ppcgD6UniV75YZKbSaVzfj1LOZ2pssuXcGhPaVAdZaJK8PeZ7PQ75zpICUs1Zim95Ov4fQnWUkdjKckqeeE3md+VJOXVvVUtS3Wj1BVOqUQFUVVjkmKUevcpta4Wvs7fP2XyVHiEocibyrFU+CGlFh0pdZ1TcBVtQx1rZc/NUg9NK75Zj+/z5JZSgSpMUPvIOsrZinH6nFf6UsvOlLrGKbWRfESuIhiknLJno5Sk1Mv1LNXv+9HPBlTMxvj4qcqFlFf3vCy13lQK32wwpxLDKYCK2HLPOXXu9RCqWWrpH0UoZv04NdeBKrSBCpaiRankoyhlKPXan1J1Tqnal4SKU8LVGHTGlShV7UsxSi16ZKnGPKXfUZc+RiwMQqNuKW6o98F7fNc55XQTxCmq0P2vgOjIgZSzbWz3+Doc62zPKdEZg0g7yhyWUk2ExvNSnSnVkKesq2Aqoo7Sz4TKwaPU9T2+Wc/S52d0k9Ihqpby21Kq8H1v7J73wNS1PAVRt9TZ63QySzVTqq+lGjglMDWH6KlqKZ9SnQ8Kt+TUvBrkIGo6zz+g1MKh1DicUsVPeAuD4FBBai7aUiuXUuuBfakrnDKuEm+OSXGenXT+QZbqB6lmTvHad/d2BxHVm22erz601GwETtlAxd8Zg+i4M4yqFb7NCJSqcUqWPvxdpi2Oqffz9SxVDKJUrY/Od2fwoROX10Ro6J4PNJXLKRWo7r78mw9cZK+7ehNhM1aWalz3fZGW+oKL7PXlvdLqrJ09nxWzcTglLcXfkwsfPd3r7jZ9KcdVTu17+2IwBRHWh02EYZTyOPXCWxYcjGJAlPV+S0q5nDqvoKnoA0sVwx3FOVXK2veCz3oijlpZS/X8ToQWnFpwT/H3wpjAWJnn+OrfLzVGQi9KWfw2Dw/3Qt/vv0PExW7yvd2PWY5LKcup5Wbzul4/aGdBpPXw0Hz2fJSEPrMLv9dXaSq4agKG8naNF+XwTb6GRroGlTAVbEXcUMJRr7Wz58VoltIhnXmKm0q5CiIrfpOdKKW/+HxEmR0/6yoYi7CZlKPqha8Y11Ky+ElTva4h2npVT68Pe9r4lys/aypmYO4reIucj+RdlYSq1L0xIWUCFfcUN5Vw1UZZC4PYUHbaiO8ru1Hd89sJylXWVhBBCTspR7X/3xL18JQxlXQVRFzyXt/MUu5OstISzqLqJT4cQ6kvwStu4ShlKuMqiLjKsrzNgq9OKvhqQo4qhkPqb0h0gpFCh2rPAAAAAElFTkSuQmCC);
    background-size: 100% 100%;
    background-position: center
}

.recommended-products .product-links .product-page-link {
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAhUAAAB7CAMAAAD0W4JPAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAEyUExURf////xWGPhUGP9ZGfpVGPNSFuxPFf9XGf9aGvZTFvFRF+NLE/7+/t5JEtBFEv9bGv9WFupOFe5QFsdLHv+lXP+eVfj4+Pv7+/Hx8fX19dva2uHh4f9qKP9uKudNFOjo6P9iIP9mJP9eHMfHx9hHEdVGEdtIEs7Ozu9QFdNFEezs7MHBwX4wFNXV1by8vLe3t7Ozs/RSF/XRwngwFv1dE/9lGf93LP+MQ/+tZYk7HcpJGs1HFv+xaa+vr/+qY8VNIv+ZUaZKKMJOJbpRLMxJGKyQhb5QKP+STP9yLv+MRf+FP/+BOv92Mf99OP96NaysrP9oJ+7u7spCEMNAEKA4Eq05D7Y8D48yEL0/EMvAveXl5WghB7q6utPT01QbBox6c9CZhdabhdWuoOvf3LilnbSckQH69YEAAAl5SURBVHja7d1pWxpZFsDxKEIABITMCMiOFJsxyKRn08lMpnsWp8dOsxloI70k6e//FfrcpapurVSB/eJUn7+8jXke+D3n3CpQnz2jKIqiKIqiKIqiKIqiKIQdU5GIPFC/lg3xXf5ARaUnccG/xacXX1DRKPPTE6gQ3+LTsvtHKhIltJ9KpT1hsH9cKpU+LReNP1ERaJpq7M/CVKGl/0zhr3UgWJR2VyFNnJ4yFZna7ynsvc3HVBbHOx8qAEWFq0jUf0ch77aTjx1JFruOCz4qAEVZqIjf/oXC3W1LZ3G6qwqxQADF7EyoSN39jcLc29oUWDzXWey0RSSKSnl0KVWc3P2dQtxd3cpiDxXlmani5I52M97e1qFpu9WBI2dB+/F0pytUiaI8am6EisOTk5NbOsij7R1TUW9bWIQ+XeijovnQN1Wc3L6lkHbLVVinxa4qRs2qqiJW/y+Fsq/rdS8Wx6GOFfxU0ayeqypi9f9RGLute7MIraL5UP3OoiJW+5rC1zf12hOwMFRULSq+iMXy0/9T6DJHxT4spApYIGfWWZHM56ffUMh6B6Oitj8L87DpVJFvv6NwVYPcpsVQZ/EEKjrtOwpVtek2Fse7qUgpKjrtWwpR9fbUg0UjFAuriiFTcaCo6LTqFJ7abcGiZmPx/CjeCLNEHCrSqSM+LJKMBdSqUViatlqGC1OGwiLoO+s2FdnCIHV0oKqAwwWFpFbLZFF3ssgxFoFuclpUrBUVMV1FvtOicNRxZ1EDFvmDo3Qmp0+LcCpyXIW+QsxxQWFJdWHsEf55i4PUgLEI9JaIU0X8UF8hhgoKSQ4WdeFCZXFaCq+iMYinSEV0WMhbnc5pEU4FXJrKFQIlKVxZXRhrBGzAiTPJWNwEuW/hpkKuEFIRFRb1sCxsKnqNxCAlhgWpiCCLo0kiM99+38KuIlMgFZFmEU9kt7OwqpgzFROxQp5DMQpfybx5iaqeLWqcxWEQFi4q4mJYkIqosahPp4xFurCVhU1F11RxQiqiwIK5MGSwe98HkoXfkdNdhbFCKJQJFwqLmsoiNdCnhZcLh4pGIs2HxQGpQM/C3CIGDBsLj7vfFhXvuYoBqfgNsOgtfM4WNhUaVyGuQuipjc4WkTCAxpS9gXo0KTb8WNhVZEFFWpws6ImNDoupwWJac2FxvE0FHDdJRdRYtIBFW58VclokgMVHj2nhpkJehRCLyLBot8xpURPT4jBuYXG8RYW5QijcgYtkMulyuIDBwe9mZboe08KqYjHkKsSwgOiZxe4iycZFqwPTojVVXbR8WbioYCuEX5wSiwi4UA8X6qmTsSh6sbCr6BkqDolFtFi0xRZpGywOUsBCM1hsUZHgLA6hIwp74CJpdSH3SLvVYdenGW390TEsbCpyvWyjAMOCnzfJRVTiL+XhBB7xdDpdLBYThUKjkelpN4v1/fLlmZ2FU0WGVEQLRIpRGAgIjUw22+tqWi53M1+s398vVy8/fP9dxb5DXFToK4R1SGFvAigGAzDBpoOBImeieJyVK1tUdJkKPiwmKXKBP3NQFMCEQDEEEyaKcXNUtg8LdxUJUhENEyk+KOQxAlD0ugzFzXy+1lG8qTZHjmFhUXEvVMgVMoFSFOYmcWN7yEEhJsXCmBSfz6oPclh4qFjdL+ZChRgWE3KBu7h6ojCOFHx76Cg2l1U+LKwrxKpiPdd6GXbcZCp4pALxoDCWh9geypFCovi5v7lkw8K+QpwqzBUiWFA4sw4KVxQ/nJ/3w6hgK4QXp5CmXnooRwoVxcXFeX+jHyz8VAxBhbgKIRbYTRTNQWFckPIrUoni0VCxbVYMu6TiN4Ji/Agogm0QrkKy4KUphFlOFOb2sKJ4xUYFqHDesPBQASyKxAKvCeXSQx8U7EihoLgaAwrlWLFFRY9UYEdRVFH0zO3BUawkCmNUPJijwkdFVqhIFEUDClnmpYcTxXKpohCnilG57PM+yOr+/SKn8RXCTxaiIoUr1QTfHkN9e9hQ8P0hTxXbVejDglggRaGfMi2DYsFvU9hQ6Bcgto/dOFSIFcKHhSxB4amgnDLVaw/npOhLFLA/Kvbf8O2lokEqooditXrtROEyKtxVZGlWYEXRUK5H+ZFCbI+1fX305ftirigcKvhFiH6yoLDFP5kpTxTKkULcpnBbHxKFzyf/uYqc1uuRCrwmjGNmd2hsDweKcxcUniqWiopMg8KXaUJuD2VSvPZF4flzplKFsULM/4nCkjShbg9vFGUPFC4q9INFhkxEH0XF/a9OuanoKiuEX+JQeBImlCNF+EnhULEWKuR5M9OgZxmZCcegEG+S+qPYrmJuqAAW8L9QqAIToVAcb/1taVKFpqvIZLsUrjRle7iguAiGwl2FZNHTKHQJE/xI4Top9Duap0F/N+9qeQ8qcvqw6A0pfJmDgl98uKPwOWi6qlhwFewqpJuj8DWc+6KwvEsa7Le7qyp6Gj3DKFO3h3V99F0mRYC/BKGrYCy0Gwpl+qDwnxQh/paQomL4Lwpn19tQzHyvPlxVvF/ARchQy11TWHsCFG4qcsObFxTewIT31UcgFE4VsEKu6ZlFrsJvUug/+hFSxfU/KMR9yX/qg31u13VSVML+RWyh4vpLCndiUnzwnRTPQqlYv/gPhbuv7vecFC4qvqLQt/JDsYOK+39S+Fu6oQhw88pVxcvl6q9UBNpzUthUrF5Tkcjj5lXQUWFVQUWkDx43rwKiUFVcfvz8+Wfo3xT2Pu+zPkwVM1Bx1u+fX7waX129efPmWwpp8OJdXTl/bNBAEVDFsVDxUD3bgIqLR2DBXFAou9JNuP8saSATXMUpUzECFZf9cxgWj+PxFZNBoWw8Hj96owiuAmaFPFhsOItXjwCDQtqjMCGOFME+eeWhgh83+bBgLC4ABoW2C25iLxSGCr5C4GQBLM4vmAwKZfDiMRMqikrI9aFchIhhwZZIn8ugUNZnX/0NmGC/HW/HSaGr4MOiWQUW4GKz6XMbFMbg5bvkJvg5U/nkVUgVcljM2LRgLs4uKcSxV7BqQ1EKZ0JXwXcIZwEwOA0KY+zFq3IT8t7Vaegjha6CDwsxLZoAA2hwHRTKHh6AhBgUoe9TOIcFsAAXDAaFu9GImZDnzN1QyGFhuAAYoiY9sD1Ys9GMkZBvnJd2IiFV6CyYC9mMHsge7ItX4btj9+1hYVFi36nCK1conPFXTpLYB4XCgrsAGexBXzi/RHubkCqkC9MGhTHjRdzh1hXvFwPLc2ry94fdAAAAAElFTkSuQmCC");
    background-size: 100% 100%;
    background-position: center
}

.reference-shoulder-mobile-pain .slick-track div[data-slick-index="3"] img {
    margin-top: 40%
}

.reference-shoulder-mobile-pain {
    background: url(https://i-cf65.ch-static.com/content/dam/cf-consumer-healthcare/bp-voltaren-delta/jp_JP/desktop/assets/img/pain_info_bg.jpg);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    padding: 20px 0;
    margin-top: -10px
}

.pain_info_block {
    background: url(https://i-cf65.ch-static.com/content/dam/cf-consumer-healthcare/bp-voltaren-delta/jp_JP/desktop/assets/img/pain_info_bg.jpg);
    background-repeat: no-repeat;
    background-position: 50% 50%
}

.page-ask-doctor.page-03 .pain_info_block {
    background-size: cover
}

.gr-letter {
    color: #e9570b
}

.gradintText {
    color: #e9570b
}

.blue_button.button_arrow:after {
    background: url(https://i-cf65.ch-static.com/content/dam/cf-consumer-healthcare/bp-voltaren-delta/jp_JP/desktop/assets/img/button_arrow.png);
    background-repeat: no-repeat;
    background-position: 50% 50%
}

.gradient_bg_header {
    background: -moz-linear-gradient(79deg, #e64510 0, #f08400 100%);
    background: -webkit-linear-gradient(79deg, #e64510 0, #f08400 100%);
    background: linear-gradient(79deg, #e64510 0, #f08400 100%);
    padding: 35px 0;
    margin-bottom: 15px
}

.gradient_bg_header h1 {
    color: #fff;
    margin: 0;
    font-size: 40px;
    line-height: 1;
    letter-spacing: -.4px
}

.border-bottom {
    border-bottom: 1px solid #cfcfcf
}

.border_left {
    border-left: 1px solid #e6e6e6
}

.blue_color {
    color: #242f60
}

.sitemap-column ul li ul {
    margin-left: 3%;
    display: list-item
}

.sitemap-column ul li ul li::before {
    content: "•";
    font-size: 25px;
    bottom: -3px;
    position: relative
}

.sitemap-column ul li ul li ul {
    margin-left: 3%;
    display: list-item
}

.sitemap-column ul li ul li ul li::before {
    content: "•";
    font-size: 25px;
    bottom: -3px;
    position: relative
}

.voltaren-pm .pain-type a p {
    clear: both;
    width: 250px;
    font-size: .8325rem
}

.navigation-root {
    text-align: left;
    z-index: 10;
    max-width: 100%
}

.navigation-mobile-menu {
    display: none
}

.no-js .navigation-level1>.navigation-branch {
    display: block
}

.no-js .navigation-root.navigation-branch.navigation-level1 {
    display: block
}

.no-js .navigation-vertical .navigation-item .navigation-branch.navigation-level2 {
    display: block
}

.no-js .navigation.main-nav .navigation-item .navigation-branch.navigation-level2 {
    display: block;
    margin: 0 0 -2px 0;
    border-left: none;
    border-right: none;
    position: static
}

.no-js .navigation.main-nav .navigation-item .navigation-branch.navigation-level2>.navigation-item {
    float: none
}

.navigation-item>span.navigation-item-title {
    cursor: default
}

.navigation-item.is-open>.navigation-branch,
.no-js .navigation-item:hover>.navigation-branch {
    display: block
}

.navigation-item.navigation-level2 {
    border-top: 1px solid #4a4a4a
}

.navigation-branch.navigation-level2 {
    display: block
}

.mod-touch .navigation.main-nav .navigation-item .is-open.navigation-branch.navigation-level2 {
    display: block;
    position: relative;
    top: 0;
    left: 0
}

.mod-touch .navigation.main-nav .navigation-item.is-open .navigation-branch.navigation-level2 {
    overflow: hidden
}

.mod-touch .navigation.main-nav .navigation-item.navigation-level2:first-child {
    border-top: none
}

.mod-touch .navigation.main-nav .navigation-item .navigation-level2 .navigation-item {
    width: 100%
}

.mod-no-touch .navigation.main-nav .navigation-item:hover .navigation-branch.navigation-level2 {
    min-width: 100%;
    position: absolute;
    top: 35px;
    left: 0;
    display: block !important;
    background: var(--primary-color);
    width: 300px
}

.mod-no-touch .navigation.main-nav .navigation-item:hover .navigation-branch.navigation-level2 .navigation-item {
    float: none
}

.navigation.main-nav .navigation-item .navigation-branch.navigation-level2,
.navigation.main-nav .navigation-item .navigation-branch.navigation-level3 {
    display: none
}

.navigation.main-nav .navigation-item.is-open>.navigation-branch.navigation-level2,
.navigation.main-nav .navigation-item.is-open>.navigation-branch.navigation-level3 {
    display: block;
    float: none
}

.navigation.main-nav .navigation-item.navigation-level2:first-child {
    border-top: none
}

.navigation.main-nav .has-children>.navigation-item-title:hover .navigation-item-decoration {
    background-color: #939191
}

.navigation.main-nav .has-children.navigation-level2>.navigation-item-title {
    padding-right: 55px
}

.navigation.main-nav .has-children.navigation-level2>.navigation-item-title .navigation-item-decoration {
    height: 31px;
    width: 31px;
    line-height: 31px
}

.navigation.main-nav .has-children.navigation-level2>.navigation-item-title .navigation-item-decoration:after {
    width: 31px;
    height: 31px
}

.navigation.main-nav .has-active-child>.navigation-item-title .navigation-item-decoration {
    background-color: #605e5e
}

.navigation.main-nav .navigation-level2 .navigation-item-title {
    padding: 5px 15px 5px 15px
}

.navigation.main-nav .navigation-level2.navigation-root {
    max-width: none
}

.treatment_graphic>.component-content {
    background-repeat: no-repeat;
    background-position: bottom center
}

.pain_navigator_mobile {
    margin-bottom: 35px
}

.pain-navigation-mobile {
    margin-bottom: 35px
}

.pain-navigation-mobile>.component-content {
    box-sizing: border-box;
    position: relative;
    padding-top: 35px;
    padding-bottom: 30px;
    background-repeat: no-repeat;
    background-position: 150% 45%;
    background-size: auto 85%
}

.pain-navigation-mobile .component,
.pain_navigator_mobile .component-content {
    margin-bottom: 0
}

.pain-navigation-mobile .pain_navigator_mobile_text {
    position: relative;
    z-index: 1;
    margin-top: 30px
}

.pain-navigation-mobile .pain_navigator_mobile_text li {
    margin-bottom: 20px;
    padding-left: 30px
}

.pain-navigation-mobile .pain_navigator_mobile_text li a {
    font-size: 26px;
    line-height: 1;
    font-weight: 500;
    color: #242f60
}

.pain-navigation-mobile .pain_navigator_mobile_text li a:before {
    content: "\e900";
    font-family: icon-arrow-bullet;
    background: 0 0;
    color: #f05322;
    font-size: 16px;
    width: auto;
    height: auto;
    top: auto;
    position: absolute;
    left: 0
}

.pain-navigation-mobile .pain_navigator_mobile_text li a {
    font-size: 22px;
    padding-left: 32px;
    text-decoration: none;
    font-weight: 600
}

.text-black-45 {
    color: #000
}

.text-blue-smaller {
    color: #1549a5
}

.text-blue {
    color: #1549a5
}

.text-black-50 {
    color: #000
}

.height570.pain_hero_banner {
    margin-bottom: 0
}

.height570.pain_hero_banner>.component-content {
    height: 570px
}

.compareProductsTable ul li {
    padding-left: 20px;
    position: relative;
    margin-bottom: 25px;
    color: #333
}

.compareProductsTable table td,
.compareProductsTable table th {
    border: solid 0 #323131;
    padding: 30px 10px 30px 20px;
    font-size: 14px;
    font-weight: 300;
    letter-spacing: .3px;
    box-sizing: border-box
}

.compareProductsTable table {
    border-collapse: collapse;
    width: 100%;
    border: solid 0 #323131 !important
}

.compareProductsTable table td,
.compareProductsTable table th {
    color: #333;
    vertical-align: top;
    text-align: center;
}

.main-nav {
    margin-left: 0
}

.arrow-up::after {
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    padding-left: 10px;
    right: -20px
}

.banner-contain>.component-content {
    background-size: contain;
    background-position: bottom center
}

.page-home .breadcrumbs {
    display: none
}

.page-products .download_leaflet {
    position: relative;
    right: 0;
    top: 0
}

.products-table .table-comparison tr td:first-child {
    text-align: left
}

.caption-text {
    margin-top: 20px
}

.selected-category h3 span {
    color: #e64510;
    font-size: 5rem;
    letter-spacing: -3.5px
}

.flex-content-custom {
    margin-bottom: 15px
}

.pain_hero_banner .image.banner-small-icon {
    display: block !important
}

.page-home-exercises .pain_hero_banner {
    padding-top: 10px
}

body .padding-15-right-mb {
    padding-right: 0 !important
}

body .semibold {
    font-weight: 400
}

body.page-treatment-by-pain-type .semibold {
    font-weight: 600
}

.pain_info_block .gr-text-size.richText ul {
    margin-top: 10px !important
}

.gr-text-size.richText h4 {
    margin-bottom: 10px
}

.pain_info_block .article_text h2 span {
    font-size: 50px;
    line-height: 1;
    color: #e64510
}

.pain_hero_banner h1 {
    padding-top: 20px !important
}

.pain_hero_banner .richText-content>p {
    margin: 16px 0
}

.mod-js .product_description_accordion .accordion-slide.is-active>.accordion-content-wrapper .accordion-content {
    padding: 25px 0 15px 100px;
    background: url(https://i-cf65.ch-static.com/content/dam/cf-consumer-healthcare/bp-voltaren-delta/jp_JP/desktop/assets/img/information_icon.jpg);
    background-size: 80px auto;
    min-height: 130px;
    background-repeat: no-repeat;
    background-position: 0 25px
}

.page-products .product_description_accordion .download_leaflet {
    margin-top: 10px;
    margin-bottom: 10px
}

.mod-js .accordion-slide.is-active>.accordion-content-wrapper {
    padding: 0
}

.mod-js .accordion-slide.is-active>.accordion-content-wrapper .accordion-content {
    padding: 15px 15px 15px 15px;
    font-size: 16px;
    line-height: 22px;
    color: #333
}

.compareProductsTable table tr td h4 {
    color: #e86215
}

.page-products.page-emulgel .accordion .compareProductsTable table td,
.page-products.page-lotion .accordion .compareProductsTable table td,
.page-products.page-patches .accordion .compareProductsTable table td,
.page-products.page-spray .accordion .compareProductsTable table td {
    padding: 25px 10px 25px 10px
}

.qa .qa_title_selector h2 {
    font-size: 35px;
    padding-bottom: 0;
    color: #242f60;
    line-height: 1;
    font-weight: 600;
    background: url(https://i-cf65.ch-static.com/content/dam/cf-consumer-healthcare/bp-voltaren-delta/jp_JP/desktop/assets/img/product_qa.png);
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 75px auto;
    padding-right: 80px
}

.mod-js .qa .accordion-slide.is-active>.accordion-head,
.mod-js .qa .accordion-slide.is-active>.accordion-head:hover,
.mod-js .qa .accordion-slide>.accordion-head,
.mod-js .qa .accordion-slide>.accordion-head:hover {
    color: #e86215
}

.qa .accordion-head a {
    color: #e86215
}

.qa .accordion-head a .accordion-title-text {
    color: #e86215
}

.mod-js .qa .accordion-slide.is-active>.accordion-head:after {
    color: #e86215
}

.qa .accordion-slide .richText ul li {
    padding-left: 20px !important
}

.qa .accordion-slide .richText ul {
    padding-left: 0 !important
}

.qa .accordion-slide .richText ul li:after {
    content: "";
    width: 8px;
    height: 8px;
    background: #e86215;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 7px
}

.article_text_size h4 {
    margin-bottom: 10px
}

.article_text_size p {
    margin: 16px 0
}

.margin-top {
    margin-top: 4%
}

.visually-hidden {
    clip-path: inset(100%);
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    width: 1px;
    color: #000
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    white-space: nowrap
}

body a.skip-main {
    height: 1px;
    left: -999px;
    overflow: hidden;
    position: absolute;
    top: auto;
    width: 1px;
    z-index: -999
}

body a.skip-main:active,
body a.skip-main:focus {
    background: #031e45;
    color: #fff;
    font-size: 1.4em;
    height: auto;
    left: 0;
    margin: 10px;
    overflow: auto;
    padding: 5px;
    top: 0;
    width: auto;
    z-index: 9999
}

body a:focus {
    outline: 2px dotted var(--primary-color) !important
}

.reference-custom-article-teaser-small:focus {
    outline: 2px dotted
}

#footer .background-wordmark-blue .footer-links ul li a {
    margin-left: 2px
}

.button-learn-more {
    margin-top: 2px;
    margin-left: 2px
}

.button-learn-more:focus {
    outline: 2px dotted var(--secondary-color) !important
}

.dttext-center {
    text-align: center
}

.fab {
    font-family: "Font Awesome 5 Brands" !important
}

.fas {
    font-family: "Font Awesome 5 Free" !important
}

.adaptive-accordion-body {
    margin-bottom: 40px !important;
    border-bottom: 1px solid #e4e4e4;
    padding-bottom: 4px
}

.adaptive-accordion-body.lastChild {
    border-bottom: 1px solid transparent
}

.adaptive-accordion_header {
    margin-bottom: 28px;
    position: relative
}

.explore_our_range {
    background-image: url(https://i-cf65.ch-static.com/content/dam/cf-consumer-healthcare/bp-voltaren-delta/jp_JP/desktop/products/teasers/explore_bg_tablet.png);
    background-size: contain;
    padding-top: 45px;
    background-repeat: no-repeat;
    background-position: right bottom
}

/* .compareProductsTable table td,
.compareProductsTable table th {
    font-weight: 500
} */

.bannertextname p {
    line-height: 50px;
    font-size: 24px;
    font-weight: 600;
    color: #e86228
}

@media (min-width:768px) {
    .gradient_bg_header h1 {
        font-size: 82px;
        letter-spacing: -.82px
    }

    .gradient_bg_header {
        padding: 65px 0
    }

    .qa .qa_title {
        padding-bottom: 30px
    }

    .pain_info_block .article_text h2 span {
        font-size: 82px
    }

    .qa {
        margin-bottom: 30px
    }

    .how_when .accordion-title {
        font-size: 30px;
        line-height: 1;
        padding: 30px 35px 30px 0
    }

    .symptoms_wrapper .symptoms_block:last-child {
        border-left: none;
        border-right: none
    }

    .border-bottom {
        border-bottom: 1px solid #cfcfcf
    }

    .border_left {
        border-left: 1px solid #e6e6e6
    }

    .sm-banner.pain_hero_banner>.component-content {
        min-height: 400px;
        height: 400px
    }

    .sm-banner.pain_hero_banner {
        margin-bottom: 30px
    }

    .main-nav .navigation-level1 .navigation-item {
        position: relative
    }

    .product_detail_subtitle p {
        font-weight: 500;
        color: #e86215;
        font-size: 30px;
        line-height: 32px
    }

    .product_detail_title h1 {
        line-height: 1;
        color: #242f60;
        font-weight: 600;
        font-size: 60px
    }

    .product_detail_text p {
        font-size: 16px;
        line-height: 28px
    }

    .product_detail_text {
        margin-top: 10px
    }

    .pain_hero_banner .product_detail_type_wrap .blue_button {
        margin-top: 0;
        margin-left: 20px
    }

    .main-nav .navigation-level1 .navigation-item {
        font-size: 13px;
        padding: 4px 6px;
        font-family: "Noto Sans JP"
    }

    .mod-no-touch .navigation.main-nav .navigation-item:hover .navigation-branch.navigation-level2 {
        top: 30px
    }

    .page-treatment-by-pain-type .h2-styles {
        font-size: 2.5rem
    }

    .margin-60-top-dt {
        margin-top: 60px !important
    }

    .qa .qa_title_selector h2 {
        font-size: 70px;
        padding-bottom: 8px
    }

    .qa .qa_title_selector h2 {
        background: 0 0;
        padding-right: 0
    }
}

@media (min-width:992px) {
    .mod-js .qa .accordion-slide.is-active>.accordion-head .accordion-title {
        padding-left: 40px
    }

    .mod-js .qa .accordion-slide>.accordion-head .accordion-title {
        padding-left: 40px
    }

    .mod-js .qa .accordion-slide.is-active>.accordion-head:after {
        right: auto
    }

    .mod-js .qa .accordion-slide>.accordion-head:after {
        right: auto
    }

    .qa .qa_title_selector h2 {
        font-size: 88px
    }

    .page-products .compareProductsTable table td {
        font-size: .955rem
    }

    .page-treatment-by-pain-type h2 {
        margin-bottom: 25px
    }

    .pain_hero_banner h1 {
        padding-top: 70px !important
    }

    .pain_hero_banner.without-padding-banner h1 {
        padding-top: 0 !important
    }

    .pain_info_block .article_text h2 span {
        font-size: 88px;
        color: #e64510;
        line-height: 100%
    }

    .gradient_bg_header h1 {
        font-size: 70px;
        letter-spacing: -.7px
    }

    .gradient_bg_header {
        padding: 50px 0;
        margin-bottom: 60px
    }

    .gr-text-size .h3-styles {
        font-size: 3.125rem
    }

    .qa .qa_title {
        padding-top: 70px;
        padding-bottom: 40px
    }

    .how_when>.component-content {
        box-sizing: border-box;
        min-height: 652px;
        background-repeat: no-repeat;
        background-position: center top;
        background-size: contain;
        padding-top: 60px
    }

    .qa {
        margin-bottom: 50px
    }

    .how_when .accordion-title {
        font-size: 26px;
        line-height: 1;
        padding: 20px 35px 20px 0;
        border-bottom: 1px solid rgba(255, 255, 255, .4);
        font-weight: 500
    }

    .how_when .accordion-content {
        padding: 20px 0;
        font-size: 16px;
        line-height: 24px
    }

    .how_when .how_when_desktop_when h3 {
        font-size: 18px;
        line-height: 22px;
        color: #30358c;
        letter-spacing: 0;
        margin-bottom: 25px;
        padding-top: 20px
    }
    .page-p_product .richText h3 {
        font-size: 18px;
    }

    .accordion-content-wrapper {
        padding: 30px 68px
    }

    .tabs-content .tabContent {
        padding-top: 20px
    }

    body .padding-15-right-dt {
        padding-right: 15px !important
    }

    .padding-15-left-dt {
        padding-left: 15px
    }

    .margin-40-bottom-dt {
        margin-bottom: 40px !important
    }

    .margin-40-top-dt {
        margin-top: 40px !important
    }

    .margin-30-bottom-dt {
        margin-bottom: 30px !important
    }

    .margin-20-top-dt {
        margin-top: 20px !important
    }

    #footer .background-wordmark-dark-blue .container {
        width: 1140px
    }

    #footer .background-wordmark-blue .footer-links:after {
        content: none
    }

    .margin-30-top-dt {
        margin-top: 30px !important
    }

    .pain_hero_banner h1 {
        padding-top: 20px
    }

    .interactiveInfographics {
        background: url(https://i-cf65.ch-static.com/content/dam/cf-consumer-healthcare/bp-voltaren-delta/jp_JP/desktop/assets/img/carousel_dots.png);
        background-repeat: no-repeat;
        background-position: 50% 107px
    }

    .interactiveInfographics .interactiveInfographics-description {
        font-size: 22px
    }

    .main-nav .navigation-level1 .navigation-item.main-link-active,
    .main-nav .navigation-level1 .navigation-item:hover {
        border-radius: 0
    }

    .navigation-link-active.is-active {
        border-radius: 0
    }

    .mod-touch .navigation.main-nav .navigation-item.is-open .navigation-branch.navigation-level2 {
        margin: 0 0 -2px -2px;
        position: absolute
    }

    .text-black-50,
    .text-blue-50,
    .text-gold {
        font-size: 2.85rem
    }

    .text-black-45,
    .text-blue-smaller {
        font-size: 2.5125rem
    }

    .text-blue {
        font-size: 2.75rem
    }

    .text-black-24 {
        font-size: 1.3rem
    }

    .main-nav .navigation-level1 .navigation-item:hover {
        background-color: var(--primary-color)
    }

    .navigation-link-active.is-active {
        background-color: var(--primary-color);
        border-radius: 22.5px
    }

    .navigation.main-nav .navigation-item.navigation-level2:hover {
        background: var(--secondary-color)
    }

    .navigation-link-active.is-active {
        border-radius: 0
    }

    .text-black-45 {
        font-size: 2.8125rem
    }

    .text-blue-smaller {
        font-size: 2.8125rem
    }

    .line-height p span {
        line-height: 1.4
    }

    .border-top-bottom .component-content {
        border-bottom: #888 2px solid;
        border-top: #888 2px solid
    }

    .line-height p {
        margin: 10px 0
    }

    .text-black-50 {
        font-size: 3.08rem
    }

    .text-blue {
        font-size: 3.75rem
    }

    .text-black-40 {
        font-size: 2.5rem
    }

    .promotional-banner-content-custom img {
        max-width: 80%
    }

    .breadcrumbs {
        padding-bottom: 15px
    }

    .lg-banner.pain_hero_banner>.component-content {
        height: 700px;
        background-size: contain
    }

    .md-banner.pain_hero_banner>.component-content {
        min-height: 570px
    }
}

@media (min-width:1200px) {
    .main-nav .navigation-level1 .navigation-item {
        font-size: 15px;
        padding: 6px 10px
    }

    .BannerMinHeight {
        min-height: 570px
    }
}

@media only screen and (min-width:769px) and (max-width:991px) {
    .mod-touch .navigation.main-nav .navigation-item {
        width: 100%
    }

    .mod-touch .navigation.main-nav .navigation-item.is-open .navigation-branch.navigation-level2 {
        margin: 0 0 -2px 0;
        border-left: none;
        border-right: none
    }

    .mod-touch .navigation.main-nav .navigation-item {
        width: 100%
    }

    .mod-touch .navigation.main-nav .navigation-item.is-open .navigation-branch.navigation-level2 {
        margin: 0 0 -2px 0;
        border-left: none;
        border-right: none;
        position: static
    }

    .mod-no-touch .navigation.main-nav .navigation-item:hover .navigation-branch.navigation-level2 .navigation-item:hover {
        background: var(--primary-color)
    }

    .navigation-mobile-menu {
        display: block;
        width: 100%;
        height: 41px;
        position: relative;
        cursor: pointer;
        border-width: 2px 2px 2px 2px;
        border-style: solid;
        border-color: #4a4a4a;
        box-sizing: border-box;
        margin: 0 0 -2px -2px;
        overflow: hidden;
        background: #f5f5f5
    }

    .navigation.main-nav.mb-dropdown .has-children>.navigation-item-title .navigation-item-decoration:before {
        content: "\f078";
        display: inline-block;
        font-family: FontAwesome;
        font-style: normal;
        position: relative;
        font-weight: 400;
        display: inline-block;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        width: auto;
        height: auto;
        display: block;
        position: absolute;
        top: 50%;
        left: auto;
        right: 0;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        text-align: center
    }

    .navigation-item.navigation-level1 {
        width: 100%
    }

    .navigation-branch.navigation-level1 {
        display: none
    }

    .navigation-branch.navigation-level1.is-open {
        display: block
    }

    .navigation-vertical .navigation-item:hover .navigation-branch.navigation-level2,
    .navigation.main-nav .navigation-item:hover .navigation-branch.navigation-level2 {
        left: 0;
        border-left: none;
        border-right: none
    }

    .pain-navigation-mobile>.component-content {
        padding-bottom: 0;
        background-position: 118% 100%;
        background-size: auto 97%
    }
}

@media(min-width:912px) {
    .reference-custom-article-teaser-small .article-teaser-small-content {
        padding-left: 15px;
        padding-right: 15px
    }
}

@media(max-width:991px) {
    .how_when>.component-content {
        background: transparent !important;
    }

    .how_when_mobile_accordion {
        clear: both;
    }

    .adaptive-accordion-body .richText-content {
        clear: both
    }

    .adaptive-accordion-body .blue_button.button_arrow {
        margin-bottom: 20px;
        margin-top: 10px
    }

    .adaptive-accordion-body .richText ul li:after {
        content: "";
        width: 8px;
        height: 8px;
        background: #e86215;
        border-radius: 50%;
        position: absolute;
        left: 0;
        top: 7px
    }

    .adaptive-accordion-body .richText ul li {
        padding-left: 20px !important;
        margin-bottom: 5px
    }

    .title-icon .component-content .pull-left {
        width: 75px
    }

    .adaptive-accordion-body .product-blocks h4 {
        color: #e86215;
        font-size: 22px;
        margin-bottom: 7px;
        font-weight: 500;
        line-height: 1.1
    }

    .adaptive-accordion-body .product-blocks h4 .blue_color {
        font-size: 30px
    }

    .compareTable {
        display: none
    }

    .adaptive-accordion-body.is-active {
        display: block
    }

    .adaptive-accordion-body,
    .adaptive-accordion_header {
        padding: 0 15px
    }

    .adaptive-accordion-body {
        display: none;
        margin-bottom: 0 !important;
        border-bottom: 1px solid transparent;
        padding-bottom: 0
    }

    .adaptive-accordion_header {
        margin-bottom: 10px
    }

    .adaptive-accordion_header .title-icon {
        padding-bottom: 10px;
        border-bottom: 1px solid #c5c5c5;
        position: relative
    }

    .adaptive-accordion_header .title-icon:after {
        content: '';
        position: absolute;
        top: 50%;
        right: 0;
        background: url(https://i-cf65.ch-static.com/content/dam/cf-consumer-healthcare/bp-voltaren-delta/jp_JP/desktop/assets/img/css_sprites.png);
        background-repeat: no-repeat;
        background-position: 50% 97.6%;
        background-size: 126.6% 946%;
        width: 37px;
        height: 25px;
        margin-top: -12px
    }

    .adaptive-accordion_header.is-active {
        margin-bottom: 30px
    }

    .adaptive-accordion_header.is-active .title-icon:after {
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg)
    }

    .pain_info_block .article_text h2 {
        margin-bottom: 20px
    }

    .promotional-banner-content img {
        padding-bottom: 60px
    }

    .symptoms_wrapper {
        margin-top: 20px
    }

    .how_when ul.accordion-container {
        padding-top: 25px
    }

    .how_when_mobile_accordion .accordion {
        padding: 15px 15px 15px
    }

    .how_when .accordion-slide {
        margin-bottom: 25px
    }

    .how_when .accordion-content-wrapper {
        margin-top: 15px
    }

    .how_when_mobile_accordion {
        margin-bottom: 20px
    }

    .border_right {
        border-right: 1px solid #ccc
    }

    .pain_hero_banner>.component-content .pain_hero_banner {
        padding: 0 15px
    }

    .qa_title {
        padding-left: 15px;
        padding-right: 15px
    }

    .container-teaser .snippetReference {
        min-height: auto
    }

    .reference-custom-article-teaser-small .article-small-title {
        min-height: 100px
    }

    .reference-custom-article-teaser .article-title {
        display: inline-block
    }

    .reference-custom-article-teaser-small .article-teaser-small-content {
        padding-left: 0;
        margin: 0
    }

    .reference-custom-article-teaser-small .article-small-description {
        padding: 0
    }

    .navigation.main-nav.mb-dropdown .navigation-branch.navigation-level2,
    .navigation.main-nav.mb-dropdown .navigation-branch.navigation-level3 {
        display: none
    }

    .navigation.main-nav.mb-dropdown .navigation-item.is-open>.navigation-branch.navigation-level2,
    .navigation.main-nav.mb-dropdown .navigation-item.is-open>.navigation-branch.navigation-level3 {
        display: block
    }

    .navigation.main-nav.mb-dropdown .has-children>.navigation-item-title {
        position: relative
    }

    .navigation.main-nav.mb-dropdown .has-children>.navigation-item-title .navigation-item-decoration {
        height: 34px;
        width: 34px;
        position: absolute;
        right: 0;
        top: 0;
        text-align: center;
        line-height: 41px;
        z-index: 999;
        background: var(--primary-color);
        color: #fff
    }

    .navigation.main-nav.mb-dropdown .has-children>.navigation-item-title .navigation-item-decoration:before {
        content: "\f078";
        display: inline-block;
        font-family: FontAwesome;
        font-style: normal;
        position: relative;
        font-weight: 400;
        display: inline-block;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        width: 41px;
        height: 41px;
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        text-align: center
    }

    .mod-touch .navigation.main-nav .navigation-item .navigation-level2 .navigation-item:before {
        content: "•";
        bottom: 15px;
        position: absolute
    }

    .navigation.main-nav.mb-dropdown .has-children.navigation-level2>.navigation-item-title .navigation-item-decoration {
        height: 31px;
        width: 31px;
        line-height: 31px
    }

    .navigation.main-nav.mb-dropdown .has-children.navigation-level2>.navigation-item-title .navigation-item-decoration:before {
        width: 31px;
        height: 31px
    }

    .navigation.main-nav.mb-dropdown .has-active-child>.navigation-item-title .navigation-item-decoration {
        background-color: #c8c8c8
    }

    .mobile_navigation_wrap .navigation-root.navigation-branch.navigation-level1.is-open {
        overflow: auto
    }

    .main-nav .navigation-branch li a::after {
        content: none
    }

    .navigation.main-nav.mb-dropdown .has-children>.navigation-item-title .navigation-item-decoration:before {
        content: "\f078";
        display: inline-block;
        font-family: FontAwesome;
        font-style: normal;
        position: relative;
        font-weight: 400;
        display: inline-block;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        width: auto;
        height: auto;
        display: block;
        position: absolute;
        top: 50%;
        left: auto;
        right: 0;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        text-align: center
    }

    .navigation.main-nav.mb-dropdown .has-children.is-open>.navigation-item-title .navigation-item-decoration:before {
        content: "\f077";
        display: inline-block;
        font-family: FontAwesome;
        font-style: normal;
        position: relative;
        font-weight: 400;
        display: inline-block;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        width: auto;
        height: auto;
        display: block;
        position: absolute;
        top: 50%;
        left: auto;
        right: 0;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        text-align: center
    }

    .pain-navigation-mobile .richText h1 {
        line-height: 1.2;
        width: 85%
    }

    .margin-60-bottom-mb {
        margin-bottom: 60px
    }

    .margin-24-top-mb {
        margin-top: 24px
    }

    .padding-16-left-mb {
        padding-left: 16px
    }

    body .padding-15-right-mb {
        padding-right: 15px !important
    }

    .padding-15-left-mb {
        padding-left: 15px !important
    }

    .margin-40-bottom-mb {
        margin-bottom: 40px !important
    }

    .pain-navigation-mobile>.component-content {
        background-position: 100% 45%
    }

    .navigation-logo img {
        max-width: 150px !important;
        max-height: 100% !important
    }

    .navigation-logo {
        margin-top: -30px
    }

    .mbtext-left {
        text-align: left
    }
}

@media only screen and (max-width:768px) {
    .title-icon .component-content .pull-left {
        width: 42px
    }

    .page-products .title-icon h3 {
        font-size: 18px
    }

    .title-icon .component-content .richText-content h3 {
        margin: 0;
        position: relative;
        padding-right: 45px
    }

    .mod-touch .navigation.main-nav .navigation-item {
        width: 100%
    }

    .mod-touch .navigation.main-nav .navigation-item.is-open .navigation-branch.navigation-level2 {
        margin: 0 0 -2px 0;
        border-left: none;
        border-right: none;
        position: static
    }

    .navigation-mobile-menu {
        display: block;
        width: 100%;
        height: 41px;
        position: relative;
        cursor: pointer;
        border-width: 2px 2px 2px 2px;
        border-style: solid;
        border-color: #4a4a4a;
        box-sizing: border-box;
        margin: 0 0 -2px -2px;
        overflow: hidden;
        background: #f5f5f5
    }

    .navigation-item.navigation-level1 {
        width: 100%
    }

    .navigation-branch.navigation-level1 {
        display: none
    }

    .navigation-branch.navigation-level1.is-open {
        display: block
    }

    .navigation-vertical .navigation-item:hover .navigation-branch.navigation-level2,
    .navigation.main-nav .navigation-item:hover .navigation-branch.navigation-level2 {
        left: 0;
        border-left: none;
        border-right: none
    }
}

@media(max-width:767px) {
    .promotional-banner-content img {
        padding-bottom: 0
    }

    .reference-custom-quiz-voltaren {
        padding: 0 15px
    }

    .reference-custom-article-teaser-small .article-small-title {
        min-height: auto
    }

    u {
        font-size: 12px;
        line-height: normal
    }

    .page-inflammatory-pain .hero-banner-simple figure img {
        transform: none !important;
        -moz-transform: none !important;
        -webkit-transform: none !important
    }

    .blue_button.button_arrow:after {
        background-size: 12px !important
    }

    .pain_info_block {
        margin-top: 0;
        padding: 30px 0
    }

    .pain_info_block .article_text h2 {
        margin-bottom: 20px
    }

    .container-box-sm h1 {
        margin-top: 30px
    }

    .reference-custom-article-teaser-small .article-teaser-small-content {
        padding-left: 15px;
        padding-right: 15px
    }

    .gr-text-size .h3-styles {
        font-size: 1.75rem
    }

    .reference-custom-article-teaser-small .article-small-title {
        min-height: auto
    }

    .container-teaser .snippetReference {
        min-height: auto
    }

    .page-treatment-by-pain-type .h2-styles {
        font-size: 1.75rem
    }

    .product_detail_subtitle p {
        font-size: 18px;
        line-height: 22px;
        font-weight: 500;
        color: #e86215
    }

    .pain_hero_banner .richText-content>p {
        margin: 0
    }

    .pain_hero_banner h1 {
        margin: 0 0 10px 0;
        font-size: 35px;
        line-height: 1.3;
        /* color: #242f60; */
        font-weight: 600
    }

    .pain_hero_banner .image.banner-small-icon {
        margin-bottom: 10px
    }

    .page-products .qa .qa_title_selector h2 {
        font-size: 42px;
        line-height: 2
    }

    .page-muscle-pain .pain_reasons>.component-content {
        border: none
    }
}

@media only screen and (max-width:480px) {
    .pain-navigation-mobile>.component-content {
        background-position: 150% 45%
    }

    .pain-navigation-mobile .pain_navigator_mobile_text li a {
        font-size: 20px
    }

    .pain-navigation-mobile .pain_navigator_mobile_text li a {
        font-size: 16px
    }
}

.skip-to-content {
    display: none
}

.reference-custom-article-teaser:focus {
    outline: 2px dotted
}

@media (min-width :992px) {
    .text-blue-3rem {
        color: #1549a5;
        font-size: 3rem
    }
}

@media (max-width:991px) {
    .text-blue-3rem {
        color: #1549a5;
        font-size: 16px
    }
}

.tabs .tabs-nav .tabs-nav-item a {
    display: block
}

‌.gr-letter {
    color: #e9570b
}

@media (min-width:992px) {
    .page-back-pain .article_text.richText ul li {
        display: flex;
        margin-bottom: 10px !important
    }
}

.page-cm .white-color {
    color: #fff;
    padding: 50px 0
}

@media (min-width:768px) {
    .page-cm .gradient_bg_header {
        padding: 65px 0
    }
}

.page-cm .gradient_bg_header {
    background: -moz-linear-gradient(79deg, #e64510 0, #f08400 100%);
    background: -webkit-linear-gradient(79deg, #e64510 0, #f08400 100%);
    background: linear-gradient(79deg, #e64510 0, #f08400 100%);
    padding: 35px 0;
    margin-bottom: 15px
}

@media (min-width:992px) {
    .page-cm h1.white-color {
        font-size: 70px !important;
        letter-spacing: -.7px !important
    }
}

@media (min-width:768px) {
    .page-cm h1.white-color {
        font-size: 82px;
        letter-spacing: -.82px
    }
}

.page-cm h1.white-color {
    color: #fff;
    margin: 0;
    font-size: 40px;
    line-height: 1;
    letter-spacing: -.4px
}

@media only screen and (min-width:768px) {
    .page-cm .big-font {
        font-size: 82px !important;
        letter-spacing: -.82px !important
    }
    .deskindentation {
        display: block;
    }
}

@media only screen and (min-width:992px) {
    .page-cm .big-font {
        font-size: 70px !important;
        letter-spacing: -.7px !important
    }

    .navigation.main-nav .is-active.focused .navigation-level2.navigation-root {
        position: absolute;
        min-width: 300px;
        top: 33px;
        left: 0;
        background: var(--primary-color)
    }

    .navigation-link-active.is-active.focused.navigation-level1.navigation-item a:focus {
        outline: 2px dotted #fff !important
    }

    .main-nav span.navigation-item-decoration {
        display: none
    }
}

.page-cm .big-font {
    font-size: 35px;
    text-align: center;
    margin: 2rem auto
}

.page-self-service-product-finder .richText .component-content {
    overflow: visible
}

‌.page-p_product .two-article .article-filter {
    background-color: #fff !important;
    border-bottom-right-radius: 0 !important
}

.page-p_product .my-center {
    display: flex !important;
    justify-content: center !important
}

.page-p_product .my-center li {
    min-width: 304px !important
}

.page-p_product .design {
    color: #fff;
    background-color: #e56504;
    border-top-left-radius: 80px;
    border-bottom-right-radius: 80px;
    padding: 10px
}

.page-p_product .parametrizedhtml .table.compareProductsTable.component table tr td:hover {
    background: #f8f8f8 !important
}

.page-p_product .parametrizedhtml .table.compareProductsTable.component table tr td:hover a {
    color: #e86215
}

.page-p_product .parametrizedhtml .table.compareProductsTable.component table tr td .active_border {
    display: none;
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 6px;
    background: #e86215;
    left: 0
}

.page-p_product .parametrizedhtml .table.compareProductsTable.component table tr td a:not(.download_leaflet) {
    color: #242f60
}

.page-p_product .parametrizedhtml .table.compareProductsTable.component table tr td p {
    text-align: center
}

.semiBold {
    font-weight: 600;
}

.jpindentation {
    display: block
}

.box-black {
    background-color: #1f1f1f;
    color: #ffff;
}

@media (min-width:768px) and (max-width:1024px) {
    .pain_hero_banner {
        margin-bottom: 10px
    }
}

.pain_hero_banner {
    margin-bottom: 10px
}

.text-white {
    color: #fff !important
}

p.product-detail-btn span {
    font-size: 24px;
    line-height: 50px;
    font-weight: 600;
    color: #e86228
}

p.product-detail-btn a {
    margin-left: 30px
}

.how_when_title p.banner-head {
    color: #242f60
}

p.margin-20-bottom-dt {
    margin-bottom: 20px
}

.how_when_mobile_accordion {
    background-image: none;
}

@media(max-width:991px) {
    #footer .background-wordmark-dark-blue {
        justify-content: left;
    }

    .how_when_mobile_accordion>.component-content {
        padding-top: 25px;
    }

    .mod-js .how_when .accordion-slide.is-active>.accordion-head .accordion-title {
        font-size: 30px;
        padding: 0 35px 20px 0;
    }

    .how_when .accordion-title {
        font-size: 30px;
        padding: 0px 35px 30px 0;
    }
}

@media(max-width:546px) {
    .how_when .how_when_title p {
        font-size: 32px;
    }

    .how_when_desktop_when h3 {
        padding: 8px 0px;
    }
}


.doc_banner p {
    font-size: 16px !important;
    font-weight: 600;
}

.titlefont37 span.gradintText.h3-styles {
    font-size: 37px;
    line-height: 1.3;
}

.titlefont37 h3 {
    margin-bottom: 10px;
}

.page-pain-relief-during-pregnancy .pain_hero_banner h1 {
    font-size: 55px;
    line-height: 100%;
}

.page-pain-relief-during-pregnancy .pain_hero_banner .richText-content>p {
    font-size: 24px;
    font-weight: 600
}

.main-nav .navigation-level1 .navigation-item.page-search {
    display: none;
}

.grey-background:not(.selected-category) {
    background-image: none;
    background-color: whitesmoke;
    border-radius: 0;
}

.Content .search-query {
    padding: 27px 10px !important;
}

.searchResults {
    padding-bottom: 15px;
}

.page-exercises-to-do-at-home .lg-banner.pain_hero_banner>.component-content {
    background-size: cover;
    background-position: center 100%;
}

.Footer .component-content.left {
    text-align: left;
}

.overlay-container #wrapper #content {
    margin: 0;
}

/* Index carousel */
.carousel.index_carousel {
    max-height: 525px;
    border: none;
    padding: 0;
    position: relative;
    margin: 0 auto;
    max-width: 1400px;
}

.carousel.index_carousel .component {
    margin-bottom: 0
}

.carousel.index_carousel p {
    margin: 0
}

.carousel.index_carousel .carousel-nav {
    position: absolute;
    left: 5px;
    right: 5px;
    bottom: 18px;
    margin: 0;
    text-align: left;
    overflow: visible
}

.carousel.index_carousel .carousel-nav li {
    display: inline-block;
    margin: 0 10px;
    width: 20px;
    height: 20px;
    text-align: center
}

.carousel.index_carousel .carousel-nav li a {
    display: inline-block;
    vertical-align: middle;
    width: 12px;
    height: 12px;
    background: #e86215;
    border-radius: 50%;
    border: none
}

.carousel.index_carousel .carousel-nav li.is-active a {
    width: 20px;
    height: 20px
}

.carousel.index_carousel .carousel-nav .carousel-nav-next,
.carousel.index_carousel .carousel-nav .carousel-nav-prev {
    display: none
}

.carousel.index_carousel .inner_container_width {
    position: absolute;
    top: 20px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.carousel.index_carousel .subtitle {
    display: block;
    font-size: 18px;
    line-height: 1;
    text-transform: uppercase;
    font-weight: 700;
    color: #242f60;
    margin-bottom: 18px
}

.carousel.index_carousel h4 {
    font-size: 22px;
    line-height: 1;
    margin-bottom: 0
}

.carousel.index_carousel .blue_button,
.carousel.index_carousel .carousel_text {
    display: none
}

.carousel.index_carousel img {
    display: block
}

@media (min-width:768px) {
    .carousel.index_carousel .inner_container_width {
        top: 41px
    }

    .carousel.index_carousel .subtitle {
        font-size: 26px;
        margin-bottom: 40px
    }

    .carousel.index_carousel h4 {
        font-size: 50px;
        margin-bottom: 50px
    }

    .carousel.index_carousel .blue_button {
        display: inline-block
    }

    .carousel.index_carousel .carousel-nav {
        bottom: 40px
    }
    .doc_banner h1 {
        font-size: 55px;
    }

}

@media (min-width:992px) {
    .carousel.index_carousel .inner_container_width {
        top: 30px
    }

    .carousel.index_carousel .subtitle {
        font-size: 24px;
        margin-bottom: 10px
    }

    .carousel.index_carousel h4 {
        font-size: 40px;
        letter-spacing: -1.75px;
        margin-bottom: 15px
    }

    .carousel.index_carousel .carousel_text {
        display: block;
        font-size: 16px;
        line-height: 22px;
        color: #333
    }

    .carousel.index_carousel .carousel-nav {
        bottom: 30px
    }

    .carousel.index_carousel .blue_button {
        margin-top: 20px
    }
}

@media (min-width:1200px) {
    .carousel.index_carousel .inner_container_width {
        top: 45px
    }

    .carousel.index_carousel .subtitle {
        margin-bottom: 15px
    }

    .carousel.index_carousel h4 {
        font-size: 60px;
        letter-spacing: -1.75px;
        margin-bottom: 20px
    }

    .carousel.index_carousel .carousel_text {
        display: block;
        font-size: 16px;
        line-height: 22px;
        color: #333
    }

    .carousel.index_carousel .carousel-nav {
        width: 1110px;
        bottom: 35px;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        right: auto
    }
}

@media (min-width:1300px) {
    .carousel.index_carousel .inner_container_width {
        top: 55px
    }

    .carousel.index_carousel .subtitle {
        margin-bottom: 20px
    }

    .carousel.index_carousel h4 {
        font-size: 70px;
        margin-bottom: 30px
    }
}

.page-home .carousel.index_carousel .carousel-nav.swiper-pagination-clickable {
    background-color: #fff;
    bottom: 0;
    display: inline-block;
    padding-bottom: 5px;
    position: relative
}

.carousel-slides .carousel-slide:first-child,
.carousel-slides .carousel-slide:nth-child(2) {
    padding-bottom: 0 !important
}

@media (min-width: 991px) {
    .carousel.index_carousel ul.slick-dots {
        width: 85%;
        bottom: -25px;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        right: 0;
        left: auto;
    }
}

@media (max-width: 991px) {
    .slick-dots {
        position: static;
        padding-top: 15px;
    }
}

@media (min-width: 768px) {
    .banner-with-image .promotional-banner {
        width: auto;
        max-width: 100%;
        max-height: none;
    }
}

/**LP Pages CSS**/
.box-white>.component-content {
    background: #ffff;
    border: #cbcbcb 1px solid
}

.page-lp01 .border-dark-green :last-child.box-white .component-content,
.page-lp02 .border-dark-green :last-child.box-white .component-content,
.page-lp03 .border-dark-green :last-child.box-white .component-content {
    border-top: #ffff;
    padding-bottom: 3%
}

.border-black {
    border: #000 1px solid;
    text-align: center
}

.border-black.first {
    border: #000 2px solid
}

.page-lp03 .border-blue .box-white .border-black.first,
.page-lp03 .border-purple .box-white .border-black.first {
    padding-bottom: 19px;
    padding-top: 19px
}

.no-margin {
    margin: 0
}

.page-lp01 .background-grey .no-margin,
.page-lp02 .background-grey .no-margin,
.page-lp03 .background-grey .no-margin {
    font-size: 1.125rem
}

.box-dark-blue {
    background-color: #00489d
}

.box-purple .component-content {
    background-image: linear-gradient(#69147f, #2b0834)
}

.box-green .component-content {
    background-image: linear-gradient(#3a9a2d, #183f13)
}

.box-blue .component-content {
    background-image: linear-gradient(#00a0e8, #004361)
}

@media (min-width:992px) {

    .page-lp01 .border-green .box-white,
    .page-lp02 .border-green .box-white {
        margin-top: -40px
    }

    .page-lp01 .border-blue .box-white>.component-content,
    .page-lp02 .border-blue .box-white>.component-content {
        min-height: 313px
    }

    .page-lp03 .border-green .box-white {
        margin-top: -40px
    }

    .page-lp03 .border-blue .box-white>.component-content {
        min-height: 313px
    }

    .box-blue .component-content p,
    .box-dark-green .component-content p,
    .box-green .component-content p,
    .box-purple .component-content p {
        font-size: 2.1875rem;
        margin: 35px
    }

    .page-lp03 .box-dark-blue p strong,
    .page-lp03 .box-dark-green p strong,
    .page-lp03 .box-dark-purple p strong {
        font-size: 1.625rem
    }
}

.page-lp03 .box-dark-green>.component-content {
    font-size: 1.25rem;
    background-image: none;
    margin-top: 0
}

@media (min-width:768px) {

    .page-lp01 .background-grey .no-margin,
    .page-lp02 .background-grey .no-margin,
    .page-lp03 .background-grey .no-margin {
        font-size: 1.625rem
    }

    .box-blue .component-content p,
    .box-dark-green .component-content p,
    .box-green .component-content p,
    .box-purple .component-content p {
        font-size: 1.5rem
    }

    .page-lp03 .box-dark-green>.component-content {
        font-size: 1.875rem
    }

    .page-lp03 .box-dark-blue p strong,
    .page-lp03 .box-dark-green p strong,
    .page-lp03 .box-dark-purple p strong {
        font-size: .8125rem
    }
}

.page-lp01 .background-grey .no-margin .component-content,
.page-lp02 .background-grey .no-margin .component-content,
.page-lp03 .background-grey .no-margin .component-content {
    border-bottom: #ffff
}

.add-opacity:hover {
    opacity: .7
}

.margin-bottom {
    margin-bottom: 5%
}

.page-lp03 .box-dark-green {
    background-color: #006428
}

.box-dark-green .component-content {
    background-image: linear-gradient(#006428, #002910)
}

.box-dark-blue,
.box-dark-green,
.box-dark-purple {
    color: #ffff
}

@media (max-width:991px) {
    .page-lp03 .box-dark-green {
        margin: -1px
    }
}

@media (max-width:767px) {

    .box-dark-blue p,
    .box-dark-green p,
    .box-dark-purple p {
        font-size: .8125rem;
        margin-block-start: 0.6em;
        margin-block-end: 0.6em
    }

    .border-black.first p {
        margin-block-start: 0.1em;
        margin-block-end: 0.3em
    }
}

@media (min-width:768px) and (max-width:991px) {

    .box-dark-blue p,
    .box-dark-green p,
    .box-dark-purple p {
        margin-block-start: 0.65em;
        margin-block-end: 0.65em
    }

    .page-lp03 .box-dark-blue p strong,
    .page-lp03 .box-dark-green p strong,
    .page-lp03 .box-dark-purple p strong {
        font-size: 1rem
    }

    .border-black.first p {
        margin-block-start: 0.5em;
        margin-block-end: 0.5em
    }
}

.box-blue .component-content,
.box-dark-green .component-content,
.box-green .component-content,
.box-purple .component-content {
    color: #ffff;
    margin-top: 4%
}

.box-blue .component-content p,
.box-dark-green .component-content p,
.box-green .component-content p,
.box-purple .component-content p {
    font-size: 1.375rem;
    margin: 35px
}

.four-products-box .richText {
    font-size: .75rem
}

@media (min-width:768px) {
    .four-products-box .richText {
        font-size: 1rem
    }
}

@media (min-width:992px) {
    .four-products-box .richText {
        font-size: 1.375rem
    }
}

.four-products-box .richText.odd p {
    border: #000 1px solid;
    right: 0;
    text-align: center;
    font-size: .875rem
}

@media (min-width:768px) {
    .four-products-box .richText.odd p {
        font-size: 1.25rem
    }
}

@media (min-width:992px) {
    .four-products-box .richText.odd p {
        font-size: 1.375rem
    }
}

.four-products-box .richText.even {
    margin-top: -50px
}

.border-blue,
.border-dark-green,
.border-green,
.border-purple {
    border: 5px solid
}

@media (max-width:768px) {

    .border-blue,
    .border-dark-green,
    .border-green,
    .border-purple {
        border-left: none;
        border-right: none
    }
}

.border-purple {
    border-color: #691480
}

.margin-top-negative1 {
    margin-top: -24px
}

@media (min-width:768px) {
    .margin-top-negative1 {
        margin-top: -2.5%
    }
}

@media (max-width:768px) {

    .border-blue,
    .border-dark-green,
    .border-green,
    .border-purple {
        border-left: none;
        border-right: none
    }
}

.border-dark-green {
    border-color: #006026
}

.border-blue {
    border-color: #00a1e9
}

.border-purple {
    border-color: #691480
}

.border-green {
    border-color: #006026
}

.border-black {
    border: #000 1px solid;
    text-align: center
}

.page-lp01 .divider,
.page-lp02 .divider,
.page-lp03 .divider {
    background: #ffe6bf;
    height: 2px;
    margin: 0
}

@media (min-width:768px) {
    .margin-top-negative {
        margin-top: -1.2%
    }
}

.no-padding {
    padding: 0
}

@media (max-width:768px) {
    .no-padding-mobile {
        padding: 0
    }
}

.box-black .richText-content {
    background-color: #1f1f1f;
    color: #fff;
    font-size: 1rem
}

.box-black .richText-content p {
    margin: 0;
    padding-bottom: 10px;
    padding-top: 10px
}

@media (min-width:768px) {
    .box-black .richText-content {
        font-size: 2.1875rem;
        margin-bottom: 0
    }
}

@media (min-width:992px) {
    .box-black .richText-content {
        font-size: 2.8125rem;
        margin-bottom: 0
    }
}

@media (max-width:767px) {
    .page-lp03 .box-black.even.last {
        margin-bottom: -9px
    }
}

.background-arrow .component-content {
    background-repeat: no-repeat;
    background-position-x: center;
    background-size: 49vw
}

@media (min-width:992px) {
    .background-arrow .component-content {
        background-size: auto
    }
}

.background-arrow .component-content .image.last {
    min-height: 95vw
}

@media (min-width:992px) {
    .background-arrow .component-content .image.last {
        min-height: 870px
    }
}

.border-dark-blue-inner>.component-content,
.border-purple-inner>.component-content,
.border-dark-green-inner>.component-content {
    border: 3px solid
}

.border-dark-blue-inner>.component-content {
    border-color: #00489d
}

.page-lp03 .border-dark-blue-inner .border-black.first,
.page-lp03 .border-purple-inner .border-black.first {
    align-items: center;
    display: flex;
    justify-content: center
}

@media (min-width:768px) and (max-width:992px) {
    .page-lp03 .border-dark-blue-inner>.component-content {
        min-height: 420px
    }
}

.page-lp03 .border-dark-blue-inner .box-dark-blue strong {
    font-size: .8125rem
}

@media (min-width:768px) {
    .page-lp03 .border-dark-blue-inner .box-dark-blue strong {
        font-size: 1rem
    }
}

@media (min-width:992px) {
    .page-lp03 .border-dark-blue-inner .box-dark-blue strong {
        font-size: 1.625rem
    }
}

@media (max-width:991px) {
    .page-lp03 .border-dark-blue-inner .box-dark-blue {
        margin-bottom: 10px
    }
}

.page-lp03 .border-purple-inner .component-content,
.page-lp03 .border-dark-green-inner .component-content,
.page-lp03 .border-dark-blue-inner .component-content {
    display: flex;
    justify-content: center;
    flex-direction: column
}

.page-lp03 .border-purple-inner .text-black-40,
.page-lp03 .border-dark-green-inner .text-black-40,
.page-lp03 .border-dark-blue-inner .text-black-40 {
    font-weight: 900;
    font-size: .8rem
}

@media (min-width:768px) {

    .page-lp03 .border-purple-inner .text-black-40,
    .page-lp03 .border-dark-green-inner .text-black-40,
    .page-lp03 .border-dark-blue-inner .text-black-40 {
        font-size: 1.2rem
    }
}

.border-dark-blue-inner>.component-content,
.border-purple-inner>.component-content,
.border-dark-green-inner>.component-content {
    border: 3px solid
}

.border-dark-green-inner>.component-content {
    border-color: #006428
}

.border-purple-inner>.component-content {
    border-color: #6a1481
}

.page-lp03 .border-purple-inner .component-content,
.page-lp03 .border-dark-green-inner .component-content,
.page-lp03 .border-dark-blue-inner .component-content {
    display: flex;
    justify-content: center;
    flex-direction: column
}

.page-lp03 .border-purple-inner .text-black-40,
.page-lp03 .border-dark-green-inner .text-black-40,
.page-lp03 .border-dark-blue-inner .text-black-40 {
    font-weight: 900;
    font-size: .8rem
}

@media (min-width:768px) {

    .page-lp03 .border-purple-inner .text-black-40,
    .page-lp03 .border-dark-green-inner .text-black-40,
    .page-lp03 .border-dark-blue-inner .text-black-40 {
        font-size: 1.2rem
    }
}

@media (min-width:992px) {

    .page-lp03 .border-purple-inner .text-black-40,
    .page-lp03 .border-dark-green-inner .text-black-40,
    .page-lp03 .border-dark-blue-inner .text-black-40 {
        font-size: 1.6rem
    }
}

@media (min-width:768px) and (max-width:992px) {
    .page-lp03 .border-dark-green-inner>.component-content {
        min-height: 310px
    }
}

.page-lp03 .left-box .text-black-24 {
    font-size: .875rem
}

@media (min-width:768px) {
    .page-lp03 .left-box .text-black-24 {
        font-size: 1rem
    }
}

@media (min-width:992px) {
    .page-lp03 .left-box .text-black-24 {
        font-size: 1.5rem
    }
}

.page-lp03 .left-box .last p {
    margin-bottom: 0;
    margin-top: 0
}

.page-lp03 .right-box .first .text-black-24 {
    font-size: .8125rem
}

@media (min-width:768px) {
    .page-lp03 .right-box .first .text-black-24 {
        font-size: 1rem
    }
}

@media (min-width:992px) {
    .page-lp03 .right-box .first .text-black-24 {
        font-size: 1.625rem
    }
}

.page-lp03 .right-box .last p {
    margin-bottom: 0;
    margin-top: 0
}

.border-dark-blue {
    border: #00489d 3px solid
}

.border-dark-blue-inner>.component-content,
.border-purple-inner>.component-content,
.border-dark-green-inner>.component-content {
    border: 3px solid
}

.border-dark-blue-inner>.component-content {
    border-color: #00489d
}

.page-lp03 .bullets-black {
    line-height: 2;
    font-size: .79rem
}

.page-lp03 .bullets-black .richText ul li:before {
    top: 8px;
    background: #000
}

@media (min-width:768px) {
    .page-lp03 .bullets-black {
        font-size: 1.375rem
    }
}

@media (min-width:992px) {
    .page-lp03 .bullets-black {
        font-size: 1.5625rem
    }

    .page-lp03 .bullets-black .richText ul li:before {
        top: 22px
    }
}

.margin-top {
    margin-top: 4%
}

@media (min-width:992px) {

    .page-lp01 .border-dark-green .image.margin-top,
    .page-lp02 .border-dark-green .image.margin-top,
    .page-lp03 .border-dark-green .image.margin-top {
        min-height: 218px
    }
}

.border-top-bottom .component-content {
    border-bottom: #888 2px solid;
    border-top: #888 2px solid
}

.page-lp03 .border-top-bottom p {
    text-align: left
}

@media (min-width:768px) {
    .page-lp03 .border-top-bottom p {
        text-align: center
    }
}

/* ashish css start */

.heighlight-text {
    position: relative;
    z-index: 1;
}
.heighlight-text:after {
    content: '';
    display: inline-block;
    position: absolute;
    bottom: 0;
    left: 0;
    height: 5px;
    width: 100%;
    border-bottom: 34px solid #FFF258;
    z-index: -1;
}
.heighlight-text.sm-heighlight-text:after {
    border-width: 16px;
}
.yellow-bg > .component-content {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top right;
}
.num-circle {
    height: 245px;
    width: 245px;
    border: 2px solid var(--color-15);
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.num-circle:before {
    content: '';
    background-repeat: no-repeat;
    background-size: contain;
    width: 45px;
    height: 45px;
    position: absolute;
    left: 20px;
    top: 0;
}
.num-section > .component-content {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    min-height: 360px;
}
.num-one-img:before {
    background-image: url('/content/dam/cf-consumer-healthcare/bp-voltaren-delta/jp_JP/newlp/one.svg');
}
.num-two-img:before {
    background-image: url('/content/dam/cf-consumer-healthcare/bp-voltaren-delta/jp_JP/newlp/two.svg');
}
.num-three-img:before {
    background-image: url('/content/dam/cf-consumer-healthcare/bp-voltaren-delta/jp_JP/newlp/three.svg');
}
.num-four-img:before {
    background-image: url('/content/dam/cf-consumer-healthcare/bp-voltaren-delta/jp_JP/newlp/four.svg');
}
.nowrap {
    white-space: nowrap;
}

@media screen and (max-width: 991px) {
    .num-circle {
        height: 160px;
        width: 160px;
    }
    .num-circle:before {
        left: -16px;
    }
    .heighlight-text:after {
        border-width: 16px !important;
    }
    .heighlight-text.sm-heighlight-text:after {
        border-width: 6px !important;
    }
    .num-section > .component-content {
        min-height: 165px;
    }
}
/* ashish css end */

.table-comparison.bullet-center table tr td ul li::before {
    left: 0;
    top: 50%;
    transform: translateY(-65%);
    margin-left: 0;
}
/* global css */
:root{
  --color-1: #000000;
  --color-2: #ffffff;
  --color-3: #F2F2F2;
  --color-4: #E8EFDB;
  --color-5: #76CBD9;
  --color-6: #E4E7F0;
  --color-7: #99CEC8;
  --color-8: #5FB4E6;
  --color-9: #E6DBC3;
  --color-10: #001B71;
  --color-11: #323131;
  --color-12: #B1A14D;
  --color-13: #F6F4E3;
  --color-14: #EAEFFF;
  --color-15: #E64810;
  --color-16: #FFF0E2;
  --color-17: #D5F1FF;
  --color-18: #E64911;
  --color-19: #1A3D90;
  --color-20: #e50011;
  
}
/*=====================   General class start ===================*/
.hide {
    display: none !important
}

.hide-keep {
    height: 0 !important;
    max-height: 0 !important;
    min-height: 0 !important;
    opacity: 0 !important;
    overflow: hidden !important;
    visibility: hidden !important
}
.visibility-hidden{
  visibility: hidden;
}
.d-block{
  display: block;
}
.d-inline-block{
  display: inline-block;
}
.w-100{
  width: 100%;
}
.bg-sky-blue-light{
  background: #e2e9f9;
}
.bg-orange-light >.component-content{
  background:var(--color-13);
}
.bg-blue-light-2 >.component-content{
  background:var(--color-17);
}
.box-dark-blue-2{
  background:var(--color-19);
}
.bg-orange{
  background:var(--color-12);
}
.bg-blue-light{
  background:var(--color-14);
}
.bg-blue-2{
  background:var(--color-10);
}
.box-shadow{
  box-shadow: -2px 2px 4px 1px #0000000f;
}
.line-height-1-5,.line-height-1-5 *{
  line-height: 1.5;
}
@media (max-width: 991px) {
    .hide-m {
        display: none !important
    }
    .line-height-m-32,.line-height-m-32 *{
      line-height: 32px;
    }
    .line-height-m-30,.line-height-m-30 *{
      line-height: 30px;
    }
    .line-height-m-28,.line-height-m-28 *{
      line-height: 28px;
    }
    .line-height-m-24,.line-height-m-24 *{
      line-height: 24px;
    }
    .line-height-m-2,.line-height-m-2 *{
      line-height: 2;
    }
    .line-height-m-inherit{
      line-height: inherit;
    }
    .d-block-m{
      display: block;
    }
    .d-inline-block-m{
      display: inline-block;
    }
}

@media (min-width: 992px) {
    .hide-d {
        display: none !important
    }
    .hide-desktop {
      display: none;
  }
  .line-height-d-48,.line-height-d-48 *{
    line-height: 48px;
  }
  .line-height-d-40,.line-height-d-40 *{
    line-height: 40px;
  }
  .line-height-d-32,.line-height-d-32 *{
    line-height: 32px;
  }
  .line-height-d-2,.line-height-d-2 *{
    line-height: 2;
  }
  .float-right-d{
    float: right;
  }
}

.position-relative{
  position: relative;
}
.position-absolute{
  position: absolute;
}
/*=====================   General class end ===================*/

/*=====================   Text Color start ===================*/
.text-white,
.text-white *{
  color: var(--color-2);
}
.text-black,
.text-black *{
  color: var(--color-1);
}
.text-blue,
.text-blue *{
  color: var(--color-10);
}
.text-voltaren-dark-grey,
.text-voltaren-dark-grey *{
  color: var(--color-11);
}
.text-voltaren-red,
.text-voltaren-red *{
  color: var(--color-12);
}
.text-orange-2{
  color:var(--color-12);
}
.text-red{
  color:var(--color-15);
}
.text-red-2{
  color:var(--color-18);
}
.text-red-3{
  color:var(--color-20);
}
.text-blue-2{
  color:var(--color-19);
}
.bg-white{
  background: #ffffff;
}
/*=====================   Text Color end ===================*/

/*=====================   Font Style class start ===================*/
.font-weight-bold {
  font-weight: bold;
}

.font-weight-500, .font-weight-500 * {
  font-weight: 500;
}
.font-weight-600,.font-weight-600 * {
  font-weight: 600;
}

@media (min-width: 992px) {
  .font-d-12{
    font-size: 12px;
  }
  .font-d-14{
    font-size: 14px;
  }
  .font-d-16{
    font-size: 16px;
  }
  .font-d-18{
    font-size: 18px;
  }
  .font-d-20{
    font-size: 20px;
  }
.font-d-24 {
  font-size: 24px;
}
.font-d-26{
  font-size: 26px;
}
.font-d-28 {
  font-size: 28px;
}
.font-d-30 {
  font-size: 30px;
}

.font-d-32 {
  font-size: 32px;
}
.font-d-36 {
  font-size: 36px;
}
.font-d-35 {
  font-size: 35px;
}

.font-d-40 {
  font-size: 40px;
}
.font-d-42 {
  font-size: 42px;
}
.font-d-46 {
  font-size: 46px;
}
.font-d-48 {
  font-size: 48px;
}
.font-d-50 {
  font-size: 50px;
}
.font-d-60 {
  font-size: 60px;
}


}
@media (max-width:991px) {
  .font-m-12{
    font-size: 12px;
  }
  .font-m-14{
    font-size: 14px;
    line-height: 1.75;
  }
  .font-m-16{
    font-size: 16px;
  }
  .font-m-18{
    font-size: 18px;
  }
  .font-m-20{
    font-size: 20px;
  }
  .font-m-24 {
    font-size: 24px;
  }
  .font-m-28 {
    font-size: 28px;
  }
  .font-m-30 {
    font-size: 30px;
  }
  .font-m-32 {
    font-size: 32px;
  }
  .font-m-48{
    font-size: 48px;
  }
}
/*=====================   Font Style class end ===================*/
/*=====================   margin padding class start ===================*/

@media (min-width:992px) {
    .p-d-0 {
      padding: 0 !important
    }
  
    .m-d-0 {
      margin: 0 !important
    }
    .m-d-auto{
      margin: auto;
    }
  
    .p-d-1 {
      padding: 1rem !important
    }
  
    .m-d-1 {
      margin: 1rem !important
    }
  
    .p-d-2 {
      padding: 2rem !important
    }
  
    .m-d-2 {
      margin: 2rem !important
    }
  
    .p-d-3 {
      padding: 3rem !important
    }
  
    .m-d-3 {
      margin: 3rem !important
    }
  
    .p-d-4 {
      padding: 4rem !important
    }
  
    .m-d-4 {
      margin: 4rem !important
    }
  
    .p-d-5 {
      padding: 5rem !important
    }
  
    .m-d-5 {
      margin: 5rem !important
    }
  
    .p-d-t-0 {
      padding-top: 0 !important
    }
  
    .m-d-t-0 {
      margin-top: 0 !important
    }

    .m-d-t-05 {
      margin-top: -5px !important
    }
  
    .p-d-t-1 {
      padding-top: 1rem !important
    }
  
    .m-d-t-1 {
      margin-top: 1rem !important
    }
  
    .p-d-t-2 {
      padding-top: 2rem !important
    }
  
    .m-d-t-2 {
      margin-top: 2rem !important
    }
  
    .p-d-t-3 {
      padding-top: 3rem !important
    }
  
    .m-d-t-3 {
      margin-top: 3rem !important
    }
  
    .p-d-t-4 {
      padding-top: 4rem !important
    }

    .m-d-auto {
      margin: auto !important;
    }
  
    .m-d-t-4 {
      margin-top: 4rem !important
    }
  
    .p-d-t-5 {
      padding-top: 5rem !important
    }
  
    .m-d-t-5 {
      margin-top: 5rem !important
    }
  
    .p-d-b-0 {
      padding-bottom: 0 !important
    }
  
    .m-d-b-0 {
      margin-bottom: 0 !important
    }
  
    .p-d-b-1 {
      padding-bottom: 1rem !important
    }
  
    .m-d-b-1 {
      margin-bottom: 1rem !important
    }
  
    .p-d-b-2 {
      padding-bottom: 2rem !important
    }
  
    .m-d-b-2 {
      margin-bottom: 2rem !important
    }
  
    .p-d-b-3 {
      padding-bottom: 3rem !important
    }
  
    .m-d-b-3 {
      margin-bottom: 3rem !important
    }
  
    .p-d-b-4 {
      padding-bottom: 4rem !important
    }
  
    .m-d-b-4 {
      margin-bottom: 4rem !important
    }
  
    .p-d-b-5 {
      padding-bottom: 5rem !important
    }
  
    .m-d-b-5 {
      margin-bottom: 5rem !important
    }
  
    .p-d-l-0 {
      padding-left: 0 !important
    }
  
    .m-d-l-0 {
      margin-left: 0 !important
    }
  
    .p-d-l-1 {
      padding-left: 1rem !important
    }
  
    .m-d-l-1 {
      margin-left: 1rem !important
    }
  
    .p-d-l-2 {
      padding-left: 2rem !important
    }
  
    .m-d-l-2 {
      margin-left: 2rem !important
    }
  
    .p-d-l-3 {
      padding-left: 3rem !important
    }
  
    .m-d-l-3 {
      margin-left: 3rem !important
    }
  
    .p-d-l-4 {
      padding-left: 4rem !important
    }
  
    .m-d-l-4 {
      margin-left: 4rem !important
    }
  
    .p-d-l-5 {
      padding-left: 5rem !important
    }
    .p-d-l-6 {
      padding-left: 6rem !important
    }
  
    .m-d-l-5 {
      margin-left: 5rem !important
    }
  
    .p-d-r-0 {
      padding-right: 0 !important
    }
  
    .m-d-r-0 {
      margin-right: 0 !important
    }
  
    .p-d-r-1 {
      padding-right: 1rem !important
    }
  
    .m-d-r-1 {
      margin-right: 1rem !important
    }
  
    .p-d-r-2 {
      padding-right: 2rem !important
    }
  
    .m-d-r-2 {
      margin-right: 2rem !important
    }
  
    .p-d-r-3 {
      padding-right: 3rem !important
    }
  
    .m-d-r-3 {
      margin-right: 3rem !important
    }
  
    .p-d-r-4 {
      padding-right: 4rem !important
    }
  
    .m-d-r-4 {
      margin-right: 4rem !important
    }
  
    .p-d-r-5 {
      padding-right: 5rem !important
    }
  
    .m-d-r-5 {
      margin-right: 5rem !important
    }
  
    .p-d-y-0 {
      padding-top: 0 !important;
      padding-bottom: 0 !important
    }
  
    .m-d-y-0 {
      margin-top: 0 !important;
      margin-bottom: 0 !important
    }
  
    .p-d-y-1 {
      padding-top: 1rem !important;
      padding-bottom: 1rem !important
    }
  
    .m-d-y-1 {
      margin-top: 1rem !important;
      margin-bottom: 1rem !important
    }
  
    .p-d-y-2 {
      padding-top: 2rem !important;
      padding-bottom: 2rem !important
    }
  
    .m-d-y-2 {
      margin-top: 2rem !important;
      margin-bottom: 2rem !important
    }
  
    .p-d-y-3 {
      padding-top: 3rem !important;
      padding-bottom: 3rem !important
    }
  
    .m-d-y-3 {
      margin-top: 3rem !important;
      margin-bottom: 3rem !important
    }
  
    .p-d-y-4 {
      padding-top: 4rem !important;
      padding-bottom: 4rem !important
    }
  
    .m-d-y-4 {
      margin-top: 4rem !important;
      margin-bottom: 4rem !important
    }
  
    .p-d-y-5 {
      padding-top: 5rem !important;
      padding-bottom: 5rem !important
    }
  
    .m-d-y-5 {
      margin-top: 5rem !important;
      margin-bottom: 5rem !important
    }
  
    .p-d-x-0 {
      padding-left: 0 !important;
      padding-right: 0 !important
    }
  
    .m-d-x-0 {
      margin-left: 0 !important;
      margin-right: 0 !important
    }
  
    .p-d-x-1 {
      padding-left: 1rem !important;
      padding-right: 1rem !important
    }
  
    .m-d-x-1 {
      margin-left: 1rem !important;
      margin-right: 1rem !important
    }
  
    .p-d-x-2 {
      padding-left: 2rem !important;
      padding-right: 2rem !important
    }
  
    .m-d-x-2 {
      margin-left: 2rem !important;
      margin-right: 2rem !important
    }
  
    .p-d-x-3 {
      padding-left: 3rem !important;
      padding-right: 3rem !important
    }
  
    .m-d-x-3 {
      margin-left: 3rem !important;
      margin-right: 3rem !important
    }
  
    .p-d-x-4 {
      padding-left: 4rem !important;
      padding-right: 4rem !important
    }
  
    .m-d-x-4 {
      margin-left: 4rem !important;
      margin-right: 4rem !important
    }
  
    .p-d-x-5 {
      padding-left: 5rem !important;
      padding-right: 5rem !important
    }
  
    .m-d-x-5 {
      margin-left: 5rem !important;
      margin-right: 5rem !important
    }
  }
  
  @media (max-width:991px) {
    .p-m-0 {
      padding: 0 !important
    }
  
    .m-m-0 {
      margin: 0 !important
    }
  
    .p-m-1 {
      padding: 1rem !important
    }
  
    .m-m-1 {
      margin: 1rem !important
    }
  
    .p-m-2 {
      padding: 2rem !important
    }
  
    .m-m-2 {
      margin: 2rem !important
    }
  
    .p-m-3 {
      padding: 3rem !important
    }
  
    .m-m-3 {
      margin: 3rem !important
    }
  
    .p-m-4 {
      padding: 4rem !important
    }
  
    .m-m-4 {
      margin: 4rem !important
    }
  
    .p-m-5 {
      padding: 5rem !important
    }
  
    .m-m-5 {
      margin: 5rem !important
    }
  
    .p-m-t-0 {
      padding-top: 0 !important
    }
  
    .m-m-t-0 {
      margin-top: 0 !important
    }
  
    .p-m-t-1 {
      padding-top: 1rem !important
    }
  
    .m-m-t-1 {
      margin-top: 1rem !important
    }
  
    .p-m-t-2 {
      padding-top: 2rem !important
    }
  
    .m-m-t-2 {
      margin-top: 2rem !important
    }
  
    .p-m-t-3 {
      padding-top: 3rem !important
    }
  
    .m-m-t-3 {
      margin-top: 3rem !important
    }
  
    .p-m-t-4 {
      padding-top: 4rem !important
    }
  
    .m-m-t-4 {
      margin-top: 4rem !important
    }
  
    .p-m-t-5 {
      padding-top: 5rem !important
    }
  
    .m-m-t-5 {
      margin-top: 5rem !important
    }
  
    .p-m-b-0 {
      padding-bottom: 0 !important
    }
  
    .m-m-b-0 {
      margin-bottom: 0 !important
    }
  
    .p-m-b-1 {
      padding-bottom: 1rem !important
    }
  
    .m-m-b-1 {
      margin-bottom: 1rem !important
    }
  
    .p-m-b-2 {
      padding-bottom: 2rem !important
    }
  
    .m-m-b-2 {
      margin-bottom: 2rem !important
    }
  
    .p-m-b-3 {
      padding-bottom: 3rem !important
    }
  
    .m-m-b-3 {
      margin-bottom: 3rem !important
    }
  
    .p-m-b-4 {
      padding-bottom: 4rem !important
    }
  
    .m-m-b-4 {
      margin-bottom: 4rem !important
    }
  
    .p-m-b-5 {
      padding-bottom: 5rem !important
    }
  
    .m-m-b-5 {
      margin-bottom: 5rem !important
    }
  
    .p-m-l-0 {
      padding-left: 0 !important
    }
  
    .m-m-l-0 {
      margin-left: 0 !important
    }
  
    .p-m-l-1 {
      padding-left: 1rem !important
    }
  
    .m-m-l-1 {
      margin-left: 1rem !important
    }
  
    .p-m-l-2 {
      padding-left: 2rem !important
    }
  
    .m-m-l-2 {
      margin-left: 2rem !important
    }
  
    .p-m-l-3 {
      padding-left: 3rem !important
    }
  
    .m-m-l-3 {
      margin-left: 3rem !important
    }
  
    .p-m-l-4 {
      padding-left: 4rem !important
    }
  
    .m-m-l-4 {
      margin-left: 4rem !important
    }
  
    .p-m-l-5 {
      padding-left: 5rem !important
    }
  
    .m-m-l-5 {
      margin-left: 5rem !important
    }
  
    .p-m-r-0 {
      padding-right: 0 !important
    }
  
    .m-m-r-0 {
      margin-right: 0 !important
    }
  
    .p-m-r-1 {
      padding-right: 1rem !important
    }
  
    .m-m-r-1 {
      margin-right: 1rem !important
    }
  
    .p-m-r-2 {
      padding-right: 2rem !important
    }
  
    .m-m-r-2 {
      margin-right: 2rem !important
    }
  
    .p-m-r-3 {
      padding-right: 3rem !important
    }
  
    .m-m-r-3 {
      margin-right: 3rem !important
    }
  
    .p-m-r-4 {
      padding-right: 4rem !important
    }
  
    .m-m-r-4 {
      margin-right: 4rem !important
    }
  
    .p-m-r-5 {
      padding-right: 5rem !important
    }
  
    .m-m-r-5 {
      margin-right: 5rem !important
    }
  
    .p-m-y-0 {
      padding-top: 0 !important;
      padding-bottom: 0 !important
    }
  
    .m-m-y-0 {
      margin-top: 0 !important;
      margin-bottom: 0 !important
    }
  
    .p-m-y-1 {
      padding-top: 1rem !important;
      padding-bottom: 1rem !important
    }
  
    .m-m-y-1 {
      margin-top: 1rem !important;
      margin-bottom: 1rem !important
    }
  
    .p-m-y-2 {
      padding-top: 2rem !important;
      padding-bottom: 2rem !important
    }
  
    .m-m-y-2 {
      margin-top: 2rem !important;
      margin-bottom: 2rem !important
    }
  
    .p-m-y-3 {
      padding-top: 3rem !important;
      padding-bottom: 3rem !important
    }
  
    .m-m-y-3 {
      margin-top: 3rem !important;
      margin-bottom: 3rem !important
    }
  
    .p-m-y-4 {
      padding-top: 4rem !important;
      padding-bottom: 4rem !important
    }
  
    .m-m-y-4 {
      margin-top: 4rem !important;
      margin-bottom: 4rem !important
    }
  
    .p-m-y-5 {
      padding-top: 5rem !important;
      padding-bottom: 5rem !important
    }
  
    .m-m-y-5 {
      margin-top: 5rem !important;
      margin-bottom: 5rem !important
    }
  
    .p-m-x-0 {
      padding-left: 0 !important;
      padding-right: 0 !important
    }
  
    .m-m-x-0 {
      margin-left: 0 !important;
      margin-right: 0 !important
    }
  
    .p-m-x-1 {
      padding-left: 1rem !important;
      padding-right: 1rem !important
    }
  
    .m-m-x-1 {
      margin-left: 1rem !important;
      margin-right: 1rem !important
    }
  
    .p-m-x-2 {
      padding-left: 2rem !important;
      padding-right: 2rem !important
    }
  
    .m-m-x-2 {
      margin-left: 2rem !important;
      margin-right: 2rem !important
    }
  
    .p-m-x-3 {
      padding-left: 3rem !important;
      padding-right: 3rem !important
    }
  
    .m-m-x-3 {
      margin-left: 3rem !important;
      margin-right: 3rem !important
    }
  
    .p-m-x-4 {
      padding-left: 4rem !important;
      padding-right: 4rem !important
    }
  
    .m-m-x-4 {
      margin-left: 4rem !important;
      margin-right: 4rem !important
    }
  
    .p-m-x-5 {
      padding-left: 5rem !important;
      padding-right: 5rem !important
    }
  
    .m-m-x-5 {
      margin-left: 5rem !important;
      margin-right: 5rem !important
    }
  }

/*=====================   margin padding class end =====================*/


/*=====================   border class start ===================*/
.border {
    border: 1px solid rgba(0, 0, 0, 0)
  }
  .border-none{
    border: none!important;
  }
  @media (min-width:992px) {
    .border-d {
      border: 1px solid rgba(0, 0, 0, 0)
    }
  }
  
  .border-top {
    border-top: 1px solid rgba(0, 0, 0, 0)
  }
  
  @media (min-width:992px) {
    .border-d-top {
      border-top: 1px solid rgba(0, 0, 0, 0)
    }
  }
  
  .border-left {
    border-left: 1px solid rgba(0, 0, 0, 0)
  }
  
  @media (min-width:992px) {
    .border-d-left {
      border-left: 1px solid rgba(0, 0, 0, 0)
    }
  }
  
  .border-bottom {
    border-bottom: 1px solid rgba(0, 0, 0, 0)
  }
  
  @media (min-width:992px) {
    .border-d-bottom {
      border-bottom: 1px solid rgba(0, 0, 0, 0)
    }
  }
  
  .border-right {
    border-right: 1px solid rgba(0, 0, 0, 0)
  }
  
  @media (min-width:992px) {
    .border-d-right {
      border-right: 1px solid rgba(0, 0, 0, 0)
    }
  }
  
  .border-0 {
    border: none
  }
  .border-radius-32{
    border-radius: 32px;
  }
  @media (min-width:992px) {
    .border-d-0 {
      border: none
    }
  }
  
  #exit-notification .exit-notification-inner .exit-notification-buttons button,
  .rounded {
    overflow: hidden;
    border-radius: 5px !important
  }
  
  @media (min-width:992px) {
    .rounded-d {
      overflow: hidden;
      border-radius: 5px !important
    }
  }
  
  .rounded-top {
    overflow: hidden;
    border-top-left-radius: 5px !important;
    border-top-right-radius: 5px !important
  }
  
  @media (min-width:992px) {
    .rounded-d-top {
      overflow: hidden;
      border-top-left-radius: 5px !important;
      border-top-right-radius: 5px !important
    }
  }
  
  .rounded-left {
    overflow: hidden;
    border-top-left-radius: 5px !important;
    border-bottom-left-radius: 5px !important
  }
  
  @media (min-width:992px) {
    .rounded-d-left {
      overflow: hidden;
      border-top-left-radius: 5px !important;
      border-bottom-left-radius: 5px !important
    }
  }
  
  .rounded-bottom {
    overflow: hidden;
    border-bottom-left-radius: 5px !important;
    border-bottom-right-radius: 5px !important
  }
  
  @media (min-width:992px) {
    .rounded-d-bottom {
      overflow: hidden;
      border-bottom-left-radius: 5px !important;
      border-bottom-right-radius: 5px !important
    }
  }
  
  .rounded-right {
    overflow: hidden;
    border-top-right-radius: 5px !important;
    border-bottom-right-radius: 5px !important
  }
  
  @media (min-width:992px) {
    .rounded-d-right {
      overflow: hidden;
      border-top-right-radius: 5px !important;
      border-bottom-right-radius: 5px !important
    }
  }
  
  .rounded-top-left {
    overflow: hidden;
    border-top-left-radius: 5px !important
  }
  
  @media (min-width:992px) {
    .rounded-d-top-left {
      overflow: hidden;
      border-top-left-radius: 5px !important
    }
  }
  
  .rounded-top-right {
    overflow: hidden;
    border-top-right-radius: 5px !important
  }
  
  @media (min-width:992px) {
    .rounded-d-top-right {
      overflow: hidden;
      border-top-right-radius: 5px !important
    }
  }
  
  .rounded-bottom-left {
    overflow: hidden;
    border-bottom-left-radius: 5px !important
  }
  
  @media (min-width:992px) {
    .rounded-d-bottom-left {
      overflow: hidden;
      border-bottom-left-radius: 5px !important
    }
  }
  
  .rounded-bottom-right {
    overflow: hidden;
    border-bottom-right-radius: 5px !important
  }
  
  @media (min-width:992px) {
    .rounded-d-bottom-right {
      overflow: hidden;
      border-bottom-right-radius: 5px !important
    }
  }
  
  .rounded-pill {
    overflow: hidden;
    border-radius: 50rem !important
  }
  
  @media (min-width:992px) {
    .rounded-d-pill {
      overflow: hidden;
      border-radius: 50rem !important
    }
  }
  
  .rounded-circle {
    overflow: hidden;
    border-radius: 50% !important
  }
  
  @media (min-width:992px) {
    .rounded-d-circle {
      overflow: hidden;
      border-radius: 50% !important
    }
  }
  
  .rounded-0 {
    overflow: hidden;
    border-radius: 0 !important
  }
  
  @media (min-width:992px) {
    .rounded-d-0 {
      overflow: hidden;
      border-radius: 0 !important
    }
  }

  /*=====================   border class end ===================*/



  /*=====================   border class end ===================*/


  /*=====================   width & max-width class end ===================*/
  .image-top-5{
    position: relative;
    top: 5px;
  }
  .flex-1{
    flex: 1;
  }
  .max-image-w-none img {
    max-width: none !important
  }
  
  .min-image-w-auto img,
  .min-w-auto {
    min-width: auto !important
  }
  
  .image-w-auto img {
    width: auto !important
  }
  
  .max-image-w-none image,
  .max-w-none {
    max-width: none !important
  }
  
  @media (max-width:991px) {
    .max-w-m-auto {
      max-width: none !important
    }
    .rotate-90-m{
      transform: rotate(90deg);
    }
  }
  
  @media (min-width:992px) {
    .max-w-d-auto {
      max-width: none !important
    }
    .verticle-center-d{
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
    }
    .d-flex-desktop-inner>.component-content>.paragraphSystem{
      display: flex;
    }
    .container-11 {
      max-width: 1100px;
      clear: both;
      float: none;
      margin: 0 auto;
    }
  }
  
  .w-auto {
    max-width: none !important;
    -ms-flex-preferred-size: auto !important;
    flex-basis: auto !important;
    width: auto !important;
    min-width: auto !important
  }
  
  @media (min-width:992px) {
    .w-d-auto {
      max-width: none !important;
      -ms-flex-preferred-size: auto !important;
      flex-basis: auto !important;
      width: auto !important;
      min-width: auto !important
    }
  }
  
  @media (min-width:992px) {
      
    .w-d-1 {
        width: 1% !important
    }

    .w-d-1,
    .max-w-d-1,
    .max-image-w-d-1 img {
      max-width: 1% !important
    }

    .w-d-2 {
        width: 2% !important
    }

    .w-d-2 
    .max-w-d-2,
    .max-image-w-d-2 img{
      max-width: 2% !important
    }
    
    .w-d-3 {
        width: 3% !important
    }
    .w-d-3,
    .max-w-d-3,
    .max-image-w-d-3 img {
      max-width: 3% !important
    }

    .max-w-d-4,
    .w-d-4 {
      max-width: 4% !important
    }
  
    .w-d-4 {
      width: 4% !important
    }
  
    .max-image-w-d-4 img {
      max-width: 4% !important
    }
  
    .max-w-d-5,
    .w-d-5 {
      max-width: 5% !important
    }
  
    .w-d-5 {
      width: 5% !important
    }
  
    .max-image-w-d-5 img {
      max-width: 5% !important
    }
  
    .max-w-d-6,
    .w-d-6 {
      max-width: 6% !important
    }
  
    .w-d-6 {
      width: 6% !important
    }
  
    .max-image-w-d-6 img {
      max-width: 6% !important
    }
  
    .max-w-d-7,
    .w-d-7 {
      max-width: 7% !important
    }
  
    .w-d-7 {
      width: 7% !important
    }
  
    .max-image-w-d-7 img {
      max-width: 7% !important
    }
  
    .max-w-d-8,
    .w-d-8 {
      max-width: 8% !important
    }
  
    .w-d-8 {
      width: 8% !important
    }
  
    .max-image-w-d-8 img {
      max-width: 8% !important
    }
  
    .max-w-d-9,
    .w-d-9 {
      max-width: 9% !important
    }
  
    .w-d-9 {
      width: 9% !important
    }
  
    .max-image-w-d-9 img {
      max-width: 9% !important
    }
  
    .max-w-d-10,
    .w-d-10 {
      max-width: 10% !important
    }
  
    .w-d-10 {
      width: 10% !important
    }
  
    .max-image-w-d-10 img {
      max-width: 10% !important
    }
  
    .max-w-d-11,
    .w-d-11 {
      max-width: 11% !important
    }
  
    .w-d-11 {
      width: 11% !important
    }
  
    .max-image-w-d-11 img {
      max-width: 11% !important
    }
  
    .max-w-d-12,
    .w-d-12 {
      max-width: 12% !important
    }
  
    .w-d-12 {
      width: 12% !important
    }
  
    .max-image-w-d-12 img {
      max-width: 12% !important
    }
  
    .max-w-d-13,
    .w-d-13 {
      max-width: 13% !important
    }
  
    .w-d-13 {
      width: 13% !important
    }
  
    .max-image-w-d-13 img {
      max-width: 13% !important
    }
  
    .max-w-d-14,
    .w-d-14 {
      max-width: 14% !important
    }
  
    .w-d-14 {
      width: 14% !important
    }
  
    .max-image-w-d-14 img {
      max-width: 14% !important
    }
  
    .max-w-d-15,
    .w-d-15 {
      max-width: 15% !important
    }
  
    .w-d-15 {
      width: 15% !important
    }
  
    .max-image-w-d-15 img {
      max-width: 15% !important
    }
  
    .max-w-d-16,
    .w-d-16 {
      max-width: 16% !important
    }
  
    .w-d-16 {
      width: 16% !important
    }
  
    .max-image-w-d-16 img {
      max-width: 16% !important
    }
  
    .max-w-d-17,
    .w-d-17 {
      max-width: 17% !important
    }
  
    .w-d-17 {
      width: 17% !important
    }
  
    .max-image-w-d-17 img {
      max-width: 17% !important
    }
  
    .max-w-d-18,
    .w-d-18 {
      max-width: 18% !important
    }
  
    .w-d-18 {
      width: 18% !important
    }
  
    .max-image-w-d-18 img {
      max-width: 18% !important
    }
  
    .max-w-d-19,
    .w-d-19 {
      max-width: 19% !important
    }
  
    .w-d-19 {
      width: 19% !important
    }
  
    .max-image-w-d-19 img {
      max-width: 19% !important
    }
  
    .max-w-d-20,
    .w-d-20 {
      max-width: 20% !important
    }
  
    .w-d-20 {
      width: 20% !important
    }
  
    .max-image-w-d-20 img {
      max-width: 20% !important
    }
  
    .max-w-d-21,
    .w-d-21 {
      max-width: 21% !important
    }
  
    .w-d-21 {
      width: 21% !important
    }
  
    .max-image-w-d-21 img {
      max-width: 21% !important
    }
  
    .max-w-d-22,
    .w-d-22 {
      max-width: 22% !important
    }
  
    .w-d-22 {
      width: 22% !important
    }
  
    .max-image-w-d-22 img {
      max-width: 22% !important
    }
  
    .max-w-d-23,
    .w-d-23 {
      max-width: 23% !important
    }
  
    .w-d-23 {
      width: 23% !important
    }
  
    .max-image-w-d-23 img {
      max-width: 23% !important
    }
  
    .max-w-d-24,
    .w-d-24 {
      max-width: 24% !important
    }
  
    .w-d-24 {
      width: 24% !important
    }
  
    .max-image-w-d-24 img {
      max-width: 24% !important
    }
  
    .max-w-d-25,
    .w-d-25 {
      max-width: 25% !important
    }
  
    .w-d-25 {
      width: 25% !important
    }
  
    .max-image-w-d-25 img {
      max-width: 25% !important
    }
  
    .max-w-d-26,
    .w-d-26 {
      max-width: 26% !important
    }
  
    .w-d-26 {
      width: 26% !important
    }
  
    .max-image-w-d-26 img {
      max-width: 26% !important
    }
  
    .max-w-d-27,
    .w-d-27 {
      max-width: 27% !important
    }
  
    .w-d-27 {
      width: 27% !important
    }
  
    .max-image-w-d-27 img {
      max-width: 27% !important
    }
  
    .max-w-d-28,
    .w-d-28 {
      max-width: 28% !important
    }
  
    .w-d-28 {
      width: 28% !important
    }
  
    .max-image-w-d-28 img {
      max-width: 28% !important
    }
  
    .max-w-d-29,
    .w-d-29 {
      max-width: 29% !important
    }
  
    .w-d-29 {
      width: 29% !important
    }
  
    .max-image-w-d-29 img {
      max-width: 29% !important
    }
  
    .max-w-d-30,
    .w-d-30 {
      max-width: 30% !important
    }
  
    .w-d-30 {
      width: 30% !important
    }
  
    .max-image-w-d-30 img {
      max-width: 30% !important
    }
  
    .max-w-d-31,
    .w-d-31 {
      max-width: 31% !important
    }
  
    .w-d-31 {
      width: 31% !important
    }
  
    .max-image-w-d-31 img {
      max-width: 31% !important
    }
  
    .max-w-d-32,
    .w-d-32 {
      max-width: 32% !important
    }
  
    .w-d-32 {
      width: 32% !important
    }
  
    .max-image-w-d-32 img {
      max-width: 32% !important
    }
  
    .max-w-d-33,
    .w-d-33 {
      max-width: 33% !important
    }
  
    .w-d-33 {
      width: 33% !important
    }
  
    .max-image-w-d-33 img {
      max-width: 33% !important
    }
  
    .max-w-d-34,
    .w-d-34 {
      max-width: 34% !important
    }
  
    .w-d-34 {
      width: 34% !important
    }
  
    .max-image-w-d-34 img {
      max-width: 34% !important
    }
  
    .max-w-d-35,
    .w-d-35 {
      max-width: 35% !important
    }
  
    .w-d-35 {
      width: 35% !important
    }
  
    .max-image-w-d-35 img {
      max-width: 35% !important
    }
  
    .max-w-d-36,
    .w-d-36 {
      max-width: 36% !important
    }
  
    .w-d-36 {
      width: 36% !important
    }
  
    .max-image-w-d-36 img {
      max-width: 36% !important
    }
  
    .max-w-d-37,
    .w-d-37 {
      max-width: 37% !important
    }
  
    .w-d-37 {
      width: 37% !important
    }
  
    .max-image-w-d-37 img {
      max-width: 37% !important
    }
  
    .max-w-d-38,
    .w-d-38 {
      max-width: 38% !important
    }
  
    .w-d-38 {
      width: 38% !important
    }
  
    .max-image-w-d-38 img {
      max-width: 38% !important
    }
  
    .max-w-d-39,
    .w-d-39 {
      max-width: 39% !important
    }
  
    .w-d-39 {
      width: 39% !important
    }
  
    .max-image-w-d-39 img {
      max-width: 39% !important
    }
  
    .max-w-d-40,
    .w-d-40 {
      max-width: 40% !important
    }
  
    .w-d-40 {
      width: 40% !important
    }
  
    .max-image-w-d-40 img {
      max-width: 40% !important
    }
  
    .max-w-d-41,
    .w-d-41 {
      max-width: 41% !important
    }
  
    .w-d-41 {
      width: 41% !important
    }
  
    .max-image-w-d-41 img {
      max-width: 41% !important
    }
  
    .max-w-d-42,
    .w-d-42 {
      max-width: 42% !important
    }
  
    .w-d-42 {
      width: 42% !important
    }
  
    .max-image-w-d-42 img {
      max-width: 42% !important
    }
  
    .max-w-d-43,
    .w-d-43 {
      max-width: 43% !important
    }
  
    .w-d-43 {
      width: 43% !important
    }
  
    .max-image-w-d-43 img {
      max-width: 43% !important
    }
  
    .max-w-d-44,
    .w-d-44 {
      max-width: 44% !important
    }
  
    .w-d-44 {
      width: 44% !important
    }
  
    .max-image-w-d-44 img {
      max-width: 44% !important
    }
  
    .max-w-d-45,
    .w-d-45 {
      max-width: 45% !important
    }
  
    .w-d-45 {
      width: 45% !important
    }
  
    .max-image-w-d-45 img {
      max-width: 45% !important
    }
  
    .max-w-d-46,
    .w-d-46 {
      max-width: 46% !important
    }
  
    .w-d-46 {
      width: 46% !important
    }
  
    .max-image-w-d-46 img {
      max-width: 46% !important
    }
  
    .max-w-d-47,
    .w-d-47 {
      max-width: 47% !important
    }
  
    .w-d-47 {
      width: 47% !important
    }
  
    .max-image-w-d-47 img {
      max-width: 47% !important
    }
  
    .max-w-d-48,
    .w-d-48 {
      max-width: 48% !important
    }
  
    .w-d-48 {
      width: 48% !important
    }
  
    .max-image-w-d-48 img {
      max-width: 48% !important
    }
  
    .max-w-d-49,
    .w-d-49 {
      max-width: 49% !important
    }
  
    .w-d-49 {
      width: 49% !important
    }
  
    .max-image-w-d-49 img {
      max-width: 49% !important
    }
  
    .max-w-d-50,
    .w-d-50 {
      max-width: 50% !important
    }
  
    .w-d-50 {
      width: 50% !important
    }
  
    .max-image-w-d-50 img {
      max-width: 50% !important
    }
  
    .max-w-d-51,
    .w-d-51 {
      max-width: 51% !important
    }
  
    .w-d-51 {
      width: 51% !important
    }
  
    .max-image-w-d-51 img {
      max-width: 51% !important
    }
  
    .max-w-d-52,
    .w-d-52 {
      max-width: 52% !important
    }
  
    .w-d-52 {
      width: 52% !important
    }
  
    .max-image-w-d-52 img {
      max-width: 52% !important
    }
  
    .max-w-d-53,
    .w-d-53 {
      max-width: 53% !important
    }
  
    .w-d-53 {
      width: 53% !important
    }
  
    .max-image-w-d-53 img {
      max-width: 53% !important
    }
  
    .max-w-d-54,
    .w-d-54 {
      max-width: 54% !important
    }
  
    .w-d-54 {
      width: 54% !important
    }
  
    .max-image-w-d-54 img {
      max-width: 54% !important
    }
  
    .max-w-d-55,
    .w-d-55 {
      max-width: 55% !important
    }
  
    .w-d-55 {
      width: 55% !important
    }
  
    .max-image-w-d-55 img {
      max-width: 55% !important
    }
  
    .max-w-d-56,
    .w-d-56 {
      max-width: 56% !important
    }
  
    .w-d-56 {
      width: 56% !important
    }
  
    .max-image-w-d-56 img {
      max-width: 56% !important
    }
  
    .max-w-d-57,
    .w-d-57 {
      max-width: 57% !important
    }
  
    .w-d-57 {
      width: 57% !important
    }
  
    .max-image-w-d-57 img {
      max-width: 57% !important
    }
  
    .max-w-d-58,
    .w-d-58 {
      max-width: 58% !important
    }
  
    .w-d-58 {
      width: 58% !important
    }
  
    .max-image-w-d-58 img {
      max-width: 58% !important
    }
  
    .max-w-d-59,
    .w-d-59 {
      max-width: 59% !important
    }
  
    .w-d-59 {
      width: 59% !important
    }
  
    .max-image-w-d-59 img {
      max-width: 59% !important
    }
  
    .max-w-d-60,
    .w-d-60 {
      max-width: 60% !important
    }
  
    .w-d-60 {
      width: 60% !important
    }
  
    .max-image-w-d-60 img {
      max-width: 60% !important
    }
  
    .max-w-d-61,
    .w-d-61 {
      max-width: 61% !important
    }
  
    .w-d-61 {
      width: 61% !important
    }
  
    .max-image-w-d-61 img {
      max-width: 61% !important
    }
  
    .max-w-d-62,
    .w-d-62 {
      max-width: 62% !important
    }
  
    .w-d-62 {
      width: 62% !important
    }
  
    .max-image-w-d-62 img {
      max-width: 62% !important
    }
  
    .max-w-d-63,
    .w-d-63 {
      max-width: 63% !important
    }
  
    .w-d-63 {
      width: 63% !important
    }
  
    .max-image-w-d-63 img {
      max-width: 63% !important
    }
  
    .max-w-d-64,
    .w-d-64 {
      max-width: 64% !important
    }
  
    .w-d-64 {
      width: 64% !important
    }
  
    .max-image-w-d-64 img {
      max-width: 64% !important
    }
  
    .max-w-d-65,
    .w-d-65 {
      max-width: 65% !important
    }
  
    .w-d-65 {
      width: 65% !important
    }
  
    .max-image-w-d-65 img {
      max-width: 65% !important
    }
  
    .max-w-d-66,
    .w-d-66 {
      max-width: 66% !important
    }
  
    .w-d-66 {
      width: 66% !important
    }
  
    .max-image-w-d-66 img {
      max-width: 66% !important
    }
  
    .max-w-d-67,
    .w-d-67 {
      max-width: 67% !important
    }
  
    .w-d-67 {
      width: 67% !important
    }
  
    .max-image-w-d-67 img {
      max-width: 67% !important
    }
  
    .max-w-d-68,
    .w-d-68 {
      max-width: 68% !important
    }
  
    .w-d-68 {
      width: 68% !important
    }
  
    .max-image-w-d-68 img {
      max-width: 68% !important
    }
  
    .max-w-d-69,
    .w-d-69 {
      max-width: 69% !important
    }
  
    .w-d-69 {
      width: 69% !important
    }
  
    .max-image-w-d-69 img {
      max-width: 69% !important
    }
  
    .max-w-d-70,
    .w-d-70 {
      max-width: 70% !important
    }
  
    .w-d-70 {
      width: 70% !important
    }
  
    .max-image-w-d-70 img {
      max-width: 70% !important
    }
  
    .max-w-d-71,
    .w-d-71 {
      max-width: 71% !important
    }
  
    .w-d-71 {
      width: 71% !important
    }
  
    .max-image-w-d-71 img {
      max-width: 71% !important
    }
  
    .max-w-d-72,
    .w-d-72 {
      max-width: 72% !important
    }
  
    .w-d-72 {
      width: 72% !important
    }
  
    .max-image-w-d-72 img {
      max-width: 72% !important
    }
  
    .max-w-d-73,
    .w-d-73 {
      max-width: 73% !important
    }
  
    .w-d-73 {
      width: 73% !important
    }
  
    .max-image-w-d-73 img {
      max-width: 73% !important
    }
  
    .max-w-d-74,
    .w-d-74 {
      max-width: 74% !important
    }
  
    .w-d-74 {
      width: 74% !important
    }
  
    .max-image-w-d-74 img {
      max-width: 74% !important
    }
  
    .max-w-d-75,
    .w-d-75 {
      max-width: 75% !important
    }
  
    .w-d-75 {
      width: 75% !important
    }
  
    .max-image-w-d-75 img {
      max-width: 75% !important
    }
  
    .max-w-d-76,
    .w-d-76 {
      max-width: 76% !important
    }
  
    .w-d-76 {
      width: 76% !important
    }
  
    .max-image-w-d-76 img {
      max-width: 76% !important
    }
  
    .max-w-d-77,
    .w-d-77 {
      max-width: 77% !important
    }
  
    .w-d-77 {
      width: 77% !important
    }
  
    .max-image-w-d-77 img {
      max-width: 77% !important
    }
  
    .max-w-d-78,
    .w-d-78 {
      max-width: 78% !important
    }
  
    .w-d-78 {
      width: 78% !important
    }
  
    .max-image-w-d-78 img {
      max-width: 78% !important
    }
  
    .max-w-d-79,
    .w-d-79 {
      max-width: 79% !important
    }
  
    .w-d-79 {
      width: 79% !important
    }
  
    .max-image-w-d-79 img {
      max-width: 79% !important
    }
  
    .max-w-d-80,
    .w-d-80 {
      max-width: 80% !important
    }
  
    .w-d-80 {
      width: 80% !important
    }
  
    .max-image-w-d-80 img {
      max-width: 80% !important
    }
  
    .max-w-d-81,
    .w-d-81 {
      max-width: 81% !important
    }
  
    .w-d-81 {
      width: 81% !important
    }
  
    .max-image-w-d-81 img {
      max-width: 81% !important
    }
  
    .max-w-d-82,
    .w-d-82 {
      max-width: 82% !important
    }
  
    .w-d-82 {
      width: 82% !important
    }
  
    .max-image-w-d-82 img {
      max-width: 82% !important
    }
  
    .max-w-d-83,
    .w-d-83 {
      max-width: 83% !important
    }
  
    .w-d-83 {
      width: 83% !important
    }
  
    .max-image-w-d-83 img {
      max-width: 83% !important
    }
  
    .max-w-d-84,
    .w-d-84 {
      max-width: 84% !important
    }
  
    .w-d-84 {
      width: 84% !important
    }
  
    .max-image-w-d-84 img {
      max-width: 84% !important
    }
  
    .max-w-d-85,
    .w-d-85 {
      max-width: 85% !important
    }
  
    .w-d-85 {
      width: 85% !important
    }
  
    .max-image-w-d-85 img {
      max-width: 85% !important
    }
  
    .max-w-d-86,
    .w-d-86 {
      max-width: 86% !important
    }
  
    .w-d-86 {
      width: 86% !important
    }
  
    .max-image-w-d-86 img {
      max-width: 86% !important
    }
  
    .max-w-d-87,
    .w-d-87 {
      max-width: 87% !important
    }
  
    .w-d-87 {
      width: 87% !important
    }
  
    .max-image-w-d-87 img {
      max-width: 87% !important
    }
  
    .max-w-d-88,
    .w-d-88 {
      max-width: 88% !important
    }
  
    .w-d-88 {
      width: 88% !important
    }
  
    .max-image-w-d-88 img {
      max-width: 88% !important
    }
  
    .max-w-d-89,
    .w-d-89 {
      max-width: 89% !important
    }
  
    .w-d-89 {
      width: 89% !important
    }
  
    .max-image-w-d-89 img {
      max-width: 89% !important
    }
  
    .max-w-d-90,
    .w-d-90 {
      max-width: 90% !important
    }
  
    .w-d-90 {
      width: 90% !important
    }
  
    .max-image-w-d-90 img {
      max-width: 90% !important
    }
  
    .max-w-d-91,
    .w-d-91 {
      max-width: 91% !important
    }
  
    .w-d-91 {
      width: 91% !important
    }
  
    .max-image-w-d-91 img {
      max-width: 91% !important
    }
  
    .max-w-d-92,
    .w-d-92 {
      max-width: 92% !important
    }
  
    .w-d-92 {
      width: 92% !important
    }
  
    .max-image-w-d-92 img {
      max-width: 92% !important
    }
  
    .max-w-d-93,
    .w-d-93 {
      max-width: 93% !important
    }
  
    .w-d-93 {
      width: 93% !important
    }
  
    .max-image-w-d-93 img {
      max-width: 93% !important
    }
  
    .max-w-d-94,
    .w-d-94 {
      max-width: 94% !important
    }
  
    .w-d-94 {
      width: 94% !important
    }
  
    .max-image-w-d-94 img {
      max-width: 94% !important
    }
  
    .max-w-d-95,
    .w-d-95 {
      max-width: 95% !important
    }
  
    .w-d-95 {
      width: 95% !important
    }
  
    .max-image-w-d-95 img {
      max-width: 95% !important
    }
  
    .max-w-d-96,
    .w-d-96 {
      max-width: 96% !important
    }
  
    .w-d-96 {
      width: 96% !important
    }
  
    .max-image-w-d-96 img {
      max-width: 96% !important
    }
  
    .max-w-d-97,
    .w-d-97 {
      max-width: 97% !important
    }
  
    .w-d-97 {
      width: 97% !important
    }
  
    .max-image-w-d-97 img {
      max-width: 97% !important
    }
  
    .max-w-d-98,
    .w-d-98 {
      max-width: 98% !important
    }
  
    .w-d-98 {
      width: 98% !important
    }
  
    .max-image-w-d-98 img {
      max-width: 98% !important
    }
  
    .max-w-d-99,
    .w-d-99 {
      max-width: 99% !important
    }
  
    .w-d-99 {
      width: 99% !important
    }
  
    .max-image-w-d-99 img {
      max-width: 99% !important
    }
  
    .max-w-d-100,
    .w-d-100 {
      max-width: 100% !important
    }
  
    .w-d-100 {
      width: 100% !important
    }
  
    .max-image-w-d-100 img {
      max-width: 100% !important
    }
  }
  
  @media (max-width:991px) {
  
    .max-w-m-1,
    .w-m-1 {
      max-width: 1% !important
    }
  
    .w-m-1 {
      width: 1% !important
    }
  
    .max-image-w-m-1 img {
      max-width: 1% !important
    }
  
    .max-w-m-2,
    .w-m-2 {
      max-width: 2% !important
    }
  
    .w-m-2 {
      width: 2% !important
    }
  
    .max-image-w-m-2 img {
      max-width: 2% !important
    }
  
    .max-w-m-3,
    .w-m-3 {
      max-width: 3% !important
    }
  
    .w-m-3 {
      width: 3% !important
    }
  
    .max-image-w-m-3 img {
      max-width: 3% !important
    }
  
    .max-w-m-4,
    .w-m-4 {
      max-width: 4% !important
    }
  
    .w-m-4 {
      width: 4% !important
    }
  
    .max-image-w-m-4 img {
      max-width: 4% !important
    }
  
    .max-w-m-5,
    .w-m-5 {
      max-width: 5% !important
    }
  
    .w-m-5 {
      width: 5% !important
    }
  
    .max-image-w-m-5 img {
      max-width: 5% !important
    }
  
    .max-w-m-6,
    .w-m-6 {
      max-width: 6% !important
    }
  
    .w-m-6 {
      width: 6% !important
    }
  
    .max-image-w-m-6 img {
      max-width: 6% !important
    }
  
    .max-w-m-7,
    .w-m-7 {
      max-width: 7% !important
    }
  
    .w-m-7 {
      width: 7% !important
    }
  
    .max-image-w-m-7 img {
      max-width: 7% !important
    }
  
    .max-w-m-8,
    .w-m-8 {
      max-width: 8% !important
    }
  
    .w-m-8 {
      width: 8% !important
    }
  
    .max-image-w-m-8 img {
      max-width: 8% !important
    }
  
    .max-w-m-9,
    .w-m-9 {
      max-width: 9% !important
    }
  
    .w-m-9 {
      width: 9% !important
    }
  
    .max-image-w-m-9 img {
      max-width: 9% !important
    }
  
    .max-w-m-10,
    .w-m-10 {
      max-width: 10% !important
    }
  
    .w-m-10 {
      width: 10% !important
    }
  
    .max-image-w-m-10 img {
      max-width: 10% !important
    }
  
    .max-w-m-11,
    .w-m-11 {
      max-width: 11% !important
    }
  
    .w-m-11 {
      width: 11% !important
    }
  
    .max-image-w-m-11 img {
      max-width: 11% !important
    }
  
    .max-w-m-12,
    .w-m-12 {
      max-width: 12% !important
    }
  
    .w-m-12 {
      width: 12% !important
    }
  
    .max-image-w-m-12 img {
      max-width: 12% !important
    }
  
    .max-w-m-13,
    .w-m-13 {
      max-width: 13% !important
    }
  
    .w-m-13 {
      width: 13% !important
    }
  
    .max-image-w-m-13 img {
      max-width: 13% !important
    }
  
    .max-w-m-14,
    .w-m-14 {
      max-width: 14% !important
    }
  
    .w-m-14 {
      width: 14% !important
    }
  
    .max-image-w-m-14 img {
      max-width: 14% !important
    }
  
    .max-w-m-15,
    .w-m-15 {
      max-width: 15% !important
    }
  
    .w-m-15 {
      width: 15% !important
    }
  
    .max-image-w-m-15 img {
      max-width: 15% !important
    }
  
    .max-w-m-16,
    .w-m-16 {
      max-width: 16% !important
    }
  
    .w-m-16 {
      width: 16% !important
    }
  
    .max-image-w-m-16 img {
      max-width: 16% !important
    }
  
    .max-w-m-17,
    .w-m-17 {
      max-width: 17% !important
    }
  
    .w-m-17 {
      width: 17% !important
    }
  
    .max-image-w-m-17 img {
      max-width: 17% !important
    }
  
    .max-w-m-18,
    .w-m-18 {
      max-width: 18% !important
    }
  
    .w-m-18 {
      width: 18% !important
    }
  
    .max-image-w-m-18 img {
      max-width: 18% !important
    }
  
    .max-w-m-19,
    .w-m-19 {
      max-width: 19% !important
    }
  
    .w-m-19 {
      width: 19% !important
    }
  
    .max-image-w-m-19 img {
      max-width: 19% !important
    }
  
    .max-w-m-20,
    .w-m-20 {
      max-width: 20% !important
    }
  
    .w-m-20 {
      width: 20% !important
    }
  
    .max-image-w-m-20 img {
      max-width: 20% !important
    }
  
    .max-w-m-21,
    .w-m-21 {
      max-width: 21% !important
    }
  
    .w-m-21 {
      width: 21% !important
    }
  
    .max-image-w-m-21 img {
      max-width: 21% !important
    }
  
    .max-w-m-22,
    .w-m-22 {
      max-width: 22% !important
    }
  
    .w-m-22 {
      width: 22% !important
    }
  
    .max-image-w-m-22 img {
      max-width: 22% !important
    }
  
    .max-w-m-23,
    .w-m-23 {
      max-width: 23% !important
    }
  
    .w-m-23 {
      width: 23% !important
    }
  
    .max-image-w-m-23 img {
      max-width: 23% !important
    }
  
    .max-w-m-24,
    .w-m-24 {
      max-width: 24% !important
    }
  
    .w-m-24 {
      width: 24% !important
    }
  
    .max-image-w-m-24 img {
      max-width: 24% !important
    }
  
    .max-w-m-25,
    .w-m-25 {
      max-width: 25% !important
    }
  
    .w-m-25 {
      width: 25% !important
    }
  
    .max-image-w-m-25 img {
      max-width: 25% !important
    }
  
    .max-w-m-26,
    .w-m-26 {
      max-width: 26% !important
    }
  
    .w-m-26 {
      width: 26% !important
    }
  
    .max-image-w-m-26 img {
      max-width: 26% !important
    }
  
    .max-w-m-27,
    .w-m-27 {
      max-width: 27% !important
    }
  
    .w-m-27 {
      width: 27% !important
    }
  
    .max-image-w-m-27 img {
      max-width: 27% !important
    }
  
    .max-w-m-28,
    .w-m-28 {
      max-width: 28% !important
    }
  
    .w-m-28 {
      width: 28% !important
    }
  
    .max-image-w-m-28 img {
      max-width: 28% !important
    }
  
    .max-w-m-29,
    .w-m-29 {
      max-width: 29% !important
    }
  
    .w-m-29 {
      width: 29% !important
    }
  
    .max-image-w-m-29 img {
      max-width: 29% !important
    }
  
    .max-w-m-30,
    .w-m-30 {
      max-width: 30% !important
    }
  
    .w-m-30 {
      width: 30% !important
    }
  
    .max-image-w-m-30 img {
      max-width: 30% !important
    }
  
    .max-w-m-31,
    .w-m-31 {
      max-width: 31% !important
    }
  
    .w-m-31 {
      width: 31% !important
    }
  
    .max-image-w-m-31 img {
      max-width: 31% !important
    }
  
    .max-w-m-32,
    .w-m-32 {
      max-width: 32% !important
    }
  
    .w-m-32 {
      width: 32% !important
    }
  
    .max-image-w-m-32 img {
      max-width: 32% !important
    }
  
    .max-w-m-33,
    .w-m-33 {
      max-width: 33% !important
    }
  
    .w-m-33 {
      width: 33% !important
    }
  
    .max-image-w-m-33 img {
      max-width: 33% !important
    }
  
    .max-w-m-34,
    .w-m-34 {
      max-width: 34% !important
    }
  
    .w-m-34 {
      width: 34% !important
    }
  
    .max-image-w-m-34 img {
      max-width: 34% !important
    }
  
    .max-w-m-35,
    .w-m-35 {
      max-width: 35% !important
    }
  
    .w-m-35 {
      width: 35% !important
    }
  
    .max-image-w-m-35 img {
      max-width: 35% !important
    }
  
    .max-w-m-36,
    .w-m-36 {
      max-width: 36% !important
    }
  
    .w-m-36 {
      width: 36% !important
    }
  
    .max-image-w-m-36 img {
      max-width: 36% !important
    }
  
    .max-w-m-37,
    .w-m-37 {
      max-width: 37% !important
    }
  
    .w-m-37 {
      width: 37% !important
    }
  
    .max-image-w-m-37 img {
      max-width: 37% !important
    }
  
    .max-w-m-38,
    .w-m-38 {
      max-width: 38% !important
    }
  
    .w-m-38 {
      width: 38% !important
    }
  
    .max-image-w-m-38 img {
      max-width: 38% !important
    }
  
    .max-w-m-39,
    .w-m-39 {
      max-width: 39% !important
    }
  
    .w-m-39 {
      width: 39% !important
    }
  
    .max-image-w-m-39 img {
      max-width: 39% !important
    }
  
    .max-w-m-40,
    .w-m-40 {
      max-width: 40% !important
    }
  
    .w-m-40 {
      width: 40% !important
    }
  
    .max-image-w-m-40 img {
      max-width: 40% !important
    }
  
    .max-w-m-41,
    .w-m-41 {
      max-width: 41% !important
    }
  
    .w-m-41 {
      width: 41% !important
    }
  
    .max-image-w-m-41 img {
      max-width: 41% !important
    }
  
    .max-w-m-42,
    .w-m-42 {
      max-width: 42% !important
    }
  
    .w-m-42 {
      width: 42% !important
    }
  
    .max-image-w-m-42 img {
      max-width: 42% !important
    }
  
    .max-w-m-43,
    .w-m-43 {
      max-width: 43% !important
    }
  
    .w-m-43 {
      width: 43% !important
    }
  
    .max-image-w-m-43 img {
      max-width: 43% !important
    }
  
    .max-w-m-44,
    .w-m-44 {
      max-width: 44% !important
    }
  
    .w-m-44 {
      width: 44% !important
    }
  
    .max-image-w-m-44 img {
      max-width: 44% !important
    }
  
    .max-w-m-45,
    .w-m-45 {
      max-width: 45% !important
    }
  
    .w-m-45 {
      width: 45% !important
    }
  
    .max-image-w-m-45 img {
      max-width: 45% !important
    }
  
    .max-w-m-46,
    .w-m-46 {
      max-width: 46% !important
    }
  
    .w-m-46 {
      width: 46% !important
    }
  
    .max-image-w-m-46 img {
      max-width: 46% !important
    }
  
    .max-w-m-47,
    .w-m-47 {
      max-width: 47% !important
    }
  
    .w-m-47 {
      width: 47% !important
    }
  
    .max-image-w-m-47 img {
      max-width: 47% !important
    }
  
    .max-w-m-48,
    .w-m-48 {
      max-width: 48% !important
    }
  
    .w-m-48 {
      width: 48% !important
    }
  
    .max-image-w-m-48 img {
      max-width: 48% !important
    }
  
    .max-w-m-49,
    .w-m-49 {
      max-width: 49% !important
    }
  
    .w-m-49 {
      width: 49% !important
    }
  
    .max-image-w-m-49 img {
      max-width: 49% !important
    }
  
    .max-w-m-50,
    .w-m-50 {
      max-width: 50% !important
    }
  
    .w-m-50 {
      width: 50% !important
    }
  
    .max-image-w-m-50 img {
      max-width: 50% !important
    }
  
    .max-w-m-51,
    .w-m-51 {
      max-width: 51% !important
    }
  
    .w-m-51 {
      width: 51% !important
    }
  
    .max-image-w-m-51 img {
      max-width: 51% !important
    }
  
    .max-w-m-52,
    .w-m-52 {
      max-width: 52% !important
    }
  
    .w-m-52 {
      width: 52% !important
    }
  
    .max-image-w-m-52 img {
      max-width: 52% !important
    }
  
    .max-w-m-53,
    .w-m-53 {
      max-width: 53% !important
    }
  
    .w-m-53 {
      width: 53% !important
    }
  
    .max-image-w-m-53 img {
      max-width: 53% !important
    }
  
    .max-w-m-54,
    .w-m-54 {
      max-width: 54% !important
    }
  
    .w-m-54 {
      width: 54% !important
    }
  
    .max-image-w-m-54 img {
      max-width: 54% !important
    }
  
    .max-w-m-55,
    .w-m-55 {
      max-width: 55% !important
    }
  
    .w-m-55 {
      width: 55% !important
    }
  
    .max-image-w-m-55 img {
      max-width: 55% !important
    }
  
    .max-w-m-56,
    .w-m-56 {
      max-width: 56% !important
    }
  
    .w-m-56 {
      width: 56% !important
    }
  
    .max-image-w-m-56 img {
      max-width: 56% !important
    }
  
    .max-w-m-57,
    .w-m-57 {
      max-width: 57% !important
    }
  
    .w-m-57 {
      width: 57% !important
    }
  
    .max-image-w-m-57 img {
      max-width: 57% !important
    }
  
    .max-w-m-58,
    .w-m-58 {
      max-width: 58% !important
    }
  
    .w-m-58 {
      width: 58% !important
    }
  
    .max-image-w-m-58 img {
      max-width: 58% !important
    }
  
    .max-w-m-59,
    .w-m-59 {
      max-width: 59% !important
    }
  
    .w-m-59 {
      width: 59% !important
    }
  
    .max-image-w-m-59 img {
      max-width: 59% !important
    }
  
    .max-w-m-60,
    .w-m-60 {
      max-width: 60% !important
    }
  
    .w-m-60 {
      width: 60% !important
    }
  
    .max-image-w-m-60 img {
      max-width: 60% !important
    }
  
    .max-w-m-61,
    .w-m-61 {
      max-width: 61% !important
    }
  
    .w-m-61 {
      width: 61% !important
    }
  
    .max-image-w-m-61 img {
      max-width: 61% !important
    }
  
    .max-w-m-62,
    .w-m-62 {
      max-width: 62% !important
    }
  
    .w-m-62 {
      width: 62% !important
    }
  
    .max-image-w-m-62 img {
      max-width: 62% !important
    }
  
    .max-w-m-63,
    .w-m-63 {
      max-width: 63% !important
    }
  
    .w-m-63 {
      width: 63% !important
    }
  
    .max-image-w-m-63 img {
      max-width: 63% !important
    }
  
    .max-w-m-64,
    .w-m-64 {
      max-width: 64% !important
    }
  
    .w-m-64 {
      width: 64% !important
    }
  
    .max-image-w-m-64 img {
      max-width: 64% !important
    }
  
    .max-w-m-65,
    .w-m-65 {
      max-width: 65% !important
    }
  
    .w-m-65 {
      width: 65% !important
    }
  
    .max-image-w-m-65 img {
      max-width: 65% !important
    }
  
    .max-w-m-66,
    .w-m-66 {
      max-width: 66% !important
    }
  
    .w-m-66 {
      width: 66% !important
    }
  
    .max-image-w-m-66 img {
      max-width: 66% !important
    }
  
    .max-w-m-67,
    .w-m-67 {
      max-width: 67% !important
    }
  
    .w-m-67 {
      width: 67% !important
    }
  
    .max-image-w-m-67 img {
      max-width: 67% !important
    }
  
    .max-w-m-68,
    .w-m-68 {
      max-width: 68% !important
    }
  
    .w-m-68 {
      width: 68% !important
    }
  
    .max-image-w-m-68 img {
      max-width: 68% !important
    }
  
    .max-w-m-69,
    .w-m-69 {
      max-width: 69% !important
    }
  
    .w-m-69 {
      width: 69% !important
    }
  
    .max-image-w-m-69 img {
      max-width: 69% !important
    }
  
    .max-w-m-70,
    .w-m-70 {
      max-width: 70% !important
    }
  
    .w-m-70 {
      width: 70% !important
    }
  
    .max-image-w-m-70 img {
      max-width: 70% !important
    }
  
    .max-w-m-71,
    .w-m-71 {
      max-width: 71% !important
    }
  
    .w-m-71 {
      width: 71% !important
    }
  
    .max-image-w-m-71 img {
      max-width: 71% !important
    }
  
    .max-w-m-72,
    .w-m-72 {
      max-width: 72% !important
    }
  
    .w-m-72 {
      width: 72% !important
    }
  
    .max-image-w-m-72 img {
      max-width: 72% !important
    }
  
    .max-w-m-73,
    .w-m-73 {
      max-width: 73% !important
    }
  
    .w-m-73 {
      width: 73% !important
    }
  
    .max-image-w-m-73 img {
      max-width: 73% !important
    }
  
    .max-w-m-74,
    .w-m-74 {
      max-width: 74% !important
    }
  
    .w-m-74 {
      width: 74% !important
    }
  
    .max-image-w-m-74 img {
      max-width: 74% !important
    }
  
    .max-w-m-75,
    .w-m-75 {
      max-width: 75% !important
    }
  
    .w-m-75 {
      width: 75% !important
    }
  
    .max-image-w-m-75 img {
      max-width: 75% !important
    }
  
    .max-w-m-76,
    .w-m-76 {
      max-width: 76% !important
    }
  
    .w-m-76 {
      width: 76% !important
    }
  
    .max-image-w-m-76 img {
      max-width: 76% !important
    }
  
    .max-w-m-77,
    .w-m-77 {
      max-width: 77% !important
    }
  
    .w-m-77 {
      width: 77% !important
    }
  
    .max-image-w-m-77 img {
      max-width: 77% !important
    }
  
    .max-w-m-78,
    .w-m-78 {
      max-width: 78% !important
    }
  
    .w-m-78 {
      width: 78% !important
    }
  
    .max-image-w-m-78 img {
      max-width: 78% !important
    }
  
    .max-w-m-79,
    .w-m-79 {
      max-width: 79% !important
    }
  
    .w-m-79 {
      width: 79% !important
    }
  
    .max-image-w-m-79 img {
      max-width: 79% !important
    }
  
    .max-w-m-80,
    .w-m-80 {
      max-width: 80% !important
    }
  
    .w-m-80 {
      width: 80% !important
    }
  
    .max-image-w-m-80 img {
      max-width: 80% !important
    }
  
    .max-w-m-81,
    .w-m-81 {
      max-width: 81% !important
    }
  
    .w-m-81 {
      width: 81% !important
    }
  
    .max-image-w-m-81 img {
      max-width: 81% !important
    }
  
    .max-w-m-82,
    .w-m-82 {
      max-width: 82% !important
    }
  
    .w-m-82 {
      width: 82% !important
    }
  
    .max-image-w-m-82 img {
      max-width: 82% !important
    }
  
    .max-w-m-83,
    .w-m-83 {
      max-width: 83% !important
    }
  
    .w-m-83 {
      width: 83% !important
    }
  
    .max-image-w-m-83 img {
      max-width: 83% !important
    }
  
    .max-w-m-84,
    .w-m-84 {
      max-width: 84% !important
    }
  
    .w-m-84 {
      width: 84% !important
    }
  
    .max-image-w-m-84 img {
      max-width: 84% !important
    }
  
    .max-w-m-85,
    .w-m-85 {
      max-width: 85% !important
    }
  
    .w-m-85 {
      width: 85% !important
    }
  
    .max-image-w-m-85 img {
      max-width: 85% !important
    }
  
    .max-w-m-86,
    .w-m-86 {
      max-width: 86% !important
    }
  
    .w-m-86 {
      width: 86% !important
    }
  
    .max-image-w-m-86 img {
      max-width: 86% !important
    }
  
    .max-w-m-87,
    .w-m-87 {
      max-width: 87% !important
    }
  
    .w-m-87 {
      width: 87% !important
    }
  
    .max-image-w-m-87 img {
      max-width: 87% !important
    }
  
    .max-w-m-88,
    .w-m-88 {
      max-width: 88% !important
    }
  
    .w-m-88 {
      width: 88% !important
    }
  
    .max-image-w-m-88 img {
      max-width: 88% !important
    }
  
    .max-w-m-89,
    .w-m-89 {
      max-width: 89% !important
    }
  
    .w-m-89 {
      width: 89% !important
    }
  
    .max-image-w-m-89 img {
      max-width: 89% !important
    }
  
    .max-w-m-90,
    .w-m-90 {
      max-width: 90% !important
    }
  
    .w-m-90 {
      width: 90% !important
    }
  
    .max-image-w-m-90 img {
      max-width: 90% !important
    }
  
    .max-w-m-91,
    .w-m-91 {
      max-width: 91% !important
    }
  
    .w-m-91 {
      width: 91% !important
    }
  
    .max-image-w-m-91 img {
      max-width: 91% !important
    }
  
    .max-w-m-92,
    .w-m-92 {
      max-width: 92% !important
    }
  
    .w-m-92 {
      width: 92% !important
    }
  
    .max-image-w-m-92 img {
      max-width: 92% !important
    }
  
    .max-w-m-93,
    .w-m-93 {
      max-width: 93% !important
    }
  
    .w-m-93 {
      width: 93% !important
    }
  
    .max-image-w-m-93 img {
      max-width: 93% !important
    }
  
    .max-w-m-94,
    .w-m-94 {
      max-width: 94% !important
    }
  
    .w-m-94 {
      width: 94% !important
    }
  
    .max-image-w-m-94 img {
      max-width: 94% !important
    }
  
    .max-w-m-95,
    .w-m-95 {
      max-width: 95% !important
    }
  
    .w-m-95 {
      width: 95% !important
    }
  
    .max-image-w-m-95 img {
      max-width: 95% !important
    }
  
    .max-w-m-96,
    .w-m-96 {
      max-width: 96% !important
    }
  
    .w-m-96 {
      width: 96% !important
    }
  
    .max-image-w-m-96 img {
      max-width: 96% !important
    }
  
    .max-w-m-97,
    .w-m-97 {
      max-width: 97% !important
    }
  
    .w-m-97 {
      width: 97% !important
    }
  
    .max-image-w-m-97 img {
      max-width: 97% !important
    }
  
    .max-w-m-98,
    .w-m-98 {
      max-width: 98% !important
    }
  
    .w-m-98 {
      width: 98% !important
    }
  
    .max-image-w-m-98 img {
      max-width: 98% !important
    }
  
    .max-w-m-99,
    .w-m-99 {
      max-width: 99% !important
    }
  
    .w-m-99 {
      width: 99% !important
    }
  
    .max-image-w-m-99 img {
      max-width: 99% !important
    }
  
    .max-w-m-100,
    .w-m-100 {
      max-width: 100% !important
    }
  
    .w-m-100 {
      width: 100% !important
    }
  
    .max-image-w-m-100 img {
      max-width: 100% !important
    }
  } 
  
  /*=====================   width & max-width class end ===================*/


  /*=====================   background class end ===================*/

  .box.bg-size-cover>.component-content {
    background-size: cover
  }
  
  .box.bg-size-contain>.component-content {
    background-size: contain
  }
  
  .box.bg-size-auto>.component-content {
    background-size: auto
  }
  
  .box.bg-size-w5>.component-content {
    background-size: 5% auto
  }
  
  .box.bg-size-h5>.component-content {
    background-size: auto 5%
  }
  
  .box.bg-size-w10>.component-content {
    background-size: 10% auto
  }
  
  .box.bg-size-h10>.component-content {
    background-size: auto 10%
  }
  
  .box.bg-size-w15>.component-content {
    background-size: 15% auto
  }
  
  .box.bg-size-h15>.component-content {
    background-size: auto 15%
  }
  
  .box.bg-size-w20>.component-content {
    background-size: 20% auto
  }
  
  .box.bg-size-h20>.component-content {
    background-size: auto 20%
  }
  
  .box.bg-size-w25>.component-content {
    background-size: 25% auto
  }
  
  .box.bg-size-h25>.component-content {
    background-size: auto 25%
  }
  
  .box.bg-size-w30>.component-content {
    background-size: 30% auto
  }
  
  .box.bg-size-h30>.component-content {
    background-size: auto 30%
  }
  
  .box.bg-size-w35>.component-content {
    background-size: 35% auto
  }
  
  .box.bg-size-h35>.component-content {
    background-size: auto 35%
  }
  
  .box.bg-size-w40>.component-content {
    background-size: 40% auto
  }
  
  .box.bg-size-h40>.component-content {
    background-size: auto 40%
  }
  
  .box.bg-size-w45>.component-content {
    background-size: 45% auto
  }
  
  .box.bg-size-h45>.component-content {
    background-size: auto 45%
  }
  
  .box.bg-size-w50>.component-content {
    background-size: 50% auto
  }
  
  .box.bg-size-h50>.component-content {
    background-size: auto 50%
  }
  
  .box.bg-size-w55>.component-content {
    background-size: 55% auto
  }
  
  .box.bg-size-h55>.component-content {
    background-size: auto 55%
  }
  
  .box.bg-size-w60>.component-content {
    background-size: 60% auto
  }
  
  .box.bg-size-h60>.component-content {
    background-size: auto 60%
  }
  
  .box.bg-size-w65>.component-content {
    background-size: 65% auto
  }
  
  .box.bg-size-h65>.component-content {
    background-size: auto 65%
  }
  
  .box.bg-size-w70>.component-content {
    background-size: 70% auto
  }
  
  .box.bg-size-h70>.component-content {
    background-size: auto 70%
  }
  
  .box.bg-size-w75>.component-content {
    background-size: 75% auto
  }
  
  .box.bg-size-h75>.component-content {
    background-size: auto 75%
  }
  
  .box.bg-size-w80>.component-content {
    background-size: 80% auto
  }
  
  .box.bg-size-h80>.component-content {
    background-size: auto 80%
  }
  
  .box.bg-size-w85>.component-content {
    background-size: 85% auto
  }
  
  .box.bg-size-h85>.component-content {
    background-size: auto 85%
  }
  
  .box.bg-size-w90>.component-content {
    background-size: 90% auto
  }
  
  .box.bg-size-h90>.component-content {
    background-size: auto 90%
  }
  
  .box.bg-size-w95>.component-content {
    background-size: 95% auto
  }
  
  .box.bg-size-h95>.component-content {
    background-size: auto 95%
  }
  
  .box.bg-size-w100>.component-content {
    background-size: 100% auto
  }
  
  .box.bg-size-h100>.component-content {
    background-size: auto 100%
  }
  
  .box.bg-position-top-left>.component-content {
    background-position: 0 0
  }
  
  .box.bg-position-top-center>.component-content {
    background-position: top
  }
  
  .box.bg-position-top-right>.component-content {
    background-position: 100% 0
  }
  
  .box.bg-position-bottom-left>.component-content {
    background-position: 0 100%
  }
  
  .box.bg-position-bottom-center>.component-content {
    background-position: bottom
  }
  
  .box.bg-position-bottom-right>.component-content {
    background-position: 100% 100%
  }
  
  .box.bg-position-center-left>.component-content {
    background-position: 0
  }
  
  .box.bg-position-center-center>.component-content {
    background-position: 50%
  }
  
  .box.bg-position-center-right>.component-content {
    background-position: 100%
  }
  
  .box.bg-attachment-scroll>.component-content {
    background-attachment: scroll
  }
  
  .box.bg-attachment-local>.component-content {
    background-attachment: local
  }
  
  .box.bg-attachment-fixed>.component-content {
    background-attachment: fixed
  }
  
  .box.bg-repeat-no-r>.component-content {
    background-repeat: no-repeat
  }
  
  .box.bg-repeat-rx>.component-content {
    background-repeat: repeat-x
  }
  
  .box.bg-repeat-ry>.component-content {
    background-repeat: repeat-y
  }
  
  .box.bg-repeat-round>.component-content {
    background-repeat: round
  }
  
  .box.bg-repeat-space>.component-content {
    background-repeat: space
  }

  @media (min-width:768px) {
    .box.bg-size-d-cover>.component-content {
      background-size: cover
    }
  
    .box.bg-size-d-contain>.component-content {
      background-size: contain
    }
  
    .box.bg-size-d-auto>.component-content {
      background-size: auto
    }
  
    .box.bg-size-d-w5>.component-content {
      background-size: 5% auto
    }
  
    .box.bg-size-d-h5>.component-content {
      background-size: auto 5%
    }
  
    .box.bg-size-d-w10>.component-content {
      background-size: 10% auto
    }
  
    .box.bg-size-d-h10>.component-content {
      background-size: auto 10%
    }
  
    .box.bg-size-d-w15>.component-content {
      background-size: 15% auto
    }
  
    .box.bg-size-d-h15>.component-content {
      background-size: auto 15%
    }
  
    .box.bg-size-d-w20>.component-content {
      background-size: 20% auto
    }
  
    .box.bg-size-d-h20>.component-content {
      background-size: auto 20%
    }
  
    .box.bg-size-d-w25>.component-content {
      background-size: 25% auto
    }
  
    .box.bg-size-d-h25>.component-content {
      background-size: auto 25%
    }
  
    .box.bg-size-d-w30>.component-content {
      background-size: 30% auto
    }
  
    .box.bg-size-d-h30>.component-content {
      background-size: auto 30%
    }
  
    .box.bg-size-d-w35>.component-content {
      background-size: 35% auto
    }
  
    .box.bg-size-d-h35>.component-content {
      background-size: auto 35%
    }
  
    .box.bg-size-d-w40>.component-content {
      background-size: 40% auto
    }
  
    .box.bg-size-d-h40>.component-content {
      background-size: auto 40%
    }
  
    .box.bg-size-d-w45>.component-content {
      background-size: 45% auto
    }
  
    .box.bg-size-d-h45>.component-content {
      background-size: auto 45%
    }
  
    .box.bg-size-d-w50>.component-content {
      background-size: 50% auto
    }
  
    .box.bg-size-d-h50>.component-content {
      background-size: auto 50%
    }
  
    .box.bg-size-d-w55>.component-content {
      background-size: 55% auto
    }
  
    .box.bg-size-d-h55>.component-content {
      background-size: auto 55%
    }
  
    .box.bg-size-d-w60>.component-content {
      background-size: 60% auto
    }
  
    .box.bg-size-d-h60>.component-content {
      background-size: auto 60%
    }
  
    .box.bg-size-d-w65>.component-content {
      background-size: 65% auto
    }
  
    .box.bg-size-d-h65>.component-content {
      background-size: auto 65%
    }
  
    .box.bg-size-d-w70>.component-content {
      background-size: 70% auto
    }
  
    .box.bg-size-d-h70>.component-content {
      background-size: auto 70%
    }
  
    .box.bg-size-d-w75>.component-content {
      background-size: 75% auto
    }
  
    .box.bg-size-d-h75>.component-content {
      background-size: auto 75%
    }
  
    .box.bg-size-d-w80>.component-content {
      background-size: 80% auto
    }
  
    .box.bg-size-d-h80>.component-content {
      background-size: auto 80%
    }
  
    .box.bg-size-d-w85>.component-content {
      background-size: 85% auto
    }
  
    .box.bg-size-d-h85>.component-content {
      background-size: auto 85%
    }
  
    .box.bg-size-d-w90>.component-content {
      background-size: 90% auto
    }
  
    .box.bg-size-d-h90>.component-content {
      background-size: auto 90%
    }
  
    .box.bg-size-d-w95>.component-content {
      background-size: 95% auto
    }
  
    .box.bg-size-d-h95>.component-content {
      background-size: auto 95%
    }
  
    .box.bg-size-d-w100>.component-content {
      background-size: 100% auto
    }
  
    .box.bg-size-d-h100>.component-content {
      background-size: auto 100%
    }
  
    .box.bg-position-d-top-left>.component-content {
      background-position: 0 0
    }
  
    .box.bg-position-d-top-center>.component-content {
      background-position: top
    }
  
    .box.bg-position-d-top-right>.component-content {
      background-position: 100% 0
    }
  
    .box.bg-position-d-bottom-left>.component-content {
      background-position: 0 100%
    }
  
    .box.bg-position-d-bottom-center>.component-content {
      background-position: bottom
    }
  
    .box.bg-position-d-bottom-right>.component-content {
      background-position: 100% 100%
    }
  
    .box.bg-position-d-center-left>.component-content {
      background-position: 0
    }
  
    .box.bg-position-d-center-center>.component-content {
      background-position: 50%
    }
  
    .box.bg-position-d-center-right>.component-content {
      background-position: 100%
    }
  
    .box.bg-attachment-d-scroll>.component-content {
      background-attachment: scroll
    }
  
    .box.bg-attachment-d-local>.component-content {
      background-attachment: local
    }
  
    .box.bg-attachment-d-fixed>.component-content {
      background-attachment: fixed
    }
  
    .box.bg-repeat-d-no-r>.component-content {
      background-repeat: no-repeat
    }
  
    .box.bg-repeat-d-rx>.component-content {
      background-repeat: repeat-x
    }
  
    .box.bg-repeat-d-ry>.component-content {
      background-repeat: repeat-y
    }
  
    .box.bg-repeat-d-round>.component-content {
      background-repeat: round
    }
  
    .box.bg-repeat-d-space>.component-content {
      background-repeat: space
    }
  }

  /*=====================   background class end ===================*/


  /*=====================   text-alignment class start ===================*/

  body .text-center-m .richText-content {
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
  }
  body .text-left-m .richText-content {
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
  }
  
  body .text-right-m .richText-content {
    -ms-flex-line-pack: end;
    align-content: flex-end;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
  }

  
  
  .text-left-m {
    text-align: left !important
  }
  
  .text-right-m {
    text-align: right !important
  }
  
  .text-justify-m {
    text-align: justify !important
  }
  @media (min-width:992px) {
    .text-center-d {
      text-align: center !important
    }
  
    .text-left-d {
      text-align: left !important
    }
  
    .text-right-d {
      text-align: right !important
    }
  
    .text-justify-d {
      text-align: justify !important
    }
  }
  @media (max-width:991px) {
    .richText.text-center .richText-content ul>li {
      text-align: center !important
    }
  
    .richText.text-right .richText-content ul>li {
      text-align: right !important
    }
  
    .richText.text-left .richText-content ul>li {
      text-align: left !important
    }
    .text-center-m {
        text-align: center !important
      }
  }
  @media (min-width:992px) {
    body .text-center-d .richText-content {
      -ms-flex-line-pack: center;
      align-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center
    }
  
    body .text-left-d .richText-content {
      -ms-flex-line-pack: start;
      align-content: flex-start;
      -webkit-box-align: start;
      -ms-flex-align: start;
      align-items: flex-start
    }
  
    body .text-right-d .richText-content {
      -ms-flex-line-pack: end;
      align-content: flex-end;
      -webkit-box-align: end;
      -ms-flex-align: end;
      align-items: flex-end
    }
  }
  /*=====================   text-alignment class end ===================*/
  .cursor-pointer{
    cursor: pointer;
  }
 @media(min-width:992px){
  .align-baseline-d >.component-content>.paragraphSystem.content{
    align-items: baseline;
  }
  /* ashish css */
  .line-height-d-1,.line-height-d-1 *{
    line-height: 1;
  }
  .font-d-64 {
    font-size: 64px;
  }
  .font-d-72 {
    font-size: 72px;
  }
  .font-d-120 {
    font-size: 120px;
  }
 }

.bg-brown-light {
  background: var(--color-16);
}

@media(max-width:991px){
  .font-m-12 {
    font-size: 12px;
  }
  .line-height-m-1-5,.line-height-m-1-5 *{
    line-height: 1.5;
  }
  .font-m-80 {
    font-size: 80px;
  }
}

/* ashish css */