/*@charset "UTF-8";*/

/* FONT */


/@font-face {
  font-family: 'IBM Plex Sans';
  src: url($assets-ibmplexsans-variablefont-ttf) format('truetype');
  font-weight: 400; /* Use the correct font weight */
  font-style: normal;
} */


.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-family: 'IBM Plex Sans', "League Gothic", "Avenir Next Condensed", "Helvetica Neue", Arial, sans-serif;
    font-weight: 300;
    line-height: 1.1;
    color: inherit;
    font-style: normal;
    letter-spacing: .01em
}


h1, h2 {
    font-size: 40px;
    font-size: 2.5rem;
    line-height: 1.2;
    margin: 0 0 20px;
}


h3, h4 {
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 1.3;
}

h3 {
    margin: 10px 0
}

h4 {
    margin: 0 0 10px
}




  /*Override Braze content card stylesheet props*/
  body .ab-feed {
   width:100%;
   padding: 0 !important;
 
}
  
  body .ab-feed-body {
    padding:0px !important;
  }
  
  
body .ab-feed .ab-card {
     margin-bottom: 0 !important; 
     border: 0 !important;
    

  }
  
  
  body .ab-effect-slide{
     transform: unset !important;
     transition: unset !important;
  }
  
  
  body .ab-image-area{
     z-index: 1;
    padding-top: 30px !important;
    } 
  
  body .ab-image-area img {
    max-height: 50% !important;
    max-width: 50% !important;
  }
   
   .ab-card-body {
   background-color:#E7F2F9; 
 
  } 


  body .ab-feed .ab-card .ab-description  {
   font-family: Graphik, Helvetica, Arial, sans-serif !important;
   font-size: 1.3em !important;
   padding-top: 35px !important;
  }
  
     
  body .ab-feed-buttons-wrapper {
  display:none;
}

body .ab-unread-indicator {
  background-color: unset !important;
}


/*END BRAZE BANNER*/



body{
  background: #f4f3f2 !important; 
}


p.note {
    font-style: italic;
    background-color: #e7f3fe;
}

p.hidden {
    display:none;
}


@-webkit-keyframes shine {
  from {
    -webkit-mask-position: 0%;
  }
  
  to {
    -webkit-mask-position: 50%;
  }
}


/** BANNER **/

.banner-container{
  background-color:rgb(12, 191, 242);
  color: #fff;
}

.banner-content{
  padding:15px 50px;
}

.banner-text {
  font-size:16px;
}




/***** Tables *****/

.hscroll{
overflow-x: auto; /* Horizontal */
}

table {
    max-width: 100%
}

th {
    text-align: left
}

.hc-table {
    width: 100%;
    margin-bottom: 20px;
    border:0;
}

.hc-table > tbody > tr > td, .hc-table > tbody > tr > th, .hc-table > tfoot > tr > td, .hc-table > tfoot > tr > th, .hc-table > thead > tr > td, .hc-table > thead > tr > th {
    padding: 8px;
    line-height: 1.42857;
    border-top: 1px solid #ddd
}

.hc-table > thead > tr > th {
    vertical-align: bottom;
    border-bottom: 2px solid #ddd
}

.hc-table > caption + thead > tr:first-child > td, .hc-table > caption + thead > tr:first-child > th, .hc-table > colgroup + thead > tr:first-child > td, .table > colgroup + thead > tr:first-child > th, .hc-table > thead:first-child > tr:first-child > td, .hc-table > thead:first-child > tr:first-child > th {
    border-top: 0
}

.hc-table > tbody + tbody {
    border-top: 2px solid #ddd
}

.hc-table .hc-table {
    background-color: #fff
}

.table-condensed > tbody > tr > td, .table-condensed > tbody > tr > th, .table-condensed > tfoot > tr > td, .table-condensed > tfoot > tr > th, .table-condensed > thead > tr > td, .table-condensed > thead > tr > th {
    padding: 5px
}

.table-bordered, .table-bordered > tbody > tr > td, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > td, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > thead > tr > th {
    border: 1px solid #ddd
}

.table-bordered > thead > tr > td, .table-bordered > thead > tr > th {
    border-bottom-width: 2px
}

.table-striped > tbody > tr:nth-child(odd) > td, .table-striped > tbody > tr:nth-child(odd) > th {
    background-color: #f9f9f9
}

.table-hover > tbody > tr:hover > td, .table-hover > tbody > tr:hover > th, .table > tbody > tr.active > td, .table > tbody > tr.active > th, .table > tbody > tr > td.active, .table > tbody > tr > th.active, .table > tfoot > tr.active > td, .table > tfoot > tr.active > th, .table > tfoot > tr > td.active, .table > tfoot > tr > th.active, .table > thead > tr.active > td, .table > thead > tr.active > th, .table > thead > tr > td.active, .table > thead > tr > th.active {
    background-color: #f5f5f5
}

table col[class*=col-] {
    position: static;
    float: none;
    display: table-column
}

table td[class*=col-], table th[class*=col-] {
    position: static;
    float: none;
    display: table-cell
}

.table-hover > tbody > tr.active:hover > td, .table-hover > tbody > tr.active:hover > th, .table-hover > tbody > tr > td.active:hover, .table-hover > tbody > tr > th.active:hover {
    background-color: #e8e8e8
}

.hc-table > tbody > tr.success > td, .hc-table > tbody > tr.success > th, .hc-table > tbody > tr > td.success, .hc-table > tbody > tr > th.success, .hc-table > tfoot > tr.success > td, .hc-table > tfoot > tr.success > th, .hc-table > tfoot > tr > td.success, .hc-table > tfoot > tr > th.success, .hc-table > thead > tr.success > td, .hc-table > thead > tr.success > th, .hc-table > thead > tr > td.success, .hc-table > thead > tr > th.success {
    background-color: #dff0d8
}

.table-hover > tbody > tr.success:hover > td, .table-hover > tbody > tr.success:hover > th, .table-hover > tbody > tr > td.success:hover, .table-hover > tbody > tr > th.success:hover {
    background-color: #d0e9c6
}

.hc-table > tbody > tr.info > td, .hc-table > tbody > tr.info > th, .hc-table > tbody > tr > td.info, .hc-table > tbody > tr > th.info, .hc-table > tfoot > tr.info > td, .hc-table > tfoot > tr.info > th, .hc-table > tfoot > tr > td.info, .hc-table > tfoot > tr > th.info, .hc-table > thead > tr.info > td, .hc-table > thead > tr.info > th, .hc-table > thead > tr > td.info, .hc-table > thead > tr > th.info {
    background-color: #d9edf7
}

.table-hover > tbody > tr.info:hover > td, .table-hover > tbody > tr.info:hover > th, .table-hover > tbody > tr > td.info:hover, .table-hover > tbody > tr > th.info:hover {
    background-color: #c4e3f3
}

.hc-table > tbody > tr.warning > td, .hc-table > tbody > tr.warning > th, .hc-table > tbody > tr > td.warning, .hc-table > tbody > tr > th.warning, .hc-table > tfoot > tr.warning > td, .hc-table > tfoot > tr.warning > th, .hc-table > tfoot > tr > td.warning, .hc-table > tfoot > tr > th.warning, .hc-table > thead > tr.warning > td, .hc-table > thead > tr.warning > th, .hc-table > thead > tr > td.warning, .hc-table > thead > tr > th.warning {
    background-color: #fcf8e3
}

.table-hover > tbody > tr.warning:hover > td, .table-hover > tbody > tr.warning:hover > th, .table-hover > tbody > tr > td.warning:hover, .table-hover > tbody > tr > th.warning:hover {
    background-color: #faf2cc
}

.hc-table > tbody > tr.danger > td, .hc-table > tbody > tr.danger > th, .hc-table > tbody > tr > td.danger, .hc-table > tbody > tr > th.danger, .hc-table > tfoot > tr.danger > td, .hc-table > tfoot > tr.danger > th, .hc-table > tfoot > tr > td.danger, .hc-table > tfoot > tr > th.danger, .hc-table > thead > tr.danger > td, .hc-table > thead > tr.danger > th, .hc-table > thead > tr > td.danger, .hc-table > thead > tr > th.danger {
    background-color: #fff
}

.table-hover > tbody > tr.danger:hover > td, .table-hover > tbody > tr.danger:hover > th, .table-hover > tbody > tr > td.danger:hover, .table-hover > tbody > tr > th.danger:hover {
    background-color: #f2f2f2
}


/*original live theme*/
.table {
  width: 100%;
  table-layout: fixed
   overflow: auto;

}

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

.table th,
.table th a {
  color: #555;
  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;
  }
}


.first {
    display: table-row;
    vertical-align: inherit;
    border-color: inherit;
}

@media (min-width: 768px) {
  .first {
    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;
  }
}

/*KB table*/
.table-striped thead th {
  font-size:15px;
  font-weight: bolder;
}



/*Brandlogo in navbar*/

.pa-logo {
    display: block;
    background: url(/hc/theming_assets/01HZKNJ7ENTCQPWGCK4F8W27BW);
    background-size: 196px 30px;
    width: 196px;
    height: 30px;  
}


/***** Breadcrumbs *****/
.breadcrumbs {
  margin: 0 0 15px 0;
  padding: 0;
}

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

.breadcrumbs li {
  color: #f5f5f5;
  display: inline;
  font-weight: 300;
  font-size: 14px;
  max-width: 450px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.breadcrumbs li + li:before {
  content: ">";
  margin: 0 4px;
}

.breadcrumbs li a {
  color: #f5f5f5;
}


/***** Search field *****/



input[type=search]:focus {
	color: #303030;
}

input[type="search"]:-moz-placeholder {
  color: #666;
}

input[type="search"]::-webkit-input-placeholder {
  color: #666;
}

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


.search input[type="search"] {
  border: 1px solid #ddd;
  box-sizing: border-box;
  height: 40px;
  padding-left: 10px;
  padding-right: 20px;
  -webkit-appearance: none;
  /*width: 100%; */
  display: block;
  /*margin : 5% auto;*/
  margin: 0 auto;
}



.search-full input[type="search"] {
  background-color: #f0f0f5;
  border:none;
}

@media (min-width: 768px) {

.search input[type="search"] {
  width: 400px;
  
 }
}

.search-results-header .search input[type="search"]{
  width:100%;
  border: solid 1px
}

/*HERO*/

.hero-container{ 
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 0 0 40px;
gap: 16px;
background: #191b1f;
}


.hero-container h1 {
  /*text-align:center;*/
font-size: 56px;
line-height: 130%;
color: #FFFFFF;
margin:0;


/* Inside auto layout */

flex: none;
order: 0;
flex-grow: 0;
}




@media (max-width: 768px) {
  .hero-container h1  {
    font-size: 24px;
  }
}


.hp-container-section{
  margin: 48px 0;
}

.hp-container-section a, .sub-nav a {
    color: #161819;
}



.contact-us-btn {
  align-self:end;
}



.page-header {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: space-between;
  height: auto;
  border-bottom: 0px none #eee !important;   /*added by Marius to overwrite rule in ni-style.css*/
  margin: 0px 0 !important;
  padding-bottom:0 !important;
  
}

@media (min-width: 768px) {
  .page-header {
    align-items: baseline;
    flex-direction: row;
    margin: 0;
  }
}

.page-header .section-subscribe {
  flex-shrink: 0;
  margin-bottom: 10px;
}

@media (min-width: 768px) {
  .page-header .section-subscribe {
    margin-bottom: 0;
  }
}

.page-header h1 {
  flex-grow: 1;
  margin-bottom: 10px;
}

.page-header-description {
  font-style: italic;
  font-weight: 300;
  margin: 0 0 30px 0;
  word-break: break-word;
}

@media (min-width: 1024px) {
  .page-header-description {
    flex-basis: 100%;
  }
}

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

.sub-nav {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin-bottom: 30px;
  min-height: 50px;
  padding: 15px 25px 15px 35px;
  background-color: #2a2c2e;
}

@media (min-width: 768px) {
  .sub-nav {
    align-items: baseline;
    flex-direction: row;
    margin-bottom: 50px;
  }
}

.sub-nav {
  margin-bottom: 0;
}

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

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



/***** Blocks *****/



.block-item-hp{
  min-width: 300px;
}

.block-item-title{
  color: #222222;
  font-weight: 600;
  margin-bottom: 5px;
  margin-top: 20px;
  display: -webkit-box;
  -webkit-line-clamp: 2;           /* Limits text to exactly 2 lines */
  overflow: hidden;
  line-height: 1.25em;             /* Define a clear height per line */
  height: 2.5em;                   /* Exactly 2 lines (1.25 * 2) */
  margin-bottom: 10px;             /* Space between title and excerpt */
  word-break: break-word;
}

.block-item-excerpt{
  font-size: 12px;
  color: #5d5d5d;
  display: -webkit-box;
  -webkit-line-clamp: 2;           /* Limits text to exactly 2 lines */
  -webkit-box-orient: vertical;
  overflow: hidden;
  line-height: 1.4em;
  height: 2.8em;
  word-break: normal;        /* Prevents breaking words in the middle */
  overflow-wrap: break-word; /* Allows long strings (like URLs) to break if needed */

}





.block-item-section {
  margin:auto;
}


.block-item {
  box-sizing: border-box;
  /*flex-direction: column; */
  justify-content: space-between;
  margin: 0 0 30px;
  box-shadow: -1px 7px 10px 2px rgba(0, 0, 0, 0.31);
  padding: 10px;
  
    border-radius: 5px;
    border: 1px solid var(--sndw-neutrals-grey-40, #DCE1E5);
    background: var(--sndw-neutrals-white, #FFF);
  
      
    transition: background-color 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease;
    cursor: pointer;
}

.promoted-articles .block-item {
  height:90%;
}


.block-item:hover {
    background-color: #e6f7ff;
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
    transform: translateY(-1px);
}

.block-item :hover a {
    color: #0077b6;
}


@media (min-width: 768px) {
  .block-item {
    margin-bottom: 24px;
  }
}


.block-item svg {
    margin-left: auto;
    margin-right: auto;
}

.block-item-icon{
    margin: 30px auto;
    width: 75px; 
    height: 60px;
   background-repeat: no-repeat;

 }


.block-item-section {
display: flex;
padding: 32px 18px;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 16px;
align-self: stretch;
border-radius: 6px;
border: 1.014px solid var(--sndw-neutrals-grey-40, #DCE1E5);
background: var(--sndw-neutrals-white, #FFF);  
margin: 20px 0;  
}


.block-item-description {
font-size: 18px;
line-height: 150%;
text-align: center;

}

.block-item-description p{
  color:#222222;
}


.get-support-button{
  font-size: 16px;
  font-weight: 400;
  background-color: #161819 !important;
  color:#F8F9FA;
  padding:10px;
  margin:20px 0px;
}
  

  
    
      @media(max-width:768px){
    .get-support-button-mobile {
      display:flex;
    }
}
    



.blocks-home:hover{
  background-color: #0cbff2;
}

.blocks-home:hover h4 {
  color:#fff;
}

.account-category{
  background: #f4f3f2;
  border-color:#0cbff2;
}

/*Category/Section Containers*/
.content-wrapper {
  max-width: 80%;
 flex-basis:150px;
}



.cat-article-container {
  padding-top: 100px;
 }

  
}

/****QUICKLINKS****/


/***** Quicklinks *****/

/* Force 1 column on mobile (under 767px) */
@media (max-width: 767px) {
  .webex-grid.grid-cols-4 {
    display: grid !important;
    grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
    padding: 0 20px !important; /* Add some side padding for mobile */
  }
}


  
 .quicklinks{
   justify-content: center;
   align-items: center;
   gap: 10px;
   align-self: stretch;

}
  
  
	.quicklinks-item{
    margin: 0 10px;
    padding: 10px 20px;
    border: 1px solid #DCE1E5;
    border-radius: 5px;
    box-shadow: -1px 7px 10px 2px rgba(0,0,0,0.61);
    display: flex;
    justify-content: space-around;
    
    transition: background-color 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease;
    cursor: pointer;
    
    width: 100%;
    height: 100%;
    
	}

.quicklinks-item:hover {
    background-color: #e6f7ff; 
    box-shadow: -2px 10px 18px 4px rgba(0, 0, 0, 0.45);
    transform: translateY(-2px);
}

.quicklinks-item:hover a {
    color: #0077b6;
}


@media(max-width:768px) {
  	.quicklinks-item{
     margin-top:10px;
     margin-left:5px; 
	}
  
  
}


.quicklinks a {
  text-align:left;
  padding-left:0px;
  background:none;
  border: none;
  font-size:15px;
  font-weight:400;
  color: #000;
  
  /* Optional: Align the text better with the icon */
 
  display: flex;
  align-items: center;
  text-decoration: none;

  
}

@media (min-width: 768px) {
    .quicklinks > a {
        width: 220px; /* Or whatever width looks best for your text */
        flex-shrink: 0; /* Prevents the browser from squishing it */
    }
}


/* Standardizing the icon container */
.quicklinks-btn-icon {
  display: inline-block !important;
  background-color: #000000 !important;
  padding: 10px !important;
  border-radius: 4px !important;
  width: 40px !important;
  height: 40px !important;
  vertical-align: middle;
  box-sizing: border-box; /* Ensures padding is calculated within the 40px */

}

/* Forcing all inner elements to white */
.quicklinks-btn-icon path {
  fill: #FFFFFF !important;
  opacity: 1 !important;
  visibility: visible !important;
}


/**CONTACT SUPPORT**/


  @media(min-width:768px){
    
.get-support-banner{
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  border: 1px solid #DCE1E5;
  border-radius: 6px;
  gap: var(--component-padding-none, 0px);
  margin-bottom: 50px; 
}
  
.get-support-copy {
   padding-left: 60px;
 }
    
.get-chat-support-copy {
    padding: 30px 60px;
    }
    
.get-support-copy p, .get-chat-support-copy p {
  margin:16px 0;
 }
    
}    
  
  @media(max-width:1440px){
    .get-support-copy {
    margin-right: 150px;
    padding-bottom: 20px;
    }
}


  
.get-support-image{
  position: relative;
  right: 60px;
  width:100%;
}
  
@media(max-width:1440px){ 
.get-support-image{
    display: none;
  }
  
}



/*Set margin between Contact Support button and guidelines text*/

.contact-support{
	float:left;
  margin-right:15px !important;
}




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

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

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

.recent-activity-item-parent {
  font-family: TradeGothicLTCom-BdCn20, Helvetica, Arial, sans-serif;
  font-size: 20px;

}

.recent-activity-item-parent, .recent-activity-item-link {
  margin: 6px 0;
  color: #222222;
  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: #555;
  display: inline-block;
  font-size: 14px;
  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: #3e8cbb;
  /*content: "\1F4AC";*/
  display: inline-block;
  font-size: 16px;
  padding-right: 3px;
  vertical-align: middle;
}

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

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


.section-tree {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: space-between;
}

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

.section-tree .section {
  flex: initial;
}

@media (min-width: 768px) {
  .section-tree .section {
    flex: 0 0 45%;
    /* Two columns for tablet and desktop. Leaving 5% separation between columns */
  }
}

.section-tree .icon-lock:before {
  vertical-align: baseline;
}

.section-tree-title {
  margin-bottom: 0;
}

.section-tree-title a {
  color: #222222;
}

.section-tree .see-all-articles {
  display: block;
  padding: 15px 0;
}

.article-list-item {
  border-bottom: 1px solid #ddd;
  font-size: 14px;
  padding: 15px 0;
}

.article-list-item a {
  color: #222222;
}

.icon-star:before {
  color: #3e8cbb;
  font-size: 18px;
}

/***** Section pages *****/
.section-container {
  display: flex;
  justify-content: flex-end;
}

.section-content {
  flex: 1;
}

@media (min-width: 1024px) {
  .section-content {
    flex: 0 0 80%;
  }
}

.section-subscribe {
  display: none;
}


/***** Article *****/
.article {
  /*
  * The article grid is defined this way to optimize readability:
  * Sidebar | Content | Free space
  * 17%     | 66%     | 17%
  */
  flex: 1;
}

@media (min-width: 1024px) {
  .article {
    flex: 1 0 66%;
    max-width: 66%;
    min-width: 640px;
    padding: 0 30px;
  }
}

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

@media (min-width: 1024px) {
  .article-container {
    margin-top: 50px;
    flex-direction: row;
  }
}

@media (min-width: 767px) {
  .article-container, .search-results-container {
    margin-top: 50px;
    flex-direction: row;
  }
}


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

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

.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 footer {
	background-color: transparent;
}

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

.article-body img {
  height: auto;
  max-width: 100%;
  margin: 10px 0;
  border: 1px solid #ccc;
}

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

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

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

.article-body ol,
.article-body ol li {
  list-style-type: decimal;
}

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

.article-body a:visited {
  color: #206b9b;
}

.article-content {
  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: #555;
  font-weight: 300;
}


.article-comment-count .icon-comments {
  color: #3e8cbb;
  content: "\1F4AC";
  display: inline-block;
  font-size: 18px;
  padding: 5px;
}

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

@media (min-width: 1024px) {
  .article-sidebar {
    border: 0;
    /*flex: 0 0 17%;*/
    height: auto;
    margin-left: 1.7em;
  }
}

.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;
  margin-right: 0;
}

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

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

.article-votes,.contact-form-no-password {
  border-top: 1px solid #ddd;
  padding: 30px 0;
  text-align: center;
}

.article-vote {
  background: transparent;
  border: 1px solid #3e8cbb;
  color: #3e8cbb;
  margin: 10px 5px;
  min-width: 90px;
  width: auto;
}

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

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

.article-vote:focus, .article-vote:active {
  background-color: transparent;
  color: #3e8cbb;
}



.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: #222222;
  display: block;
  padding: 20px 0;
}



.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: #3e8cbb;
  color: #ffffff;
  text-decoration: none;
}


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

.sidenav-item {
  color: #222222;
  display: block;
  font-size: 14px;
  font-weight: 300;
  /*margin-bottom: 10px;*/
  /*padding: 10px;*/
  padding:5px;
}


.h3 {
    font-size: 1.5em;
    margin: 10px 0;
    font-weight: 600;
    font-style: normal;
    letter-spacing: .01em;
}

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

.recent-articles li,
.related-articles li {
  margin-bottom: 15px;
}

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

.promoted-articles {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    margin-bottom: 48px;
}


/***** 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: #555;
  display: block;
  font-size: 23px;
  text-align: center;
  width: 100%;
}

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

.share a:hover:before {
  color: #3e8cbb;
}

.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: #555;
  display: inline-block;
  font-weight: 300;
  font-size: 13px;
  margin-bottom: 0;
}

.comment-callout a {
  color: #3e8cbb;
}

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

.comment-sorter a {
  color: #555;
  font-weight: 300;
  font-size: 13px;
  text-decoration: none;
}

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

.comment-wrapper {
  display: flex;
  justify-content: space-between;
  position: relative;
}

.comment-wrapper.comment-official {
  border: 1px solid #3e8cbb;
  padding: 40px 20px 20px;
}

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

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

.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 80%;
}

@media (min-width: 768px) {
  .comment-meta {
    flex: 1;
  }
}

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

@media (min-width: 768px) {
  .comment-pending {
    margin-top: 0;
  }
}

.comment-published {
  color: #555;
  display: block;
  font-weight: 300;
  font-size: 13px;
}

.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-container textarea {
  width: 100%;
}

.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: #3e8cbb;
}

.comment-body {
  font-family: TradeGothicLTCom, Helvetica, Arial, sans-serif;
  line-height: 1.6;
  /* modified by Diego*/
  /*
  word-break: break-all;
  word-break: break-word;
  */
  word-break: normal;
}

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

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

/*Modified by Diego*/
.comment-body ul li {
  list-style-type: disc;
}

.comment-body ol li {
  list-style-type: decimal;
}
/*End of Modified by Diego*/

.comment-body a:visited {
  color: #206b9b;
}

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

.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: #555;
  display: block;
  margin: 3px 0;
}

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



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

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

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

/***** 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: #f8f8f8;
}

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


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

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

.status-label-pinned, .status-label-featured, .status-label-official {
  background-color: #3e8cbb;
}

.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-planned, .status-label-not-planned {/* Marius - added status-label-planned*/
  /* background-color: #eee;*/ /* Default - changed by Marius*/
  background-color: #5ebbde;
  /* color: #555;/* Default - removed by Marius*/
}

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

@media (min-width: 768px) {
  .status-label-pending {
    display: inline;
    float: right;
  }
}

[dir=rtl] .status-label-pending {
  float: left;
  margin-left: 20px;
}

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

.status-label-answered, .status-label-completed { /* status-label-completed added by Marius */
  /* background-color: #5ebbde;*/ /* Default - changed by Marius*/
  background-color: #1eb848;
}

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

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

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

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



.search-results-filter {
    position: relative;
  display: inline-block;
}

/*search results list of category filters*/
.search-results-dropdown-content {
  visibility:hidden;
}

/*Search Results filter bar --different style for mobile!*/
.search-results-dropdown-content li {
  display:inline-block;
}


