@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;900&display=swap");

body {
  font-family: 'Poppins', sans-serif;
  
    @media (min-width: 1500px) and (max-width: 1550px) {
        zoom: 90%;
        min-height: 111vh;
    }
}

.dropdown {
    position: relative;
    display: inline-block;
}
.dropdown-toggle {
    display: inline-block;
    vertical-align: middle;
}
.dropdown-toggle:hover {
    text-decoration: none;
}
.dropdown-toggle>* {
    display: inline-block;
}
.dropdown-menu {
    background: #fff;
    border: 1px solid #d8d8d8;
    border-radius: 3px;
    box-shadow: 0 1px 5px rgba(0, 0, 0, .1);
    display: none;
    font-size: 14px;
    font-style: normal;
    font-weight: normal;
    left: 0;
    margin-top: 1px;
    min-width: 170px;
    padding: 10px 0;
    position: absolute;
    text-align: left;
    z-index: 1000;
}
[dir=rtl] .dropdown-menu {
    text-align: right;
}
.dropdown-menu[aria-expanded=true] {
    display: block;
}
.dropdown-menu [role=separator] {
    border-bottom: 1px solid #d8d8d8;
    color: #969696;
    display: block;
    font-weight: normal;
    font-size: 11px;
    padding: 5px 0;
    margin: 5px 20px 10px 20px;
}
[dir="ltr"] .dropdown-menu [role=menuitem] {
    text-align: left;
}
[dir="rtl"] .dropdown-menu [role=menuitem] {
    text-align: right;
}
.dropdown-menu [role=menuitem] {
    color: #333;
    cursor: pointer;
    display: block;
    padding: 7px 40px 7px 20px;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
    -webkit-appearance: none;
    line-height: inherit;
    width: 100%}
[dir=rtl] .dropdown-menu [role=menuitem] {
    padding: 7px 20px 7px 40px;
}
.dropdown-menu [role=menuitem]:hover, .dropdown-menu [role=menuitem]:focus {
    background: #f3f3f3;
    text-decoration: none;
    color: #333;
}
.dropdown-menu [role=menuitem][aria-selected=true] {
    background: #f3f3f3;
    cursor: default;
}
.dropdown-menu [role=menuitem][aria-selected=true]::after {
    content: "✓";
    margin-left: 10px;
    font-family: "entypo"}
[dir=rtl] .dropdown-menu [role=menuitem][aria-selected=true]::after {
    margin-left: 0;
    margin-right: 10px;
    float: left;
}
.dropdown-menu [role=menuitem][hidden], .dropdown-menu [role=menuitem][aria-hidden=true] {
    display: none !important;
}
.dropdown-menu-caret {
    margin-top: 10px;
}
.dropdown-menu-caret::before, .dropdown-menu-caret::after {
    content: "";
    display: inline-block;
    position: absolute;
}
.dropdown-menu-caret::before {
    top: -7px;
    left: 9px;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #d8d8d8;
    border-left: 7px solid transparent;
}
.dropdown-menu-caret::after {
    top: -6px;
    left: 10px;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #fff;
    border-left: 6px solid transparent;
}
.dropdown-menu-end {
    left: auto;
    right: 0;
}
.dropdown-menu-end.dropdown-menu-caret::before {
    left: auto;
    right: 9px;
}
.dropdown-menu-end.dropdown-menu-caret::after {
    left: auto;
    right: 10px;
}
.dropdown-menu-top {
    bottom: 100%;
    margin-bottom: 1px;
}
[dir=rtl] .dropdown-menu {
    left: auto;
    right: 0;
    text-align: right;
}
[dir=rtl] .dropdown-menu-end {
    left: 0;
    right: auto;
}
[dir=rtl] .dropdown-menu-end.dropdown-menu-caret::before {
    left: 9px;
    right: auto;
}
[dir=rtl] .dropdown-menu-end.dropdown-menu-caret::after {
    left: 10px;
    right: auto;
}
[dir=rtl] .dropdown-menu-caret::before {
    left: auto;
    right: 9px;
}
[dir=rtl] .dropdown-menu-caret::after {
    left: auto;
    right: 10px;
}
.dropdown-toggle-icon {
    vertical-align: middle;
}
.dropdown-toggle {
    cursor: pointer;
}
.dropdown-toggle::after {
    color: #888;
    content: '';
    top: -2px;
    position: relative;
    display: inline-block;
  	border: solid #303030;
    border-width: 0 1px 1px 0;
    display: inline-block;
    padding: 2px;
    margin-left: 6px;
    transform: rotate(45deg);
    vertical-align: middle;
}
.upload-link::before {
    color: #888;
    content: "📎";
    font-family: "entypo";
    margin-right: 5px;
}
.upload-remove::before {
    content: "×";
    font-family: "entypo"}

#preview-bar-container {
   display: none;
}

/***** Base *****/
* {
   box-sizing: border-box;
}

body {
   background-color: #FFFFFF;
   color: rgba(102, 102, 102, 1);
   font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
   font-size: 15px;
   font-weight: 400;
   line-height: 1.5;
   -webkit-font-smoothing: antialiased;
   min-width: 375px;
   overflow-x: hidden;
}

button, html input[type=button], 
input[type=reset], 
input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer;
}

a {
   color: rgba(24, 159, 201, 1);
   text-decoration: none;
}

ul {
   list-style: none;
   margin: 0;
   padding: 0;
}

img {
   width: 100%;
   height: 100%;
   color: #000;   
}

.fade {
   display: none;
}

@media (max-width: 1024px) {
   main {
      overflow-x: hidden;
   }
}

.hidden {
  display: none !important;
}

/***** Title *****/
h1,
h2,
h3,
h4,
h5,
h6 {
   margin: 0;
}

.title-h1 {
   margin: 0 auto;
	 max-width: 740px;
   font: 700 50px/1.2 "Poppins", "Helvetica", "Arial", sans-serif;
   color: #303030;
}

@media (max-width: 860px) {
   .title-h1 {
      font-size: 32px;
   }
}

.title-h2 {
   font: 500 26px/36px "Poppins", "Helvetica", "Arial", sans-serif;
   color: #303030;
}

@media (max-width: 475px) {
   .title-h2 {
      font-size: 24px;
      line-height: 33px;
      width: 70%;
      margin: 0 auto;
   }
}

@media only screen and (max-width: 425px) {
   .section-btn {
      text-align: center;
   }
}

/***** Forms *****/
.form {
   max-width: 650px;
}

.form-field ~ .form-field {
   margin-top: 25px;
}

.form-field label {
   display: block;
   font-size: 13px;
   margin-bottom: 5px;
}

.form-field input {
   border: 1px solid #ddd;
   border-radius: 4px;
   padding: 10px;
   width: 100%;
}

.form-field input:focus {
   border: 1px solid rgba(24, 159, 201, 1);
}

.form-field input[type="text"] {
   border: 1px solid #ddd;
   border-radius: 4px;
}

.form-field input[type="text"]:focus {
   border: 1px solid rgba(24, 159, 201, 1);
}

.form-field input[type="checkbox"] {
   width: auto;
}

.form-field .nesty-input {
   border-radius: 4px;
   height: 40px;
   line-height: 40px;
   outline: none;
   vertical-align: middle;
}

.form-field .nesty-input:focus {
   border: 1px solid rgba(24, 159, 201, 1);
   text-decoration: none;
}

.form-field .hc-multiselect-toggle:focus {
   outline: none;
   border: 1px solid rgba(24, 159, 201, 1);
   text-decoration: none;
}

.form-field textarea {
   vertical-align: middle;
}

.form-field input[type="checkbox"] + label {
   margin: 0 0 0 10px;
}

.form-field.required > label::after {
   content: "*";
   color: #f00;
   margin-left: 2px;
}

.form-field .optional {
   color: #999;
   margin-left: 4px;
}

.form-field p {
   color: #999;
   font-size: 12px;
   margin: 5px 0;
}

[data-loading="true"] input,
[data-loading="true"] textarea {
   background: transparent url(/hc/theming_assets/01JAFSHTFZDPE89HEN1D9CC84Q) 99% 50% no-repeat;
   background-size: 16px 16px;
}

.form footer {
   margin-top: 40px;
   padding: 30px 0 15px;
}

.form footer a {
   color: #999;
   cursor: pointer;
   margin-right: 15px;
}

.form .suggestion-list {
   font-size: 13px;
   margin-top: 30px;
}

.form .suggestion-list label {
   border-bottom: 1px solid #ddd;
   display: block;
   padding-bottom: 5px;
}

.form .suggestion-list li {
   padding: 10px 0;
}

.form .suggestion-list li a:visited {
   color: #0d576e;
}

input,
textarea {
   color: #000;
   font-size: 14px;
}

input {
   font-weight: 300;
   max-width: 100%;
   box-sizing: border-box;
   outline: none;
   transition: border 0.12s ease-in-out;
}

input:focus {
   border: 1px solid rgba(24, 159, 201, 1);
}

input[disabled] {
   background-color: #ddd;
}

select:not(#country-options) {
   -webkit-appearance: none;
   -moz-appearance: none;
   background: url(/hc/theming_assets/01JJ1WK096A0JTN36DF5GBM8YE) no-repeat #fff;
   background-position: right 10px center;
   border: 1px solid #ddd;
   border-radius: 4px;
   padding: 8px 30px 8px 10px;
   outline: none;
   color: #555;
   width: 100%;
}

select:focus {
   border: 1px solid rgba(24, 159, 201, 1);
}

select::-ms-expand {
   display: none;
}

textarea {
   border: 1px solid #ddd;
   border-radius: 2px;
   resize: vertical;
   width: 100%;
   outline: none;
   padding: 10px;
}

textarea:focus {
   border: 1px solid rgba(24, 159, 201, 1);
}

.error-page {
   max-width: 1160px;
   margin: 0 auto;
   padding: 0 5%;
}

@media (min-width: 1160px) {
   .error-page {
      padding: 0;
      width: 90%;
   }
}

/***** Search field *****/
.btn-box-help {
   padding: 80px 0 86px;
}
.btn-box-help.sect-btn {
   padding: 104px 0 82px;
}
@media (max-width: 425px) {
   .btn-box-help {
      padding: 40px 0;
   }
}

.search-form {
   max-width: 916px;
   width:100%;
   margin: 25px auto 0;
   /*border-bottom: 1px solid #303030;*/
}

.search {
   position: relative;
   display: flex;
   flex-direction: row;
   justify-content: space-around;
}

.search input[type="search"] {
   box-sizing: border-box;
   color: #afafb3;
   font: normal 300 18px/28px "Poppins", "Helvetica", "Arial", sans-serif;
}

[dir="rtl"] .search input[type="search"] {
   padding-right: 40px;
   padding-left: 20px;
}

.search input[type="search"]:focus {
   color: #555;
}

.search input[type="submit"] {
   padding: 8px 25px 8px 45px;
   background-image: url(/hc/theming_assets/01JJ1WK0PCMBAX9HWKFTGNDCVT);
   background-color: #fff;
   background-repeat: no-repeat;
   background-position: 15px 10px;
   background-size: 18px;
   color: #ff6166;
   letter-spacing: 0.4px;
   font-size: 16px;
   line-height: 24px;
   border: 2px solid #ff6166;
   border-radius: 26px;
   transition: 0.3s;
}
.search input[type="submit"]:hover {
   background-image: url(/hc/theming_assets/01JJ1WJYEMRSV09DMMVE02QNTH);
   background-color: #ff6166;
   color: #fff;
}
.search-full input[type="search"] {
   border-bottom: 1px solid #afafb3;
   border-top: 0;
   border-right: 0;
   border-left: 0;
   width: 80%;
   padding-right: 0;
}
@media (max-width: 480px) {
   .search {
      position: relative;
      display: flex;
      flex-direction: row;
      justify-content: center;
      margin: 0;
   }
  .search-full input[type="search"] {
    border-bottom: 1px solid #afafb3;
    border-top: 0;
    border-right: 0;
    border-left: 0;
    width: 95%;
    padding-right: 0;
}
   .search input[type="submit"] {
      background-image: url(/hc/theming_assets/01JJ1WK04N6CX9F0P5HWWR1V90);
      background-position: center;
      background-size: contain;
      font-size: 0;
      border: none;
      position: absolute;
      right: 10px;
      width: 24px;
      height: 24px;
      padding: 0;
      border-radius: 0;
   }
   .search-full input[type="search"]::placeholder {
      font-size: 15px;
   }
}

/* @media (max-width: 768px) {
  .search input[type="submit"] {  
    background-size: 20px;
  }
  main {
    padding-top: 70px;
	}
} */

[dir="rtl"] .search::before {
   right: 15px;
   left: auto;
}



.search-full input[type="search"]::placeholder {
   color: #afafb3;
}

main {
   padding-top: 64px;
}
main.in-iframe {
   padding-top: 0;
}
@media (max-width: 960px) {
   main.in-iframe {
      padding-top: 0;
   }
}
@media (max-width: 480px) {
   main.in-iframe {
      padding-top: 0;
   }
}

/***** Hero component *****/
.hero {
   text-align: center;
   width: 100%;
}
.categories .container,
.hero .container {
   margin-bottom: 0;
}

.hero-inner {
   position: relative;
   margin: 0 auto;
}

.hero .section-title {
   background: #f5f6fa;
   padding: 56px 0 65px 0;
}
.section-title.section-first.dn {
   padding: 94px 0 91px;
}

@media (max-width: 475px) {
   .hero .section-title {
      padding: 34px 0 48px;
   }
   .section-title.section-first.dn {
      padding: 84px 0 32px;
   }
}

.hero .section-title_txt {
   font: 300 20px/1.5 "Poppins", "Helvetica", "Arial", sans-serif;
   color: #666;
   max-width: 600px;
   width: 100%;
   margin: auto;
   padding: 24px 0 40px 0;
}

[lang="fr"] .hero .section-title_txt,
[lang="de"] .hero .section-title_txt {
   max-width: 835px;
}

@media (max-width: 475px) {
   .hero .section-title_txt {
      font-size: 17px;
      padding-bottom: 32px;
   }
}


@media (max-width: 475px) {
   [lang="es"] .hero .btn {
      padding: 11px 15px;
   }
}
/*category-tab*/

.knowledge-base .container > h2 {
   text-align: center;
   font: 700 40px/50px "Poppins", "Helvetica", "Arial", sans-serif;
   padding-bottom: 43px;
}

.knowledge-base .nav-content {
   background: #f5f6fa;
   padding: 47px 60px 36px;
}

@media (max-width: 475px) {
  .knowledge-base .nav-content {
     padding: 31px 0 13px;
  }
}
.knowledge-base .tab-content h3 {
   font-size: 26px;
}

.knowledge-base .nav {
   display: flex;
   align-items: center;
   justify-content: space-between;
}

.knowledge-base .nav::-webkit-scrollbar {
   width: 0px;
}

@media only screen and (max-width: 425px) {
   .knowledge-base .container > h2 {
      font: 700 30px/50px "Poppins", "Helvetica", "Arial", sans-serif;
     padding-bottom: 15px;
   }
   .knowledge-base .nav {
      justify-content: flex-start;
      flex-wrap: wrap;
   }
}

.nav:before,
.nav:after {
   display: none !important;
}

.knowledge-base .nav li {
   cursor: pointer;
   border-radius: 8px;
}

.knowledge-base .nav li a {
   position: relative;
   display: block;
   padding: 7px 15px;
   text-align: center;
   background: transparent;
   letter-spacing: 0px;
   pointer-events: none;
   cursor: pointer;
   border-radius: 8px;
   border: 1px solid transparent;
}

.knowledge-base .nav li a h2 {
   color: #303030;
   font: 500 20px/28px "Poppins", "Helvetica", "Arial", sans-serif;
}

.knowledge-base .nav li::hover .knowledge-base .nav li a h2 {
   opacity: 1;
}

@media only screen and (max-width: 1400px) {
   .knowledge-base .nav li a {
      font-size: 18px;
   }
}
@media only screen and (max-width: 1350px){
   .knowledge-base .nav {
/*     justify-content: flex-start; */
    flex-wrap: wrap;
   }
}
@media only screen and (max-width: 1200px) {
   .knowledge-base .nav li a,
   .knowledge-base .nav li a h2 {
      font-size: 16px;
   }
}

@media only screen and (max-width: 375px) {
   .knowledge-base .nav li a {
      font-size: 15px;
   }
}

@media only screen and (max-width: 768px) {
   .knowledge-base .nav li a span,
   .knowledge-base .nav li a h2 {
      top: 100px;
   }
   .knowledge-base .nav li a {
      padding: 9px 15px;
   }
}

@media only screen and (max-width: 425px) {
   .knowledge-base .nav li a span,
   .knowledge-base .nav li a h2 {
      top: 70px;
   }
   .knowledge-base .nav li a {
      /* margin: 0 5px 10px; */
      border-color: #00284b29;
   }
   .knowledge-base .nav li {
      margin: 0px 5px 10px;
   }
  
  .knowledge-base .nav li:first-of-type {
    order: 0;
  }
  
  .knowledge-base .nav li:nth-of-type(2) {
    order: 2;
  }
  
  .knowledge-base .nav li:nth-of-type(3) {
    order: 1;
  }
  
  .knowledge-base .nav li:nth-of-type(4) {
    order: 5;
  }
  
   .knowledge-base .nav li:nth-of-type(5) {
    order: 4;
  }
  
  .knowledge-base .nav li:nth-of-type(6) {
    order: 5;
  }
}
@media only screen and (max-width: 360px) {
   [lang="fr"] .knowledge-base .nav li a h2 {
      font-size: 14px;
      top: 76px;
   }
}
.knowledge-base .nav li:hover a,
.knowledge-base .nav li.active a {
   background: #00284b19;
}

@media only screen and (max-width: 768px) {
   .knowledge-base .nav li a::before {
      top: 30px;
   }
}
@media only screen and (max-width: 425px) {
   .knowledge-base .nav li a::before {
      top: 25px;
   }
}

@media only screen and (max-width: 716px) {
   /*account-management*/
   .knowledge-base .nav li:nth-child(4) {
      /*         display: none;  */
   }
}

@media only screen and (max-width: 425px) {
   .knowledge-base .nav li:nth-child(1) a::before {
      width: 40px;
      height: 40px;
   }

   /*download*/
   .knowledge-base .nav li:nth-child(2) a::before {
      width: 52px;
      height: 40px;
      background-size: contain;
   }

   /*how to's*/
   .knowledge-base .nav li:nth-child(3) a::before {
      width: 40px;
      height: 40px;
   }
   /*Forum*/
   .knowledge-base .nav li:nth-child(5) a::before {
      background: url(/hc/theming_assets/01JJ1WJZ65T5AY3YAZPDYZE3V2) no-repeat center;
      width: 54px;
      height: 54px;
   }
}

.knowledge-base .tab-content {
   background: #fff;
   padding: 20px 60px 75px;
   /*border-bottom: 1px solid #707070;*/
}

@media only screen and (max-width: 768px) {
   .knowledge-base .tab-content {
      padding: 35px 0;
   }
}

.knowledge-base .tab-content section {
   padding-bottom: 24px;
}

@media only screen and (max-width: 425px) {
   .knowledge-base h3 {
      text-align: center;
   }
}

.tab-content > .tab-pane {
   display: none;
}

.tab-content > .tab-pane.active {
   display: block;
}

.knowledge-base .tab-content h2 {
   display: none;
}

.knowledge-base .tab-content ul {
   padding: 40px 0 22px;
   list-style-type: none;
}

.knowledge-base .tab-content li {
   position: relative;
   padding: 0 0 0 22px;
   margin: 0 0 33px 0;
}

@media only screen and (max-width: 425px) {
   .knowledge-base .tab-content li {
      margin: 0 0 17px 0;
   }
}

.knowledge-base .tab-content li::before {
   content: "";
   position: absolute;
   top: 50%;
   left: 0;
   border: solid #49BDE2;
   border-width: 0 2px 2px 0;
   display: inline-block;
   padding: 3px;
   transform: rotate(-45deg) translateY(-50%);
   -webkit-transform: rotate(-45deg) translateY(-50%);
}

.knowledge-base .tab-content ul a p {
   color: #212121;
   font: 400 18px/1 "Poppins", "Helvetica", "Arial", sans-serif;
   text-decoration: none;
}

@media only screen and (max-width: 425px) {
   .knowledge-base .tab-content ul a p {
      font-size: 16px;
      line-height: 1.52;
      margin-top: 0;
      margin-bottom:24px;
   }
  
  .knowledge-base .tab-content ul li:last-of-type a p {
      margin-bottom:12px;
   }
  
  .knowledge-base .tab-content li::before {
    top: 7px;
    transform: rotate(-45deg) translateY(0%);
	}
}

.see-all-articles {
   display: inline-block;
   background: url($assets-see-all-icon-png) no-repeat 14px 50% #f3f3f3;
   border-radius: 5px;
   padding: 11px 26px 11px 52px;
   color: #2d4eb8;
   font-weight: bold;
}

@media only screen and (max-width: 992px) {
   .knowledge-base .tab-content > .tab-pane section {
      padding: 40px 0px 44px;
   }

   .knowledge-base h3 {
      margin: 0 0 32px;
   }

   .knowledge-base .tab-content ul {
      padding: 0 0 30px 16px;
   }
}

@media only screen and (max-width: 763px) {
   .knowledge-base h3 {
      font-size: 26px;
   }
}

html {
   width: 100%;
   height: 100%;
   scroll-behavior: smooth;
   box-sizing: border-box;
}

body {
   color: #303030;
   background: #fff;
   font: 18px/1.6 Poppins, Arial, Helvetica, sans-serif;
   min-width: 320px;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
}

* {
   -moz-box-sizing: border-box;
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
}

*,
:after,
:before {
   box-sizing: inherit;
}

a {
   text-decoration: none;
}

.animate,
a {
   -webkit-transition: all 0.2s ease-out;
   -moz-transition: all 0.2s ease-out;
   -ms-transition: all 0.2s ease-out;
   -o-transition: all 0.2s ease-out;
   transition: all 0.2s ease-out;
}

#nav a:hover {
   color: #1787ce;
}

.container {
   margin: 0 auto 15px;
   max-width: 1470px;
   /*padding: 0 32px;*/
   padding: 0 17.5px;
}
.bot .container {
   margin: 0 auto;
}
@media (max-width: 1200px) {
   .container {
      padding: 0 15px;
   }
}

.container.lg {
   max-width: 1920px;
}

.row-holder {
   display: flex;
   align-items: center;
   flex-wrap: wrap;
   margin: 0 -10px;
}

.learn-more {
   color: #ff6166;
   display: inline-flex;
   align-items: center;
}

.learn-more .small-arrow {
   width: 25px;
   height: 17px;
}

.learn-more .small-arrow-mobile {
   width: 15px;
   height: 10px;
}

.learn-more .large-arrow {
   width: 55px;
   height: 17px;
}

.view-more:hover {
   padding-left: 2px;
}

.view-more:hover .large-arrow {
   display: flex;
}

.view-more .large-arrow {
   display: none;
   width: 55px;
   height: 17px;
}

.btn-holder {
   display: flex;
   flex-wrap: wrap;
   justify-content: space-between;
   max-width: 270px;
   margin: 0 auto;
}

@media (min-width: 768px) {
   .btn-holder {
      margin: 0;
      max-width: 100%;
   }
}

