body {
    margin: 0;
    padding: 0;
    min-height:100%;
    position:relative;
}

footer {
    font-size: 14px;
    color: #777;
    padding: 12px 0;
    text-align: center;

    position: absolute;
    bottom: 0;
    width: 100%;
}

footer > div > a {
    font-size: 14px;
    color: #777;
    padding: 12px 0;
    text-align: center;
    text-decoration: none;
}

footer > div > a:hover {
    text-decoration: underline;
}

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

.footerlist > li {
    display: inline-block;
    padding: 12px 8px;
}

.footerlist > li > a,
.footerlist > li > span {
    text-decoration: none;
    color: inherit;
}

.footerlist > li > a:hover,
.footerlist > li > span:hover {
    text-decoration: underline;
    cursor: pointer;
}

.footer-box {
    font-size: 14px;
    color: #777;
    text-align: center;
}


.center-box h1 {
    font-size: 34px;
    margin: 40px 0;
    color: #232323;
}

.center-box h2 {
    font-size: 22px;
    color: #232323;
}


.center-box p {
    font-size: 20px;
    text-align: justify;
    color: #000;
}

.center-box p > a {
    color: #88a0e6;
    text-decoration: none;
}

.center-box p > a:hover {
    text-decoration: underline;
    cursor: pointer;
}

.center-box {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 18px;
    font-family: 'Source Sans Pro', sans-serif !important;
}

.center-box > a {
    margin: 0 auto;
}

.newfooter-box {
    background-color: #282A35;
    position: relative !important;
}

.newwhitebox {
    padding: 0;
    margin: 0;
}

.blue-section-box {
    font-family: 'Source Sans Pro', sans-serif !important;
    background-color: #f9f9f9;
}

.blue-section-box > .newcenter-box h1 {
    font-size: 48px;
    font-weight: 400;
    padding: 40px 7%;
    margin: 0;
    color: #232323;
    text-align: center;
}

.blue-section-box > .newcenter-box h2 {
    font-size: 26px;
    color: #232323;
    font-weight: 400;
}

.blue-section-box > .newcenter-box p {
    font-size: 20px;
    text-align: justify;
    color: #232323;
    margin: 0;
    padding: 12px 7%;
}


.blue-section-box > .newcenter-box > div > h2 {
    font-size: 32px;
    padding: 12px 7%;
    margin: 0;
}

.blue-section-box > .newcenter-box > div > h3 {
    font-size: 24px;
    padding: 12px 7%;
    margin: 0;
    font-weight: normal;
}

.blue-section-box > .newcenter-box p > a,
.blue-section-box > .newcenter-box p > strong > a {
    color: #e26803;
    text-decoration: none;
}

.blue-section-box > .newcenter-box p > a:hover,
.blue-section-box > .newcenter-box p > strong > a:hover {
    text-decoration: underline;
    cursor: pointer;
}

.underline {
    text-decoration: underline !important;
}

.text-align-img {
    text-align: center;
    padding: 0 7%;
    margin: 0;
}

.text-align-img > img {
    max-width: 100%;
}

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

.text-align-div > ul {
    font-size: 20px;
    margin: 0;
    padding: 12px 7%;
}

.ul-box {  
    font-size: 20px;
    margin: 0;
    padding: 12px 7% !important;
    text-align: left !important;
    list-style: circle !important;
}

.ul-box > li {
    margin: 0;
    padding: 0 !important;
}

.ul-top {
    margin: 0;
    padding: 12px 7%;
    font-size: 20px;
    color: #232323;
}

.margin-padding-0 {
    margin: 0 !important;
    padding: 12px 7% !important;
}

.margin-padding-0 > li {
    padding: 0 !important;
}

.p-like-a > p {
    margin: 0 !important;
    padding: 0 !important;
}

.p-like-a > p:hover {
    color: #232323 !important;
}

.width-100 {
    text-align: center;
}

.width-100 > img {
    width: 100% !important;
}

.width340px {
    width: 100% !important;
    padding: 0 !important;
}

.font_20px {
    font-size: 20px;
}

.blue-section-box > .newcenter-box {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0;
    font-family: 'Source Sans Pro', sans-serif;
}

.blue-section-box > .newcenter-box > a {
    margin: 0 auto;
}

.white-section-box {
    font-family: 'Source Sans Pro', sans-serif !important;
}

.white-section-box > .newcenter-box {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0;
    font-family: 'Source Sans Pro', sans-serif;
}

.white-section-box > .newcenter-box p {
    font-size: 20px;
    text-align: justify;
    color: #232323;
    margin: 0;
    padding: 12px 7% !important;
}

.white-section-box > .newcenter-box h2 {
    padding: 12px 7% !important;
    font-size: 20px !important;
    font-weight: 600 !important;
}

.white-section-box > .newcenter-box h3 {
    padding: 12px 7% !important;
    font-size: 20px !important;
    font-weight: 600 !important;
}


.white-section-box > .newcenter-box a {
    color: #88a0e6;
    text-decoration: none;
    font-size: 20px;
}

.white-section-box > .newcenter-box a:hover {
    text-decoration: underline;
}

.newfields-3 {
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: center;
}

.form-box {
    background-color: #88a0e6;
}

.form-box > form > ul {
    list-style: none;
    padding: 12px 0;
    margin: 0;
}

.form-box > form > ul > li {
    padding: 8px 0;
    margin: 0;
}

.form-box > form > ul > li > div > input {
    padding: 4px 3%;
    width: 84%;
    font-size: 18px;
    font-family: 'Source Sans Pro', sans-serif;
}

.form-box > form > div:last-of-type {
    padding: 6px 0 22px 0;
}

.form-box > form > div:last-of-type > input {
    padding: 14px 12px;
    font-size: 20px;
    font-family: 'Source Sans Pro', sans-serif;
    background-color: #eff3f6;
    box-shadow: 0.05em 0 .3em #727a7e,-0.05em 0 .3em #727a7e;
    border: 1px #cccdd1;
    border-radius: 4px;
    -webkit-transition:	all .1s ease;
    -moz-transition:	all .1s ease;
    -o-transition:		all .1s ease;
    -ms-transition:		all .1s ease;
    transition:		    all .1s ease;
}

.form-box > form > div:last-of-type > input:hover {
    cursor: pointer;
    box-shadow: 0.05em 0 .3em #1b1f2b,-0.05em 0 .3em #1b1f2b;
    background-color: #f9f9f9;
}

.errormsg {
    color: #f95959 !important;
    font-size: 15px;
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: bold;
}

.form-checkboc {
    padding: 6px 5% 12px 5%;
    text-align: left !important;
}

.form-checkboc > label {
    font-size: 15px;
    font-family: 'Source Sans Pro', sans-serif;
    color: #232323;
}

.contact-box {
    background-color: #f3f3f3;
    border-radius: 10px;
    border: 1px solid #443f5c;
}

.contact-box > h3 {
    margin: 0 !important;
    padding: 12px 0 !important;
    font-size: 20px;
}

.contact-box > p {
    padding: 6px 7% 12px 7% !important;
    font-weight: bold;
    text-align: center !important;
}

.newfields-2 {
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: center;
}

.newfields-2 > li {
    text-align: left;
    padding: 0 1%;
    margin: 24px 0;
    max-width: 510px;
    display: inline-block;
    vertical-align: top;
}

.newfields-2 > li > figure {
    margin: 0;
}

.newfields-2 > li > figure > img {
    width: 100%;
}

.newfields-3 > li {
    text-align: left;
    padding: 0 1%;
    margin: 24px 0;
    max-width: 340px;
    display: inline-block;
    vertical-align: top;
}

.newfields-3 > li > figure {
    margin: 0;
}

.newfields-3 > li > figure > img {
    width: 340px;
}

.newfields-3 > li > img {
    text-align: center;
    width: 98%;
}

.newfields-3 > li > div {
    text-align: center;
    width: 100%;
}

.newfields-3 > li > div > img {
    width: 100%;
}

.newfields-3 > li > h1 {
    margin: 0;
}

.newfields-3 > li > div:first-child {
    margin-bottom: 10px;
}

.newfields-3 > li > h2 {
    padding: 0 7%;
}

.newfields-3 > li > h2,
.newfields-3 > li > div > h2 {
    margin: 0;
}

.newfields-3 > li > h3 {
    margin: 0;
}

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

.newfields-3 > li > h4 {
    margin: 0;
    font-size: 18px;
}

.dot-list  {
    margin: 0 !important;
    padding: 12px 7% !important;
}

.dot-list > li {
    list-style: disc !important;
    font-size: 20px;
    text-align: justify;
    color: #232323;
}

.ul-dot-list {
    margin: 0;
    padding: 0;
}

.ul-dot-list > ul {
    margin: 0 0 0 10%;
    padding: 0;
    width: 80%;
}

.ul-dot-list > ul > li {
    list-style: disc !important;
    font-size: 20px;
    text-align: left;
    color: #232323;
}

.padding_0_7p {
    padding: 0 7%;
}

.newfields-3 > li > p {
    text-align: justify;
}

.other-locations {
    list-style: none;
    padding: 0% !important;
}

.other-locations > li {
    padding: 12px 0% !important;
}

.other-locations > li > a {
    color: rgb(226, 104, 3) !important;
}

.newfields-3 > li > ul {
    margin: 0;
    padding: 6px 0 6px 0;
    list-style: none;
}

.blue-section-box > .newcenter-box > div > ul,
.answer > div > ul {
    margin: 0;
    padding: 12px 7%;
    font-size: 20px;
}

.newfields-3 > li > ul > li,
.answer > div > ul > li {
    padding: 8px 0;
}

.newfields-3 > li > ul > li > a,
.answer > div > ul > li > a {
    text-decoration: none;
    color: #e26803;
}

.newfields-3 > li > ul > li i,
.newfields-3 > li > ul > li svg {
    color: #545454;
}

.newfields-3 > li > ul > li > a:hover {
    text-decoration: underline;
}

.newfooter-box {
    background-color: #282A35;
    position: relative !important;
}

.black-section-box {
    font-family: 'Source Sans Pro', sans-serif !important;
}

.black-section-box > .newcenter-box h3 {
    font-size: 22px;
    color: #777;
}

.black-section-box > .newcenter-box h3 > a {
    color: #777;
    text-decoration: none;
}

.black-section-box > .newcenter-box h3 > a:hover {
    text-decoration: underline;
    cursor: pointer;
}

.black-section-box > .newcenter-box p {
    font-size: 20px;
    text-align: justify;
    color: #777;
    margin: 0;
    padding: 6px 0%;
}

.black-section-box > .newcenter-box p > a {
    color: #88a0e6;
    text-decoration: none;
}

.black-section-box > .newcenter-box p > a:hover {
    text-decoration: underline;
    cursor: pointer;
}

.black-section-box > .newcenter-box > .newfields-3 > li {
    width: 340px;
}

.black-section-box > .newcenter-box > .newfields-3 > li > ul {
    font-size: 20px;
}

.newsearchbox {
    border-bottom: 3px solid #6C757D;
}

.newsearchbox > ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #fff;
    text-align: center;
}

.newsearchbox > ul > li {
    display: inline-block;
}

.newsearchbox > ul > li > a {
    display: block;
    text-align: center;
    text-decoration: none;
    color: #000;
    font-size: 20px;
    font-family: 'Source Sans Pro', sans-serif;
}

.newsearchbox > ul > li > a:hover {
    text-decoration: underline;
    color: #fb780e;
}

.newsearchbox > ul > li:first-of-type {
    float: left;
}

.marginx {
    margin-left: 14%;
}

