html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}

body {
    line-height: 1.5;
}

#mainHeader #mainHeaderInner {
    padding: 20px 0 !important;
}
/*#mainHeader.scroll #mainHeaderInner {
    padding: 10px 0 !important;
}*/
.shopArea .innerWrapper h2.product-select-title{
    margin-top: 100px;
}

.ctaArea {
    display: inline-block;
    font-size: 18px;
    color: #003A78;
    padding-top: 5px;
    justify-content: center;
}

.ctaArea .icon {
    margin-right: 10px;
    font-size: 26px;
    vertical-align: middle;
 
}
.shopArea .rightSide {
    margin-top: 25px;
}

.modal-epa {
    width: 100%;
    height: 120%;
    background: rgba(0, 0, 0, 0.5);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10000000;
    overflow: hidden;
    height: 100vh;
    display: none;
    
   
}
.modal-nfdm {
    width: 100%;
    height: 120%;
    background: rgba(0, 0, 0, 0.5);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10000000;
    overflow: hidden;
    height: 100vh;
    display: none;
   
}

.modal-content{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: 700px;
    background-color: #fff;
    padding: 60px;
    color: #3C4650;
   /* height: 75%;*/
    height:63%;
    overflow-y: auto;
    font-size: 16px;
    text-align: left;
    line-height: 28px;
    font-family: "OpenSans", sans-serif;
   
    /*font-weight: 400;*/
    
}

.modal-content .leftContent{
    display: none !important;
}
.modal-content .rightContent.desc{
    width: 65% !important;
    padding-left:0px !important;
}
.modal-product-wrapper{
    display: inline-flex;
}
.modal-content .rightContent.price{
    display: inline-block;
}
.modal-content .price{
    font-size: 16px  !important;
    color: #65b32e !important;
}
.modal-content .price.tax{
    color: #8C91A0 !important;
    font-size: 14px !important;
}
.shopArea .modal-content .divider{
    border-bottom: 1px solid rgba(140, 145, 160, 0.25) !important;
    margin-top:10px !important;
    margin-bottom: 20px !important;
    display:block !important;
    
}
.modal-content .modal-notice{
    background-color: rgba(248, 248, 248, 1);
   /*width:100%;*/
    padding: 20px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 30px;
    
}
.shopArea .modal-content h3.product-number-title{
    margin-top:35px;
    margin-bottom:35px;
}

.modal-content .kt-upgrades h3:first-child {
    padding-top: 0px !important;
}
.modal-content .kt-upgrades .nfdm-wrapper{
    padding: 0px;
}
.nfdm-more-info-epa,
.nfdm-more-info-epa .icon {
    cursor: pointer;
    color: #0096D4 !important;
}
.nfdm-more-info-ptv3,
.nfdm-more-info-ptv3 .icon {
    cursor: pointer;
    color: #0096D4 !important;
}
.modal-content h4{
    margin-top: 20px;
}
.modal-content strong{
    color: #3C4650;
    font-weight: 700;
}
.modal-content ul{
    list-style: none;
}
.modal-content .modal-list-icon{
    font-size:8px !important;
    margin-right: 7px;
    color:#3C4650;
    vertical-align:middle;
}
.close-modal-icon{
    position: absolute;
    top: 50px;
    right: 50px;
    font-size:30px !important;
    cursor: pointer;

}
.progress{
    width: 325px;
    margin-left: 110px;
    margin-right: auto;
    display: inline-flex;
    align-items: center;

}
.step,
.step-divider{
    width:90px;

    text-align: center;
    
}
.step-divider{
    width:50px;
    background-color: #d7d7d7;
    height: 2px;
    margin-top: -18px;
}
.step .progress-batch{
    height:30px;
    width:30px;
    background-color:#fff;
    border-radius:50%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    display: inline-grid;
    align-items: center;
    color: #D7D7D7;
    font-size: 14px;
    border: 1px solid #D7D7D7;;
    
}
.active-step .progress-batch{
    background-color:#65b32e;
    border: 1px solid #65b32e;
    color: #fff;
}
.active-step.step-divider{
    background-color:#65b32e;
}
.step .progress-name{
    margin-top: 5px;
    display: block;
    font-size: 12px;
    font-weight: 650;
    color: rgb(140, 145, 160);
}

.shopArea {
    line-height: 20px;
    
}

.shopArea strong{
    font-family: "OpenSans", sans-serif;
    font-weight: 650;
    
}

.shopArea .leftSide .product {
    font-size:14px;
    color:#8C91A0 !important;
    line-height: 20px;
    
}
.shopArea h3.product-number-title{
    margin-top:55px !important;
}

.bsnr-product-wrapper{
    margin-bottom:15px !important;
}
.submitError{
    border: 1px solid rgba(140, 145, 160, 0.25);
    text-align: center;
    padding: 20px;
    margin-top: -22px !important;
    font-size: 14px;
    color: #FF3E12;
    line-height: 20px;
    background-color: rgba(255, 235, 231, 1);
}
.cherry-error-messege{
    border: 1px solid rgba(140, 145, 160, 0.25);
    text-align: center;
    padding: 20px;
    font-size: 14px;
    color: #FF3E12;
    line-height: 20px;
    background-color: rgba(255, 235, 231, 1);
    border-bottom: none;
}
.nfdm-extra-class-checker .productImage{
    background: transparent !important;
    
}
.nfdm-extra-class-checker{
    padding: 20px;
}
.nfdm-extra-class-checker .productList.hint{
    padding-bottom: 30px;
}
.nfdm-extra-class-checker .fa-circle{
    font-size: 7px;
}
.nfdm-extra-wrapper .rightContent.desc .icon,
.nfdm-extra-wrapper .price,
.nfdm-extra-wrapper .price-tax,
.nfdm-extra-wrapper h3,
.nfdm-extra-wrapper li{
    color: #d7d7d7 !important;
}
.nfdm-extra-wrapper .minus,
.nfdm-extra-wrapper .plus{
 cursor: default !important;
}

.nfdm-extra-wrapper .minus:hover,
.nfdm-extra-wrapper .plus:hover{
    background-color: #D7D7D7 !important;
}
.nfdm-extra-wrapper .checkBox{
    border: 1px solid #d7d7d7 !important;
}
.shopArea .rightContent.desc .icon {

    left:-22px !important;
    font-size:16px !important;
}


.notice-text-wrapper{
    color: #64B42D !important;
    line-height: 20px;
    background-color: rgba(100, 180, 45, 0.0980392156862745);
    padding: 20px;
    border: 1px solid rgba(140, 145, 160, 0.25);
    margin-bottom: 20px;
    text-align: center;

}

.notice-text{
    width: 75%;
    margin-right: auto;
    display: block;
    margin-left: auto;


}
.shopArea .divider {
    border-bottom: 1px dashed rgba(140, 145, 160, 0.25) !important;
    background: transparent !important;
}
a.download,
a.download .icon{
    color: #0096D4 !important;
}
.product.kt-upgrades.kt-pd-btm {
    padding-bottom:30px !important;
    
}
.nfdm-wrapper.kt-pd-top{
    padding-top: 30px !important;
}
.ja-ti-display{
    display:none;
    padding-bottom: 40px;
    border-bottom: 1px dashed rgba(140, 145, 160, 0.25);
}
.ja-ti-display div{
    width:75%;
    margin-right: auto;
    display: block;
    margin-left: auto;
    text-align: center;
}
.ja-ti-display p{
    margin-bottom: 20px;;
}
.ja-ti-display a{
    background-color: rgba(100, 180, 45, 1);
    border: none;
    border-radius: 3px;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-weight: 650;
    font-size: 14px;
    color:#fff;
    text-decoration: none;
    padding: 17px 42px;
    display: inline-block;
    margin-bottom: 10px;
}
.kt-upgrades{
    padding:0px !important;
}
.kt-upgrades h3:first-child{
    padding-top:30px;
}
.kt-upgrades-radio-heading{
    padding-left:20px;
}
.kt-upgrades h3{
    font-size: 18px !important;
    padding-right: 20px;
}
.kt-upgrades .nfdm-wrapper{
    padding-left:20px;
    padding-right: 20px;
    padding-top: 30px;
}
.notice-text-wrapper#grey-border{
    border:1px solid rgba(100, 180, 45, 1) !important;
    color: #64B42D !important;
}
.notice-text-wrapper#grey-border a{
    color: #65b32e !important;
    text-decoration: none !important;
}
.notice-text-wrapper#grey-border a:hover{
    color: #78d537 !important;
}
.notice-text-wrapper#grey-border i{
    margin-left:3px;
} 
.product.kt-upgrades label{
    padding-left:10px;
}
.shopNotes li a{
    color: #0096D4;
}


.clearfix::after {
    content: "";
    clear: both;
    display: table;
  }
  
.box .tax{
    color: #8C91A0 !important;
    font-size: 14px !important;
    padding-bottom: 10px !important;
}

.shopArea .leftSide .product .rightContent .checkBox.checked:after {
    font-family: 'Font Awesome 5 Pro' !important;
}