/* 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;
  padding: 0;
  margin-bottom: 0;
}

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

.collapsible-nav-list li {
  color: #222222;
  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: #222222;
  display: block;
  transition: none;
}

@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 #3e8cbb;
    order: 1;
    padding: 15px 0 11px 0;
  }
}

.collapsible-nav-list li[aria-selected=true] a {
  color: #222222;
}

.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: 15px 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;
  margin-bottom: 15px;
  line-height: 1;
}

.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;
  padding: 0 5%;
}

.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: #3e8cbb;
}

.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;
    margin-bottom: 40px;
  }
}

.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;
  margin-left: 10px;
  max-height: 40px;
  padding: 0 20px;
}

[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: #3e8cbb;
  color: #ffffff;
}

.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: 9px;
}

/* Following table */
.subscriptions-unsubscribe a {
  background: #3e8cbb;
  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 {
  color: #fff;
  background-color: #48a1d9;
  text-decoration: none;
}

.subscriptions-table td:last-child {
  display: block;
}

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

.subscriptions .user-avatar {
  margin-right: 10px;
}

.subscriptions .striped-list-title {
  display: inline-block;
  vertical-align: middle;
}

/* Contributions table */
.contributions-table td:last-child {
  color: #555;
  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: #555;
}

/***** 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-breadcrumbs {
  margin-bottom: 40px;
}

@media (min-width: 1024px) {
  .request-breadcrumbs {
    margin-bottom: 60px;
  }
}

.request-breadcrumbs .breadcrumbs li {
  color: #222;
}

.request-breadcrumbs .breadcrumbs li a {
  color: #0cbff2;
}

.request-breadcrumbs .breadcrumbs li a:hover,
.request-breadcrumbs .breadcrumbs li a:focus {
  color: #415d70;
}

.request-main {
  flex: 1;
  order: 1;
}

@media (min-width: 1024px) {
  .request-main {
    flex: 0 0 67%;
    order: 0;
  }
}

.request-title {
  width: 100%;
}

@media (min-width: 1024px) {
  .request-title {
    border-bottom: 1px solid #ddd;
    margin-bottom: 0;
    max-width: 67%;
    padding-bottom: 20px;
  }
}

.request-sidebar {
  border-bottom: 1px solid #ddd;
  border-top: 1px solid #ddd;
  flex: 1;
  order: 0;
}

@media (min-width: 1024px) {
  .request-sidebar {
    background-color: #f8f8f8;
    border: 0;
    font-size: 13px;
    flex: 0 0 30%;
    padding: 0 20px;
  }
}

.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;
  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: #555;
  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 {
  margin-top:20px;
}

.request-form textarea {
  min-height: 180px;
}

/***** Search results *****/
.search-results {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: space-between;
}

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

.search-results-column {
  flex: 1;
}

@media (min-width: 1024px) {
  .search-results-column {
    flex: 0 0 45%;
  }
}

.search-results-list {
  margin-bottom: 25px;
}

.search-results-list > li {
  border-bottom: 1px solid #ddd;
  padding: 20px 0;
}

.search-results-list > li:first-child {
  border-top: 1px solid #ddd;
}

.search-result-description {
  margin-top: 15px;
}

.search-result-votes, .search-result-meta-count {
  color: #555;
  display: inline-block;
  font-size: 13px;
  font-weight: 300;
  padding: 4px 5px;
  position: relative;
}

.search-result-votes::before, .search-result-meta-count::before {
  color: #3e8cbb;
}

[dir=ltr] .search-result-votes, [dir=ltr] .search-result-meta-count {
  margin-left: 5px;
}

[dir=ltr] .search-result-votes:before, [dir=ltr] .search-result-meta-count:before {
  margin-right: 3px;
}

[dir=rtl] .search-result-votes, [dir=rtl] .search-result-meta-count {
  margin-right: 5px;
}

[dir=rtl] .search-result-votes:before, [dir=rtl] .search-result-meta-count:before {
  margin-left: 3px;
}

.search-result-votes::before {
  content: "\1F44D";
}

.search-result-meta-count::before {
  content: "\1F4AC";
}

.search-result .meta-group {
  align-items: center;
}

.search-result-breadcrumbs {
  margin: 0;
}

.search-result-breadcrumbs.breadcrumbs li {
  color: #222;
}

.search-result-breadcrumbs.breadcrumbs li a {
  color: #0cbff2;
}

.search-result-breadcrumbs.breadcrumbs li a:hover,
.search-result-breadcrumbs.breadcrumbs li a:focus {
  color: #415d70;
}

.search-result-breadcrumbs li:last-child:after {
  content: "·";
  display: inline-block;
  margin: 0 5px;
}


/***** Pagination *****/
.pagination {
  margin: 20px 0;
  text-align: center;
}

.pagination * {
  display: inline-block;
}

.pagination li {
  border-radius: 50%;
  height: 30px;
  float: left;
  margin-left: 5px;
  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: #222222;
  text-decoration: none;
}

.pagination a, .pagination span {
  color: #555;
  font-size: 13px;
  padding: 5px 12px;
}

.pagination-current {
  background-color: #3e8cbb;
}

.pagination-current a, .pagination-current span {
  color: #ffffff;
}

/***** Metadata *****/
.meta-group {
  display: flex;
  flex-wrap: wrap;
}

.meta-data {
  color: #555;
  font-size: 13px;
  font-weight: 300;
}

.meta-data:not(:last-child)::after {
  content: "\00B7";
  margin: 0 5px;
}


/***** Native Instruments Content Additions *****/

main {
  padding-bottom: 50px;
}

@media (min-width: 768px) {
  main {
    min-height: 450px;
  }
}

.hero-inner h1 {
  margin: 0;
  padding-bottom: 20px;
  font-family: TradeGothicLTCom-Cn18, Helvetica, Arial, sans-serif;
  color: #f5f5f5;
}


/***** Article *****/

.article-body {
    counter-reset: h2counter;
}

.article-body h2 {
    font-size: 28px;
    color: #303030;
    margin: 20px 0;
}

.article-body h3 {
    font-size: 24px;
    color: #303030;
    margin: 20px 0;
    text-transform: none;
}

.article-body h4 {
    font-size: 20px;
    color: #303030;
    margin: 20px 0;
    text-transform: none;
    border-bottom: 0;
}

.article-body h1.count {
    counter-reset: h2counter;
}

.article-body h2.count:before {
    content: counter(h2counter) ".\0000a0\0000a0";
    counter-increment: h2counter;
}

.article-body h2.count {
    counter-reset: h3counter;
}

.article-body h3.count:before {
    content: counter(h2counter) "." counter(h3counter) ".\0000a0\0000a0";
    counter-increment: h3counter;
}

.article-body h3.count {
    counter-reset: h4counter;
}

.article-body h4.count:before {
    content: counter(h2counter) "." counter(h3counter) "." counter(h4counter) ".\0000a0\0000a0";
    counter-increment: h4counter;
}

.article-body h4.count {
    counter-reset: h5counter;
}

.article-body ol,
.article-body ul {
  margin: 20px 0 20px 50px;
}

.article-body ol li {
    list-style: decimal;
}

.article-body ul {
    padding: 0 20px;
}

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

.article-body li {
  padding-bottom: 10px;
}

.article-body em {
    margin: 10px 0;
   /* display: block;*/
}

.article-body .icon-ni-kb-back {
    background-image: url("../Images/btn_back.png");
    background-position: 1px 5px;
    margin: 0;
}

.article-body .article-related {
    margin-bottom: 30px;
}

.article-body .properties {
    display: table;
    margin-top: 30px;
    width: 100%;
}

.article-body .properties > div {
    display: table-row;
}

.article-body .properties > div > div:first-child {
    font-weight: bold;
    width: 250px;
}

.article-body .properties > div > div {
    display: table-cell;
    padding: 4px;
    line-height: 20px;
    text-align: left;
    vertical-align: top;
    border-top: 1px solid #dddddd;
}

.article-body .properties > div > div span {
    padding-right: 3px;
}

.article-body .properties > div > div span:after {
    content: ", ";
}

.article-body .properties > div > div span:last-child:after {
    content: "";
}

.article-body .uppercase {
    text-transform: uppercase;
}

.article-body .rating {
    margin: 40px 0 0 4px;
}

.article-body .rating > button {
    margin-right: 2px;
}

.article-body .rating > span {
    font-weight: bold;
    margin-right: 5px;
}

.article-body .rating .btn {
    padding: 2px 8px;
}

.btn {
    margin: 5px 0;
    padding: 7px 13px;
    font-family: IBM Plex Sans, sans-serif,Graphik, Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.3;
    white-space: nowrap;
    border-radius: 0
}


/***** Forms *****/

.form {
  width: 100%;
  max-width: 700px;
  margin: 0 auto;
  padding-top: 50px;
  padding-bottom: 50px;
}

.form label {
  display: block;
  font-family: "TradeGothicLTCom-BdCn20", Helvetica, Arial, sans-serif;
  font-size: 18px;
}

.form .form-field {
    padding-bottom: 20px;
}

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

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



/* Hide the label for the ticket form selection dropdown */
.form-field.select.optional.request_ticket_form_id label[for="request_issue_type_select"] {
    display: none;
}

.form input,
.form textarea {
  width: 100%;
  border: 1px solid #aaa;
  padding: 5px 10px;
}

.form input:focus,
.form textarea:focus {
  border-color: #66afe9;
  outline: none;
  box-shadow: none;
}

.form input[type=button],
.form input[type=reset],
.form input[type=submit] {
  margin: 5px 0;
  padding: 7px 13px;
   background-color: #000 !important;
  border-color:  #000 !important;
  color: #f5f5f5;
  font-family: TradeGothicLTCom-Cn18, Helvetica, Arial, sans-serif;
  font-size: 16px;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.3;
  white-space: nowrap;
  border-radius: 0;
  width: auto;
  text-transform: uppercase;
}

.form input[type=button]:hover,
.form input[type=reset]:hover,
.form input[type=submit]:hover,
.form input[type=button]:focus,
.form input[type=reset]:focus,
.form input[type=submit]:focus {
  background-color: #48a1d9;
  border-color: #48a1d9;
}

.form .selectize-control.single .selectize-input {
  background: #fff;
  border-radius: 0;
  border-color: #aaa;
  padding: 10px;
  font-family: TradeGothicLTCom, Helvetica, Arial, sans-serif;
  font-size: 16px;
}

.form .selectize-input {
  padding: 10px;
}

.form .selectize-dropdown,
.form .selectize-input,
.form .selectize-input input {
  font-size: 16px;
}

.form .nesty-input {
  font-size: 16px;
  height: 40px;
  padding: 5px 15px 5px 10px;
  line-height: 1.8;
  border-color: #aaa;
  border-radius: 0;
}

.form .nesty-panel li {
  font-size: 16px;
}

.form footer {
  background-color: transparent;
}

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


/***** Error Page *****/

.error-page {
  padding: 30px 0;
}

@media (min-width: 768px) {
    .error-page {
      padding: 100px 0;
    }
}



/***** Profile *****/


/* User Profiles */


.profile-header {
  padding: 30px 0;
  background-color: #f8f8f8;
}

.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;
  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"] {
  font-family: TradeGothicLTCom-Cn18, Helvetica, Arial, sans-serif;
  font-size: 16px;
  background-color: #3e8cbb;
  border: 0;
  color: #fff;
  line-height: 1.3;
  padding: 7px 13px;
}

.profile-header .description {
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  -webkit-hyphens: auto;
  word-break: 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: #666;
  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 #3e8cbb;
  border-radius: 0;
  color: #3e8cbb;
  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: #666;
  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;
  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;
  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: #f8f8f8;
}

@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: #fff;
  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;
}



.profile-contribution .breadcrumbs li {
  color: #222;
}

.profile-contribution .breadcrumbs li a {
  color: #0cbff2;
}

.profile-contribution .breadcrumbs li a:hover,
.profile-contribution .breadcrumbs li a:focus {
  color: #415d70;
}




.article-back-to-home {
    text-align: center;
    border-top: 1px solid rgb(221, 221, 221);
    padding: 10px 0px;
    margin-bottom: 1px;
}

.newsletter {
     background:none !important;
     color: #666; 
     padding: 0 !important;
  }

 
.icon {
	display: inline-block;
	width: 1.2em;
	height: 1.2em;
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
	text-indent: 100%;
	white-space: nowrap;
	content: "";
	overflow: hidden;
	vertical-align: baseline;
}

main a {
  color: #0cbff2;
}



@media (min-width:768px) {
  padding: 90px 15px !important;
}


/*Plugin Alliance CSS*/