.lang-select {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

.lang-select > li {
    float: right;
}

.lang-select > li > a {
    display: block;
    text-align: center;
    text-decoration: none;
    margin: 34px 8px;
}

.lang-select > li > a > img {
    margin-bottom: -4px;
    width: 20px;
    height: 15px;
}

.lang-select > li:first-of-type {
    margin-right: 10px;
}


.nav-point {
    padding: 34px 16px;
}

.newfields-3 > li > a > div {
    text-align: center;
    width: 100%;
    padding: 12px 0;
}

.newfields-3 > li > a > div > img {
    width: 100%;
    margin-bottom: -4px;
}

.newfields-3 > li > a > h1 {
    margin: 0;
}

.newfields-3 > li > a > div:first-child {
    margin-bottom: 10px;
    border: 1px solid #232323;
    border-radius: 12px;
    background-color: #fff;
}

.newfields-3 > li > a > div:first-child:hover {
    border: 1px solid #88a0e6;
}

.newfields-3 > li > a > h2,
.newfields-3 > li > a > div > h2,
.newfields-3 > li > a > div > h3 {
    margin: 0;
}

.blue-top-border {
    border-top: 2px solid #eaeefb;
}

.cookies-bar {
    margin: 0;
    padding: 12px 18px;
    z-index: 999;
    background-color: #88a0e6;
    width: 100%;
    font-size: 18px;
    color: #232323;
    font-family: 'arial','HelveticaNeue','Helvetica Neue',Helvetica,Arial,sans-serif;
}

.cookies-bar > ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.cookies-bar > ul > li {
    padding: 0 4px;
    margin: 0;
    display: inline-block;
}

.cookies-bar > div {
    padding: 6px 0;
    text-align: center;
}

.cookies-bar > div > button {
    font-size: 20px !important;
    padding: 14px 12px;
}



.newfields-3 > li > a {
    text-decoration: none;
    color: #232323;
    -webkit-transition:	all .1s ease;
    -moz-transition:	all .1s ease;
    -o-transition:		all .1s ease;
    -ms-transition:		all .1s ease;
    transition:		    all .1s ease;
}

.newfields-3 > li h2 {
    font-size: 22px;
}


.newfields-3 > li > a h2 {
    font-size: 22px;
}

.newfields-3 > li > a:hover {
    text-decoration: underline;
    color: #232323;
}

.newfields-3 > li > a:hover > div {
    opacity: 0.9;
}

.breadcrumbs > li > a, .breadcrumbs > li > span {
    font-size: 14px;
    font-weight: 400;
    color: #232323;
}

.breadcrumbs > li > span > a {
    text-decoration: none;
    color: #232323;
}

.breadcrumbs > li > span > a:hover {
    text-decoration: underline;
    color: #fb780e;
}

.breadcrumbs > li > img {
    padding: 0 5px;
}

.breadcrumbs > li > div {
    height: 0;
    width: 0;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-left: 4px solid #232323;
}

.breadcrumbs {
    margin: 0;
    padding: 10px 8px;
    list-style: none;
}

.breadcrumbs > li {
    display: inline-block;
    margin: 0;
    padding: 0;
}

.breadcrumbs > li:nth-of-type(2),
.breadcrumbs > li:nth-of-type(4),
.breadcrumbs > li:nth-of-type(6),
.breadcrumbs > li:nth-of-type(8) {
    padding: 0 4px;
}

.infobox {
    padding: 24px 0;
}

.newcenter-info-box {
    max-width: 100%;
    margin: 0;
    padding: 0 1%;
    font-family: 'Source Sans Pro', sans-serif;
}


.newcenter-info-box {
    padding: 22px 0;
    color: #88a0e6;
}

.newcenter-info-box > p {
    text-align: center !important;
    font-size: 20px;
    font-weight: bold;
}

.newcenter-info-box > ol {
    padding: 0 0 36px 0;
}

.newcenter-info-box > ol p {
    font-size: 20px;
    color: #88a0e6;
}

.newcenter-info-box .h2-deko > h2 {
    color: #000 !important;
}

.newcenter-info-box > p > a {
    color: #88a0e6 !important;
}

.newcenter-info-box > p > a:hover {
    text-decoration: underline;
    cursor: pointer;
}

.table_of_contents {
    border: 1px solid #f1f1f1;
    color: #88a0e6;
    background-color: #fdfdfd;
    padding: 10px 5%;
    margin: 0 auto;
    font-size: 20px;
}

.table_of_contents > span {
    color: #232323;
    font-weight: bold;
    font-size: 20px;
}

.table_of_contents > ul {
    padding: 0  0 0 10px;
}

.table_of_contents > ul > li > a {
    text-decoration: none;
    color: #88a0e6;
}

.table_of_contents > ul > li > a:hover {
    text-decoration: underline;
}

.table_of_contents > ul > li > ul li > a {
    text-decoration: none;
    color: #88a0e6;
}

.table_of_contents > ul > li > ul li > a:hover {
    text-decoration: underline;
}

.h1-black {
    font-size: 32px !important;
    font-weight: 400 !important;
    padding: 40px 1% !important;
    margin: 0;
    color: #232323;
    text-align: center;
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: bold;
}

.width-98p {
    width: 98%;
}

.see-more {
    font-weight: bold;
    border: none !important;
    color: #88a0e6 !important;
}

.h2-black {
    color: #232323 !important;
}

.h3-black {
    color: #232323 !important;
}

.text-align-left {
    text-align: left;
}

.no-margin {
    margin: 0 !important;
}

.glossary-box .newfields-3 li {
    min-width: 300px;
    text-align: center;
}

.glossary-box .newfields-3 li > a {
    color: #e26803;
    font-size: 20px !important;
}

.h3-listing {
    padding: 0 5%;
    font-size: 20px;
    color: #232323;
    font-family: 'Source Sans Pro', sans-serif;
    list-style-position: inside;
}

.h3-listing > li {
    padding: 0;
    margin: 0;
}

.div_iframe {
    text-align: center;
    padding: 0;
}

.img-float-left {
    float: left;
    width: 340px;
    text-align: center;
    padding: 12px 0;
}

.img-float-right {
    float: right;
    width: 340px;
    text-align: center;
    padding: 12px 0;
}

.h2-about {
    text-align: center;
    padding: 24px 0 24px 0;
}

.text-box {
    margin-left: 25%;
    max-width: 50%;
}

.text-box > h1,
.schema-q-div > h1,
.schema-a-div > h1 {
    padding: 40px 13px !important;
    text-align: left !important;
    margin: 0 !important;
    color: #232323 !important;
    font-family: 'Source Sans Pro', sans-serif !important;
    font-weight: 400;
}

.text-box > h2,
.schema-q-div > h2,
.schema-a-div > h2 {
    padding: 10px 13px !important;
    text-align: left !important;
    margin: 0 !important;
    color: #232323 !important;
    font-family: 'Source Sans Pro', sans-serif !important;
    font-size: 32px !important;
    font-weight: 400;
}

.text-box > h3,
.schema-q-div > h3,
.schema-a-div > h3,
.text-box > h4,
.schema-q-div > h4,
.schema-a-div > h4 {
    padding: 10px 13px !important;
    text-align: left !important;
    margin: 0 !important;
    color: #232323 !important;
    font-family: 'Source Sans Pro', sans-serif !important;
    font-size: 26px;
    font-weight: 400;
}

.text-box > p,
.schema-q-div > p,
.schema-a-div > p {
    padding: 40px 13px !important;
    text-align: justify !important;
    padding: 12px 13px !important;
}

.schema-a-div > ol,
.schema-a-div > ul,
.faq-q-a > div > ul {
    text-align: justify !important;
    font-size: 20px;
}

.schema-a-div > ol > li,
.schema-a-div > ul > li,
.faq-q-a > div > ul > li {
    padding: 8px 2% 8px 3%;
}

.faq-q-a > div > div > ul {
    text-align: justify !important;
    font-size: 20px;
}

.faq-q-a > div > div > ul > li {
    padding: 12px 7%;
}

.text-box > figure,
.schema-q-div > figure,
.schema-a-div > figure {
    padding: 14px 0 !important;
    margin: 0 !important;
    text-align: center;
}

.text-box > figure > img,
.schema-q-div > figure > img,
.schema-a-div > figure > img {
    width: 100%;
}

.text-box > figure > figcaption,
.schema-q-div > figure > figcaption,
.schema-a-div > figure > figcaption {
    padding: 4px 0 !important;
    margin: 0 !important;
}

.ul-2-column {
    list-style: none;
    margin: 0 !important;
    padding: 0 !important;
    width: 100%;
}

.ul-2-column > li {
    display: inline-block;
    margin: 0;
    padding: 0 2%;
    width: 46%;
}

.ul-2-column > li > ul {
    list-style: none;
    margin: 0 !important;
    padding: 0 !important;
}

.ul-2-column > li > ul > li {
    margin: 0 !important;
    padding: 6px 0 !important;
}

.ul-2-column > li > ul > li > a {
    color: #88a0e6 !important;
    text-decoration: none;
    font-family: 'Source Sans Pro', sans-serif;
}

.ul-2-column > li > ul > li > a:hover {
    text-decoration: underline;
}

.relative-box {
    position: relative;
}

.toc-box {
    position: absolute;
    top: 0;
    width: 18%;
    max-width: 18%;
    height: 100%;
}

.toc-left {
    position: sticky;
    top: 0;
    margin-top: 172px;
    border-right: 1px solid #e2e2e2 !important;
    overflow-y: auto;
    color: #88a0e6;
    padding: 0;
    font-size: 16px;
}

.toc-left > span {
    color: #7d7576;
    font-size: 20px;
    padding: 10px 4px;
    font-family: 'Source Sans Pro', sans-serif;
}

.toc-left > ul {
    padding: 0;
    margin: 0;
    list-style-type: none;
    background-color: #fff;
}

.toc-left > ul > li:first-of-type {
    border-top: none !important;
}

.toc-left > ul > li {
    padding: 12px 4px;
    border-top: 1px solid #e2e2e2;
}

.toc-left > ul > li:hover {
    background-color: #f8f9fa;
}

.toc-left > ul > li > a {
    text-decoration: none;
    color: #232323;
}

.toc-left > ul > li > a:hover {
    text-decoration: underline;
}

.toc-left > ul > li > ul li > a {
    text-decoration: none;
    color: #232323;
}

.toc-left > ul > li > ul > li > a:hover {
    text-decoration: underline;
}

.toc-left > ul > li > ul > li > ul > li > a {
    text-decoration: none;
    color: #232323;
}

.toc-left > ul > li > ul > li > ul > li > a:hover {
    text-decoration: underline;
}

.toc-left > ul > li > ul > li {
    padding-top: 8px;
}

.info-bar-right {
    position: absolute;
    top: 0;
    right: 0;
    width: 25%;
    max-width: 25%;
    height: 100%;
    padding: 172px 0 0 0;
}

.contact-right {
    padding: 0 !important;
    margin: 0 !important;
    list-style-type: none;
}

.contact-right > li {
    margin: 0 !important;
    padding: 6px 0 6px 22px !important;
}

.contact-right > li > p {
    font-size: 18px !important;
    margin: 0 !important;
    padding: 0 !important;
}

.contact-right > li:first-of-type > p {
    font-size: 20px !important;
    color: #7d7576;
}

.material-symbols-outlined {
  font-variation-settings:
  'FILL' 0,
  'wght' 400,
  'GRAD' 200,
  'opsz' 20
}

.google-reviews {
    margin: 0;
    padding: 12px 4px;
}

.contact-right > li > figure {
    text-align: left;
    margin: 0 !important;
    padding: 6px 0 !important;
}

.contact-right > li > figure > img {
    border: 1px solid #7d7576;
    border-radius: 124px;
}

.contact-right > li > figure > p {
    font-size: 16px !important;
    text-align: left;
    margin: 0 !important;
    padding: 4px 0 !important;
}

.contact-right > li > figure > p:first-of-type {
    font-weight: bold;
    padding: 4px 0 0 0 !important;
}

.star-box {
    margin: 0 !important;
    padding: 6px 0 6px 22px !important;
}

.star-box > a > span {
    font-size: 18px;

}

.google-reviews > p:first-of-type {
    font-size: 20px !important;
    color: #7d7576;
}

.star-box > a > ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

.star-box > a > ul > li {
    padding: 0 4px;
    margin: 0;
    display: inline-block;
    vertical-align: top;
}

.star-box > a > ul > li:nth-child(2) > span:first-of-type {
    padding-left: 4px !important;
    font-size: 19px !important;
}

.toc-left-small {
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 99999999;
    width: 100%;
    max-height: 60%;
    background-color: #a0a1a3;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    overflow-y: scroll;
}

.toc-left-small > div {
    text-align: center;
    color: #f3f3f3;
    font-weight: bold;
    padding: 10px 10%;
    width: 80%;
}

.toc-left-small > div:hover {
    cursor: pointer;
}

.toc-left-small > div > span {
    display: inline-block;
    vertical-align: top;
}

.toc-left-small > ul {
    display: none;
    padding: 10px 10%;
    margin: 0;
    width: 80%;
    list-style-type: none;
    background-color: #fff;
    -webkit-transition:	all .1s ease;
    -moz-transition:	all .1s ease;
    -o-transition:		all .1s ease;
    -ms-transition:		all .1s ease;
    transition:		    all .1s ease;
}

.toc-left-small > ul > li:first-of-type {
    border-top: none !important;
}

.toc-left-small > ul > li {
    padding: 12px 0;
    border-top: 1px solid #e2e2e2;
}

.toc-left-small > ul > li > a {
    text-decoration: none;
    color: #e26803;
}

.toc-left-small > ul > li > a:first-of-type {
    font-weight: 600;
}

.toc-left-small > ul > li > a:hover {
    text-decoration: underline;
}

.toc-left-small > ul > li > ul li > a {
    text-decoration: none;
    color: #e26803;
}

.toc-left-small > ul > li > ul > li > a:hover {
    text-decoration: underline;
}

.toc-left-small > ul > li > ul > li {
    padding-top: 8px;
}

.form-md {
    margin: 0 !important;
    width: 100%;
}

.form-md > div {
    margin-left: 5%;
    width: 90%;
    padding: 12px 0;
    background-color: #c6d2f5;
}

.form-md > div > div {
    margin-left: 5%;
    width: 90%;
    padding: 0;
}

.form-md > div > div > form {
    margin: 0;
    padding: 0;
}

.form-md > div > div > form > div:first-of-type > h3 {
    text-align: center !important;
    font-size: 20px !important;
}

.form-blok {
    margin: 0;
    padding: 0;
    border-top: 3px solid #fff;
}

.form-blok > p {
    margin: 0 !important;
    padding: 0 !important;
}

.form-blok > p:first-of-type,
.sub-p {
    margin-top: 12px !important;
}

.form-blok > .hint {
    font-size: 14px !important;
    margin-bottom: 12px !important;
}

.form-blok > input {
    text-align: right;
    width: 98%;
    padding: 1%;
    margin: 8px 0 2px 0;
}

.form-blok > ul {
    list-style: none;
    padding: 0;
    margin: 0;
    width: 100%;
}

.form-blok > ul > li {
    display: inline-block;
    padding: 8px 0 0 0;
    margin: 0;
    width: 50%;
}

.form-blok > ul > li > input {
    text-align: right;
    padding: 1%;
}

.form-blok > ul > li > p {
    margin: 0 !important;
    padding: 0 !important;
    font-size: 16px !important;
    font-weight: bold !important;
}

.form-submit {
    margin: 0;
    padding: 12px 0;
    text-align: center;
}

.form-submit > input {
    padding: 14px 12px;
    font-size: 18px;
    font-family: 'Source Sans Pro', sans-serif;
    background-color: #eff3f6;
    box-shadow: 0.05em 0 .3em #727a7e,-0.05em 0 .3em #727a7e;
    border: 1px #cccdd1;
    border-radius: 4px;
    -webkit-transition:	all .1s ease;
    -moz-transition:	all .1s ease;
    -o-transition:		all .1s ease;
    -ms-transition:		all .1s ease;
    transition:		    all .1s ease;
}

.form-submit > input:hover {
    cursor: pointer;
    box-shadow: 0.05em 0 .3em #1b1f2b,-0.05em 0 .3em #1b1f2b;
    background-color: #f9f9f9;
}

.adview-section {
    margin: 0 !important;
    padding: 18px 0 !important;
    background-color: #c6d2f5;
}

.adview-section > div {
    margin: 0 5% !important;
    padding: 0 !important;
    width: 90%;
    text-align: center;
    position: relative;
}

.adview-section > div > h2 {
    font-weight: 400 !important;
    font-size: 26px !important;
    color: #232323 !important;
    text-transform: uppercase;
}

.adview-span {
    font-size: 20px;
}

.adview-price {
    font-size: 40px;
    font-weight: 500 !important;
    color: #008cff !important;
}

.adview-link {
    text-align: center !important;
    padding: 18px 0 !important;
}

.adview-link > a {
    color: #008cff !important;
    text-decoration: underline !important;
}

.adview-elements {
    list-style: none;
    padding: 0 !important;
    margin: 0 !important;
    width: 100%;
}

.adview-elements > li {
    padding: 8px 0;
    display: inline-block;
    width: 50%;
}

.adview-elements > li > div > span {
    vertical-align: top !important;
}

.adview-icons {
    font-size: 54px !important;
    font-weight: 100 !important;
    color: #26272d !important;
}

.adview-elements > li > p {
    text-align: center !important;
    font-size: 16px !important;
}

.rules > div {
    margin: 0 5% !important;
    padding: 0 !important;
    width: 90%;
    text-align: center;
}

.rules > div > h3 {
    font-weight: 400 !important;
    font-size: 26px !important;
    color: #232323 !important;
    text-transform: uppercase;
}

.service-kontakt {
    margin: 0 5% !important;
    padding: 0 !important;
    width: 90%;
}

.service-kontakt > div > p {
    font-weight: 400 !important;
    font-size: 22px !important;
    color: #232323 !important;
    text-align: center !important;
}

.service-kontakt > figure {
    padding: 0;
    margin: 0;
}

.service-kontakt > figure > img {
    border: 1px solid #7d7576;
    border-radius: 124px;
}

.service-kontakt > figure > p {
    font-weight: bold !important;
    padding: 12px 0 4px 0 !important;
}


.service-kontakt > div > p > span {
    font-size: 30px !important;
    color: #232323 !important;
    margin-right: 6px;
}

.service-kontakt > div > p > a {
    color: #008cff !important;
    text-decoration: underline !important;
}

.internal-link-p {
    font-weight: bold !important;
}

.internal-link-p > span {
    vertical-align: bottom !important;
    color: #008cff !important;
}

.internal-link-p > a {
    color: #008cff !important;
    text-decoration: underline !important;
}

#toc-left-small:hover {
    cursor: pointer;
}