.thank-you-divider{
    width: 150px;
    height: 2px;
    background:  #D7D7D7;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 15px;  
}
#thanks h2 {
    margin-bottom: 20px !important;
}
.thankText .icon{
    height: 60px;
    width: 60px;
    background-color: #65b32e;
    border-radius: 50%;
    display: inline-grid;
    align-items: center;
    color: #fff;
    font-size: 40px;
    border: 1px solid #D7D7D7;
    margin-bottom: 30px;
}

#thanks .fullScreen .overlay {
    background: transparent !important;
}

@media screen and (max-width: 1060px) {
  
    .progress{
        margin-left:50px;
    }
    .modal-content{
        width: 85%;
    }

  }

  @media screen and (max-width: 992px) {
  
    .progress{
        width: 250px;
        margin-left:50px;
        float:right;
    }
    .ctaArea{
        display: none;
    }
  
  }
  @media screen and (max-width: 720px) {
 
    .progress{
        width: 150px;
        margin-left:0px;
        
    }
    .step-divider{
        width:35px;
        margin-top:0px;
    }
    .step .progress-name{
        display: none;
    }
    .modal-product-wrapper{
        display: block;
    }
 
    
  }
  @media screen and (max-width: 500px) {
 
    .progress {
        width: 250px; 
        margin-left: auto !important;
        margin-right: auto !important;
        display: flex;
        /*float: none !important;*/
       
        margin-top: 10px;

    }
    .step .progress-batch {
        width:15px;
        height:15px;
        font-size: 10px;
    }
    .logo{
        /*margin-left: 23px !important;*/
    }
    .step-divider {
        /*width: 87px;*/
        margin-top: 7px;
        margin-right: auto;
        margin-left: -55px;
    }
    .step {
        text-align: start;
    }
  }

  @media (max-width: 768px){
   .nfdm-extra-class-checker .leftContent{
       display: none !important;
   }
  }



article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}

nav ul {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
}

a {
    margin: 0;
    padding: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}

ins {
    background-color: #ff9;
    color: #000;
    text-decoration: none;
}

mark {
    background-color: #ff9;
    color: #000;
    font-style: italic;
    font-weight: bold;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom: 1px dotted;
    cursor: help;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #cccccc;
    margin: 1em 0;
    padding: 0;
}

input, select {
    vertical-align: middle;
}

input[type=text],
input[type=email],
input[type=search],
input[type=phone],
input[type=number],
input[type=submit],
select, button {
    -webkit-appearance: none;
    border-radius: 0;
}


input[type="radio"] {
    display: none;
}

input[type="radio"] + label {
    color: #8C91A0;
    font-size: 16px;
}

input[type="radio"] + label span {
    -webkit-box-shadow:inset 0 0 0 6px #003C78;
    -moz-box-shadow:inset 0 0 0 6px #003C78;
    box-shadow:inset 0 0 0 6px #003C78;
    display: inline-block;
    width: 19px;
    height: 19px;
    margin: -2px 10px 0 0;
    vertical-align: middle;
    cursor: pointer;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

input[type="radio"] + label span {
    background-color: #003C78;
}

input[type="radio"]:checked + label span {
    background-color: #FFFFFF;
}

input[type="radio"] + label span,
input[type="radio"]:checked + label span {
    -webkit-transition: background-color 0.4s linear;
    -o-transition: background-color 0.4s linear;
    -moz-transition: background-color 0.4s linear;
    transition: background-color 0.4s linear;
}

.innerWrapper {
    max-width: 1160px;
    margin: 0 auto;
}

.w50 {
    width: 50%;
}

.col3group {
    overflow: hidden;
    width: 100%;
}

.col3group .col {
    width: calc((100% - 40px) / 3);
    margin-right: 20px;
    float: left;
}

.col3group .col:nth-child(3n+0) {
    margin-right: 0;
}

.col2group {
    overflow: hidden;
    width: 100%;
}

.col2group .col {
    width: calc(-10px + 50%);
    margin-right: 20px;
    float: left;
}

.col2group .col:nth-child(2n+0) {
    margin-right: 0;
}

.col4group {
    overflow: hidden;
    width: 100%;
}

.col4group .col {
    width: calc((100% - 60px) / 4);
    margin-right: 20px;
    float: left;
}

.col4group .col:nth-child(4n+0) {
    margin-right: 0;
}

.changeImage {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.25);
    z-index: 555;
}

.changeImage.t10 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.1);
}

.changeImage.t20 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.2);
}

.changeImage.t30 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.3);
}

h1 {
    font-size: 42px;
}

h1, h2 {
    font-weight: 600;
    line-height: 125%;
}

h2.withSmall {
    font-size: 36px;
    color: #1E325F;
    font-weight: 200;
}

h2.withSmall small {
    margin-top: 10px;
    font-size: 30px;
    font-weight: 200;
    color: #8C91A0;
    display: block;
    margin-bottom: 40px;
}

h2.blue {
    color: #1E325F;
}

h2.blue.withSmall small {
    color: #8C91A0;
}

p.blue {
    color: #1E325F;
}

.green {
    color: #65b32e;
}

.lightgrey {
    color:rgb(140, 145, 160);
}

.hidden {
    display: none;
}

input[type=text],
input[type=email],
input[type=number] {
    width: 100%;
    height: 50px;
    border: 1px solid rgba(140, 145, 160, 0.25);
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: border-color 0.5s ease;
    -moz-transition: border-color 0.5s ease;
    -ms-transition: border-color 0.5s ease;
    -o-transition: border-color 0.5s ease;
    transition: border-color 0.5s ease;
    padding: 0 10px;
    font-size: 15px;
    font-family: "OpenSans", sans-serif;
    color: #8C91A0;
    margin-bottom: 20px;
    outline: none;
}

input[type=text]:focus,
input[type=email]:focus,
input[type=number]:focus {
    border: 1px solid #8C91A0;
}

input[type=text].miniWidth,
input[type=email].miniWidth,
input[type=number].miniWidth {
    width: 100px;
    margin-right: 20px;
    display: inline-block;
}

input[type=text].mediumWidth,
input[type=email].mediumWidth,
input[type=number].mediumWidth {
    width: calc(100% - 125px);
    display: inline-block;
}

input[type=text].error,
input[type=email].error,
input[type=number].error {
    border-color: red;
}

input[type=radio] {
    margin-bottom: 20px;
    margin-top: 15px;
}

label {
    margin-right: 20px;
    margin-left: 10px;
    color: #1E325F;
    font-size: 14px;
    margin-bottom: 30px;
    display: inline-block;
}

.checkBoxArea {
    overflow: hidden;
}

.checkBoxArea input[type=checkbox] {
    float: left;
}

.checkBoxArea label {
    float: left;
    width: calc(100% - 70px);
    font-weight: 400;
    font-style: normal;
    font-size: 15px;
    line-height: 22px;
    -webkit-transition: color 0.5s ease;
    -moz-transition: color 0.5s ease;
    -ms-transition: color 0.5s ease;
    -o-transition: color 0.5s ease;
    transition: color 0.5s ease;
}

.checkBoxArea label.error {
    color: red;
}

.checkBoxArea label a {
    color: #8C91A0;
    text-decoration: none;
    -webkit-transition: color 0.5s ease;
    -moz-transition: color 0.5s ease;
    -ms-transition: color 0.5s ease;
    -o-transition: color 0.5s ease;
    transition: color 0.5s ease;
}

.checkBoxArea label a:hover {
    color: #1E325F;
}

.bigSubmit {
    background: #65b32e;
    color: #fff;
    font-size: 16px;
    font-family: "OpenSans", sans-serif;
    display: block;
    width: 100%;
    height: 70px;
    text-align: center;
    border: 0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    text-transform: uppercase;
    -webkit-transition: background 0.5s ease;
    -moz-transition: background 0.5s ease;
    -ms-transition: background 0.5s ease;
    -o-transition: background 0.5s ease;
    transition: background 0.5s ease;
    cursor: pointer;
    outline: none;
}

.bigSubmit.disabled {
    opacity: .5;
}

.submitError {
    color: red !important;
    font-size: 12px;
    margin: 10px 0;
    display: none;
    line-height: 20px !important;
}

.bigSubmit:hover {
    background: #78d537;
}

::selection {
    background: transparent;
}

::-moz-selection {
    background: transparent;
}

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

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

html, body {
    color: #fff;
    font-family: "OpenSans", sans-serif;
}

.desktopDisplayNone {
    display: none;
    cursor: pointer;
}

#mainHeader {
    position: fixed;
    top: 0;
    width: 100%;
    background: #fff;
    z-index: 9999;
}

#mainHeader:after {
    position: absolute;
    content: '';
    width: 100%;
    height: 1px;
    left: 0;
    background: rgba(140, 145, 160, 0.25);
}

#mainHeader #topLine {
    width: 100%;
    height: 10px;
    background: #013B79;
}

#mainHeader #topInfo {
    width: 100%;
    height: 30px;
    border-bottom: 1px solid rgba(140, 145, 160, 0.25);
    line-height: 1.5;
}

#mainHeader #topInfo p {
    font-size: 11px;
    font-family: "OpenSans", sans-serif;
    color: #8C91A0;
    text-align: center;
    padding-top: 7px;
}

#mainHeader.scroll #mainHeaderInner {
    padding: 10px 0;
}