.icon-facebook {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 206.9 398.3'%3E%3Cpath d='M134.1 398.3V216.6h61l9.2-70.8h-70.1v-45.2c0-20.5 5.7-34.5 35.1-34.5h37.5V2.8c-6.5-.9-28.7-2.8-54.6-2.8-54 0-91.1 33-91.1 93.5v52.2H0v70.8h61.1v181.8h73z' fill='%23fffdfd'/%3E%3C/svg%3E");
}
.icon-youtube {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0' y='0' width='501' height='209' viewBox='-53.9 292.9 501 209' xml:space='preserve'%3E%3Cstyle%3E.st3{fill:%23fff}%3C/style%3E%3Cdefs%3E%3Cpath id='SVGID_1_' d='M-53.9 292.9h501v209h-501z'/%3E%3C/defs%3E%3CclipPath id='SVGID_2_'%3E%3Cuse xlink:href='%23SVGID_1_' overflow='visible'/%3E%3C/clipPath%3E%3Cpath d='M444 338s-2.9-20.5-11.9-29.5c-11.3-11.8-24-11.9-29.9-12.6-41.8-3-104.5-3-104.5-3h-.1s-62.7 0-104.5 3c-5.8.7-18.6.8-29.9 12.6-9 9-11.9 29.5-11.9 29.5s-3 24.1-3 48.1v22.6c0 24.1 3 48.1 3 48.1s2.9 20.5 11.9 29.5c11.4 11.8 26.3 11.5 32.9 12.7 23.9 2.3 101.5 3 101.5 3s62.7-.1 104.5-3.1c5.8-.7 18.6-.8 29.9-12.6 9-9 11.9-29.5 11.9-29.5s3-24.1 3-48.1v-22.6c.1-24-2.9-48.1-2.9-48.1' clip-path='url(%23SVGID_2_)'/%3E%3Cpath d='M133 462.1h-19v-11c-7.2 8.3-13.3 12.4-20 12.4-5.8 0-9.9-2.8-11.9-7.7-1.2-3-2.1-7.8-2.1-14.7v-80h19v82c.4 2.8 1.6 3.8 4.1 3.8 3.6 0 6.9-3.2 10.9-8.8v-77h19v101'/%3E%3Cdefs%3E%3Cpath id='SVGID_3_' d='M-53.9 292.9h501v209h-501z'/%3E%3C/defs%3E%3CclipPath id='SVGID_4_'%3E%3Cuse xlink:href='%23SVGID_3_' overflow='visible'/%3E%3C/clipPath%3E%3Cpath d='M66 394.1c0-10.8-2.2-18.9-6-24-5.1-6.9-13-9.7-21-9.7-9.1 0-15.9 2.8-21 9.7-3.9 5.1-6 13.3-6 24.1v35.9c0 10.7 1.9 18.1 5.8 23.2 5.1 6.9 13.2 10.5 21.2 10.5s16.3-3.6 21.4-10.5c3.8-5.1 5.6-12.5 5.6-23.2v-36m-19 38c1 10-2.1 15-8 15s-9-5-8-15v-40c-1-10 2.1-14.7 8-14.7s9 4.7 8 14.7v40z' clip-path='url(%23SVGID_4_)'/%3E%3Cdefs%3E%3Cpath id='SVGID_5_' d='M-53.9 292.9h501v209h-501z'/%3E%3C/defs%3E%3CclipPath id='SVGID_6_'%3E%3Cuse xlink:href='%23SVGID_5_' overflow='visible'/%3E%3C/clipPath%3E%3Cpath d='M-9 407.1v55h-20v-55s-20.7-67.4-25-80h21l14 52.7 14-52.7h21l-25 80' clip-path='url(%23SVGID_6_)'/%3E%3Cpath class='st3' d='M422 415.1v-20.4c0-10.7-2.1-18.5-5.9-23.5-5.1-6.8-12.3-10.5-21.4-10.5-9.2 0-16.5 3.6-21.7 10.5-3.8 5.1-6.1 13.3-6.1 24v35c0 10.6 2.5 18.1 6.3 23.1 5.2 6.8 12.4 10.2 21.9 10.2s16.9-3.6 21.9-10.8c2.2-3.2 3.6-6.8 4.2-10.8.2-1.8.6-5.9.6-11.8v-2.8h-19c0 7.3 0 11.6-.1 12.6-1 4.8-3.6 7.3-8.1 7.3-6.2 0-8.8-4.6-8.8-13.9v-18H422m-36-26.2c0-9.3 2.6-11.9 8.6-11.9s8.4 2.8 8.4 12v10.9h-17v-11zm-47.9-28.6c-6.7 0-13.3 4.1-19.1 11.3v-43.7h-18v134h18V452c6 7.5 12.6 11.4 19.1 11.4 7.2 0 12.5-3.9 14.9-11.3 1.2-4.2 2-10.8 2-20v-40c0-9.5-1.2-15.9-2.4-20-2.4-7.4-7.3-11.6-14.5-11.6m-2.1 72.6c0 10-2.4 13.8-7.6 13.8-3 0-6.4-1.5-9.4-4.6v-60.6c3-3 6.4-4.6 9.4-4.6 5.2 0 7.6 2.9 7.6 12.9v43.1zm-50 29h-19v-11c-7.2 8.3-13.3 12.4-20 12.4-5.8 0-9.9-2.8-11.9-7.7-1.2-3-2.1-7.8-2.1-14.7v-79h19v81c.4 2.8 1.6 3.8 4.1 3.8 3.6 0 6.9-3.2 10.9-8.8v-76h19v100'/%3E%3Cpath class='st3' d='M214 462.1h-20v-115h-21v-19h63v19h-22v115'/%3E%3C/svg%3E");
}
.icon-sharethis {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='512' height='512'%3E%3Cpath d='M180.697 256c0 1.763-.395 3.414-.5 5.178l183.461 91.638c15.684-13.25 35.789-21.553 58-21.553 49.895 0 90.342 40.448 90.342 90.343C512 471.553 471.553 512 421.658 512c-49.961 0-90.355-40.447-90.355-90.395 0-1.816.395-3.421.5-5.185l-183.454-91.645c-15.75 13.197-35.796 21.513-58 21.513C40.447 346.289 0 305.895 0 256c0-49.947 40.447-90.395 90.349-90.395 22.204 0 42.25 8.361 58 21.618l183.454-91.711c-.105-1.763-.5-3.407-.5-5.229C331.303 40.447 371.697 0 421.658 0 471.553 0 512 40.447 512 90.283c0 49.947-40.447 90.395-90.342 90.395-22.264 0-42.316-8.303-58-21.618l-183.461 91.763c.106 1.71.5 3.355.5 5.177z'/%3E%3C/svg%3E");
}
.icon-email {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg baseProfile='tiny' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 268.4 181.2'%3E%3Cpath d='M0 0h268.4v161.5H0z'/%3E%3Cg fill='%23FFF'%3E%3Cpath d='M134.1 125.8L-.1 12v157.2c0 6.6 5.4 12 12 12h244.5c6.6 0 12-5.4 12-12V12L134.1 125.8z'/%3E%3Cpath d='M256.5 0H11.9L134 103.1 256.5 0z'/%3E%3C/g%3E%3C/svg%3E");
}
a:hover .icon-email {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg baseProfile='tiny' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 268.4 181.2'%3E%3Cpath fill='%230CBFF2' d='M0 0h268.4v161.5H0z'/%3E%3Cg fill='%23FFF'%3E%3Cpath d='M134.1 125.8L-.1 12v157.2c0 6.6 5.4 12 12 12h244.5c6.6 0 12-5.4 12-12V12L134.1 125.8z'/%3E%3Cpath d='M256.5 0H11.9L134 103.1 256.5 0z'/%3E%3C/g%3E%3C/svg%3E");
}
.icon-twitter {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg baseProfile='tiny' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 273.3 222.3'%3E%3Cpath fill='%23FFF' d='M276.7 26.3c-10.1 4.5-20.9 7.5-32.2 8.8 11.6-6.9 20.5-17.9 24.7-31-10.8 6.4-22.8 11.1-35.6 13.6A56.06 56.06 0 00192.7 0c-31 0-56.1 25.1-56.1 56.1 0 4.4.5 8.7 1.5 12.8-46.6-2.3-87.9-24.7-115.6-58.6-4.8 8.3-7.6 17.9-7.6 28.2 0 19.5 9.9 36.6 25 46.7-9.2-.3-17.8-2.8-25.4-7v.7c0 27.2 19.3 49.8 45 55-4.7 1.3-9.7 2-14.8 2-3.6 0-7.1-.4-10.6-1 7.1 22.3 27.9 38.5 52.4 39-19.2 15-43.4 24-69.7 24-4.5 0-9-.3-13.4-.8 24.8 15.9 54.3 25.2 86 25.2 103.2 0 159.6-85.5 159.6-159.6 0-2.4-.1-4.9-.2-7.3 10.9-7.9 20.4-17.8 27.9-29.1z'/%3E%3C/svg%3E");
}
.icon-soundcloud {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='435.4' height='189' viewBox='118 6 435.4 189'%3E%3Cpath d='M325.3 189.4zM309.2 145l-2.6-93c-.1-2.9-2.3-5.1-5.2-5.1-2.8 0-5.1 2.3-5.2 5.1l-2.3 93 2.3 44.7c.1 2.8 2.3 5.1 5.2 5.1 2.8 0 5.1-2.2 5.2-5.1l2.6-44.7zm-18.4 0L288 48.5c-.1-2.7-2.2-4.8-4.8-4.8-2.6 0-4.7 2.1-4.8 4.8l-2.5 96.5 2.5 45c.1 2.6 2.2 4.7 4.8 4.7 2.6 0 4.7-2.1 4.8-4.8l2.8-44.9zm34.6 44.4h-.1zm-.1 0zm-74.1 1.2v.1zm0-141.4c-.1-2.2-1.9-4-4-4-2.2 0-4 1.8-4 4l-3 95.8 3 45.7c.1 2.2 1.9 4 4 4 2.2 0 4-1.8 4-4l3.3-45.7-3.3-95.8zm18.4 141.2zm0-144.5c-.1-2.5-2-4.4-4.4-4.4s-4.3 1.9-4.4 4.4l-2.7 99 2.7 45.4c.1 2.4 2 4.4 4.4 4.4s4.3-1.9 4.4-4.4l3.1-45.4-3.1-99zm-92.8 147.6c1.3 0 2.4-1.1 2.6-2.5l4.4-46.1-4.4-47.7c-.1-1.4-1.2-2.5-2.6-2.5-1.3 0-2.4 1.1-2.6 2.5l-3.8 47.7 3.8 46.1c.2 1.4 1.3 2.5 2.6 2.5zM327.7 145l-2.3-110.6c0-1.9-1-3.6-2.5-4.6-.9-.6-1.9-.9-3.1-.9-1.1 0-2.1.3-3 .9-1.5 1-2.5 2.7-2.5 4.6v1l-2.1 109.5c0 .1 2.1 44.5 2.1 44.5v.2c.1 1.2.5 2.4 1.3 3.3 1 1.2 2.5 2 4.2 2 1.5 0 2.9-.6 3.9-1.6s1.6-2.4 1.7-3.9l.2-4.4 2.1-40zm-130.6-44.3c-.1-1.6-1.4-2.9-2.9-2.9-1.6 0-2.8 1.2-2.9 2.9l-3.6 44.2 3.6 46.5c.1 1.6 1.4 2.9 2.9 2.9 1.6 0 2.8-1.2 2.9-2.9l4.1-46.5-4.1-44.2zm14.6-31c-1.8 0-3.2 1.4-3.3 3.3l-3.4 71.9 3.4 46.5c.1 1.8 1.5 3.3 3.3 3.3 1.7 0 3.2-1.4 3.3-3.3l3.9-46.5L215 73c-.1-1.9-1.5-3.3-3.3-3.3zm21.1 121.7l3.6-46.2-3.6-88.4c-.1-2-1.7-3.6-3.7-3.6s-3.6 1.6-3.7 3.6l-3.2 88.4 3.2 46.2c.1 2 1.7 3.6 3.7 3.6s3.6-1.6 3.7-3.6zm-35.7 0zm144-172.1c-.9-.5-1.9-.8-3-.8-1.4 0-2.7.5-3.7 1.3-1.3 1.1-2.2 2.7-2.2 4.5v.6l-2.4 120 1.2 22.2 1.2 21.6c0 3.2 2.7 5.8 5.9 5.8s5.8-2.6 5.9-5.9l2.6-43.8L344 24.1c0-1.9-1.2-3.8-2.9-4.8zM126.4 170.4c.9 0 1.6-.7 1.7-1.7l3.8-23.8-3.8-24.2c-.1-1-.9-1.7-1.7-1.7-.9 0-1.6.7-1.7 1.7l-3.3 24.2 3.2 23.8c.1 1 .9 1.7 1.8 1.7zm16.1 14.5c.9 0 1.7-.7 1.8-1.8l4.9-38.2-4.9-39.1c-.1-1-.9-1.8-1.8-1.8s-1.7.7-1.8 1.8l-4.3 39.1 4.3 38.2c.1 1 .8 1.8 1.8 1.8zm17.1 6.8c1.1 0 2-.9 2.2-2.1l4.6-44.7-4.6-46.4c-.1-1.2-1.1-2.1-2.2-2.1-1.2 0-2.1.9-2.2 2.1l-4.1 46.4 4.1 44.7c.1 1.2 1 2.1 2.2 2.1zM503.3 87.9c-7.3 0-14.3 1.5-20.7 4.2C478.3 43.8 437.9 6 388.5 6c-12.1 0-23.9 2.4-34.3 6.4-4 1.6-5.1 3.2-5.2 6.3v170c0 3.3 2.6 5.8 5.8 6.1h148.4c29.6 0 53.6-23.7 53.6-53.3 0-29.6-23.9-53.6-53.5-53.6z'/%3E%3C/svg%3E");
}
.icon-instagram {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='512' height='512'%3E%3Cpath d='M256 49.5c67.3 0 75.2.3 101.8 1.5 24.6 1.1 37.9 5.2 46.8 8.7 11.8 4.6 20.2 10 29 18.8s14.3 17.2 18.8 29c3.4 8.9 7.6 22.2 8.7 46.8 1.2 26.6 1.5 34.5 1.5 101.8s-.3 75.2-1.5 101.8c-1.1 24.6-5.2 37.9-8.7 46.8-4.6 11.8-10 20.2-18.8 29s-17.2 14.3-29 18.8c-8.9 3.4-22.2 7.6-46.8 8.7-26.6 1.2-34.5 1.5-101.8 1.5s-75.2-.3-101.8-1.5c-24.6-1.1-37.9-5.2-46.8-8.7-11.8-4.6-20.2-10-29-18.8s-14.3-17.2-18.8-29c-3.4-8.9-7.6-22.2-8.7-46.8-1.2-26.6-1.5-34.5-1.5-101.8s.3-75.2 1.5-101.8c1.1-24.6 5.2-37.9 8.7-46.8 4.6-11.8 10-20.2 18.8-29s17.2-14.3 29-18.8c8.9-3.4 22.2-7.6 46.8-8.7 26.6-1.3 34.5-1.5 101.8-1.5m0-45.4c-68.4 0-77 .3-103.9 1.5C125.3 6.8 107 11.1 91 17.3c-16.6 6.4-30.6 15.1-44.6 29.1-14 14-22.6 28.1-29.1 44.6-6.2 16-10.5 34.3-11.7 61.2C4.4 179 4.1 187.6 4.1 256s.3 77 1.5 103.9c1.2 26.8 5.5 45.1 11.7 61.2 6.4 16.6 15.1 30.6 29.1 44.6 14 14 28.1 22.6 44.6 29.1 16 6.2 34.3 10.5 61.2 11.7 26.9 1.2 35.4 1.5 103.9 1.5s77-.3 103.9-1.5c26.8-1.2 45.1-5.5 61.2-11.7 16.6-6.4 30.6-15.1 44.6-29.1 14-14 22.6-28.1 29.1-44.6 6.2-16 10.5-34.3 11.7-61.2 1.2-26.9 1.5-35.4 1.5-103.9s-.3-77-1.5-103.9c-1.2-26.8-5.5-45.1-11.7-61.2-6.4-16.6-15.1-30.6-29.1-44.6-14-14-28.1-22.6-44.6-29.1-16-6.2-34.3-10.5-61.2-11.7-27-1.1-35.6-1.4-104-1.4z'/%3E%3Cpath d='M256 126.6c-71.4 0-129.4 57.9-129.4 129.4s58 129.4 129.4 129.4 129.4-58 129.4-129.4-58-129.4-129.4-129.4zm0 213.4c-46.4 0-84-37.6-84-84s37.6-84 84-84 84 37.6 84 84-37.6 84-84 84z'/%3E%3Ccircle cx='390.5' cy='121.5' r='30.2'/%3E%3C/svg%3E");
}
#footer .icon-facebook {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='206.9' height='398.3' viewBox='3 -99.3 206.9 398.3'%3E%3Cpath d='M137.1 299V117.3h61l9.2-70.8h-70.1V1.3c0-20.5 5.7-34.5 35.1-34.5h37.5v-63.3c-6.5-.9-28.7-2.8-54.6-2.8-54 0-91.1 33-91.1 93.5v52.2H3v70.8h61.1V299h73z'/%3E%3C/svg%3E");
}
#footer .icon-twitter {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='273.3' height='222.3' viewBox='37 -11.3 273.3 222.3'%3E%3Cpath d='M313.7 15c-10.1 4.5-20.9 7.5-32.2 8.8 11.6-6.9 20.5-17.9 24.7-31-10.8 6.4-22.8 11.1-35.6 13.6a55.919 55.919 0 00-40.9-17.7c-31 0-56.1 25.1-56.1 56.1 0 4.4.5 8.7 1.5 12.8C128.5 55.3 87.2 32.9 59.5-1c-4.8 8.3-7.6 17.9-7.6 28.2 0 19.5 9.9 36.6 25 46.7-9.2-.3-17.8-2.8-25.4-7v.7c0 27.2 19.3 49.8 45 55-4.7 1.3-9.7 2-14.8 2-3.6 0-7.1-.4-10.6-1 7.1 22.3 27.9 38.5 52.4 39-19.2 15-43.4 24-69.7 24-4.5 0-9-.3-13.4-.8 24.8 15.9 54.3 25.2 86 25.2C229.6 211 286 125.5 286 51.4c0-2.4-.1-4.9-.2-7.3 10.9-7.9 20.4-17.8 27.9-29.1z'/%3E%3C/svg%3E");
}
#footer .icon-email {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='268.4' height='181.2' viewBox='34 10.8 268.4 181.2'%3E%3Cpath d='M168.1 136.6L33.9 22.8V180c0 6.6 5.4 12 12 12h244.5c6.6 0 12-5.4 12-12V22.8L168.1 136.6z'/%3E%3Cpath d='M290.5 10.8H45.9L168 113.9z'/%3E%3C/svg%3E");
}
.icon-prev {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}
.icon-next,
.icon-prev {
    width: 1em;
    height: 1em;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='172' height='210'%3E%3Cpath d='M70 7.7C74.7 3 80.4 1.1 86.1 1.1c5.7 0 11.4 1.9 16.1 6.6 4.7 4.7 6.6 10.4 6.6 16.1v82.4h57.4c2.2 0 8.7 4.2 3.5 10.1-23 25.9-75.2 92.7-83.6 92.7-8.3 0-61.6-66.7-84-92.6-5.2-6 2.9-10.2 4.8-10.2h56.5V23.8c0-5.7 1.9-11.4 6.6-16.1z' fill='%23fff'/%3E%3C/svg%3E");
}
.icon-next {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
}
.icon-collapse,
.icon-expand {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='199.4' height='99.7' viewBox='0 951.3 199.4 99.7'%3E%3Cpath fill='%23fff' d='M.8 951.3l99.7 99.7 99.7-99.7h-25.4l-74.3 74.3-74.3-74.3z'/%3E%3C/svg%3E");
}
.icon-collapse {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}
.icon-view-all {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg version='1.2' baseProfile='tiny' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M0 0h12v12H0z'/%3E%3Cpath fill='%23FFF' d='M0 5h5V0H0v5zm7-5v5h5V0H7zm0 12h5V7H7v5zm-7 0h5V7H0v5z'/%3E%3C/svg%3E");
    transition: color 0.2s ease-in-out, background 0.2s ease-in-out;
}
a.button-alt:hover .icon-view-all,
a:hover .icon-view-all {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg baseProfile='tiny' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath fill='%230CBFF2' d='M0 0h12v12H0z'/%3E%3Cpath fill='%23FFF' d='M0 5h5V0H0v5zm7-5v5h5V0H7zm0 12h5V7H7v5zm-7 0h5V7H0v5z'/%3E%3C/svg%3E");
}
.icon-cart {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' x='0' y='0' width='269.6' height='184' viewBox='-373.9 894.3 269.6 184' xml:space='preserve'%3E%3Cstyle%3E.st0{fill:none;stroke:%23fff;stroke-width:20;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10}.st1{fill:%23fff}%3C/style%3E%3Cg id='Layer_2'%3E%3Cpath class='st0' d='M-363.9 904.3h62.1l28.9 110.2h129.3l29.3-96.2'/%3E%3Ccircle class='st1' cx='-249.8' cy='1058.3' r='20'/%3E%3Ccircle class='st1' cx='-166.8' cy='1058.3' r='20'/%3E%3Cpath class='st1' d='M-218.6 984.9h-28.6l-5.7-21.1h34.3zm23.3 0h28.6l5.7-21.1h-34.3z'/%3E%3Cpath class='st0' d='M-288.4 933.3h166.1'/%3E%3C/g%3E%3C/svg%3E");
}
li.expanded .icon-cart {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' x='0' y='0' width='269.6' height='184' viewBox='35 9 269.6 184' xml:space='preserve'%3E%3Cstyle%3E.st0{fill:none;stroke:%23000;stroke-width:20;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10}%3C/style%3E%3Cpath class='st0' d='M45 19h62.1L136 129.2h129.3L294.6 33'/%3E%3Ccircle cx='159.1' cy='173' r='20'/%3E%3Ccircle cx='242.1' cy='173' r='20'/%3E%3Cpath d='M190.3 99.6h-28.6L156 78.5h34.3zm23.3 0h28.6l5.7-21.1h-34.3z'/%3E%3Cpath class='st0' d='M120.5 48h166.1'/%3E%3C/svg%3E");
}
.icon-search {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='25' viewBox='-87 88 25 25'%3E%3Cpath d='M-71.8 97.4c0-1.6-.6-3-1.7-4.2s-2.6-1.7-4.2-1.7-3 .6-4.2 1.7-1.7 2.6-1.7 4.2.6 3 1.7 4.2 2.6 1.7 4.2 1.7 3-.6 4.2-1.7 1.7-2.6 1.7-4.2zm9.8 13.8c0 .5-.2.9-.5 1.2s-.7.5-1.2.5-.9-.2-1.2-.5l-7.4-7.4c-1.6 1.1-3.4 1.6-5.3 1.6-1.3 0-2.5-.2-3.6-.7-1.2-.5-2.2-1.2-3-2s-1.5-1.8-2-3-.7-2.4-.7-3.6c0-1.3.2-2.5.7-3.6.5-1.2 1.2-2.2 2-3s1.8-1.5 3-2 2.4-.7 3.6-.7 2.5.2 3.6.7c1.2.5 2.2 1.2 3 2s1.5 1.8 2 3 .7 2.4.7 3.6c0 2-.5 3.7-1.6 5.3l7.4 7.4c.3.4.5.8.5 1.2z'/%3E%3C/svg%3E");
}
.icon-download {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='172' height='210'%3E%3Cpath d='M70 7.7C74.7 3 80.4 1.1 86.1 1.1c5.7 0 11.4 1.9 16.1 6.6 4.7 4.7 6.6 10.4 6.6 16.1v82.4h57.4c2.2 0 8.7 4.2 3.5 10.1-23 25.9-75.2 92.7-83.6 92.7-8.3 0-61.6-66.7-84-92.6-5.2-6 2.9-10.2 4.8-10.2h56.5V23.8c0-5.7 1.9-11.4 6.6-16.1z' fill='%23fff'/%3E%3C/svg%3E");
}
a:hover .icon-download {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='172' height='210' viewBox='-13 -5 172 210'%3E%3Cpath d='M57 2.7C61.7-2 67.4-3.9 73.1-3.9S84.5-2 89.2 2.7s6.6 10.4 6.6 16.1v82.4h57.4c2.2 0 8.7 4.2 3.5 10.1-23 25.9-75.2 92.7-83.6 92.7-8.3 0-61.6-66.7-84-92.6-5.2-6 2.9-10.2 4.8-10.2h56.5V18.8c0-5.7 1.9-11.4 6.6-16.1z' fill='%230cbff2'/%3E%3C/svg%3E");
}
.icon-alliance {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='345.6' height='314' viewBox='-176.3 439.5 345.6 314'%3E%3Cpath d='M-120.4 701.6c0 10-8.1 18-18.1 18h-19.7c-10 0-18.1-8.1-18.1-18V477c0-9.9 8.1-18 18.1-18h19.7c10 0 18.1 8.1 18.1 18v224.6zm72.4 33.9c0 10-8.1 18-18.1 18h-19.6c-10 0-18.1-8.1-18.1-18v-221c0-10 8.1-18 18.1-18H-66c10 0 18.1 8.1 18.1 18l-.1 221zm72.4-33.9c0 10-8.1 18-18.1 18h-19.6c-10 0-18.1-8.1-18.1-18V457.5c0-9.9 8.1-18 18.1-18H6.4c10 0 18.1 8.1 18.1 18l-.1 244.1zm72.5 0c0 10-8.1 18-18.1 18H59.1c-10 0-18.1-8.1-18.1-18V477c0-9.9 8.1-18 18.1-18h19.7c10 0 18.1 8.1 18.1 18v224.6zm72.4 33.9c0 10-8.1 18-18.1 18h-19.7c-10 0-18.1-8.1-18.1-18V477c0-9.9 8.1-18 18.1-18h19.7c10 0 18.1 8.1 18.1 18v258.5z' fill='%23fff'/%3E%3C/svg%3E");
}
.icon-newsletter {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' x='0' y='0' width='358.9' height='380' viewBox='-183.4 400 358.9 380' xml:space='preserve'%3E%3Cstyle%3E.st0{fill:%23fff}%3C/style%3E%3Cpath class='st0' d='M-80.5 523.6c-7.2 0-12.9-6.6-12.9-14.8v-16.1c0-8.2 5.8-14.8 12.9-14.8H80.2c7.1 0 12.9 6.6 12.9 14.8v16.1c0 8.2-5.8 14.8-12.9 14.8H-80.5zm-24.2 59.1c-7.2 0-12.9-6.6-12.9-14.8v-16c0-8.2 5.8-14.8 12.9-14.8h158c7.2 0 12.9 6.6 12.9 14.8V568c0 8.2-5.8 14.8-12.9 14.8l-158-.1zm24.2 59.1c-7.2 0-12.9-6.6-12.9-14.8v-16c0-8.2 5.8-14.8 12.9-14.8H94.1c7.1 0 12.9 6.6 12.9 14.8v16.1c0 8.2-5.8 14.8-12.9 14.8l-174.6-.1zm0 59.2c-7.2 0-12.9-6.6-12.9-14.8v-16.1c0-8.2 5.8-14.8 12.9-14.8H80.2c7.1 0 12.9 6.6 12.9 14.8v16.1c0 8.2-5.8 14.8-12.9 14.8H-80.5z'/%3E%3Cpath class='st0' d='M147.4 428v324h-302.8V428h302.8m28-28h-358.8v380h358.9V400h-.1z'/%3E%3C/svg%3E");
}
.icon-mac {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg baseProfile='tiny' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 170 170'%3E%3Cpath d='M150.4 130.2c-2.4 5.7-5.4 10.9-8.7 15.7-4.6 6.5-8.3 11.1-11.2 13.6-4.5 4.1-9.3 6.2-14.4 6.4-3.7 0-8.1-1.1-13.3-3.2-5.2-2.1-10-3.2-14.3-3.2-4.6 0-9.5 1.1-14.7 3.2-5.3 2.1-9.5 3.2-12.7 3.4-4.9.2-9.8-2-14.7-6.5-3.1-2.7-7-7.4-11.7-14-5-7.1-9.2-15.3-12.4-24.6-3.5-10.1-5.2-19.9-5.2-29.4 0-10.9 2.3-20.2 7-28.1 3.7-6.3 8.6-11.3 14.8-14.9 6.1-3.7 12.8-5.5 19.9-5.6 3.9 0 9 1.2 15.4 3.6 6.4 2.4 10.4 3.6 12.2 3.6 1.3 0 5.9-1.4 13.6-4.2 7.3-2.6 13.4-3.7 18.4-3.3 13.6 1.1 23.9 6.5 30.7 16.2-12.2 7.4-18.2 17.7-18.1 31 .1 10.3 3.9 18.9 11.2 25.8 3.3 3.2 7.1 5.6 11.2 7.4-1.1 2.3-2 4.8-3 7.1zm-31.3-123c0 8.1-3 15.7-8.9 22.7-7.1 8.3-15.7 13.1-25 12.4-.1-1-.2-2-.2-3.1 0-7.8 3.4-16.1 9.4-22.9 3-3.4 6.8-6.3 11.4-8.6s9-3.5 13.1-3.7c.2 1.1.2 2.2.2 3.2z'/%3E%3C/svg%3E");
}
.icon-avid {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg baseProfile='tiny' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 112 36'%3E%3Cpath d='M32.8 35.5h-30c-1.9 0-2.2-2.6-1.6-3.8L15.9 4.2c.9-1.6 2.8-2.1 4 0l15 27c1.2 2.3.2 4.3-2.1 4.3zM69.6 1.7H73c2.4 0 4.1 1.9 4.1 4.1v25.4c0 2.4-1.9 4.1-4.1 4.1h-3.4c-2.4 0-4.1-1.9-4.1-4.1V5.8c0-2.2 1.7-4.1 4.1-4.1zm-10.5.8h-30c-1.9 0-2.2 2.5-1.6 3.7l14.7 27.2c.9 1.5 2.8 2.1 4 0l15-26.9c1-2 0-4-2.1-4zm23.3.5v30c0 1.9 2.2 2.2 3.4 1.6l24.1-13.8c1.3-.7 1.8-2.6 0-4L86 1c-1.7-1.2-3.6-.2-3.6 2zm24.8 32.4v-2.1h-.7V33h1.9v.3h-.7v2.1h-.5zm1.5 0V33h.4l.6 1.8c0 .1.1.3.1.3 0-.1 0-.1.1-.4l.6-1.6h.5v2.4h-.3v-2.1l-.7 2.1h-.3l-.7-2.1v2.1l-.3-.1z'/%3E%3C/svg%3E");
}
.icon-windows {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg baseProfile='tiny' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 88 88'%3E%3Cpath d='M.3 12.6L36 7.7v34.4l-35.7.3V12.6zM36 46.1v34.5L.3 75.7V45.9l35.7.2zm4.3-39L87.6.2v41.5l-47.3.4v-35zm47.3 39.4v41.3l-47.3-6.7-.1-34.7 47.4.1z'/%3E%3C/svg%3E");
}
.icon-document {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg baseProfile='tiny' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 25'%3E%3Cpath d='M0 5v20h18V0H5L0 5zm2 18V7.5h5.5V2H16v21H2z'/%3E%3C/svg%3E");
}
.icon-success {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Ccircle cx='100' cy='100' r='100' fill='%230cf25d'/%3E%3Cpath d='M169.1 64.8l-13.2-13.2c-1.8-1.8-4.8-1.8-6.6 0l-57.2 60.6s-2.5 2.8-6 3c-3.5.1-6.2-2.8-6.2-2.8l-21-21.1c-1.8-1.8-4.8-1.8-6.7 0l-13.3 13.4c-1.8 1.8-1.8 4.8 0 6.7L72 145.6c2.2 2.2 6.7 4.9 14.2 4.9 6.9 0 12.6-3 14.4-4.9l68.5-74.2c1.8-1.8 1.8-4.7 0-6.6z' fill='%23fff'/%3E%3C/svg%3E");
}
.icon-error {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cpath d='M94.4 0h11.5c22.5 1.5 44.6 10.6 61.3 25.9 19.4 17.4 31.2 42.6 32.8 68.5V106c-1.5 22.5-10.6 44.6-25.9 61.3-17.4 19.4-42.5 31.2-68.5 32.8H94c-22.2-1.6-43.9-10.3-60.5-25.2C13.7 157.5 1.5 132 0 105.7V94c1.6-23.2 11.1-45.9 27.3-62.7C44.6 12.8 69.1 1.5 94.4 0z' fill='%23ee3c3c'/%3E%3Cpath d='M57.3 44.6c3.3-1.4 7.5-.8 10.1 1.9 8.9 8.7 17.5 17.7 26.4 26.3 3.6 3.5 9.9 3.3 13.2-.4 8.7-8.5 17.1-17.2 25.7-25.6 3.2-3.5 9.2-3.8 12.7-.5 3.2 2.8 6.2 5.8 8.9 9.1 2.7 3.6 2.1 8.9-1.1 11.9C144.7 76 136 84.4 127.5 93c-3.6 3.3-4 9.5-.5 13.1 8.6 9 17.6 17.6 26.3 26.5 3.4 3.2 3.6 9.2.2 12.6-3 3.1-5.9 6.3-9.3 9-3.7 2.7-9.1 1.6-12-1.7-8.4-8.3-16.7-16.7-25.1-25.1-3.4-3.9-9.9-4.2-13.6-.5-8.7 8.5-17.1 17.2-25.7 25.6-3 3.4-8.6 4.2-12.2 1.4-3.3-2.7-6.2-5.9-9.1-9-3.1-3.2-3.1-8.9.1-12.1 8.6-9 17.7-17.6 26.4-26.6 3.4-3.3 3.5-9.3.2-12.8-8.7-9-17.8-17.6-26.4-26.6-3.5-3.5-3.3-9.6.3-12.9 3.3-3.2 6.2-7 10.2-9.3z' fill='%23fff'/%3E%3C/svg%3E");
}
.icon-warning {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='202' height='180' viewBox='-1 10 202 180'%3E%3Cpath d='M78.9 25.5c4.4-7.6 11.7-15.1 21.1-15.1 9.5-.1 16.9 7.3 21.4 15 24.5 42.2 49.1 84.2 73.6 126.4 2.8 4.7 5 9.8 5.8 15.2v6c-2 10.2-12.2 15.7-21.9 16.5H20.4c-9.6-1.1-19.8-6.8-21.2-17.2v-5.7c1.1-7 4.7-13.2 8.3-19.2 23.8-40.5 47.6-81.2 71.4-121.9z' fill='%23eff14e'/%3E%3Cpath d='M85.6 59.5H116c-2 24.6-4.1 49.1-6.1 73.7H91.7c-2-24.5-4-49.1-6.1-73.7zm10.6 82.9c6.1-2.6 13.9.5 16.3 6.7 3.4 6.8-1 15.9-8.4 17.5-6.6 2-14.3-2.5-15.7-9.3-1.7-6.1 2-12.8 7.8-14.9z' fill='%23fff'/%3E%3C/svg%3E");
}
.icon-info {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Ccircle cx='100' cy='100' r='100' fill='%230cbff2'/%3E%3Cpath d='M88.2 167.4c-5.8-.2-9.9-5.2-5.1-26.5l8.1-37.8c1.4-6 1.7-8.5.3-8.5-1.8-.1-9.5 3.9-14.1 7.8l-2.7-6.7c14.8-15.8 31.5-24.8 38.5-24.5 5.8.2 6.5 9.8 3 24.3l-9.2 39.7c-1.6 7-1.1 9.5.2 9.5 1.8.1 7.6-2.7 13.5-8.5l3.1 6.2c-14.4 18.4-29.8 25.2-35.6 25zm25.1-135c7.5 0 11.3 6.2 11.3 13.2 0 8.8-7 15.5-15.5 15.5-4.5 0-10.9-3.6-10.7-12 0-7 5-16.7 14.9-16.7z' fill='%23fff'/%3E%3C/svg%3E");
}
body.product #features li:before {
    display: inline-block;
    width: 0.9em;
    height: 0.9em;
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cpath fill='%230cbff2' d='M0 0h200v200H0z'/%3E%3Cpath d='M169.1 64.8l-13.2-13.2c-1.8-1.8-4.8-1.8-6.6 0l-57.2 60.6s-2.5 2.8-6 3c-3.5.1-6.2-2.8-6.2-2.8l-21-21.1c-1.8-1.8-4.8-1.8-6.7 0l-13.3 13.4c-1.8 1.8-1.8 4.8 0 6.7L72 145.6c2.2 2.2 6.7 4.9 14.2 4.9 6.9 0 12.6-3 14.4-4.9l68.5-74.2c1.8-1.8 1.8-4.7 0-6.6z' fill='%23fff'/%3E%3C/svg%3E");
    background-size: contain;
    content: "";
}
form table {
    width: auto;
    table-layout: auto;
}
form table td {
    padding: 0;
    border: 0;
    vertical-align: baseline;
}
@media (min-width: 600px) {
    #main form .formbody .fields > p,
    #main form .formbody > p,
    #main form fieldset > p {
        margin-bottom: 0;
    }
    #main form .submit_container {
        margin-top: 1em;
    }
}
fieldset:not(.checkbox_container):not(.radio_container) {
    margin-bottom: 1em;
    padding: 20px;
    border: 1px solid #9b9da0;
    background: hsla(0, 0%, 100%, 0.5);
}
fieldset:not(.checkbox_container):not(.radio_container) td {
    padding: 0 16px 0 0;
    border: 0;
    vertical-align: middle;
}
fieldset:not(.checkbox_container):not(.radio_container) > legend {
    display: block;
    float: left;
    width: 100%;
    width: calc(100% + 40px);
    margin: -20px -20px 0.5em;
    padding: 0.15em 20px;
    font-family: League Gothic, Avenir Next Condensed, Helvetica Neue, Arial, sans-serif;
    color: #0cbff2;
    background: #191b1f;
    font-size: 1rem;
}
fieldset.checkbox_container legend,
fieldset.radio_container legend,
label {
    display: block;
    min-width: 9em;
    margin: 0 0 0.25em;
    font-family: League Gothic, Avenir Next Condensed, Helvetica Neue, Arial, sans-serif;
    font-size: 1.35rem;
    line-height: 1.35;

}
@media (min-width: 600px) {
    fieldset.checkbox_container legend,
    fieldset.radio_container legend,
    label {
        display: inline-block;

    }
}

input[type="checkbox"] + label,
input[type="radio"] + label {
    max-width: 35em;
    font-family: Helvetica Neue, Helvetica, Tahoma, Arial, sans-serif;
    font-weight: 300;
    font-size: 0.875em;
    line-height: 1.25;
    text-transform: none;
}
span.mandatory {
    color: #ee3c3c;
}
span.mandatory:nth-child(n + 2) {
    margin-left: 2px;
}
p.instructions {
    margin-bottom: 1em !important;
}
.hosted-field,
input[type="color"],
input[type="date"],
input[type="datetime"],
input[type="email"],
input[type="month"],
input[type="number"],
input[type="password"],
input[type="tel"],
input[type="text"],
input[type="time"],
input[type="url"],
input[type="week"],
textarea {
    font-family: Helvetica Neue, Helvetica, Tahoma, Arial, sans-serif;
    font-weight: 300;
    max-width: 100%;
    margin: 0 1em 0 0;
    padding: 0.2em 0.5em;
    border: 1px solid #000;
    border-radius: 0;
    color: #000;
    background-color: hsla(0, 0%, 100%, 0.5);
    font-size: 1rem;
    transition: box-shadow 0.2s ease-in;
}
.hosted-field:active,
.hosted-field:focus,
input[type="color"]:active,
input[type="color"]:focus,
input[type="date"]:active,
input[type="date"]:focus,
input[type="datetime"]:active,
input[type="datetime"]:focus,
input[type="email"]:active,
input[type="email"]:focus,
input[type="month"]:active,
input[type="month"]:focus,
input[type="number"]:active,
input[type="number"]:focus,
input[type="password"]:active,
input[type="password"]:focus,
input[type="tel"]:active,
input[type="tel"]:focus,
input[type="text"]:active,
input[type="text"]:focus,
input[type="time"]:active,
input[type="time"]:focus,
input[type="url"]:active,
input[type="url"]:focus,
input[type="week"]:active,
input[type="week"]:focus{
    outline: none;
    box-shadow: 0 0 4px 1px #000;
}
.hosted-field {
    display: inline-block;
    width: 13em;
    height: 2em;
    padding-top: 0;
    padding-bottom: 0;
    vertical-align: middle;
}
.hosted-field.braintree-hosted-fields-focused {
    background-color: transparent;
}
textarea {
    margin-bottom: 0.75em;
    vertical-align: top;
}
input[type="checkbox"],
input[type="radio"] {
    margin: 0.4em 1.5em 0.4em 0;
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
}
input[type="file"] {
    width: 14em;
    font-size: 0.875em;
}
input[type="file"],
select {
    font-family: Helvetica Neue, Helvetica, Tahoma, Arial, sans-serif;
    font-weight: 300;
    line-height: 1;
}
select {
    height: 1.75em;
    margin: 0;
    padding: 0.25em 0.25em 0.25em 0;
    border: 0;
    border-radius: 0;
    font-size: 1em;
}
select:active,
select:focus {
    outline: none;
    box-shadow: 0 0 4px 3px #0cbff2;
}
.styled-select.disabled,
input[readonly],
select[disabled] {
    width: 20em;
    border: 0;
    color: #000;
    background: transparent;
    text-shadow: 0 0 0 #fff;
    -webkit-appearance: none;
}
.styled-select.disabled:active,
.styled-select.disabled:focus,
input[readonly]:active,
input[readonly]:focus,
select[disabled]:active,
select[disabled]:focus {
    box-shadow: none;
}
select[disabled] + .toggle-select {
    display: none;
}