.btn {
   transition: padding 0.3s ease-in-out;
   position: relative;
   min-width: 270px;
   border-radius: 25px!important;
   padding: 11px 50px;
   text-transform: uppercase;
   text-align: center;
   overflow: hidden;
   display: inline-flex;
   align-items: center;
   justify-content: center;
   line-height: 23px;
   font-size: 18px;
}

@media (max-width: 375px) {
   [lang="de"] .btn {
      font-size: 15px;
   }
}

.btn:hover .bullet-arrow {
   transform: translate(0, -50%);
   left: -12px;
}

.btn span {
   transition: transform 0.3s ease-in-out;
   position: relative;
}

.btn:hover span {
   transform: translateX(5px);
}

.btn.primary {
   background-color: #ff6166;
   color: #fff;
   border: 3px solid #ff6166;
}

.btn.outline {
   background-color: transparent;
   border: 3px solid #ff6166;
   color: #ff6166;
}

.btn .bullet-arrow {
   margin-right: 10px;
   transform: translate(-9999px, -50%);
   position: absolute;
   left: -9999px;
   top: 50%;
}

.btn .bullet-arrow svg {
   fill: #fff;
}

.bullet-arrow {
   transition: transform 0.3s ease-in-out;
   width: 6px;
   height: 10px;
   display: flex;
   align-items: center;
}

.btn.outline .bullet-arrow svg {
   fill: #ff6166;
}

.footer-menu .icon-angle-down {
   display: none;
   width: 16px;
   height: 20px;
   padding: 0 5px 0 0;
}

@media (max-width: 1024px) {
   .footer-menu .icon-angle-down {
      display: inline-block;
      position: absolute;
      right: 0;
      top: 50%;
      transform: translateY(-50%);
   }
}

.footer-menu .icon-angle-down svg {
   width: 100%;
   height: 100%;
   fill: #303030;
}

.sm-box {
   margin: 25px 0 15px;
   text-align: center;
}

@media (max-width: 1439px) {
   .sm-box {
      text-align: left;
      margin: 0;
   }
}

.sm-list {
   list-style: none;
   margin: 0;
   padding: 0;
}

.sm-list li {
   display: inline-block;
   margin: 0 10px 0 0;
}

@media (max-width: 1024px) {
   .sm-list li {
      display: block;
      margin: 0 0 15px 0;
   }
}

.sm-list li.facebook .svg-fb {
   fill: #557cbb;
}

.sm-list li.twitter .svg-tw {
   fill: #7bcdef;
}

.sm-list li.youtube .svg-yt {
   fill: #e63842;
}

.sm-list li.linkedin {
   margin-right: 0;
}

.sm-list li.linkedin .svg-ld {
   fill: #107bb7;
}

.sm-list a {
   width: 20px;
   height: 20px;
   position: relative;
   display: block;
}

@media (max-width: 1024px) {
   .sm-list a {
      width: 30px;
      height: 30px;
   }
}

.sm-list svg {
   width: 100%;
   height: 100%;
}

.partners-list {
   display: flex;
   justify-content: center;
   align-items: center;
   padding: 0;
   margin: 20px auto;
   list-style: none;
   flex: 1;
   max-width: 500px;
}

@media (max-width: 767px) {
   .partners-list {
      max-width: 100%;
      flex-wrap: wrap;
      justify-content: center;
      margin: 40px auto 20px;
   }
}

.partners-list a {
   display: block;
   background-size: contain;
}

.partners-list li {
   margin-right: 60px;
}

@media (max-width: 480px) {
   .partners-list li:first-child {
      width: 100%;
      text-align: center;
   }
}

@media (max-width: 480px) {
   .partners-list li:first-child a {
      margin: 0 auto;
   }
}

.partners-list li:last-child {
   margin-right: 0;
}

@media (max-width: 480px) {
   .partners-list li:last-child {
      margin-left: 20px;
   }
}

@media (max-width: 480px) {
   .partners-list li {
      margin-bottom: 30px;
      margin-right: 0;
   }
}

.partners-list .microsofr-partner {
   background-size: contain;
   background-repeat: no-repeat;
   background-position: center;
   width: 255px;
   height: 50px;
}

.partners-list .microsofr-partner.lazy {
   background-image: none;
}

.partners-list .pdf-association {
   background-size: contain;
   background-repeat: no-repeat;
   background-position: center;
   width: 69px;
   height: 33px;
}

.partners-list .pdf-association.lazy {
   background-image: none;
}

.partners-list .user-rights {
   width: 100px;
   height: 33px;
}

.languages-wrap {
   color: #000;
   font-weight: 400;
   position: relative;   
   cursor: pointer;
   transition: all 0.1s linear;
   z-index: 10;
}

@media screen and (max-width: 480px) {
   .languages-wrap {
      padding: 4px 0;
   }
}

.languages-wrap:hover .dropdown-languages {
   top: 100%;
   left: 50%;
   opacity: 1;
   visibility: visible;
}

.languages-wrap:hover .caret svg {
   fill: #ff6166;
}

.languages-wrap > a {
   color: #000;
   font-weight: 400;
   white-space: nowrap;
   font: 400 14px/21px Poppins, sans-serif;
   letter-spacing: 0;
   color: #303030;
   text-transform: uppercase;
}

.languages-wrap > a:hover {
   text-decoration: none;
}

.dropdown-languages {
   display: flex;
   max-width: 125px;
   flex-wrap: wrap;
   border: 1px solid #ebebeb;
   border-top: 0 none;
   list-style: none;
   position: absolute;
   transform: translateX(-50%);
   background: #fff;
   z-index: 999;
   padding: 2px 0 5px;
   width: 100%;
   min-width: 59px;
   text-align: center;
   overflow: visible;
   visibility: hidden;
   opacity: 0;
   left: -999999px;
   top: -999999px;
   transition: opacity 0.3s ease-out, visibility 0.3s ease-out;
}

.dropdown-languages li {
   min-width: 25px;
}

.dropdown-languages a {
   overflow: hidden;
   padding: 3px 5px;
   font-family: "Open Sans", sans-serif;
   font-weight: 600;
   font-size: 11px;
   text-transform: uppercase;
   color: #898989;
   display: inline-block;
   width: 100%;
   line-height: 11px;
}

.dropdown-languages a:hover {
   text-decoration: none;
}

.caret i {
   position: relative;
   left: 6px;
   top: -3px;
}

.caret svg {
   width: 8px;
   height: 5px;
   fill: #303030;
}

.caret.caret-right {
   transform: rotate(-90deg);
}

.bottom-menu {
   justify-content: center;
   margin: 0 auto;
   flex-wrap: wrap;
}

@media (max-width: 424px) {
   .bottom-menu {
      flex-wrap: wrap;
      margin-bottom: 5px;
   }
}

.bottom-menu li {
   margin-right: 15px;
   margin-top: 10px;
}

.bottom-menu li:last-child {
   margin-right: 0;
}

.bottom-menu li a {
   text-decoration: underline;
   font: 400 12px/18px Poppins, sans-serif;
   letter-spacing: 0;
   color: #666;
   cursor: pointer;
   transition: all 0.2s linear;
}

.bottom-menu li a:hover {
   color: #ff6166;
}

.copyright-text {
   text-align: center;
}

@media (max-width: 767px) {
   .copyright-text {
      margin-top: 30px;
   }
}

.copyright-text p {
   font: 400 12px/18px Poppins, sans-serif;
   color: #666;
   margin-bottom: 5px;
}

.active-toggle {
   display: block !important;
}

/***** Header new *****/

html[lang="de"] .header-sd .all-tools .sub-list:first-child .link,
html[lang="it"] .header-sd .all-tools .sub-list:first-child .link,
html[lang="es"] .header-sd .all-tools .sub-list:first-child .link,
html[lang="pt"] .header-sd .all-tools .sub-list:first-child .link,
html[lang="ru"] .header-sd .all-tools .sub-list:first-child .link {
    white-space: normal;
}

html[lang="de"] .header-sd .all-tools .sub-list {
    max-width: 255px;
}

html[lang="it"] .header-sd .all-tools .sub-list {
    max-width: 260px;
}

html[lang="es"] .header-sd .all-tools .sub-list {
    max-width: 240px;
}

.wrapper {
   overflow: hidden;
   padding-top: 96px;
}

#wrapper {
   overflow: hidden;
   position: relative;
}

.clear {
   content: "";
   display: block;
   clear: both;
}

mark {
   background: 0 0;
   color: #ff6166;
}

.italics {
   display: inline-block !important;
   font-style: italic !important;
}

.new-label {
   display: inline-block;
   margin-right: 10px;
   padding: 0 5px;
   color: #fff;
   font-size: 11px;
   line-height: 17px;
   font-weight: 600;
   text-transform: uppercase;
   background: #ff6166;
}

.de .new-label,
.es .new-label,
.fr .new-label,
.it .new-label,
.pt .new-label {
   font-size: 9px;
}

.flex {
   display: flex;
}

.row-holder {
   display: flex;
   align-items: center;
   flex-wrap: wrap;
   margin: 0 -10px;
}

.col-6 {
   width: 50%;
   padding: 0 10px;
}

@media (max-width: 767px) {
   .col-6 {
      width: 100%;
      margin-bottom: 20px;
   }
}

.learn-more {
   color: #ff6166;
   display: inline-flex;
   align-items: center;
   letter-spacing: 0.72px;
   padding-right: 25px;
}

/* add style */
.learn-more .icon {
   transition: all 0.3s ease-in-out;
   display: flex;
   align-items: center;
   margin-left: 10px;
   fill: #e94e53;
}

#nav li.drop .learn-more .icon {
   position: absolute;
   top: 0;
   top: 50%;
   transform: translateY(-50%);
}
#nav li.drop .learn-more .header-arrow-large {
   width: 28px;
   display: none;
   right: -13px;
   height: 17px;
}
#nav li.drop .learn-more .small-arrow {
   width: 15px;
   right: 0;
}
.learn-more .small-arrow {
   width: 25px;
   height: 17px;
}

/* // */
/* .learn-more .small-arrow {
    width: 25px;
    height: 17px
} */

.learn-more .small-arrow-mobile {
   width: 15px;
   height: 10px;
}

.learn-more .large-arrow {
   width: 55px;
   height: 17px;
}

.view-more:hover {
   padding-left: 2px;
}

.view-more:hover .large-arrow {
   display: flex;
}

.view-more .large-arrow {
   display: none;
   width: 55px;
   height: 17px;
}

.btn-holder {
   display: flex;
   flex-wrap: wrap;
   justify-content: space-between;
   max-width: 270px;
   margin: 0 auto;
}

@media (min-width: 768px) {
   .btn-holder {
      margin: 0;
      max-width: 100%;
   }
}

.btn {
   transition: padding 0.3s ease-in-out;
   position: relative;
   min-width: 270px;
   border-radius: 25px;
   padding: 11px 50px;
   text-transform: uppercase;
   text-align: center;
   overflow: hidden;
   display: inline-flex;
   align-items: center;
   justify-content: center;
   line-height: 23px;
   font-size: 18px;
}

@media (min-width: 768px) {
   .btn {
      padding: 9px 50px;
   }
}

.btn:hover .bullet-arrow,
.btn:hover .bullet-arrow-desktop {
   transform: translate(0, -50%);
   left: -23px;
}

.btn span {
   transition: transform 0.3s ease-in-out;
   position: relative;
}

.btn:hover span {
   transform: translateX(5px);
}

.btn.primary {
   background-color: #ff6166;
   color: #fff;
   border: 3px solid #ff6166;
}

.btn.outline {
   background-color: transparent;
   border: 3px solid #ff6166;
   color: #ff6166;
}

.btn .bullet-arrow,
.btn .bullet-arrow-desktop {
   transition: transform 0.3s ease-in-out;
   margin-right: 10px;
   transform: translate(-9999px, -50%);
   position: absolute;
   left: -9999px;
   top: 50%;
}

.btn .bullet-arrow svg,
.btn .bullet-arrow-desktop svg {
   fill: #fff;
}

@media (min-width: 1024px) {
   .btn .bullet-arrow {
      display: none;
   }
}

@media (min-width: 1024px) {
   .btn .bullet-arrow-desktop {
      display: flex;
   }
}

.bullet-arrow {
   transition: transform 0.3s ease-in-out;
   width: 6px;
   height: 10px;
   display: flex;
   align-items: center;
}

.btn.outline .bullet-arrow svg {
   fill: #ff6166;
}

.bullet-arrow-desktop {
   width: 8px;
   height: 13px;
   display: none;
}

.bullet-arrow-desktop svg {
   fill: #fff;
}

.btn.outline .bullet-arrow-desktop svg {
   fill: #ff6166;
}

.lazy {
   background-image: none;
}
/* add style */

#header .arrow-link {
   display: flex;
   align-items: center;
}

#header .arrow {
   display: flex;
   width: 12px;
   height: 7px;
   margin-left: 3px;
   margin-top: 10px;
   transition: transform 0.3s ease-in-out;
   fill: #303030;
}

#header .arrow:hover,
#header .arrow:focus {
   transform: rotateX(180deg);
   transition: transform 0.3s ease-in-out;
}

/* add style */
#footer {
   background: #f5f6fa;
}

#footer .sf-root {
    width: 76px !important;
  	height: 81px;
    line-height: 0;
    margin-top: 24px;
}
#footer .sf-root img {
    min-width: auto !important;
    max-width: 100% !important;
    width: auto !important;
}
@media (max-width: 1439px) {
   .footer-menu {
      display: flex;
   }
}

.footer-menu .container {
   flex-wrap: wrap;
   padding-top: 32px;
}
@media (min-width: 1566px) {
   .footer-menu .container.drop-menu {
      justify-content: space-between;
   }
}
@media (min-width: 1440px) {
   .footer-menu .container {
      padding-top: 0;
   }
}
@media (min-width: 1200px) {
   .footer-menu .container {
      justify-content: space-between;
   }
}

@media (max-width: 580px) {
   .footer-menu .container {
      flex-direction: column;
   }
}

@media (min-width: 1200px) {
   .footer-menu .container {
      justify-content: space-between;
   }
}

@media (max-width: 1439px) {
   .footer-menu .container {
      width: 100%;
   }
}

.footer-menu .container.right-box {
   justify-content: flex-end;
}

@media (max-width: 1439px) {
   .footer-menu .container.right-box {
      justify-content: flex-start;
      flex-direction: column;
      max-width: 100px;
      background: #f0f5f7;
      padding: 44px 0;
   }
}

.footer-menu strong {
   position: relative;
   text-align: left;
   font: 600 14px/21px "Poppins", sans-serif;
   letter-spacing: 0px;
   color: #303030;
   text-transform: uppercase;
   padding-bottom: 10px;
   margin-bottom: 15px;
   display: block;
}
/* add style */
.footer-menu strong.opener {
   transition: color 0.3s ease-in-out;
}

@media (max-width: 1024px) {
   .footer-menu strong.opener {
      display: inline-flex;
      -ms-flex-pack: justify;
      justify-content: space-between;
      margin-bottom: 10px;
      padding: 15px 25px 15px 0;
   }
}

.footer-menu strong:before {
   position: absolute;
   content: "";
   width: 30px;
   height: 3px;
   background: #ff6166;
   left: 0;
   bottom: 0;
}

@media (min-width: 580px) {
   .footer-menu .footer-menu_box {
      width: 50%;
      margin-bottom: 10px;
   }
}

@media (min-width: 768px) {
   .footer-menu .footer-menu_box {
      width: 33.333%;
   }
}

@media (min-width: 1024px) {
   .footer-menu .footer-menu_box {
      width: 25%;
   }
}
@media (min-width: 1440px) {
   .footer-menu .footer-menu_box {
      width: auto;
      margin-bottom: 0;
   }
}

.footer-menu .footer-menu_box li {
   font: 500 14px/21px Poppins, sans-serif;
   letter-spacing: 0;
   color: #303030;
   margin-top: 8px;
   padding-bottom: 8px;
}

.footer-menu .footer-menu_box li a {
   color: #303030;
   cursor: pointer;
   transition: all 0.1s linear;
   position: relative;
}

.footer-menu .footer-menu_box li a:hover {
   text-decoration: none;
   color: #ff6166;
}

.footer-menu .footer-menu_box .slide {
   display: none;
}

@media (min-width: 580px) {
   .footer-menu .footer-menu_box .slide {
      display: block;
      padding-bottom: 10px;
   }

   footer .drop-icon {
      display: none;
   }
}

.footer-menu .icon-angle-down {
   display: inline-block;
   width: 16px;
   height: 20px;
   padding: 0 5px 0 0;
   position: absolute;
   right: 0;
   top: 50%;
   transform: translateY(-50%);
}

@media (min-width: 580px) {
   .footer-menu .icon-angle-down {
      display: none;
   }
}

.footer-menu .icon-angle-down svg {
   width: 100%;
   height: 100%;
   fill: #303030;
}

/****** footer redesign *******/

#footer .top {
   padding: 56px 0 40px;
}
#footer .top-content {
   display: flex;
   align-items: flex-start;
   justify-content: space-between;
}
#footer .icon {
   display: block;
}
#footer .logo-wrap {
   margin-right: 70px;
}
#footer .logo-wrap .partners.mob {
   display: none;
}
#footer .logo {
   width: 135px;
   height: 60px;
   margin-bottom: 20px;
}
#footer .social {
   display: flex;
   margin-bottom: 32px;
}
#footer .social a {
   margin-right: 12px;
}
#footer .social a:before {
   content: "";
   display: inline-block;
   transition: 0.3s;
   -webkit-mask-size: cover;
   mask-size: cover;
   background: #303030;
}
#footer .social .sc-fc:before {
   width: 9px;
   height: 16px;
   -webkit-mask: url(/hc/theming_assets/01JJ1WJZ5560SYBGSXJXT0J457) no-repeat 50% 50%;
   mask: url(/hc/theming_assets/01JJ1WJZ5560SYBGSXJXT0J457) no-repeat 50% 50%;
}
#footer .social .sc-twitter:before {
   width: 20px;
   height: 16px;
   -webkit-mask: url(/hc/theming_assets/01JJ1WJY6X7WM2DWCQBTMVJEZP) no-repeat 50% 50%;
   mask: url(/hc/theming_assets/01JJ1WJY6X7WM2DWCQBTMVJEZP) no-repeat 50% 50%;
}
#footer .social .sc-you:before {
   width: 23px;
   height: 16px;
   -webkit-mask: url(/hc/theming_assets/01JJ1WJYZN807DKZ8J4E0Q1WQR) no-repeat 50% 50%;
   mask: url(/hc/theming_assets/01JJ1WJYZN807DKZ8J4E0Q1WQR) no-repeat 50% 50%;
}
#footer .social .sc-in:before {
   width: 16px;
   height: 16px;
   -webkit-mask: url(/hc/theming_assets/01JJ1WJZJXNNKZ63EGT9S10Z4M) no-repeat 50% 50%;
   mask: url(/hc/theming_assets/01JJ1WJZJXNNKZ63EGT9S10Z4M) no-repeat 50% 50%;
}
#footer .social a:hover:before {
   background: #f16167;
}
#footer .menu {
   display: flex;
   flex-wrap: wrap;
   justify-content: space-between;
   max-width: 610px;
}
#footer .item {
   width: 30%;
   margin-bottom: 32px;
}
#footer .title {
   font: 600 16px/1.5 "Poppins", sans-serif;
   text-align: left;
   margin-bottom: 10px;
}
#footer .list a {
   font: 400 13px/1.9 "Poppins", sans-serif;
   color: #303030;
   transition: all 0.3s ease 0s;
}
#footer .list a:hover {
   color: #e64046;
}
#footer .contact {
   position: relative;
   padding: 0 55px 0 80px;
   margin-right: 20px;
   border-left: 1px solid #e1e2e6;
   border-right: 1px solid #e1e2e6;
}
#footer .contact:before {
   content: "";
   position: absolute;
   top: 0;
   left: -2px;
   width: 102%;
   height: 9%;
   /*    background-color: #f5f6fa; */
}
#footer .contact .item {
   position: relative;
   width: auto;
   z-index: 1;
}
#footer .contact .item:last-child {
   margin-bottom: 0;
}
#footer .partners {
   display: flex;
   flex-direction: column;
   align-items: flex-end;
   margin-right: 30px;
   padding: 0;
}

#footer .partners img {
   width: 100px;
}



#footer .bot {
   padding: 16px 0 48px 0;
   text-align: left;
   background: #fff;
}
.footer_company {
   display: block;
   text-align: left;
   margin: 0 0 5px 0;
   font: 400 12px/1.5 "Poppins", sans-serif;
   color: #666666;
}
#footer .copyright {
   font: 400 12px/1.5 "Poppins", sans-serif;
   text-align: left;
   color: #666666;
   margin-bottom: 0px;
   margin-top: 0;
}
#footer .privacy {
   display: flex;
   flex-wrap: wrap;
   justify-content: flex-start;
}
#footer .privacy li {
   margin-right: 16px;
}
#footer .privacy a,
#footer .privacy span {
   font-size: 12px;
   display: block;
   padding: 3px 0;
   color: #666;
   text-decoration: underline;
}
#footer .privacy a:hover,
#footer .privacy span:hover {
   text-decoration: none;
}
.languages-wrap.mob {
   display: none;
}
@media (max-width: 1359px) {
   #footer .logo-wrap {
      margin-right: 20px;
   }
   #footer .logo-wrap {
      margin-right: 20px;
   }
   #footer .partners {
      margin-right: 0px;
   }
  #footer .partners {
    margin-right: 0px;
   }
}
@media (max-width: 1200px) {
   #footer .partners {
      display: none;
   }
   #footer .logo-wrap .partners.mob {
      display: flex;
      flex-direction: row;      
   }
}
@media (max-width: 1199px) {  
  #footer .sf-root {
    width: 48px !important;
    height: 51px;
    margin: 0 0 0 16px;
  }
  #footer .pdf-association img {
    width: 65px;
    height: 30px;
  }
   #footer .partners.desk {
      display: none;
   }
   #footer .partners {
    flex-direction: row;
    align-items: center;
  }
   #footer .social-wrap {
      display: flex;
      align-items: center;
      flex-direction: row-reverse;
   }
   #footer .top {
      padding: 40px 0;
   }
   #footer .top-content {
      flex-direction: column;
   }
   #footer .logo-wrap {
      display: flex;
      align-items: center;
      justify-content: space-between;
      width: 100%;
      margin-bottom: 32px;
   }
   #footer .menu {
      width: 100%;
      max-width: 100%;
      padding-top: 32px;
      border-top: 1px solid #e1e2e6;
      border-bottom: 1px solid #e1e2e6;
   }
   #footer .title {
      font-size: 20px;
   }
   #footer .list a {
      font-size: 16px;
   }

   #footer .contact {
      display: flex;
      justify-content: space-between;
      width: 100%;
      padding: 30px 0;
      border: none;
      margin: 0;
   }
   #footer .contact .item {
      width: 30%;
   }
   #footer .title {
      font-size: 20px;
   }
   #footer .list a {
      font-size: 16px;
   }
   #footer .logo {
      margin-bottom: 0;
   }
   #footer .social {
      margin-bottom: 0;
   }
   #footer .partners {
      flex-direction: row;
      align-items: flex-end;
   }
   #footer-contact {
      display: none;
   }
  
   #footer .social a {
      width: 48px;
      height: 48px;
      display: flex;
      align-items: center;
      justify-content: center;
      margin: 0 0 0 8px;
   }
   .languages-wrap.desk .dropdown-toggle:after {
     right: 15px;
   }
}