#mainHeader #mainHeaderInner {
    max-height: 130px;
    padding: 40px 0;
    overflow: hidden;
    background: #fff;
    -webkit-transition: padding 0.25s ease;
    -moz-transition: padding 0.25s ease;
    -ms-transition: padding 0.25s ease;
    -o-transition: padding 0.25s ease;
    transition: padding 0.25s ease;
}

#mainHeader #mainHeaderInner .v-divider{
    float: left;
    height: 55px;
    width: 1px;
    background: rgba(140, 145, 160, 0.25);
    margin-left: 15px;
    margin-top: -2px;
}
#mainHeader #mainHeaderInner .logo {
    width: 143px;
    height: 23px;
    background: url("../images/frey-logo.png") center center no-repeat;
    background-size: contain;
    float: left;
    margin-top: 10px;
}
#mainHeader #mainHeaderInner .logo-provider{
    width: 160px;
    height: 30px;
    background: url("../images/freyLogo_QUINCY.png") center center no-repeat;
    background-size: contain;
    float: left;
    margin-top: 5px;
}

#mainHeader #mainHeaderInner .ctaArea {
    float: right;
}

#mainHeader #mainHeaderInner .ctaArea .topCtaBtn {
    background: #65b32e;
    color: #fff;
    border-radius: 3px;
    padding: 15px 50px 15px 30px;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
    font-family: "OpenSans", sans-serif;
    font-size: 16px;
    position: relative;
    display: inline-block;
    -webkit-transition: background 0.5s ease;
    -moz-transition: background 0.5s ease;
    -ms-transition: background 0.5s ease;
    -o-transition: background 0.5s ease;
    transition: background 0.5s ease;
}

#mainHeader #mainHeaderInner .ctaArea .topCtaBtn:after {
    content: '\e628';
    position: absolute;
    width: 10px;
    height: 10px;
    right: 30px;
    top: 50%;
    font-size: 10px;
    margin-top: -5px;
    font-family: "streamline-24px", sans-serif;
}

#mainHeader #mainHeaderInner .ctaArea .topCtaBtn:hover {
    background: #78d537;
}

.price-badge {
    background: #d22b27;
    width: 142px;
    height: 142px;
    border-radius: 50%;
    color: white;
    line-height: 1.5em;
    vertical-align: middle;
    text-align: center;
    display: inline-block;
    position: absolute;
    right: 0;
}

.price-badge .inner {
    margin-top: 39px;
}

.price-badge .price {
    font-size: 28px;
    font-weight: 600;
}

.price-badge .inner sup {
    top: -1.5em;
}

.bannerSection {
    margin-top: 150px;
    background: #0095F9;
    color: #1E325F;
    padding: 40px 0 60px 0;
    overflow: hidden;
    font-family: "OpenSans", sans-serif;
}

.bannerSection .innerWrapper {
    height: 100%;
}

.bannerSection .image {
    width: 50%;
    float: left;
}

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

.bannerSection .text {
    width: 45%;
    float: left;
    text-align: left;
    margin-top: 72px;
    position: relative;
}

.bannerSection .text label {
    margin-left: 0;
}

.bannerSection .text h1 {
    font-size: 48px;
    line-height: 1.2em;
    margin-bottom: 20px;
}

.bannerSection .text p {
    font-size: 30px;
    font-weight: 300;
    margin-bottom: 40px;
    line-height: 1.4;
}

.bannerSection .text .bannerCta {
    margin-top: 20px;
    background: #65b32e;
    color: #fff;
    border-radius: 3px;
    padding: 15px 50px 15px 30px;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
    font-family: "OpenSans", sans-serif;
    font-size: 16px;
    position: relative;
    display: inline-block;
    -webkit-transition: background 0.5s ease;
    -moz-transition: background 0.5s ease;
    -ms-transition: background 0.5s ease;
    -o-transition: background 0.5s ease;
    transition: background 0.5s ease;
}

.bannerSection .text .bannerCta:after {
    content: '\e628';
    position: absolute;
    width: 10px;
    height: 10px;
    right: 30px;
    top: 50%;
    font-size: 10px;
    margin-top: -5px;
    font-family: "streamline-24px", sans-serif;
}

.bannerSection .text .bannerCta:hover {
    background: #78d537;
}

.fullWidthImageContainer {
    width: 100%;
    padding: 100px 0;
    background-size: cover;
    position: relative;
    color: #fff;
}

.fullWidthImageContainer .innerWrapper {
    position: relative;
    z-index: 666;
}

.fullWidthImageContainer .innerWrapper h2 {
    font-size: 36px;
    line-height: 40px;
    margin-bottom: 20px;
}

.fullWidthImageContainer .innerWrapper p {
    font-size: 18px;
    line-height: 28px;
    margin-bottom: 20px;
}

.fullWidthImageContainer .innerWrapper .iconBox {
    overflow: hidden;
    margin: 40px 0;
}

.fullWidthImageContainer .innerWrapper .iconBox .left {
    width: 82px;
    color: #65b32e;
    font-size: 14px;
    text-align: center;
    display: block;
    float: left;
}

.fullWidthImageContainer .innerWrapper .iconBox .left .icon, .fullWidthImageContainer .innerWrapper .iconBox .left .compareTable table .iconQuestion, .compareTable table .fullWidthImageContainer .innerWrapper .iconBox .left .iconQuestion {
    font-size: 36px;
    color: #65b32e;
    font-family: "streamline-24px", sans-serif;
    width: 80px;
    height: 80px;
    display: block;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    padding-top: 22px;
    margin-bottom: 5px;
    border: 1px solid #65b32e;
    border-radius: 10px;
}

.fullWidthImageContainer .innerWrapper .iconBox .right {
    float: left;
    width: 200px;
    margin-left: 40px;
    color: #1E325F;
    font-weight: 600;
    font-size: 14px;
    text-align: center;
}

.fullWidthImageContainer .innerWrapper .iconBox .right .price {
    font-size: 36px;
    display: block;
    margin: 10px 0;
    color: #65b32e;
    font-weight: 200;
}

.fullWidthImageContainer .innerWrapper .iconBox .right small {
    font-weight: 400;
}

.fullWidthImageContainer .ctaButton {
    background: #65b32e;
    color: #fff;
    border-radius: 3px;
    padding: 15px 50px 15px 30px;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
    font-family: "OpenSans", sans-serif;
    font-size: 16px;
    position: relative;
    display: inline-block;
    -webkit-transition: background 0.5s ease;
    -moz-transition: background 0.5s ease;
    -ms-transition: background 0.5s ease;
    -o-transition: background 0.5s ease;
    transition: background 0.5s ease;
}

.fullWidthImageContainer .ctaButton:after {
    content: '\e628';
    position: absolute;
    width: 10px;
    height: 10px;
    right: 30px;
    top: 50%;
    font-size: 10px;
    margin-top: -5px;
    font-family: "streamline-24px", sans-serif;
}

.fullWidthImageContainer .ctaButton:hover {
    background: #78d537;
}

.featureSection {
    background: #ffffff;
    padding: 50px 0;
    text-align: center;
}

.featureSection .bigIcon {
    font-weight: 400;
    font-style: normal;
    font-size: 72px;
    margin-bottom: 40px;
    font-family: "streamline-24px", sans-serif;
    display: block;
    color: #003C78;
}

.featureSection h3, .featureSection h2 {
    font-size: 30px;
    line-height: 40px;
    margin-bottom: 20px;
    font-weight: 200;
    color: #8C91A0;
}

.featureSection p {
    font-size: 16px;
    line-height: 28px;
    color: #3C4650;
}

.col4groupFeature .rightText h3, .col4groupFeature .rightText p {
    color: #3C4650;
}




.twoColBackgroundCard {
    background: #e6eaef url("../images/pattern@0.5x.png");
    padding: 100px 0;
}

.twoColBackgroundCard .card {
    background: #fff;
    width: 100%;
}

.twoColBackgroundCard .card .content {
    text-align: center;
    padding: 40px 40px 20px 40px;
    color: #1E325F;
    min-height: 350px;
}

.twoColBackgroundCard .card .content.bottom {
    text-align: center;
    padding: 0 40px 40px 40px;
    color: #1E325F;
    min-height: 100px;
}

.twoColBackgroundCard .card .content.bottom p {
    min-height: 58px;
}

.twoColBackgroundCard .card .content.bottom .ctaButton {
    margin: 1em auto;
}



.twoColBackgroundCard .card .content .bigIcon {
    font-weight: 400;
    font-style: normal;
    font-size: 72px;
    margin-bottom: 40px;
    font-family: "streamline-24px", sans-serif;
    display: block;
}

.twoColBackgroundCard .card .content h3 {
    font-size: 24px;
    line-height: 36px;
    font-family: "OpenSans", sans-serif;
    color: #8C91A0;
    font-weight: 400;
    margin-bottom: 20px;
}

.twoColBackgroundCard .card .content p {
    font-size: 16px;
    line-height: 28px;
}



.twoColBackgroundCard .card .headImage {
    height: 296px;
    width: 100%;
    background-position: top center;
    background-size: cover;
    background-repeat: no-repeat;
}

.compareTable {
    width: 100%;
    padding: 100px 0;
    color: #1E325F;
}

.compareTable .sternTable {
    color: #8C91A0;
    font-size: 16px;
    vertical-align: sub;
    margin-left: 3px;
}