label[for="country"] + .styled-select {
    max-width: 14em;
}
span.counter {
    margin-right: 0.5em;
    font-size: 0.875rem;
}
input[type="submit"] {
    padding: 0.15em 1.5em;
    border-radius: 0;
    -webkit-appearance: none;
}
input[type="submit"].unbutton {
    padding: 0;
    color: #0cbff2;
    background-color: transparent;
    font-family: inherit;
    font-size: 1rem;
    font-weight: 200;
    text-transform: inherit;
}
input[type="submit"].unbutton:hover {
    color: #fff;
    background-color: transparent;
}
.button.inactive,
input.inactive[type="submit"],
input[type="submit"][disabled] {
    color: #fff;
    background-color: #636467;
    cursor: not-allowed;
    opacity: 0.75;
}
.button.inactive:hover,
input.inactive:hover[type="submit"],
input[type="submit"][disabled]:hover {
    background-color: #636467;
}
.password-meter {
    position: relative;
    width: 13em;
    margin-top: 0.5em;
    margin-bottom: 0.75em;
}
@media (min-width: 600px) {
    .password-meter {
        margin-top: 0;
        margin-left: 13.625em;
    }
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}
@keyframes fadeOut {
    0% {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}


.button,
input[type="submit"] {
    display: inline-block;
    padding: 0.35em 1em;
    border: none;
    color: #fff;
    background-color: #0cbff2;
    font-family: League Gothic, Avenir Next Condensed, Helvetica Neue, Arial, sans-serif;
    font-size: 1.25rem;
    line-height: 0.9;
    font-weight: 400;
    text-align: center;
    text-transform: uppercase;
    cursor: pointer;
    transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out;
}
.button:hover,
input:hover[type="submit"] {
    background-color: #56cfff;
} 
.button.go-next,
.button.go-prev,
input.go-next[type="submit"],
input.go-prev[type="submit"] {
    display: inline-block;
    padding: 0.5em 0.6em;
}
@media (min-width: 800px) {
    .button,
    input[type="submit"] {
        font-size: 1.5rem;
    }
}
.button + .button,
.button + input[type="submit"],
input[type="submit"] + .button,
input[type="submit"] + input[type="submit"] {
    margin-left: 1em;
}
.button-split {
    display: inline-block;
    padding: 0;
}
.button-split .button-primary,
.button-split .button-secondary {
    display: block;
    float: left;
}
.button-split .button-primary {
    padding: 0.35em 0.75em;
}
.button-split .button-primary:focus,
.button-split .button-secondary {
    color: #0cbff2;
    background-color: #fff;
}
.button-split .button-secondary {
    padding: 0.35em 0.75em;
    text-transform: none;
}
.button-social {
    display: inline-block;
    margin-right: 0.3em;
    margin-bottom: 0.1em;
    padding: 0.3em;
    color: #191b1f;
    background-color: #000;
    font-size: 1.25rem;
    line-height: 0.8;
    content: "";
}
.button-social:hover {
    background-color: #0cbff2;
}
@media (min-width: 800px) {
    .button-social {
        font-size: 1.2rem;
    }
}
.button-social + .button-social {
    margin-left: inherit;
}
.button-alt,
input[type="submit"].button-alt {
    color: #fff;
    background-color: #000;
}
.button-alt:hover,
input[type="submit"].button-alt:hover {
    color: #fff;
    background-color: #0cbff2;
}
.button-alt .icon,
input[type="submit"].button-alt .icon {
    margin-right: 0.75em;
    font-size: 0.83em;
    vertical-align: bottom;
}
@media (max-width: 799px) {
    .button-alt .icon,
    input[type="submit"].button-alt .icon {
        display: none;
    }
}
.toggler[role]:before,
body.order-success .toggler[role]:before {
    display: inline-block;
    float: left;
    width: 0.8em;
    height: 0.85em;
    margin: 0.1em 0.75em 0.25em 0;
    padding: 0;
    color: #fff;
    background-color: #0cbff2;
    font-size: 1.15em;
    line-height: 0.75;
    font-weight: 700;
    text-align: center;
    content: "+";
}
.active.toggler[role]:before {
    content: "-";
}
button.delete {
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    margin-top: 0.3em;
    padding: 0;
    border: 2px solid #154d5f;
    background-color: transparent;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    cursor: pointer;
    transition: color 0.2s ease-in, background-color 0.2s ease-in;
}
button.delete:before {
    display: block;
    width: 100%;
    height: 1em;
    color: #0cbff2;
    font-size: 1rem;
    line-height: 0.7;
    font-weight: 400;
    text-indent: 0;
    content: "\d7";
}
button.delete:hover {
    border-color: #0cbff2;
}
button.delete:hover:before {
    color: #fff;
    background-color: #0cbff2;
}

/*HEADER*/

#header {
    clear: both;
    background-color: #191b1f;
}
#header .mod_head {
    position: relative;
}
#header .cart-badge,
#header .toggle-site-menu {
    position: absolute;
    top: 12px;
    right: 10px;
    font-family: IBM Plex Sans, sans-serif,League Gothic, Avenir Next Condensed, Helvetica Neue, Arial, sans-serif;
    font-size: 1.5rem;
    font-weight: 400;
    text-transform: uppercase;
    color: #0cbff2;
}
#header .logo {
    display: block;
    float: left;
		clear: both;
		width: 180px;
   height: 3em;
		margin-left: 6px;
  background-repeat: no-repeat;
	background-image: url("data:image/svg+xml,%3Csvg width='291' height='64' viewBox='0 0 291 64' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_1188_2970)'%3E%3Cpath d='M76.1778 35.401C75.9598 35.401 75.8145 35.2557 75.8145 35.0377V11.9169C75.8145 11.6989 75.9598 11.5536 76.1778 11.5536H85.1296C89.7509 11.5536 92.9625 14.5182 92.9625 18.965C92.9625 23.4119 89.7363 26.4055 85.1296 26.4055H80.1596C80.0143 26.4055 79.9416 26.4782 79.9416 26.6235V35.0668C79.9416 35.2847 79.7963 35.4301 79.5783 35.4301H76.1778V35.401ZM88.8208 18.965C88.8208 16.7852 87.324 15.2738 84.8535 15.2738H80.1596C80.0143 15.2738 79.9416 15.3465 79.9416 15.4918V22.4382C79.9416 22.5836 80.0143 22.6562 80.1596 22.6562H84.8535C87.324 22.6562 88.8208 21.1885 88.8208 18.965ZM100.592 35.6045C97.2931 35.6045 95.9707 34.035 95.9707 30.7652V11.9024C95.9707 11.6844 96.116 11.5391 96.334 11.5391H99.5601C99.7781 11.5391 99.9235 11.6844 99.9235 11.9024V30.5472C99.9235 31.6953 100.388 32.0877 101.391 32.0877H102.176C102.394 32.0877 102.539 32.233 102.539 32.451V35.2412C102.539 35.4591 102.394 35.6045 102.176 35.6045H100.606H100.592ZM115.953 35.3865C115.735 35.3865 115.589 35.2412 115.589 35.0232V33.8025H115.56C114.659 34.9505 113.308 35.7643 111.186 35.7643C107.567 35.7643 105.344 33.1194 105.344 29.5009V18.8342C105.344 18.6163 105.489 18.4709 105.707 18.4709H108.933C109.151 18.4709 109.297 18.6163 109.297 18.8342V28.5709C109.297 30.7507 110.299 32.262 112.45 32.262C114.456 32.262 115.604 30.7652 115.604 28.6144V18.8488C115.604 18.6308 115.749 18.4855 115.967 18.4855H119.193C119.411 18.4855 119.557 18.6308 119.557 18.8488V35.0232C119.557 35.2412 119.411 35.3865 119.193 35.3865H115.967H115.953ZM123.611 39.5718C123.466 39.3974 123.466 39.252 123.64 39.0631L125.718 36.985C125.893 36.8106 126.081 36.8106 126.256 36.985C127.288 37.9877 128.552 38.5545 129.947 38.5545C132.519 38.5545 133.74 37.1594 133.74 34.5145V32.9451H133.711C132.926 34.1222 131.487 34.9069 129.337 34.9069C126.503 34.9069 124.468 33.4682 123.567 30.7943C123.131 29.5009 123.001 28.3238 123.001 26.4927C123.001 24.6617 123.146 23.5282 123.567 22.2348C124.468 19.5463 126.474 18.0786 129.337 18.0786C131.517 18.0786 132.955 18.8633 133.711 20.084H133.74V18.8342C133.74 18.6163 133.885 18.4709 134.103 18.4709H137.329C137.547 18.4709 137.693 18.6163 137.693 18.8342V34.3401C137.693 39.1794 135.004 42.0713 129.816 42.0713C127.418 42.0713 124.919 41.0976 123.626 39.5718M133.333 29.2975C133.624 28.5127 133.725 27.6844 133.725 26.5363C133.725 25.3883 133.624 24.5745 133.333 23.7752C132.868 22.4092 131.938 21.6244 130.325 21.6244C128.712 21.6244 127.825 22.4092 127.36 23.7752C127.07 24.56 126.968 25.4174 126.968 26.5363C126.968 27.6553 127.07 28.5418 127.36 29.2975C127.825 30.6926 128.755 31.4773 130.325 31.4773C131.894 31.4773 132.868 30.6926 133.333 29.2975ZM142.459 15.3029C142.241 15.3029 142.096 15.1576 142.096 14.9396V11.9024C142.096 11.6844 142.241 11.5391 142.459 11.5391H145.685C145.903 11.5391 146.049 11.6844 146.049 11.9024V14.9396C146.049 15.1576 145.903 15.3029 145.685 15.3029H142.459ZM142.459 35.3865C142.241 35.3865 142.096 35.2412 142.096 35.0232V18.8488C142.096 18.6308 142.241 18.4855 142.459 18.4855H145.685C145.903 18.4855 146.049 18.6308 146.049 18.8488V35.0232C146.049 35.2412 145.903 35.3865 145.685 35.3865H142.459ZM161.148 35.3865C160.93 35.3865 160.784 35.2412 160.784 35.0232V25.2866C160.784 23.1067 159.709 21.5954 157.602 21.5954C155.495 21.5954 154.376 23.0922 154.376 25.2866V35.0232C154.376 35.2412 154.23 35.3865 154.012 35.3865H150.786C150.568 35.3865 150.423 35.2412 150.423 35.0232V18.8488C150.423 18.6308 150.568 18.4855 150.786 18.4855H154.012C154.23 18.4855 154.376 18.6308 154.376 18.8488V20.0695H154.405C155.161 19.0377 156.628 18.1076 158.837 18.1076C162.456 18.1076 164.679 20.7525 164.679 24.371V35.0377C164.679 35.2557 164.534 35.401 164.316 35.401H161.133L161.148 35.3865ZM182.801 11.9024C182.873 11.6844 183.019 11.5391 183.266 11.5391H186.492C186.739 11.5391 186.884 11.6844 186.957 11.9024L195.008 35.0232C195.081 35.2412 195.008 35.3865 194.761 35.3865H191.331C191.084 35.3865 190.939 35.2847 190.866 35.0232L189.297 30.4019H180.345L178.775 35.0232C178.703 35.2702 178.557 35.3865 178.31 35.3865H174.91C174.663 35.3865 174.59 35.2412 174.663 35.0232L182.83 11.9024H182.801ZM188.032 26.7253L184.879 17.4827H184.777L181.595 26.7253H188.032ZM201.998 35.6045C198.699 35.6045 197.377 34.035 197.377 30.7652V11.9024C197.377 11.6844 197.522 11.5391 197.74 11.5391H200.966C201.184 11.5391 201.329 11.6844 201.329 11.9024V30.5472C201.329 31.6953 201.794 32.0877 202.797 32.0877H203.582C203.8 32.0877 203.945 32.233 203.945 32.451V35.2412C203.945 35.4591 203.8 35.6045 203.582 35.6045H202.012H201.998ZM211.415 35.6045C208.116 35.6045 206.794 34.035 206.794 30.7652V11.9024C206.794 11.6844 206.939 11.5391 207.157 11.5391H210.383C210.601 11.5391 210.746 11.6844 210.746 11.9024V30.5472C210.746 31.6953 211.211 32.0877 212.214 32.0877H212.999C213.217 32.0877 213.362 32.233 213.362 32.451V35.2412C213.362 35.4591 213.217 35.6045 212.999 35.6045H211.429H211.415ZM216.748 15.3029C216.53 15.3029 216.385 15.1576 216.385 14.9396V11.9024C216.385 11.6844 216.53 11.5391 216.748 11.5391H219.974C220.192 11.5391 220.338 11.6844 220.338 11.9024V14.9396C220.338 15.1576 220.192 15.3029 219.974 15.3029H216.748ZM216.748 35.3865C216.53 35.3865 216.385 35.2412 216.385 35.0232V18.8488C216.385 18.6308 216.53 18.4855 216.748 18.4855H219.974C220.192 18.4855 220.338 18.6308 220.338 18.8488V35.0232C220.338 35.2412 220.192 35.3865 219.974 35.3865H216.748ZM234.463 35.3865C234.245 35.3865 234.1 35.2412 234.1 35.0232V33.8025H234.071C233.286 34.9505 231.673 35.7643 229.304 35.7643C226.223 35.7643 223.607 34.1512 223.607 30.6054C223.607 27.0595 226.18 25.2284 230.379 25.2284H233.809C233.954 25.2284 234.027 25.1558 234.027 25.0104V24.2257C234.027 22.2929 233.126 21.4355 230.263 21.4355C228.359 21.4355 227.226 21.9732 226.398 22.5836C226.223 22.7289 226.005 22.6853 225.903 22.5109L224.61 20.1857C224.508 20.0114 224.537 19.8224 224.683 19.7207C226.049 18.7471 227.909 18.0786 230.656 18.0786C235.814 18.0786 237.704 19.837 237.704 23.9496V34.9796C237.704 35.1976 237.558 35.3429 237.34 35.3429L234.434 35.3719L234.463 35.3865ZM234.027 29.7334V28.4401C234.027 28.2947 233.954 28.2221 233.809 28.2221H231.019C228.519 28.2221 227.371 28.9342 227.371 30.5182C227.371 31.9133 228.374 32.6253 230.278 32.6253C232.719 32.5963 234.042 31.6226 234.042 29.7189M252.759 35.3719C252.541 35.3719 252.396 35.2266 252.396 35.0086V25.272C252.396 23.0922 251.32 21.5808 249.213 21.5808C247.106 21.5808 245.987 23.0777 245.987 25.272V35.0086C245.987 35.2266 245.842 35.3719 245.624 35.3719H242.398C242.18 35.3719 242.034 35.2266 242.034 35.0086V18.8342C242.034 18.6163 242.18 18.4709 242.398 18.4709H245.624C245.842 18.4709 245.987 18.6163 245.987 18.8342V20.055H246.016C246.772 19.0232 248.24 18.0931 250.448 18.0931C254.067 18.0931 256.29 20.738 256.29 24.3565V35.0232C256.29 35.2412 256.145 35.3865 255.927 35.3865H252.745L252.759 35.3719ZM260.2 31.114C259.836 30.0822 259.662 28.7162 259.662 26.9578C259.662 25.1994 259.836 23.8479 260.2 22.8016C261.173 19.7934 263.774 18.1512 267.175 18.1512C269.675 18.1512 271.68 19.154 273.017 20.767C273.119 20.9124 273.162 21.1303 272.988 21.2611L270.765 23.1939C270.59 23.3392 270.401 23.2956 270.27 23.1213C269.442 22.1912 268.556 21.6535 267.16 21.6535C265.664 21.6535 264.516 22.4092 264.007 23.8769C263.716 24.7053 263.644 25.708 263.644 26.9868C263.644 28.2657 263.716 29.312 264.007 30.1403C264.501 31.579 265.649 32.3202 267.16 32.3202C268.556 32.3202 269.457 31.7825 270.27 30.8524C270.416 30.678 270.59 30.678 270.765 30.8233L272.988 32.7561C273.162 32.9015 273.133 33.0758 273.017 33.2502C271.695 34.8197 269.689 35.8224 267.175 35.8224C263.774 35.7498 261.202 34.1076 260.2 31.0995M276.272 31.0704C275.909 29.995 275.662 28.6726 275.662 26.9142C275.662 25.1558 275.88 23.8333 276.229 22.758C277.159 19.8224 279.774 18.1076 283.131 18.1076C286.488 18.1076 289.104 19.8951 290.078 22.758C290.47 23.9351 290.645 25.1267 290.645 27.8442C290.645 28.0622 290.499 28.2075 290.252 28.2075H279.833C279.687 28.2075 279.615 28.2802 279.615 28.4255C279.615 28.9196 279.716 29.3265 279.862 29.7189C280.428 31.361 281.765 32.2911 283.655 32.2911C285.544 32.2911 286.764 31.579 287.622 30.678C287.796 30.5036 287.985 30.46 288.16 30.6054L290.238 32.4364C290.412 32.5817 290.412 32.7561 290.267 32.9305C288.828 34.6163 286.43 35.7934 283.32 35.7934C279.702 35.7643 277.159 34.0059 276.229 31.0704M286.401 23.5863C285.936 22.2203 284.686 21.4065 283.102 21.4065C281.518 21.4065 280.24 22.1912 279.774 23.5863C279.629 24.0223 279.556 24.4146 279.556 25.025C279.556 25.1703 279.629 25.243 279.774 25.243H286.401C286.547 25.243 286.619 25.1703 286.619 25.025C286.619 24.4582 286.547 24.0223 286.401 23.5863Z' fill='white'/%3E%3Cpath d='M6.3495 35.0663C6.3495 36.1853 5.43397 37.1008 4.28592 37.1008H2.04795C0.928971 37.1008 -0.015625 36.1853 -0.015625 35.0663V9.63488C-0.015625 8.51589 0.899906 7.60036 2.04795 7.60036H4.28592C5.4049 7.60036 6.3495 8.51589 6.3495 9.63488V35.0663ZM14.5312 13.8783C14.5312 12.7593 13.6156 11.8438 12.4676 11.8438H10.2587C9.13969 11.8438 8.19509 12.7593 8.19509 13.8783V38.9028C8.19509 40.0218 9.11062 40.9373 10.2587 40.9373H12.4966C13.6156 40.9373 14.5602 40.0218 14.5602 38.9028V13.8783H14.5457H14.5312ZM22.7419 7.42598C22.7419 6.29246 21.8263 5.39146 20.6783 5.39146H18.4403C17.3213 5.39146 16.3767 6.30699 16.3767 7.42598V35.0663C16.3767 36.1853 17.2923 37.1008 18.4403 37.1008H20.6783C21.8118 37.1008 22.7419 36.1853 22.7419 35.0663V7.42598ZM30.9526 9.63488C30.9526 8.51589 30.0371 7.60036 28.889 7.60036H26.651C25.5321 7.60036 24.5875 8.51589 24.5875 9.63488V35.0808C24.5875 36.1998 25.503 37.1153 26.651 37.1153H28.889C30.008 37.1153 30.9526 36.1998 30.9526 35.0808V9.63488ZM39.1342 9.63488C39.1342 8.51589 38.2187 7.60036 37.0707 7.60036H34.8327C33.6992 7.60036 32.7691 8.51589 32.7691 9.63488V38.9028C32.7691 40.0218 33.6846 40.9373 34.8327 40.9373H37.0707C38.1896 40.9373 39.1342 40.0218 39.1342 38.9028V9.63488ZM47.345 2.03451C47.345 0.915531 46.4294 0 45.2814 0H43.0434C41.9244 0 40.9798 0.915531 40.9798 2.03451V35.0954C40.9798 36.2143 41.8954 37.1299 43.0434 37.1299H45.2814C46.4149 37.1299 47.345 36.2143 47.345 35.0954V2.03451ZM55.5266 9.63488C55.5266 8.51589 54.6111 7.60036 53.463 7.60036H51.2541C50.1351 7.60036 49.1905 8.51589 49.1905 9.63488V38.9028C49.1905 40.0218 50.1061 40.9373 51.2541 40.9373H53.4921C54.6111 40.9373 55.5557 40.0218 55.5557 38.9028V9.63488H55.5411H55.5266ZM63.7373 9.63488C63.7373 8.51589 62.8218 7.60036 61.6737 7.60036H59.4358C58.3168 7.60036 57.3722 8.51589 57.3722 9.63488V35.0808C57.3722 36.1998 58.2877 37.1153 59.4358 37.1153H61.6737C62.7927 37.1153 63.7373 36.1998 63.7373 35.0808V9.63488Z' fill='%2306ABDD'/%3E%3Cpath d='M76.9055 60.5124V61.6314H75.8301V51.5605H76.9055V55.9638C77.2978 55.2953 78.2134 54.6995 79.2161 54.6995C81.0036 54.6995 82.3115 56.0074 82.3115 58.1291V58.2308C82.3115 60.309 81.0907 61.7477 79.2161 61.7477C78.1116 61.7477 77.2978 61.1809 76.9055 60.5124ZM81.1925 58.289V58.1873C81.1925 56.4724 80.2479 55.615 79.0998 55.615C77.8355 55.615 76.8764 56.4434 76.8764 58.1873V58.289C76.8764 60.0328 77.7919 60.8612 79.1144 60.8612C80.4368 60.8612 81.1925 59.9457 81.1925 58.289Z' fill='white'/%3E%3Cpath d='M86.045 60.9336L83.3711 54.8301H84.5337L86.6118 59.7129L88.501 54.8301H89.6054L85.8416 64.0145H84.7517L86.045 60.9482V60.9336Z' fill='white'/%3E%3Cpath d='M95.1719 52.3164H96.6396L101.174 60.004V52.3164H102.249V61.6316H100.941L96.2473 53.6534V61.6316H95.1719V52.3164Z' fill='white'/%3E%3Cpath d='M104.254 59.7419C104.254 58.1724 105.925 57.6347 107.669 57.6347H108.643V57.1406C108.643 56.0653 108.221 55.6002 107.189 55.6002C106.245 55.6002 105.736 55.9926 105.62 56.8209H104.545C104.69 55.266 105.925 54.6992 107.233 54.6992C108.541 54.6992 109.718 55.2369 109.718 57.1406V61.6311H108.643V60.7737C108.134 61.4131 107.524 61.7474 106.521 61.7474C105.257 61.7474 104.254 61.137 104.254 59.7419ZM108.643 59.2478V58.4049H107.698C106.332 58.4049 105.329 58.7392 105.329 59.7419C105.329 60.4395 105.664 60.89 106.623 60.89C107.771 60.89 108.643 60.3087 108.643 59.2478Z' fill='white'/%3E%3Cpath d='M112.378 59.9312V55.7459H111.404V54.8303H112.378V53.2754H113.453V54.8303H115.037V55.7459H113.453V59.8294C113.453 60.4979 113.759 60.8176 114.296 60.8176C114.63 60.8176 114.892 60.7595 115.125 60.6723V61.5878C114.907 61.6605 114.645 61.7332 114.194 61.7332C112.959 61.7332 112.363 61.0065 112.363 59.9312H112.378Z' fill='white'/%3E%3Cpath d='M116.898 52.6789C116.898 52.2865 117.218 51.9668 117.611 51.9668C118.003 51.9668 118.323 52.2865 118.323 52.6789C118.323 53.0712 118.003 53.391 117.611 53.391C117.218 53.391 116.898 53.0712 116.898 52.6789ZM117.087 54.8151H118.163V61.6307H117.087V54.8151Z' fill='white'/%3E%3Cpath d='M119.906 54.8164H121.083L123.103 60.5276L125.094 54.8164H126.213L123.772 61.632H122.391L119.921 54.8164H119.906Z' fill='white'/%3E%3Cpath d='M127.23 58.3043V58.2026C127.23 56.139 128.538 54.7148 130.428 54.7148C131.997 54.7148 133.494 55.6594 133.494 58.1009V58.4496H128.364C128.422 60.0046 129.163 60.862 130.558 60.862C131.619 60.862 132.23 60.4696 132.375 59.6703H133.45C133.218 61.0364 132.084 61.7484 130.544 61.7484C128.611 61.7484 127.245 60.3969 127.245 58.3043H127.23ZM132.375 57.5777C132.273 56.1681 131.547 55.6158 130.428 55.6158C129.309 55.6158 128.582 56.3715 128.393 57.5777H132.375Z' fill='white'/%3E%3Cpath d='M139.32 52.3164H140.454V61.6316H139.32V52.3164Z' fill='white'/%3E%3Cpath d='M143.084 54.8155H144.159V55.8909C144.479 55.2514 145.22 54.6992 146.354 54.6992C147.763 54.6992 148.752 55.4694 148.752 57.4458V61.6311H147.676V57.3732C147.676 56.1815 147.168 55.6438 146.078 55.6438C145.075 55.6438 144.174 56.2832 144.174 57.5039V61.6311H143.099V54.8155H143.084Z' fill='white'/%3E%3Cpath d='M150.612 59.5385H151.673C151.746 60.3523 152.182 60.8464 153.272 60.8464C154.303 60.8464 154.754 60.4976 154.754 59.771C154.754 59.0444 154.216 58.8264 153.17 58.6229C151.397 58.3032 150.801 57.8091 150.801 56.6175C150.801 55.3532 152.036 54.6992 153.112 54.6992C154.332 54.6992 155.393 55.1933 155.568 56.6611H154.521C154.362 55.9199 153.955 55.6002 153.083 55.6002C152.298 55.6002 151.789 55.9926 151.789 56.5739C151.789 57.1552 152.124 57.4313 153.373 57.6493C154.783 57.9108 155.771 58.216 155.771 59.6692C155.771 60.9045 154.928 61.7328 153.272 61.7328C151.615 61.7328 150.67 60.919 150.598 59.5239L150.612 59.5385Z' fill='white'/%3E%3Cpath d='M157.95 59.9312V55.7459H156.977V54.8303H157.95V53.2754H159.026V54.8303H160.61V55.7459H159.026V59.8294C159.026 60.4979 159.331 60.8176 159.868 60.8176C160.203 60.8176 160.464 60.7595 160.697 60.6723V61.5878C160.479 61.6605 160.217 61.7332 159.767 61.7332C158.532 61.7332 157.936 61.0065 157.936 59.9312H157.95Z' fill='white'/%3E%3Cpath d='M162.645 54.8155H163.72V56.0362C164.156 55.266 164.737 54.7283 165.958 54.6992V55.7165C164.592 55.7746 163.72 56.2106 163.72 57.8963V61.6311H162.645V54.8155Z' fill='white'/%3E%3Cpath d='M167.761 59.1325V54.8164H168.836V59.0744C168.836 60.266 169.345 60.8037 170.405 60.8037C171.365 60.8037 172.28 60.1643 172.28 58.9436V54.8164H173.356V61.632H172.28V60.5566C171.96 61.1961 171.219 61.7483 170.115 61.7483C168.763 61.7483 167.746 61.0071 167.746 59.1325H167.761Z' fill='white'/%3E%3Cpath d='M175.869 54.8155H176.945V55.8618C177.264 55.2224 178.005 54.6992 178.979 54.6992C179.851 54.6992 180.621 55.0625 180.97 55.9781C181.435 55.0916 182.452 54.6992 183.295 54.6992C184.516 54.6992 185.591 55.4258 185.591 57.4022V61.6166H184.516V57.315C184.516 56.1234 184.007 55.6293 183.077 55.6293C182.191 55.6293 181.275 56.2251 181.275 57.4458V61.6166H180.2V57.315C180.2 56.1234 179.691 55.6293 178.761 55.6293C177.875 55.6293 176.959 56.2251 176.959 57.4458V61.6166H175.884V54.8009L175.869 54.8155Z' fill='white'/%3E%3Cpath d='M187.51 58.3043V58.2026C187.51 56.139 188.818 54.7148 190.707 54.7148C192.276 54.7148 193.773 55.6594 193.773 58.1009V58.4496H188.643C188.701 60.0046 189.443 60.862 190.838 60.862C191.899 60.862 192.509 60.4696 192.654 59.6703H193.73C193.497 61.0364 192.364 61.7484 190.823 61.7484C188.89 61.7484 187.524 60.3969 187.524 58.3043H187.51ZM192.654 57.5777C192.552 56.1681 191.826 55.6158 190.707 55.6158C189.588 55.6158 188.861 56.3715 188.672 57.5777H192.654Z' fill='white'/%3E%3Cpath d='M195.705 54.8155H196.78V55.8909C197.1 55.2514 197.841 54.6992 198.975 54.6992C200.384 54.6992 201.373 55.4694 201.373 57.4458V61.6311H200.297V57.3732C200.297 56.1815 199.789 55.6438 198.699 55.6438C197.696 55.6438 196.795 56.2832 196.795 57.5039V61.6311H195.72V54.8155H195.705Z' fill='white'/%3E%3Cpath d='M204.019 59.9312V55.7459H203.045V54.8303H204.019V53.2754H205.094V54.8303H206.678V55.7459H205.094V59.8294C205.094 60.4979 205.399 60.8176 205.937 60.8176C206.271 60.8176 206.533 60.7595 206.765 60.6723V61.5878C206.547 61.6605 206.286 61.7332 205.835 61.7332C204.6 61.7332 204.004 61.0065 204.004 59.9312H204.019Z' fill='white'/%3E%3Cpath d='M208.145 59.5385H209.206C209.279 60.3523 209.715 60.8464 210.805 60.8464C211.837 60.8464 212.287 60.4976 212.287 59.771C212.287 59.0444 211.749 58.8264 210.703 58.6229C208.93 58.3032 208.334 57.8091 208.334 56.6175C208.334 55.3532 209.57 54.6992 210.645 54.6992C211.866 54.6992 212.926 55.1933 213.101 56.6611H212.055C211.895 55.9199 211.488 55.6002 210.616 55.6002C209.831 55.6002 209.322 55.9926 209.322 56.5739C209.322 57.1552 209.657 57.4313 210.907 57.6493C212.316 57.9108 213.304 58.216 213.304 59.6692C213.304 60.9045 212.461 61.7328 210.805 61.7328C209.148 61.7328 208.204 60.919 208.131 59.5239L208.145 59.5385Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1188_2970'%3E%3Crect width='290.645' height='64' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
		background-size: contain;
		text-indent: 100%;
		white-space: nowrap;
		overflow: hidden;
}
#header .mod_navigations {
    display: none;
    clear: left;
    width: 100%;
    margin-top: 0.5em;
}