.faq-q-a {
    padding: 0;
    margin: 0;
}

.faq-q-a > div:first-of-type {
    padding: 10px 0 !important;
    margin: 0 5% !important;
    background-color: #c6d2f5;
}

.faq-q-a > div:first-of-type > h3 > span {
    vertical-align: bottom !important;
}

.faq-q-a > div > h3 {
    padding: 10px 13px !important;
    text-align: left !important;
    margin: 0 !important;
    color: #232323 !important;
    font-family: 'Source Sans Pro', sans-serif !important;
    font-size: 20px;
    font-weight: 400;
}

.service-section {
    margin: 0 !important;
    padding: 10px 0 26px 0 !important;
}

.clr-blue-section {
    background-color: #c6d2f5 !important;
}

.clr-green-section {
    background-color: #c9e8e4 !important;
}

.clr-yellow-section {
    background-color: #e4e2a3 !important;
}

.clr-orange-section {
    background-color: #d9bb82 !important;
}


.service-section > div {
    margin: 0 5% !important;
    padding: 0 !important;
    width: 90%;
    text-align: left;
    position: relative;
}

.service-section > div > h2 {
    font-weight: 400 !important;
    font-size: 26px !important;
    color: #232323 !important;
    text-transform: uppercase;
}

.service-elements {
    list-style: none;
    padding: 0 !important;
    margin: 0 !important;
    width: 100%;
    background-color: #fff;
}

.service-elements > li {
    padding: 8px 0;
    vertical-align: top;
    width: 100%;
}

.service-elements > li > h3 {
    margin: 0 2% !important;
    font-weight: 400 !important;
    font-size: 22px;
    border-bottom: 1px solid #c6d2f5;
}

.service-elements > li > p {
    margin-left: 2% !important;
    font-size: 20px !important;
    text-align: left !important;
    padding: 0 !important;
}

.service-elements > li > div > span {
    vertical-align: top !important;
}

.service-elements > li > ul {
    padding: 0 !important;
    margin: 0 2% !important;
    list-style: none;
}

.service-elements > li > ul > li {
    padding: 6px 0 !important;
    margin: 0 !important;
}

.service-elements > li > ul > li > span:first-of-type {
    font-size: 20px !important;
    vertical-align: bottom !important;
}

.service-elements > li > ul > li > span:last-of-type {
    font-size: 20px !important;
}

.service-elements > li > ul > li > a {
    color: #008cff;
    text-decoration: none;
    font-size: 20px !important;
}

.service-elements > li > ul > li > a:hover {
    text-decoration: underline;
}

.clr-blue-008cff {
    color: #008cff !important;
}

.h1-cat {
    margin: 0 !important;
    padding: 0 13px !important;
    list-style: none;
}

.h1-cat > li {
    margin: 0 !important;
    padding: 12px 0 !important;
}

.h1-cat > li > a {
    color: #008cff;
    text-decoration: none;
}

.h1-cat > li > a:hover {
    text-decoration: underline;
}

.under-title-box {
    margin: 0 !important;
    padding: 150px 7% 150px 7% !important;
    list-style: none;
}

.backgrd-image {
    background-image: url("http://rs-elektryk.pl/images/kompleksowe-uslugi-elektryczne-rs-elektryk.webp") !important;
    height: 377px;
}

.under-title-box > li {
    margin: 0 auto;
    padding: 12px 36px;
    font-size: 24px;
    background-color: #fb780e;
    border: 1px solid #fb780e;
    border-radius: 12px;
    width: 130px;
    text-align: center;
    font-weight: 400;
    box-shadow: 0.05em 0 .3em #1b1f2b,-0.05em 0 .3em #1b1f2b !important;
}

.under-title-box > li > a {
    color: #fff;
    text-decoration: none;
}

.under-title-box > li > a:hover {
    text-decoration: underline;
}

.inline-box-3 {
    margin: 0 !important;
    padding: 36px 7%;
}

.inline-box-3 > ul {
    margin: 0 !important;
    padding: 0 !important;
    list-style: none;
    width: 100%;
}

.inline-box-3 > ul > li {
    width: 29%;
    padding: 16px 2% !important;
    display: inline-block;
    text-align: center;
    vertical-align: top;
}

.inline-box-3 > ul > li > div {
    text-align: left !important;
}

.inline-box-3 > ul > li > span {
    font-size: 56px !important;
}

.inline-box-3 > ul > li > h3 {
    text-transform: uppercase !important;
    font-size: 26px;
    font-weight: 400;
}

.inline-box-3 > ul > li > div > p {
    padding: 12px 0 !important;
    text-align: left !important;
    font-size: 20px !important;
}

.backgr-color-c6d2f5 {
    background-color: #c6d2f5;
}

.backgr-color-f3f3f3 {
    background-color: #f3f3f3 ;
}

.about-services {
    text-align: center;
}

.tomowia {
    text-align: center;
    padding: 20px 0;
}

.quomark {
    font-size: 46px !important;
}

.google-review > p {
    padding: 0 !important;
}

.google-review > ul {
    padding: 0 !important;
    margin: 0 !important;
    list-style: none;
}

.google-review > ul > li {
    padding: 0 !important;
    margin: 0 !important;
    display: inline-block;
}

.google-review > ul > li:first-of-type > span:first-of-type {
    font-size: 30px;
}

.ceo-voice > ul {
    padding: 36px 7% !important;
    margin: 0 !important;
    list-style: none;
}

.ceo-voice > ul > li {
    padding: 0 !important;
    margin: 0 !important;
    display: inline-block;
    vertical-align: top;
}

.ceo-voice > ul > li:first-of-type {
    width: 80%;
}

.ceo-voice > ul > li:nth-last-of-type(1) {
    width: 20%;
    text-align: center !important;
}

.ceo-voice > ul > li:first-of-type > p {
    font-size: 18px;
    padding: 4px 0 !important;
}

.ceo-voice > ul > li:first-of-type > p:first-of-type {
    font-weight: 400;
}

.ceo-voice > ul > li:nth-of-type(2) > p:nth-of-type(1) {
    font-weight: 600;
}

.border-bottom-88a0e6 {
    border-bottom: 4px solid #88a0e6 !important;
}

.wynik-kalkulator {
    background-color: #fff !important;
    border: 2px solid #559f9e;
    width: 90% !important;
    margin-left: 5% !important;
    margin-right: 5% !important;
}

.wynik-kalkulator > div:first-of-type > p {
    font-size: 26px !important;
    text-align: center !important;
    margin: 18px 0 !important;
}

.wynik-kalkulator > div > ul {
    padding: 0 !important;
    margin: 0 !important;
    list-style: none;
    width: 100%;
}

.wynik-kalkulator > div > ul:last-of-type {
    border-top: 1px solid;
}

.wynik-kalkulator > div > ul:last-of-type > li > p {
    font-weight: bold !important;
}

.wynik-kalkulator > div > ul > li {
    margin: 0 !important;
    display: inline-block;
    vertical-align: top;
}

.wynik-kalkulator > div > ul > li:first-of-type {
    width: 63% !important;
    padding: 12px 0 12px 7% !important;
}

.wynik-kalkulator > div > ul > li:nth-of-type(2) {
    width: 23% !important;
    padding: 12px 7% 12px 0 !important;
}

.wynik-kalkulator > div > ul > li > p {
    text-align: left !important;
    padding: 0 !important;
    margin: 0 !important;

}

.wynik-kalkulator > div:last-of-type > p:nth-child(1) {
    text-align: left !important;
}

.wynik-kalkulator > div:last-of-type > .rs-contact,
.wynik-kalkulator > div:last-of-type > .rs-contact {
    text-align: center !important;
}

.green-clr {
    color: #559f9e !important;
}

.js-cookie-consent {
    background: lightgray;
    text-align: center;
    padding: 10px 0;
}

.download {
    width: 100%;
}

.download > div {
    width: 33%;
    background-color: #88a0e6;
    text-align: center;
    margin: auto;
    border-radius: 4px;
    padding: 12px 3px;
    font-size: 22px;
    box-shadow: 0.05em 0 .3em #727a7e,-0.05em 0 .3em #727a7e;
}

.download > div > a {
    text-decoration: none;
    color: #fff;
}

.download > div > a:hover {
    text-decoration: underline;
}

.text-underline {
    text-decoration: underline !important;
}

.ul-style {
    text-align: justify !important;
    font-size: 20px !important;
    font-family: 'Source Sans Pro', sans-serif;
}

.ul-style > li {
    padding: 8px 2% 8px 3% !important;
}

.support-menu-bar {
    text-align: right;
    background-color: #0093dd;
    font-size: 18px;
    font-family: 'Source Sans Pro', sans-serif;
}

.support-menu-bar > ul {
    list-style-type: none;
    margin: 0;
    padding: 0 18% 0 0;
    overflow: hidden;
    color: #fff !important;
}

.support-menu-bar > ul > li {
    display: inline-block;
    list-style-type: none;
    padding: 6px 6px;
}

.support-menu-bar > ul > li > a {
    text-decoration: none;
    color: #fff !important;
}

.support-menu-bar > ul > li > a:hover {
    text-decoration: underline;
}




.topnav {
    overflow: hidden;
}
  
  .topnav a {
    float: left;
    display: block;
    text-align: center;
    padding: 32px 16px;
    text-decoration: none;
    font-size: 20px;
    color: #232323;
    font-family: 'Source Sans Pro', sans-serif;
  }

  .topnav a:hover {
    color: #fb780e;
  }

  
  .topnav .icon {
    display: none;
  }
  
  .dropdown {
    float: left;
    overflow: hidden;
    font-family: 'Source Sans Pro', sans-serif;
  }
  
  .dropdown .dropbtn {
    font-size: 20px;    
    border: none;
    outline: none;
    color: #232323;
    padding: 32px 16px;
    background-color: inherit;
    font-family: 'Source Sans Pro', sans-serif;
    margin: 0;
  }
  
  .dropdown svg {
    color: #232323;
  }
  
  .dropdown svg:hover {
    color: #fb780e;
  }

  .dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
    font-family: 'Source Sans Pro', sans-serif;
  }
  
  .dropdown-content a {
    float: none;
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    text-align: left;
    font-size: 18px !important;
    font-family: 'Source Sans Pro', sans-serif;
  }
  
  .topnav a:hover,
  .dropdown:hover .dropbtn {
    color: #fb780e;
  }
  
  .dropdown-content a:hover {
    background-color: #ddd;
    color: black;
  }
  
  .dropdown:hover .dropdown-content {
    display: block;
  }
  
  .dropdown-content > ul {
    list-style: none;
    padding: 0;
    margin: 0;
  }

  .dropdown-content > ul > li {
      display: inline-block;
      vertical-align: top;
  }

  .dropdown-content > ul > li > span {
    float: none;
    color: #fb780e;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    text-align: left;
    font-size: 18px !important;
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 600;
  }



.supportnav {
    overflow: hidden;
    background-color: #6C757D;
    padding-right: 10%;
}

  .supportnav a {
    float: right;
    display: block;
    color: white;
    text-align: center;
    padding: 12px 16px;
    text-decoration: none;
    font-size: 16px;
    font-family: 'Source Sans Pro', sans-serif;
  }
  
  .supportnav .icon {
    display: none;
  }
  
  .support-dropdown {
    float: right;
    overflow: hidden;
  }
  
  .support-dropdown .dropbtn {
    font-size: 16px;    
    border: none;
    outline: none;
    color: #fff;
    padding: 12px 16px;
    background-color: inherit;
    font-family: 'Source Sans Pro', sans-serif;
    margin: 0;
  }
  
  .support-dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
  }
  
  .support-dropdown-content a {
    float: none;
    color: #232323;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    text-align: left;
  }
  
  .supportnav a:hover,
  .support-dropdown:hover .dropbtn {
    background-color: #fb780e;
    color: white;
  }
  
  .support-dropdown-content a:hover {
    background-color: #ddd;
    color: black;
  }
  
  .support-dropdown:hover .support-dropdown-content {
    display: block;
  }

  .bold-point {
    font-weight: 600;
  }



.search-criteria-box {
    margin: 0 !important;
    padding: 36px 7%;
    border-bottom: 1px solid #232323;
}

.search-criteria-box > ul {
    margin: 0 !important;
    padding: 0 !important;
    list-style: none;
    width: 100%;
}

.search-criteria-box > ul > li {
    width: 29%;
    padding: 16px 2% !important;
    display: inline-block;
    text-align: left;
    vertical-align: top;
}

.search-criteria-box > ul > li > div {
    text-align: left !important;
}

.search-criteria-box > ul > li > span {
    font-size: 56px !important;
}

.search-criteria-box > ul > li > h3 {
    text-transform: uppercase !important;
    font-size: 26px;
    font-weight: 400;
}

.search-criteria-box > ul > li > div > p {
    padding: 12px 0 !important;
    text-align: left !important;
    font-size: 20px !important;
}

.search-criteria-box .criteria-ul {
    margin: 0 !important;
    padding: 0 !important;
    list-style: none;
    width: 100%;
}

.search-criteria-box .criteria-ul > li {
    font-size: 20px;
    padding: 7px 0;
}

.search-criteria-box .criteria-ul > li:first-of-type {
    font-weight: 600;
    border-bottom: 1px solid #232323;
}

.search-criteria-box .criteria-ul > li {
    accent-color: #fb780e;
}

.criteria-ul > li:nth-child(even) {
    background-color: #f3f3f3;
}

.results-box {
    margin: 0 !important;
    padding: 36px 7%;
    background-color: #f9f9f9;
}

.results-box > div > h2 {
    font-size: 32px !important;
    margin: 0;
    color: #232323 !important;
    font-weight: 400 !important;
}

.p-view-box-div-1 {
    margin: 0 !important;
    padding: 36px 0;
    background-color: #f9f9f9;
}

.p-view-box-div-2 > .p-view-box-div-3,
.product-view-products > .product-view-result  {
    background-color: #fff;
}

.product-result,
.p-view-box-div-3,
.product-view-search-bar {
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}

.product-result > a,
.p-view-box-div-3 > a {
    text-decoration: none;
}

.product-result > a:hover,
.p-view-box-div-3 > a:hover {
    text-decoration: underline;
    color: #232323;
}

.product-result > a > div:first-of-type,
.p-view-box-div-3 > a > div:first-of-type {
    padding-left: 3%;
    padding-top: 12px;
    padding-bottom: 12px;
    border-bottom: 1px solid #ddd;
}

.product-result > a > div:first-of-type > h2,
.p-view-box-div-3 > a > div:first-of-type > h2 {
    margin: 0;
}