.compareTable table sup {
    top: 3px !important;
    position: absolute;
    color: #8C91A0;
}

.compareTable span.right {
    position: relative;
}

.compareTable .stern {
    color: #8C91A0;
    font-size: 16px;
}

.compareTable h2 {
    font-size: 36px;
    color: #1E325F;
    text-align: center;
}

.compareTable h2 small {
    margin-top: 10px;
    font-size: 30px;
    font-weight: 200;
    color: #8C91A0;
    display: block;
    margin-bottom: 40px;
}

.compareTable h3 {
    color: #1E325F;
    text-align: center;
    font-weight: normal;
    font-size: 18px;
}

.compareTable h3 small {
    font-size: 14px;
    font-weight: 200;
    color: #8C91A0;
    display: block;
    line-height: 1.2;
    margin-top: 8px;
}

.compareTable table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 40px;
}

.compareTable table tr {
    width: 100%;
    text-align: center;
    vertical-align: middle;
}

.compareTable table tr.hiddenFields {
    display: none;
}

.compareTable table tr.hiddenFields.act {
    display: table-row;
}

.compareTable table th {
    width: 22%;
    vertical-align: middle;
    padding: 0 10px;
}

.compareTable table th:first-child {
    width: 34%;
    text-align: left;
    padding: 0;
}

.compareTable table td {
    padding: 15px 0;
    border-top: 1px solid #d7d7d7;
    font-size: 14px;
    vertical-align: middle;
}

.compareTable table td:first-child {
    width: 34%;
    text-align: left;
    line-height: 1.4;
}

.compareTable table .icon, .compareTable table .iconQuestion {
    color: #65b32e;
    font-family: "FontAwesome";
    font-size: 20px;
}

.compareTable table .iconQuestion {
    font-size: 26px;
    color: #8C91A0;
    opacity: 0.5;
}

.compareTable table img {
    width: 220px;
    height: auto;
    margin: 0 0 20px 15px;
}

.compareTable table h4 {
    font-size: 18px;
    text-align: left;
    font-weight: normal;
    color: #1E325F;
}

.compareTable .buttonDiv {
    width: 100%;
    text-align: center;
}

.compareTable .buttonDiv a {
    background: #65b32e;
    color: #65b32e;
    border-radius: 3px;
    padding: 17px 50px 15px 30px;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
    font-family: "OpenSans", sans-serif;
    font-size: 16px;
    position: relative;
    display: inline-block;
    -webkit-transition: background 0.5s ease;
    -moz-transition: background 0.5s ease;
    -ms-transition: background 0.5s ease;
    -o-transition: background 0.5s ease;
    transition: background 0.5s ease;
    -webkit-transition: border-color 0.5s ease, color 0.5s ease;
    -moz-transition: border-color 0.5s ease, color 0.5s ease;
    -ms-transition: border-color 0.5s ease, color 0.5s ease;
    -o-transition: border-color 0.5s ease, color 0.5s ease;
    transition: border-color 0.5s ease, color 0.5s ease;
    background: transparent;
    border: 1px solid #65b32e;
}

.compareTable .buttonDiv a:after {
    content: '\e628';
    position: absolute;
    width: 10px;
    height: 10px;
    right: 30px;
    top: 50%;
    font-size: 10px;
    margin-top: -5px;
    font-family: "streamline-24px", sans-serif;
}

.compareTable .buttonDiv a:hover {
    background: #78d537;
}

.compareTable .buttonDiv a:hover {
    background: transparent;
    border-color: #78d537;
    color: #78d537;
}

.compareTable .buttonWrapper {
    width: 100%;
    color: #0095f9;
    margin-bottom: 50px;
    overflow: hidden;
}

.compareTable .buttonWrapper span {
    display: block;
    width: 33.33%;
    text-align: center;
    border: 1px solid #0095f9;
    float: left;
    line-height: 40px;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 13px;
}

.compareTable .buttonWrapper span:first-child {
    border-radius: 5px 0 0 5px;
}

.compareTable .buttonWrapper span:last-child {
    border-radius: 0 5px 5px 0;
}

.compareTable .buttonActive {
    color: white;
    background-color: #0095f9;
}

.compareTable .tableNotes {
    font-size: 13px;
    color: #8C91A0;
    text-align: left;
    line-height: 18px;
    margin-bottom: 40px;
    display: none;
}

.compareTable .tableNotes.act {
    display: block;
}

.compareTable .tableNotes sup {
    font-family: 'OpenSans', 'Open Sans';
    font-weight: 400;
    font-style: normal;
    font-size: 10px;
    color: #8C91A0;
    margin-right: 6px;
    vertical-align: middle;
}

.col4groupFeature {
    padding: 100px 0;
    color: #1E325F;
}

.col4groupFeature h2 {
    font-size: 36px;
    color: #1E325F;
    text-align: center;
}

.col4groupFeature h2 small {
    margin-top: 10px;
    font-size: 30px;
    font-weight: 200;
    color: #8C91A0;
    display: block;
    margin-bottom: 40px;
}

.col4groupFeature .leftIcon {
    float: left;
    width: 50px;
    font-size: 48px;
    color: #8C91A0;
    font-family: "streamline-24px", sans-serif;
    padding-top: 3px;
}

.col4groupFeature .rightText {
    float: right;
    width: calc(100% - 60px);
}

.col4groupFeature .rightText h3 {
    min-height: 48px;
    display: block;
    margin-bottom: 10px;
    font-size: 18px;
    line-height: 28px;
    color: #1E325F;
}

.col4groupFeature .rightText p {
    font-size: 16px;
    line-height: 28px;
}

.col4groupCert {
    border-top: 1px solid rgba(140, 145, 160, 0.5);
    border-bottom: 1px solid rgba(140, 145, 160, 0.5);
}

.col4groupCert .col {
    border-right: 1px solid rgba(140, 145, 160, 0.5);
    width: calc((100% - 63px) / 4);
    padding: 20px 0;
    min-height: 100px;
    text-align: center;
}

.col4groupCert .col:nth-child(4n+0) {
    border-right: 0;
}

.col4groupCert .col img {
    max-width: 100%;
    height: auto;
    margin-top: 10px;
}

.col4groupCert .col h3 {
    font-style: normal;
    font-size: 16px;
    color: #1E325F;
    text-align: left;
    font-weight: 400;
    margin-top: 15px;
    margin-bottom: 10px;
}

.col4groupCert .col p {
    font-size: 12px;
    text-align: left;
    line-height: 20px;
    color: #1E325F;
}

.col2groupProduct {
    padding: 0 0 40px 0;
}

.col2groupProduct h2 {
    text-align: center;
}

.col2groupProduct h3 {
    font-style: normal;
    font-size: 24px;
    color: #8C91A0;
    text-align: center;
    font-family: "OpenSans", sans-serif;
    margin: 10px 0 20px 0;
    font-weight: 400;
    text-align: left;
}

.col2groupProduct p {
    font-style: normal;
    font-size: 16px;
    color: #3C4650;
    font-family: "OpenSans", sans-serif;
    margin: 10px 0 20px 0;
    font-weight: 400;
    text-align: left;
}

.col2groupProduct .productImage {
    max-width: 100%;
}

.col2groupProduct .productImage img {
    max-width: 100%;
}

.col2groupProduct .productList li {
    border-top: 1px solid rgba(140, 145, 160, 0.5);
    height: 50px;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: 17px;
    color: #1E325F;
    font-weight: 600;
    font-size: 14px;
    list-style: none;
}

.col2groupProduct .productList li:last-child {
    border-bottom: 1px solid rgba(140, 145, 160, 0.5);
}

.col2groupProduct .productList li.h3 {
    min-height: 150px;
    display: block;
}

.col2groupProduct .productList li span.left {
    float: left;
    width: calc(100% - 140px);
}

.col2groupProduct .productList li span.left small {
    font-weight: 400;
    display: block;
    margin-top: 20px;
    line-height: 26px;
}

.col2groupProduct .productList li span.right {
    float: right;
    font-weight: 200;
    font-size: 14px;
    width: 140px;
    text-align: center;
}

.col2groupProduct .productList li span.right .icon, .col2groupProduct .productList li span.right .compareTable table .iconQuestion, .compareTable table .col2groupProduct .productList li span.right .iconQuestion {
    color: #65b32e;
    font-family: "FontAwesome";
    font-size: 20px;
}

.col2groupProduct .priceSection {
    margin-top: 40px;
}

.col2groupProduct .priceSection p {
    font-weight: 700;
    font-style: normal;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    color: #1E325F;
}

.col2groupProduct .priceSection p small {
    font-weight: 200;
    font-size: 14px;
}

.col2groupProduct .priceSection span.price {
    font-size: 36px;
    color: #65b32e;
    display: block;
    font-weight: 200;
    margin: 10px 0;
    text-align: center;
}

.col2groupProduct .ctaSection {
    margin-top: 60px;
    text-align: center;
}

.col2groupProduct .ctaSection a.ctaButton {
    background: #65b32e;
    color: #fff;
    border-radius: 3px;
    padding: 15px 50px 15px 30px;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
    font-family: "OpenSans", sans-serif;
    font-size: 16px;
    position: relative;
    display: inline-block;
    -webkit-transition: background 0.5s ease;
    -moz-transition: background 0.5s ease;
    -ms-transition: background 0.5s ease;
    -o-transition: background 0.5s ease;
    transition: background 0.5s ease;
}