#header .mod_navigations.expanded {
    display: block;
    height: 100vh;
}
#header .mod_navigation {
    margin: 0;
    padding: 0;
}
#header .mod_navigation ul {
    list-style: none;
}
#header .mod_navigation .level_0,
#header .mod_navigation .level_1 {
    float: left;
    clear: both;
    margin-top: 0.5em;
}
#header .mod_navigation li > a {
    transition: color 0.2s ease-in, background-color 0.2s ease-in;
}
#header .mod_navigation li.popup > div {
    position: fixed;
    top: 0;
    left: 0;
    display: none;
    width: 18em;
    min-height: 15em;
    padding: 1em;
    color: #30353a;
    background-color: #fff;
    z-index: 200;
}
@media (min-width: 740px) {
    #header .mod_navigation li.popup > div {
        position: absolute;
        top: 1.25em;
        right: 0;
        left: auto;
    }
}
#header .mod_navigation li.popup > div h4 {
    margin-bottom: 0.25em;
    font-family: IBM Plex Sans, sans-serif,League Gothic, Avenir Next Condensed, Helvetica Neue, Arial, sans-serif;
    color: #0cbff2;
    font-size: 1.5rem;
    font-weight: 400;
    text-transform: uppercase;
}
#header .mod_navigation li.popup > div .message {
    font-size: 0.875em;
    font-weight: 200;
}
#header .mod_navigation li.popup > div .message .detail {
    color: #30353a;
}
#header .mod_navigation li.popup > div .message a {
    font-weight: 400;
}
#header .mod_navigation li.popup > div .icon {
    width: 1.1em;
}
#header .mod_navigation li.popup.expanded > a,
#header .mod_navigation li.popup.expanded > a:hover {
    margin: -4px 0;
    padding: 5px 8px;
    color: #636467;
    background: #fff;
}
#header .mod_navigation li.popup.expanded > div {
    display: block;
}
@media only screen and (max-width: 740px) {
    #header .mod_navigation .level_0 {
        margin-top: 3.25em;
    }
}
#header .mod_navigation .level_0 li {
    position: relative;
    margin: 0.3em 0;
    vertical-align: middle;
}
#header .mod_navigation .level_0 li > a,
#header .mod_navigation .level_0 li > span {
    display: inline-block;
    padding: 8px;
    font-family: IBM Plex Sans, sans-serif,League Gothic, Avenir Next Condensed, Helvetica Neue, Arial, sans-serif;
    color: #a6a5a6;
    font-size: 1.125rem;
    line-height: 0.9;
    font-weight: 400;
    text-transform: uppercase;
}
@media (max-width: 740px) {
    #header .mod_navigation .level_0 li > a,
    #header .mod_navigation .level_0 li > span {
        font-size: 1.4rem;
    }
}
#header .mod_navigation .level_0 li > a.current,
#header .mod_navigation .level_0 li > a:hover,
#header .mod_navigation .level_0 li > span.current,
#header .mod_navigation .level_0 li > span:hover {
    color: #fff;
}
#header .mod_navigation .level_0 li.search {
    display: inline-block;
    margin-top: 0;
    margin-left: 2px;
    border-left: none;
}
@media only screen and (max-width: 740px) {
    #header .mod_navigation .level_0 li.search {
        position: absolute;
        top: 64px;
        margin-left: 7px;
    }
}
#header .mod_navigation .level_0 li.search form {
    position: relative;
}
#header .mod_navigation .level_0 li.search input.text {
    width: 5em;
    margin-right: 0;
    padding-top: 4px;
    padding-bottom: 4px;
    border: 1px solid #9b9da0;
    color: #9b9da0;
    background: hsla(0, 0%, 100%, 0.05);
    font-size: 0.875em;
    transition: all 0.25s ease-in-out;
}
@media only screen and (max-width: 740px) {
    #header .mod_navigation .level_0 li.search input.text {
        width: 12em;
    }
}
#header .mod_navigation .level_0 li.search input.text:active,
#header .mod_navigation .level_0 li.search input.text:focus {
    width: 12em;
    margin-top: 1px;
    margin-bottom: 0;
    padding-top: 4px;
    padding-bottom: 4px;
    border-width: 0;
    color: #fff;
}
#header .mod_navigation .level_0 li.search input[type="submit"] {
    width: 1.5rem;
    height: 1.6rem;
    padding: 0;
    border: 2px solid #9b9da0;
    background-color: #9b9da0;
    vertical-align: top;
    transition: all 0.2s ease-in;
}
@media only screen and (max-width: 1440px) {
    #header .mod_navigation .level_0 li.search input[type="submit"] {
        height: 1.6rem;
    }
}
@media only screen and (max-width: 740px) {
    #header .mod_navigation .level_0 li.sibling.cart.popup {
        display: none;
    }
}
#header .mod_navigation .level_1 a,
#header .mod_navigation .level_1 span {
    display: inline-block;
    margin: 0;
    padding: 0.33em;
    font-family: IBM Plex Sans, sans-serif,League Gothic, Avenir Next Condensed, Helvetica Neue, Arial, sans-serif;
    color: #fff;
    font-size: 1.5rem;
    line-height: 1;
    font-weight: 400;
    text-transform: uppercase;
}
@media (min-width: 740px) and (max-width: 960px) {
    #header .mod_navigation .level_1 a,
    #header .mod_navigation .level_1 span {
        font-size: 1.25rem;
    }
}
@media (max-width: 740px) {
    #header .mod_navigation .level_1 a,
    #header .mod_navigation .level_1 span {
        font-size: 1.5rem;
    }
}
#header .mod_navigation .level_1 a.current,
#header .mod_navigation .level_1 a:hover,
#header .mod_navigation .level_1 li.active a,
#header .mod_navigation .level_1 li.active span,
#header .mod_navigation .level_1 span.current,
#header .mod_navigation .level_1 span:hover {
    color: #0cbff2;
}
@media (min-width: 740px) {
    #header .cart-badge,
    #header .toggle-site-menu {
        display: none;
    }
    #header .logo {
			position: relative;
			top: 8px;
			width: 250px;
			height: 5.75em;
			margin: 0;
      background-repeat: no-repeat;
				background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 188.3410548 28.673829' version='1.1' xmlns='http://www.w3.org/2000/svg' id='By_NI'%3E%3Cdefs%3E%3Cstyle%3E.st0%7Bfill:%23fff%7D%3C/style%3E%3C/defs%3E%3Cg id='_x32_'%3E%3Cg id='bars'%3E%3Cpath d='M4.38,24.13c0,.7700005-.6300001,1.3999996-1.4200001,1.3999996h-1.54c-.77,0-1.42-.6299992-1.42-1.3999996V6.6300009c0-.77.63-1.4000001,1.42-1.4000001h1.54c.77,0,1.4200001.6300001,1.4200001,1.4000001,0,0,0,17.500001,0,17.499999ZM10.0100001,9.5500001c0-.7700005-.6300001-1.3999996-1.4200001-1.3999996h-1.52c-.77,0-1.4200001.6300001-1.4200001,1.3999996v17.2199993c0,.7700005.6300001,1.3999996,1.4200001,1.3999996h1.5400004c.7700005,0,1.4200001-.6299992,1.4200001-1.3999996V9.550001h-.0100002l-.0100002-.000001ZM15.6599997,5.11c0-.7800002-.6300001-1.4000001-1.4200001-1.4000001h-1.54c-.7699995,0-1.4200001.6300001-1.4200001,1.4000001v19.02c0,.7700005.6300001,1.3999996,1.4200001,1.3999996h1.54c.7799997,0,1.4200001-.6299992,1.4200001-1.3999996V5.11ZM21.3099993,6.63c0-.77-.6299992-1.4000001-1.4200001-1.4000001h-1.539999c-.7700005,0-1.4200001.6300001-1.4200001,1.4000001v17.5100002c0,.7700005.6299992,1.3999996,1.4200001,1.3999996h1.5400009c.7700005,0,1.4200001-.6299992,1.4200001-1.3999996,0,0,0-17.5099993-.0000019-17.5100002ZM26.9400004,6.63c0-.77-.6299992-1.4000001-1.4200001-1.4000001h-1.539999c-.7800007,0-1.4200001.6300001-1.4200001,1.4000001v20.1399994c0,.7700005.6299992,1.3999996,1.4200001,1.3999996h1.5400009c.7700005,0,1.4200001-.6299992,1.4200001-1.3999996,0,0,0-20.1399984-.0000019-20.1399994ZM32.5900019,1.4c0-.77-.6299992-1.4-1.4200001-1.4h-1.539999c-.7700005,0-1.4200001.63-1.4200001,1.4v22.7500005c0,.7700005.6299992,1.3999996,1.4200001,1.3999996h1.5400009c.7800007,0,1.4199982-.6299992,1.4199982-1.3999996V1.4ZM38.220003,6.63c0-.77-.6300011-1.4000001-1.4199982-1.4000001h-1.5200005c-.7700005,0-1.4199982.6300001-1.4199982,1.4000001v20.1399994c0,.7700005.6300011,1.3999996,1.4199982,1.3999996h1.5400009c.7700005,0,1.4199982-.6299992,1.4199982-1.3999996V6.6300009h-.0099983l-.0100021-.000001ZM43.8700045,6.63c0-.77-.6300011-1.4000001-1.4199982-1.4000001h-1.5400009c-.7700005,0-1.4199982.6300001-1.4199982,1.4000001v17.5100002c0,.7700005.6300011,1.3999996,1.4199982,1.3999996h1.5400009c.7700005,0,1.4199982-.6299992,1.4199982-1.3999996V6.63Z' class='st0'%3E%3C/path%3E%3C/g%3E%3Cg%3E%3Cpath d='M51.9844357,23.5734946v-15.3579102h6.6010742c2.8164062,0,4.4667969,1.8266602,4.4667969,4.6210938,0,2.7939453-1.6503906,4.6206055-4.4667969,4.6206055h-4.1147461v6.1162109h-2.4863281ZM54.4707639,15.2785728h3.9609375c1.2539062,0,2.0019531-.6821289,2.0019531-1.9140625v-1.0561523c0-1.2324219-.7480469-1.9140625-2.0019531-1.9140625h-3.9609375v4.8842773Z' class='st0'%3E%3C/path%3E%3Cpath d='M67.2222287,23.5734946c-1.628418,0-2.4423828-.9023438-2.4423828-2.3759766V7.2917564h2.3984375v14.3237305h1.5839844v1.9580078h-1.5400391Z' class='st0'%3E%3C/path%3E%3Cpath d='M77.0454709,21.6818931h-.0883789c-.4179688,1.1220703-1.3198242,2.15625-3.2124023,2.15625-2.3540039,0-3.7402344-1.6064453-3.7402344-4.4228516v-7.2827148h2.3979492v6.9746094c0,1.7382812.7260742,2.6625977,2.2006836,2.6625977,1.2319336,0,2.4423828-.6381836,2.4423828-1.9804688v-7.6567383h2.3979492v11.440918h-2.3979492v-1.8916016Z' class='st0'%3E%3C/path%3E%3Cpath d='M86.2339474,28.2385337c-3.7407227,0-5.1928711-1.0126953-5.1928711-2.7509766,0-1.2539062.7480469-1.9355469,1.9584961-2.2001953v-.2421875c-.8364258-.2636719-1.2983398-.9013672-1.2983398-1.7592773,0-1.1884766.9243164-1.7607422,2.0244141-2.0244141v-.0878906c-1.3422852-.6381836-2.090332-1.8486328-2.090332-3.3886719,0-2.3325195,1.6499023-3.9165039,4.5546875-3.9165039.7700195,0,1.4741211.1098633,2.0683594.3520508v-.3081055c0-1.012207.4838867-1.628418,1.4960938-1.628418h1.7602539v1.9365234h-2.3325195v.4619141c1.0341797.6821289,1.6064453,1.7822266,1.6064453,3.1025391,0,2.3100586-1.6723633,3.8725586-4.5766602,3.8725586-.550293,0-1.078125-.065918-1.4960938-.1762695-.5722656.1982422-1.1005859.5722656-1.1005859,1.1445312,0,.6157227.5942383.8579102,1.6064453.8579102h2.8164062c2.8164062,0,4.0043945,1.1875,4.0043945,3.1679688,0,2.3769531-1.6938477,3.5869141-5.8085938,3.5869141ZM87.7080685,23.61744h-3.8725586c-.527832.3085938-.7919922.7705078-.7919922,1.3203125,0,.9238281.6821289,1.5625,2.4643555,1.5625h1.4960938c1.8701172,0,2.7944336-.5283203,2.7944336-1.5839844,0-.7919922-.527832-1.2988281-2.090332-1.2988281ZM88.4341428,15.9826743v-.4399414c0-1.2978516-.8139648-1.9360352-2.222168-1.9360352s-2.2226562.6381836-2.2226562,1.9360352v.4399414c0,1.2983398.8144531,1.9365234,2.2226562,1.9365234s2.222168-.6381836,2.222168-1.9365234Z' class='st0'%3E%3C/path%3E%3Cpath d='M93.0137326,8.8317954v-.3740234c0-.7260742.4404297-1.2539062,1.4301758-1.2539062.9902344,0,1.4082031.527832,1.4082031,1.2539062v.3740234c0,.7260742-.4179688,1.2543945-1.4082031,1.2543945-.9897461,0-1.4301758-.5283203-1.4301758-1.2543945ZM93.2339474,12.1325767h2.3984375v11.440918h-2.3984375v-11.440918Z' class='st0'%3E%3C/path%3E%3Cpath d='M98.1773068,23.5734946v-11.440918h2.3984375v1.8920898h.1098633c.484375-1.2324219,1.4521484-2.15625,3.2128906-2.15625,2.3320312,0,3.7177734,1.6279297,3.7177734,4.4443359v7.2607422h-2.3984375v-6.9526367c0-1.7822266-.6816406-2.684082-2.15625-2.684082-1.2539062,0-2.4858398.6376953-2.4858398,1.9799805v7.6567383h-2.3984375Z' class='st0'%3E%3C/path%3E%3Cpath d='M124.7979123,23.5734946l-1.3857422-4.1582031h-5.7431641l-1.3417969,4.1582031h-2.5302734l5.2363281-15.3579102h3.125l5.2363281,15.3579102h-2.5966797ZM120.5957639,10.5041587h-.1103516l-2.2216797,6.7768555h4.5322266l-2.2001953-6.7768555Z' class='st0'%3E%3C/path%3E%3Cpath d='M131.1455685,23.5734946c-1.6279297,0-2.4423828-.9023438-2.4423828-2.3759766V7.2917564h2.3984375v14.3237305h1.5849609v1.9580078h-1.5410156Z' class='st0'%3E%3C/path%3E%3Cpath d='M136.5674435,23.5734946c-1.6279297,0-2.4423828-.9023438-2.4423828-2.3759766V7.2917564h2.3984375v14.3237305h1.5849609v1.9580078h-1.5410156Z' class='st0'%3E%3C/path%3E%3Cpath d='M139.3281857,8.8317954v-.3740234c0-.7260742.4404297-1.2539062,1.4306641-1.2539062s1.4082031.527832,1.4082031,1.2539062v.3740234c0,.7260742-.4179688,1.2543945-1.4082031,1.2543945s-1.4306641-.5283203-1.4306641-1.2543945ZM139.5479123,12.1325767h2.3984375v11.440918h-2.3984375v-11.440918Z' class='st0'%3E%3C/path%3E%3Cpath d='M152.9150998,23.5734946c-1.2539062,0-1.9140625-.7919922-2.0683594-1.9135742h-.1103516c-.4394531,1.4301758-1.671875,2.1782227-3.34375,2.1782227-2.3544922,0-3.6972656-1.3422852-3.6972656-3.4106445,0-2.2661133,1.6943359-3.4326172,4.8847656-3.4326172h2.0683594v-.9677734c0-1.3862305-.7480469-2.2006836-2.3544922-2.2006836-1.3417969,0-2.15625.6601562-2.7285156,1.5625l-1.4296875-1.2983398c.7480469-1.2763672,2.0898438-2.222168,4.3125-2.222168,2.9482422,0,4.5986328,1.4521484,4.5986328,4.0043945v5.7426758h1.2099609v1.9580078h-1.3417969ZM150.6484982,20.185311v-1.6499023h-2.0244141c-1.671875,0-2.4863281.5498047-2.4863281,1.5400391v.3959961c0,1.012207.7480469,1.5405273,1.9365234,1.5405273,1.4746094,0,2.5742188-.7041016,2.5742188-1.8266602Z' class='st0'%3E%3C/path%3E%3Cpath d='M155.8457639,23.5734946v-11.440918h2.3984375v1.8920898h.1103516c.484375-1.2324219,1.4521484-2.15625,3.2128906-2.15625,2.3320312,0,3.7177734,1.6279297,3.7177734,4.4443359v7.2607422h-2.3984375v-6.9526367c0-1.7822266-.6816406-2.684082-2.15625-2.684082-1.2539062,0-2.4863281.6376953-2.4863281,1.9799805v7.6567383h-2.3984375Z' class='st0'%3E%3C/path%3E%3Cpath d='M167.1318967,17.8532798c0-3.652832,1.8925781-5.9848633,5.1923828-5.9848633,2.2880859,0,3.7412109,1.1220703,4.4228516,2.8164062l-1.9804688.9238281c-.3300781-1.0561523-1.1435547-1.7382812-2.4423828-1.7382812-1.7597656,0-2.6621094,1.2104492-2.6621094,2.9707031v2.0463867c0,1.7602539.9023438,2.9702148,2.6621094,2.9702148,1.3867188,0,2.2001953-.7480469,2.6845703-1.8920898l1.8261719.9677734c-.7480469,1.8706055-2.3105469,2.9047852-4.5107422,2.9047852-3.2998047,0-5.1923828-2.3325195-5.1923828-5.9848633Z' class='st0'%3E%3C/path%3E%3Cpath d='M177.7051389,17.8532798c0-3.652832,2.0019531-5.9848633,5.2587891-5.9848633,3.3662109,0,5.0830078,2.5302734,5.0830078,5.6987305v.9023438h-7.8554688v.3740234c0,1.7602539,1.078125,3.0141602,3.0146484,3.0141602,1.4082031,0,2.3544922-.6601562,3.0136719-1.7163086l1.4082031,1.3862305c-.8574219,1.3857422-2.5302734,2.3105469-4.6640625,2.3105469-3.2568359,0-5.2587891-2.3325195-5.2587891-5.9848633ZM180.191467,16.7312095v.1538086h5.3242188v-.2202148c0-1.7602539-.9677734-2.9262695-2.5517578-2.9262695-1.6503906,0-2.7724609,1.2324219-2.7724609,2.9926758Z' class='st0'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");

    }
  
  
    #header .mod_navigations {
        display: block;
        float: right;
        clear: none;
        width: auto;
        max-width: calc(100% - 200px);
        margin-top: 0.5em;
    }
    #header .mod_navigations li {
        display: block;
        float: left;
    }
    #header .mod_navigation {
        display: block;
    }
    #header .mod_navigation .level_0,
    #header .mod_navigation .level_1 {
        float: right;
        margin-right: -8px;
    }
    #header .mod_navigation .level_0 li + li {
        border-left: 2px solid #9b9da0;
    }
    #header .mod_navigation .level_0 li > a,
    #header .mod_navigation .level_0 li > span {
        padding: 1px 8px;
    }
    #header .mod_navigation .level_0 li.register a {
        color: #0cbff2;
    }
    #header .mod_navigation .level_0 li.register a.current,
    #header .mod_navigation .level_0 li.register a:hover {
        color: #fff;
    }
}
#call-to-action {
    padding-top: 2em;
    padding-bottom: 2em;
    background-color: #191b1f;
}
#call-to-action .cta-item {
    margin-bottom: 2em;
    padding: 1.5em;
    border: 2px solid #154d5f;
}
#call-to-action .cta-item h3 {
    font-size: 1.5rem;
}
#call-to-action .cta-item h3 .icon {
    margin-right: 0.25em;
    font-size: 0.8em;
}
#call-to-action .cta-item .cta-content {
    margin-top: 1em;
}
#call-to-action .cta-item .cta-content ul {
    padding-left: 2em;
}

#call-to-action .cta-item .cta-content li {
   list-style:disc;
}

#call-to-action .cta-item .cta-action {
    margin-top: 1.5em;
}
#call-to-action .cta-item .cta-action form {
    position: relative;
}
#call-to-action .cta-item .cta-action input[type="email"] {
    width: 100%;
    margin: 0 -0.3em 0 0;
    padding: 0.425em 0.75em;
    color: #fff;
    background-color: #191b1f;
    font-size: 1em;
    vertical-align: top;
}
@media (min-width: 400px) {
    #call-to-action .cta-item .cta-action input[type="email"] {
        padding-top: 0.2em;
        padding-bottom: 0.25em;
    }
}
@media (min-width: 600px) {
    #call-to-action .cta-item .cta-action input[type="email"] {
        padding: 0.425em 0.75em;
    }
}
#call-to-action .cta-item input[type="submit"] {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    margin: 0;
}
#call-to-action .cta-item .hidden {
    position: absolute;
    top: -5000px;
    left: -5000px;
}
@media (min-width: 400px) {
    #call-to-action .cta-item .cta-action input[type="email"] {
        width: 100%;
    }
}
@media (min-width: 600px) {
    #call-to-action .cta-row {
        display: table;
        margin: 0 -30px;
        border-collapse: separate;
        border-spacing: 30px 0;
    }
    #call-to-action .cta-item {
        display: table-cell;
        width: 50%;
        margin-bottom: 0;
    }
}
@media (min-width: 800px) {
    #call-to-action .cta-row {
        margin: 0 -70px;
        border-spacing: 70px 0;
    }
    #call-to-action .cta-item h3 {
        font-size: 2.25rem;
    }
    #call-to-action .cta-item .cta-action,
    #call-to-action .cta-item .cta-content {
        font-size: 1.1em;
    }
}

#footer {
    clear: both;
    color: #f4f3f2;
    background-color: #191b1f;
}
#footer .inside {
    margin-bottom: 2em;
    background: url() 97% 90% no-repeat;
    background-size: auto 15%;
}
#footer .mod_customnav {
    float: left;
    width: 50%;
    margin-bottom: 2em;
    padding: 0 4em;
}
#footer .mod_customnav:last-child {
    width: 100%;
    padding-right: 0;
}
#footer .mod_customnav:last-child li.social {
    float: left;
}

#footer h3{
  margin-bottom:20px;
}

#footer .mod_customnav ul {
    list-style: none;
}
#footer .mod_customnav ul a:not(.button-social),
#footer .mod_customnav ul label,
#footer .mod_customnav ul li > span {
    display: inline-block;
    padding: 0.4em 0.4em 0.4em 0;
    font-family: IBM Plex Sans, sans-serif,League Gothic, Avenir Next Condensed, Helvetica Neue, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.5;
    font-weight: 400;

}
#footer .mod_customnav ul a,
#footer .mod_customnav ul label {
    color: #fff;
}
#footer .mod_customnav ul a:hover,
#footer .mod_customnav ul label:hover {
    color: #0cbff2;
}
#footer .mod_customnav ul a.social-button {
    color: #191b1f;
}
#footer .mod_customnav ul li:not(.social) > span {
    color: #0cbff2;
}
#footer .button-social {
    background-color: #fff;
}
#footer .button-social:hover {
    color: #0cbff2;
}

#footer li.social {
    color: #fff;
}
#footer #black-friday-campaign,
#footer #sign-up-campaign {
    display: none;
}
@media (min-width: 500px) {
    #footer .inside {
        background-position: center 85%;
        background-size: auto 10%;
    }
    #footer .mod_customnav {
        width: 33%;
    }
    #footer .mod_customnav:last-child {
        width: 66%;
    }
}
@media (min-width: 600px) {
    #footer .inside {
        background-size: auto 20%;
    }
}
@media (min-width: 700px) {
    #footer .mod_customnav {
        width: 25%;
    }
    #footer .mod_customnav:last-child {
        width: 100%;
    }
}
@media (min-width: 800px) {
    #footer .inside {
        background-position: center 95%;
    }
    #footer .mod_customnav {
        width: auto;
        margin-bottom: 0;
    }
    #footer .mod_customnav:last-child {
        width: auto;
    }
    #footer .mod_customnav:last-child li.social {
        float: none;
    }
}
@media (min-width: 1000px) {
    #footer .inside {
        background-position: 97% 90%;
        background-size: auto 15%;
    }
    #footer div.mod_customnav {
        padding-right: 4em;
    }
}


.footer a {
  color:#0cbff2;
}

.cta-action a {
  color:#fff;
}

.footernav__container{
    display: flex;
    /*justify-content: space-around;*/
    justify-content: flex-start;
}

.footersocial__container{
  display:contents;
  text-align:center;
}


#page-toolbar {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    right: 0;
    left: 0;
    background-color: #30353a;
    z-index: 100;
}
@media (max-width: 600px) and (orientation: landscape) {
    #page-toolbar {
        position: static;
    }
}
@media (max-width: 799px) {
    #page-toolbar .wrapper {
        float: left;
        width: 100%;
        overflow-x: visible;
    }
    #page-toolbar p {
        display: inline-flex;
        margin-right: 18px;
        margin-left: 8px;
        font-size: 13px;
    }
}
#page-toolbar .inside:empty {
    display: none;
}
#page-toolbar .page-nav-label {
    margin-right: 0.5em;
    margin-bottom: 0.75em;
    font-family: IBM Plex Sans, sans-serif, League Gothic, Avenir Next Condensed, Helvetica Neue, Arial, sans-serif;
    color: #fff;
    font-size: 1.125rem;
    text-transform: uppercase;
}
@media (max-width: 799px) {
    #page-toolbar .page-nav-label {
        position: relative;
        top: 2px;
        margin-bottom: 0;
        padding: 0.25em calc(24px + 0.5em) 0.25em 0.5em;
        border: 2px solid #154d5f;
        font-size: 1.2rem;
        cursor: pointer;
    }
    #page-toolbar .page-nav-label:after {
        position: absolute;
        top: 0;
        right: 0;
        width: 24px;
        height: 100%;
        background: #0cbff2
            url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='199.4' height='156' viewBox='-0.2 1833.3 199.4 156'%3E%3Cpath fill='%23fff' d='M-.2 1833.3l99.7 156 99.7-156h-25.5l-74.2 116.3-74.3-116.3z'/%3E%3C/svg%3E")
            50% no-repeat;
        background-size: 60%;
        content: "";
    }
}
#page-toolbar p input + input {
    margin-right: 2em;
    margin-left: 0.2em;
    font-size: 1.25rem;
}
@media (max-width: 420px) {
    #page-toolbar p input + input {
        margin-top: 0.5em;
        margin-right: 2em;
    }
}
@media only screen and (min-width: 800px) and (max-width: 1024px) {
    #page-toolbar p .button,
    #page-toolbar p input[type="submit"] {
        font-size: 1.1rem;
    }
}
@media only screen and (min-width: 1025px) {
    #page-toolbar p p {
        margin-top: 0.5em;
    }
    #page-toolbar p p .button,
    #page-toolbar p p input[type="submit"] {
        font-size: 1.25rem;
    }
}
#page-toolbar .page-actions {
    float: right;
}
@media (min-width: 800px) {
    #page-toolbar .page-actions {
        width: 25%;
        padding-top: 0.5em;
        padding-left: 25px;
    }
}
#page-toolbar .page-nav {
    position: relative;
    float: left;
    width: auto;
    z-index: 1;
}
#page-toolbar .page-nav > ul {
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: left;
    text-transform: uppercase;
}
#page-toolbar .page-nav > ul li {
    display: inline-block;
    margin-bottom: 0;
    padding: 0.25em 0.75em 0;
    font-family: IBM Plex Sans, sans-serif, League Gothic, Avenir Next Condensed, Helvetica Neue, Arial, sans-serif;
    font-size: 1.375rem;
}
@media (max-width: 799px) {
    #page-toolbar .page-nav > ul li {
        display: block;
        padding: 0 0.5em;
    }
}
@media (min-width: 800px) {
    #page-toolbar .page-nav > ul li:first-child {
        padding-left: 0;
    }
}
#page-toolbar .page-nav > ul a {
    font-weight: 400;
}
#page-toolbar .page-nav > ul a:hover {
    color: #fff;
}
@media (max-width: 799px) {
    #page-toolbar .page-nav > ul a {
        display: block;
        padding: 0.15em 0;
        line-height: 1;
    }
}
@media (max-width: 799px) {
    #page-toolbar .filter-facets,
    #page-toolbar .page-nav > ul {
        position: absolute;
        display: none;
        padding: 0.5em;
        border: 2px solid #154d5f;
        background-color: #30353a;
        z-index: 2;
    }
    #page-toolbar .filter-facets.expanded,
    #page-toolbar .page-nav > ul.expanded {
        display: block;
    }
    #page-toolbar .page-nav > ul {
        padding: 0.5em 0;
    }
}
@media (min-width: 800px) {
    #page-toolbar .filter-facets {
        position: relative;
    }
}
#page-toolbar fieldset {
    position: relative;
    display: inline-block;
    margin-top: 0.1em;
    margin-bottom: 0.1em;
    padding: 0;
    border: 0;
    background: transparent;
    font-size: 0.75rem;
}
@media only screen and (min-width: 800px) and (max-width: 1024px) {
    #page-toolbar fieldset legend {
        border: 1px solid #154d5f;
        font-size: 11px;
    }
}
@media (min-width: 1025px) {
    #page-toolbar fieldset legend {
        border: 2px solid #154d5f;
        font-size: 1em;
    }
}
#page-toolbar fieldset legend {
    width: auto;
    margin: 0 0.15em 0 0;
    padding: 0.02em 0.3em 0;
    font-family: IBM Plex Sans, sans-serif, Helvetica Neue, Helvetica, Tahoma, Arial, sans-serif;
    font-weight: 300;
    background: transparent;
    line-height: 1.5;
    cursor: pointer;
}
#page-toolbar fieldset legend:hover {
    color: #fff;
}
#page-toolbar fieldset.option-selected legend {
    border-color: #fff;
    color: #191b1f;
    background-color: #fff;
}
#page-toolbar fieldset.option-selected legend:hover {
    color: #191b1f;
}
#page-toolbar fieldset:hover > .facet-options {
    display: block;
}
#page-toolbar fieldset label {
    display: inline-block;
    float: none;
    margin: 0;
    padding: 0.25em 0.4em;
    color: #fff;
    font-size: 1em;
    line-height: 1;
    vertical-align: middle;
    cursor: pointer;
}
@media (max-width: 799px) {
    #page-toolbar .filter-facets > fieldset {
        display: block;
    }
    #page-toolbar fieldset.filter-facets .facet-options {
        margin-top: 0.5em;
    }
}
#page-toolbar .facet-options {
    position: absolute;
    top: 1.25rem;
    display: none;
    width: 150px;
    padding: 0.25em 0;
    border: 2px solid #154d5f;
    background-color: #30353a;
    overflow: auto;
    z-index: 3;
}
#page-toolbar .facet-options.expanded {
    display: block;
}
#page-toolbar .facet-options li {
    display: block;
    margin-bottom: 0;
    padding-left: 0;
}
#page-toolbar .facet-options input[type="checkbox"],
#page-toolbar .facet-options input[type="radio"] {
    position: absolute;
    left: -9999px;
}
#page-toolbar .facet-options input:checked + label {
    color: #0cbff2;
}
#page-toolbar .facet-options input:checked + label:before {
    display: inline-block;
    width: 1em;
    height: 1em;
    margin-right: 5px;
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cpath fill='%230cbff2' d='M0 0h200v200H0z'/%3E%3Cpath d='M169.1 64.8l-13.2-13.2c-1.8-1.8-4.8-1.8-6.6 0l-57.2 60.6s-2.5 2.8-6 3c-3.5.1-6.2-2.8-6.2-2.8l-21-21.1c-1.8-1.8-4.8-1.8-6.7 0l-13.3 13.4c-1.8 1.8-1.8 4.8 0 6.7L72 145.6c2.2 2.2 6.7 4.9 14.2 4.9 6.9 0 12.6-3 14.4-4.9l68.5-74.2c1.8-1.8 1.8-4.7 0-6.6z' fill='%23fff'/%3E%3C/svg%3E");
    background-size: contain;
    content: "";
}
#page-toolbar .facet-options input[type="radio"]:checked + label:before {
    border-radius: 0.5em;
}
#page-toolbar .facet-options input:focus + label {
    outline: 2px solid Highlight;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -5px;
}
#page-toolbar .facet-options label:hover {
    color: #0cbff2;
}
body.modal-open {
    overflow: hidden;
}