.product-result-box, 
.p-view-box-div-4 {
    margin: 0;
    padding: 0;
}

.product-result-box > ul, 
.p-view-box-div-4 > ul {
    margin: 0 !important;
    padding: 0;
    list-style: none;
    width: 100%;
}

.product-result-box > ul > li, 
.p-view-box-div-4 > ul > li {
    width: 29%;
    padding: 16px 0 !important;
    display: inline-block;
    text-align: left;
    vertical-align: top;
}

.product-result-box > ul > li > div, 
.p-view-box-div-4 > ul > li > div {
    text-align: left !important;
}

.product-result-box > ul > li > span, 
.p-view-box-div-4 > ul > li > span {
    font-size: 56px !important;
}

.product-result-box > ul > li > h3, 
.p-view-box-div-4 > ul > li > h3 {
    text-transform: uppercase !important;
    font-size: 26px;
    font-weight: 400;
}

.product-result-box > ul > li > div > p, 
.p-view-box-div-4 > ul > li > div > p {
    padding: 12px 0 !important;
    text-align: left !important;
    font-size: 20px !important;
}

.product-result-box .criteria-ul, 
.p-view-box-div-4 .criteria-ul {
    margin: 0 !important;
    padding: 0 !important;
    list-style: none;
    width: 100%;
}

.product-result-box .criteria-ul > li, 
.p-view-box-div-4 .criteria-ul > li {
    font-size: 20px;
    padding: 5px 0;
}

.product-details-short {
    margin: 0 !important;
    padding: 0 2% !important;
    list-style: none;
    width: 96%;
}

.product-details-short > li {
    font-size: 20px;
    padding: 12px 0;
}

.bold-span {
    font-weight: 600;
}

.product-image-small > a,
.product-image-view > a {
    text-decoration: none;
}

.product-image-small > a > img,
.product-image-view > figure > img {
    width: 100%;

}

.product-image-view > figure {
    margin: 0;
    padding: 0;
}

.product-image-view > figure > figcaption {
    padding-top: 12px;
}

/*
.product-image-view {
    position: absolute;
    background-color: #fff;
    z-index: 9999;
}
*/

.product-price,
.product-price-manufacturer,
.product-you-safe,
.product-quantity,
.product-to-cart,
.product-shipment,
.product-request-form {
    margin: 0 !important;
    padding: 0 !important;
    list-style: none;
    width: 96%;
}

.product-price > li,
.product-price-manufacturer > li,
.product-you-safe > li,
.product-quantity > li,
.product-shipment > li {
    display: inline-block;
    width: 50%;
    padding: 5px 0;
    vertical-align: top;
}

.product-price > li,
.product-quantity > li {
    font-size: 20px;
}

.product-price-manufacturer > li,
.product-you-safe > li,
.product-shipment > li {
    font-size: 20px;
}

.product-shipment > li {
    vertical-align: top;
}

.product-you-safe > li {
    color: #26b891;
    font-weight: 600;
}

.product-shipment > li:nth-of-type(2) {
    font-weight: 600;
}

.product-shipment .ship-available {
    color: #26b891;
}

.product-shipment .ship-not-available {
    color: #232323;
}

.product-shipment .ship-on-request {
    color: #848b93;
}

.product-price > li:nth-of-type(2) {
    font-size: 24px;
    font-weight: 600;
    text-align: right;
}

.product-price-manufacturer > li:nth-of-type(2),
.product-you-safe > li:nth-of-type(2),
.product-shipment > li:nth-of-type(2) {
    text-align: right;
}

.product-result-box > ul > li input[type="number"],
.p-view-box-div-4 > ul > li input[type="number"] {
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    appearance: textfield;
  }
  
  .product-result-box > ul > li input[type=number]::-webkit-inner-spin-button,
  .product-result-box > ul > li input[type=number]::-webkit-outer-spin-button,
  .p-view-box-div-4 > ul > li input[type=number]::-webkit-inner-spin-button,
  .p-view-box-div-4 > ul > li input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
  }
  
  .number-input {
    display: inline-flex;
  }
  
  .number-input,
  .number-input * {
    box-sizing: border-box;
  }
  
  .number-input button {
    -webkit-appearance: none;
    outline:none;
    background-color: transparent;
    border: none;
    align-items: center;
    justify-content: center;
    vertical-align: middle;
    width: 21%;
    cursor: pointer;
    margin: 0;
    position: relative;
  }
  
  .number-input button:after {
    display: inline-block;
    position: absolute;
    font-family: "Font Awesome 5 Free"; 
    font-weight: 600;
    content: '\f077';
    transform: translate(-50%, -50%) rotate(180deg);
  }
  .number-input button.plus:after {
    transform: translate(-50%, -50%) rotate(0deg);
  }
  
  .number-input input[type=number] {
    font-family: 'Source Sans Pro', sans-serif;
    max-width: 50%;
    padding: 0;
    border: solid #ddd;
    border-width: 0 2px;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
  }

  .product-to-cart > li {
    padding: 10px 0;
  }

  .product-to-cart > li > div {
    padding: 12px;
    text-align: center;
    background-color: #fb780e;
    border-radius: 4px;
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    -webkit-transition:	all .3s ease;
    -moz-transition:	all .3s ease;
    -o-transition:		all .3s ease;
    -ms-transition:		all .3s ease;
    transition:		    all .3s ease;
  }

  .product-to-cart > li > div:hover {
    background-color: #e26803;
    cursor: pointer;
  }

  .product-view-box {
      margin: 0 !important;
      padding: 36px 0;
      background-color: #f9f9f9;
  }

  /* The container */
.container {
    display: block;
    position: relative;
    padding-left: 35px;
    cursor: pointer;
    font-size: 20px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }
  
  .container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
  }
  
  .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 23px;
    width: 23px;
    background-color: #fff;
    border: 2px solid #ccc;
  }
  
  .container:hover input ~ .checkmark {
    border: 2px solid #fb780e;
  }
  
  .container input:checked ~ .checkmark {
    background-color: #fb780e;
    border: 2px solid #fb780e;
  }
  
  .checkmark:after {
    content: "";
    position: absolute;
    display: none;
  }
  
  .container input:checked ~ .checkmark:after {
    display: block;
  }
  
  .container .checkmark:after {
    left: 8px;
    top: 4px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }

.product-view-search-bar > ul {
    margin: 0 !important;
    padding: 0 !important;
    list-style: none;
    width: 100%;
    background-color: #fff;
    position: sticky;
    top: 0;
    overflow-y: auto;
}

.product-view-search-bar > ul > li {
    display: inline-block;
    padding: 12px 20px;
    font-size: 20px;
    border-right: 1px solid #ddd;
}

.product-view-search-bar > ul > li > a {
    text-decoration: none;
    color: #232323;
}

.product-view-search-bar > ul > li > a:hover {
    color: #e26803;
}

.product-view-description {
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    background-color: #fff;    
}

.product-view-description > div:first-of-type {
    padding-left: 7%;
    padding-top: 12px;
    padding-bottom: 12px;
    border-bottom: 1px solid #ddd;
}

.product-view-description > div:first-of-type > h2 {
    font-size: 26px;
    color: #232323;
    font-weight: 400;
    margin: 0;
}

.product-view-description > div > h3,
.product-view-description > div > h2 {
    font-size: 24px !important;
    color: #232323;
    font-weight: 400;
    margin: 0;
    padding: 12px 7%;
}

.product-variation {
    margin: 0 !important;
    padding: 0 !important;
    list-style: none;
    width: 100%;
}

.product-variation > li:nth-of-type(1) {
    text-align: left !important;
    color: #232323 !important;
    width: 50% !important;
}

.product-variation > li:nth-of-type(2) {
    width: 50% !important;
}

.product-variation > li {
    text-align: right;
    font-size: 16px;
    display: inline-block;
    padding: 5px 0;
    width: 100%;
    vertical-align: middle;
    position: relative;
}

.product-variation > li > a {
    text-decoration: none;
    color: #232323;
    font-weight: 600;
}

.product-variation > li > a:hover {
    color: #fb780e;
}

.product-variation > li > span {
    position: absolute;
    top: 4;
    padding-left: 2px;
}

.product-variation > li > span:hover {
    cursor: pointer;
    color: #fb780e;
}

.p-v-ul-2 {
    list-style: none;
    width: 86%;
    padding: 12px 7%;
    margin: 0;
}

.p-v-ul-2 > li {
    display: inline-block;
    width: 50%;
    vertical-align: top;
}

.p-v-ul-2 > li > p {
    padding: 0 !important;
    padding-right: 18px !important;
}

.p-v-ul-2 > li > h3 {
    font-size: 22px;
    font-weight: 400;
    margin: 12px 0;
    padding: 0 !important;
    padding-right: 18px !important;
    color: #232323;
}

.p-v-ul-2 > li > ul {
    list-style: disc;
    width: 100%;
    padding: 0;
    margin: 0;
}

.p-v-ul-2 > li > ul > li {
    font-size: 20px;
    padding: 8px 0px;
}

.newsletter-advert {
    text-align: center;
    padding: 24px 0 12px 0;
    background-color: #f3f3f3;
}

.newsletter-advert > h3 {
    font-size: 26px;
    color: #e26803;
    font-weight: 600;
    margin: 12px 0 24px 0;
}

.newsletter-advert > span {
    font-size: 20px;
}

.newsletter-advert > div {
    padding: 12px 20% 0 20%;
}

.newsletter-advert > div > form {
    padding: 24px 4%;
}

.form-email-div {
    background-color: #a7a6ac;
    padding: 10px 0;
    margin: 12px 0;
}

.form-email-div > div {
    margin: 0 auto;
}

.form-email-div > div > input {
    width: 94%;
    font-size: 20px !important;
    height: 36px;
    border: none;
    background-color: #fff;
    color: #232323;
    font-weight: 600;
    font-family: 'Source Sans Pro', sans-serif;
    text-align: center;
}

.form-email-div > div > input {    
    outline: none !important;
}

.form-submit-button {
    padding: 12px 0 0 0;
}

.form-submit-button > input:hover {
    box-shadow: 0.05em 0 .3em #7a7672,-0.05em 0 .3em #7a7672;
    text-decoration: underline;
    cursor: pointer;
}

.form-submit-button > input {
    background-color: #e2e2e2;
    text-align: center;
    margin: auto;
    border: 1px solid #e2e2e2;
    color: #232323;
    border-radius: 4px;
    padding: 12px 8px;
    font-size: 20px;
    box-shadow: 0.05em 0 .1em #7a7672,-0.05em 0 .1em #7a7672;
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 600;
}

.agb-privacy-accept {
    padding: 12px 0 0 0;
}

.checkmark-privacy {
  position: absolute;
  height: 23px;
  width: 23px;
  top: 0;
  background-color: #fff;
  border: 2px solid #ccc;
}

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

.container > ul > li {
    display: inline-block;
}

.container > ul > li:first-of-type {
    width: 60px;
}

.container:hover input ~ .checkmark-privacy {
    border: 2px solid #fb780e;
}
  
.container input:checked ~ .checkmark-privacy {
    background-color: #fb780e;
    border: 2px solid #fb780e;
}
  
.checkmark-privacy:after {
  content: "";
  position: absolute;
  display: none;
}
  
.container input:checked ~ .checkmark-privacy:after {
  display: block;
}