.col2groupProduct .ctaSection a.ctaButton:after {
    content: '\e628';
    position: absolute;
    width: 10px;
    height: 10px;
    right: 30px;
    top: 50%;
    font-size: 10px;
    margin-top: -5px;
    font-family: "streamline-24px", sans-serif;
}

.col2groupProduct .ctaSection a.ctaButton:hover {
    background: #78d537;
}

.shopArea {
    padding: 100px 0;
    overflow: hidden;
}

.shopArea h2.blue {
    text-align: center;
    font-size: 36px;
    color: #1E325F;
    margin-bottom: 40px;
    line-height: 48px;
}

.shopArea h3 {
    color: #1E325F;
    font-weight: 600;
    font-size: 24px;
    margin-bottom: 20px;
}

.shopArea h4 {
    color: #1E325F;
    font-weight: 600;
    font-size: 18px;
    margin-bottom: 20px;
}

.shopArea small {
    color: #8C91A0;
    font-size: 12px;
    margin-bottom: 20px;
    display: block;
}

.shopArea .leftSide {
    width: calc((100% - 40px) / 3 * 2);
    float: left;
}

.shopArea .leftSide .product {
    border: 1px solid rgba(140, 145, 160, 0.25);
    color: #1E325F;
    padding: 20px;
    overflow: hidden;
    margin-bottom: 20px;
}

.shopArea .leftSide .product img {
    max-width: 210px;
    float: left;
}

.shopArea .leftSide .product:last-child, .shopArea .leftSide .product.last {
    margin-bottom: 60px;
}

.shopArea .leftSide .product .rightContent {
    width: calc(100% - 270px);
    float: right;
    position: relative;
}

.shopArea .leftSide .product .rightContent h3 {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 20px;
}

.shopArea .leftSide .product .rightContent p {
    font-size: 14px;
    color: #1E325F;
    line-height: 24px;
}

.shopArea .leftSide .product .rightContent .error {
    display: none;
    color: red;
}

.shopArea .leftSide .product .rightContent .checkBox {
    width: 25px;
    height: 25px;
    border: 1px solid #1E325F;
    background: transparent;
    display: block;
    position: absolute;
    left: -20px;
    cursor: pointer;
    -webkit-touch-callout: none;
    /* iOS Safari */
    -webkit-user-select: none;
    /* Chrome/Safari/Opera */
    -khtml-user-select: none;
    /* Konqueror */
    -moz-user-select: none;
    /* Firefox */
    -ms-user-select: none;
    /* Internet Explorer/Edge */
    user-select: none;
}

.shopArea .leftSide .product .rightContent .checkBox.checked {
    background: #1E325F;
}

.shopArea .leftSide .product .rightContent .checkBox.checked:after {
    content: '\f00c';
    position: absolute;
    top: 3px;
    left: 0;
    width: 100%;
    height: 100%;
    color: #fff;
    font-family: "FontAwesome", sans-serif;
    text-align: center;
}

.shopArea .leftSide .product .rightContent .price {
    font-size: 16px;
    color: #65b32e;
    margin-bottom: 10px;
}

.shopArea .leftSide .product .rightContent .price.tax {
    color: #8C91A0;
    font-size: 14px;
}

.shopArea .leftSide .product .rightContent .counter {
    margin: 10px 0;
    border: 1px solid #D7D7D7;
    width: 140px;
    overflow: hidden;
}

.shopArea .leftSide .product .rightContent .counter .plus,
.shopArea .leftSide .product .rightContent .counter .minus {
    width: 40px;
    height: 40px;
    display: block;
    float: left;
    background: #D7D7D7;
    cursor: pointer;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
    font-weight: 600;
    text-align: center;
    padding-top: 9px;
    font-size: 20px;
}

.shopArea .leftSide .product .rightContent .counter .plus:hover,
.shopArea .leftSide .product .rightContent .counter .minus:hover {
    background: rgba(140, 145, 160, 0.75);
}

.shopArea .leftSide .product .rightContent .counter .count {
    width: 60px;
    height: 40px;
    text-align: center;
    display: block;
    float: left;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: background 0.5s ease, color 0.5s ease;
    -moz-transition: background 0.5s ease, color 0.5s ease;
    -ms-transition: background 0.5s ease, color 0.5s ease;
    -o-transition: background 0.5s ease, color 0.5s ease;
    transition: background 0.5s ease, color 0.5s ease;
    padding-top: 7px;
}

.shopArea .leftSide .product .rightContent .counter .count.error {
    background: red;
    color: #fff;
}

.shopArea .leftSide form {
    border-bottom: 1px solid rgba(140, 145, 160, 0.25);
    margin-bottom: 40px;
    padding-bottom: 80px;
}

.shopArea .leftSide form .col {
    width: calc(-13px + 50%);
}

.shopArea .leftSide form .col:nth-child(2n+0) {
    float: right;
}

.shopArea .leftSide .shopNotes {
    color: #8C91A0;
    font-size: 13px;
    line-height: 18px;
}

.shopArea .leftSide .shopNotes li {
    list-style-position: outside;
    margin-left: 20px;
    margin-bottom: 0.8em;
}

.shopArea .rightSide {
    width: calc((100% - 40px) / 3);
    float: right;
}

.shopArea .rightSide.fixed {
    position: relative;
}

.shopArea .rightSide .box {
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid rgba(140, 145, 160, 0.25);
    margin: 15px 0 25px 0;
    padding: 40px 40px;
    color: #1E325F;
    text-align: center;
}

.shopArea .rightSide .box span.bigIcon {
    font-family: "streamline-24px", sans-serif;
    font-size: 48px;
    margin-bottom: 40px;
    display: block;
}

.shopArea .rightSide .box h4 {
    color: #8C91A0;
    font-size: 24px;
    font-weight: 200;
    line-height: 36px;
}

.shopArea .rightSide .box h5 {
    font-weight: 400;
    font-size: 18px;
    margin-bottom: 20px;
}

.shopArea .rightSide .box p {
    font-size: 14px;
    line-height: 26px;
}

.shopArea .rightSide .box p.price {
    font-size: 18px;
    color: #65b32e;
    margin: 5px 0;
}

.shopArea .rightSide .box.filled {
    background: #65b32e;
    border-color: #65b32e;
    color: #fff;
}

.shopArea .rightSide .box.filled h4 {
    color: #fff;
}

.shopArea .rightSide .box.kontakt h5 {
    color: #8C91A0;
    margin: 15px 0;
}

.shopArea .rightSide .box.kontakt h5 a {
    color: inherit;
    text-decoration: none;
    -webkit-transition: color 0.5s ease;
    -moz-transition: color 0.5s ease;
    -ms-transition: color 0.5s ease;
    -o-transition: color 0.5s ease;
    transition: color 0.5s ease;
}

.shopArea .rightSide .box.kontakt h5 a:hover {
    color: #1E325F;
}

#footer {
    background: #3d4650;
    color: #fff;
}

#footer .topLine {
    width: 100%;
    height: 10px;
    background: #013B79;
}

#footer .subFooter {
    padding: 80px 0;
}

#footer .subFooter img {
    max-width: 100%;
    height: auto;
    opacity: .5;
    -webkit-transition: opacity 0.5s ease;
    -moz-transition: opacity 0.5s ease;
    -ms-transition: opacity 0.5s ease;
    -o-transition: opacity 0.5s ease;
    transition: opacity 0.5s ease;
}

#footer .subFooter img:hover {
    opacity: 1;
}

#footer .subFooter p {
    font-size: 16px;
    text-transform: uppercase;
    padding: 15px 0;
    border-bottom: 1px solid rgba(140, 145, 160, 0.5);
}

#footer .subFooter ul li {
    padding: 15px 0;
    display: block;
    border-bottom: 1px solid rgba(140, 145, 160, 0.25);
}

#footer .subFooter ul li a {
    color: rgba(255, 255, 255, 0.5);
    text-decoration: none;
    display: block;
    -webkit-transition: color 0.5s ease;
    -moz-transition: color 0.5s ease;
    -ms-transition: color 0.5s ease;
    -o-transition: color 0.5s ease;
    transition: color 0.5s ease;
    position: relative;
}

#footer .subFooter ul li a:hover {
    color: #fff;
}

#footer .subFooter ul li a:hover:after {
    color: #fff;
}

#footer .subFooter ul li a:after {
    content: '\e62b';
    position: absolute;
    right: 0;
    font-size: 12px;
    font-family: "streamline-24px", sans-serif;
    color: rgba(140, 145, 160, 0.5);
    -webkit-transition: color 0.5s ease;
    -moz-transition: color 0.5s ease;
    -ms-transition: color 0.5s ease;
    -o-transition: color 0.5s ease;
    transition: color 0.5s ease;
}

#footer .copyright {
    background: #333333;
    padding: 60px 0 60px 0;
    font-size: 14px;
}

html #pdfDownload {
    background: #0099ff;
    height: auto;
    margin-top: 0;
}

html #pdfDownload .text {
    text-align: left;
    margin-top: 50px;
}

html #pdfDownload .text h2 {
    font-size: 36px;
    font-style: normal;
}