#header .mod_login label,
#right .mod_login label {
    margin-bottom: 0.25em;
}
#header .mod_navigation li.popup > div.mod_login {
    width: auto;
    min-height: 0;
}
#header .mod_navigation li.popup.expanded.modal > div.mod_login {
    position: fixed;
    top: 50%;
    right: auto;
    bottom: auto;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
#header .mod_navigation li.popup.expanded.modal > div.mod_login label {
    display: inline-block;
    min-width: 5em;
}
#header .mod_navigation li.popup.expanded.modal > div.mod_login .forgot {
    display: block;
    margin: 0.75em 0 0 9em;
}
#header .mod_login p {
    font-size: 0.75rem;
}
#header .mod_login label {
    font-size: 1.125rem;
}
#header .mod_login .forgot {
    display: block;
    margin-top: 0.4em;
}
#header .mod_login input {
    margin: 0;
}
#header .mod_login input[type="submit"] {
    font-size: 1.25rem;
}
#header .mod_login input[type="email"],
#header .mod_login input[type="password"],
#header .mod_login input[type="text"] {
    color: inherit;
}
#header #tl_logout input[type="submit"] {
    margin: 0;
    padding: 1px 8px;
    color: #a6a5a6;
    background: transparent;
    font-size: 1.125rem;
}
#header #tl_logout input[type="submit"]:hover {
    color: #fff;
}
#header .mod_navigation li.popup > div.mod_cur_cart {
    padding-bottom: 3em;
}
#header .mod_navigation li.cart .cart-name {
    display: inline-block;
    padding-left: 0.25em;
}
#header .mod_navigation li.cart .icon-cart {
    width: 0.9em;
    height: 0.9em;
    vertical-align: middle;
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
}
@media (min-width: 480px) {
    #header .mod_navigation li.cart .icon-cart {
        vertical-align: top;
    }
}
@media (max-width: 740px) {
    #header .mod_navigation li.cart .icon-cart {
        display: none;
    }
    #header .mod_navigation li.cart .cart-name {
        padding-left: 0;
    }
}
#header .cart-badge {
    right: 60px;
    padding: 2px 6px;
    color: #fff;
    font-size: 1.125rem;
}
#header .cart-badge .icon-cart {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' x='0' y='0' width='269.6' height='184' viewBox='-373.9 894.3 269.6 184' xml:space='preserve'%3E%3Cstyle%3E.st0{fill:none;stroke:%23fff;stroke-width:20;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10}.st1{fill:%23fff}%3C/style%3E%3Cg id='Layer_2'%3E%3Cpath class='st0' d='M-363.9 904.3h62.1l28.9 110.2h129.3l29.3-96.2'/%3E%3Ccircle class='st1' cx='-249.8' cy='1058.3' r='20'/%3E%3Ccircle class='st1' cx='-166.8' cy='1058.3' r='20'/%3E%3Cpath class='st1' d='M-218.6 984.9h-28.6l-5.7-21.1h34.3zm23.3 0h28.6l5.7-21.1h-34.3z'/%3E%3Cpath class='st0' d='M-288.4 933.3h166.1'/%3E%3C/g%3E%3C/svg%3E");
    vertical-align: middle;
}

#header .mod_navigation li.popup .mod_cur_notification_viewer {
    padding-bottom: 1em;
}
#header .mod_cur_notification_viewer .notification {
    margin-top: 0.25em;
    margin-bottom: 0.5em;
    padding-bottom: 0.25em;
    border-bottom: 2px solid #d6d7d8;
    font-size: 0.875rem;
}
#header .mod_cur_notification_viewer .notification h3 {
    margin-bottom: 0.2em;
    color: inherit;
    font-size: 1.25rem;
}
#header .mod_cur_notification_viewer .notification time {
    margin-right: 0.5em;
}
#header .mod_cur_notification_viewer a.view-all {
    display: block;
    text-align: center;
}
.mod_cur_notification_list .notification,
.mod_freshdesk_list .notification {
    margin-bottom: 1.5em;
    border-bottom: 2px solid #9b9da0;
}
.mod_cur_notification_list .notification h3,
.mod_freshdesk_list .notification h3 {
    margin-bottom: 0.25em;
}
.mod_cur_notification_list .notification.read h3 a,
.mod_freshdesk_list .notification.read h3 a {
    color: #a6a5a6;
}
.mod_cur_notification_list .notification .button,
.mod_cur_notification_list .notification input[type="submit"],
.mod_freshdesk_list .notification .button,
.mod_freshdesk_list .notification input[type="submit"] {
    font-size: 1.25rem;
}
.mod_cur_notification_detail .notification {
    margin-bottom: 1.5em;
}
.mod_cur_notification_detail .notification h2 {
    margin-bottom: 0.25em;
}
.mod_search form {
    margin-bottom: 1em;
}
.mod_search form input[type="text"] {
    width: 16em;
}
.mod_search .highlight,
.mod_search mark {
    color: inherit;
    background: transparent;
    font-weight: 700;
}
.mod_search .wrapper {
    padding: 0;
}
#search h4 {
    font-family: IBM Plex Sans, sans-serif, League Gothic, Avenir Next Condensed, Helvetica Neue, Arial, sans-serif;
    font-size: 24px;
    font-weight: 400;
    text-transform: uppercase;
}
#search .ce_featuredContent,
#search h4 {
    margin-top: 2em;
}
#search .ce_featuredContent h4 {
    margin-top: 0;
}
#search h5 {
    clear: none;
}
#search p {
    margin-bottom: 0.5em;
}
#search ol {
    margin-bottom: 4em;
    margin-left: 0;
    list-style: none;
}
#search ol li {
    clear: left;
}
#search .top-hit,
#search ol li {
    margin: 0.75em 0 3em;
}
#search .top-hit img,
#search ol li img {
    float: left;
    margin-right: 1em;
    padding-top: 2px;
}
#search .top-hit {
    zoom: 1;
    display: flow-root;
}
#search .top-hit:after,
#search .top-hit:before {
    display: table;
    content: "";
}
#search .top-hit:after {
    clear: both;
}
@supports (display: flow-root) {
    #search .top-hit:after,
    #search .top-hit:before {
        display: unset;
        content: unset;
    }
    #search .top-hit:after {
        clear: unset;
    }
}
#blog-search {
    margin-top: 20px;
}
#blog-search ol,
#blog-search ul {
    margin-left: 0;
}
#blog-search .blog-search {
    position: relative;
    margin-top: 15px;
    margin-bottom: 15px;
    border: 2px solid #9b9da0;
}
#blog-search .blog-search:nth-child(3n + 1) {
    clear: left;
}
#blog-search .blog-search:nth-child(3n + 3) {
    margin-right: 0;
}
#blog-search .blog-search h3 {
    margin: 0.5em 0;
    font-size: 1.5rem;
    line-height: 1.2;
}
#blog-search .blog-search a img {
    width: 100%;
    height: 210px;
}
#blog-search .context {
    font-size: 0.875rem;
}
@media (min-width: 800px) {
    #blog-search .blog-search {
        float: left;
        width: 31.3%;
        margin-right: 3%;
        margin-bottom: 30px;
        border: 0;
    }
    #blog-search .blog-search a img {
        height: 210px;
    }
    #blog-search .context {
        font-size: 0.875rem;
    }
    #blog-search a {
        margin-bottom: 15px;
    }
}

@media (min-width: 600px) {
    .download-links {
        margin-right: -20px;
        margin-left: -20px;
    }
}
@media (min-width: 600px) {
    .download-links .group {
        float: left;
        width: 50%;
        padding: 0 20px;
    }
    .download-links .group:nth-child(odd) {
        clear: left;
    }
}
.download-links h4 {
    margin-bottom: 0.75em;
    font-family: IBM Plex Sans, sans-serif, League Gothic, Avenir Next Condensed, Helvetica Neue, Arial, sans-serif;
    color: #0cbff2;
    font-size: 1.5rem;
    font-weight: 400;
}
#main .download-links ul {
    margin-left: 0.5em;
}
.download-links li a {
    color: #30353a;
    font-weight: 400;
}


.sharing {
    font-family: IBM Plex Sans, sans-serif, League Gothic, Avenir Next Condensed, Helvetica Neue, Arial, sans-serif;
}
@media (min-width: 500px) {
    #main .sharing {
        float: right;
        clear: none;
        width: auto;
    }
}
#main .sharing .section-content {
    float: left;
    clear: none;
    margin-top: 0;
}
#main .sharing-title {
    position: relative;
    float: left;
    margin-top: 0.2em;
    margin-right: 0.5em;
    font-size: 1.5rem;
}
@media (max-width: 799px) {
    #main .sharing-title {
        top: 3px;
    }
}
@media (max-width: 330px) {
    #main .sharing-title {
        margin-bottom: 0.5em;
    }
}
.list-products {
    display: flex;
    flex-wrap: wrap;
    float: left;
    clear: both;
    width: 102%;
    width: calc(100% + 20px);
    margin-top: 0;
    list-style-type: none;
}
#main .list-products {
    margin-left: -10px;
}
.list-products > li {
    display: flex;
    padding: 20px 10px;
    font-size: 1rem;
    line-height: 1;
    transition: opacity 0.2s ease-in;
}
.list-products > li ul {
    list-style: none;
}
@media (min-width: 500px) {
    .list-products > li {
        width: 50%;
    }
    .ie9 .list-products > li:nth-child(odd) {
        clear: left;
    }
}
@media (min-width: 800px) {
    .list-products > li {
        width: 25%;
    }
    .ie9 .list-products > li:nth-child(odd) {
        clear: none;
    }
    .ie9 .list-products > li:nth-child(4n + 1) {
        clear: left;
    }
}
.filtered .list-products > li {
    display: none;
}
.list-products > li.enabled {
    display: block;
    display: flex;
}
.list-products > li:hover .product-title a {
    color: #30353a;
}
.list-products > li:hover .product-image a {
    border-color: #0cbff2;
}
.list-products > li > ul {
    position: relative;
    display: inline-block;
    width: 100%;
    padding-left: 0;
    list-style-type: none;
}
.list-products > li > ul > li {
    margin-bottom: 0;
    list-style-type: none;
}
.list-products > li .product-image {
    margin-bottom: 8px;
}
.list-products > li .product-image a {
    display: block;
    height: 104px;
    margin-bottom: 0;
    border: 1px solid #000;
    background-color: #30353a;
    background-position: 50%;
    background-size: cover;
}
.list-products .product-manufacturer {
    font-family: Helvetica Neue, Helvetica, Tahoma, Arial, sans-serif;
    font-weight: 300;
    padding: 0.5em 0;
    color: #30353a;
    font-size: 0.75rem;
}
.list-products .product-title {
    font-family: League Gothic, Avenir Next Condensed, Helvetica Neue, Arial, sans-serif;
    float: left;
    clear: left;
    margin-top: 0;
    padding-right: 0.5em;
    border-bottom: 1px solid transparent;
    font-size: 1.5rem;
}
.list-products .product-title a {
    -webkit-transition: color 0.2s ease-in-out;
    -moz-transition: color 0.2s ease-in-out;
    -o-transition: color 0.2s ease-in-out;
    color: #0cbff2;
    font-weight: 400;
    transition: color 0.2s ease-in-out;
}
.list-products .product-title a:hover {
    color: #fff;
}
.list-products .pricing {
    float: right;
    height: 1.45em;
    margin-left: 0.5em;
}
.list-products .price {
    padding: 0.15em 0.35em;
    font-size: 1.125rem;
    line-height: 1;
}
.list-products .original-price {
    margin-right: 0.15em;
}
.list-products .action .button:focus,
.list-products .action .button:hover,
.list-products .action input:focus[type="submit"],
.list-products .action input:hover[type="submit"],
.list-products .action input[type="submit"]:focus,
.list-products .action input[type="submit"]:hover {
    color: #0cbff2;
    background-color: #fff;
}
.list-products .action input[type="submit"] {
    padding: 0.09em 0.25em 0;
    font-weight: 700;
    transition: background-color 0.2s ease-in;
}
@media (max-width: 799px) {
    .list-products .action input[type="submit"] {
        padding: 0.15em 0.25em;
    }
}
.list-products .action .button.download,
.list-products .action input.download[type="submit"] {
    padding: 0.2em 0.3em;
    font-size: 1em;
}
.list-products .action .icon-download {
    font-size: 0.9em;
    vertical-align: middle;
}
.list-products > li.free .pricing .price {
    color: #191b1f;
    letter-spacing: 0.025em;
}
.list-products .product-rating {
    float: right;
    clear: right;
    margin-top: 8px;
    color: #0cbff2;
}
.list-products .product-teaser {
    word-wrap: break-word;
    clear: both;
    font-size: 0.875rem;
    line-height: 1.4;
}
.list-products .product-flags .tag {
    display: inline-block;
    padding: 0 0.4em;
    font-size: 0.75rem;
    font-weight: 400;
    text-transform: uppercase;
}
.list-products .product-flags .tag.flag-sale {
    position: absolute;
    top: 8px;
    right: 0;
    height: 0;
    margin: 0;
    border: 0;
    border-bottom: 1.3em solid #0cbff2;
    color: #fff;
    background: none;
    font-family: League Gothic, Avenir Next Condensed, Helvetica Neue, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.4;
}
.list-products .product-button {
    clear: left;
    width: 100%;
    padding-top: 8px;
    text-align: center;
}
.list-products .product-button .button,
.list-products .product-button input[type="submit"] {
    font-size: 1.25rem;
}
#right .list-products {
    width: 100%;
    max-width: 260px;
}
#right .list-products > li .product-flags > ul {
    margin: 0;
}
#right .list-products > li .tag:not(.flag-sale) {
    display: none;
}
@media (min-width: 800px) {
    #right .list-products > li {
        width: 100%;
        padding: 10px 0;
    }
    #right .list-products > li .product-manufacturer {
        margin-top: 0;
    }
    #right .list-products > li .product-title {
        float: none;
    }
    #right .list-products > li .product-teaser {
        margin-top: 2px;
    }
}
.grid-articles h3,
.list-articles h3 {
    margin: 0.2em 0;
    font-size: 1.5rem;
    line-height: 1.2;
}
.grid-articles h3 a,
.list-articles h3 a {
    font-weight: 400;
}
.grid-articles h6,
.list-articles h6 {
    margin-bottom: 1em;
    font-family: League Gothic, Avenir Next Condensed, Helvetica Neue, Arial, sans-serif;
    line-height: 1.2;
    letter-spacing: 0.01em;
}
.grid-articles p,
.list-articles p {
    font-size: 0.875rem;
}
.grid-articles a.read-more,
.list-articles a.read-more {
    font-size: 1.25rem;
}
.list-articles {
    float: left;
    clear: both;
    width: 100%;
    margin-top: 20px;
}
.list-articles .article,
.list-articles article {
    position: relative;
    float: left;
    width: 100%;
    margin-bottom: 36px;
    padding: 0;
    border: 2px solid #9b9da0;
}
.list-articles .bg-img {
    position: static;
    height: 13em;
}
.list-articles .article-content {
    width: 100%;
    padding: 20px;
    font-size: 1.125rem;
}
@media (min-width: 800px) {
    .list-articles .article,
    .list-articles article {
        min-height: 14em;
        padding-left: 50%;
    }
    .list-articles .bg-img {
        position: absolute;
        width: 50%;
        height: 100%;
    }
}
.grid-articles {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    display: flex;
    display: -ms-flex;
    flex-wrap: wrap;
}
.grid-articles .article,
.grid-articles article {
    position: relative;
    display: flex;
    width: 100%;
    margin-bottom: 36px;
    padding-top: 210px;
    border: 2px solid #9b9da0;
}
.grid-articles .article:nth-child(3n + 1),
.grid-articles article:nth-child(3n + 1) {
    clear: left;
}
.grid-articles .article:nth-child(3n + 3),
.grid-articles article:nth-child(3n + 3) {
    margin-right: 0;
}
.grid-articles .bg-img {
    width: 100%;
    height: 210px;
}
.grid-articles .article-content {
    width: 100%;
    padding: 1em;
    background: hsla(0, 0%, 100%, 0.5);
}
@media (min-width: 800px) {
    .grid-articles .article,
    .grid-articles article {
        float: left;
        width: 31.3%;
        margin-right: 3%;
        margin-bottom: 60px;
        border: 0;
    }
}
@media (min-width: 800px) {
    .grid-articles.featured {
        position: relative;
    }
    .grid-articles.featured .article,
    .grid-articles.featured article {
        width: 100%;
        min-height: 353px;
        margin-right: 0;
        margin-bottom: 60px;
        padding-top: 0;
        padding-left: 0;
        background: hsla(0, 0%, 100%, 0.5);
    }
    .grid-articles.featured .bg-img {
        width: 65.6%;
        height: 100%;
    }
    .grid-articles.featured .article-content {
        width: 31.3%;
        margin-left: 68.6%;
        padding-top: 0;
        padding-left: 0;
        background: none;
    }
    .grid-articles.featured h3 {
        margin-top: 15px;
        margin-bottom: 30px;
        font-size: 2.5rem;
        line-height: 1.1;
    }
    .grid-articles.featured p {
        font-size: 0.95rem;
    }
}
.list-articles.deals .article,
.list-articles.deals article {
    padding: 0;
    border-width: 0;
    overflow: hidden;
}
.list-articles.deals .article + .article,
.list-articles.deals article + article {
    padding-top: 2em;
    border-top-width: 2px;
}
.list-articles.deals img {
    display: block;
    margin-bottom: 1em;
}
@media (min-width: 800px) {
    .list-articles.deals img {
        float: left;
        margin-right: 2em;
        margin-bottom: 0.5em;
    }
}
.list-articles.deals .article-content {
    padding: 0;
}
.list-articles.deals h3 {
    margin-top: 0;
    font-size: 1.875rem;
}
.list-articles.deals h6 {
    font-size: 1.5rem;
}
#enartists h5 {
    margin-bottom: 20px;
    color: #30353a;
}
#mixed-with-mega .grid-container {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    display: flex;
    display: -ms-flex;
    flex-wrap: wrap;
    margin-bottom: 40px;
}
#mixed-with-mega .grid-container .maincolumn {
    width: 65.6%;
    margin-right: 3%;
}
@media (max-width: 800px) {
    #mixed-with-mega .grid-container .maincolumn {
        width: 100%;
        margin-right: 0;
    }
}
#mixed-with-mega .grid-container .infobox {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 31%;
    padding: 1.25em;
    background: hsla(0, 0%, 100%, 0.5);
}
@media (max-width: 800px) {
    #mixed-with-mega .grid-container .infobox {
        width: 100%;
        margin-top: 10px;
    }
}
#mixed-with-mega .grid-container .infobox ol {
    margin-bottom: 0;
}
#main .list-members {
    margin: 1.75em 0 0;
    list-style: none;
}
.list-members > li {
    padding: 32px 0;
    border-top: 2px solid #9b9da0;
}
.list-members > li .member-logo {
    margin-bottom: 20px;
    text-align: center;
}
@media (min-width: 600px) {
    .list-members > li .member-logo {
        float: left;
        margin-right: 20px;
    }
}
.list-members > li h3 {
    margin-bottom: 0;
}
.list-members > li .member-description img {
    display: block;
    max-width: 100%;
    margin: 0 auto 24px;
}
.list-members > li .member-description figure img {
    margin-bottom: 0.5em;
    border: 2px solid #191b1f;
}
.list-members > li .member-actions {
    clear: both;
    margin-top: 2em;
    margin-bottom: 0.88em;
}
.list-quotes {
    list-style: none;
}
#main .list-quotes {
    margin-left: 0;
}
.list-quotes li {
    zoom: 1;
    display: flow-root;
}
.list-quotes li:after,
.list-quotes li:before {
    display: table;
    content: "";
}
.list-quotes li:after {
    clear: both;
}
@supports (display: flow-root) {
    .list-quotes li:after,
    .list-quotes li:before {
        display: unset;
        content: unset;
    }
    .list-quotes li:after {
        clear: unset;
    }
}
.list-quotes li + li {
    margin-top: 2em;
}
.list-quotes .quote-photo {
    float: left;
    width: 50px;
    margin-right: 1em;
    border: 2px solid #fff;
}
.list-quotes .quote-photo img {
    display: block;
    width: 100%;
    height: auto;
}
@media (min-width: 800px) {
    .list-quotes .quote-photo {
        width: 13.5%;
        margin-right: 2.25%;
    }
}
.list-quotes .quote-content {
    width: 100%;
}
@media (min-width: 800px) {
    .list-quotes .quote-content {
        float: left;
        width: 84.25%;
    }
}
.list-quotes .quote-title .quote-date,
.list-quotes .quote-title .quote-meta,
.list-quotes .quote-title .quote-preamble,
.list-quotes .quote-title h4,
.list-quotes .quote-title time {
    display: inline;
}
.list-quotes .quote-title h4 {
    font-size: 1em;
    font-weight: 400;
}
.list-quotes .quote-title .quote-preamble,
.list-quotes .quote-title h4 {
    color: #0cbff2;
}
.list-quotes .quote-title .quote-meta,
.list-quotes .quote-title .quote-preamble,
.list-quotes .quote-title h4 {
    margin-right: 0.75em;
}
.list-quotes .quote-title .quote-preamble {
    float: left;
}
.list-quotes .quote-title .quote-date,
.list-quotes .quote-title time {
    font-size: 0.83em;
}
.list-quotes .quote-footer,
.list-quotes .quote-title {
    font-family: League Gothic, Avenir Next Condensed, Helvetica Neue, Arial, sans-serif;
    color: #666;
    font-size: 1.25rem;
}
@media (min-width: 800px) {
    .list-quotes .quote-footer,
    .list-quotes .quote-title {
        font-size: 1.5rem;
    }
}
#right .list-quotes .quote-title {
    font-size: 1.25rem;
}
.list-quotes .quote-text {
    margin-top: 1em;
}
.list-quotes .quote-footer {
    margin-top: 0.5em;
}
.list-quotes .quote-response {
    margin-left: 2px;
    padding-left: 0.75em;
    border-left: 2px solid #9b9da0;
}
.list-icons {
    list-style: none;
}
#main .list-icons {
    margin-left: 0;
}
.list-icons li {
    position: relative;
    padding-left: 1.75em;
}
.list-icons .icon {
    position: absolute;
    top: 0;
    left: 0;
    width: 1.5em;
    height: 1.15em;
}
.list-headlines {
    list-style: none;
}
.list-headlines > li {
    padding: 0 1.25em 1.25em 0;
}
@media (min-width: 600px) {
    .list-headlines > li {
        float: left;
        width: 50%;
    }
    .list-headlines > li:nth-child(odd) {
        clear: left;
    }
}
.list-headlines > li h6 {
    display: block;
    margin-bottom: 0.5em;
    font-size: 0.875rem;
}
.list-headlines > li h3 {
    margin: 0;
    font-size: 1.75rem;
}
.list-headlines > li h3 a:hover {
    color: #56cfff;
}
.list-img-grid {
    width: 102%;
    width: calc(100% + 20px);
    list-style: none;
}
#main .list-img-grid {
    margin-left: -10px;
}
.list-img-grid li {
    display: inline-block;
    float: left;
    width: 100%;
    padding: 1.25em 25px 2em;
}
@media (min-width: 400px) and (max-width: 799px) {
    .list-img-grid li {
        width: 50%;
    }
    .list-img-grid li:nth-child(odd) {
        clear: left;
    }
}
@media (min-width: 800px) {
    .list-img-grid li {
        width: 25%;
    }
    .list-img-grid li:nth-child(4n + 1) {
        clear: left;
    }
}
.list-img-grid h6 {
    margin-bottom: 0.5em;
}
.list-img-grid a .img {
    border: 2px solid #9b9da0;
}
.list-img-grid .img {
    display: block;
    width: 100%;
    margin-bottom: 24px;
    padding-top: 67.16%;
    background-color: #30353a;
    background-position: 50%;
    background-size: cover;
    background-repeat: no-repeat;
    content: "";
}
.list-img-grid .img:hover {
    border-color: #0cbff2;
}
.list-thumbnails {
    list-style: none;
}
.list-thumbnails li {
    position: relative;
    display: block;
    float: left;
    margin: 0 1em 1em 0;
}
.list-thumbnails li:hover .thumbnail-caption {
    display: block;
}
.list-thumbnails img {
    position: static;
    display: block;
}
.list-thumbnails .thumbnail-caption {
    position: absolute;
    bottom: -10px;
    left: 50%;
    display: none;
    padding: 0.25em 0.5em;
    border: 1px solid #9b9da0;
    background: rgba(25, 27, 31, 0.8);
    text-align: center;
    white-space: nowrap;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 1;
}
.toggler {
    clear: left;
    padding: 10px 0;
    line-height: 1.3;
    font-weight: 400;
}
.toggler[role] {
    outline: none;
    cursor: pointer;
}
.toggler[role]:focus,
.toggler[role]:hover {
    color: #0cbff2;
}
.accordion {
    clear: left;
}
.inneraccordion {
    float: left;
    margin-bottom: 1em;
    margin-left: 0;
    padding: 1.5em;
    background: hsla(0, 0%, 100%, 0.5);
}
.chloginneraccordion {
    width: 100%;
}
.mod_faqaccordion {
    margin-bottom: 2em;
}
.mod_faqaccordion .accordion_outer .toggler,
.mod_faqaccordion .toggler_outer {
    clear: both;
}
.mod_faqaccordion .category {
    position: relative;
}
#main .mod_faqaccordion .inneraccordion p:last-child {
    margin-bottom: 0;
}
.grid .grid-content {
    list-style: none;
    text-align: center;
}
#main .grid .grid-content {
    margin-top: 0;
    margin-left: 0;
}
.grid .grid-content li {
    margin-bottom: 1em;
    text-align: left;
    vertical-align: bottom;
}
.grid .grid-content li,
.grid .grid-content li > a {
    position: relative;
    display: block;
    float: left;
    width: 100%;
    background-color: #fff;
}
.grid .grid-content li > a {
    color: #191b1f;
    transition: color 0.2s ease-in, opacity 0.2s ease-in;
}
.grid .grid-content li > a:focus,
.grid .grid-content li > a:hover {
    color: #0cbff2;
    opacity: 0.9;
}
.grid .grid-content .bg-img {
    background-position: 50% 0;
    background-size: cover;
}
.grid .grid-content .tag {
    display: none;
}
.grid .grid-content .flag-sale {
    position: absolute;
    top: 2px;
    right: -0.75em;
    display: block;
    height: 0;
    margin: 0;
    padding: 0 5px 0 0;
    border-left: 0;
    border-bottom: 0;
    border-right: 0;
    border-color: currentcolor transparent #0cbff2;
    border-style: none solid solid;
    border-width: 0 0.91em 1.3em 1.75em;
    color: #fff;
    background: transparent;
    font-family: League Gothic, Avenir Next Condensed, Helvetica Neue, Arial, sans-serif;
    font-size: 1.5rem;
    line-height: 1.35;
    text-transform: uppercase;
    -webkit-transform: rotate(36deg);
    transform: rotate(36deg);
}
.grid .grid-content .grid-item-content {
    position: relative;
    margin-top: 10em;
    padding: 0.5em;
    color: #fff;
    background-color: #191b1f;
}
.grid .grid-content .grid-item-content h3 {
    margin-bottom: 0.2em;
    font-size: 1.55rem;
}
@media (min-width: 600px) {
    .grid .grid-content .grid-item-content h3 {
        margin-top: 0.25em;
    }
}
.grid .grid-content .grid-item-content p {
    margin-bottom: 0.25em !important;
}
.grid .grid-content h4 {
    margin-bottom: 0.5em;
    font-family: League Gothic, Avenir Next Condensed, Helvetica Neue, Arial, sans-serif;
    font-size: 1.25rem;
    line-height: 1;
    font-weight: 400;
}
.grid .grid-content p {
    margin-bottom: 0;
}
@media (min-width: 600px) {
    .grid .grid-content li {
        width: 48.5%;
        margin-right: 0.75%;
        margin-left: 0.75%;
    }
    .grid .grid-content li > a {
        height: 17em;
    }
    .grid .grid-content li .bg-img {
        background-size: cover;
    }
    .grid .grid-content li .grid-item-content {
        position: absolute;
        bottom: 0;
        width: 100%;
        margin-top: 0;
    }
}
@media (min-width: 800px) {
    .grid .grid-content li {
        width: 31.83%;
        height: 16em;
    }
    .grid .grid-content li > a {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
    }
    .grid .grid-content h4 {
        font-size: 1.4rem;
    }
    .grid .grid-content p {
        font-size: 0.875rem;
    }
    .grid .grid-content li.highlight {
        width: 65.16%;
        height: 31em;
    }
    .grid .grid-content li.highlight:nth-child(2) {
        float: right;
    }
    .grid .grid-content li.highlight .flag-sale,
    .grid .grid-content li.highlight h4 {
        font-size: 2rem;
    }
    .grid .grid-content li.highlight p {
        font-size: 1rem;
    }
    .grid .grid-content li.highlight .grid-item-content {
        padding-top: 1.5em;
        padding-bottom: 1.5em;
    }
}
#right .mod_cur_reviews_summary .list-quotes,
#right .mod_cur_reviews_summary .summary-footer,
#right .mod_cur_reviews_summary .summary-header p + p {
    font-size: 0.875rem;
}
#right .mod_cur_reviews_summary .summary-header p {
    margin-bottom: 0;
}
#right .mod_cur_reviews_summary .summary-footer p {
    margin-bottom: 0.25em;
}
.mod_cur_reviews_summary .summary-header {
    margin-bottom: 0.75em;
}
.mod_cur_reviews_summary .summary-header .review-rating {
    font-size: 1.375rem;
}
.mod_cur_reviews_summary .review-rating {
    margin-right: 0.75em;
    color: #0cbff2;
}
.mod_cur_reviews_summary .list-quotes {
    margin-bottom: 0.75em;
}
.mod_cur_reviews_summary .list-quotes .quote-preamble + .quote-meta:before {
    display: block;
    content: "";
}
.mod_cur_reviews_summary .list-quotes .quote-text {
    margin-top: 0;
}
.mod_cur_reviews_summary .summary-footer {
    clear: both;
    margin-bottom: 1em;
}
.mod_cur_reviews_summary .summary-footer .bar {
    position: relative;
    top: 3px;
    display: inline-block;
    width: 44%;
    height: 1em;
    margin-right: 0.75em;
    border: 1px solid #000;
}
.mod_cur_reviews_summary .summary-footer .bar > span {
    display: block;
    height: 100%;
    background: #0cbff2;
}
.list-headline-thumbnail ul {
    list-style: none;
}
.list-headline-thumbnail li + li {
    margin-top: 1.25em;
}
.list-headline-thumbnail li a {
    font-weight: 400;
}
.list-headline-thumbnail li a:hover {
    color: #56cfff;
}
.list-headline-thumbnail li .thumbnail-img {
    display: table-cell;
    width: 2.5em;
    height: 2.5em;
    background-position: 50%;
    background-size: cover;
    background-repeat: no-repeat;
    vertical-align: middle;
}
.list-headline-thumbnail li span {
    font-family: League Gothic, Avenir Next Condensed, Helvetica Neue, Arial, sans-serif;
    display: table-cell;
    max-width: 80%;
    padding-left: 0.5em;
    font-size: 1.25rem;
    line-height: 1;
    vertical-align: middle;
}
@media (max-width: 830px) and (min-width: 800px) {
    .list-headline-thumbnail li span {
        max-width: 75%;
    }
}
.mod_cur_createdemo ul,
.mod_cur_license_transfer ul {
    list-style: none;
}
.mod_cur_createdemo ul li.control,
.mod_cur_license_transfer ul li.control {
    width: 100%;
    margin-bottom: 0;
}
.mod_cur_createdemo .submit_container,
.mod_cur_license_transfer .submit_container {
    clear: both;
}
#main .mod_cur_license_transfer ul {
    margin-left: 0;
}
#main .mod_cur_createdemo .inneraccordion {
    width: 100%;
    margin-left: 0;
    padding-bottom: 0.625em;
}
.mod_cur_createdemo ul li.no-demo {
    margin: 0 1em 1em 1.5rem;
    color: #8f9caa;
    font-size: 0.9em;
    line-height: 1.25;
    font-weight: 700;
}
#enplugin-formats {
    overflow-x: auto;
}
.table-formats {
    table-layout: auto;
}
.table-formats td,
.table-formats th {
    width: 50px;
    text-align: center;
    vertical-align: middle;
}
.table-formats td:first-child,
.table-formats th:first-child {
    width: 250px;
    text-align: left;
}
.table-formats td h3,
.table-formats th h3 {
    margin-bottom: 0;
}
.ce_countdown {
    background-position: 50% 65%;
    background-size: cover;
    background-repeat: no-repeat;
    text-align: center;
}
.ce_countdown.left {
    background-position: 0 65%;
}
#hero-image .ce_countdown .text {
    display: inline-block;
    padding: 10px 50px;
    font-family: League Gothic, Avenir Next Condensed, Helvetica Neue, Arial, sans-serif;
}
#hero-image .ce_countdown .text h1,
#hero-image .ce_countdown .text h2,
#hero-image .ce_countdown .text h3,
#hero-image .ce_countdown .text h4,
#hero-image .ce_countdown .text h5,
#hero-image .ce_countdown .text h6 {
    color: #0cbff2;
    background: none;
}
#hero-image .ce_countdown .text .countdown-row {
    clear: both;
    width: 100%;
}
#hero-image .ce_countdown .text .countdown-show1 .countdown-section {
    width: 100%;
}
#hero-image .ce_countdown .text .countdown-show2 .countdown-section {
    width: 50%;
}
#hero-image .ce_countdown .text .countdown-show3 .countdown-section {
    width: 33%;
    min-width: 3em;
}
#hero-image .ce_countdown .text .countdown-show4 .countdown-section {
    width: 25%;
}
#hero-image .ce_countdown .text .countdown-show5 .countdown-section {
    width: 19.5%;
}
#hero-image .ce_countdown .text .countdown-show6 .countdown-section {
    width: 16.25%;
}
#hero-image .ce_countdown .text .countdown-show7 .countdown-section {
    width: 14%;
}
#hero-image .ce_countdown .text .countdown-section {
    display: block;
    float: left;
    font-size: 1.125rem;
    text-align: center;
}
#hero-image .ce_countdown .text .countdown-amount {
    font-size: 2.25rem;
}
#hero-image .ce_countdown .text .countdown-period {
    display: block;
}
#blanket {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(25, 27, 31, 0.6);
    overflow: hidden;
    z-index: 400;
}
.blanket.inline {
    position: relative;
    width: 100%;
    height: 100px;
    overflow: hidden;
}
#spinner {
    position: absolute;
    top: 50%;
    top: calc(50% - 37px);
    left: 50%;
    left: calc(50% - 100px);
    display: block;
    width: 200px;
    height: 75px;
}
#spinner div {
    position: absolute;
    width: 4%;
    margin-top: 18%;
    border-radius: 2px;
    background: #0cbff2;
    -webkit-animation: squeeze 1s linear infinite forwards;
    animation: squeeze 1s linear infinite forwards;
}
#spinner div:first-of-type {
    left: 3%;
    height: 61%;
    margin-top: 9.2%;
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
}
#spinner div:nth-of-type(2) {
    left: 9%;
    height: 60%;
    margin-top: 14.4%;
    -webkit-animation-delay: 0.0625;
    animation-delay: 0.0625;
}
#spinner div:nth-of-type(3) {
    left: 15%;
    height: 67%;
    margin-top: 6.3%;
    -webkit-animation-delay: 0.125s;
    animation-delay: 0.125s;
}
#spinner div:nth-of-type(4) {
    left: 21%;
    height: 62%;
    margin-top: 9.2%;
    -webkit-animation-delay: 0.1875s;
    animation-delay: 0.1875s;
}
#spinner div:nth-of-type(5) {
    left: 27%;
    height: 70%;
    margin-top: 9.2%;
    -webkit-animation-delay: 0.25s;
    animation-delay: 0.25s;
}
#spinner div:nth-of-type(6) {
    left: 33%;
    height: 80%;
    margin-top: 0;
    -webkit-animation-delay: 0.3125s;
    animation-delay: 0.3125s;
}
#spinner div:nth-of-type(7) {
    left: 39%;
    height: 70%;
    margin-top: 9.2%;
    -webkit-animation-delay: 0.375s;
    animation-delay: 0.375s;
}
#spinner div:nth-of-type(8) {
    left: 45%;
    height: 62%;
    margin-top: 9.2%;
    -webkit-animation-delay: 0.4375s;
    animation-delay: 0.4375s;
}
#spinner div:nth-of-type(9) {
    left: 51%;
    height: 62%;
    margin-top: 9.2%;
    -webkit-animation-delay: 0.5s;
    animation-delay: 0.5s;
}
#spinner div:nth-of-type(10) {
    left: 57%;
    height: 60%;
    margin-top: 14.4%;
    -webkit-animation-delay: 0.5625s;
    animation-delay: 0.5625s;
}
#spinner div:nth-of-type(11) {
    left: 63%;
    height: 67%;
    margin-top: 6.3%;
    -webkit-animation-delay: 0.625s;
    animation-delay: 0.625s;
}
#spinner div:nth-of-type(12) {
    left: 69%;
    height: 62%;
    margin-top: 9.2%;
    -webkit-animation-delay: 0.6875s;
    animation-delay: 0.6875s;
}
#spinner div:nth-of-type(13) {
    left: 75%;
    height: 70%;
    margin-top: 9.2%;
    -webkit-animation-delay: 0.75s;
    animation-delay: 0.75s;
}
#spinner div:nth-of-type(14) {
    left: 81%;
    height: 80%;
    margin-top: 0;
    -webkit-animation-delay: 0.8125s;
    animation-delay: 0.8125s;
}
#spinner div:nth-of-type(15) {
    left: 87%;
    height: 70%;
    margin-top: 9.2%;
    -webkit-animation-delay: 0.875s;
    animation-delay: 0.875s;
}
#spinner div:nth-of-type(16) {
    left: 93%;
    height: 61%;
    margin-top: 9.2%;
    -webkit-animation-delay: 0.9375s;
    animation-delay: 0.9375s;
}
@-webkit-keyframes squeeze {
    0%,
    20%,
    to {
        -webkit-transform: scaleY(1);
        transform: scaleY(1);
    }
    10% {
        -webkit-transform: scaleY(0.5);
        transform: scaleY(0.5);
    }
}
@keyframes squeeze {
    0%,
    20%,
    to {
        -webkit-transform: scaleY(1);
        transform: scaleY(1);
    }
    10% {
        -webkit-transform: scaleY(0.5);
        transform: scaleY(0.5);
    }
}
@media (min-width: 800px) {
    .only-mobile {
        display: none;
    }
}
@media (max-width: 799px) {
    .only-desktop {
        display: none;
    }
}
body,
html {
    margin: 0;
    padding: 0;
    overflow-x: hidden;
}
#wrapper {
    background: #f4f3f2;
}
@media print {
    * {
        color: #191b1f;
        background: #fff;
    }
}
section {
    position: relative;
    clear: both;
    width: 100%;
}
.invisible {
    display: none !important;
}
.only-assistive,
form.inline label {
    clip: rect(0 0 0 0);
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    border: 0;
    white-space: nowrap;
    overflow: hidden;
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
}
.show-focus:focus {
    clip: auto;
    top: 0;
    right: 0;
    width: auto;
    height: auto;
    -webkit-clip-path: none;
    clip-path: none;
}
#main,
#right {
    padding: 16px;
}
@media (min-width: 800px) {
    .two-col #main {
        float: left;
        width: 75%;
    }
    .two-col #right {
        float: right;
        width: 25%;
    }
}
#footer,
#header,
#page-toolbar {
    text-align: center;
}
#footer .inside,
#header .inside,
#page-toolbar .inside {
    display: inline-block;
    text-align: left;
}
@media print {
    #footer,
    #header,
    #page-toolbar {
        display: none;
    }
}
#infobox {
    text-align: center;
}
#infobox .inside {
    display: block;
}
@media print {
    #infobox {
        display: none;
    }
}
#footer .inside,
#header .inside,
#page-toolbar .inside,
.wrapper {
    zoom: 1;
    display: flow-root;
    position: relative;
   /* width: 1200px;*/
    max-width: 100%;
    margin: 0 auto;
    padding: 20px;
}