.container .checkmark-privacy:after {
  left: 8px;
  top: 4px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.newcenter-box a {
    color: #e26803;
    text-decoration: none;
}

.newcenter-box a:hover {
    text-decoration: underline;
}

.h2-span {
    font-size: 26px;
    color: #232323;
    font-weight: 400;
    margin: 0;
    font-family: 'Source Sans Pro', sans-serif;
}

.download-block {
    margin: 0;
    padding: 12px 7%;
    font-size: 20px;
}

.download-block > a > span {
    vertical-align: middle;
}

.standard-accessories {
    padding: 12px 7%;
}

.standard-accessories > ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.standard-accessories > ul > li {
    display: inline-block;
    vertical-align: top;
}

.standard-accessories > ul > li:nth-of-type(1) {
    width: 20%;
}

.standard-accessories > ul > li:nth-of-type(2) {
    width: 80%;
}

.standard-accessories > ul > li > h2 {
    font-size: 24px !important;
    color: #232323;
    font-weight: 400;
    margin: 0;
}

.standard-accessories > ul > li:nth-of-type(1) > div > img {
    width: 100%;
}

.standard-accessories > ul > li:nth-of-type(2) > * {
    padding: 12px 0 12px 24px !important;
}

.standard-accessories > ul > li:nth-of-type(2) > a,
.standard-accessories > ul > li:nth-of-type(2) > span {
    font-size: 20px;
}

.standard-accessories > ul > li:nth-of-type(2) > span {
    color: #232323;
}

.compare-ul-x {
    list-style: none;
    width: 86%;
    padding: 12px 7%;
    margin: 0;
}

.compare-ul-x > li {
    display: inline-block;
    width: 50%;
    vertical-align: top;
}

.compare-ul-x > li > p {
    padding: 0 !important;
    padding-right: 18px !important;
}

.compare-ul-x > li > h3 {
    font-size: 22px;
    font-weight: 400;
    margin: 12px 0;
    padding: 0 !important;
    padding-right: 18px !important;
}

.compare-ul-x > li > ul {
    list-style: disc;
    width: 100%;
    padding: 0 0 0 24px;
    margin: 0;
}

.compare-ul-x > li > ul > li {
    font-size: 20px;
    padding: 8px 0px;
}

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

.pro75-25-li > li {
    width: 100% !important;
}

.pro75-25-li > li:nth-of-type(odd) {
    background-color: #f9f9f9;
}

.pro75-25-li > li:nth-of-type(even) {
    background-color: #fdefe8;
}

.list-style-type-none {
    list-style-type: none !important;
}

.none-disc {
    list-style: none !important;
    list-style-type: none !important;
}

.overflowxauto {
    overflow-x: auto;
}

.variant {
    padding: 12px 7%;
    margin-top: 12px;
}

.styled-table {
    border-collapse: collapse;
    font-size: 20px;
    font-family: 'Source Sans Pro', sans-serif !important;
    min-width: 100%;
}

.styled-table > thead > tr {
    font-size: 20px;
    border-bottom: 1px solid #dddddd;
}

.styled-table > tbody > tr {
    font-size: 19px;
}

.styled-table thead > tr:nth-of-type(1) {
    background-color: #f3f3f3;
    color: #232323;
    text-align: left;
}

.styled-table th,
.styled-table td {
    padding: 12px 15px;
}

.styled-table tbody tr {
    border-bottom: 1px solid #dddddd;
}

.styled-table tbody tr:nth-of-type(even) {
    background-color: #f9f9f9;
}

.styled-table tbody tr.active-row {
    font-weight: bold;
    color: #009879;
}

.styled-table > thead > tr > th,
.styled-table > tbody > tr > td {
    border-right: 1px solid #dddddd;
    text-align: center;
}

.styled-table > thead > tr > th:last-of-type,
.styled-table > tbody > tr > td:last-of-type {
    border-right: none !important;
}

.greenclr {
    color: #2bc9aa;
}

.styled-table > thead > tr:nth-of-type(1) > th:nth-of-type(2) {
    background-color: #fed5b4;
}

.styled-table > tbody > tr > td:nth-of-type(2) {
    background-color: #fff1e6;
}

.styled-table > thead > tr > th:first-of-type {
    width: 20%;
    text-align: left !important;
}

.styled-table > tbody > tr > td:first-of-type {
    width: 20%;
    text-align: center;
}

.styled-table > tbody > tr > td:first-of-type > div > img {
    width: 100%;
}

.end-row {
    font-size: 24px !important;
    font-weight: 400;
    text-align: center !important;
    background-color: #fff !important;
}

.end-row > td > div:nth-of-type(1) {
    padding: 12px 0 24px 0;
}

.end-row > td > div:nth-of-type(2) {
    background-color: #fb780e;
    color: #fff;
    border-radius: 4px;
    font-size: 20px !important;
    vertical-align: top;
    font-weight: 600 !important;
    padding: 12px 4px;
    margin-bottom: 12px;
    -webkit-transition:	all .3s ease;
    -moz-transition:	all .3s ease;
    -o-transition:		all .3s ease;
    -ms-transition:		all .3s ease;
    transition:		    all .3s ease;
}

.end-row > td > div:nth-of-type(2):hover {
    background-color: #e26803;
    cursor: pointer;
}

.quick-overview {
    padding: 12px 7%;
    margin-top: 12px;
}

.quick-overview-table {
    border-collapse: collapse;
    font-size: 20px;
    font-family: 'Source Sans Pro', sans-serif !important;
    width: 100%;
}

.quick-overview-table > thead > tr {
    font-size: 20px;
}

.quick-overview-table > tbody > tr {
    font-size: 19px;
}

.quick-overview-table thead > tr:nth-of-type(1) {
    background-color: #f3f3f3;
    color: #232323;
    text-align: left;
}

.quick-overview-table thead > tr > th:nth-of-type(1) {
    min-width: 40%;
}

.quick-overview-table th,
.quick-overview-table td {
    padding: 12px 15px;
}

.quick-overview-table tbody tr,
.quick-overview-table thead tr {
    border-bottom: 1px solid #dddddd !important;
}

.quick-overview-table tbody tr:nth-of-type(even) {
    background-color: #f9f9f9;
}

.quick-overview-table > thead > tr > th,
.quick-overview-table > tbody > tr > td {
    border-right: 1px solid #dddddd !important;
    text-align: center;
}

.quick-overview-table > thead > tr:first-of-type > th:last-of-type,
.quick-overview-table > thead > tr > th:last-of-type,
.quick-overview-table > tbody > tr > td:last-of-type {
    border-right: none !important;
}

.quick-overview-table > thead > tr:nth-of-type(1) > th:nth-of-type(2) {
    background-color: #fed5b4 !important;
}

.quick-overview-table > tbody > tr > td:nth-of-type(2) {
    background-color: #fff1e6;
}

.quick-overview-table > thead > tr > th:first-of-type,
.quick-overview-table > tbody > tr > td:first-of-type {
    width: 20%;
    text-align: left !important;
}

.quick-overview-table > thead > tr .bold-span {
    font-weight: 600 !important;
}

.tbody-header > td {
    font-weight: 600 !important;
    border-bottom: 2px solid #ddd !important;
    background-color: #fff !important;
}

.greenclr {
    color: #2bc9aa;
}

.redclr {
    color: red;
}

.legend-quick-overview {
    list-style: none;
    margin: 0;
    padding: 12px 7%;
    font-size: 20px;
}

.legend-quick-overview > li {
    margin: 0;
    padding: 4px 0;
}

.legend-quick-overview > li > ul {
    list-style: none;
    margin: 0;
    padding: 2px 0;
}

.legend-quick-overview > li > ul > li {
    display: inline-block;
    vertical-align: middle;
}



.spec-overview {
    padding: 12px 7%;
    margin-top: 12px;
}

.spec-overview-table {
    border-collapse: collapse;
    font-size: 20px;
    font-family: 'Source Sans Pro', sans-serif !important;
    width: 100%;
}

.spec-overview-table > thead > tr {
    font-size: 20px;
}

.spec-overview-table > tbody > tr {
    font-size: 19px;
}

.spec-overview-table thead > tr:nth-of-type(1) {
    background-color: #f3f3f3;
    color: #232323;
    text-align: left;
}

.spec-overview-table thead > tr > th:nth-of-type(1) {
    min-width: 30%;
}

.spec-overview-table th,
.spec-overview-table td {
    padding: 12px 15px;
}

.spec-overview-table tbody tr,
.spec-overview-table thead tr {
    border-bottom: 1px solid #dddddd !important;
}

.spec-overview-table tbody tr:nth-of-type(even) {
    background-color: #f9f9f9;
}

.spec-overview-table > thead > tr > th,
.spec-overview-table > tbody > tr > td {
    border-right: 1px solid #dddddd !important;
    text-align: center;
}

.spec-overview-table > thead > tr:first-of-type > th:last-of-type,
.spec-overview-table > thead > tr > th:last-of-type,
.spec-overview-table > tbody > tr > td:last-of-type {
    border-right: none !important;
}

.spec-overview-table > thead > tr > th:first-of-type,
.spec-overview-table > tbody > tr > td:first-of-type {
    width: 20%;
    text-align: left;
}

.tbody-header > td {
    font-weight: 600 !important;
    border-bottom: 2px solid #ddd !important;
}

.spec-overview-table > thead > tr .bold-span {
    font-weight: 600 !important;
}

.legend-spec-overview {
    list-style: none;
    margin: 0;
    padding: 12px 7%;
    font-size: 20px;
}

.legend-spec-overview > li {
    margin: 0;
    padding: 4px 0;
}

.legend-spec-overview > li > ul {
    list-style: none;
    margin: 0;
    padding: 2px 0;
}

.legend-spec-overview > li > ul > li {
    display: inline-block;
    vertical-align: middle;
}





.accessories {
    padding: 12px 7%;
    margin-top: 12px;
}

.accessories-table {
    border-collapse: collapse;
    font-size: 20px;
    font-family: 'Source Sans Pro', sans-serif !important;
    min-width: 100%;
}

.accessories-table > thead > tr {
    font-size: 20px;
    border-bottom: 1px solid #dddddd;
}

.accessories-table > tbody > tr {
    font-size: 19px;
}

.accessories-table thead > tr:nth-of-type(1) {
    background-color: #f3f3f3;
    color: #232323;
    text-align: left;
}

.accessories-table th,
.accessories-table td {
    padding: 12px 15px;
}

.accessories-table tbody tr {
    border-bottom: 1px solid #dddddd;
}

.accessories-table tbody tr:nth-of-type(even) {
    background-color: #f9f9f9;
}

.accessories-table > thead > tr > th,
.accessories-table > tbody > tr > td {
    border-right: 1px solid #dddddd;
    text-align: center;
}

.accessories-table > thead > tr > th:last-of-type,
.accessories-table > tbody > tr > td:last-of-type {
    border-right: none !important;
}

.accessories-table > thead > tr > th:first-of-type {
    width: 20%;
    text-align: left !important;
}

.accessories-table > tbody > tr > td:first-of-type {
    width: 20%;
    text-align: center !important;
}

.accessories-table > thead > tr > th:nth-of-type(2) {
    width: 60%;
    text-align: center !important;
}

.accessories-table > tbody > tr > td:nth-of-type(2) {
    width: 60%;
    text-align: left !important;
}

.accessories-table > tbody > tr > td:nth-of-type(2) > p {
    padding: 6px 3% !important;
}

.accessories-table > tbody > tr > td:first-of-type > div > img {
    width: 100% !important;
}

.product-to-cart-x {
    margin: 0 !important;
    padding: 0 !important;
    list-style: none;
    width: 100%;
}

.product-to-cart-x > li {
  padding: 10px 0;
}

.product-to-cart-x > li > div > form {
  padding: 0;
  margin: 0;
}

.product-to-cart-x > li > div > form > input[type=submit] {
  padding: 12px;
  width: 100%;
  text-align: center;
  background-color: #fb780e;
  border-radius: 4px;
  border-style: none;
  font-family: 'Source Sans Pro', sans-serif !important;
  color: #fff;
  font-size: 20px;
  font-weight: 600;
  -webkit-transition:	all .3s ease;
  -moz-transition:	all .3s ease;
  -o-transition:		all .3s ease;
  -ms-transition:		all .3s ease;
  transition:		    all .3s ease;
}

.product-to-cart-x > li > div > form > input[type=submit]:hover {
  background-color: #e26803;
  cursor: pointer;
}

table caption {
    caption-side: bottom;
}



.norm-overview {
    padding: 12px 7%;
    margin-top: 12px;
}

.norm-overview-table {
    border-collapse: collapse;
    font-size: 20px;
    font-family: 'Source Sans Pro', sans-serif !important;
    width: 100%;
}

.norm-overview-table > thead > tr {
    font-size: 20px;
}

.norm-overview-table > tbody > tr {
    font-size: 19px;
}

.norm-overview-table thead > tr:nth-of-type(1) {
    background-color: #f3f3f3;
    color: #232323;
    text-align: center !important;
}

.norm-overview-table thead > tr > th:nth-of-type(1) {
    min-width: 30%;
}

.norm-overview-table th,
.norm-overview-table td {
    padding: 12px 15px;
}

.norm-overview-table tbody tr,
.norm-overview-table thead tr {
    border-bottom: 1px solid #dddddd !important;
}

.norm-overview-table tbody tr:nth-of-type(even) {
    background-color: #f9f9f9;
}

.norm-overview-table > thead > tr > th,
.norm-overview-table > tbody > tr > td {
    border-right: 1px solid #dddddd !important;
    text-align: center;
}

.norm-overview-table > thead > tr:first-of-type > th:last-of-type,
.norm-overview-table > thead > tr > th:last-of-type,
.norm-overview-table > tbody > tr > td:last-of-type {
    border-right: none !important;
}

.norm-overview-table > tbody > tr > td {
    width: 20%;
    text-align: left;
}

.norm-overview-table > thead > tr .bold-span {
    font-weight: 600 !important;
}



.end-column {
    font-size: 34px !important;
    font-weight: 400;
    text-align: center !important;
    background-color: #fff !important;
}

.end-column > div:nth-of-type(1) {
    padding: 12px 0 24px 0;
}

.end-column > div:nth-of-type(2) {
    background-color: #fb780e;
    color: #fff;
    border-radius: 4px;
    font-size: 20px !important;
    vertical-align: top;
    font-weight: 600 !important;
    padding: 12px 4px;
    margin-bottom: 12px;
    -webkit-transition:	all .3s ease;
    -moz-transition:	all .3s ease;
    -o-transition:		all .3s ease;
    -ms-transition:		all .3s ease;
    transition:		    all .3s ease;
}

.end-column > div:nth-of-type(2):hover {
    background-color: #e26803;
    cursor: pointer;
}

.accessories-index-table {
    border-collapse: collapse;
    font-size: 20px;
    font-family: 'Source Sans Pro', sans-serif !important;
    min-width: 100%;
}

.accessories-index-table > thead > tr {
    font-size: 20px;
    border-bottom: 1px solid #dddddd;
}

.accessories-index-table > tbody > tr {
    font-size: 19px;
}

.accessories-index-table thead > tr:nth-of-type(1) {
    background-color: #f3f3f3;
    color: #232323;
    text-align: left;
}

.accessories-index-table th,
.accessories-index-table td {
    padding: 12px 15px;
}

.accessories-index-table tbody tr {
    border-bottom: 1px solid #dddddd;
}

.accessories-index-table tbody tr:nth-of-type(even) {
    background-color: #f9f9f9;
}

.accessories-index-table > thead > tr > th,
.accessories-index-table > tbody > tr > td {
    border-right: 1px solid #dddddd;
    text-align: center;
}

.accessories-index-table > thead > tr > th:last-of-type,
.accessories-index-table > tbody > tr > td:last-of-type {
    border-right: none !important;
}

.accessories-index-table > thead > tr > th:first-of-type {
    width: 20%;
    text-align: center !important;
}

.accessories-index-table > tbody > tr > td:first-of-type {
    width: 20%;
    text-align: center !important;
}

.accessories-index-table > thead > tr > th:nth-of-type(2) {
    width: 60%;
    text-align: center !important;
}

.accessories-index-table > tbody > tr > td:nth-of-type(2) {
    width: 60%;
    text-align: left !important;
}

.accessories-index-table > tbody > tr > td:nth-of-type(2) > p {
    padding: 6px 3% !important;
}

.accessories-index-table > tbody > tr > td:first-of-type > div > img {
    width: 100% !important;
}

.border-bottom-fb780e {
    border-bottom: 4px solid #fb780e !important;
}

.guide-section > div {
    margin: 0 5% !important;
    padding: 0 !important;
    width: 90%;
    text-align: left;
    position: relative;
}

.guide-section > div > h2 {
    font-weight: 400 !important;
    font-size: 26px !important;
    color: #232323 !important;
    text-transform: uppercase;
}

.guide-elements {
    list-style: none;
    padding: 0 !important;
    margin: 0 !important;
    width: 100%;
}

.guide-elements > li {
    padding: 8px 0;
    vertical-align: top;
    width: 100%;
}

.guide-elements > li > h3 {
    margin: 0 2% !important;
    font-weight: 400 !important;
    font-size: 22px;
    border-bottom: 1px solid #232323;
}

.guide-elements > li > p {
    margin-left: 2% !important;
    font-size: 20px !important;
    text-align: left !important;
    padding: 0 !important;
}

.guide-elements > li > div > span {
    vertical-align: top !important;
}

.guide-elements > li > ul {
    padding: 0 !important;
    margin: 0 2% !important;
    list-style: none;
}

.guide-elements > li > ul > li {
    padding: 6px 0 !important;
    margin: 0 !important;
}

.guide-elements > li > ul > li > span:first-of-type {
    font-size: 20px !important;
    vertical-align: bottom !important;
}

.guide-elements > li > ul > li > span:last-of-type {
    font-size: 20px !important;
}

.guide-elements > li > ul > li > a {
    text-decoration: none;
    font-size: 20px !important;
}

.guide-elements > li > ul > li > a:hover {
    text-decoration: underline;
}

.guide-section {
    margin: 0 !important;
    padding: 10px 0 26px 0 !important;
}

.guide-section > div {
    margin: 0 5% !important;
    padding: 0 !important;
    width: 90%;
    text-align: left;
    position: relative;
}

.guide-section > div > h2 {
    font-weight: 400 !important;
    font-size: 26px !important;
    color: #232323 !important;
    text-transform: uppercase;
}

.support-package-overview {
    padding: 12px 7%;
    margin-top: 12px;
}

.support-package-table {
    border-collapse: collapse;
    font-size: 20px;
    font-family: 'Source Sans Pro', sans-serif !important;
    width: 100%;
}

.support-package-table > thead > tr:nth-of-type(1)  {
    font-size: 16px !important;
    border: none !important;
}

.support-package-table > thead > tr:nth-of-type(1) > th  {
    font-weight: 400 !important;
}

.support-package-table > thead > tr:nth-of-type(2)  {
    font-size: 28px;
}

.support-package-table > tbody > tr {
    font-size: 20px;
}

.support-package-table thead > tr:nth-of-type(2) {
    background-color: #f3f3f3;
    color: #232323;
    text-align: left;
}

.support-package-table thead > tr > th:nth-of-type(1) {
    min-width: 40%;
}

.support-package-table thead > tr > th:nth-of-type(2),
.support-package-table thead > tr > th:nth-of-type(3),
.support-package-table thead > tr > th:nth-of-type(4) {
    min-width: 20%;
}

.support-package-table th,
.support-package-table td {
    padding: 12px 15px;
}

.support-package-table thead tr {
    border-bottom-style: groove ;
    border-color: #ccc;
}

.support-package-table tbody tr {
    border-bottom: 1px solid #dddddd !important;
}

.support-package-table tbody tr:nth-of-type(even) {
    background-color: #fff;
}

.support-package-table > thead > tr:nth-of-type(2) > th,
.support-package-table > tbody > tr > td {
    border-right: 1px solid #dddddd !important;
    text-align: center;
}

.support-package-table > thead > tr:first-of-type > th:last-of-type,
.support-package-table > thead > tr > th:last-of-type,
.support-package-table > tbody > tr > td:last-of-type {
    border-right: none !important;
}

.support-package-table > thead > tr:nth-of-type(2) > th:nth-of-type(3) {
    background-color: #fed5b4 !important;
}

.support-package-table > tbody > tr > td:nth-of-type(3) {
    background-color: #fff1e6;
}

.support-package-table > thead > tr > th:first-of-type,
.support-package-table > tbody > tr > td:first-of-type {
    width: 20%;
    text-align: left !important;
}

.support-package-table > thead > tr .bold-span {
    font-weight: 600 !important;
}

.support-package-table > tbody > tr:last-of-type {
    background-color: #f3f3f3;
    border-top-style: groove ;
    border-color: #ccc;
}

.support-package-table > tbody > tr:last-of-type > td > div:nth-of-type(1) {
    font-weight: 400;
    font-size: 28px;
}

.support-package-table > tbody > tr:last-of-type > td > div:nth-of-type(2) {
    font-weight: 400;
    font-size: 16px;
}

.support-package-table > tbody > tr:last-of-type > td:nth-of-type(3) {
    background-color: #fed5b4;
}



.shopping-cart-overview {
    padding: 12px 7%;
    margin-top: 12px;
}

.shopping-cart-table {
    border-collapse: collapse;
    font-size: 20px;
    font-family: 'Source Sans Pro', sans-serif !important;
    width: 100%;
}

.shopping-cart-table > thead > tr {
    font-size: 20px;
}

.shopping-cart-table thead tr {
    border-bottom: 1px solid #232323 !important;
}

.shopping-cart-table > tbody > .grey-bgdr {
    background-color: #f3f3f3;
}

.shopping-cart-table > tbody > tr {
    font-size: 20px;
}

.shopping-cart-table thead > tr:nth-of-type(1) {
    background-color: #f3f3f3;
    color: #232323;
    text-align: left;
}

.shopping-cart-table thead > tr > th:nth-of-type(1) {
    min-width: 50%;
}

.shopping-cart-table th,
.shopping-cart-table td {
    padding: 12px 15px;
}

.shopping-cart-table tbody tr {
    border-bottom: 1px solid #dddddd;
}

.shopping-cart-table tbody tr {
    background-color: #fff;
}

.shopping-cart-table > thead > tr > th,
.shopping-cart-table > tbody > tr > td {
    border-right: 1px solid #dddddd !important;
    text-align: center;
}

.shopping-cart-table > thead > tr:first-of-type > th:last-of-type,
.shopping-cart-table > thead > tr > th:last-of-type,
.shopping-cart-table > tbody > tr > td:last-of-type {
    border-right: none !important;
}

.shopping-cart-table > thead > tr > th:nth-of-type(1),
.shopping-cart-table > tbody > tr > td:nth-of-type(1) {
    width: 60%;
    text-align: left;
}

.shopping-cart-table > thead > tr > th:nth-of-type(2),
.shopping-cart-table > tbody > tr > td:nth-of-type(2) {
    width: 15%;
}

.shopping-cart-table > thead > tr > th:nth-of-type(3),
.shopping-cart-table > tbody > tr > td:nth-of-type(3) {
    width: 25%;
}


.shopping-cart-table > thead > tr .bold-span {
    font-weight: 600 !important;
}

.shopping-cart-calibration {
    font-size: 20px !important;
    border-bottom: 1px solid #232323 !important;
}

.shopping-cart-calibration > td:nth-of-type(1) {
    padding-left: 32px !important;
}

.shopping-cart-calibration .material-symbols-outlined {
    font-size: 16px !important;
}

.shopping-cart-support {
    font-size: 20px !important;
}

.shopping-cart-support > td:nth-of-type(1) {
    padding-left: 32px !important;
}

.shopping-cart-support .material-symbols-outlined {
    font-size: 16px !important;
}

.shopping-cart-summary > td:nth-of-type(1) {
    text-align: right !important;
}

.shopping-cart-summary {
    font-weight: bold;
}

.shopping-cart-support > td > select {
    margin-left: 14px;
    font-family: 'Source Sans Pro', sans-serif !important;
    border: 1px solid #ddd;
    font-size: 20px;
    background-color: #ddd;
}

.shopping-cart-calibration > td > select {
    font-family: 'Source Sans Pro', sans-serif !important;
    border: 1px solid #ddd;
    font-size: 20px;
    background-color: #ddd;
}

.form-email-div-kontakt {
    padding: 6px 7%;
}

.form-email-div-kontakt > input {
    width: 100%;
    font-size: 16px !important;
    height: 36px;
    border: 1px solid;
}

.form-email-div-kontakt > input:focus {
    outline: none !important;
    border:1px solid #e26803;
    box-shadow: 0.05em 0 .3em #7a7672,-0.05em 0 .3em #7a7672;
}



.order-data-overview {
    padding: 12px 7%;
    margin-top: 12px;
}

.order-data-table {
    border-collapse: collapse;
    font-size: 20px;
    font-family: 'Source Sans Pro', sans-serif !important;
    width: 100%;
}

.order-data-table > thead > tr {
    font-size: 20px;
}

.order-data-table thead tr {
    border-bottom: 1px solid #232323 !important;
}

.order-data-table > tbody > .grey-bgdr {
    background-color: #f3f3f3;
}

.order-data-table > tbody > tr {
    font-size: 20px;
}

.order-data-table thead > tr:nth-of-type(1) {
    background-color: #f3f3f3;
    color: #232323;
    text-align: left;
}

.order-data-table th,
.order-data-table td {
    padding: 12px 15px;
}

.order-data-table tbody tr {
    border-bottom: 1px solid #dddddd;
}

.order-data-table tbody tr {
    background-color: #fff;
}

.order-data-table > thead > tr > th,
.order-data-table > tbody > tr > td {
    border-right: 1px solid #dddddd !important;
    text-align: center;
}

.order-data-table > thead > tr:first-of-type > th:last-of-type,
.order-data-table > thead > tr > th:last-of-type,
.order-data-table > tbody > tr > td:last-of-type {
    border-right: none !important;
}

.order-data-table > thead > tr > th:nth-of-type(1),
.order-data-table > tbody > tr > td:nth-of-type(1) {
    width: 6%;
    text-align: left;
}

.order-data-table > thead > tr > th:nth-of-type(2),
.order-data-table > tbody > tr > td:nth-of-type(2) {
    width: 48%;
}

.order-data-table > thead > tr > th:nth-of-type(3),
.order-data-table > tbody > tr > td:nth-of-type(3) {
    width: 48%;
}


.order-data-table > thead > tr .bold-span {
    font-weight: 600 !important;
}


.order-data-div-kontakt > input {
    width: 100%;
    font-size: 16px !important;
    height: 36px;
    border: 1px solid;
}

.order-data-div-kontakt > input:focus {
    outline: none !important;
    border:1px solid #e26803;
    box-shadow: 0.05em 0 .3em #7a7672,-0.05em 0 .3em #7a7672;
}

.form-email-div-textarea {
    padding: 6px 7%;
}

.form-email-div-textarea > textarea {
    width: 100%;
    font-size: 16px !important;
    height: 160px;
    border: 1px solid;
    resize: vertical;
}

.form-email-div-textarea > textarea:focus {
    outline: none !important;
    border:1px solid #e26803;
    box-shadow: 0.05em 0 .3em #7a7672,-0.05em 0 .3em #7a7672;
}

.order-data-submit-button {
    padding-top: 12px;
    margin: 0 auto;
    text-align: center;
}

.order-data-submit-button > input {
    border-style: none;
    border-radius: 4px;
    padding: 12px;
    margin: 0 auto;
    width: 180px;
    text-align: center;
    color: #fff;
    background-color: #fb780e;
    font-size: 20px;
    font-weight: 600;
    font-family: 'Source Sans Pro', sans-serif !important;
    -webkit-transition:	all .3s ease;
    -moz-transition:	all .3s ease;
    -o-transition:		all .3s ease;
    -ms-transition:		all .3s ease;
    transition:		    all .3s ease;
}

.order-data-submit-button > input:hover {
    background-color: #e26803;
    cursor: pointer;
}

.agb-privacy-accept {
    padding: 6px 0;
    font-size: 14px !important;
}

.agb-privacy-accept a {
    color: #e26803;
    text-decoration: none;
}

.agb-privacy-accept a:hover {
    text-decoration: underline;
}
  
.agb-privacy-accept > input,
.invoicedata > input {
  accent-color: #e26803;
}

.invoicedata {
    padding: 12px 7%;
}

.mainpage-header {
    text-align: left !important;
    padding: 12px 0;
}

.mainpage-header > ul {
    margin: 10px 0 !important;
    padding: 12px 7% !important;
    list-style: none;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}

.mainpage-header > p:nth-of-type(1) {
    font-size: 16px !important;
}

.mainpage-header > ul > li {
    display: inline-block;
    vertical-align: middle;
}

.mainpage-header > ul > li:nth-of-type(1) {
    width: 30%;
}

.mainpage-header > ul > li:nth-of-type(2) {
    width: 70%;
}

.mainpage-header > ul > li > p {
    font-size: 20px !important;
    text-align: left !important;
}

.inline-box-3-mainpage {
    margin: 0 !important;
    padding: 12px 7% 36px 7%;
}

.inline-box-3-mainpage > div > h2 {
    font-size: 28px !important;
    font-weight: 600 !important;
}

.inline-box-3-mainpage > ul {
    margin: 0 !important;
    padding: 0 !important;
    list-style: none;
    width: 100%;
}

.inline-box-3-mainpage > ul > li {
    width: 30%;
    display: inline-block;
    text-align: center;
    vertical-align: top;
    margin: 0 1% 0 0 !important;
}

.inline-box-3-mainpage > ul > li > div {
    text-align: left !important;
}

.inline-box-3-mainpage > ul > li > span {
    font-size: 56px !important;
}

.inline-box-3-mainpage > ul > li > h3 {
    text-transform: uppercase !important;
    font-size: 26px;
    font-weight: 400;
}

.inline-box-3-mainpage > ul > li > div > p {
    padding: 12px 0 !important;
    text-align: left !important;
    font-size: 20px !important;
}

.inline-box-3-mainpage p {
    padding: 12px 0 !important;
}

.mainpage-subheader {
    text-align: left !important;
    padding: 12px 0;
}

.mainpage-subheader > ul {
    margin: 10px 0 !important;
    padding: 12px 7% !important;
    list-style: none;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}

.mainpage-subheader > p:nth-of-type(1) {
    font-size: 42px !important;
    font-weight: 100;
    margin: 10px 0 !important;
    text-align: left !important;
}

.mainpage-subheader > p:nth-of-type(1) > span {
    color: #e26803;
    font-weight: 400;
}

.mainpage-subheader > p:nth-of-type(2) {
    font-size: 16px !important;
}

.mainpage-subheader > ul > li {
    display: inline-block;
    vertical-align: middle;
}

.mainpage-subheader > ul > li:nth-of-type(1) {
    width: 30%;
}

.mainpage-subheader > ul > li:nth-of-type(2) {
    width: 70%;
}

.mainpage-subheader > ul > li > h2 {
    font-size: 20px !important;
    font-weight: 600 !important;
    text-align: left !important;
}

.mainpage-subheader > ul > li > p {
    font-size: 20px !important;
    text-align: left !important;
}

.mainpage-subheader > ul > li > ul {
    margin-left: 32px;
    padding: 12px 7% !important;
    list-style: disc;
    color: #232323;
}

.product-group-3-tiles {
    padding: 3px 7%;
}

.product-group-3-tiles-guide {
    padding: 6px 7%;
    height: 337px;
}

.product-group-3-tiles > ul {
    margin: 0 !important;
    padding: 0 !important;
    list-style: none;
    width: 100%;
}

.product-group-3-tiles > ul > li {
    display: inline-block;
    margin-right: 6px;
    padding: 0 !important;
    vertical-align: top;
}

.product-group-3-tiles-guide > ul > li {
    float: left;
}

.product-group-tile,
.product-group-tile-guide {
    position: relative;
    width: 337px;
    height: 168.5px;
}

.product-group-tile-2x {
    position: relative;
    width: 674px;
    height: 343px;
}

.product-group-3-tiles-guide > ul > li:last-of-type {
    margin-right: 0 !important;
    margin-top: 6px;
}

:root {
    /* #f0f0f0 in decimal RGB */
    --customColor: 0, 0, 0;
}

.product-group-tile > a > div:nth-of-type(1),
.product-group-tile-guide > a > div:nth-of-type(1),
.product-group-tile-2x > a > div:nth-of-type(1) {
    position: absolute;
}

.product-group-tile > a > div:nth-of-type(1) > img,
.product-group-tile-guide > a > div:nth-of-type(1) > img,
.product-group-tile-2x > a > div:nth-of-type(1) > img {
    width: 100%;
    height: 100%;
    z-index: 1;
    border-radius: 6px;
}

.product-group-tile > a > div:nth-of-type(2),
.product-group-tile-guide > a > div:nth-of-type(2),
.product-group-tile-2x > a > div:nth-of-type(2) {
    z-index: 9999;
    position: absolute;
    text-align: center;
    width: 100%;
    height: 100%;
    vertical-align: middle;
    border-radius: 6px;
    background-color: rgba(var(--customColor), 0.4);
    -webkit-transition:	all .2s ease;
    -moz-transition:	all .2s ease;
    -o-transition:		all .2s ease;
    -ms-transition:		all .2s ease;
    transition:		    all .2s ease;
}

.product-group-tile > a > div:nth-of-type(2):hover,
.product-group-tile-guide > a > div:nth-of-type(2):hover,
.product-group-tile-2x > a > div:nth-of-type(2):hover {
    background-color: rgba(var(--customColor), 0.6);
}


.product-group-tile > a > div:nth-of-type(2) > span:first-of-type,
.product-group-tile-guide > a > div:nth-of-type(2) > span:first-of-type,
.product-group-tile-2x > a > div:nth-of-type(2) > span:first-of-type {
    text-shadow: 0 1px 4px rgba(0,0,0,.4);
    top: 20%;
    left: 0;
    width: 100%;
    position: absolute;
    font-size: 28px;
    font-weight: bold;
    color: #fff;
}

.product-group-tile > a > div:nth-of-type(2) > span:nth-of-type(2),
.product-group-tile-guide > a > div:nth-of-type(2) > span:nth-of-type(2),
.product-group-tile-2x > a > div:nth-of-type(2) > span:nth-of-type(2) {
    text-shadow: 0 1px 4px rgba(0,0,0,.4);
    top: 43%;
    left: 0;
    width: 100%;
    position: absolute;
    font-size: 18px;
    font-weight: normal;
    color: #fff;
}

.comparison-overview {
    padding: 12px 7%;
    margin-top: 12px;
}

.comparison-overview-table {
    border-collapse: collapse;
    font-size: 20px;
    font-family: 'Source Sans Pro', sans-serif !important;
    width: 100%;
}

.comparison-overview-table > thead > tr {
    font-size: 20px;
}

.comparison-overview-table > tbody > tr {
    font-size: 19px;
}

.comparison-overview-table thead > tr:nth-of-type(1) {
    background-color: #f3f3f3;
    color: #232323;
    text-align: left;
}

.comparison-overview-table thead > tr > th:nth-of-type(1) {
    min-width: 40%;
}

.comparison-overview-table th,
.comparison-overview-table td {
    padding: 12px 15px;
}

.comparison-overview-table tbody tr,
.comparison-overview-table thead tr {
    border-bottom: 1px solid #dddddd !important;
}

.comparison-overview-table tbody tr:nth-of-type(even) {
    background-color: #f9f9f9;
}

.comparison-overview-table > thead > tr > th,
.comparison-overview-table > tbody > tr > td {
    border-right: 1px solid #dddddd !important;
    text-align: center;
}

.comparison-overview-table > thead > tr:first-of-type > th:last-of-type,
.comparison-overview-table > thead > tr > th:last-of-type,
.comparison-overview-table > tbody > tr > td:last-of-type {
    border-right: none !important;
}

.comparison-overview-table > thead > tr > th:first-of-type,
.comparison-overview-table > tbody > tr > td:first-of-type {
    width: 20%;
    text-align: left !important;
}

.comparison-overview-table > thead > tr .bold-span {
    font-weight: 600 !important;
}

.comparison-mini-picture > img {
    width: 133.333px !important;
}

.data-overview-table {
    border-collapse: collapse;
    font-size: 20px;
    font-family: 'Source Sans Pro', sans-serif !important;
    width: 100%;
}

.data-overview-table > thead > tr {
    font-size: 20px;
}

.data-overview-table > tbody > tr {
    font-size: 19px;
}

.data-overview-table thead > tr:nth-of-type(1) {
    background-color: #f3f3f3;
    color: #232323;
    text-align: left;
}

.data-overview-table thead > tr > th:nth-of-type(1) {
    min-width: 33%;
}

.data-overview-table th,
.data-overview-table td {
    padding: 12px 15px;
}

.data-overview-table tbody tr,
.data-overview-table thead tr {
    border-bottom: 1px solid #dddddd !important;
}

.data-overview-table tbody tr:nth-of-type(even) {
    background-color: #f9f9f9;
}

.data-overview-table > thead > tr > th,
.data-overview-table > tbody > tr > td {
    border-right: 1px solid #dddddd !important;
    text-align: left;
}

.data-overview-table > thead > tr:first-of-type > th:last-of-type,
.data-overview-table > thead > tr > th:last-of-type,
.data-overview-table > tbody > tr > td:last-of-type {
    border-right: none !important;
}

.data-overview-table > thead > tr > th:first-of-type,
.data-overview-table > tbody > tr > td:first-of-type {
    width: 33%;
    text-align: left !important;
}

.data-overview-table > thead > tr .bold-span {
    font-weight: 600 !important;
}

.ul-shift {
    margin: 0;
    padding: 12px 12% !important;
    font-size: 20px;
}

.ul-shift > li {
    padding: 6px 0 !important;
}

.ol-shift {
    margin: 0;
    padding: 12px 12% !important;
    font-size: 20px;
}

.ol-shift > li {
    padding: 6px 0 !important;
}

.standard-accessories-list {
    padding: 12px 7%;
    margin-top: 12px;
}

.standard-accessories-table {
    border-collapse: collapse;
    font-size: 20px;
    font-family: 'Source Sans Pro', sans-serif !important;
    min-width: 100%;
}

.standard-accessories-table > thead > tr {
    font-size: 20px;
    border-bottom: 1px solid #dddddd;
}

.standard-accessories-table > tbody > tr {
    font-size: 19px;
}

.standard-accessories-table thead > tr:nth-of-type(1) {
    background-color: #f3f3f3;
    color: #232323;
    text-align: left;
}

.standard-accessories-table th,
.standard-accessories-table td {
    padding: 12px 15px;
}

.standard-accessories-table tbody tr {
    border-bottom: 1px solid #dddddd;
}

.standard-accessories-table tbody tr:nth-of-type(even) {
    background-color: #f9f9f9;
}

.standard-accessories-table tbody tr.active-row {
    font-weight: bold;
    color: #009879;
}

.standard-accessories-table > thead > tr > th,
.standard-accessories-table > tbody > tr > td {
    border-right: 1px solid #dddddd;
    text-align: center;
}

.standard-accessories-table > thead > tr > th:last-of-type,
.standard-accessories-table > tbody > tr > td:last-of-type {
    border-right: none !important;
}

.standard-accessories-table > thead > tr > th:first-of-type {
    width: 20%;
    text-align: left !important;
}

.standard-accessories-table > tbody > tr > td:first-of-type {
    width: 20%;
    text-align: center;
}

.standard-accessories-table > tbody > tr > td:first-of-type > div > img {
    width: 100%;
}

.ul-center-12px-7pro {
    padding: 12px 7%;
    font-size: 20px;
    text-align: justify;
    color: #232323;
    margin: 0;
    font-family: 'Source Sans Pro', sans-serif;
}

.ul-center-12px-7pro > ul > li {
    padding: 12px 0;
}

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

.product-request-form {
    margin: 0 !important;
    padding: 0 2% !important;
}

.product-request-form > li {
  padding: 10px 0;
}

.product-request-form > li > div > form {
  padding: 0;
  margin: 0;
}

.product-request-form > li > div > form > div > input[type=submit] {
  padding: 12px;
  width: 100%;
  text-align: center;
  background-color: #fb780e;
  border-radius: 4px;
  border-style: none;
  font-family: 'Source Sans Pro', sans-serif !important;
  color: #fff;
  font-size: 20px;
  font-weight: 600;
  -webkit-transition:	all .3s ease;
  -moz-transition:	all .3s ease;
  -o-transition:		all .3s ease;
  -ms-transition:		all .3s ease;
  transition:		    all .3s ease;
}

.product-request-form > li > div > form > div > input[type=submit]:hover {
  background-color: #e26803;
  cursor: pointer;
}

.product-request-form-submit-button > input:hover {
    background-color: #e26803;
    cursor: pointer;
}

.product-request-form-submit-button > input {
    padding: 12px;
  width: 100%;
  text-align: center;
  background-color: #fb780e;
  border-radius: 4px;
  border-style: none;
  font-family: 'Source Sans Pro', sans-serif !important;
  color: #fff;
  font-size: 20px;
  font-weight: 600;
  -webkit-transition:	all .3s ease;
  -moz-transition:	all .3s ease;
  -o-transition:		all .3s ease;
  -ms-transition:		all .3s ease;
  transition:		    all .3s ease;
}

.product-request-form-email {
    padding: 10px 0;
    margin: 12px 0;
}

.product-request-form-email > div {
    margin: 0 auto;
}

.product-request-form-email > div > input[type=email] {
    width: 100%;
    font-size: 18px !important;
    height: 36px;
    color: #232323;
    font-family: 'Source Sans Pro', sans-serif;
    text-align: left;
    border: 1px solid #fff;
    background-color: #f9f9f9;
    outline: none !important;
}

.product-request-form-email > div > input[type=email]:focus {
    outline: none !important;
    border:1px solid #e26803;
    box-shadow: 0.05em 0 .3em #7a7672,-0.05em 0 .3em #7a7672;
}

.product-request-form-textarea {
    padding: 10px 0;
    margin: 12px 0;
}

.product-request-form-textarea > div {
    width: 100%;
}

.product-request-form-textarea > div > textarea {
    width: 100%;
    height: 150px !important;
    font-size: 18px !important;
    height: 36px;
    border-top: 1px solid #fff;
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
    background-color: #f9f9f9;
    color: #232323;
    font-family: 'Source Sans Pro', sans-serif;
    text-align: left;
    resize: vertical;
}

.product-request-form-textarea > div > textarea:focus {
    outline: none !important;
    border:1px solid #e26803;
    box-shadow: 0.05em 0 .3em #7a7672,-0.05em 0 .3em #7a7672;
}
  
.product-request-form-number-input {
    display: inline-flex;
    width: 100%;
}
  
  .product-request-form-number-input,
  .product-request-form-number-input * {
    box-sizing: border-box;
  }
  
  .product-request-form-number-input button {
    -webkit-appearance: none;
    outline:none;
    background-color: transparent;
    border: none;
    align-items: center;
    justify-content: center;
    vertical-align: middle;
    width: 22%;
    cursor: pointer;
    margin: 0;
    position: relative;
  }
  
  .product-request-form-number-input button:after {
    display: inline-block;
    position: absolute;
    font-family: "Font Awesome 5 Free"; 
    font-weight: 600;
    content: '\f077';
    transform: translate(-50%, -50%) rotate(180deg);
  }
  .product-request-form-number-input button.plus:after {
    transform: translate(-50%, -50%) rotate(0deg);
  }
  
  .product-request-form-number-input input[type=number] {
    font-family: 'Source Sans Pro', sans-serif;
    max-width: 54%;
    padding: 0;
    border: solid #ddd;
    border-width: 0 2px;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
  }

.product-request-form-text {
    font-size: 20px;
    font-family: 'Source Sans Pro', sans-serif;
}

.product-request-form-product-quantity {
    font-size: 20px;
}

body {
    margin: 0;
    font-family: Arial, sans-serif;
}

.menu-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #666;
    color: white;
    padding: 10px 20px;
}