html #pdfDownload .text p {
    font-size: 30px;
    font-weight: 200;
}

html #pdfDownload .text .outline {
    background: transparent;
    border: 1px solid rgba(255, 255, 255, 0.5);
    color: rgba(255, 255, 255, 0.5);
    -webkit-transition: border 0.5s ease, color 0.5s ease;
    -moz-transition: border 0.5s ease, color 0.5s ease;
    -ms-transition: border 0.5s ease, color 0.5s ease;
    -o-transition: border 0.5s ease, color 0.5s ease;
    transition: border 0.5s ease, color 0.5s ease;
}

html #pdfDownload .text .outline:hover {
    border: 1px solid white;
    color: white;
}

.arcorForm {
    width: 100%;
    background: #fff;
    border: 1px solid rgba(140, 145, 160, 0.25);
    margin-bottom: 20px;
}

.arcorForm .headline {
    padding: 25px 80px;
    cursor: pointer;
}

.arcorForm .headline span {
    display: block;
    font-size: 16px;
    position: relative;
    color: #1E325F;
}

.arcorForm .headline span small {
    margin-bottom: 0;
}

.arcorForm .headline span span.checker {
    content: '';
    width: 25px;
    height: 25px;
    background: #fff;
    position: absolute;
    left: -55px;
    top: 0;
    border: 1px solid #1E325F;
}

.arcorForm .headline span span.checker.checked {
    background: #1E325F;
}

.arcorForm .headline span span.checker.checked:after {
    content: '\f00c';
    position: absolute;
    top: 3px;
    left: 0;
    width: 100%;
    height: 100%;
    color: #fff;
    font-family: "FontAwesome", sans-serif;
    text-align: center;
}

.arcorForm .content {
    padding: 25px;
    border-top: 1px solid rgba(140, 145, 160, 0.25);
    display: none;
}

#thanks {
   display: none;
}

html.thanks #thanks {
    display: block;
    margin-top: 0;
    padding: 50px 0 50px 0;
    color: #1E325F;
}

#thanks h2 {
    font-size: 36px;
    font-family: "OpenSans", sans-serif;
    text-align: center;
    color: #1E325F;
    margin-bottom: 10px;
    margin-top: 10px;
}

#thanks h3 {
    font-size: 30px;
    font-family: "OpenSans", sans-serif;
    text-align: center;
    color: #8C91A0;
    font-weight: 300;
    margin-bottom: 10px;
}

#thanks p {
    font-size: 16px;
    line-height: 28px;
    text-align: center;
    max-width: 600px;
    margin: 0 auto;
}

#thanks a {
    color: #8C91A0;
    text-decoration: none;
}

#thanks a:hover {
    color: rgba(140, 145, 160, 0.75);
}

#thanks .bigIcon {
    font-size: 72px;
    display: block;
    text-align: center;
    color: #1E325F;
    font-family: "streamline-24px", sans-serif;
    margin-bottom: 20px;
}

#thanks .twoBtn {
    text-align: center;
    margin-top: 20px;
    margin-bottom: 50px;
}

#thanks .twoBtn a {
    font-size: 16px;
    text-transform: uppercase;
    color: #fff;
    background: #65b32e;
    border-radius: 3px;
    padding: 20px 25px;
    display: inline-block;
    text-decoration: none;
    min-width: 220px;
}

#thanks .twoBtn a.outline {
    font-size: 16px;
    text-transform: uppercase;
    color: #8C91A0;
    background: transparent;
    border-radius: 3px;
    padding: 20px 25px;
    border: 1px solid #8C91A0;
    margin-right: 20px;
    min-width: 220px;
}

#thanks .col3group {
    margin: 40px 0 20px 0;
}

#thanks .fullScreen {
    margin-top: 30px;
    position: relative;
    padding: 50px 0;
    background-size: cover;
    color: #fff;
    margin-bottom: 0;
}

#thanks .fullScreen .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 60, 120, 0.4);
}

#thanks .fullScreen .innerWrapper {
    position: relative;
    z-index: 777;
}

#thanks .fullScreen .innerWrapper h3,
#thanks .fullScreen .innerWrapper .bigIcon,
#thanks .fullScreen .innerWrapper a {
    /*color: #fff;*/
}

#thanks .fullScreen .innerWrapper span.big {
    font-size: 21px;
    display: block;
}

#thanks .fullScreen .innerWrapper .bigIcon {
    font-size: 48px;
}

html.thanks .bannerSection,
html.thanks .fullWidthImageContainer,
html.thanks .featureSection,
html.thanks .fullWidthImageContainer,
html.thanks .col4groupFeature,
html.thanks .col4groupCert,
html.thanks .col2groupProduct,
html.thanks .twoColBackgroundCard,
html.thanks .shopArea,
html.thanks .ctaArea,
html.thanks #error {
    display: none;
}

#error {
    display: none;
}

html.error #error {
    display: block;
    margin-top: 0;
    padding: 50px 0 50px 0;
    color: #1E325F;
}

#error h2 {
    font-size: 36px;
    font-family: "OpenSans", sans-serif;
    text-align: center;
    color: #1E325F;
    margin-bottom: 10px;
    margin-top: 10px;
}

#error h3 {
    font-size: 30px;
    font-family: "OpenSans", sans-serif;
    text-align: center;
    color: #8C91A0;
    font-weight: 300;
    margin-bottom: 10px;
}

#error p {
    font-size: 16px;
    line-height: 28px;
    text-align: center;
    max-width: 600px;
    margin: 0 auto;
}

#error a {
    color: #8C91A0;
    text-decoration: none;
}

#error a:hover {
    color: rgba(140, 145, 160, 0.75);
}

#error .bigIcon {
    font-size: 72px;
    display: block;
    text-align: center;
    color: #1E325F;
    font-family: "streamline-24px", sans-serif;
    margin-bottom: 20px;
}

#error .twoBtn {
    text-align: center;
    margin-top: 20px;
    margin-bottom: 50px;
}

#error .twoBtn a {
    font-size: 16px;
    text-transform: uppercase;
    color: #fff;
    background: #65b32e;
    border-radius: 3px;
    padding: 20px 25px;
    display: inline-block;
    text-decoration: none;
    min-width: 220px;
}

#error .twoBtn a.outline {
    font-size: 16px;
    text-transform: uppercase;
    color: #8C91A0;
    background: transparent;
    border-radius: 3px;
    padding: 20px 25px;
    border: 1px solid #8C91A0;
    margin-right: 20px;
    min-width: 220px;
}

#error .col3group {
    margin: 40px 0 20px 0;
}

#error .fullScreen {
    margin-top: 30px;
    position: relative;
    padding: 50px 0;
    background-size: cover;
    color: #fff;
    margin-bottom: 0;
}

#error .fullScreen .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 60, 120, 0.4);
}

#error .fullScreen .innerWrapper {
    position: relative;
    z-index: 777;
}

#error .fullScreen .innerWrapper h3,
#error .fullScreen .innerWrapper .bigIcon,
#error .fullScreen .innerWrapper a {
    color: #fff;
}

#error .fullScreen .innerWrapper span.big {
    font-size: 21px;
    display: block;
}

#error .fullScreen .innerWrapper .bigIcon {
    font-size: 48px;
}

html.error .bannerSection,
html.error .fullWidthImageContainer,
html.error .featureSection,
html.error .fullWidthImageContainer,
html.error .col4groupFeature,
html.error .col4groupCert,
html.error .col2groupProduct,
html.error .twoColBackgroundCard,
html.error .shopArea,
html.error .ctaArea,
html.error #thanks {
    display: none;
}