@media (max-width: 960px) {
   #footer .top-content {
      flex-direction: row;
      flex-wrap: wrap;
      align-items: center;
      margin-bottom: 0;
   }
   #footer .logo-wrap {
      width: 100%;
      display: flex;
      margin: 0;
      justify-content: space-between;
      align-items: center;
      padding-bottom: 30px;
   }
   #footer .social {
      margin-bottom: 0;
   }
   #footer.languages-wrap {
      margin-bottom: 0;
   }
   #footer .menu {
      width: 100%;
      max-width: 100%;
      padding-top: 32px;
      border-top: 1px solid #e1e2e6;
      border-bottom: 1px solid #e1e2e6;
   }
    
   #footer .bot {
      text-align: center;
   }
   #footer .privacy {
      justify-content: flex-start;
   }
}

@media (max-width: 767px) {  
   #footer .bot {
      padding: 15px 0 18px 0;
   }
   #footer .contact {
      border-bottom: 1px solid #e1e2e6;
   }
   #footer .top {
      padding: 24px 0 16px 0;
   }
   #footer .bot {
      text-align: center;
      background: #f5f6fa;
   }
   #footer .logo img {
     width: 90px;
    height: 40px;
   }
   #footer .logo-wrap .partners.mob img {
      width: 72px;
   }
   #footer a.dropdown-toggle {
      font: 400 16px/21px "Poppins", sans-serif;
      white-space: nowrap;
      /*padding-left: 0px;
      padding-right: 0px;      
      color: #ff6166;*/
   }
  .languages-wrap.desk.dropdown-active a.dropdown-toggle {
    color: #cfcfcf!important;
   }
   #footer .logo-wrap {
      padding-bottom: 0px;
   }
   #footer .logo-wrap {
      margin-bottom: 24px;
   }
   #footer .menu {
      padding-top: 24px;
   }
   #footer .logo-wrap {
      margin-bottom: 24px;
   }
   #footer .menu {
      padding-top: 24px;
   }
   #footer .title {
      font-size: 16px;
   }
   [lang="de"] .title,
   [lang="fr"] .title {
      font-size: 14px;
   }
   [lang="de"] #footer .list a,
   [lang="fr"] #footer .list a {
      font-size: 14px;
   }
   [lang="de"] #footer .copyright,
   [lang="fr"] #footer .copyright {
      font: 600 14px/1.5 "Poppins", sans-serif;
   }
  
   #footer .copyright {
      font: 600 16px/1.5 "Poppins", sans-serif;
   }
   [lang="de"] #footer .privacy a, [lang="de"] #footer .privacy span,
   [lang="fr"] #footer .privacy a, [lang="fr"] #footer .privacy span {
   font-size: 14px;
}
   #footer .contact {
      padding: 24px 0 0 0;
   }
}
@media (max-width: 579px) {
   #footer .menu .item:first-child,
   #footer .menu .item:nth-child(3) {
      order: -1;
   }
   #footer .contact {
      order: 2;
      padding: 32px 0 34px 0;
      border-top: 1px solid #e1e2e6;
   }
   #footer .menu {
      padding: 32px 0 0 0;
      order: 3;
   }   
   #footer .logo-wrap .partners.mob img {
      width: 62px;
   }
   #footer a.dropdown-toggle {
      font: 400 14px/21px "Poppins", sans-serif;
      white-space: nowrap;
     margin-bottom: 0;
   }  
   #footer .logo-wrap {
      margin-bottom: 14px;
   }
   #footer .item {
      width: 47%;
      margin: 0 0 32px;
   }
   #footer .contact .item {
      width: 47%;
   }
  .footer_company {
    text-align: left;
    font-size: 16px;
    font-weight: 600;
    color: #303030;
    margin-bottom: 12px;
   }
   #footer .list a {
      display: block;
      color: #666;
   }
   #footer .copyright {
      font: 600 16px/1.5 "Poppins", sans-serif;
      text-align: left;
      color: #303030;
      margin-bottom: 12px;
      margin-top: 16px;
   }  
   #footer .privacy {
      justify-content: space-between;
      text-align: left;
   }
   #footer .privacy li {
      width: 47%;
      margin: 0;
   }
   #footer .privacy a,
   #footer .privacy span {
      font-size: 16px;
      display: block;
      padding: 3px 0;     
      color: #666;
      text-decoration: none;
   }
}
@media (max-width: 479px) {
   [lang="de"] #footer .contact .item {
      width: 100%;
      margin-right: 10px;
   }
}

@media (max-width: 330px) {
   #footer .social {
      margin-right: 10%;
   }
}

/****** section page redesign *******/

main > .page-header {
   background: #f5f6fa;
}
.page-header {
   padding: 56px 0 46px;
   margin-bottom: 0;
}

.page-header .button-large {
  font-weight: 500;
  color: #189FC9;
}
.section-content {
   padding: 65px 0 32px;
}
section.section-content .pagination {
   padding: 28px 0 22px;
}
.sm-box {
   margin: 25px 0 15px;
   text-align: center;
}

@media (max-width: 1439px) {
   .sm-box {
      text-align: left;
      margin: 0;
   }
}

.sm-list {
   list-style: none;
   margin: 0;
   padding: 0;
}

.sm-list li {
   display: inline-block;
   margin: 0 10px 0 0;
}

@media (max-width: 1439px) {
   .sm-list li {
      display: block;
      margin: 0 0 15px 0;
   }
}

.sm-list li.facebook .svg-fb {
   fill: #557cbb;
}

.sm-list li.twitter .svg-tw {
   fill: #7bcdef;
}

.sm-list li.youtube .svg-yt {
   fill: #e63842;
}

.sm-list li.linkedin {
   margin-right: 0;
}

.sm-list li.linkedin .svg-ld {
   fill: #107bb7;
}

.sm-list a {
   width: 20px;
   height: 20px;
   position: relative;
   display: block;
}

@media (max-width: 1200px) {
   .sm-list a {
      width: 30px;
      height: 30px;
   }
}

.sm-list svg {
   width: 100%;
   height: 100%;
}

.partners-list {
   display: flex;
   justify-content: center;
   align-items: center;
   padding: 0;
   margin: 20px auto;
   list-style: none;
   flex: 1;
   max-width: 500px;
}

@media (max-width: 767px) {
   .partners-list {
      max-width: 100%;
      flex-wrap: wrap;
      justify-content: center;
      margin: 40px auto 20px;
   }
}

.partners-list a {
   display: block;
   background-size: contain;
}

.partners-list li {
   margin-right: 40px;
}

@media (max-width: 480px) {
   .partners-list li:first-child {
      width: 100%;
      text-align: center;
   }
}

@media (max-width: 480px) {
   .partners-list li:first-child a {
      margin: 0 auto;
   }
}

.partners-list li:last-child {
   margin-right: 0;
}

@media (max-width: 480px) {
   .partners-list li:last-child {
      margin-left: 20px;
   }
}

@media (max-width: 480px) {
   .partners-list li {
      margin-bottom: 30px;
      margin-right: 0;
   }
}

.partners-list .microsofr-partner {
   background-size: contain;
   background-repeat: no-repeat;
   background-position: center;
   width: 196px;
   height: 33px;
}

.partners-list .microsofr-partner.lazy {
   background-image: none;
}

.partners-list .pdf-association.lazy {
   background-image: none;
}

.partners-list .user-rights {
   width: 100px;
   height: 33px;
}

.language-container {
   display: flex;
   flex-direction: column;
   max-width: 135px;
   padding: 0;
   align-items: flex-start;
}

@media (max-width: 1439px) {
   .language-container {
      align-items: center;
      flex-direction: column-reverse;
      height: 100%;
      justify-content: space-between;
   }
}
.languages-wrap.slide {
    padding: 0;
    border-radius: 20px;
    border: 1px solid #303030;
    max-width: 80px;
}
.languages-wrap .dropdown-menu {
   position: absolute;
   display: none;
   min-width: 50px;
   top:40px;
   padding: 10px 0;
   background: #fff;
}

.languages-wrap .dropdown-menu-end {
   left: 0;
}
.dropdown-menu [role=menuitem] {
   display: block;
   padding: 5px 20px 5px 20px;
   color: #333;
   font-size: 14px;
   cursor: pointer; 
}
.languages-wrap .dropdown {
    position: relative;
    display: block;
}
.languages-wrap.desk.dropdown-active .languages-wrap.slide,
.languages-wrap.desk.dropdown-active .languages-wrap.slide:hover {
    border: 1px solid #cfcfcf;
}
.languages-wrap.slide:hover {
    border: 1px solid #cfcfcf;
}
.languages-wrap .dropdown-toggle {
   position: relative;
   display: block;
   padding: 7px 40px 7px 15px;
}

.languages-wrap .dropdown-toggle:after {
   content: "";
   position: absolute;
   top: 12px;
   right: 25px;
   border: solid #303030;
   border-width: 0 2px 2px 0;
   display: inline-block;
   padding: 3px;
   transform: rotate(45deg);
}

.dropdown-toggle:hover {
    color: #cfcfcf;
}
.languages-wrap.desk.dropdown-active .dropdown-toggle,
.languages-wrap.desk.dropdown-active .dropdown-toggle:hover{
   border-color:#cfcfcf;
}
.languages-wrap.desk.dropdown-active .dropdown-toggle::after {
    top: 15px;
    transform: rotate(225deg);
}
.dropdown-menu [role=menuitem]:hover, 
.dropdown-menu [role=menuitem]:focus {
    background: transparent;
    text-decoration: none;
    color: #e94e53;
}
.dropdown-menu-end {
  	left: -16px;
  	right: inherit;
  	box-shadow: 2px 4px 8px rgb(0 40 75 / 10%);
    border: 1px solid #303030;
    border-radius: 8px;
}
.dropdown-menu[aria-expanded=true] {
    display: flex;
}
.dropdown-menu [role=menuitem] {
    padding: 5px 20px 5px 20px;
}
@media screen and (max-width: 480px) {
   .languages-wrap {
      padding: 4px 0;
   }
}

.languages-wrap:hover .dropdown-languages {
   top: 100%;
   left: 50%;
   opacity: 1;
   visibility: visible;
}

.languages-wrap:hover .caret {
   transform: rotate(180deg);
}

.languages-wrap:hover .caret svg {
   fill: #ff6166;
}

.languages-wrap .caret {
   transition: transform 0.3s ease-in-out;
}

.languages-wrap > a {
   color: #000;
   font-weight: 400;
   white-space: nowrap;
   font: 400 14px/21px Poppins, sans-serif;
   letter-spacing: 0;
   color: #303030;
   text-transform: uppercase;
}

.languages-wrap > a:hover {
   text-decoration: none;
}

.dropdown-languages {
   display: flex;
   max-width: 125px;
   flex-wrap: wrap;
   border: 1px solid #ebebeb;
   border-top: 0 none;
   list-style: none;
   position: absolute;
   transform: translateX(-50%);
   background: #fff;
   z-index: 999;
   padding: 2px 0 5px;
   width: 100%;
   min-width: 59px;
   text-align: center;
   overflow: visible;
   visibility: hidden;
   opacity: 0;
   left: -999999px;
   top: -999999px;
   transition: opacity 0.3s ease-out, visibility 0.3s ease-out;
}

.dropdown-languages li {
   min-width: 25px;
}

.dropdown-languages a {
   overflow: hidden;
   padding: 3px 5px;
   font-family: "Open Sans", sans-serif;
   font-weight: 600;
   font-size: 11px;
   text-transform: uppercase;
   color: #898989;
   display: inline-block;
   width: 100%;
   line-height: 11px;
}

.dropdown-languages a:hover {
   text-decoration: none;
}

.caret i {
   position: relative;
   left: 6px;
   top: -3px;
}

.caret svg {
   width: 8px;
   height: 5px;
   fill: #303030;
}

.caret.caret-right {
   transform: rotate(-90deg);
}

.copyright-text {
   text-align: center;
}

@media (max-width: 767px) {
   .copyright-text {
      margin-top: 30px;
   }
}

.copyright-text p {
   font: 400 12px/18px Poppins, sans-serif;
   color: #666;
   margin-bottom: 5px;
}

.active-toggle {
   display: block !important;
}

/***** cookies button *****/

#optanon-cookie-policy {
   display: none;
}

.optanon-show-settings-popup-wrapper .optanon-show-settings-middle a.optanon-show-settings {
   text-decoration: none;
}

a.optanon-show-settings {
   cursor: pointer;
}

/* /header/ */

/* add style */
#header {
   transition: background 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
   position: fixed;
   top: 0;
   right: 0;
   left: 0;
   z-index: 10000;
   padding: 8px 0;   
   background: #fff;
}

@media (min-width: 1200px) {
   #header {
      padding: 0;
   }
}

@keyframes stick {
   0% {
      transform: translateY(-9999px);
      opacity: 0;
   }
   100% {
      transform: none;
      opacity: 1;
   }
}

#header.header-white {
   background-color: #fff;
}

.scrollBorder #header {
   box-shadow: 0 2px 30px rgba(0, 0, 0, 0.15);
}
.scrollBg #header {
   position: fixed;
   top: 0;
   right: 0;
   left: 0;
   background-color: #ffffff;
}
#header .container {
   padding: 0 24px;
}

@media (min-width: 1200px) {
   #header .container {
      padding: 0 20px;
      margin: 0 auto;
   }
}
@media (max-width: 1200px){
     padding: 0 15px;
      margin: 0 auto;
}
#header .header-search {
   transition: top 0.3s ease-in-out;
   top: -9999px;
   padding: 10px 15px;
   position: absolute;
   width: 100%;
   background-color: #ffffff;
   z-index: 99;
}
@media (min-width: 1200px) {
   #header .header-search {
      padding: 20px 100px;
   }
}
.search-active #header .header-search {
   top: 0;
}
#header .header-search .input-holder {
   width: 100%;
   display: flex;
   align-items: center;
   border-bottom: 1px solid #000;
}
@media (min-width: 768px) {
   #header .header-search .input-holder {
      padding-left: 15px;
   }
}
#header .header-search .input-holder input[type="text"] {
   width: 100%;
   background-color: #ffffff;
   border: none;
   outline: none;
   padding: 10px 20px 10px 10px;
}
#header .header-search .input-holder input[type="text"]::-webkit-input-placeholder {
   color: #666666;
}
@media (max-width: 768px) {
   #header .header-search .input-holder input[type="text"]::-webkit-input-placeholder {
      font-size: 15px;
   }
   [lang="fr"] #header .header-search .input-holder input[type="text"]::-webkit-input-placeholder {
      font-size: 13px;
   }
}
#header .header-search .input-holder input[type="text"]::-moz-placeholder {
   opacity: 1;
   color: #666666;
}
@media (max-width: 768px) {
   #header .header-search .input-holder input[type="text"]::-moz-placeholder {
      font-size: 15px;
   }  
}
#header .header-search .input-holder input[type="text"]:-moz-placeholder {
   color: #666666;
}
@media (max-width: 768px) {
   #header .header-search .input-holder input[type="text"]:-moz-placeholder {
      font-size: 15px;
   }
   [lang="fr"] #header .header-search .input-holder input[type="text"]:-moz-placeholder {
      font-size: 13px;
   }
}
#header .header-search .input-holder input[type="text"]:-ms-input-placeholder {
   color: #666666;
}
@media (max-width: 768px) {
   #header .header-search .input-holder input[type="text"]:-ms-input-placeholder {
      font-size: 15px;
   }
   [lang="fr"] #header .header-search .input-holder input[type="text"]:-ms-input-placeholder {
      font-size: 13px;
   }
}

#header .header-search .input-holder input[type="text"].placeholder {
   color: #666666;
}
@media (max-width: 768px) {
   #header .header-search .input-holder input[type="text"].placeholder {
      font-size: 15px;
   }
   [lang="fr"] #header .header-search .input-holder input[type="text"].placeholder {
      font-size: 13px;
   }
}
@media (min-width: 1024px) {
   #header .header-search .input-holder input[type="text"] {
      padding: 10px 20px;
   }
}
#header .header-search .input-holder input::-ms-clear {
   display: none;
}
#header .header-search .search-action {
   border: none;
   background: none;
   width: 18px;
   height: 18px;
   padding: 0;
   outline: none;
}
@media (min-width: 1200px) {
   #header .header-search .search-action.mobile {
      display: none;
   }
}
#header .header-search .search-action.mobile .icon {
   fill: #303030;
}
#header .header-search .search-action.desktop {
   display: none;
}
@media (min-width: 1200px) {
   #header .header-search .search-action.desktop {
      display: block;
   }
}

#header .desktop-logo {
   display: none;
}
@media (min-width: 1200px) {
   #header .desktop-logo {
      display: block;
   }
}
#header .mobile-logo {
   width: 32px;
}
@media (min-width: 1200px) {
   #header .mobile-logo {
      display: none;
   }
}
#header .logo {
   width: 100%;
   display: flex;
   justify-content: space-between;
   align-items: center;
}
@media (min-width: 1200px) {
   #header .logo {
      width: auto;
      display: block;
      width: 136px;
   }
  
  [lang="pt"] #header .logo,
  [lang="it"] #header .logo,
  [lang="es"] #header .logo {
      width: 90px;
   }
}
#header .row-holder {
   justify-content: space-between;
   margin: 0;
}
#header .header-frame {
   margin-bottom: 0;
}
@media (min-width: 1024px) {
   #header .header-frame {
      width: calc(100% - 136px);
      justify-content: flex-end;
      order: 2;
      display: flex;
      align-items: center;
      flex-wrap: wrap;
   }
  
  [lang="pt"] #header .header-frame,
  [lang="es"] #header .header-frame,
  [lang="it"] #header .header-frame {
    width: calc(100% - 90px);
  }
}

#header .action-holder {
   align-items: center;
   width: 100%;
   justify-content: flex-end;
}
@media (min-width: 480px) {
   #header .action-holder {
      width: auto;
      padding-right: 40px;
   }
}
@media (min-width: 1024px) {
   #header .action-holder {
      padding-right: 0;
   }
}
#header .action-holder.desktop {
   display: none;
}
@media (min-width: 1200px) {
   #header .action-holder.desktop {
      display: flex;
   }
}
#header .btn {
   min-width: 160px;
   padding-right: 10px;
   padding-left: 10px;
   margin-right: 15px;
   font-size: 16px;
   margin-bottom: 0;
}

#header .btn:hover {
   background-color: #E64046;    
   border-color: #E64046;
}

@media (max-width: 1023px) {
   #header .btn {
      width: auto;
   }
}

@media (max-width: 1200px) {  
   #header .container {
      margin: 0;
   }
   #header .btn {
      padding-top: 5px;
      padding-bottom: 5px;
   }
}

@media (max-width: 1250px) {  
   main {
      padding-top: 50px;
   }
}
@media (min-width: 768px) {
   #header .btn {
      min-width: 200px;
      padding-right: 28px;
      padding-left: 28px;
      letter-spacing: 0;
      padding-top: 6px;
      padding-bottom: 6px;
   }
}
@media (min-width: 1360px) {
   #header .btn {
      margin-right: 76px;
   }
}
[lang="fr"] #header .btn,
[lang="de"] #header .btn {
   font-size: 14px;
}
@media (min-width: 768px) {
   [lang="fr"] #header .btn,
   [lang="de"] #header .btn {
      padding-right: 15px;
      padding-left: 15px;
   }
}
@media (min-width: 1200px) {
   [lang="fr"] #header .btn,
   [lang="de"] #header .btn {
      font-size: 12px;
   }
}
@media (min-width: 1360px) {
   [lang="fr"] #header .btn,
   [lang="de"] #header .btn {
      margin-right: 40px;
      padding-left: 30px;
      padding-right: 30px;
   }
}
@media (min-width: 1440px) {
   [lang="fr"] #header .btn,
   [lang="de"] #header .btn {
      font-size: 14px;
   }
}
#header .btn:hover .bullet-arrow-desktop,
#header .btn:hover .bullet-arrow {
   left: -19px;
}
#header .btn:hover span {
   transform: translateX(8px);
}
#header .bullet-arrow-desktop {
   width: 8px;
   height: 13px;
}
#header .bullet-arrow-desktop svg {
   fill: #ffffff;
}
.btn.outline #header .bullet-arrow-desktop svg {
   fill: #e94e53;
}
#header .search {
   width: 16px;
   height: 16px;   
}
#header .log-in {
   position: relative;   
   color: #666;
   display: flex;
   align-items: center;
}

#header .log-in:hover {  
   color: #303030;   
}

#header .sign-in {
   position: relative;
   color: #303030;
   display: flex;
}

@media (min-width: 1200px) {
   #header .log-in:hover:after {
      width: 100%;
   }
}

@media (min-width: 1200px) {
   [lang="fr"] #header .log-in,
   [lang="de"] #header .log-in {
      font-size: 15px;
   }
}
@media (min-width: 1360px) {
   [lang="fr"] #header .log-in,
   [lang="de"] #header .log-in {
      font-size: 16px;
   }
}
@media (min-width: 1440px) {
   [lang="fr"] #header .log-in,
   [lang="de"] #header .log-in {
      font-size: 17px;
   }
}

.navigation {
   position: absolute;
   left: -9999px;
   top: 0;
   height: calc(100vh + 1px);
   padding-top: 15px;
   padding-left: 32px;
   background-color: #ffffff;
   z-index: 5;
   box-shadow: 5px 0px 10px rgba(0, 40, 75, 0.1);
   font-family: 'Poppins';
}
@media (min-width: 1200px) {
   .navigation {
      position: static;
      height: auto;      
      min-height: 100%;
      box-shadow: none;
      background: none;
      padding-top: 0;
      padding-right: 50px;
   }
}
@media (min-width: 1200px) {
   [lang="fr"] .navigation,
   [lang="de"] .navigation {
      padding-left: 10px;
      padding-right: 14px;
   }
}
@media (min-width: 1360px) {
   [lang="fr"] .navigation,
   [lang="de"] .navigation {
      padding-right: 50px;
   }
}

.nav-holder {
   display: flex;
   flex-direction: column;
   justify-content: space-between;
   height: 100%;
}
@media (min-width: 1200px) {
   .nav-holder {
      display: block;
      height: auto;
   }
}

#nav {
   width: 253px;
}
@media (min-width: 1200px) {
   #nav {     
      display: flex;
      background: none;
      border: none;
      padding: 0;
      justify-content: space-between;
      box-shadow: none;
      width: auto;
   }
}

#nav .mobile-logo a {
   padding-top: 0;
}
#nav .mobile-features {
   fill: #89cee4;
}
#nav .mobile-icon {
   display: inline-flex;
   margin-right: 16px;
}
@media (min-width: 1200px) {
   #nav .mobile-icon {
      display: none;
   }
}
#nav .mobile-icon svg {
   width: 16px;
   height: 16px;
   fill: #89cee4;
}
#nav li {
   transition: background 0.3s ease-in-out;
   position: relative;
}