#footer .inside:after,
#footer .inside:before,
#header .inside:after,
#header .inside:before,
#page-toolbar .inside:after,
#page-toolbar .inside:before,
.wrapper:after,
.wrapper:before {
    display: table;
    content: "";
}
#footer .inside:after,
#header .inside:after,
#page-toolbar .inside:after,
.wrapper:after {
    clear: both;
}
@supports (display: flow-root) {
    #footer .inside:after,
    #footer .inside:before,
    #header .inside:after,
    #header .inside:before,
    #page-toolbar .inside:after,
    #page-toolbar .inside:before,
    .wrapper:after,
    .wrapper:before {
        display: unset;
        content: unset;
    }
    #footer .inside:after,
    #header .inside:after,
    #page-toolbar .inside:after,
    .wrapper:after {
        clear: unset;
    }
}
section #footer .inside,
section #header .inside,
section #page-toolbar .inside,
section .wrapper {
    padding-top: 3em;
    padding-bottom: 3em;
}
section.notice #footer .inside,
section.notice #header .inside,
section.notice #page-toolbar .inside,
section.notice .wrapper {
    padding: 1em 0;
    text-align: left;
}
#container,
#footer .inside,
#header .inside,
#page-toolbar .inside,
.wrapper {
    padding-right: env(safe-area-inset-right);
    padding-left: env(safe-area-inset-left);
}
@media (min-width: 1440px) {
    #container,
    #footer .inside,
    #page-toolbar .inside,
    .wrapper {
       width: 1280px;
      
    }
  
  #header .inside{
    width: 90%;
    }
}


@media (min-width: 1920px) {
    #container,
    #footer .inside,
    #header .inside,
    #page-toolbar .inside,
    .wrapper {
        width: 1425px;
    }
}
@supports (padding: 0) {
    #footer .inside,
    #header .inside,
    #infobox .inside,
    #page-toolbar .inside,
    .wrapper {
        padding-right: max(20px, env(safe-area-inset-right));
        padding-left: max(20px, env(safe-area-inset-left));
    }
    @media (max-width: 1140px) {
        #footer .inside,
        #header .inside,
        #infobox .inside,
        #page-toolbar .inside,
        .wrapper {
            padding-right: 20px;
            padding-left: 20px;
        }
    }
}
.wrapper > .content {
    position: relative;
    float: left;
    width: 100%;
}
.wrapper {
    padding-top: 1em;
    padding-bottom: 1em;
}
#container {
    position: relative;
    float: none;
    clear: both;
    width: 1200px;
    max-width: 100%;
    margin: 0 auto;
    padding: 20px 0.25em;
    overflow-x: hidden;
}
#container:after,
#container:before {
    display: table;
    content: "";
}
body.home #container {
    float: left;
    clear: both;
    width: 100%;
}
body.home #container,
body.home #main {
    padding: 0;
}
.grid {
    float: left;
    width: 100%;
    zoom: 1;
    display: flow-root;
}
.grid:after,
.grid:before {
    display: table;
    content: "";
}
.grid:after {
    clear: both;
}
@supports (display: flow-root) {
    .grid:after,
    .grid:before {
        display: unset;
        content: unset;
    }
    .grid:after {
        clear: unset;
    }
}
.center {
    text-align: center;
}
.section-content {
    clear: both;
    margin-top: 2em;
}
.section-footer {
    float: left;
    width: 100%;
    text-align: center;
    zoom: 1;
    display: flow-root;
}
.section-footer:after,
.section-footer:before {
    display: table;
    content: "";
}
.section-footer:after {
    clear: both;
}
@supports (display: flow-root) {
    .section-footer:after,
    .section-footer:before {
        display: unset;
        content: unset;
    }
    .section-footer:after {
        clear: unset;
    }
}
.section-footer .button + .button,
.section-footer .button + input[type="submit"],
.section-footer input[type="submit"] + .button,
.section-footer input[type="submit"] + input[type="submit"] {
    margin-left: 0.5em;
}
.submodule {
    margin: 2em 0;
}
.submodule h2 {
    margin-bottom: 0.5em;
}
img {
    height: auto;
    max-width: 100%;
}
figure {
    margin-bottom: 24px;
    text-align: center;
}
figure img {
    margin-bottom: 0.25em;
    border: 2px solid #191b1f;
}
figure.align-left,
figure.align-right {
    text-align: left;
}
@media (min-width: 600px) {
    figure.align-left,
    figure.align-right {
        margin-bottom: 20px;
    }
    figure.align-left img,
    figure.align-right img {
        width: 100%;
    }
    figure.align-left {
        float: left;
        margin-right: 20px;
    }
    figure.align-right {
        float: right;
        margin-left: 20px;
    }
}
.bg-img {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-position: 50%;
    background-size: cover;
    background-repeat: no-repeat;
}
.bg-img,
.video .bg-img:after {
    position: absolute;
    display: block;
    content: "";
}
.video .bg-img:after {
    top: 15px;
    left: 8px;
    width: 56px;
    height: 56px;
    max-width: 16%;
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80' viewBox='-59 61 80 80' enable-background='new -59 61 80 80'%3E%3Cfilter id='a' height='130%25'%3E%3CfeGaussianBlur in='SourceAlpha' stdDeviation='3'/%3E%3CfeOffset dx='-2' dy='2' result='offsetblur'/%3E%3CfeMerge%3E%3CfeMergeNode/%3E%3CfeMergeNode in='SourceGraphic'/%3E%3C/feMerge%3E%3C/filter%3E%3Ccircle cx='-17' cy='100' r='32.8' filter='url(%23a)' fill='none' stroke='%230cbfff' stroke-width='4'/%3E%3Cpath filter='url(%23a)' fill='%230cbfff' d='M-29.8 82L3.9 99.8l-33.7 17.4z'/%3E%3C/svg%3E")
        top no-repeat;
    background-size: contain;
    z-index: 5;
}
.video.highlight .bg-img:after {
    top: 10px;
    width: 108px;
    height: 108px;
}
.product-info {
    position: relative;
}
.hover-info.list-products {
    position: absolute;
    left: 0;
    display: block;
    width: 250px;
    padding: 15px;
    border: 2px solid #fff;
    color: #fff;
    background: #191b1f;
    font-size: 1rem;
    z-index: 9;
}
.hover-info.list-products > li {
    width: auto;
    padding: 0;
}
.hover-info.list-products .product-image {
    margin-bottom: 8px;
}
.hover-info.list-products .product-image a {
    display: block;
    width: 100%;
    height: 5.5em;
    background-position: 50%;
}
.hover-info.list-products .product-manufacturer {
    margin: 0;
}
.hover-info.list-products .product-title {
    float: none;
    margin-bottom: 0;
}
.hover-info.list-products .product-teaser {
    margin-top: 2px;
}
hr {
    display: inline-block;
    width: 100%;
    margin: 1.5em 0;
    border: 0;
    border-bottom: 2px solid #9b9da0;
}
.clear {
    zoom: 1;
    display: flow-root;
    clear: both;
}
.clear:after,
.clear:before {
    display: table;
    content: "";
}
.clear:after {
    clear: both;
}
@supports (display: flow-root) {
    .clear:after,
    .clear:before {
        display: unset;
        content: unset;
    }
    .clear:after {
        clear: unset;
    }
}
p.align-middle img,
p.align-middle input[type="submit"] {
    margin-right: 0.75em;
    vertical-align: middle;
}
:focus[tabindex="-1"] {
    outline: none;
}
.fixed-supported .fixedsticky-off,
.fixedsticky-withoutfixedfixed .fixedsticky-off {
    position: static;
}
.fixed-supported .fixedsticky-on,
.fixedsticky-withoutfixedfixed .fixedsticky-on {
    position: fixed;
}
.fixedsticky-dummy {
    display: none;
}
.fixedsticky-on + .fixedsticky-dummy {
    display: block;
}
@media (max-width: 800px) {
    .two-col #right {
        float: left;
    }
}
#right section {
    float: left;
    margin-bottom: 2em;
}
#right .section-content {
    margin-top: 1.5em;
}
#right h4 span {
    line-height: 1;
}
#right .ce_text {
    margin-top: 3em;
}
#right .ce_text:first-child {
    margin-top: 2em;
}
#right .ce_text h3 {
    margin-bottom: 0.25em;
}
#right .ce_text p {
    margin-bottom: 0.5em;
}
#right .ce_text p .button,
#right .ce_text p input[type="submit"] {
    margin-top: 0.25em;
}
@media (max-width: 800px) {
    #only-desktop,
    .only-desktop {
        display: none;
    }
}
@media (min-width: 800px) {
    #only-mobile,
    .only-mobile {
        display: none;
    }
}
@media (min-width: 800px) {
    body.home #hero-image .bg-img {
        height: 520px;
    }
}
body.home section#brand-statement {
    text-align: center;
}
body.home section#brand-statement .bg-img {
    background: url(../img/pa-logo-faded.png) center 30%;
    background-size: auto 70%;
}
body.home section#brand-statement .wrapper {
    padding-top: 1.5em;
    padding-bottom: 1.5em;
}
body.home section#brand-statement p {
    font-family: Helvetica Neue, Helvetica, Tahoma, Arial, sans-serif;
    font-weight: 300;
    margin-bottom: 0;
    font-size: 1.25rem;
    line-height: 1.5;
}
@media (min-width: 800px) {
    body.home section#brand-statement .wrapper {
        padding-top: 3.5em;
        padding-bottom: 3.5em;
    }
    body.home section#brand-statement p {
        font-size: 1.375rem;
    }
}
body.home section#benefits {
    background: #363a41;
}
body.home section#benefits .grid-content li .bg-img {
    background-color: #191b1f;
    background-position: 50% -20px;
    background-size: auto 70%;
}
body.home section#benefits .grid-item-content {
    text-align: center;
}
body.home section#benefits .grid-item-content h3 {
    margin-bottom: 0.5em;
}
body.home .lightgrey,
body.home section#benefits-lightgrey {
    background: #f4f3f2;
}
body.home .lightgrey .section-title-divider:before,
body.home section#benefits-lightgrey .section-title-divider:before {
    visibility: hidden;
}
body.home .lightgrey .section-title-divider span,
body.home section#benefits-lightgrey .section-title-divider span {
    color: #171b1f;
    background-color: #f4f3f2;
}
body.home .lightgrey .grid-item-content,
body.home section#benefits-lightgrey .grid-item-content {
    text-align: center;
}
body.home .lightgrey .grid-item-content h3,
body.home section#benefits-lightgrey .grid-item-content h3 {
    margin-top: 0.25em;
    margin-bottom: 0.25em;
    color: #fff;
}
body.home #main .section-title-divider {
    margin-bottom: 1.3em;
    padding-top: 0.5em;
    text-align: center;
}
body.home #main .section-title-divider:before {
    margin-bottom: -0.75em;
}
body.home #main .section-title-divider span {
    display: inline-block;
    float: none;
    clear: both;
    margin-top: 0;
    margin-bottom: 0;
    padding: 0 25px;
    color: #0cbff2;
    font-size: 1.75rem;
    text-align: center;
}
body.home #main .section-footer {
    margin-top: 1.5em;
    margin-bottom: 1em;
}
body.home #main .list-img-grid .img {
    width: 91%;
    margin: 0 auto;
    padding-top: 28.5%;
    border: 0;
    background-color: transparent;
    background-size: contain;
}
body.home #main section:nth-of-type(2n),
body.home #main section:nth-of-type(2n) .section-title-divider span {
    background-color: #191b1f;
}
body.home #main section:nth-of-type(2n) .grid-content .grid-item-content {
    background-color: #363a41;
}
body.home #main .testimonials .list-quotes li {
    padding-right: 20px;
    padding-left: 20px;
}
body.home #main .testimonials .quote-title,
body.home #main .testimonials h4 {
    font-size: 1.5rem;
}
@media (min-width: 800px) {
    body.home #main .testimonials .quote-title,
    body.home #main .testimonials h4 {
        font-size: 1.75rem;
    }
}


.video-content {
    zoom: 1;
    display: flow-root;
    margin-bottom: 1.2em;
    color: #a6a5a6;
}
.video-content:after,
.video-content:before {
    display: table;
    content: "";
}
.video-content:after {
    clear: both;
}
@supports (display: flow-root) {
    .video-content:after,
    .video-content:before {
        display: unset;
        content: unset;
    }
    .video-content:after {
        clear: unset;
    }
}
.video-content iframe {
    width: 100%;
}
.youtube-info {
    float: left;
    margin-top: 1em;
}
.youtube-published {
    margin-right: 0.5em;
    padding-right: 0.9em;
    border-right: 1px solid;
}
.youtube-subscribe {
    float: right;
    margin-top: 1em;
}
@media (max-width: 500px) {
    .youtube-subscribe {
        float: left;
        width: 100%;
    }
}
.youtube-subscribe-label {
    margin-right: 0.5em;
    margin-bottom: 0;
}
.g-ytsubscribe {
    display: inline-block;
}
#___ytsubscribe_0 {
    position: relative;
    top: -5px;
    float: right !important;
}