@media (max-width: 1200px) {

    .bannerSection .price-badge {
        right: 0;
    }

    .innerWrapper {
        max-width: 100%;
        padding: 0 40px;
        -webkit-box-sizing: border-box;
        -ms-box-sizing: border-box;
        -o-box-sizing: border-box;
        box-sizing: border-box;
    }

    .bannerSection .image {
        display: none;
    }

    .fullWidthImageContainer {
        padding: 0;
    }

    .fullWidthImageContainer .innerWrapper {
        padding-top: 2em;
        padding-bottom: 2em;
    }

    .fullWidthImageContainer .w50 {
        width: 100%;
    }

    .fullWidthImageContainer.tablet-darken .innerWrapper {
        background: rgba(0, 0, 0, 0.35);
    }

    .col4groupCert .col {
        border-right: 0;
    }

    .col4groupCert .col * {
        text-align: center !important;
    }

    .col2groupProduct .col2group .col {
        width: 100%;
        margin-right: 0;
        margin-bottom: 40px;
    }

    .shopArea .rightSide {
        display: none;
    }

    .shopArea .leftSide {
        width: 100%;
        margin-right: 0;
    }

    .shopArea .leftSide .product:last-child {
        margin-bottom: 60px;
    }

    .col4group .col {
        width: calc((100% - 40px) / 2);
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .col4group .col:nth-child(2n+0) {
        margin-right: 0;
    }
}

@media (max-width: 768px) {

    .bannerSection .text {
        width: 100%;
        margin-top: 40px;
    }

    .tabletDisplayNone {
        display: none;
    }

    .desktopDisplayNone {
        display: block;
    }

    .noBorderLR {
        border-left: none !important;
        border-right: none !important;
    }

    .compareTable .buttonDiv .topCtaBtn {
        font-size: 13px;
    }

    table tr td.hideMobileCell {
        display: none;
    }

    .innerWrapper {
        max-width: 100%;
        padding: 0 20px;
        -webkit-box-sizing: border-box;
        -ms-box-sizing: border-box;
        -o-box-sizing: border-box;
        box-sizing: border-box;
    }
}

@media (max-width: 600px) {

    .col3group .col,
    .col2group .col,
    .col4group .col {
        width: 100%;
        margin-right: 0;
        margin-bottom: 20px;
    }

    .col3group .col:last-child,
    .col2group .col:last-child,
    .col4group .col:last-child {
        margin-bottom: 0;
    }

    .col4groupFeature .col3group .col,
    .col4groupFeature .col2group .col,
    .col4groupFeature .col4group .col {
        width: 100%;
        margin-right: 0;
        margin-bottom: 20px;
    }

    .col4groupFeature .col3group .col:last-child,
    .col4groupFeature .col2group .col:last-child,
    .col4groupFeature .col4group .col:last-child {
        margin-bottom: 0;
    }

    .noBorderLR {
        border-left: none !important;
        border-right: none !important;
    }

    html .shopArea .leftSide .product img {
        
        max-width: 100% !important;
        display: block;
    }

    html .shopArea .leftSide .product:last-child {
        margin-bottom: 60px;
    }

    html .shopArea .leftSide .product .rightContent {
        width: calc(100% - 40px);
        float: none !important;
        display: block;
        margin-left: 40px;
        margin-top: 40px;
    }

    html .col2groupProduct .productList li {
        min-height: 50px;
        padding: 17px 0;
        height: auto;
        overflow: hidden;
    }
    html #mainHeader #mainHeaderInner .logo {
        margin-left: 60px;
        width: 110px;
        margin-top: 10px 
    }
   html #mainHeader #mainHeaderInner .v-divider {
       height: 45px;
        margin-left: 5px;
        margin-right: 7px
    }
    html #mainHeader #mainHeaderInner .logo-provider {
        width: 105px;
        margin-top: 6px;     
    } 
    html .fullWidthImageContainer .innerWrapper .iconBox .right {
        width: calc(100% - 100px);
        margin-left: 0;
    }

    .noBorderLR {
        border-left: none !important;
        border-right: none !important;
    }
}

@media (max-width: 480px) {
    html #mainHeader #mainHeaderInner .ctaArea .topCtaBtn {
        display: none;
    }

    .bannerSection .text h2 {
        padding: 0;
    }

    .innerWrapper {
        max-width: 100%;
        padding: 0 15px;
        -webkit-box-sizing: border-box;
        -ms-box-sizing: border-box;
        -o-box-sizing: border-box;
        box-sizing: border-box;
    }

    .bigSubmit {
        font-size: 14px;
    }

}

#topBanner {
    -ms-overflow-x: hidden;
    overflow-x: hidden;
    -ms-overflow-y: hidden;
    overflow-y: hidden;
    background-color: rgba(100, 155, 210, 1);
    background: url("../images/telematik-infrastruktur-frey.jpg") no-repeat;
    background-position: center;
    background-size: cover;
    background-attachment: scroll;
}

.fullwidthHeadline {
    border-top: 1px solid rgba(140, 145, 160, 0.25);
    padding-top: 40px;
}

.fullwidthHeadline h2 {
    text-align: center;
    font-size: 36px;
    color: #1E325F;
    margin-bottom: 40px;
    line-height: 48px;
}

#productsOverview {
    padding: 0 0 40px 0;
}

.col3groupProduct {
    padding-bottom: 100px;
}

.col3groupProduct h3 {
    display: block;
    margin-bottom: 10px;
    color: #8C91A0;
}

.col3groupProduct h5 {
    display: block;
    margin-bottom: 10px;
    font-size: 18px;
    line-height: 28px;
    color: #1E325F;
    text-align: center;
}

.col3groupProduct span {
    display: block;
    margin-bottom: 10px;
    color: #8C91A0;
    text-align: center;
}

.col3groupProduct p {
    display: block;
    margin-bottom: 10px;
    color: #3C4650;
    text-align: center;
}

.col3groupProduct .productImage img {
    width: 100%;
    height: auto;
}

.fullWidthImageContainer .productImage img {
    width: 100%;
    height: auto;
}

.ctaButton.ghost {
    color: #003C78;
    padding: 12px 22px;
    min-width: 185px;
    border: 1px solid #003C78;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    text-decoration: none;
    font-family: "OpenSans", sans-serif;
    font-size: 16px;
    position: relative;
    display: inline-block;
    -webkit-transition: background 0.5s ease;
    -moz-transition: background 0.5s ease;
    -ms-transition: background 0.5s ease;
    -o-transition: background 0.5s ease;
    transition: background 0.5s ease;
}

.ctaButton.ghost:hover, .ctaButton.ghost:active {
    background: rgba(0, 60, 120, 0.05);
}

.shopArea .productImage.icon span.bigIcon {
    font-family: "streamline-24px", sans-serif;
    text-align: center;
    font-weight: 400;
    font-style: normal;
    font-size: 48px;
    color: #649BD2;
    margin-bottom: 40px;
    display: block;
}

.shopArea .productImage {
    display: inline-block;
    width: 100px;
    height: 100px;
    background: #f2f2f2;
    line-height: 100px;
}

.shopArea .leftContent {
    display: inline-block;
}

.shopArea .rightContent.desc {
    padding-left: 20px;
}

.shopArea .rightContent.desc label {
    margin: 0 0 10px 0;
}

.shopArea .rightContent.desc ul {
    list-style: none;
    margin-left: 30px;
    margin-top: 10px;
    padding-right: 20px;
}

.shopArea .rightContent.desc p {
    padding-right: 20px;
}

.shopArea .rightContent.desc a {
    color: #8C91A0;
    text-decoration: none;
    -webkit-transition: color 0.5s ease;
    -moz-transition: color 0.5s ease;
    -ms-transition: color 0.5s ease;
    -o-transition: color 0.5s ease;
    transition: color 0.5s ease;
}

.shopArea .rightContent.desc ul li {
    position: relative;
    margin-bottom: 10px;
}

.shopArea .rightContent.desc .icon {
    color: #65b32e;
    font-family: "FontAwesome", sans-serif;
    font-size: 20px;
    position: absolute;
    left: -30px;
    top: -2px;
}

.shopArea .rightContent.desc .hint .icon, .shopArea .rightContent.desc .hint .icon span, .shopArea .rightContent.desc .hint .icon span i {
    color: #D7D7D7;
    font-style: normal;
}

.shopArea .leftSide .product.first .rightContent.price.batch {
    position: relative;
    margin-top: 30px;
}

.shopArea .leftSide .product.first .rightContent.price.batch:before {
    position: absolute;
    left: 0;
    top: -35px;
    height: 30px;
    width: 142px;
    display: inline-block;
    content: 'VORTEILSPREIS';
    text-decoration: none;
    font-family: "OpenSans", sans-serif;
    font-size: 13px;
    line-height: 27px;
    font-weight: 600;
    text-align: center;
    color: #ffffff;
    background: rgba(210, 43, 38, 1);
    display:none;
}

.shopArea .divider {
    display: inline-block;
    width: 100%;
    height: 1px;
    background: rgba(140, 145, 160, 0.25);
    margin-bottom: 20px;
    margin-top: 20px;
}

h3 sup {
    font-size: 65%;
    top: -1em;
}

@media (min-width: 767px) {
    .shopArea .leftSide .product .leftContent {
        width: 20%;
        float: left;
    }
    .shopArea .leftSide .product .rightContent.desc {
        width: calc(55% - 20px);
        float: left;
    }
    .shopArea .leftSide .product .rightContent.price {
        width: 25%;
        float: left;
    }
}