@media (min-width: 1024px) {
   #nav li:hover:before {
      display: none;
   }
}
/* #nav li:hover:after {
   width: 100%;
} */
@media (min-width: 1200px) {
   #nav li:hover .drop-icon {
      transform: rotate(180deg);
   }
}
@media (min-width: 1200px) {
   #nav .drop:hover > .slide {
      opacity: 1;
      visibility: visible;
   }
}
#nav li:hover > ul ul {
   left: 100%;
   top: 0;
   padding: 0;
   transform: translateX(0);
   margin-left: 1px;
}
#nav li:hover a,
#nav li:hover ab {
   transition: color 0.3s ease-in-out;   
}

#nav li:hover a:before,
#nav li:hover ab:before {
   content: "";
   position: absolute;
   top: 0;
   bottom: 0;
   width: 100vw;
   left: -100vw;
   /*     		background-color: #D6F4FD; */
}
@media (min-width: 1200px) {
   #nav li:hover a:before,
   #nav li:hover ab:before {
      display: none;
   }
}
@media (min-width: 1200px) {
   #nav li.mobile {
      display: none;
   }
}
@media (min-width: 1200px) {
   #nav li.active:after {
      width: 100%;
   }
}
#nav li a,
#nav li ab {
   display: flex;
   align-items: center;
   color: #303030;
   position: relative;
   font-size: 12px;
}
@media (max-width: 1200px) {
   #nav li a,
   #nav li ab {
      padding-top: 15px;
      padding-bottom: 15px;
   }
}

@media (min-width: 1200px) {
   #nav li a,
   #nav li ab {
      padding: 0 15px;
      font-size: 16px;
      display: block;
      color: #666;
   }
  [lang="es"] #nav li ab,
  [lang="es"] #nav li a {
    padding: 0 7px;
  }
  
   #nav li a:hover,
   #nav li ab:hover {      
      color: #303030;
   }
}

#nav li a .caret-svg,
#nav li ab .caret-svg {
   transition: transform 0.3s ease-in-out;
   fill: #303030;
}
@media (min-width: 1024px) {
   #nav li.drop.active:after,
   #nav li.drop:hover:after {
      width: calc(100% - 5px);
   }
}
@media (min-width: 1200px) {
   #nav li.drop.active:after,
   #nav li.drop:hover:after {
      width: calc(100% + 5px);
   }
}

@media (min-width: 1200px) {
   #nav li.drop:before {
      content: "";
      display: block !important;
      position: absolute;
      bottom: -12px;
      z-index: 99;
      width: 100%;
      /*height: 10px;*/
   }
}
@media (min-width: 1200px) {
   #nav li.drop .border-hover {
      transition: width 0.3s ease-in-out;
      width: 0;
      background-color: #303030;
      height: 2px;
      position: absolute;
      bottom: -4px;
   }
}
@media (min-width: 1200px) {
   #nav li.drop:hover .border-hover {
      width: 100%;
   }
}

@media (min-width: 1200px) {
   #nav li.drop:after {
      bottom: 4px;
   }
}

@media (max-width: 1200px) {
   #nav li.drop li a,
   #nav li.drop li ab {
      padding-top: 10px;
      padding-bottom: 10px;
      padding-left: 0;
   }
}

#nav li.drop li a:hover:before,
#nav li.drop li ab:hover:before {
   display: none;
}

.mobile #nav li.drop li a:hover,
.mobile #nav li.drop li ab:hover {
   color: #303030;
}
#nav li.drop .learn-more {
   display: inline-flex;
   align-items: center;
   color: #e94e53;
   padding-right: 25px;  
}
#nav li.drop .learn-more .icon {
   position: absolute;
   top: 0;
   top: 50%;
   transform: translateY(-50%);
}
#nav li.drop .learn-more .small-arrow {
   width: 15px;
   right: 0;
}
#nav li.drop .learn-more .small-arrow svg {
   stroke: #ff6166;
}

#nav li.drop .learn-more .header-arrow-large {
   width: 28px;
   display: none;
   right: -13px;
   height: 17px;
}

@media (min-width: 1024px) {
   #nav li.drop .learn-more:hover .header-arrow-large {
      display: flex;
   }

   #nav li.drop .learn-more:hover .small-arrow {
      display: none;
   }
}
#nav li.drop a,
#nav li.drop ab {
   display: flex;
}
#nav li.drop a span,
#nav li.drop ab span {
   position: relative;
   display: flex;
   align-items: center;
}
@media (min-width: 1200px) {
   #nav li.drop a span,
   #nav li.drop ab span {
      display: inline-block;
   }
}
#nav li.drop a .drop-icon,
#nav li.drop ab .drop-icon {
   transition: transform 0.3s ease-in-out;
   position: absolute;
   right: -22px;
   top: 10px;
   display: flex;
}
@media (min-width: 1200px) {
   #nav li.drop a .drop-icon,
   #nav li.drop ab .drop-icon {
      display: none;
   }
}
@media (max-width: 1200px) {
   #nav li.drop a .drop-icon,
   #nav li.drop ab .drop-icon {
      top: 8px;
   }
}
#nav li.drop a .caret-svg,
#nav li.drop ab .caret-svg {
   transition: fill 0.3s ease-in-out;
   width: 10px;
   height: 6px;
}
@media (max-width: 1200px) {
   #nav li.activeDrop .slide {
      position: static;
      width: 100%;
      padding-top: 0;
      transform: translate(0);
      padding-left: 50px;
      top: 0;
      max-height: 100%;
   }
  
  [lang="pt"] #nav li.activeDrop .slide {
    padding-left: 0;
  }
}

@media (max-width: 1200px) {
   #nav li.activeDrop a .drop-icon,
   #nav li.activeDrop ab .drop-icon {
      transform: rotate(180deg);
   }
}

#nav li.activeDrop .opener {
   background: #49bde2;
}

@media (min-width: 1200px) {
   #nav li.activeDrop .opener {
      background: none;
   }
}
#nav li.activeDrop .opener:before {
   content: "";
   position: absolute;
   top: 0;
   bottom: 0;
   width: 100vw;
   left: -100vw;
   background-color: #49bde2;
}
@media (min-width: 1200px) {
   #nav li.activeDrop .opener:before {
      display: none;
   }
}
#nav li .opener {
   cursor: pointer;
}

#nav .slide {
   transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;   
}

@media (min-width: 1200px) {  
  [lang="fr"] #nav li.drop ab span {
    font-size: 16px;
  }
}

@media (max-width: 1200px) {
   #nav li.activeDrop .opener .caret-svg,
   #nav li.activeDrop .opener .mobile-icon svg {
      fill: #fff;
   }
   #nav li.activeDrop .opener {
      color: #fff;
   }
   #nav ul li:first-child a {
      display: block;
      margin-top: 10px;      
   }  
}

@media (min-width: 1200px) {
   #nav ul li.viewAll {
      padding-top: 20px;
      padding-bottom: 32px;
   }
}
#nav ul li.viewAll a {
   color: #ff6166 !important;
}

@media (min-width: 1200px) {
   [lang="fr"] #nav ul li.viewAll {
      width: 194px;
   }
}
@media (min-width: 1200px) {
   #nav ul li:last-child {
      border-radius: 0 0 5px 5px;
   }
}
#nav ul li:after {
   display: none;
}
#nav ul a:hover:after,
#nav ul ab:hover:after {
   display: none;
}
#nav ul a {
   color: #666;
}

#nav ul a:hover {
   color: #303030;
}

.mobile-links {
   display: flex;
   justify-content: flex-end;
   padding-right: 32px;
}
@media (min-width: 1200px) {
   .mobile-links {
      display: none;
   }
}
.mobile-links li {
   margin: 0;
}
.mobile-links .sm-list {
   display: flex;
   width: 115px;
   justify-content: space-between;
   position: static;
   opacity: 1;
   visibility: visible;
   margin-top: auto;
   padding-bottom: 32px;
}
@media (min-width: 640px) {
   .mobile-links .sm-list {
      padding-top: 15px;
   }
}
.mobile-links .sm-list a {
   width: 16px;
   height: 16px;
}
.mobile-links .sm-list a,
.mobile-links .sm-list ab {
   padding: 0;
}
.mobile-links .sm-list svg {
   fill: #e94e53;
   width: 100%;
   height: 100%;
}

.nav-active .navigation {
   transition: left 0.3s ease-in-out;
}
@media (max-width: 1200px) {
   .nav-active .navigation {
      left: 0;
      overflow-y: auto;
      overflow-x: hidden;
      left: 0;
   }
}
@media (max-width: 480px) {
   li.navigation-features {
      padding: 64px 0 0;
   }
   #nav .mobile-logo-wrap {
      position: fixed;
      background: white;
      z-index: 9;
      width: 100%;
      box-shadow: 0px 2px 5px rgb(0 40 75 / 10%);
   }
   #nav {
      width: 100%;
   }
   #nav li.activeDrop .opener .caret-svg,
   #nav li.activeDrop .opener .mobile-icon svg {
      fill: #fff;
   }
   #nav li.activeDrop .opener {
      color: #fff;
   }
   #header .search {
      position: absolute;
      top: 22px;
      left: -25px;
   }
   .nav-opener {
      top: 45% !important;
   }
   .nav-active .navigation {
      left: 0;
      overflow-y: auto;
      overflow-x: hidden;
      left: 0;
      width: 100%;
      padding-left: 0;
      padding-top: 0;
   }
   #nav li:first-child a {
      padding: 8px 16px;
   }
   #nav li a,
   #nav li ab {
      width: 100%;
      padding: 16px 0 16px 32px;
   }
   #nav li a.learn-more {
      width: auto;
   }
   #nav li.activeDrop .slide {
      padding-left: 63px;
   }
}
.search-link svg,
.search-action svg {
   transition: fill 0.3s ease-in-out;
   fill: #666;
}

.search-link {
   position: relative;
   cursor: pointer;
}
@media (min-width: 1200px) {
   .search-link {
      width: 16px;
      height: 16px;
      margin-right: 24px;
   }
}
@media (min-width: 1200px) {
   .search-link:hover svg {
      fill: #303030;
   }
}
@media (min-width: 1200px) {
   [lang="fr"].search-link,
   [lang="de"] .search-link {
      margin-right: 10px;
   }
}
@media (min-width: 1440px) {
   [lang="fr"] .search-link,
   [lang="de"] .search-link {
      margin-right: 20px;
   }
}

.nav-opener {
   width: 20px;
   height: 15px;
   position: relative;
   z-index: 10;
   position: absolute;
   right: 14px;
   top: 40%;
   transform: translateY(-50%);
}
.nav-opener:before,
.nav-opener:after,
.nav-opener span {
   transition: all 0.3s ease-in-out;
   background: #303030;
   border-radius: 4px;
   position: absolute;
   top: 7px;
   left: 0;
   right: 0;
   height: 2px;
}
.nav-opener:before,
.nav-opener:after {
   content: "";
   top: 1px;
}
.nav-opener:after {
   top: 13px;
}
.nav-active .nav-opener:before,
.nav-active .nav-opener:after {
   transform: rotate(45deg);
   top: 7px;
}
.nav-active .nav-opener:after {
   transform: rotate(-45deg);
}
.nav-active .nav-opener span {
   display: none;
}
@media (min-width: 1200px) {
   .nav-opener {
      display: none;
   }
}
#nav .slide {
   position: absolute;
   top: -99999px;
   opacity: 1;
   visibility: visible;
}

@media (min-width: 1200px) {
   #nav .slide {
      top: 64px;
      left: -15px;
      opacity: 0;
      visibility: hidden;
      z-index: 99;
      border-top: solid 2px #f5f6fa;
      background-color: #fff;    
      min-width: 202px;
      padding: 16px 16px 0 16px;
   } 
  [lang="fr"] #nav .slide{
    min-width: 220px;
  }
  [lang="es"] #nav .slide{
    min-width: 210px;
  }
}

@media (max-width: 1024px) {
   #nav .slide.active-toggle {
      position: static;
      width: 100%;
      padding-top: 0;
      transform: translate(0);
      padding-left: 50px;
      top: 0;
      max-height: 100%;
   }
}

#nav .slide li:hover:after {
   display: none;
}

/* .search-opener {
   cursor: pointer;
   display: block;
   width: 24px;
   height: 30px;
   position: relative;
   z-index: 10;
   right: 11px;
   position: absolute;
   top: 50%;
   transform: translateY(-50%);
}
@media (min-width: 1200px) {
   .search-opener {
      right: 70px;
      width: 35px;
      height: 35px;
   }
}
.search-opener:before,
.search-opener:after,
.search-opener span {
   transition: all 0.3s ease-in-out;
   background: #303030;
   border-radius: 4px;
   position: absolute;
   top: 14px;
   left: 15%;
   right: 15%;
   height: 3px;
}
@media (min-width: 1024px) {
   .search-opener:before,
   .search-opener:after,
   .search-opener span {
      top: 17px;
   }
}
.search-opener:before,
.search-opener:after {
   content: "";
   top: 20px;
   transform: rotate(45deg);
   top: 14px;
}
@media (min-width: 1024px) {
   .search-opener:before,
   .search-opener:after {
      top: 16px;
   }
}
.search-opener span {
   display: none;
}
.search-opener:after {
   transform: rotate(-45deg);
} */

.btn {
   letter-spacing: 0.54px;
   font-weight: 500;
}

.btn-hidden {
   visibility: hidden;
}

.b-shadow {
   box-shadow: 0px 0px 15px #0800431a;
}

.title-holder h2 {
   font-size: 46px;
}

.icon svg {
   width: 100%;
   height: 100%;
}

/* header social link */
.mobile-links {
   display: flex;
   justify-content: flex-end;
   padding-right: 32px;
}
@media (min-width: 1200px) {
   .mobile-links {
      display: none;
   }
}

.mobile-links .sm-list {
   display: flex;
   width: 115px;
   justify-content: space-between;
   position: static;
   opacity: 1;
   visibility: visible;
   margin-top: auto;
   padding-bottom: 32px;
}

@media (min-width: 640px) {
   .mobile-links .sm-list {
      padding-top: 15px;
   }
}
.sm-list li {
   display: inline-block;
   margin: 0 10px 0 0;
}
@media (max-width: 1439px) {
   .sm-list li {
      display: block;
      margin: 0 0 15px 0;
   }

   .mobile-links li {
      margin: 0;
   }
   .sm-list a {
      width: 30px;
      height: 30px;
      position: relative;
      display: block;
   }
}

.mobile-links .sm-list a {
   width: 20px;
   height: 20px;
}
.mobile-links .sm-list a,
.mobile-links .sm-list ab {
   padding: 0;
}
.mobile-links .sm-list svg {
   fill: #303030;
   width: 100%;
   height: 100%;
}
.lazy {
   background-image: none;
}
/* back to  top botton */

.empty-block {
   position: relative;
   /*    display: none; */
}

.back-to-top {
   cursor: pointer;
   position: absolute;
   bottom: -56px;
   right: 28px;
   width: 100px;
   /*     height: 50px; */
}
@media (max-width: 1439px) {
   .back-to-top {
      right: 4px;
   }
}

.back-to-top img {
   display: block;
   width: 100%;
   height: 100%;
}

@media (max-width: 1200px) {
   .back-to-top {
      right: 0px;
   }
}
/* \\ */
/***** Tables *****/
.table {
   width: 100%;
   table-layout: fixed;
}

@media (min-width: 768px) {
   .table {
      table-layout: auto;
   }
}

.table th,
.table th a {
   color: #999;
   font-size: 13px;
   font-weight: 300;
   text-align: left;
}

[dir="rtl"] .table th,
[dir="rtl"] .table th a {
   text-align: right;
}

.table tr {
   border-bottom: 1px solid #ddd;
   display: block;
   padding: 20px 0;
}

@media (min-width: 768px) {
   .table tr {
      display: table-row;
   }
}

.table td {
   display: block;
}

@media (min-width: 768px) {
   .table td {
      display: table-cell;
   }
}

@media (min-width: 1024px) {
   .table td,
   .table th {
      padding: 20px 30px;
   }
}

@media (min-width: 768px) {
   .table td,
   .table th {
      padding: 10px 20px;
      height: 60px;
   }
}

.sub-nav {
   display: flex;
   flex-direction: column;
   justify-content: space-between;
   margin-bottom: 30px;
   min-height: 50px;
   padding-bottom: 15px;
}
nav.sub-nav.art-top {
   padding: 56px 0 20px;
}
nav.sub-nav.art-top .search input[type="search"] {
   border: none;
   border-bottom: 1px solid #afafb3;
   color: #afafb3;
}
@media (min-width: 768px) {
   .sub-nav {
      align-items: baseline;
      flex-direction: row;
      padding-top: 60px;
   }
}

@media (max-width: 1200px) {
   .sub-nav {
      margin-bottom: 0;
      padding-top: 60px;
   }
}

@media (min-width: 768px) {
   .sub-nav input[type="search"] {
      min-width: 300px;
   }
}

.sub-nav input[type="search"]::after {
   font-size: 15px;
}

/***** Blocks *****/
/* Used in Homepage#categories and Community#topics */
.blocks-list {
   display: flex;
   flex-wrap: wrap;
   justify-content: flex-start;
   list-style: none;
   padding: 0;
}

@media (min-width: 768px) {
   .blocks-list {
      margin: 0 -16px;
   }
}

.blocks-item {
   border: 1px solid #E1E2E6;
   border-radius: 4px;
   box-sizing: border-box;
   color: rgba(24, 159, 201, 1);
   display: flex;
   flex: 1 0 340px;
   flex-direction: column;
   justify-content: center;
   margin: 0 0 30px;
   max-width: 100%;
   text-align: center;
}

@media (min-width: 768px) {
   .blocks-item {
      margin: 0 16px 32px;
   }
}

@media (max-width: 768px) {
   .blocks-item {
      flex: 1 0 100%;
   }
}

.blocks-item:hover,
.blocks-item:focus,
.blocks-item:active {
   background-color: rgba(24, 159, 201, 1);
}

.blocks-item:hover .meta-data,
.blocks-item:focus .meta-data,
.blocks-item:active .meta-data {
   color: #fff; 
}

.blocks-item:hover *,
.blocks-item:focus *,
.blocks-item:active * {
   color: #FFFFFF;
   text-decoration: none;
}

.blocks-item-internal {
   background-color: transparent;
   border: 1px solid #ddd;
}

.blocks-item-internal .icon-lock::before {
   content: "\1F512";
   font-size: 15px;
   bottom: 5px;
   position: relative;
}

.blocks-item-internal a {
   color: rgba(102, 102, 102, 1);
}

.blocks-item-link {
   color: rgba(24, 159, 201, 1);
   padding: 40px 30px;
}

.blocks-item-link:hover,
.blocks-item-link:focus,
.blocks-item-link:active {
   text-decoration: none;
}

.blocks-item-title {
  	font: 500 18px/25px "Poppins";
  	letter-spacing: 0.54px;
  	color: #189FC9;
   	margin-bottom: 0;
}

.blocks-item-description {
   font-weight: 300;
   margin: 0;
}

.blocks-item-description:not(:empty) {
   margin-top: 10px;
}

/***** Promoted articles *****/
.promoted-articles {
   display: flex;
   flex-direction: column;
   flex-wrap: wrap;
}

@media (min-width: 1024px) {
   .promoted-articles {
      flex-direction: row;
   }
}

.promoted-articles-item {
   flex: 1 0 auto;
}

@media (min-width: 1024px) {
   .promoted-articles-item {
      align-self: flex-end;
      flex: 0 0 auto;
      padding-right: 30px;
      width: 33%;
      /* Three columns on desktop */
   }
   [dir="rtl"] .promoted-articles-item {
      padding: 0 0 0 30px;
   }
}

.promoted-articles-item:nth-child(3n) {
   padding-right: 0;
}

.promoted-articles-item a {
   font: 500 18px/25px "Poppins";
   letter-spacing: 0.54px;
   color: #189FC9;
   display: block;
   /* border-bottom: 1px solid #ddd; */
   padding: 15px 0 5px;
   /*color: rgba(102, 102, 102, 1);*/
}

.promoted-articles-item .icon-lock::before {
   vertical-align: baseline;
}

/***** Community section in homepage *****/
.community {
   text-align: center;
}

.community-image {
   min-height: 300px;
   background-image: url(/hc/theming_assets/01JJ1WK3H0GYHAW35CY63E2P80);
   background-position: center;
   background-repeat: no-repeat;
   max-width: 100%;
}

.community,
.activity {
   border-top: 1px solid #E1E2E6;
   padding: 30px 0;
}

/***** Recent activity *****/
.recent-activity-header {
   margin-bottom: 0;
   text-align: center;
}

.recent-activity-list {
   padding: 0;
}

.recent-activity-item {
   border-bottom: 1px solid #ddd;
   overflow: auto;
   padding: 32px 0 24px;
}

.recent-activity-item h3 {
  margin-bottom: 16px;
   line-height: 1;
}

.recent-activity-item-parent {
  font: 300 16px/23px "Poppins";
  letter-spacing: 0px;
  color: #666666;
}

.recent-activity-item-parent,
.recent-activity-item-link {
   margin: 6px 0;
   /*color: rgba(102, 102, 102, 1);*/
   display: inline-block;
   width: 100%;
}

@media (min-width: 768px) {
   .recent-activity-item-parent,
   .recent-activity-item-link {
      width: 70%;
      margin: 0;
   }
}

.recent-activity-item-link {
   font-size: 16px;
   font-weight: 300;
}

.recent-activity-item-meta {
   margin: 15px 0 0 0;
   float: none;
}

@media (min-width: 768px) {
   .recent-activity-item-meta {
      margin: 0;
      float: right;
   }
   [dir="rtl"] .recent-activity-item-meta {
      float: left;
   }
}

.recent-activity-item-time,
.recent-activity-item-comment {
   color: rgba(102, 102, 102, 1);
   display: inline-block;
   font-size: 16px;
   font-weight: 300;
}

.recent-activity-item-comment {
   padding-left: 5px;
}

[dir="rtl"] .recent-activity-item-comment {
   padding: 0 5px 0 0;
}

.recent-activity-item-comment::before {
   display: inline-block;
}

.recent-activity-item-comment span::before {
   color: rgba(24, 159, 201, 1);
   content: "\1F4AC";
   display: inline-block;
   font-size: 15px;
   padding-right: 3px;
   vertical-align: middle;
}

[dir="rtl"] .recent-activity-item-comment span::before {
   padding-left: 3px;
}

.recent-activity-controls {
   padding-top: 15px;
}

.recent-activity-controls a{
  font: 500 18px/25px "Poppins";
  letter-spacing: 0.54px;
  color: #189FC9;
}

/***** Category pages *****/
.category-content .header-block .search.search-full {
   display: none;
}
.suv-nav_wrapper .sub-nav {
   padding: 0 0 56px;
   margin-bottom: 0;
}
.page-header {
   text-align: center;
}
.page-header.top {
   margin-bottom: 0;
   padding: 56px 0 56px;
   background: #f5f6fa;
}
header.page-header.top .suv-nav_wrapper .sub-nav {
    padding: 0;
    min-height: inherit;
}

header.page-header.add-top {
   margin-bottom: 0;
}
.header-block {
   position: relative;
}

.header-block .search {
   position: absolute;
   right: 65px;
   bottom: 0;
   border-bottom: 1px solid transparent;
   min-width: 270px;
}
.section-tree .link-block .icon {
   display: none;
}
.section-tree .link-block:hover .large-arrow {
   display: none;
}
@media (max-width: 1600px) {
   .header-block .search {
      position: static;
      margin-top: 20px;
   }
}

