/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 24.08.2018, 11:42:12
    Author     : Medienhaus Gersöne
*/

.area_prices .section_navigation .inside, 
.area_prices .section_main .article_wrapper, 
.area_prices .section_footer .inside {
    width: 1200px;
}

.pricing-table {
    margin-top: 2em;
}

.pricing-table ul {
    list-style-type: none;
    padding-left: 0;
}

.pricing-table li {
    height: 80px;
    padding: 15px 12px;
    font-size: 14px;
    text-align: left;
    background: #F8F8F8;
    line-height: 1.25;
}

.pricing-table h3 {
    padding: 20px 30px;
    text-align: center;
    color: #FFF;
    background: #0e7188; 
}

.pricing-table .tool1a h3 {
    background: #434E55;
}

.pricing-table .tool2 h3 {
    background: #183052;
}

.pricing-table .tool3 h3 {
    background: #561415;
}

.pricing-table .tool4 h3 {
    background: #41320b;
}



.pricing-table li:nth-of-type(2n+2) {
    background: #FFF;
}

.pricing-table .rs-column {
    position: relative;
    width: 18.5% !important;
    margin-right: 1.875% !important;
    margin-bottom: 2em;
    box-sizing: border-box;
    
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.2);
    overflow: hidden;
}

.pricing-table .rs-column:nth-of-type(5) {
    margin-right: 0 !important;
    -webkit-transition: .2s ease-in-out 0s;
    -moz-transition: .2s ease-in-out 0s;
    -o-transition: .2s ease-in-out 0s;
    transition: .2s ease-in-out 0s;
}

.pricing-table .rs-column:hover {
    -webkit-box-shadow: 0 2px 15px 0px rgba(0,0,0,.5);
    -moz-box-shadow: 0 2px 15px 0px rgba(0,0,0,.5);
    box-shadow: 0 2px 15px 0px rgba(0,0,0,.5);
    -webkit-transition: .2s ease-in-out 0s;
    -moz-transition: .2s ease-in-out 0s;
    -o-transition: .2s ease-in-out 0s;
    transition: .2s ease-in-out 0s;
}

.pricing-table .highlighted {
    position: absolute;
    right: 12px;
    top: 70px;
    width: 70px;
    height: 30px;
    text-align: center;
    background: #4f9f4f;
    color: #FFF;
    line-height: 30px;
    font-size: 13px;
    font-family: 'KlavikaMedium';
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 1px 2px 5px rgba(0,0,0,.3);
    -moz-box-shadow: 1px 2px 5px rgba(0,0,0,.3);
    -o-box-shadow: 1px 2px 5px rgba(0,0,0,.3);
    box-shadow: 1px 2px 5px rgba(0,0,0,.3);
/*    border: 1px solid rgba(255,255,255,.4);*/
}

.pricing-table .tool1 .highlighted {
    background: #af182c;
}

.pricing-table .plan-price-year, 
.pricing-table .plan-price-month {
    display: block;
    text-align: center;
    font-family: 'KlavikaRegular', Tahoma, Arial, Helvetiva, sans-serif;
}

.pricing-table .plan-price-month {
    padding-top: .75em;
    font-size: 48px;
    font-family: 'KlavikaMedium';
    color: #0e7188;
    border-top: 1px solid rgba(0,0,0,.05);
}

.pricing-table li:last-child {
    border-bottom: 1px solid rgba(0,0,0,.1);
}


.pricing-table li,
.pricing-table .tool1a li,
.pricing-table .tool1a .plan-price-month {
    color: #0e7188;
}

.pricing-table .tool1a li,
.pricing-table .tool1a .plan-price-month {
    color: #434E55;
}

.pricing-table .tool2 li,
.pricing-table .tool2 .plan-price-month {
    color: #183052;
}

.pricing-table .tool3 li,
.pricing-table .tool3 .plan-price-month {
    color: #561415;
}

.pricing-table .tool4 li,
.pricing-table .tool4 .plan-price-month {
    color: #41320b;
}

.pricing-table .plan-price-year,
.pricing-table .plan-price-month span {
    font-size: 14px;
    color: #888;
    font-family: 'KlavikaRegular'
    
}