/* mobile frey */
@media (max-width: 768px) {


    .shopArea .innerWrapper h2.product-select-title{
        padding-top: 50px;
    }

    #checklist.col2groupProduct .col2group .col {
        margin-bottom: 0;
    }

    #checklist.col2groupProduct .productList li:last-child {
        border-bottom: 0;
    }

    #checklist.col2groupProduct .productList li span.right {
        width: 60px;
    }

    .bannerSection .price-badge {
        display: none;
    }

    /* .shopArea .leftSide .product.first .rightContent.price.batch {
        display: none;
    } */

    .shopArea .leftContent {
        padding-left: 40px;
        width: 100%;
    }
    html .shopArea .leftSide .product img {
        margin: 0 auto;
    }
    .twoColBackgroundCard .card .content .bigIcon {
        margin-bottom: 0;
    }
    .twoColBackgroundCard .card .content h3 {
        font-size: 18px;
        line-height: 145%;
    }
    .content p {
        word-wrap: break-word;
        min-height: 0;
    }
    .bannerSection .text h1 {
        font-size: 28px;
        line-height: 1.2em;
        margin-bottom: 20px;
    }
    .bannerSection .text p {
        font-size: 18px;
        font-weight: 300;
        margin-bottom: 40px;
        line-height: 1.4;
    }
    .bannerSection {
        margin-top: 120px;
    }
    .fullWidthImageContainer .innerWrapper {
        padding: 20px;
    }
    .twoColBackgroundCard .card .content, .twoColBackgroundCard .card .content.bottom {
        padding: 10px 20px;
        min-height: 0;
    }
    .twoColBackgroundCard .card .content p {
        font-size: 12px;
        line-height: 145%;
    }
    .shopArea h3 {
        line-height: 145%;
        font-size: 18px;
    }
    .shopArea h4 {
        line-height: 145%;
        font-size: 16px;
    }
    .ctaButton.ghost {
        font-size: 14px;
        padding: 8px 0;
        width: 100%;
        min-width: 0;
        max-width: 100%;
    }
    .twoColBackgroundCard .card .content.bottom p {
        min-height: 0;
    }
    .twoColBackgroundCard .card .headImage {
        height: 225px;
    }
    .twoColBackgroundCard, .col4groupFeature, .col3groupProduct,.shopArea {
        padding: 40px 0;
    }
    html .shopArea .leftSide .product .rightContent {
        margin-top: 20px;
        margin-left: 20px;
    }
    .shopArea .rightContent.desc ul, .shopArea .rightContent.desc p, .shopArea .leftSide .product .rightContent p {
        font-size: 12px;
        padding-right: 0;
        margin-right: 0;
    }
    .shopArea .leftSide .product .rightContent .price {
        padding-left: 20px;
    }
    .col2groupProduct h3 {
        font-size: 18px;
        line-height: 145%;
        text-align: center;
    }
    .col4groupFeature h2, .shopArea h2.blue, .fullwidthHeadline h2, .featureSection h3, .featureSection h2, .fullWidthImageContainer .innerWrapper h2  {
        font-size: 22px;
        line-height: 145%;
    }
    .col4groupFeature h2 small {
        font-size: 18px;
        line-height: 145%;
    }
    .col4groupFeature .rightText h3, .col4groupFeature .rightText p {
        font-size: 14px;
        line-height: 145%;
    }
    .bannerSection .text {
        text-align: center;
    }
    .bannerSection .text label {
        margin: 10px auto;
    }
    .featureSection .bigIcon {
        font-size: 48px;
        margin-bottom: 10px;
    }
    .shopArea input[type="radio"] + label {
        border: 1px solid rgba(140, 145, 160, 0.25);
        border-radius: 3px;
        padding: 5px 5px 5px 30px;
        font-size: 12px;
        position: relative;
    }
    input[type="radio"] + label span, input[type="radio"]:checked + label span {
        position: absolute;
        left: 5px;
        top: 6px;
    }
    /* .shopArea .leftSide .product .rightContent .checkBox.checked:after {
        top: 0;
    } */
    .col4groupFeature .col4group .col {
        margin-top: 0;
    }
    .fullWidthImageContainer .innerWrapper p {
        font-size: 16px;
        line-height: 145%;
        margin-bottom: 0;
    }
    .mobileHide {
        display: none!important;
    }
    #footer .subFooter {
        padding-top: 0;
    }
    .col4groupFeature .rightText h3 {
        min-height: 0;
    }

}

/* order */

.order .fullwidthHeadline {
    padding-top: 240px;
}
.order .shopArea {
    padding: 0;
}
.order p {
    color: #3C4650;
    margin-bottom: 20px;
}
.order .shopArea .leftSide form {
    border-bottom: 0;
}

.order table tr th {
    color: #1E325F;
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid rgba(140, 145, 160, 0.25);
}

.order table tr th:first-child {
    text-align: left;
}

.order table tr th:nth-child(3) {
    text-align: right;
}

.order table tr th:last-child {
    text-align: right;
}

.order table tr {

}

.order table tr td {
    padding-top: 10px;
}

.order table tr td:nth-child(2) {
    text-align: center;
}

.order table tr td:nth-child(3) {
    text-align: right;
}

.order table tr td:last-child {
    text-align: right;
}

.order .versandkosten {
    border-bottom: 1px solid rgba(140, 145, 160, 0.25);
    border-top: 1px solid rgba(140, 145, 160, 0.25);
}

.order .tireadycheck td {
    padding-bottom: 10px;
}

.order .versandkosten td {
    padding-bottom: 10px;
}

.order .mehrwertsteuer td {
    padding-bottom: 10px;
}

.order .gesamtsumme {
    border-top: 1px solid rgba(140, 145, 160, 0.25);
}

.order .tableMobile {
    display: none;
}

.order .tableDesktop {

}

.backBtn {
    margin-top: 5px;
}

.backBtn a {
    color: #8C91A0;
    font-size: 16px;
    text-decoration: none;
}

.backBtn a:hover {
    color: #3d4650;
}

.shopNotes a {
    color: #8C91A0;
    text-decoration: none;
}

.shopNotes a:hover {
    color: #3d4650;
}

p.checkBoxArea {
    margin-bottom: 0;
}

@media (max-width: 768px) {
    .shopArea .leftSide form .col {
        width: 100%;
    }
    .order .shopArea .leftSide form label {
        margin: 0 10px 20px auto;
    }
    .order input[type="radio"] + label span, .order input[type="radio"]:checked + label span {
        top: 6px;
    }
    .order .col3group .col, .order .col2group .col, .order .col4group .col {
        margin-bottom: 0;
    }
    .order .fullwidthHeadline {
        padding-top: 170px;
    }
    .order .tableMobile {
        display: block;
        margin-bottom: 2em;
        font-size: 70%;
    }

    .order .tableMobile table tr td {
        min-width: 25px;
    }

    .order .tableDesktop {
        display: none;
    }
    .order table tr th {
        display: none;
    }
    .order table.productstableMobile tr td:nth-child(2) {
        text-align: left;
        padding-left: 5px;
    }
    .order .tableMobile small {
        margin-bottom: 10px;
    }

    #mainHeader #mainHeaderInner .ctaArea {
        float: right;
    }
}

@media (min-width: 550px) and (max-width: 768px) {
    .shopArea .leftSide .product .rightContent {
        float: none;
    }
    .shopArea .leftSide .product .rightContent .price {
        text-align: left;
        padding-left: 20px;
    }
    .shopArea .rightContent.desc label {
        display: block;
    }
}

/**********
# DSVGO
**********/

#dsvgo-notice {
    background: #333333;
    color: #fff;
    padding: 15px 0;
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    border-top: 5px solid #013B79;
    font-size: 12px;
    z-index: 999;
}

#dsvgo-notice a:hover {
    color: #fff;
}

#dsvgo-notice a {
  color: rgba(255,255,255,.75);
  text-decoration: none;
}

#dsvgo-notice .button.orange {
    background: #65b32e;
    padding: 10px 20px ;
    display: inline-block;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
    font-weight: bold;
    color: #fff;
    margin-top: 10px;
}

#dsvgo-notice span.btn {
    font-family: 'opensans_bold';
    text-transform: uppercase;
    font-weight: bold;
    padding: 10px 20px 50px;
    font-size: 12px;
    position: relative;
    font-size: 10px;
    display: block;
}

#dsvgo-notice span.btn:hover {
    color: rgba(255,255,255,.75);

}

#dsvgo-notice span.btn:before {
    content: '';
    width: 32px;
    height: 16px;
    position: absolute;
    left: 0px;
    top: 9px;
    border-radius: 10px;
    background: #f2f2f2;
}

#dsvgo-notice span.btn:after {
    width: 14px;
    height: 14px;
    border-radius: 9px;
    background: #65b32e;
    top: 10px;
    left: 1px;
    content: '';
    position: absolute;

    transition: background .2s ease-in-out, left .2s ease-in-out;
}

#dsvgo-notice span.btn.inactive:after {
    width: 14px;
    height: 14px;
    border-radius: 9px;
    background: rgb(140, 145, 160);
    top: 10px;
    left: 17px;
    content: '';
    position: absolute;
}

input#dsvgo {
  float: left;
  width: 40px;
}

label[for="dsvgo"] {
  font-size: 12px;
  display: inline-block !important;
  float: left;
  width: calc(100% - 40px);
  color: rgb(140, 145, 160);
}

.additional-margin{
    margin-bottom: 30px !important;
}

.ptv3-order-text{
    border: 1px solid rgba(140, 145, 160, 0.25);
    color: #1E325F;
    padding: 20px;
    overflow: hidden;
    font-size: 14px;
    color: #8C91A0 !important;
    line-height: 20px;
    border-bottom:1px dashed rgba(140, 145, 160, 0.25) !important;
    text-align: center;
}

.no-border-top{
    border-top: none !important;
}

.text-inside-ptv3-order{
    color: black;
    font-weight: bold;
}

.extra-margin{
    margin-left: 130px;
    /*margin-top: 20px;*/
}

.extra-padding{
    padding-bottom: 10px;
    margin-top: 20px;
}

.go-back-link{
    text-decoration: none;
}

.padding-left{
    padding-left: 15px;
}

.error-color {
    color: #f31010;
  }
  
  .error-border {
    border: solid 1px #f31010 !important;
  }
  
  .hide {
    display: none !important;
  }
  
  .mt-1 {
    margin-top: 10px;
  }
  
  .mt-2 {
    margin-top: 20px;
  }
  
  .mt-3 {
    margin-top: 30px;
  }
  
  .mb-0 {
    margin-bottom: 0 !important;
  }
  
  .mb-2 {
    margin-bottom: 20px !important;
  }