.header-block .search input[type="submit"] {
   right: 0;
   bottom: 5px;
}

.header-block .search input[type="search"],
.header-block .search input[type="search"]::placeholder {
   color: #303030;
   font-size: 16px;
}

.page-header h1 {
   font-size: 50px;
   font-weight: 700;
   line-height: 1;
}

@media (max-width: 1200px) {
   .page-header h1 {
      font-size: 40px;
   }
}

@media (max-width: 768px) {
   .page-header h1 {
      font-size: 35px;
   }
}

.section-tree {
   display: flex;
   flex-wrap: wrap;
   justify-content: space-between;
   /*    background: #fff8d8; */
   /*    margin-top: 56px; */
       padding: 65px 0 32px;
}

.section-tree-title {
   display: none;
}

.section-tree .see-all-articles {
   margin: 15px 0 0;
}

.article-list {
   display: flex;
   align-items: center;
   justify-content: flex-start;
   flex-wrap: wrap;
}

.article-list-item {
   max-width: 435px;
   width: 100%;
   margin: 16px;
   box-shadow: 0px 5px 10px #00284b1a;
   border-radius: 5px;
   padding: 267px 30px 30px;
}
@media (max-width: 1436px) {
   .section-content .container .article-list {
      max-width: 937px;
      width: 100%;
      margin: 0 auto;
   }
}

@media (max-width: 1200px) {
   .article-list-item {
      max-width: 330px;
      padding: 210px 20px 25px;
   }
   .section-content .container .article-list {
      max-width: inherit;
      justify-content: center;
   }
}

@media (max-width: 768px) {
   .article-list-item {
      max-width: 290px;
   }
}
@media (max-width: 674px) {
   .article-list {
      justify-content: center;
   }
   .page-header {
      padding: 30px 0;
      margin-bottom: -54px;
   }
}
@media (max-width: 425px) {
   .article-list-item {
      margin: 16px 0;
   }
}

.article-list-item:nth-child(6n + 1) {
   background: #fff url(/hc/theming_assets/01JAFSHVG70SB7N4F7T7P36AX3) no-repeat center top;
}

.article-list-item:nth-child(6n + 2) {
   background: #fff url(/hc/theming_assets/01JAFSHT874DSHRM27QBQQ23RW) no-repeat center top;
}

.article-list-item:nth-child(6n + 3) {
   background: #fff url(/hc/theming_assets/01JAFSHTHVRXDCZN284ZHC90JT) no-repeat center top;
}

.article-list-item:nth-child(6n + 4) {
   background: #fff url(/hc/theming_assets/01JAFSHT75J4PPR58TSZSKK8CA) no-repeat center top;
}

.article-list-item:nth-child(6n + 5) {
   background: #fff url(/hc/theming_assets/01JAFSHT89P5Y9C3YJNJ1P1Q1Q) no-repeat center top;
}

.article-list-item:nth-child(6n + 6) {
   background: #fff url(/hc/theming_assets/01JAFSHTZJSG0P28F8F97SP633) no-repeat center top;
}

.article-list-item:nth-child(n) {
   background-size: 101% 235px;
}

@media (max-width: 1200px) {
   .article-list-item:nth-child(n) {
      background-size: 100% 180px;
   }
}

.article-list-title {
   font-size: 24px;
   font-weight: 700;
   color: #303030;
   text-transform: uppercase;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
}
.article-description {
   height: 56px;
   margin: 0 0 16px;
   font-size: 18px;
   font-weight: 300;
   letter-spacing: 0px;
   color: #666;
   overflow: hidden;
}

.link-block a {
   font-size: 18px;
   letter-spacing: 0.72px;
   color: #189fc9;
   font-weight: 500;
}

.link-block a:hover {
   color: #ff6166;
}
@media (max-width: 1436px) {
   .section-tree .container .article-list {
      max-width: 937px;
      width: 100%;
      margin: 0 auto;
   }
}
@media (max-width: 1200px) {
   .section-tree {
      margin-top: 25px;
      padding: 50px 0;
   }
   .section-tree .container .article-list {
      max-width: inherit;
      justify-content: center;
   }
}
@media (max-width: 1281px) {
   .page-header {
      padding: 56px 0 56px;
   }
   .section-content .container .article-list {
      max-width: inherit;
      justify-content: center;
   }
   .article-list-item:nth-child(n) {
      background-size: 100% 180px;
   }
   .section-tree .container .article-list {
      max-width: inherit;
      justify-content: center;
   }
   .article-list-item {
      max-width: 330px;
      padding: 210px 20px 25px;
   }
   .section-tree {
      padding: 56px 0 144px;
   }
}
@media (max-width: 1024px) {
   .section-tree {
      padding: 0px 0 100px;
   }
}
@media (max-width: 768px) {
   .section-content {
      padding: 0 0 32px;
   }
   .suv-nav_wrapper .sub-nav {
      padding: 0 0 10px;
      margin-bottom: 0;
   }
   .article-list-title {
      font-size: 18px;
   }
   .article-description {
      height: 52px;
      font-size: 16px;
   }
   .link-block a {
      font-size: 16px;
      letter-spacing: 0.48px;
     font-weight: 500;
   }
}
@media (max-width: 674px) {
   .page-header {
      padding: 34px 0 56px;
   }
   section.section-content .pagination {
      padding: 0;
   }
   .section-content {
      padding: 0px 0 16px;
   }
   .btn-box-help.sect-btn {
      padding: 32px 0 32px;
   }
   .section-title.section-first.dn {
      padding: 32px 0 32px;
   }
   .section-title.section-first.dn .title-h1 {
      font-size: 30px;
   }
   .section-title.section-first.dn .section-title_txt {
      font: 300 16px/1.5 "Poppins", "Helvetica", "Arial", sans-serif;
   }
   .article-list-title {
      font-size: 16px;
   }
   .section-tree {
      padding: 0;
      margin-top: -64px;
   }
   .article-description {
      height: 30px;
      font-size: 14px;
   }
   .page-header.top {
      padding: 40px 0;
      margin-bottom: -54px;
   }
   .article-description {
      height: 64px;
      font-size: 14px;
      padding: 8px 0 0;
      margin: 0;
   }
  [lang="fr"] .article-description,
  [lang="de"] .article-description{
    height: 78px;
    font-size: 14px;
    padding: 8px 0 0;
    margin: 0;
  }
   .suv-nav_wrapper .sub-nav {
      padding: 0;
   }
}
@media (max-width: 475px) {
   /*    .section-tree {
      padding: 25px 0 35px;
   } */
   .page-header h1 {
      font-size: 30px;
   }
}

.link-block .icon {
   margin-left: 19px;
}

.link-block .large-arrow {
   display: none;
}

@media (min-width: 1024px) {
   .link-block:hover .large-arrow {
      display: inline-block;
   }

   .link-block:hover .small-arrow {
      display: none;
   }
}

.link-block svg {
   fill: #ff6166;
}

.link-block .small-arrow svg {
   width: 24px;
}

.link-block .large-arrow svg {
   width: 55px;
}

.icon-star::before {
   color: rgba(24, 159, 201, 1);
   font-size: 18px;
}

/***** Section pages *****/

/***** Article page *****/

.article-title-section {
   text-align: center;
   padding: 60px 0 56px 0;
   background-color: #F5F6FA;
}

@media screen and (max-width: 480px) {
   .article-title-section {
   		padding: 34px 0 41px 0;
   }
}

.article-title-section .container {
    max-width: 1460px;
    margin: 0 auto;
    padding: 0 30px;
}

@media screen and (max-width: 480px) {
 .article-title-section .container {
    padding: 0 15px;
  }
}

.article-title-section .title {
    font-family: "Poppins";
    color: #303030;
    font-size: 50px;
    font-weight: bold;
    line-height: 1.2;
    margin-bottom: 16px;
}

@media screen and (max-width: 768px) {
 .article-title-section .title {
    font-size: 40px;
  }
}

@media screen and (max-width: 480px) {
 .article-title-section .title {
    font-size: 30px;
  }
}

@media screen and (max-width: 480px) {
 html:lang(fr) .article-title-section .title {
      font-size: 24px;
  }
}

.article-title-section .breadcrumbs li {
    font-family: "Poppins";
    color: #49BDE2;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0.48px;
}

@media screen and (max-width: 480px) {
 .article-title-section .breadcrumbs li {
    font-size: 14px;
  }
}

.article-title-section .breadcrumbs li::before {
    color: #AFAFB3;
}

.article-title-section .breadcrumbs a {
		font-size: inherit;
}

.article-title-section .breadcrumbs a:hover {
		color: #189FC9;
}

.article-section {
    display: flex;
    max-width: 1920px;
    margin: 0 auto;
    padding: 64px 0 30px 0;
}

@media (max-width: 1024px) {
    .article-section {
    		flex-direction: column;
    }
}

@media screen and (max-width: 480px) {
   .article-section {
   		padding: 30px 0;
   }
}

.article-section .sidebar {
    max-width: 320px;
    margin-right: 10px;
}

@media (max-width: 1024px) {
  	.article-section .sidebar {
        max-width: 100%;
        margin: 0;
      	text-align: center;
  	}
}

@media (max-width: 1024px) {
    .article-section .active-sidebar .tab-list {
        height: 100%;
        opacity: 1;
        visibility: visible;
    }
  
  	.article-section .active-sidebar .sidebar-btn .icon {
        transform: rotate(180deg);
    }
  
  	.article-section .active-sidebar .sidebar-more {
        display: block;
    }
}
  
.article-section .sidebar-btn {
    display: flex;
  	border: none;
    width: 100%;
    background: transparent;
  	cursor: none;
    margin-bottom: 61px;
    padding: 0 0 0 40px;
}

@media (max-width: 1024px) {
    .article-section .sidebar-btn  {		
      	justify-content: center;
      	align-items: center;
        cursor: pointer;
        margin-bottom: 20px;
        padding: 0 30px;
    }
}

@media (max-width: 480px) {
  	.article-section .sidebar-btn {
     		padding: 0 15px;
  	}
}

.article-section .sidebar-btn .icon {
    display: none;
  	width: 15px;
  	margin-left: 15px;
  	fill: #303030;
    transition: all .3s ease 0s;
}

@media (max-width: 1024px) {
    .article-section .sidebar-btn .icon  {		
      	display: block;
    }
}

.article-section .sidebar-title {
    font-family: "Poppins";
    color: #303030;
    font-size: 22px;
    font-weight: bold;
    line-height: 1.45;
    letter-spacing: -0.33px;
}

@media (max-width: 1024px) {
    .article-section .sidebar-title  {		
          margin-left: 30px;
    }
}

@media screen and (max-width: 480px) {
   .article-section .sidebar-title {
   		font-size: 20px;
   }
}

[lang="de"] .article-section .sidebar-title {
    font-size: 18px;
}

[lang="fr"] .article-section .sidebar-title {
    font-size: 20px;
}

.article-section .tab-list {
  	transition: all .3s ease 0s;
}

@media (max-width: 1024px) {
  	.article-section .tab-list {
        height: 0;
        opacity: 0;
        visibility: hidden;
  	}
}

.article-section .tab-link {
    display: block;
    font-family: "Poppins";
    color: #666666;
    font-size: 16px;
    font-weight: 300;
    line-height: 1.5;
    padding: 20px 32px 20px 40px;
    border-radius: 0px 32px 32px 0px;
}

@media (max-width: 1024px) {
  	.article-section .tab-link {
        border-radius: 0px;
      	padding: 5px 30px;
  	}
}

@media screen and (max-width: 480px) {
   .article-section .tab-link {
   		font-size: 14px;
      padding: 5px 15px;
   }
}

.article-section .tab-link:hover,
.article-section .tab-link.current-article {
    background: #F5F6FA;
}

.article-section .sidebar-more {
    font-family: "Poppins";
    color: #49BDE2;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0.48px;
    margin-left: 40px;
    text-transform: lowercase;
}

@media (max-width: 1024px) {
  	.article-section .sidebar-more {
       	display: none;
      	margin: 0 0 30px 0;
  	}
}

.article-section .sidebar-more:hover {
    color: #189FC9;
}

.article-section .article {
    width: 100%;
    max-width: 1460px;
    padding: 0 30px;
}

@media (max-width: 480px) {
  	.article-section .article {
     		padding: 0 15px;
  	}
}

.article-section .author-wrap {
   	margin-bottom: 45px;
}

@media (max-width: 1024px) {
  	.article-section .author-wrap {
     		text-align: center;
  	}
}

.article-section .user a {
   	font-family: "Poppins";
    color: #49BDE2;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0.48px;
 		transition: all .3s ease 0s;
}

.article-section .user a:hover {
    color: #189FC9;
}

.article-section .article-content a {
  	color: #49BDE2;
  	transition: all .3s ease 0s;
}

.article-section .article-content a:hover {
    color: #189FC9;
}

.article-section .meta-group {
		display: flex;
}

.article-section .meta-data {
    font-family: "Poppins";
    color: #666666;
    font-size: 14px;
    font-weight: 300;
    line-height: 1.3;
}

.article-section .meta-data::after {
    font-weight: 700;
}

.article-section .article-body img {
    height: auto;
    max-width: 500px;
}

.article-section .article-body ul,
.article-section .article-body ol {
    padding-left: 20px;
    list-style-position: outside;
    margin: 20px 0 20px 20px;
}

.article-section .article-body ul {
  	list-style-type: disc;
}

.article-section .article-body a:visited {
  	color: #0d576e;
}

.article-section .article-body code {
    background: #f7f7f7;
    border: 1px solid #ddd;
    border-radius: 3px;
    padding: 0 5px;
    margin: 0 2px;
}

.article-section .article-body pre {
    background: #f7f7f7;
    border: 1px solid #ddd;
    border-radius: 3px;
    padding: 10px 15px;
    overflow: auto;
    white-space: pre;
}

.article-section .article-body blockquote {
    border-left: 1px solid #ddd;
    color: #999;
    font-style: italic;
    padding: 0 15px;
}

.article-section .article-body > p:last-child {
  	margin-bottom: 0;
}

.article-section .helpful {
    padding: 32px 0;
    border-bottom: 1px solid #E1E2E6;
}

.article-section .socials {
    padding-bottom: 32px;
    border-bottom: 1px solid #E1E2E6;
}

.article-section .share {
    display: flex;
    line-height: 0;
}

.article-section .share li {
  	margin-right: 5px;
}

.article-section .share a {
  	font-size: 0;
}

.article-section .share a::before {
  	display: none;
}

.article-section .share a svg {
  	width: 100%;
  	height: 100%;
}

.article-section .question-wrap {
    padding-top: 48px;
    text-align: center;
    margin-bottom: 70px;
}

@media (max-width: 480px) {
  	.article-section .question-wrap  {
     		 margin-bottom: 30px;
  	}
}

.article-section .question-title {
     margin: 0 0 24px 0;
     font-family: "Poppins";
     color: #303030;
     font-size: 22px;
     font-weight: 600;
     line-height: 1.3;
     letter-spacing: -0.33px;
}

.article-section .question-choice {
		margin-bottom: 24px;
}

.article-section .btn-blue {
		position: relative;
    display: inline-flex;
    align-items: center;
    background-color: #49BDE2;
    border-radius: 25px;
    padding: 8px 22px 8px 14px;
    margin: 0 12px;
    text-align: center;
  	font-family: "Poppins";
    color: #FFFFFF;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    transition: all .3s ease 0s;
		cursor: pointer;
}

.article-section .btn-blue:hover {
    background-color: #189FC9;
}

.article-section .btn-blue .icon {
		width: 15px;
    fill: #FFFFFF;
    margin-right: 10px;
}

.article-section .btn-blue a {
		position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
}

.article-section .btn-blue button {
		position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
		opacity: 0;
  	cursor: pointer;
}

.article-section .question-sub-title {
  	font-family: "Poppins";
    color: #666666;
    font-size: 12px;
    font-weight: 300;
    line-height: 1.3;
}

.article-section .questions-more {
  	text-align: center;
  	font-family: "Poppins";
    color: #666666;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.3;
}

.article-section .questions-more a{
    color: #49BDE2;
}

.article-section .questions-more a:hover{
    color: #189FC9;
}

.article-section .relatives {
    display: flex;
    justify-content: space-between;
  	padding: 48px 0;
  	margin: 0 0 -16px 0;
}

@media (max-width: 660px) {
  	.article-section .relatives {
    		flex-direction: column;
  	}
}

.article-section .recent-articles,
.article-section .related-articles {
		width: 48%;
}

@media (max-width: 660px) {
  	.article-section .recent-articles,
		.article-section .related-articles {
    		width: 100%;
  	}
}

.article-section .recent-articles-title,
.article-section .related-articles-title {
    margin: 0 0 16px 0;
  	font-family: "Poppins";
  	color: #303030;
    font-size: 22px;
    font-weight: 600;
    line-height: 1.45;
  	letter-spacing: -0.33px;
}

@media (max-width: 480px) {
   .article-section .recent-articles-title,
   .article-section .related-articles-title {
      font-size: 20px;
   }
}

.article-section .recent-articles a,
.article-section .related-articles a {
    margin: 0 0 16px 0;
  	font-family: "Poppins";
  	color: #49BDE2;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.5;
  	transition: all .3s ease 0s;
}

@media (max-width: 480px) {
   .article-section .recent-articles a,
   .article-section .related-articles a {
      font-size: 16px;
   }
}

.article-section .recent-articles a:hover,
.article-section .related-articles a:hover {
  	color: #189FC9;
}

.article-section .recent-articles li,
.article-section .related-articles li {
    max-width: 100%;
}

/***** End Article page *****/

.article-header {
   align-items: flex-start;
   display: flex;
   flex-direction: column;
   flex-wrap: wrap;
   justify-content: space-between;
   margin-bottom: 40px;
   margin-top: 20px;
}

@media (min-width: 768px) {
   .article-header {
      flex-direction: row;
      margin-top: 0;
   }
}

.article-avatar {
   margin-right: 10px;
}

.article-author {
   margin-bottom: 10px;
}

@media (min-width: 768px) {
   .article-title {
      flex-basis: 100%;
      /* Take entire row */
   }
}

.article-title .icon-lock::before {
   content: "\1F512";
   font-size: 20px;
   position: relative;
   left: -5px;
   vertical-align: baseline;
}

.article [role="button"] {
   flex-shrink: 0;
   /*Avoid collapsing elements in Safari (https://github.com/philipwalton/flexbugs#1-minimum-content-sizing-of-flex-items-not-honored)*/
   width: 100%;
}

@media (min-width: 768px) {
   .article [role="button"] {
      width: auto;
   }
}

.article-info {
   max-width: 100%;
}

.article-meta {
   display: inline-block;
   vertical-align: middle;
}

.article-body img {
   height: auto;
   max-width: 500px;
}

.article-body ul,
.article-body ol {
   padding-left: 20px;
   list-style-position: outside;
   margin: 20px 0 20px 20px;
}

[dir="rtl"] .article-body ul,
[dir="rtl"] .article-body ol {
   padding-right: 20px;
   padding-left: 0;
   margin-left: 0;
   margin-right: 20px;
}

.article-body ul > ul,
.article-body ol > ol,
.article-body ol > ul,
.article-body ul > ol,
.article-body li > ul,
.article-body li > ol {
   margin: 0;
}

.article-body ul {
   list-style-type: disc;
}

.article-body a:visited {
   color: #0d576e;
}

.article-body code {
   background: #f7f7f7;
   border: 1px solid #ddd;
   border-radius: 3px;
   padding: 0 5px;
   margin: 0 2px;
}

.article-body pre {
   background: #f7f7f7;
   border: 1px solid #ddd;
   border-radius: 3px;
   padding: 10px 15px;
   overflow: auto;
   white-space: pre;
}

.article-body blockquote {
   border-left: 1px solid #ddd;
   color: #999;
   font-style: italic;
   padding: 0 15px;
}

.article-body > p:last-child {
   margin-bottom: 0;
}

.article-content {
   line-height: 1.6;
   margin: 40px 0;
   word-wrap: break-word;
}

.article-footer {
   align-items: center;
   display: flex;
   justify-content: space-between;
   padding-bottom: 20px;
}

.article-comment-count {
   color: #999;
   font-weight: 300;
}

.article-comment-count:hover {
   text-decoration: none;
}

.article-comment-count .icon-comments {
   color: rgba(24, 159, 201, 1);
   content: "\1F4AC";
   display: inline-block;
   font-size: 18px;
   padding: 5px;
}

.article-sidebar {
   border-bottom: 1px solid #ddd;
   border-top: 1px solid #ddd;
   flex: 1 0 auto;
   margin-bottom: 20px;
   padding: 0;
}

@media (min-width: 1024px) {
   .article-sidebar {
      border: 0;
      flex: 0 0 17%;
      height: auto;
   }
}

.article-relatives {
   border-top: 1px solid #ddd;
   display: flex;
   flex-direction: column;
   padding: 20px 0;
}

@media (min-width: 768px) {
   .article-relatives {
      flex-direction: row;
   }
}

.article-relatives > * {
   flex: 1 0 auto;
   margin-right: 0;
}

.article-relatives > *:last-child {
   margin: 0;
}

@media (min-width: 768px) {
   .article-relatives > * {
      margin-right: 20px;
   }
}

.article-votes {
   border-top: 1px solid #ddd;
   padding: 30px 0;
   text-align: center;
}
.article-votes-question {
   display: block;
   padding-bottom: 4px;
}
.article-vote {
   background: transparent;
   border: 1px solid rgba(24, 159, 201, 1);
   color: rgba(24, 159, 201, 1);
   margin: 10px 5px;
   min-width: 90px;
   width: auto;
   padding: 4px 5px 4px 5px;
}

.article-vote::before {
   font-size: 8px;
   margin-right: 10px;
}

[dir="rtl"] .article-vote::before {
   margin-right: 0;
   margin-left: 10px;
}

.article-vote::after {
   content: attr(title);
   /* Yes/No label*/
}

.article-vote:focus,
.article-vote:active {
   background-color: transparent;
   color: rgba(24, 159, 201, 1);
}

.article-vote:hover {
   background-color: rgba(24, 159, 201, 1);
}

.article-vote:hover::before,
.article-vote:hover::after,
.article-vote[aria-selected="true"]::before,
.article-vote[aria-selected="true"]::after {
   color: #FFFFFF;
}

.article-vote-up::before {
   content: "\2713";
}

.article-vote-down::before {
   content: "\2715";
}

.article-more-questions {
   margin: 10px 0 20px;
   text-align: center;
}

.article-return-to-top {
   border-top: 1px solid #ddd;
}

@media (min-width: 1024px) {
   .article-return-to-top {
      display: none;
   }
}

.article-return-to-top a {
   color: rgba(102, 102, 102, 1);
   display: block;
   padding: 20px 0;
}

.article-return-to-top a:hover,
.article-return-to-top a:focus {
   text-decoration: none;
}

.article-return-to-top .icon-arrow-up::before {
   font-size: 16px;
   margin-left: 5px;
}

[dir="rtl"] .article-return-to-top .icon-arrow-up::before {
   margin-right: 10px;
}

.article-unsubscribe {
   background-color: rgba(24, 159, 201, 1);
   color: #FFFFFF;
   text-decoration: none;
}

.article-unsubscribe:hover {
   background-color: #0d576e;
   border-color: #0d576e;
}

.sidenav-title {
   font-size: 15px;
   position: relative;
}