.pricing-table .plan-price-year {
    margin-top: 0;
    margin-bottom: 1.5em;
}

a.pricing-table-link {
    color: #af182c;
    text-align: center;
    display: block;
    margin-bottom: 1em;
}

.area_prices .cta {
    margin-top: 1em;
    float: right;
}

.area_prices .distributor_link .text_container p a {
    font-size: 20px !important;
}

.area_prices .pricing-table .checkbox_container {
    text-align: center;
    margin-bottom: 2em;
}

.area_prices .pricing-table .checkbox_container span {
    width: 18.5%;
    margin-right: 1.875%;
    padding: 0 20px;
    float: left;
    background: #af182c;
    box-sizing: border-box;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
}

.area_prices .pricing-table .checkbox_container span:nth-of-type(5) {
    margin-right: 0;
}

.area_prices .pricing-table .checkbox_container label {
    width: 90%;
    color: #FFF;
    margin-top: -1px;
    font-size: 14px;
    font-family: 'KlavikaRegular';
    line-height: 40px;
}

.area_prices .pricing-table .checkbox_container input {
    float: left;
    margin-right: .25em;
    margin-top: 12px;
    padding-left: .5em;
    line-height: 40px;
    
}

.area_prices .seperator {
    font-family: 'KlavikaMedium';
    display: block;
    text-align: center;
}

.pricing-table p.plan-selection,
.area_prices .highlight p {
    font-size: 12px;
    padding: 15px 12px;
    margin-top: 0;
    border-bottom: 1px solid #DDD;
}

.pricing-table p.plan-selection {
    padding-top: 0;
}

.area_prices .highlight p strong {
    color: #555;
}

.area_prices .highlight {
   margin-bottom: 20px;
}

.area_prices .highlight img {
    max-width: 30px;
    margin-right: .25em;
    padding: 12px 0 12px 15px;
}

.area_prices .highlight span.server,
.area_prices .highlight span.privacy {
    color: #4f9f4f; 
}

.area_prices .highlight .accounts,
.area_prices .highlight .reports {
    height: 70px;
    background: #FAFAFA;
}

.pricing-table ul {
    margin-bottom: 0;
}

.area_prices .ce_form .mod_prices input.submit {
    margin-left: auto;
    margin-right: auto;
}

.area_prices .mod_explanation p {
    font-size: .75em;
    margin-top: 2em;
    text-align: center;
    color: #666;
    font-family: 'KlavikaRegular';
}

.area_prices .mod_prices label {
    display: none;
}

.area_prices .mod_prices .checkbox_container label {
    display: block;
}

.area_prices .mod_prices input[type="text"],
.area_prices .mod_prices input[type="email"] {
    width: 24%;
    margin-right: 1.333333333%;
    float: left;
    margin-bottom: 1em;
}

.area_prices .mod_prices input[type="email"] {
    margin-right: 0;
}

.area_prices .ce_form .mod_prices .submit_container {
    text-align: center;
}

.area_prices .ce_form .mod_prices .submit_container .submit {
    clear: both;
    display: inline-block;
    margin-top: 2em;
}

.area_prices .mod_contact_form .fieldset_selection span {
    min-height: 25px;
}

.area_prices .inivitation {
    text-align: center;
}

.pricing-table .plan-selection {
    text-align: center;
}

.pricing-table .plan-selection span {
    display: block;
    margin-bottom: 4px;
}

.pricing-table .plan-selection input[type=checkbox] {
    display: none;
}

.pricing-table .plan-selection label {
    display: block;
    height: 40px;
    width: 40px;
    margin: 0 auto;
    overflow: hidden;
    border: 5px solid #CCC;
    background: #FFF;
    border-radius: 50%;
    text-indent: 50px;
}

.pricing-table .plan-selection input[type=checkbox]:checked + label {
    background: #E7E7E7 url('../img/icon-check.png') no-repeat scroll center;
    background-size: 30px 30px;
}

.pricing-table p.plan-selection,
html:lang(en) .pricing-table .highlight,
html:lang(en) .pricing-table .features {
	display: none;
}