.logo {
    font-size: 1.5em;
    font-weight: bold;
}

.logo .z {
    color: orange;
}

.logo .s {
    color: orange;
    font-size: 0.8em;
    vertical-align: super;
}

.menu ul {
    display: flex;
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.menu ul li {
    margin: 0 15px;
}

.menu ul li a {
    color: white;
    text-decoration: none;
    font-size: 1em;
}

.options {
    display: flex;
    align-items: center;
}

.beratung {
    margin-right: 20px;
    color: white;
    text-decoration: none;
}

.language {
    display: flex;
    align-items: center;
    cursor: pointer;
}

.language .arrow {
    margin-left: 5px;
}

.border-bottom-grey {
    border-bottom: 1px solid #c8c4c3;
}

.form-request-header {
    font-size: 20px;
    font-weight: 600;
    text-align: center;
    padding: 12px 0px;
}

.p-view-box-div-4 > ul:first-of-type {
    text-align: center !important;
}


/* Basic reset for the .topnav-new list */
.topnav-new ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    display: flex; /* Horizontal layout by default */
    align-items: center;
  }
  
  /* Each list item sits side by side on larger screens */
  .topnav-new li {
    /* Adjust as needed for spacing/styling */
    display: inline-block;
    margin-right: 15px;
  }
  
  /* Style the links */
  .topnav-new li a {
    text-decoration: none;
    display: block;
    padding: 8px 10px; /* Adjust for comfortable click targets */
    color: #232323;
    font-size: 20px;
  }

  .topnav-new li a:hover {
    color: #e26803;
  }
  
  /* Hide the .icon (hamburger) by default (it only shows on small screens) */
  .topnav-new li.icon {
    display: none;
  }
  
  .deco-circle {
    position: absolute !important;
    left: -20px;
  }

  .consult-button {
    background-color: #fb780e;
  }

  
  
  @media screen and (max-width: 1214px) {
    
    .product-group-3-tiles-guide > ul > li {
        clear: both !important;
        float: none !important;
    }

    .product-group-3-tiles-guide {
        height: unset !important;
    }

    .product-group-3-tiles-guide > ul > li:nth-of-type(2) {
        margin-top: 6px;
    }

    .product-group-tile-2x > a > div:first-of-type {
        height: 168.5px !important;
    }

    .product-group-tile-2x {
        height: 168.5px;
    }

    .product-group-tile-2x,
    .product-group-tile-guide {
        width: 100%;
    }

    .product-group-3-tiles-guide {
        height: 511.5px;
    }

    .product-group-3-tiles {
        padding: 0 7% !important;
    }

    .product-group-3-tiles > ul > li {
        display: block !important;
        margin: 12px auto !important;
        width: 100% !important;
    }

    .product-group-tile > a > div:first-of-type,
    .product-group-tile-guide > a > div:first-of-type {
        height: 168.5px !important;
    }
  }
  
  @media screen and (max-width: 1110px) {

    /* The default .topnav-new state hides all links except the first one (logo) and the hamburger icon */
    .topnav-new ul li:not(:first-child) {
      display: none;  
    }

    .topnav-new ul {
        display: block; /* Horizontal layout by default */
        text-align: center !important;
    }
  
    /* Display the hamburger icon on small screens */
    .topnav-new ul li.icon {
      display: inline-block;
      margin-left: auto; /* Push to the far right if desired */
      padding: 0 !important;
    }
  
    /* When toggled to "responsive": show the rest of the links in a vertical stack */
    .topnav-new.responsive ul li {
      display: block;
      margin-right: 0;
      text-align: left;
      font-size: 20px;
      color: #232323;
      padding: 2px 0;
    }

    .topnav-new.responsive ul li > a {
      text-decoration: none;
      color: #232323;
    }
    
    .topnav-new.responsive ul li > a:hover {
      color: #e26803
    }
    
    .topnav-new ul li:first-of-type {
        width: 100%;
        padding: 0 !important;
    }
    
    .topnav-new ul li:first-of-type > a {
        padding: 0 !important;
    }
    
    .supportnav {
        padding-right: 0 !important;
    }

    .topnav-new ul li {
        padding: 8px 0;
        text-align: center !important;
    }

    .support-dropdown > .dropbtn {
        cursor: pointer;
    }

    .topnav-new li {
        margin: 0 !important;
    }

    .topnav-new li a {
        padding: 8px 0 !important;
    }

    .supportnav > a {
        float: left !important;
    }

    .support-dropdown {
        float: left !important;
    }

    .support-dropdown.responsive > .support-dropdown-content {
        width: 100%;
    }
    
    .support-dropdown.responsive > .dropbtn {
        cursor: pointer;
    }

    .support-dropdown.responsive > .support-dropdown-content {
        display: block;
    }

    .mainpage-header h1,
    .blue-section-box > .newcenter-box h1 {  
        font-size: 32px !important;
        text-align: left !important;
        padding: 12px 7% !important;
        margin: 0 !important;
    }

    .product-details-short,
    .product-request-form {
        padding: 0 7% !important;
        width: auto !important;
    }

    .product-result-box > ul > li,
    .p-view-box-div-4 > ul > li {
        width: 100%;
    }

    .breadcrumbs > li > a,
    .breadcrumbs > li > span {
        font-size: 12px;
    }

    .mainpage-header > ul {
        border: none !important;
        padding: 12px 7% !important;
        margin: 0 !important;
    }

    .mainpage-header > ul > li {
        width: 100% !important;
        display: block !important;
        padding: 10px 0 !important;
    }

    .mainpage-header > ul > li > p {
        padding: 0 !important;
    }

    /* Mainpage subheader */
    .mainpage-subheader {
        text-align: left !important;
        padding: 12px 0;
    }
    
    .mainpage-subheader > ul {
        margin: 0 !important;
        padding: 12px 7% !important;
        border: none !important;
    }
    
    .mainpage-subheader > p:nth-of-type(1) {
        font-size: 42px !important;
        font-weight: 100;
        margin: 10px 0 !important;
        text-align: left !important;
    }
    
    .mainpage-subheader > p:nth-of-type(1) > span {
        color: #e26803;
        font-weight: 400;
    }
    
    .mainpage-subheader > p:nth-of-type(2) {
        font-size: 16px !important;
    }
    
    .mainpage-subheader > ul > li {
        display: block !important;
        vertical-align: middle;
        width: 100% !important;
    }
    
    .mainpage-subheader > ul > li:first-of-type {
        padding-bottom: 14px !important;
    }
    
    .mainpage-subheader > ul > li > h2 {
        font-size: 20px !important;
        font-weight: 600 !important;
        text-align: left !important;
    }
    
    .mainpage-subheader > ul > li > p {
        font-size: 20px !important;
        text-align: left !important;
        padding: 0 !important;
    }
    
    .mainpage-subheader > ul > li > ul {
        margin-left: 26px;
        padding: 12px 7% !important;
        list-style: disc;
        color: #232323;
    }

    .deco-circle {
        position: absolute !important;
        left: -3%;
        top: -18px;
    }

    .black-section-box > .newcenter-box > .newfields-3 > li {
        width: 100% !important;
        display: block;
    }
    
    footer > div {
        padding: 0 7% !important;
    }
    
    footer > div .newfields-3 > li {
        padding: 0 !important;
    }

    .consulting-box {
        padding: 0 7% !important;
    }

    .consulting-box > ul > li {
        width: 100% !important;
    }

    .consulting-box .consulting-request-form {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
  }


  /* ===== Mobile Styling (max-width: 600px is just an example) ===== */
  @media screen and (max-width: 500px) {
    /* The default .topnav-new state hides all links except the first one (logo) and the hamburger icon */
    .topnav-new ul li:not(:first-child) {
      display: none;  
    }

    .topnav-new ul {
        display: block; /* Horizontal layout by default */
        text-align: center !important;
    }
  
    /* Display the hamburger icon on small screens */
    .topnav-new ul li.icon {
      display: inline-block;
      margin-left: auto; /* Push to the far right if desired */
      padding: 0 !important;
    }
  
    /* When toggled to "responsive": show the rest of the links in a vertical stack */
    .topnav-new.responsive ul li {
      display: block;
      margin-right: 0;
      text-align: left;
      font-size: 20px;
      color: #232323;
      padding: 2px 0;
    }

    .topnav-new.responsive ul li > a {
      text-decoration: none;
      color: #232323;
    }
    
    .topnav-new.responsive ul li > a:hover {
      color: #e26803
    }
    
    .topnav-new ul li:first-of-type {
        width: 100%;
        padding: 0 !important;
    }
    
    .topnav-new ul li:first-of-type > a {
        padding: 0 !important;
    }
    
    .supportnav {
        padding-right: 0 !important;
    }

    .topnav-new ul li {
        padding: 8px 0;
        text-align: center !important;
    }

    .support-dropdown > .dropbtn {
        cursor: pointer;
    }

    .topnav-new li {
        margin: 0 !important;
    }

    .topnav-new li a {
        padding: 8px 0 !important;
    }

    .supportnav > a {
        float: left !important;
    }

    .support-dropdown {
        float: left !important;
    }

    .support-dropdown.responsive > .support-dropdown-content {
        width: 100%;
    }
    
    .support-dropdown.responsive > .dropbtn {
        cursor: pointer;
    }

    .support-dropdown.responsive > .support-dropdown-content {
        display: block;
    }

    .mainpage-header h1 {  
        font-size: 32px !important;
        text-align: left !important;
        padding: 12px 7% !important;
        margin: 0 !important;
    }

    .mainpage-header > ul {
        border: none !important;
        padding: 12px 7% !important;
        margin: 0 !important;
    }

    .mainpage-header > ul > li {
        width: 100% !important;
        display: block !important;
        padding: 10px 0 !important;
    }

    .mainpage-header > ul > li > p {
        padding: 0 !important;
    }

    /* Mainpage subheader */
    .mainpage-subheader {
        text-align: left !important;
        padding: 12px 0;
    }
    
    .mainpage-subheader > ul {
        margin: 0 !important;
        padding: 12px 7% !important;
        border: none !important;
    }
    
    .mainpage-subheader > p:nth-of-type(1) {
        font-size: 42px !important;
        font-weight: 100;
        margin: 10px 0 !important;
        text-align: left !important;
    }
    
    .mainpage-subheader > p:nth-of-type(1) > span {
        color: #e26803;
        font-weight: 400;
    }
    
    .mainpage-subheader > p:nth-of-type(2) {
        font-size: 16px !important;
    }
    
    .mainpage-subheader > ul > li {
        display: block !important;
        vertical-align: middle;
        width: 100% !important;
    }
    
    .mainpage-subheader > ul > li:first-of-type {
        padding-bottom: 14px !important;
    }
    
    .mainpage-subheader > ul > li > h2 {
        font-size: 20px !important;
        font-weight: 600 !important;
        text-align: left !important;
    }
    
    .mainpage-subheader > ul > li > p {
        font-size: 20px !important;
        text-align: left !important;
        padding: 0 !important;
    }
    
    .mainpage-subheader > ul > li > ul {
        margin-left: 26px;
        padding: 12px 7% !important;
        list-style: disc;
        color: #232323;
    }

    .deco-circle {
        position: absolute !important;
        left: -7%;
        top: -18px;
    }

    .product-group-3-tiles {
        padding: 0 7% !important;
    }

    .product-group-3-tiles > ul > li {
        display: block !important;
        margin: 12px 0 !important;
        width: 100% !important;
    }

    .product-group-tile > a > div:first-of-type,
    .product-group-tile-guide > a > div:first-of-type {
        height: 168.5px !important;
    }

  }


.consulting-request-form {
    margin: 0 !important;
    padding: 0 !important;
    list-style: none;
    width: 96%;
}

.consulting-request-form {
    margin: 0 !important;
    padding: 0 2% !important;
}

.consulting-request-form > li {
  padding: 10px 0;
}

.consulting-request-form > li > div > form {
  padding: 0;
  margin: 0;
}

.consulting-request-form > li > div > form > div > input[type=submit] {
  padding: 12px;
  width: 100%;
  text-align: center;
  background-color: #fb780e;
  border-radius: 4px;
  border-style: none;
  font-family: 'Source Sans Pro', sans-serif !important;
  color: #fff;
  font-size: 20px;
  font-weight: 600;
  -webkit-transition:	all .3s ease;
  -moz-transition:	all .3s ease;
  -o-transition:		all .3s ease;
  -ms-transition:		all .3s ease;
  transition:		    all .3s ease;
}

.consulting-request-form > li > div > form > div > input[type=submit]:hover {
  background-color: #e26803;
  cursor: pointer;
}

.consulting-request-form-submit-button > input:hover {
    background-color: #e26803;
    cursor: pointer;
}

.consulting-request-form-submit-button > input {
    padding: 12px;
  width: 100%;
  text-align: center;
  background-color: #fb780e;
  border-radius: 4px;
  border-style: none;
  font-family: 'Source Sans Pro', sans-serif !important;
  color: #fff;
  font-size: 20px;
  font-weight: 600;
  -webkit-transition:	all .3s ease;
  -moz-transition:	all .3s ease;
  -o-transition:		all .3s ease;
  -ms-transition:		all .3s ease;
  transition:		    all .3s ease;
}

.consulting-request-form-email,
.consulting-request-form-name,
.consulting-request-form-country,
.consulting-request-form-phone {
    padding: 10px 0;
    margin: 0;
}

.consulting-request-form-email > div,
.consulting-request-form-name > div,
.consulting-request-form-country > div,
.consulting-request-form-phone > div {
    margin: 0 auto;
}

.consulting-request-form-email > div > input[type=email],
.consulting-request-form-name > div > input[type=text],
.consulting-request-form-country > div > select,
.consulting-request-form-phone > div > select,
.consulting-request-form-phone > div > input[type=tel] {
    width: 100%;
    font-size: 18px !important;
    height: 36px;
    color: #232323;
    font-family: 'Source Sans Pro', sans-serif;
    text-align: left;
    border: 1px solid #fff;
    background-color: #f9f9f9;
    outline: none !important;
}

.consulting-request-form-email > div > input[type=email]:focus,
.consulting-request-form-name > div > input[type=text]:focus,
.consulting-request-form-country > div > select:focus,
.consulting-request-form-phone > div > select:focus,
.consulting-request-form-phone > div > input[type=tel]:focus {
    outline: none !important;
    border:1px solid #e26803;
    box-shadow: 0.05em 0 .3em #7a7672,-0.05em 0 .3em #7a7672;
}

.consulting-request-form-textarea {
    padding: 10px 0;
    margin: 12px 0;
}

.consulting-request-form-textarea > div {
    width: 100%;
}

.consulting-request-form-textarea > div > textarea {
    width: 100%;
    height: 150px !important;
    font-size: 18px !important;
    height: 36px;
    border-top: 1px solid #fff;
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
    background-color: #f9f9f9;
    color: #232323;
    font-family: 'Source Sans Pro', sans-serif;
    text-align: left;
    resize: vertical;
}

.consulting-request-form-textarea > div > textarea:focus {
    outline: none !important;
    border:1px solid #e26803;
    box-shadow: 0.05em 0 .3em #7a7672,-0.05em 0 .3em #7a7672;
}
  
.consulting-request-form-number-input {
    display: inline-flex;
    width: 100%;
}
  
  .consulting-request-form-number-input,
  .consulting-request-form-number-input * {
    box-sizing: border-box;
  }
  
  .consulting-request-form-number-input button {
    -webkit-appearance: none;
    outline:none;
    background-color: transparent;
    border: none;
    align-items: center;
    justify-content: center;
    vertical-align: middle;
    width: 22%;
    cursor: pointer;
    margin: 0;
    position: relative;
  }
  
  .consulting-request-form-number-input button:after {
    display: inline-block;
    position: absolute;
    font-family: "Font Awesome 5 Free"; 
    font-weight: 600;
    content: '\f077';
    transform: translate(-50%, -50%) rotate(180deg);
  }
  .consulting-request-form-number-input button.plus:after {
    transform: translate(-50%, -50%) rotate(0deg);
  }
  
  .consulting-request-form-number-input input[type=number] {
    font-family: 'Source Sans Pro', sans-serif;
    max-width: 54%;
    padding: 0;
    border: solid #ddd;
    border-width: 0 2px;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
  }

.consulting-request-form-text {
    font-size: 20px;
    font-family: 'Source Sans Pro', sans-serif;
}

.consulting-request-form-product-quantity {
    font-size: 20px;
}

.consulting-box {
    margin: 0;
    padding: 0;
}

.consulting-box > ul {
    margin: 0 !important;
    padding: 0;
    list-style: none;
    width: 100%;
    text-align: center;
}

.consulting-box > ul > li {
    width: 29%;
    padding: 16px 2% !important;
    display: inline-block;
    text-align: left;
    vertical-align: top;
}

.consulting-box > ul > li > div {
    text-align: left !important;
}

.consulting-box > ul > li > span {
    font-size: 56px !important;
}

.consulting-box > ul > li > h3 {
    text-transform: uppercase !important;
    font-size: 26px;
    font-weight: 400;
}
 
.consulting-box > ul > li > div > p {
    padding: 12px 0 !important;
    text-align: left !important;
    font-size: 20px !important;
}

.product-group-3-tiles-guide > ul > li:last-of-type {
    margin-right: 0 !important;
    margin-top: 6px;
}

.product-group-3-tiles-guide {
    padding: 6px 7%;
    height: 337px;
}

.product-group-3-tiles-guide > ul {
    margin: 0 !important;
    padding: 0 !important;
    list-style: none;
    width: 100%;
}

.product-group-3-tiles-guide > ul > li {
    display: inline-block;
    margin-right: 6px;
    padding: 0 !important;
    vertical-align: top;
    float: left;
}

.all-entries {
    padding: 24px 7%;
    text-align: center;
}

.all-entries > a {
    font-size: 22px;
    font-weight: 600;
}

.td-subtext > span {
    font-size: 14px !important;
}

.spec-overview-table > tbody > tr > .center-important {
    text-align: center !important;
}

.guide-mini-image > figure > img {
    width: 180px;

}

.guide-mini-image > figure {
    text-align: left;
    margin: 0;
    padding: 0;
}

.guide-image > figure > img {
    width: 80%;

}

.guide-image > figure {
    text-align: center;
    margin: 0;
    padding: 0;
}

.product-request-form-phone {
    padding: 10px 0;
    margin: 12px 0;
}

.product-request-form-phone > div {
    margin: 0 auto;
}

.product-request-form-phone > div > input[type=tel] {
    width: 100%;
    font-size: 18px !important;
    height: 36px;
    color: #232323;
    font-family: 'Source Sans Pro', sans-serif;
    text-align: left;
    border: 1px solid #fff;
    background-color: #f9f9f9;
    outline: none !important;
}

.product-request-form-phone > div > input[type=tel]:focus {
    outline: none !important;
    border:1px solid #e26803;
    box-shadow: 0.05em 0 .3em #7a7672,-0.05em 0 .3em #7a7672;
}