.sidenav-item {
   border-radius: 4px;
   color: rgba(102, 102, 102, 1);
   display: block;
   font-weight: 300;
   margin-bottom: 10px;
   padding: 10px;
}

.sidenav-item.current-article,
.sidenav-item:hover {
   background-color: rgba(24, 159, 201, 1);
   color: #FFFFFF;
   text-decoration: none;
}

.recent-articles h3,
.related-articles h3 {
   font-size: 15px;
   margin: 20px 0;
}

.recent-articles li,
.related-articles li {
   margin-bottom: 15px;
}
@media (max-width: 1600px) {
   .recent-articles li,
   .related-articles li {
      max-width: 450px;
   }
}
@media (max-width: 1200px) {
   .recent-articles li,
   .related-articles li {
      max-width: 400px;
   }
}
@media (max-width: 1030px) {
   .recent-articles li,
   .related-articles li {
      max-width: 340px;
   }
}
/***** Attachments *****/
/* Styles attachments inside posts, articles and comments */
.attachments .attachment-item {
   padding-left: 20px;
   position: relative;
   margin-bottom: 10px;
}

.attachments .attachment-item:last-child {
   margin-bottom: 0;
}

.attachments .attachment-item::before {
   color: rgba(102, 102, 102, 1);
   content: "\1F4CE";
   font-size: 15px;
   left: 0;
   position: absolute;
   top: 5px;
}

[dir="rtl"] .attachments .attachment-item {
   padding-left: 0;
   padding-right: 20px;
}

[dir="rtl"] .attachments .attachment-item::before {
   left: auto;
   right: 0;
}

.upload-dropzone span {
   color: #999;
}

/***** Social share links *****/
.share {
   padding: 0;
   white-space: nowrap;
}

.share li,
.share a {
   display: inline-block;
}

.share a {
   border-radius: 50%;
   height: 25px;
   line-height: 25px;
   overflow: hidden;
   width: 25px;
}

.share a::before {
   color: #999;
   display: block;
   font-size: 23px;
   text-align: center;
   width: 100%;
}

.share a:hover {
   text-decoration: none;
}

.share a:hover::before {
   color: rgba(24, 159, 201, 1);
}

.share-twitter::before {
   content: "\e901";
}

.share-facebook::before {
   content: "\e903";
}

.share-linkedin::before {
   content: "\e900";
}

.share-googleplus::before {
   content: "\e902";
}

/***** Comments *****/
/* Styles comments inside articles, posts and requests */
.comment {
   border-bottom: 1px solid #ddd;
   padding: 20px 0;
}

.comment-heading {
   margin-bottom: 5px;
   margin-top: 0;
}

.comment-overview {
   border-bottom: 1px solid #ddd;
   border-top: 1px solid #ddd;
   padding: 20px 0;
}

.comment-overview p {
   margin-top: 0;
}

.comment-callout {
   color: #999;
   display: inline-block;
   font-weight: 300;
   font-size: 13px;
   margin-bottom: 0;
}

.comment-callout a {
   color: rgba(24, 159, 201, 1);
}

.comment-sorter {
   display: inline-block;
   float: right;
}

.comment-sorter .dropdown-toggle {
   color: #999;
   font-weight: 300;
   font-size: 13px;
}

[dir="rtl"] .comment-sorter {
   float: left;
}

.comment-wrapper {
   display: flex;
   position: relative;
}

.comment-wrapper.comment-official {
   border: 1px solid rgba(24, 159, 201, 1);
   padding: 40px 20px 20px;
}

@media (min-width: 768px) {
   .comment-wrapper.comment-official {
      padding-top: 20px;
   }
}

.comment-info {
   min-width: 0;
   padding-right: 20px;
   width: 100%;
}

[dir="rtl"] .comment-info {
   padding-right: 0;
   padding-left: 20px;
}

.comment-author {
   align-items: flex-end;
   display: flex;
   flex-wrap: wrap;
   margin-bottom: 20px;
}

@media (min-width: 768px) {
   .comment-author {
      justify-content: space-between;
   }
}

.comment-avatar {
   margin-right: 10px;
}

[dir="rtl"] .comment-avatar {
   margin-left: 10px;
   margin-right: 0;
}

.comment-meta {
   flex: 1 0 auto;
}

.comment-labels {
   flex-basis: 100%;
}

@media (min-width: 768px) {
   .comment-labels {
      flex-basis: auto;
   }
}

.comment .status-label:not(.status-label-official) {
   margin-top: 10px;
}

@media (min-width: 768px) {
   .comment .status-label:not(.status-label-official) {
      margin-top: 0;
   }
}

.comment-form {
   display: flex;
   padding-top: 30px;
   word-wrap: break-word;
}

.comment-container {
   width: 100%;
}

.comment-form-controls {
   display: none;
   margin-top: 10px;
   text-align: left;
}

@media (min-width: 768px) {
   [dir="ltr"] .comment-form-controls {
      text-align: right;
   }
}

.comment-form-controls input[type="submit"] {
   margin-top: 15px;
}

@media (min-width: 1024px) {
   .comment-form-controls input[type="submit"] {
      margin-left: 15px;
   }
   [dir="rtl"] .comment-form-controls input[type="submit"] {
      margin-left: 0;
      margin-right: 15px;
   }
}

.comment-form-controls input[type="checkbox"] {
   margin-right: 5px;
}

.comment-form-controls input[type="checkbox"] [dir="rtl"] {
   margin-left: 5px;
}

.comment-ccs {
   display: none;
}

.comment-ccs + textarea {
   margin-top: 10px;
}

.comment-attachments {
   margin-top: 10px;
}

.comment-attachments a {
   color: rgba(24, 159, 201, 1);
}

.comment-body {
   -moz-hyphens: auto;
   -ms-hyphens: auto;
   -webkit-hyphens: auto;
   word-break: break-word;
   word-wrap: break-word;
   font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
   line-height: 1.6;
   overflow-x: auto;
}

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

.comment-body ul,
.comment-body ol {
   padding-left: 20px;
   list-style-position: outside;
   margin: 20px 0 20px 20px;
}

[dir="rtl"] .comment-body ul,
[dir="rtl"] .comment-body ol {
   padding-right: 20px;
   padding-left: 0;
   margin-left: 0;
   margin-right: 20px;
}

.comment-body ul > ul,
.comment-body ol > ol,
.comment-body ol > ul,
.comment-body ul > ol,
.comment-body li > ul,
.comment-body li > ol {
   margin: 0;
}

.comment-body ul {
   list-style-type: disc;
}

.comment-body a:visited {
   color: #0d576e;
}

.comment-body code {
   background: #f7f7f7;
   border: 1px solid #ddd;
   border-radius: 3px;
   padding: 0 5px;
   margin: 0 2px;
}

.comment-body pre {
   background: #f7f7f7;
   border: 1px solid #ddd;
   border-radius: 3px;
   padding: 10px 15px;
   overflow: auto;
   white-space: pre;
}

.comment-body blockquote {
   border-left: 1px solid #ddd;
   color: #999;
   font-style: italic;
   padding: 0 15px;
}

.comment-mark-as-solved {
   display: inline-block;
}

/***** Vote *****/
/* Used in article comments, post comments and post */
.vote {
   display: inline-block;
   text-align: center;
   width: 35px;
}

.vote a {
   outline: none;
}

.vote a:active,
.vote a:hover,
.vote a:focus {
   text-decoration: none;
}

.vote-sum {
   color: #999;
   display: block;
   margin: 3px 0;
}

[dir="rtl"] .vote-sum {
   direction: ltr;
   unicode-bidi: bidi-override;
}

.vote-up:hover::before,
.vote-down:hover::before {
   color: rgba(24, 159, 201, 1);
}

.vote-up::before,
.vote-down::before {
   color: #999;
   font-size: 24px;
}

.vote-up::before {
   content: "\2B06";
}

.vote-down::before {
   content: "\2B07";
}

.vote-voted::before {
   color: rgba(24, 159, 201, 1);
}

.vote-voted:hover::before {
   color: #0d576e;
}

/***** Actions *****/
/* Styles admin and en user actions(edit, delete, change status) in comments and posts */
.actions {
   text-align: center;
   flex-shrink: 0;
   /*Avoid collapsing elements in Safari*/
}

.actions .dropdown-toggle {
   font-size: 0;
   margin: 15px 0;
}

.actions .dropdown-toggle:hover::before,
.actions .dropdown-toggle:focus::before,
.actions .dropdown-toggle:active::before {
   background-color: #f7f7f7;
}

.actions .dropdown-toggle::before {
   background-color: transparent;
   border-radius: 50%;
   color: #999;
   content: "\2699";
   display: block;
   font-size: 13px;
   margin: auto;
   padding: 5px;
}

/***** Community *****/
.community-hero {
   background-image: url(/hc/theming_assets/01JJ1WK34TCTB96Y0CMXB0XR7V);
   margin-bottom: 10px;
}

.community-footer {
   /*    padding-top: 50px;
   text-align: left; */
   /*     padding: 0 35px 15px; */
   text-align: left;
}
.community-footer h4 {
  margin-bottom: 8px;
  font: 600 22px/32px "Poppins";
  letter-spacing: -0.33px;
	color: #303030;
}
.community-footer a {
  font: 500 18px/25px "Poppins";
	letter-spacing: 0.54px;
	color: #189FC9;
}

.community-featured-posts {
   padding-top: 32px;
   width: 100%;
}

.community-activity {
   padding-top: 72px;
   width: 100%;
}
.community-header {
   margin-bottom: 0px;
}

.community-header h4 {
   margin-bottom: 0;
}

.community-featured-posts h3 {
   font-size: 30px;
  
   color: #303030;
   text-align: center;
   margin-bottom: 8px;
}

.recent-activity-header {
   font-size: 30px;
   color: #303030;
   line-height: 40px;
}

.post-to-community {
   margin-top: 10px;
}

@media (min-width: 768px) {
   .post-to-community {
      margin: 0;
   }
}

/* Community topics grid */
.topics {
   max-width: none;
   width: 100%;
}

.topics-item .meta-group {
   justify-content: center;
   margin-top: 30px;
}

/* Community topic page */
.topic-header {
   border-bottom: 1px solid #ddd;
   font-size: 13px;
}

@media (min-width: 768px) {
   .topic-header {
      padding-bottom: 10px;
   }
}

.topic-header .dropdown {
   display: block;
   border-top: 1px solid #ddd;
   padding: 10px 0;
}

@media (min-width: 768px) {
   .topic-header .dropdown {
      border-top: 0;
      display: inline-block;
      margin-right: 20px;
      padding: 0;
   }
}

.no-posts-with-filter {
   margin-top: 20px;
   margin-bottom: 20px;
}

/* Topic, post and user follow button */
.community-follow {
   margin-bottom: 10px;
   width: 100%;
}

@media (min-width: 768px) {
   .community-follow {
      margin-bottom: 0;
      width: auto;
   }
}

.community-follow .dropdown {
   width: 100%;
}

.community-follow [role="button"], 
.community-follow button  {
   line-height: 30px;
   padding: 0 10px 0 15px;
   position: relative;
   width: 100%;
   border: 1px solid #189fc9;
   margin: 0 0 10px;
}

@media (min-width: 768px) {
 	.community-follow [role="button"], 
  .community-follow button {
      width: auto;
   }
}

.community-follow [role="button"]:hover, 
.community-follow button:hover {
   background-color: rgba(24, 159, 201, 1);
   color: #fff;
}

.community-follow [role="button"]:hover::after,
.community-follow [role="button"]:focus::after,
.community-follow button:hover::after,
.community-follow button:focus::after {
   border-color: #FFFFFF;
   color: #FFFFFF;
}

.community-follow [role="button"][aria-selected="true"], 
.community-follow button [aria-selected="true"] {
   background-color: rgba(24, 159, 201, 1);
   color: #FFFFFF;
}

.community-follow [role="button"][aria-selected="true"]::after,
.community-follow button [aria-selected="true"]::after{
   border-left: 1px solid #FFFFFF;
   color: #FFFFFF;
}

.community-follow [role="button"][aria-selected="true"]:hover,
.community-follow button [aria-selected="true"]:hover {
   background-color: #0d576e;
   border-color: #0d576e;
}

.community-follow [role="button"]::after,
.community-follow button::after {
   border-left: 1px solid rgba(24, 159, 201, 1);
   content: attr(data-follower-count);
   color: rgba(24, 159, 201, 1);
   display: inline-block;
   font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
   margin-left: 15px;
   padding-left: 10px;
   position: absolute;
   right: 10px;
}

@media (min-width: 768px) {
   	.community-follow [role="button"]::after,
  	.community-follow button::after {
      position: static;
   }
}

[dir="rtl"] .community-follow [role="button"]::after, 
[dir="rtl"] .community-follow button::after{
   border-left: 0;
   border-right: 1px solid rgba(24, 159, 201, 1);
   margin: 0 10px 0 0;
   padding: 0 10px 0 0;
}
@media (max-width: 768px) {
 	.community-follow [role="button"]::after, 
  .community-follow button::after{
      position: static;
   }
}
/***** Striped list *****/
/* Used in community posts list and requests list */
.striped-list {
   padding: 0;
}

.striped-list-item {
   align-items: flex-start;
   border-bottom: 1px solid #ddd;
   display: flex;
   flex-direction: column;
   justify-content: flex-end;
   padding: 20px 0;
}

@media (min-width: 768px) {
   .striped-list-item {
      align-items: center;
      flex-direction: row;
   }
}

.striped-list-info {
   flex: 2;
}

.striped-list-title {
   color: rgba(24, 159, 201, 1);
   margin-bottom: 10px;
   margin-right: 5px;
}

.striped-list-title:hover,
.striped-list-title:focus,
.striped-list-title:active {
   text-decoration: underline;
}

.striped-list-title:visited {
   color: #0d576e;
}

.striped-list .meta-group {
   margin: 5px 0;
}

.striped-list-count {
   color: #999;
   font-weight: 300;
   font-size: 13px;
   justify-content: flex-start;
   text-transform: capitalize;
}

@media (min-width: 768px) {
   .striped-list-count {
      display: flex;
      flex: 1;
      justify-content: space-around;
   }
}

.striped-list-count-item::after {
   content: "·";
   display: inline-block;
   padding: 0 5px;
}

@media (min-width: 768px) {
   .striped-list-count-item::after {
      display: none;
   }
}

.striped-list-count-item:last-child::after {
   display: none;
}

.striped-list-number {
   font-weight: 300;
   text-align: center;
}

@media (min-width: 768px) {
   .striped-list-number {
      color: rgba(102, 102, 102, 1);
      display: block;
      font-weight: 400;
   }
}

/***** Status labels *****/
/* Styles labels used in posts, articles and requests */
.status-label {
   background-color: #1eb848;
   border-radius: 4px;
   color: #fff;
   font-size: 12px;
   margin-right: 2px;
   padding: 3px 10px;
   vertical-align: middle;
   white-space: nowrap;
   display: inline-block;
}

.status-label:hover,
.status-label:active,
.status-label:focus {
   text-decoration: none;
}

.status-label-pinned,
.status-label-featured,
.status-label-official {
   background-color: rgba(24, 159, 201, 1);
}

.status-label-official {
   border-radius: 0;
   margin-right: 0;
   position: absolute;
   right: 0;
   text-align: center;
   top: 0;
   width: 100%;
}

@media (min-width: 768px) {
   .status-label-official {
      border-radius: 0 0 4px 4px;
      right: 30px;
      width: auto;
   }
}

[dir="rtl"] .status-label-official {
   left: 30px;
   right: auto;
}

.status-label-pending,
.status-label-not-planned {
   background-color: #eee;
   color: #999;
}

.status-label-pending {
   text-align: center;
}

.status-label-open {
   background-color: #cc3340;
}

.status-label-closed {
   background-color: #ddd;
}

.status-label-solved {
   background-color: #999;
}

.status-label-new {
   background-color: #ffd12a;
}

.status-label-hold {
   background-color: #000;
}

.status-label-open,
.status-label-closed,
.status-label-solved,
.status-label-new,
.status-label-hold,
.status-label-answered {
   text-transform: lowercase;
}

/***** Post *****/
/*
* The post grid is defined this way:
* Content | Sidebar
* 70%     | 30%
*/
.post {
   flex: 1;
   margin-bottom: 10px;
}

@media (min-width: 1024px) {
   .post {
      flex: 1 0 70%;
      max-width: 70%;
   }
}

.post-container {
   display: flex;
   flex-direction: column;
}

@media (min-width: 1024px) {
   .post-container {
      /*       flex-direction: row; */
   }
}

.post-header {
   align-items: center;
   display: flex;
   flex-direction: column;
   justify-content: space-between;
   margin-bottom: 10px;
}

@media (min-width: 768px) {
   .post-header {
      align-items: baseline;
      /*       flex-direction: row; */
   }
}

.post-header .status-label {
   vertical-align: super;
}

.post-title {
   margin-bottom: 20px;
   width: 100%;
}

@media (min-width: 768px) {
   .post-title {
      margin-bottom: 0;
      padding-right: 10px;
   }
}

.post-title h1 {
   display: inline;
   vertical-align: middle;
}

@media (min-width: 768px) {
   .post-title h1 {
      margin-right: 5px;
   }
}

.post-author {
   align-items: flex-start;
   display: flex;
   justify-content: space-between;
}

.post-avatar {
   margin-bottom: 30px;
}

.post-content {
   font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
   line-height: 1.6;
   word-break: break-word;
}

.post-info-container {
   display: flex;
   margin-bottom: 40px;
}

.post-info {
   min-width: 0;
   padding-right: 20px;
   width: 100%;
}

[dir="rtl"] .post-info {
   padding-right: 0;
   padding-left: 20px;
}

.post-meta {
   display: inline-block;
   flex: 1;
   margin-left: 10px;
   vertical-align: middle;
}

[dir="rtl"] .post-meta {
   margin-left: 0;
   margin-right: 10px;
}

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

.post-body ul,
.post-body ol {
   padding-left: 20px;
   list-style-position: outside;
   margin: 20px 0 20px 20px;
}

[dir="rtl"] .post-body ul,
[dir="rtl"] .post-body ol {
   padding-right: 20px;
   padding-left: 0;
   margin-left: 0;
   margin-right: 20px;
}

.post-body ul > ul,
.post-body ol > ol,
.post-body ol > ul,
.post-body ul > ol,
.post-body li > ul,
.post-body li > ol {
   margin: 0;
}

.post-body ul {
   list-style-type: disc;
}

.post-body a:visited {
   color: #0d576e;
}

.post-body code {
   background: #f7f7f7;
   border: 1px solid #ddd;
   border-radius: 3px;
   padding: 0 5px;
   margin: 0 2px;
}

.post-body pre {
   background: #f7f7f7;
   border: 1px solid #ddd;
   border-radius: 3px;
   padding: 10px 15px;
   overflow: auto;
   white-space: pre;
}

.post-body blockquote {
   border-left: 1px solid #ddd;
   color: #999;
   font-style: italic;
   padding: 0 15px;
}

.post-footer {
   align-items: center;
   display: flex;
   justify-content: space-between;
   padding-bottom: 20px;
}

.post-comment-count {
   color: #999;
   font-weight: 300;
}

.post-comment-count:hover {
   text-decoration: none;
}

.post-comment-count .icon-comments {
   color: rgba(24, 159, 201, 1);
   content: "\1F4AC";
   display: inline-block;
   font-size: 18px;
   padding: 5px;
}

.post-sidebar,
.community-footer {
   border-top: 1px solid #ddd;
   flex: 1;
   padding: 30px 0 16px;
   text-align: center;
}

@media (min-width: 1024px) {
   .community-footer,
   .post-sidebar {
      border: 0;
      flex: 1 0 30%;
      text-align: initial;
   }
   section.community-footer.bottom {
      padding: 0 0 10px 0;
   }

   [dir="rtl"] .post-sidebar {
      padding: 0 50px 0 0;
   }
}

.post-sidebar h5 {
   font-weight: 600;
}

@media (min-width: 1024px) {
   .post-sidebar h5 {
      border-bottom: 1px solid #ddd;
      padding-bottom: 20px;
   }
}

.post-comments {
   margin-bottom: 20px;
}

@media (min-width: 1024px) {
   .post-comments {
      margin-bottom: 0;
   }
}

/* Navigation element that collapses on mobile */
.collapsible-nav {
   border-bottom: 1px solid #ddd;
   border-top: 1px solid #ddd;
   flex-direction: column;
   max-height: 45px;
   overflow: hidden;
   font-size: 14px;
}

@media (min-width: 768px) {
   .collapsible-nav {
      border: 0;
      height: auto;
      flex-direction: row;
      max-height: none;
   }
}

.collapsible-nav-list {
   display: flex;
   flex-direction: column;
}

@media (min-width: 768px) {
   .collapsible-nav-list {
      flex-direction: row;
   }
}

.collapsible-nav-list li {
   color: rgba(102, 102, 102, 1);
   line-height: 45px;
   order: 1;
}

@media (min-width: 768px) {
   .collapsible-nav-list li {
      line-height: normal;
      margin-right: 30px;
   }
   [dir="rtl"] .collapsible-nav-list li {
      margin-left: 30px;
      margin-right: 0;
   }
   .collapsible-nav-list li a {
      text-decoration: none;
      padding: 15px 0;
   }
}

.collapsible-nav-list li a {
   color: rgba(102, 102, 102, 1);
   display: block;
}

@media (min-width: 768px) {
   .collapsible-nav-list li:hover {
      border-bottom: 4px solid #ddd;
   }
   .collapsible-nav-list li:hover a {
      padding: 15px 0 11px 0;
      text-decoration: none;
   }
}

.collapsible-nav-list li[aria-selected="true"] {
   order: 0;
   position: relative;
}

@media (min-width: 768px) {
   .collapsible-nav-list li[aria-selected="true"] {
      border-bottom: 4px solid rgba(24, 159, 201, 1);
      order: 1;
      padding: 15px 0 11px 0;
   }
}

.collapsible-nav-list li[aria-selected="true"] a {
   color: rgba(102, 102, 102, 1);
}

.collapsible-nav-list li[aria-selected="true"]::after {
   position: relative;
   top: 50%;
   transform: translateY(-50%);
   content: "\25BE";
   position: absolute;
   right: 0;
}

@media (min-width: 768px) {
   .collapsible-nav-list li[aria-selected="true"]::after {
      display: none;
   }
}

[dir="rtl"] .collapsible-nav-list li[aria-selected="true"]::after {
   left: 0;
   right: auto;
}

.collapsible-nav[aria-expanded="true"] {
   max-height: none;
}

.collapsible-nav[aria-expanded="true"] li[aria-selected="true"]::after {
   content: "\2715";
}

/* Sidebar navigation that collapses on mobile */
.collapsible-sidebar {
   flex: 1;
   max-height: 45px;
   overflow: hidden;
   padding: 10px 0;
   position: relative;
}

@media (min-width: 1024px) {
   .collapsible-sidebar {
      max-height: none;
      padding: 0;
   }
}

.collapsible-sidebar[aria-expanded="true"] {
   max-height: none;
}

.collapsible-sidebar[aria-expanded="true"] .collapsible-sidebar-title::after {
   content: "\2715";
}

@media (min-width: 1024px) {
   .collapsible-sidebar[aria-expanded="true"] .collapsible-sidebar-title::after {
      display: none;
   }
}