/*DESIGN SYSTEM GRID LAYOUT*/


! tailwindcss v3.2.6 | MIT License | https://tailwindcss.com

*,:after,:before {
    border: 0 solid;
    box-sizing: border-box
}

:after,:before {
    --tw-content: ""
}

/*html {
    -webkit-text-size-adjust: 100%;
    font-feature-settings: normal;
    font-family: IBM Plex Sans, sans-serif, ui-sans-serif,system-ui,-apple-system,IBM Plex Sans,sans-serif,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
    -moz-tab-size: 4;
    -o-tab-size: 4;
    tab-size: 4;
      -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 18px;
    line-height: 1.5
} */

body {
    line-height: inherit;
    margin: 0
}

hr {
    border-top-width: 1px;
    color: inherit;
    height: 0
}

abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}


a {
   text-decoration:none !important;
}

b,strong {
    font-weight: bolder
}

code,kbd,pre,samp {
    font-family: ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;
    font-size: 1em
}

small {
    font-size: 80%
}

sub,sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

table {
    border-collapse: collapse;
    border-color: inherit;
    text-indent: 0
}

button,input,optgroup,select,textarea {
    color: inherit;
    font-family: inherit;
    font-size: 100%;
    font-weight: inherit;
    line-height: inherit;
    margin: 0;
    padding: 0
}

button,select {
    text-transform: none
}

[type=button],[type=reset],[type=submit],button {
    -webkit-appearance: button;
    background-color: transparent;
    background-image: none
}

:-moz-focusring {
    outline: auto
}

:-moz-ui-invalid {
    box-shadow: none
}

progress {
    vertical-align: baseline
}

::-webkit-inner-spin-button,::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

summary {
    display: list-item
}

blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre {
    margin: 0
}

fieldset {
    margin: 0
}

fieldset,legend {
    padding: 0
}

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

textarea {
    resize: vertical
}

input::-moz-placeholder,textarea::-moz-placeholder {
    color: #9ca3af;
    opacity: 1
}

input::placeholder,textarea::placeholder {
    color: #9ca3af;
    opacity: 1
}

[role=button],button {
    cursor: pointer
}

:disabled {
    cursor: default
}

audio,canvas,embed,iframe,img,object,svg,video {
    display: block;
    vertical-align: middle
}

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

[hidden] {
    display: none
}


*,:after,:before {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x: ;
    --tw-pan-y: ;
    --tw-pinch-zoom: ;
    --tw-scroll-snap-strictness: proximity;
    --tw-ordinal: ;
    --tw-slashed-zero: ;
    --tw-numeric-figure: ;
    --tw-numeric-spacing: ;
    --tw-numeric-fraction: ;
    --tw-ring-inset: ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgba(59,130,246,.5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur: ;
    --tw-brightness: ;
    --tw-contrast: ;
    --tw-grayscale: ;
    --tw-hue-rotate: ;
    --tw-invert: ;
    --tw-saturate: ;
    --tw-sepia: ;
    --tw-drop-shadow: ;
    --tw-backdrop-blur: ;
    --tw-backdrop-brightness: ;
    --tw-backdrop-contrast: ;
    --tw-backdrop-grayscale: ;
    --tw-backdrop-hue-rotate: ;
    --tw-backdrop-invert: ;
    --tw-backdrop-opacity: ;
    --tw-backdrop-saturate: ;
    --tw-backdrop-sepia:
}

::backdrop {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x: ;
    --tw-pan-y: ;
    --tw-pinch-zoom: ;
    --tw-scroll-snap-strictness: proximity;
    --tw-ordinal: ;
    --tw-slashed-zero: ;
    --tw-numeric-figure: ;
    --tw-numeric-spacing: ;
    --tw-numeric-fraction: ;
    --tw-ring-inset: ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgba(59,130,246,.5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur: ;
    --tw-brightness: ;
    --tw-contrast: ;
    --tw-grayscale: ;
    --tw-hue-rotate: ;
    --tw-invert: ;
    --tw-saturate: ;
    --tw-sepia: ;
    --tw-drop-shadow: ;
    --tw-backdrop-blur: ;
    --tw-backdrop-brightness: ;
    --tw-backdrop-contrast: ;
    --tw-backdrop-grayscale: ;
    --tw-backdrop-hue-rotate: ;
    --tw-backdrop-invert: ;
    --tw-backdrop-opacity: ;
    --tw-backdrop-saturate: ;
    --tw-backdrop-sepia:
}



.video-embed-preview:before {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAADGCAYAAAAT+OqFAAAAdklEQVQoz42QQQ7AIAgEF/T/D+kbq/RWAlnQyyazA4aoAB4FsBSA/bFjuF1EOL7VbrIrBuusmrt4ZZORfb6ehbWdnRHEIiITaEUKa5EJqUakRSaEYBJSCY2dEstQY7AuxahwXFrvZmWl2rh4JZ07z9dLtesfNj5q0FU3A5ObbwAAAABJRU5ErkJggg==);
    background-position: top;
    background-repeat: repeat-x;
    content: "";
    display: block;
    height: 90px;
    padding-bottom: 50px;
    position: absolute;
    top: 0;
    transition-duration: .2s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    width: 100%;
    z-index: 1
}

.video-embed-preview:hover .grayscale {
    --tw-grayscale: grayscale(0);
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}

.video-embed-preview:hover .text-grey-80 {
    --tw-text-opacity: 1;
    color: rgb(248 249 250/var(--tw-text-opacity))
}

.sound-widget .btn-play .icon svg {
    fill: #515d66
}

.sound-widget .btn-play.playing {
    --tw-bg-opacity: 1;
    background-color: rgb(19 22 26/var(--tw-bg-opacity))
}

.sound-widget .btn-play.playing .icon svg {
    fill: #fff
}

.sound-widget .sound-bars {
    display: flex;
    gap: 2px;
    height: 48px;
    margin-bottom: 4px;
    margin-top: 4px
}

.sound-widget .sound-bars .bar {
    --tw-bg-opacity: 1;
    background-color: rgb(223 226 230/var(--tw-bg-opacity));
    cursor: pointer;
    height: 100%;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: 2px
}

.sound-widget .sound-bars .bar.is-active {
    --tw-bg-opacity: 1;
    background-color: rgb(122 139 152/var(--tw-bg-opacity))
}

.sound-widget .sound-bars .bar.is-hovered {
    --tw-bg-opacity: 1;
    background-color: rgb(184 195 203/var(--tw-bg-opacity))
}

.sound-widget .sound-bars .bar.is-hovered.is-active {
    --tw-bg-opacity: 1;
    background-color: rgb(122 139 152/var(--tw-bg-opacity))
}

.sound-widget .sound-bars .bar.is-hovered.is-active~.is-active:not(.is-hovered) {
    --tw-bg-opacity: 1;
    background-color: rgb(184 195 203/var(--tw-bg-opacity))
}

.sound-widget .soundcloud-link>a>svg {
    fill: #7a8b98
}

.sound-widget .soundcloud-link:hover>a>svg {
    fill: #34414c
}

.rte .sound-widget * {
    font-size: .8rem;
    line-height: 1.5
}

.rte .sound-widget h3 {
    font-size: .889rem;
    line-height: 1.5;
    margin-bottom: 0
}

.rte .sound-widget h4 {
    font-size: 1.125rem;
    line-height: 1.3
}

@media (min-width: 1280px) {
    .rte .sound-widget h4 {
        font-size:1.25rem
    }
}

.rte .sound-widget h4 {
    margin-bottom: 0
}

.rte .sound-widget svg {
    display: block;
    height: auto;
    padding: 0;
    vertical-align: middle
}

.rte .sound-widget div {
    margin-bottom: 0
}

.header .header-logo {
    display: grid;
    place-content: center
}

.header .header-logo.native-instruments {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='196' height='30'%3E%3Cstyle%3E.st0{fill:%23111}%3C/style%3E%3Cpath class='st0' d='M50.2 18.8V9.2h2.4l1.6 4.2h.1V9.2h2.1v9.6h-2.3l-1.7-5v5h-2.2m15.3 0h-2.4l-.2-1.2h-1.5l-.2 1.2h-2.4l1.8-9.7h3l1.9 9.7m-4-3.1h1.2l-.6-4-.6 4zm9.7-4.5v7.6h-2.5v-7.6h-1.9v-2h6.3v2h-1.9m4.3-2H78v9.7h-2.5zm9.4 0h2.3l-1.9 9.6h-2.5l-2.3-9.6h2.4l1 5.5h.1l.9-5.5m4.7 9.6V9.2H95v2h-2.9v1.6h2.4v2.1h-2.4v1.9h3v2h-5.5M102 9.2h2.5v9.7H102zm5.7 9.6V9.2h2.4l1.6 4.2h.1V9.2h2.1v9.6h-2.3l-1.7-5v5h-2.2m13.1-6.6c0-1.1-.4-1.3-.9-1.3s-.7.3-.7.6c0 1.2 4 2.1 4 4.8 0 1.9-1.3 2.7-3.4 2.7-2.6 0-3.1-1.7-3.1-3.4h2.3v.4c0 .6.4 1.1 1 1.1.5 0 .9-.3.9-.8 0-1.3-4-2.3-4-4.9 0-1.6 1.4-2.5 3.1-2.5 1.9 0 3.1 1.1 3.1 2.7v.4h-2.3m8.9-.8v7.6h-2.5v-7.6h-1.9v-2h6.3v2h-1.9m4.5 7.6V9.2h3.1c2.1 0 3.1.6 3.1 2.7 0 1.5-.7 2-1.2 2.2.9.1 1.2 1.5 1.2 2.7 0 1 .1 1.6.3 2h-2.4c-.2-.8-.3-1.3-.3-2 0-1.6-.1-1.9-1-1.9h-.4v3.9h-2.4m2.4-5.6h.4c.7 0 .9-.4.9-1.2 0-.8-.2-1.2-.9-1.2h-.4v2.4zm12.9-4v7.3c0 1.6-1.1 2.5-3.1 2.5s-3.1-.9-3.1-2.5V9.2h2.5v7c0 .5.1.8.6.8s.6-.3.6-.8v-7h2.5m3 9.6V9.2h2.9l1.1 4.6 1-4.6h3v9.6h-2.2v-5.7l-1.1 5.7h-1.4l-1.1-5.7h-.1v5.7h-2.1m10.9 0V9.2h5.4v2h-2.9v1.6h2.4v2.1h-2.4v1.9h3.1v2h-5.6m8.4 0V9.2h2.4l1.6 4.2V9.2h2.2v9.6h-2.4l-1.7-5v5h-2.1m13.1-7.6v7.6h-2.5v-7.6h-1.9v-2h6.3v2h-1.9m8 1c0-1.1-.4-1.3-.9-1.3s-.7.3-.7.6c0 1.2 4 2.1 4 4.8 0 1.9-1.3 2.7-3.4 2.7-2.6 0-3.1-1.7-3.1-3.4h2.3v.4c0 .6.4 1.1 1 1.1.5 0 .9-.3.9-.8 0-1.3-4-2.3-4-4.9 0-1.6 1.4-2.5 3.1-2.5 1.9 0 3.1 1.1 3.1 2.7v.4h-2.3' id='Layer_1'/%3E%3Cg id='Layer_4'%3E%3Cpath d='M40 3H21v24h19V3zm-9 19h-3V8h3v14z' style='fill:%235d86a0'/%3E%3Cpath class='st0' d='M2.6 3C8.7 4.5 14.8 5.3 21 5.3c6.1 0 12.3-.8 18.4-2.3l-1.6-.9c.5 1.2.8 3.2 1.1 5.5.2 2.3.4 4.8.4 7.4 0 2.6-.1 5.2-.4 7.4-.2 2.3-.6 4.2-1.1 5.5l1.6-.9c-6.1-1.5-12.3-2.3-18.4-2.3h-.1c-6.1 0-12.3.8-18.4 2.3l1.7.9c-.4-1.2-.8-3.2-1.1-5.5-.2-2.3-.4-4.8-.4-7.4 0-2.6.1-5.2.4-7.4.2-2.3.6-4.2 1.1-5.5L2.6 3l.3-1.4-1.3-.4C1 2.8.7 4.9.4 7.3.1 9.7 0 12.3 0 15s.1 5.3.4 7.7c.3 2.4.6 4.5 1.2 6.1L2 30l1.2-.3c5.9-1.5 11.8-2.2 17.7-2.2 5.9 0 11.8.7 17.7 2.2l1.2.3.4-1.2c.6-1.6.9-3.7 1.2-6.1.3-2.4.4-5.1.4-7.7 0-2.7-.1-5.3-.4-7.7-.3-2.4-.6-4.5-1.2-6.1L39.9 0l-1.2.3C32.8 1.8 26.9 2.5 21 2.5h-.1C15 2.5 9.1 1.8 3.3.3L2 0l-.4 1.2 1.3.5'/%3E%3Cpath class='st0' d='M11 22v-7l2 7h3V8h-3v6l-2-6H8v14z'/%3E%3C/g%3E%3C/svg%3E") no-repeat;
    background-size: 196px 30px;
    height: 30px;
    width: 42px
}

@media (min-width: 768px) {
    .header .header-logo.native-instruments {
        width:196px
    }
}

.header .header-logo.izotope {
    height: 41px;
    width: 107px
}

@media (min-width: 768px) {
    .header .header-logo.izotope {
        height:48px;
        width: 128px
    }
}

.header .header-logo.izotope svg {
    height: 100%;
    width: 100%
}

.header .menu-toggle:not(.active) .burger span:first-child {
    --tw-translate-y: -4px
}

.header .menu-toggle:not(.active) .burger span:first-child,.header .menu-toggle:not(.active) .burger span:nth-child(3) {
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.header .menu-toggle:not(.active) .burger span:nth-child(3) {
    --tw-translate-y: 4px
}

.header .menu-toggle.active .burger span:first-child {
    --tw-rotate: 45deg;
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.header .menu-toggle.active .burger span:nth-child(2) {
    opacity: 0
}

.header .menu-toggle.active .burger span:nth-child(3) {
    --tw-rotate: -45deg;
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.sketches-style .sketches-style-text .rte h1 {
    line-height: 130%;
    margin-bottom: 8px
}

@media (min-width: 1024px) {
    .sketches-style .sketches-style-text .rte h1 {
        margin-bottom:16px
    }
}

.sketches-style .sketches-style-text .rte h1 {
    font-size: 56px
}

@media (min-width: 1024px) {
    .sketches-style .sketches-style-text .rte h1 {
        font-size:72px
    }
}

@media (min-width: 1280px) {
    .sketches-style .sketches-style-text .rte h1 {
        font-size:100px
    }
}

@media (min-width: 1920px) {
    .sketches-style .sketches-style-text .rte h1 {
        font-size:120px
    }
}

@media (min-width: 1024px) {
    .pillar-page-style {
        --tw-text-opacity:1!important;
        color: rgb(248 249 250/var(--tw-text-opacity))!important
    }

    .pillar-page-style.theme-dark .social-share svg,.pillar-page-style.theme-dark h1,.pillar-page-style.theme-dark h2,.pillar-page-style.theme-dark h3,.pillar-page-style.theme-dark h4,.pillar-page-style.theme-dark h5,.pillar-page-style.theme-dark h6,.pillar-page-style.theme-dark li,.pillar-page-style.theme-dark ol,.pillar-page-style.theme-dark p,.pillar-page-style.theme-dark ul,.theme-dark .pillar-page-style .social-share svg,.theme-dark .pillar-page-style h1,.theme-dark .pillar-page-style h2,.theme-dark .pillar-page-style h3,.theme-dark .pillar-page-style h4,.theme-dark .pillar-page-style h5,.theme-dark .pillar-page-style h6,.theme-dark .pillar-page-style li,.theme-dark .pillar-page-style ol,.theme-dark .pillar-page-style p,.theme-dark .pillar-page-style ul {
        --tw-text-opacity: 1!important;
        color: rgb(22 24 25/var(--tw-text-opacity))!important
    }
}

.theme-dark.accordion .toggle {
    --tw-bg-opacity: 1;
    background-color: rgb(52 58 64/var(--tw-bg-opacity))
}

.theme-dark.accordion .toggle:not(.bg-grey-20) {
    background-color: transparent
}



/*SHOPIFY FOOTER*/

.footer {
  border-top: 0.1rem solid rgba(var(--color-foreground), 0.08);
}

.footer:not(.color-scheme-1) {
  border-top: none;
}

.footer__content-top {
  padding-bottom: 5rem;
  display: block;
}

@media screen and (max-width: 749px) {
  .footer .grid {
    display: block;
  }

  .footer-block.grid__item {
    padding: 0;
    margin: 4rem 0;
    width: 100%;
  }

  .footer-block.grid__item:first-child {
    margin-top: 0;
  }

  .footer__content-top {
    padding-bottom: 3rem;
    padding-left: calc(4rem / var(--font-body-scale));
    padding-right: calc(4rem / var(--font-body-scale));
  }
}

@media screen and (min-width: 750px) {
  .footer__content-top .grid {
    row-gap: 6rem;
    margin-bottom: 0;
  }
}

@media screen and (min-width: 990px) {
  .custom-footer-grid-top {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
  }

  .custom-footer-grid-top .footer__blocks-wrapper {
    width: 50%;
  }

  .custom-footer-grid-top .footer-block--newsletter {
    width: 40%;
    margin-top: 0;
    padding-left: 3rem;
  }

  .custom-footer-grid-top .footer-block__newsletter {
    text-align: left;
  }

  .custom-footer-grid-top .newsletter-form {
    margin: inherit;
  }
}

.footer__content-bottom {
  padding-top: 3rem;
}

.footer__content-bottom:only-child {
  border-top: 0;
}

.footer__content-bottom-wrapper {
  display: flex;
  width: 100%;
}

@media screen and (max-width: 749px) {
  .footer__content-bottom {
    flex-wrap: wrap;
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
    row-gap: 1.5rem;
  }

  .footer__content-bottom-wrapper {
    flex-wrap: wrap;
    row-gap: 1.5rem;
    justify-content: center;
  }

  .footer__content-bottom.scroll-trigger.animate--slide-in {
    animation: none;
    opacity: 1;
    transform: inherit;
  }
}

.footer__localization:empty + .footer__column--info {
  align-items: center;
}

@media screen and (max-width: 749px) {
  .footer__localization:empty + .footer__column {
    padding-top: 1.5rem;
  }
}

.footer__column {
  width: 100%;
  align-items: flex-end;
}

.footer__column--info {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-left: 2rem;
  padding-right: 2rem;
}

@media screen and (min-width: 750px) {
  .footer__column--info {
    padding-left: 0;
    padding-right: 0;
    order: 1;
  }

  .footer__localization:empty + .footer__column--info {
    align-items: flex-start;
  }
}

.footer-block:only-child:last-child {
  text-align: center;
  max-width: 76rem;
  margin: 0 auto;
}

@media screen and (min-width: 750px) {
  .footer-block {
    display: block;
    margin-top: 0;
  }
}

.footer-block:empty {
  display: none;
}

.footer-block--newsletter {
  display: flex;
  align-items: flex-start;
  margin-top: 3rem;
  gap: 1rem;
  flex-direction: column;
}

.footer-block--newsletter:only-child {
  margin-top: 0;
}

@media screen and (max-width: 749px) {
  .footer-block.footer-block--menu:only-child {
    text-align: left;
  }
}

@media screen and (min-width: 750px) {
  .footer-block--newsletter {
    flex-wrap: nowrap;
    justify-content: center;
  }
}

.footer-block__heading {
  margin-bottom: 2rem;
  margin-top: 0;
  font-size: calc(var(--font-heading-scale) * 1.6rem);
}

@media screen and (min-width: 990px) {
  .footer-block__heading {
    font-size: 20px;
  }
}

.footer__list-social:empty,
.footer-block--newsletter:empty {
  display: none;
}

.footer__follow-on-shop {
  display: flex;
  text-align: center;
}

.footer__list-social.list-social:only-child {
  justify-content: center;
}

.footer-block__newsletter {
  text-align: center;
  flex-grow: 1;
  width: 100%;
  max-width: 48rem;
}

.footer-block__newsletter .newsletter-form {
  max-width: inherit;
}

@media screen and (min-width: 750px) {
  /* Pushes other components to the right of the flexbox */
  .footer-block__newsletter:not(:only-child) {
    text-align: left;
    margin-right: auto;
  }

  .footer-block__newsletter:not(:only-child) .footer__newsletter {
    justify-content: flex-start;
    margin: 0;
  }

  .footer-block__newsletter:not(:only-child) .newsletter-form__message--success {
    left: auto;
  }

  .footer__follow-on-shop {
    margin-bottom: 0.4rem;
  }
  /* Follow on shop is the first button but it has siblings*/
  .footer__follow-on-shop:first-child:not(:last-child) {
    justify-content: flex-start;
    margin-right: auto;
    text-align: left;
  }

  /*
    All three components are present, email, Follow on Shop, and social icons.
    Moves the FoS button next to the social icons so they appear grouped together
  */
  .footer__follow-on-shop:not(:first-child):not(:last-child) {
    justify-content: flex-end;
    text-align: right;
  }
}

@media screen and (max-width: 749px) {
  /*
    On a small screen we want all the items to be centered
    because they will be stacked.
   */
  .footer-block--newsletter {
    display: flex;
    flex-direction: column;
    flex: 1 1 100%;
    align-items: center;
    gap: 3rem;
  }

  .footer__list-social.list-social,
  .footer__follow-on-shop,
  .footer-block__newsletter {
    display: flex;
    justify-content: center;
  }

  .footer-block__newsletter {
    flex-direction: column;
  }
}

@media screen and (min-width: 750px) {
  .footer-block__newsletter + .footer__list-social {
    margin-top: 0;
  }
}

.footer__localization {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-content: center;
  flex-wrap: wrap;
  padding: 1rem 1rem 0;
}

.footer__localization:empty {
  display: none;
}

.footer__localization h2 {
  margin: 1rem 1rem 0.5rem;
  color: rgba(var(--color-foreground), 0.75);
}

@media screen and (min-width: 750px) {
  .footer__localization {
    padding: 0.4rem 0;
    justify-content: flex-end;
    order: 2;
  }

  .footer__localization h2 {
    margin: 1rem 0 0;
  }
}

.footer__payment .list-payment__item .svg-wrapper {
  width: 70px;
  height: 45px;
  color: rgb(var(--color-foreground));
  border: 1px solid rgba(var(--color-foreground), 0.5);
  border-radius: 0.5rem;
}

.footer__payment .list-payment__item .svg-wrapper svg {
  fill: currentColor;
}

@media screen and (min-width: 750px) {
  .footer__payment {
    margin-top: 1.5rem;
    max-width: 50%;
  }

  .footer__payment .list-payment {
    justify-content: flex-start;
  }
}

.footer__content-bottom-wrapper--center {
  justify-content: center;
}

.footer__copyright {
  text-align: center;
  margin-top: 1.5rem;
}

@media screen and (min-width: 750px) {
  .footer__content-bottom-wrapper:not(.footer__content-bottom-wrapper--center) .footer__copyright {
    text-align: right;
  }
}

@keyframes appear-down {
  0% {
    opacity: 0;
    margin-top: -1rem;
  }
  100% {
    opacity: 1;
    margin-top: 0;
  }
}

.footer-block__details-content {
  margin-bottom: 4rem;
}

@media screen and (min-width: 750px) {
  .footer-block__details-content {
    margin-bottom: 0;
  }

  .footer-block__details-content > p,
  .footer-block__details-content > li {
    padding: 0;
  }

  .footer-block:only-child li {
    display: inline;
  }

  .footer-block__details-content > li:not(:last-child) {
    margin-right: 1.5rem;
  }
}

.footer-block__details-content .list-menu__item--link,
.copyright__content a {
  color: rgba(var(--color-foreground), 0.75);
}

.footer-block__details-content .list-menu__item--active {
  transition: text-decoration-thickness var(--duration-short) ease;
  color: rgb(var(--color-foreground));
}

@media screen and (min-width: 750px) {
  .footer-block__details-content .list-menu__item--link:hover,
  .copyright__content a:hover {
    color: rgb(var(--color-foreground));
    text-decoration: underline;
    text-underline-offset: 0.3rem;
  }

  .footer-block__details-content .list-menu__item--active:hover {
    text-decoration-thickness: 0.2rem;
  }
}

@media screen and (max-width: 989px) {
  .footer-block__details-content .list-menu__item--link {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
}

@media screen and (min-width: 750px) {
  .footer-block__details-content .list-menu__item--link {
    display: inline-block;
    font-size: 14px;
  }

  .footer-block__details-content > :first-child .list-menu__item--link {
    padding-top: 0;
  }
}

.footer-block-image {
  display: flex;
}

.footer-block-image.left {
  justify-content: flex-start;
}

.footer-block-image.center {
  justify-content: center;
}

.footer-block-image.right {
  justify-content: flex-end;
}

@media screen and (max-width: 749px) {
  .footer-block-image,
  .footer-block-image.left,
  .footer-block-image.center,
  .footer-block-image.right {
    justify-content: center;
  }
}

.footer-block__image-wrapper {
  margin-bottom: 2rem;
  overflow: hidden !important;
}

.footer-block__image-wrapper img {
  display: block;
  height: auto;
  max-width: 100%;
}

.footer-block__brand-info {
  text-align: left;
}

.footer-block:only-child .footer-block__brand-info {
  text-align: center;
}

.footer-block:only-child > .footer-block__brand-info > .footer-block__image-wrapper {
  margin-left: auto;
  margin-right: auto;
}

.footer-block-image > img,
.footer-block__brand-info > img {
  height: auto;
}

.footer-block:only-child .footer-block__brand-info .footer__list-social.list-social {
  justify-content: center;
}

.footer-block__brand-info .footer__list-social.list-social {
  justify-content: flex-start;
}

.footer-block__details-content .placeholder-svg {
  max-width: 20rem;
}

.copyright__content {
  font-size: 1.1rem;
}

.copyright__content a {
  color: currentColor;
  text-decoration: none;
}

.policies {
  display: inline;
}

.policies li {
  display: inline-flex;
  justify-content: center;
  align-items: center;
}

.policies li::before {
  content: "\00B7";
  padding: 0 0.8rem;
}

.policies li a {
  padding: 0.6rem 0;
  display: block;
}

@media screen and (min-width: 750px) {
  .policies li a {
    padding: 0;
  }
}
@keyframes animateLocalization {
  0% {
    opacity: 0;
    transform: translateY(0);
  }

  100% {
    opacity: 1;
    transform: translateY(-1rem);
  }
}

/* check for flexbox gap in older Safari versions */
@supports not (inset: 10px) {
  @media screen and (max-width: 749px) {
    .footer .grid {
      margin-left: 0;
    }
  }

  @media screen and (min-width: 750px) {
    .footer__content-top .grid {
      margin-left: -3rem;
    }

    .footer__content-top .grid__item {
      padding-left: 3rem;
    }
  }
}



.footer__content-bottom scroll-trigger animate--slide-in {
  max-width: 1400px;
  margin: 0 auto;
  padding: 0 1.5rem;
}

@media screen and (min-width: 750px) {
    .footer__content-bottom scroll-trigger animate--slide-in {
        padding: 0 5rem;
    }
}


/****ALGOLIA SEARCH CUSTOM STYLES****/
/* Hide the Powered by Algolia footer + logo in the autocomplete dropdown */

.hero-container .sitesearch-button{
  display: flex;
  width: 447px;
  padding: 16px 32px;
  gap: 8px;
  border-radius: 4px;
  border: 1px solid var(--sndw-neutrals-grey-50, #BBC1C7);
  background: var(--sndw-neutrals-white, #FFF); 
  border: solid 1px
}

@media (max-width: 767px) {
    .hero-container .sitesearch-button{
        border: none;
        width: 300px;
        padding: 10px;
    }
}

.ss-footer-powered-by{
  display: none !important;
}