.collapsible-sidebar-title {
   margin-top: 0;
}

.collapsible-sidebar-title::after {
   position: relative;
   top: 50%;
   transform: translateY(-50%);
   content: "\25BE";
   position: absolute;
   right: 10px;
}

@media (min-width: 1024px) {
   .collapsible-sidebar-title::after {
      display: none;
   }
}

[dir="rtl"] .collapsible-sidebar-title::after {
   left: 10px;
   right: auto;
}

/***** My activities *****/
.my-activities-nav {
   background-color: #f2f2f2;
   border: 0;
   margin-bottom: 20px;
}

.my-activities-sub-nav {
   background-color: transparent;
   border-bottom: 1px solid #ddd;
   margin-bottom: 30px;
}

@media (min-width: 768px) {
   .my-activities-sub-nav li:hover {
      border-bottom: 4px solid #ddd;
   }
}

.my-activities-sub-nav li[aria-selected="true"] {
   border-color: rgba(24, 159, 201, 1);
}

.my-activities-table .striped-list-title {
   /* My activities tables */
   display: block;
   margin-bottom: 10px;
   max-width: 350px;
   white-space: normal;
}

@media (min-width: 1024px) {
   .my-activities-table .striped-list-title {
      margin-bottom: 0;
      max-width: 500px;
      min-width: 350px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
   }
}

.my-activities-table thead {
   display: none;
}

@media (min-width: 768px) {
   .my-activities-table thead {
      display: table-header-group;
   }
}

.my-activities-table th:first-child,
.my-activities-table td:first-child {
   padding-left: 0;
}

@media (min-width: 1024px) {
   .my-activities-table th:first-child,
   .my-activities-table td:first-child {
      width: 500px;
   }
}

.my-activities-table th:last-child,
.my-activities-table td:last-child {
   padding-right: 0;
}

.my-activities-table td:not(:first-child) {
   display: none;
}

@media (min-width: 768px) {
   .my-activities-table td:not(:first-child) {
      display: table-cell;
   }
}

/* Requests table */
.requests-search {
   width: 100%;
}

.requests-table-toolbar {
   align-items: flex-end;
   display: flex;
   flex-direction: column;
}

@media (min-width: 768px) {
   .requests-table-toolbar {
      flex-direction: row;
   }
}

.requests-table-toolbar .search {
   flex: 1;
   width: 100%;
}

.requests-table-toolbar .request-table-filter {
   width: 100%;
}

@media (min-width: 768px) {
   .requests-table-toolbar .request-table-filter {
      width: auto;
   }
}

.requests-table-toolbar .request-filter {
   display: block;
}

@media (min-width: 768px) {
   .requests-table-toolbar .request-filter {
      margin: 0 0 0 30px;
   }
   [dir="rtl"] .requests-table-toolbar .request-filter {
      margin: 0 30px 0 0;
   }
}

.requests-table-toolbar .request-filter-label {
   font-size: 13px;
   margin-top: 30px;
}

@media (min-width: 768px) {
   .requests-table-toolbar .request-filter-label {
      margin-top: 0;
   }
}

.requests-table-toolbar select {
   max-height: 40px;
   margin-bottom: 30px;
   width: 100%;
}

@media (min-width: 768px) {
   .requests-table-toolbar select {
      margin-bottom: 0;
      max-width: 300px;
      width: auto;
   }
}

.requests-table-toolbar .organization-subscribe,
.requests-table-toolbar .organization-unsubscribe {
   line-height: 40px;
   max-height: 40px;
   padding: 0 20px;
}

@media (min-width: 768px) {
   .requests-table-toolbar .organization-subscribe,
   .requests-table-toolbar .organization-unsubscribe {
      margin-left: 10px;
   }
   [dir="rtl"] .requests-table-toolbar .organization-subscribe,
   [dir="rtl"] .requests-table-toolbar .organization-unsubscribe {
      margin: 0 10px 0 0;
   }
}

.requests-table-toolbar .organization-unsubscribe {
   background-color: rgba(24, 159, 201, 1);
   color: #FFFFFF;
}

.requests-table-toolbar + .requests-search-info {
   margin-top: 15px;
}

.requests-table-toolbar + .requests-search-info.meta-data::after {
   content: "";
   margin: 0;
}

.requests-table-toolbar + .requests-search-info + .requests {
   margin-top: 20px;
}

.requests-table-toolbar + .requests {
   margin-top: 40px;
}

.requests .requests-table-meta {
   display: block;
}

@media (min-width: 768px) {
   .requests .requests-table-meta {
      display: none;
   }
}

.requests .requests-table thead {
   display: none;
}

@media (min-width: 768px) {
   .requests .requests-table thead {
      display: table-header-group;
   }
}

.requests .requests-table-info {
   display: block;
}

@media (min-width: 768px) {
   .requests .requests-table-info {
      display: table-cell;
      vertical-align: middle;
      width: auto;
   }
}

.requests .requests-table .requests-link {
   position: relative;
}

.requests .requests-table .requests-sort-symbol {
   position: absolute;
   left: calc(100% + 3px);
   bottom: 0;
   font-size: 10px;
}

/* Following table */
.subscriptions-unsubscribe a {
   background: rgba(24, 159, 201, 1);
   border-radius: 4px;
   color: #FFFFFF;
   display: inline-block;
   font-size: 12px;
   line-height: 2.34;
   padding: 0 20px;
   text-align: center;
   width: 100%;
}

@media (min-width: 768px) {
   .subscriptions-unsubscribe a {
      width: auto;
   }
}

.subscriptions-unsubscribe a:hover {
   background-color: #0d576e;
   text-decoration: none;
}

.subscriptions-table td:last-child {
   display: block;
}

@media (min-width: 768px) {
   .subscriptions-table td:last-child {
      display: table-cell;
   }
}

.subscriptions-table td:first-child {
   display: flex;
   align-items: center;
}

.subscriptions-table .user-avatar {
   margin-right: 10px;
}

.subscriptions .striped-list-title {
   display: inline-block;
   vertical-align: middle;
}

/* Contributions table */
.contributions-table td:last-child {
   color: #999;
   font-size: 13px;
   font-weight: 300;
}

@media (min-width: 768px) {
   .contributions-table td:last-child {
      color: inherit;
      font-size: inherit;
      font-weight: inherit;
   }
}

.no-activities {
   color: #999;
}

/***** Request *****/
.request-container {
   display: flex;
   flex-direction: column;
   flex-wrap: wrap;
   justify-content: space-between;
}

@media (min-width: 1024px) {
   .request-container {
      align-items: flex-start;
      flex-direction: row;
   }
}

.request-container .comment-container {
   min-width: 0;
}

.breadcrumbs a {
   font-size: 12px;
}
.request-breadcrumbs {
   margin-bottom: 40px;
}

@media (min-width: 1024px) {
   .request-breadcrumbs {
      margin-bottom: 60px;
   }
}

.request-main {
   flex: 1 0 auto;
   order: 1;
}

.request-main .comment-fields,
.request-main .request-submit-comment {
   display: none;
}

.request-main .comment-fields.shown {
   display: block;
}

.request-main .request-submit-comment.shown {
   display: inline;
}

@media (min-width: 1024px) {
   .request-main {
      flex: 0 0 66%;
      order: 0;
      min-width: 0;
   }
}

.request-main .comment-form-controls {
   display: block;
}

.request-main .comment-ccs {
   display: block;
}

.request-main .comment-show-container {
   border-radius: 2px;
   border: 1px solid #ddd;
   color: #999;
   text-align: inherit;
   padding: 8px 25px;
   width: 100%;
}

.request-main .comment-show-container.hidden {
   display: none;
}

.request-main .form-field.comment-ccs > ul {
   border-bottom-left-radius: 0;
   border-bottom-right-radius: 0;
   border-bottom: 0;
}

.request-main .form-field.comment-ccs > ul[data-hc-focus="true"] {
   border: 1px solid rgba(24, 159, 201, 1);
}

.request-main .form-field.comment-ccs > input[type="text"] {
   border-bottom-left-radius: 0;
   border-bottom-right-radius: 0;
   border-bottom: 0;
}

.request-main .comment-ccs + textarea {
   border-top-left-radius: 0;
   border-top-right-radius: 0;
   margin-top: 0;
}

.request-main .comment-ccs + textarea:focus {
   border-top: 1px solid rgba(24, 159, 201, 1);
}

.request-main input#mark_as_solved {
   display: none;
}

.request-title {
   width: 100%;
}

@media (min-width: 1024px) {
   .request-title {
      border-bottom: 1px solid #ddd;
      margin-bottom: 0;
      max-width: 66%;
      padding-bottom: 20px;
   }
}

.request-sidebar {
   border-bottom: 1px solid #ddd;
   border-top: 1px solid #ddd;
   flex: 1 0 auto;
   order: 0;
}

@media (min-width: 1024px) {
   .request-sidebar {
      background-color: #f7f7f7;
      border: 0;
      font-size: 13px;
      flex: 0 0 auto;
      padding: 0 20px;
      width: 30%;
   }
}

.request-sidebar h5 {
   font-size: 15px;
   font-weight: 600;
   position: relative;
}

@media (min-width: 1024px) {
   .request-sidebar h5 {
      display: none;
   }
}

.request-details {
   border-bottom: 1px solid #ddd;
   font-size: 0;
   margin: 0;
   padding-bottom: 20px;
}

.request-details:last-child {
   border: 0;
}

.request-details dt,
.request-details dd {
   display: inline-block;
   vertical-align: top;
   font-size: 13px;
   margin: 20px 0 0 0;
}

.request-details dd {
   padding: 0 10px;
   width: 60%;
}

.request-details dd::after {
   content: "\A";
   white-space: pre;
}

.request-details dt {
   color: #999;
   font-weight: 300;
   width: 40%;
}

.request-details .request-collaborators {
   display: inline-block;
}

.request-attachments dt,
.request-attachments dd {
   width: 100%;
}

.request-attachments dd {
   margin: 10px 0 0 0;
}

.request-form textarea {
   min-height: 120px;
}

.request-follow-up {
   padding-top: 20px;
}

/***** Pagination *****/
.pagination {
   margin: 50px 0 100px 0;
   text-align: center;
}

@media (max-width: 768px) {
   .pagination {
      margin: 30px 0 54px 0;
   }
}

.pagination * {
   display: inline-block;
}

.pagination li {
   border-radius: 50%;
   height: 40px;
   float: left;
   margin-left: 5px;
   width: 40px;
}

@media (min-width: 768px) {
   .pagination li {
      height: 30px;
      width: 30px;
   }
}

[dir="rtl"] .pagination li {
   float: right;
}

.pagination li:hover:not(.pagination-current) {
   background-color: #f3f3f3;
}

.pagination li:hover:not(.pagination-current) span,
.pagination li:hover:not(.pagination-current) a {
   color: rgba(102, 102, 102, 1);
   text-decoration: none;
}

.pagination a,
.pagination span {
   font-size: 15px;
   color: #303030;
   padding: 10px 12px;
}

@media (min-width: 768px) {
   .pagination a,
   .pagination span {
      font-size: 13px;
      padding: 5px 12px;
   }
}

.pagination-current {
   background-color: #49BDE2;
}

.pagination-current a,
.pagination-current span {
   color: #FFFFFF;
}

.pagination-first {
   border-radius: 3px 0 0 3px;
}

[dir="rtl"] .pagination-first {
   border-radius: 0 3px 3px 0;
}

.pagination-last {
   border-radius: 0 3px 3px 0;
}

[dir="rtl"] .pagination-last {
   border-radius: 3px 0 0 3px;
}

/***** Metadata *****/
.meta-group {
   display: block;
}

.meta-group * {
   display: inline;
}

.meta-data {
   color: #999;
   font-size: 13px;
   font-weight: 300;
}

.blocks .meta-data {
   font:300 16px/23px "Poppins";
   color: #666;
}

.meta-data:not(:last-child)::after {
   position: relative;
   top: 6px;
   content: "\00B7";
   margin: 0 5px;
   font-size: 32px;
   line-height: 0;
}

/***** Icons *****/
[class^="icon-"]::before,
[class*=" icon-"]::before,
.icon,
.search::before,
.recent-activity-item-comment span::before,
.article-vote::before,
.attachments .attachment-item::before,
.share a::before,
.vote-up::before,
.vote-down::before,
.actions .dropdown-toggle::before,
.collapsible-nav-list li[aria-selected="true"]::after,
.collapsible-sidebar-title::after,
.search-result-votes::before,
.search-result-meta-count::before {
   font-family: "copenhagen-icons";
   font-style: normal;
   font-weight: normal;
   speak: none;
   line-height: 1em;
   vertical-align: middle;
   -webkit-font-smoothing: antialiased;
}

.icon-lock::before {
   content: "\1F512";
}

.icon-star::before {
   content: "\2605";
}

.icon-linkedin::before {
   content: "\e900";
}

.icon-twitter::before {
   content: "\e901";
}

.icon-googleplus-::before {
   content: "\e902";
}

.icon-facebook::before {
   content: "\e903";
}

.icon-agent::before {
   content: "\1F464";
}

.icon-close::before {
   content: "\2715";
}

.icon-arrow-up::before {
   content: "\2B06";
}

.icon-arrow-down::before {
   content: "\2B07";
}

.icon-attachments::before {
   content: "\1F4CE";
}

.icon-comments::before {
   content: "\1F4AC";
}

.icon-search::before {
   content: "\1F50D";
}

.icon-vote::before {
   content: "\1F44D";
}

.icon-handle::before {
   content: "\25BE";
}

.icon-check::before {
   content: "\2713";
}

.icon-gear::before {
   content: "\2699";
}

.icon-menu::before {
   content: "\2630";
}

.icon-article::before {
   content: "\1F4C4";
}

.icon-post::before {
   content: "\1F4D4";
}

.icon-notification-alert::before {
   content: "\26A0";
}

.icon-notification-error::before {
   content: "\00D7";
}

.icon-notification-info::before {
   content: "\2139";
}

.icon-notification-success::before {
   content: "\2714";
}

/* User Profiles */
.profile-header {
   padding: 30px 0;
   background-color: #f7f7f7;
}

.profile-header .container {
   display: flex;
   flex-wrap: wrap;
}

@media (min-width: 768px) {
   .profile-header .container {
      flex-wrap: nowrap;
   }
}

.profile-header .profile-info {
   flex-basis: 100%;
   display: flex;
   flex-wrap: wrap;
   min-width: 0;
}

.profile-avatar {
   position: relative;
   line-height: 0;
   align-self: center;
   margin-right: 10px;
}

[dir="rtl"] .profile-avatar {
   margin-left: 10px;
   margin-right: 0;
}

.profile-avatar .user-avatar {
   width: 65px;
   height: 65px;
}

.profile-avatar .icon-agent::before {
   bottom: 0;
   right: 0;
}

.profile-header .basic-info {
   -moz-hyphens: auto;
   -ms-hyphens: auto;
   -webkit-hyphens: auto;
   word-break: break-word;
   word-wrap: break-word;
   display: flex;
   flex-direction: column;
   justify-content: center;
   flex-grow: 1;
   flex-basis: 0;
   min-width: 0;
}

.profile-header .basic-info .name {
   margin: 0;
}

.profile-header .options {
   display: flex;
   flex-basis: 100%;
   margin-top: 12px;
   align-items: flex-start;
   flex-wrap: wrap;
}

@media (min-width: 768px) {
   .profile-header .options {
      flex-wrap: nowrap;
      flex-basis: auto;
      margin-top: 0;
      margin-left: 10px;
   }
   [dir="rtl"] .profile-header .options {
      margin-left: 0;
      margin-right: 10px;
   }
   .profile-header .options > :not(:last-child) {
      margin-bottom: 0;
      margin-right: 10px;
   }
   [dir="rtl"] .profile-header .options > :not(:last-child) {
      margin-left: 10px;
      margin-right: 0;
   }
}

.profile-header .options [data-action="edit-profile"] {
   background-color: rgba(24, 159, 201, 1);
   border: 0;
   color: #FFFFFF;
   line-height: normal;
   padding: 8px 20px;
   outline-color: rgba(24, 159, 201, 1);
}

.profile-header .description {
   -moz-hyphens: auto;
   -ms-hyphens: auto;
   -webkit-hyphens: auto;
   word-break: break-word;
   word-wrap: break-word;
   margin: 15px 0;
   flex-basis: 100%;
}

.profile-stats {
   font-size: 13px;
   display: flex;
   flex-direction: column;
   flex-basis: 100%;
}

.profile-stats .stat {
   display: flex;
   margin-bottom: 10px;
}

.profile-stats .stat-label {
   color: #999;
   font-weight: 300;
   flex: 0 0 100px;
   margin-right: 10px;
}

[dir="rtl"] .profile-stats .stat-label {
   margin-left: 10px;
   margin-right: 0;
}

.profile-stats-activity {
   border-top: solid 1px #ddd;
   margin-top: 15px;
}

@media (min-width: 768px) {
   .profile-stats-activity {
      border-top: 0;
      flex-direction: row;
   }
}

@media (min-width: 768px) {
   .profile-stats-activity .stat {
      flex-direction: column;
   }
}

.profile-stats-activity .stat:first-child {
   margin-top: 10px;
}

@media (min-width: 768px) {
   .profile-stats-activity .stat:first-child {
      margin-top: 0;
   }
}

@media (min-width: 768px) {
   .profile-stats-activity .stat:not(:last-child) {
      margin-right: 40px;
   }
   [dir="rtl"] .profile-stats-activity .stat:not(:last-child) {
      margin-left: 40px;
      margin-right: 0;
   }
}

@media (min-width: 768px) {
   .profile-stats-activity .stat-label {
      flex: 0 1 auto;
   }
}

.profile-stats-counters {
   border-bottom: solid 1px #ddd;
}

@media (min-width: 768px) {
   .profile-stats-counters {
      flex: 0 0 200px;
      border-bottom: 0;
      margin-left: 40px;
   }
   [dir="rtl"] .profile-stats-counters {
      margin-left: 0;
      margin-right: 40px;
   }
}

@media (min-width: 1024px) {
   .profile-stats-counters {
      flex: 0 0 270px;
      margin-left: 60px;
   }
   [dir="rtl"] .profile-stats-counters {
      margin-right: 60px;
      margin-left: 0;
   }
}

@media (min-width: 768px) {
   .profile-stats-counters .stat {
      flex-direction: column;
   }
}

@media (min-width: 1024px) {
   .profile-stats-counters .stat {
      flex-direction: row;
   }
}

@media (min-width: 768px) {
   .profile-stats-counters .stat:not(:last-child) {
      margin-bottom: 15px;
   }
}

@media (min-width: 768px) {
   .profile-stats-counters .stat-label {
      flex: 0 1 auto;
   }
}

@media (min-width: 1024px) {
   .profile-stats-counters .stat-label {
      flex: 0 0 100px;
   }
}

.profile-private-badge {
   flex-basis: 100%;
   border: solid 1px rgba(24, 159, 201, 1);
   border-radius: 4px;
   color: rgba(24, 159, 201, 1);
   padding: 5px 20px;
   font-size: 12px;
   text-align: center;
}

.profile-private-badge::after {
   content: "\1f512";
   margin-left: 5px;
   font-family: "copenhagen-icons";
   vertical-align: middle;
   line-height: 15px;
}

@media (min-width: 768px) {
   .profile-private-badge {
      flex-basis: auto;
   }
}

.profile-nav {
   background-color: #f2f2f2;
   border: 0;
   margin-bottom: 37px;
}

.profile-section {
   width: 100%;
}

@media (min-width: 1024px) {
   .profile-section {
      width: calc(100% - 330px);
   }
}

.profile-section-header {
   display: flex;
   flex-wrap: wrap;
}

.profile-section-title {
   flex-basis: 100%;
   margin-bottom: 0;
}

.profile-section-description {
   flex-basis: 100%;
   padding: 10px 0;
   color: #999;
   font-weight: 300;
   font-size: 13px;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
}

@media (min-width: 768px) {
   .profile-section-description {
      flex: 1 0 50%;
      padding-bottom: 0;
   }
}

.profile-section-sorter {
   flex-basis: 100%;
   border-top: solid 1px #eee;
   font-size: 13px;
}

.profile-section-sorter .dropdown-toggle {
   padding: 10px 0;
   width: 100%;
}

.profile-section-sorter .dropdown-toggle::after {
   position: absolute;
   right: 0;
}

[dir="rtl"] .profile-section-sorter .dropdown-toggle::after {
   left: 0;
   right: initial;
}

@media (min-width: 768px) {
   .profile-section-sorter .dropdown-toggle::after {
      position: relative;
   }
}

@media (min-width: 768px) {
   .profile-section-sorter {
      flex: 0 1 auto;
      padding-top: 0;
      border-top: 0;
      margin-left: 20px;
   }
   [dir="rtl"] .profile-section-sorter {
      margin-left: 0;
      margin-right: 20px;
   }
}

.profile-contribution {
   -moz-hyphens: auto;
   -ms-hyphens: auto;
   -webkit-hyphens: auto;
   word-break: break-word;
   word-wrap: break-word;
   padding: 20px 0;
   position: relative;
}

.profile-contribution-header {
   margin-bottom: 5px;
}

.profile-contribution-title {
   margin: 0 0 5px 0;
   display: inline;
   line-height: 21px;
   font-size: 15px;
   vertical-align: middle;
}

.profile-contribution-body {
   margin: 10px 0;
}

.profile-contribution-list > .profile-contribution {
   border-top: 1px solid #eee;
}

@media (min-width: 768px) {
   .profile-contribution-list > .profile-contribution {
      padding-left: 30px;
   }
   [dir="rtl"] .profile-contribution-list > .profile-contribution {
      padding-right: 30px;
      padding-left: 0;
   }
}

.profile-contribution-list > .profile-contribution:last-child {
   border-bottom: 1px solid #eee;
}

.profile-contribution-list > .profile-contribution::before {
   left: 0;
   position: absolute;
   font-size: 16px;
   color: #ccc;
   font-family: "copenhagen-icons";
   line-height: 25px;
}

[dir="rtl"] .profile-contribution-list > .profile-contribution::before {
   right: 0;
}

.profile-contribution-list .profile-contribution-header {
   margin-left: 30px;
}

[dir="rtl"] .profile-contribution-list .profile-contribution-header {
   padding-right: 30px;
   padding-left: 0;
}

@media (min-width: 768px) {
   .profile-contribution-list .profile-contribution-header {
      margin-left: 0;
   }
   [dir="rtl"] .profile-contribution-list .profile-contribution-header {
      padding-right: 0;
   }
}

.profile-comments .profile-contribution-breadcrumbs {
   margin-left: 30px;
}

[dir="rtl"] .profile-comments .profile-contribution-breadcrumbs {
   padding-right: 30px;
   padding-left: 0;
}

@media (min-width: 768px) {
   .profile-comments .profile-contribution-breadcrumbs {
      margin-left: 0;
   }
   [dir="rtl"] .profile-comments .profile-contribution-breadcrumbs {
      padding-right: 0;
   }
}

.profile-section .no-activity,
.profile-section .private-activity {
   display: block;
   margin-top: 40px;
   color: #999;
}

.profile-section .private-activity::before {
   content: "\1f512";
   font-family: "copenhagen-icons";
   font-style: normal;
   font-size: 12px;
   font-weight: normal;
   vertical-align: middle;
   margin-right: 10px;
}

[dir="rtl"] .profile-section .private-activity::before {
   margin-right: 0;
   margin-left: 10px;
}

.profile-activity-list {
   margin-top: 25px;
}

.profile-activity {
   position: relative;
   padding-bottom: 30px;
}

@media (min-width: 768px) {
   .profile-activity {
      padding-left: 20px;
   }
   [dir="rtl"] .profile-activity {
      padding-right: 20px;
      padding-left: 0;
   }
}

@media (min-width: 768px) {
   .profile-activity:not(:last-child) {
      border-left: 1px solid #ddd;
   }
   [dir="rtl"] .profile-activity:not(:last-child) {
      border-left: 0;
      border-right: 1px solid #ddd;
   }
}

.profile-activity-header {
   display: flex;
   align-items: center;
   margin-left: 35px;
}

[dir="rtl"] .profile-activity-header {
   margin-left: 0;
   margin-right: 35px;
}

@media (min-width: 768px) {
   .profile-activity-header {
      margin-left: 0;
   }
   [dir="rtl"] .profile-activity-header {
      margin-right: 0;
   }
}

.profile-activity-header .user-avatar {
   width: 40px;
   height: 40px;
   margin-right: 10px;
   min-width: 40px;
   align-self: flex-start;
}

[dir="rtl"] .profile-activity-header .user-avatar {
   margin-left: 10px;
   margin-right: 0;
}

.profile-activity-description {
   -moz-hyphens: auto;
   -ms-hyphens: auto;
   -webkit-hyphens: auto;
   word-break: break-word;
   word-wrap: break-word;
   margin: 0;
   min-width: 0;
   width: 100%;
}

.profile-activity-description span:first-child {
   font-weight: 600;
   display: inline;
}

.profile-activity-contribution {
   padding: 20px;
   margin-top: 10px;
   border-radius: 8px;
   background-color: #f7f7f7;
}

@media (min-width: 768px) {
   .profile-activity-contribution {
      margin-top: 0;
      margin-left: 50px;
   }
   [dir="rtl"] .profile-activity-contribution {
      margin-left: 0;
      margin-right: 50px;
   }
}

.profile-activity::before {
   position: absolute;
   left: 0;
   width: 28px;
   border-radius: 50%;
   content: "";
   background-size: 14px 14px;
   background-repeat: no-repeat;
   background-color: #FFFFFF;
   background-position: 50% 50%;
   text-align: center;
   line-height: 40px;
   font-size: 16px;
   color: #ccc;
   font-family: "copenhagen-icons";
}

[dir="rtl"] .profile-activity::before {
   right: 0;
}

@media (min-width: 768px) {
   .profile-activity::before {
      left: -14px;
   }
   [dir="rtl"] .profile-activity::before {
      right: -14px;
   }
}

.profile-articles > .profile-contribution::before,
.profile-activity-list > li[class$="-article"]::before {
   content: "\1f4c4";
}

.profile-posts > .profile-contribution::before,
.profile-activity-list > li[class$="-post"]::before {
   content: "\1f4d4";
}

.profile-comments > .profile-contribution::before,
.profile-activity-list > li[class$="-comment"]::before {
   content: "\1f4ac";
   line-height: 35px;
}

/***** Search results *****/
.search-results-title-section {
    text-align: center;
  	padding: 60px 0 56px 0;
   	background-color: #F5F6FA;
}

@media screen and (max-width: 480px) {
  .search-results-title-section {
  	padding: 34px 0 41px 0;
	}
}

.search-results-title-section .container {
  	max-width: 1460px;
    margin: 0 auto;
  	padding: 0 30px;
}

@media screen and (max-width: 480px) {
  .search-results-title-section .container {
  	padding: 0 15px;
	}
}

.search-results-title-section .title {
  	font-family: "Poppins";
  	color: #303030;
   	font-size: 50px;
   	font-weight: bold;
   	line-height: 1.2;
		margin-bottom: 17px;
}

@media screen and (max-width: 768px) {
  .search-results-title-section .title {
  	font-size: 40px;
	}
}

@media screen and (max-width: 480px) {
  .search-results-title-section .title {
  	font-size: 30px;
	}
}

@media screen and (max-width: 480px) {
  html:lang(fr) .search-results-title-section .title {
    	font-size: 24px;
	}
}

.search-results-title-section .sub-title {
  	font-family: "Poppins";
  	color: #666666;
   	font-size: 20px;
   	font-weight: normal;
   	line-height: 1.5;
		margin: 0;
}

@media screen and (max-width: 480px) {
  .search-results-title-section .sub-title {
  	font-size: 18px;
	}
}

.search-results-section .container {
  	max-width: 1460px;
    margin: 0 auto;
  	padding: 0 30px;
}

@media screen and (max-width: 480px) {
  .search-results-section .container {
  	padding: 0 15px;
	}
}

.search-results-section {
  	padding: 60px 0 50px 0;
  	margin-bottom: -40px;
}

@media screen and (max-width: 768px) {
  .search-results-section {
  	padding: 30px 0;
    margin-bottom: -38px;
	}
}

@media screen and (max-width: 480px) {
  .search-results-section {
  	padding: 16px 0 25px 0;
	}
}

.search-results-section .disable {
    display: none;
}

.search-results-section .btn-wrap {
    display: flex;
}

.search-results-section .tab-btn {
    padding: 8px 24px;
    border: 1px solid #00284B29;
    border-radius: 8px;
    font-family: "Poppins";
    color: #303030;
    font-size: 24px;
    font-weight: bold;
    line-height: 1.25;
    margin-bottom: 16px;
 		transition: all .3s ease 0s;
}

html:lang(en) .search-results-section .tab-btn {
    text-transform: capitalize;
}

@media screen and (max-width: 960px) {
  .search-results-section .tab-btn {
      padding: 8px 16px;
      font-size: 18px;
      letter-spacing: -0.27px;
      margin-bottom: 8px;
	}
}

@media screen and (max-width: 374px) {
  .search-results-section .tab-btn {
    	font-size: 16px;
	}
}

@media screen and (max-width: 480px) {
  html:lang(de) .search-results-section .tab-btn {
    	font-size: 16px;
	}
}

@media screen and (max-width: 480px) {
  html:lang(fr) .search-results-section .tab-btn {
    	font-size: 13px;
	}
}

.search-results-section .tab-btn:hover {
    border: 1px solid #00284B29;
    background-color: #00284B19;
}

.search-results-section .tab-btn.first {
    margin-right: 88px;
}

@media screen and (max-width: 1440px) {
  .search-results-section .tab-btn.first {
    	margin-right: 40px;
	}
}

@media screen and (max-width: 768px) {
  .search-results-section .tab-btn.first {
    	margin-right: 10px;
	}
}

.search-results-section .tab-btn.active {
		background-color: #00284B19;
   	border: 1px solid transparent;
}

.search-results-section .tab-btn span{
    font-family: "Poppins";
    color: #AFAFB3;
    font-size: 20px;
    font-weight: 300;
    line-height: 1.5;
  	text-transform: none;
}

@media screen and (max-width: 768px) {
  .search-results-section .tab-btn span{
      display: none;
	}
}

@media screen and (max-width: 960px) {
  html:lang(fr) .search-results-section .tab-btn span {
    	display: none;
	}
}

.search-results-section .item {
   border-bottom: 1px solid #E1E2E6;
   padding: 40px 0 40px 30px;
}

@media screen and (max-width: 768px) {
  .search-results-section .item {
     border-bottom: 1px solid #E1E2E6;
     padding: 32px 0 38px 0;
	}
}

.search-results-section .item:last-child {
   border-bottom: none;
}

.search-results-section .link {
   	font-family: "Poppins";
    color: #49BDE2;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.5;
  	letter-spacing: 0.54px;
    margin-bottom: 4px;
}

.search-results-section .link:hover {
    color: #009dcf;
}

.search-results-section .meta-block {
  	display: flex;
  	flex-wrap: wrap;
    align-items: center;
 		margin-bottom: 16px;
}

.search-results-section .bread-list {
  	display: flex;
    flex-wrap: wrap;
}

@media screen and (max-width: 480px) {
  .search-results-section .bread-list {
  	width: 100%;
	}
}

.search-results-section .bread-link,
.search-results-section .meta-data a,
.search-results-section .date {
  	font-family: "Poppins";
    color: #49BDE2;
    font-size: 12px;
    font-weight: 300;
    line-height: 1.5;
  	letter-spacing: 0.36px;
  	margin: 0;
}

.search-results-section .bread-link:hover,
.search-results-section .meta-data a:hover {
    color: #00688a;
}

.search-results-section .bread-item {
    display: flex;
    align-items: center;
}

.search-results-section .bread-item::after {
   	content: ">";
  	color: #AFAFB3;
  	font-size: 12px;
  	margin: 0 5px;
}

.search-results-section .bread-item:last-child::after {
   	content: "·";
  	font-weight: 700;
}

@media screen and (max-width: 480px) {
  .search-results-section .bread-item:last-child::after {
      content: "";
	}
}

.search-results-section .meta-data {
  	display: flex;
    align-items: center;
    margin: 0;
}

.search-results-section .meta-data::after {
   	content: "·";
  	font-size: 12px;
  	margin: 0 5px;
  	font-weight: 700;
}

.search-results-section .date {
  color: #AFAFB3;
}

.search-results-section .description {
   	font-family: "Poppins";
    color: #666666;
    font-size: 16px;
    font-weight: 300;
    line-height: 1.5;
  	font-style: normal;
  	margin: 0;
}

.search-results-section .description em {
  	font-style: normal;
}

/*user-info*/
.nav-utility-item.my-account .login {
   background: url(/hc/theming_assets/01JJ1WJZ44PSNPW8NJXX2KZ16G) 50% 9px no-repeat;
   background-size: 35px;
   display: block;
   padding: 43px 15px 10px;
   color: #434343;
}

.user-info .btn img,
#user .btn:after,
#user-menu a[data-action="edit-profile"] {
   display: none;
}

#user .btn #user-name {
   padding: 43px 15px 10px;
   text-overflow: ellipsis;
   overflow: hidden;
   max-width: 300px;
   white-space: nowrap;
   color: #434343;
   text-align: center;
   display: block;
   background: url(/hc/theming_assets/01JJ1WJZ44PSNPW8NJXX2KZ16G) 50% 9px no-repeat;
   background-size: 35px;
   font-size: 16px;
}

@media screen and (max-width: 768px) {
   #user .btn #user-name {
      text-indent: -9999px;
      padding-top: 15px;
   }

   .nav-utility-item.my-account {
      padding: 5px 15px 10px;
   }

   header .user-info .dropdown-menu {
      left: -170px !important;
   }
}

.footer {
   padding: 0;
}

.footer-bottom {
   padding: 48px 0;
}

.footer-bottom .holder .user-rights a {
   display: block;
   border: 1px solid #d5d5d5;
   border-radius: 10px;
   padding: 13px 22px 9px 68px;
   font-weight: 500;
   font-size: 17px;
   color: #000;
   text-transform: capitalize;
   background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACcAAAAnCAIAAAADwcZiAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjk3RUU5MDQzODE3OTExRTlCRjBEQzNDNkY0RUQ3NTAyIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjk3RUU5MDQ0ODE3OTExRTlCRjBEQzNDNkY0RUQ3NTAyIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6OTdFRTkwNDE4MTc5MTFFOUJGMERDM0M2RjRFRDc1MDIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6OTdFRTkwNDI4MTc5MTFFOUJGMERDM0M2RjRFRDc1MDIiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6ABnpiAAAC+UlEQVR42ryYy2sTURTGZ24eponUaWxaoUaaaFspShHR0oXVjdCVK0XcdFN0IQhFEPwTCoKI7gQ3Cj6wK0EsKordiVSRtKkPbGNj2pikaWgek6TJXL9J65DEkbnTZOaDhJkL5/y47+8MTynlGJQpJhZT75fWP8VzP1KFiFhap1TiedJibRV2dHmc+/e1HvEJgzvt7SzZeC0q/ZacnolOhlIfKCdp5OJIt3Ds6J6zve5h+W17VHTuVehmIrfI6VS703e6+yq6ro9aLOemFiZm41NcAzrkGRnxX7dbnEzUZD78JDi+lg9zDavN4T3ff8vt8GpQf2e/PgpeyW2kuCbJaRMu9N/pdPX9l4pe3g+MNRGpgEcP36vuMameSwxs05EQciIz8qtQsXyaMpeqQmbkr6dikzS4YjWF/KBUUyn2JWe8KhS6RcXps42jwErsekNAAUuOxQ8HHnukhdiHvZcGOs5gZWKZfI49mw7fLUtFxnCwet0nrTjWccYyQ/lzB2/4hSFlSwx1jXa6eh4HxzeHTlNggUgww5rHuqK+3acUpCK0oJ0xA1ggElxe7MPr23VcV7uqQCS4L9kDCG/V1a6quLhAcEWzByxnZnW1qyqV/0XgCvTs9BcJMVS/H8QQ2tmTgEhgRNgDSlLx4dzllcy80oJntJSYd468oKhE4H107XSs+zc/byuveEaLrgwgynaLM1cgEjg8k6mCYy+BqTSZ6mnxE/hYk6kgEvhHniOmIcECkcCtwzqbRgULRLmXcOu6IjekguozizZZMhUFAtw6e+RKOhhMvMSdin88swfaiKNSjPx1prh9YIONHl44gmuD7whv2VpHmGEUCEZTMTyx7PcaZ4qapO2f0qDpWs7M1VBRBqEmgSkxlBpJB2qoEIoC1CSGgiOVm7j+fEAZhJrEuKFOikv5UlrlVEKPxwYeNL64OpwHXDa36tQaW6tLtPRl9e3H6GS1JzzhvWjSdwl4wpnoU5Q6qOzgZHkzv8EUytlA7Pn86us/AgwAQ62cYfGhUJwAAAAASUVORK5CYII=)
      no-repeat 13px 10px;
}

.modal {
   display: none; /* Hidden by default */
   position: fixed; /* Stay in place */
   z-index: 1; /* Sit on top */
   padding-top: 100px; /* Location of the box */
   left: 0;
   top: 0;
   width: 100%; /* Full width */
   height: 100%; /* Full height */
   overflow: auto; /* Enable scroll if needed */
   background-color: rgb(0, 0, 0); /* Fallback color */
   background-color: rgba(0, 0, 0, 0.4); /* Black w/ opacity */
}

.modal-content {
   background-color: #fefefe;
   margin: auto;
   padding: 50px;
   border: 1px solid #888;
   width: 900px;
}

.close {
   color: #aaaaaa;
   float: none;
   font-size: 28px;
   font-weight: bold;
   top: 12px;
   right: 15px;
   position: absolute;
   cursor: pointer;
   background: none;
   border: 0;
   z-index: 1000;
}

.close:hover,
.close:focus {
   color: #000;
   text-decoration: none;
   cursor: pointer;
}

.dropdown-toggle {
   background: none;
   border: 0;
   padding: 0;
   text-align: initial;
   color: #666666;
   font: 300 16px/21px "Poppins", sans-serif;
   margin-bottom: 24px;
}

.dropdown-toggle.dropdown-active {
    color: #cfcfcf;
}
.dropdown-toggle.dropdown-active:after {
    transform: rotate(180deg);
    display: inline-block;
}
.dropdown-toggle:focus {
   outline: 0;
   text-decoration: underline;
}

.dropdown-toggle::after {
   color: #303030;
   transition: all .1s linear;
}

/***** Mod footer *****/
@media (max-width: 768px) {
   #footer .logo-wrap {
      margin: 0;
      justify-content: space-between;
      margin-bottom: 0;
      flex-wrap: wrap;
      align-items: flex-end;
   }

   #footer .logo {
      margin-bottom: 0;
      order: 1;
      width: 90px;
      height: 40px;
   }
   #footer .social-wrap {
      display: flex;
      align-items: center;
      flex-direction: row-reverse;
      width: 100%;
      justify-content: space-between;
      order: 3;
      padding: 18px 0;
      border-top: 1px solid #e1e2e6;
      margin-top: 24px;
   }
   #footer .logo-wrap .partners.mob {      
      order: 2;
   }
   .languages-wrap.slide {
      /*padding: 3px 20px 3px 17px;
      border-radius: 20px;
      border: 1px solid #ff6166;*/
   }

   .dropdown-toggle {
      font: 400 14px/16px "Poppins", sans-serif;
      padding-left: 0px;
      padding-right: 0px;
   }
   .dropdown-menu-end {
      left: -16px;
   }
  
	
   .dropdown-menu[aria-expanded="true"] {
      display: block;
      display: flex;
      top: 40px;
      min-width: 190px;
      /*padding: 18px 10px;*/
      border-radius: 8px;
      border: 1px solid #303030;
   }
}
/***** end *****/
/***** Breadcrumbs *****/
.breadcrumbs {
   margin: 0 0 15px 0;
   padding: 0;
}

@media (min-width: 768px) {
   .breadcrumbs {
      margin: 0;
   }
}

.breadcrumbs li {
   color: #AFAFB3;
   display: inline;
   font-weight: 300;
   font-size: 13px;
   max-width: 450px;
   overflow: hidden;
   text-overflow: ellipsis;
}

.breadcrumbs li + li::before {
   content: ">";
   margin: 0 4px;
}

.breadcrumbs li a:visited {
   color: #49BDE2;
}

.active .slide {
   display: block !important;
}

footer .drop-icon {
   margin-left: 15px;
   width: 13px;
   height: 20px;
}

/***** impressum footer for DE *****/
.impressum {
   display: none;
}

[lang="de"] .impressum {
   display: block;
}

/* New custom styles Header (custom-drop) */

#nav li.custom-drop a,
#nav li.custom-drop ab {
   display: flex !important;
}

#nav li.custom-drop a {
   display: flex !important;
}

@media (min-width: 1200px) {
   #nav li.custom-drop a {
     margin-bottom: 16px;
  }
}

#nav li.custom-drop li {
   display: flex !important;
}

@media (max-width: 1200px) {
   #nav li.custom-drop .slide li:last-child a {
      padding-bottom: 15px;
   }
}
.accordion {
   background-color: #eee;
   color: #444;
   cursor: pointer;
   padding: 18px;
   width: 100%;
   border: none;
   text-align: left;
   outline: none;
   font-size: 15px;
   transition: 0.4s;
   margin-bottom: 10px;
}

.accordion p {
   display: inline;
}

.active,
.accordion:hover {
   background-color: #00284B19;
}

.accordion:after {
   content: "\002B";
   color: #777;
   font-weight: bold;
   float: right;
   margin-left: 5px;
}

.active:after {
   /*   content: "\2212"; */
}

.panel {
   padding: 0 18px;
   background-color: white;
   max-height: 0;
   overflow: hidden;
   transition: max-height 0.2s ease-out;
}

.display-none {
   display: none;
}

/* style for slide tools new design */

@media (min-width: 1200px) {
   #nav .slide__mobile {     
     display: none;
   }
  
   #nav .navigation-tools {     
     position: inherit;
   }  
  
  .navigation-item {
   	line-height: 64px;
   	height: 64px;
   	display: flex;
   	align-items: center;
    margin-right: 30px;
	}

	.navigation-item .slide {
   	line-height: 1;
	}
  
  #nav .slide a {   
    font-size: 14px;
    line-height: 1;       
	}
  
  #header .log-in {    
    font-size: 16px;   
	}
}

#nav .slide__tools {     
   width: 100%;
   left: 0;  
   padding: 40px 20px;
}

.slide__tools-wrap {
   display: flex;   
   max-width: 1220px;
   width: 100%;
   margin: 0 auto;
}


[lang="de"] .slide__tools-wrap,
[lang="fr"] .slide__tools-wrap {    
   max-width: 100%;
   justify-content: center;
}

.slide__block {
  margin-right: 16px;
}
.slide__block.last-slide__block {
    position: relative;
    padding-bottom:56px;
}
.slide__title {
   font-size: 14px;
   margin-bottom: 8px;
   color: #666;
}

#nav .slide__item.only-en {
    top: 64px;
    bottom: 0;
    left: 0;   
}
#nav .slide__item.only-en .tool-ic {
    display: inline-flex;
    align-items: center;
    position: relative;
    font: 500 18px/1 "Poppins",sans-serif;
    color: #ff6166;
    letter-spacing: 0;
    padding: 3px 28px 3px 4px;
    transition: all .3s linear;
    cursor: pointer;
}

#nav .slide__item.only-en .tool-ic .small-arrow {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    position: absolute;
    left: calc(100% - 24px);
    width: 16px;
    height: 10px;
    line-height: 0;
    overflow: hidden;
    transition: all .3s linear;
}

#nav .slide__item.only-en .tool-ic .small-arrow svg {
    width: 24px;
    min-width: 24px;
    height: 100%;
    stroke: #ff6166;
    transition: all .3s linear;
}

#nav .slide__item.only-en .tool-ic:hover {
   color: #E64046;
   transition: all .3s ease;
} 

#nav .slide__item.only-en .tool-ic:hover .small-arrow {   
    width: 24px;
}

#nav .slide__item.only-en .tool-ic:hover .small-arrow svg {   
    stroke: #e64046;
}
#nav .slide .slide__link {
   display: flex;
   align-items: center;
   padding: 12px;
   margin-left: -12px;   
   min-width: 220px;
   border-radius: 3px;
   color: #303030;
}

#nav .slide ul {
  margin-left: 0.3em !important;
  white-space: nowrap;
}

.slide__icon {
   margin-right: 12px;
}

.sign-in__icon {
   margin-right: 11px;
   width: 24px;
   height: 24px;
}

@media only screen and (max-width: 1400px) {
   #nav .slide .slide__link {    
     min-width: 204px;    
  }
  
   [lang="fr"] #nav .slide .slide__link,
   [lang="de"] #nav .slide .slide__link{    
     min-width: 190px;    
  }
  
  .navigation {    
    padding-right: 10px;
	}
  
  .navigation-item {    
    margin-right: 15px;
	}
  
  [lang="fr"] #nav li.drop ab span,
  [lang="fr"] #nav li a, 
  [lang="fr"] #nav li ab {
    font-size: 14px;
	}
}

@media only screen and (max-width: 1200px) {
   #nav .slide__tools {     
     display: none;
   } 
  
  .navigation {    
    padding-right: 0;
	}
  
  .navigation-item {    
    margin-right: 0;
	}
}

/* style for hover bg */

.cat__one:hover {
   background-color: #3FBFB019;
}

.cat__two:hover {
   background-color: #FF616619;
}

.cat__three:hover {
   background-color: #49BDE219;
}

.cat__four:hover {
   background-color: #47CC7619;
}

.cat__five:hover {
   background-color: #FF822419;
}

.cat__six:hover {
   background-color: #9567E319;
}

/* style for support button */

#launcher {
  	left: auto !important;
    right: 0;
  	bottom: 0 !important;
}

@media screen and (max-width: 768px) {
  #launcher {     
    right: -15px;
  }
} 

#footer .dropdown-toggle {
   color: #303030;
   margin-bottom: 0;
}

.languages-wrap.dropdown-active .dropdown-toggle {
  color: #cfcfcf!important;
}

.languages-wrap.dropdown-active .dropdown-toggle:after {
  border-color: #cfcfcf!important;
}

@media screen and (max-width: 1250.98px) {
 .header-sd .nav .drop-down .drop-link {
    white-space: normal !important;
	}
}