@font-face {
    font-family: RobotoCondensed-Regular;
    src: url(''../fonts/Roboto/RobotoCondensed-Regular.ttf'') format(''truetype'');
}

@font-face {
    font-family: Roboto-Bold;
    src: url(''../fonts/Roboto/Roboto-Bold.ttf'') format(''truetype'');
}

@font-face {
    font-family: Roboto-Light;
    src: url(''../fonts/Roboto/Roboto-Light.ttf'') format(''truetype'');
}

@font-face {
    font-family: Roboto-Regular;
    src: url(''../fonts/Roboto/Roboto-Regular.ttf'') format(''truetype'');
}

#loginSection a, #passwordResetSection a {
    color: #583787 !important;
}

.step-indicator .dot.active {
    border-color: #583787 !important;
}

.step-indicator:after {
    background: #583787 !important;
}

.step-indicator .dot.active:before {
    color: #583787 !important;
}

.step-indicator .dot:after {
    border: 1px solid #583787 !important;
}

.step-indicator .dot.finished {
    border-color: #583787 !important;
    background: #583787 !important;
}

    .step-indicator .dot.finished:before {
        color: #583787 !important;
    }

.step-indicator .per-0 {
    left: 0px !important;
}

    .step-indicator .per-0:before {
        content: '0%' !important;
    }

.step-indicator .per-30 {
    left: calc(30% - 11px) !important;
}

    .step-indicator .per-30:before {
        content: '30%' !important;
    }

.step-indicator .per-60 {
    left: calc(60% - 11px) !important;
}

    .step-indicator .per-60:before {
        content: '60%' !important;
    }

.step-indicator .per-100 {
    right: 0px !important;
}

    .step-indicator .per-100:before {
        content: '100%' !important;
    }

.ui-datepicker .ui-datepicker-calendar thead {
    color: #583787 !important;
}

.ui-datepicker-calendar .ui-state-highlight {
    background: #583787 !important;
    border: 1px solid #583787 !important;
}

.ui-datepicker-calendar .ui-state-active {
    border: 1px solid #583787 !important;
}


body > main .main__title {
    color: #583787 !important;
}

input[type='radio']:checked + label:before, input[type='radio']:checked + label:after {
    color: #583787 !important;
}

.form__title {
    color: #583787 !important;
}

body {
    font-family: Roboto-Regular !important;
}

    body > main .page__title, body > header #internal-menu ul li a {
        color: #5A3889 !important;
        font-size: 18px !important;
        margin-right: 72px;
    }

    body > header #internal-menu ul li a {
        color: #000000 !important;
        text-transform: none !important;
    }

    /*-- new styles 11.12 START*/

    body > main #top h5.top__title {
        font-size: 3.5em !important;
        font-weight: 200;
        text-align: center;
    }

    body > main #top .top__sub {
        text-align: center !important;
        font-size: 1.7em !important;
        font-weight: 100 !important;
    }

.logoPlay {
    width: 50%;
    float: left;
}

    .logoPlay img {
        width: 236px !important;
        height: 50px !important;
    }

#logo a > h1 > * {
    width: 100% !important;
}

.claim-menu a {
    color: #242424 !important;
    font-style: normal;
    font-size: medium;
    text-decoration: none !important;
}

.emptyMenuItem {
    margin-left: 25px !important;
}

.claim-menu img {
    width: 35px;
    float: left;
    margin-right: 7px;
}

.claim-menu-item {
    float: right;
    height: 20px;
}

.claimItem1 {
    width: 168px !important;
}

.claimItem2 {
    width: 202px !important;
    margin-right: 10px;
}

.claim-menu-item p {
    margin-top: 10px;
}

.h1ProductOverview {
    text-align: center;
    color: white;
    font-size: 46px !important;
}

.h1ProductOverviewBottom {
    text-align: center;
    color: white;
    font-size: 26px !important;
    font-family: Roboto-Light;
    line-height: 48px;
}

.main-menu-item {
    margin-right: 5px;
}

.special {
    bottom: -45px !important;
}

    .special.bottom {
        background-image: url(/Content/oval) !important;
        background-repeat: repeat-y !important;
        background-position: center center;
        background-size: auto 100%;
        height: 80px;
    }

body > main .page__title {
    font-size: 38px !important;
    color: #583787 !important;
    margin-left: 75px;
    margin-top: 35px;
}

body > main .aboutInsuranceIntro {
    font-size: 16px;
    text-align: center;
    font-family: Roboto-Light;
}

body > main .aboutInsuranceBold {
    font-family: Roboto-Bold;
    margin-bottom: 20px !important;
}

.contentTitle {
    margin: 25px 0px 0px 0px !important;
    padding: 0px 0px 0px 0px !important;
}

body > main .page__title, body > header #internal-menu ul li a {
    margin-right: 13px !important;
}

body > main .aboutInsuranceSmallContainer ul li {
    display: inline-block !important;
    vertical-align: text-top;
}

body > main .aboutInsuranceSmallContainer {
    float: left;
    width: 50%;
    margin-top: 13px;
    padding-right: 35px !important;
    line-height: 25px;
}

    body > main .aboutInsuranceSmallContainer ul li:before {
        display: none;
    }

body > main #customer_area .customer-area_button,
body > main #regulations .customer-area_button {
    background-color: #583787 !important;
    border: 2px solid #583787 !important;
    border-radius: 0px !important;
}

    body > main #customer_area .customer-area_button:hover,
    body > main #regulations .customer-area_button:hover {
        background-color: white !important;
        color: #000000 !important;
    }

.playMainNav {
    font-family: Roboto-Light;
    background-color: #48227C;
    opacity: 0.9;
    height: 50px;
    width: 75% !important;
    float: right !important;
}

.bottomAdnotation {
    width: 100%;
    height: 85px;
    font-family: Roboto-Bold;
    font-size: 16px;
    text-align: center;
    background-color: #E8E8E8;
}

.bottomAdnotationImage {
    width: 35px;
    margin-right: 10px;
}

.bottomAdnotationText {
    padding-top: 15px;
}

.claimRequestContactDisposition {
    font-family: Roboto-Light;
    font-size: 16px !important;
    color: #242424 !important;
    letter-spacing: 0 !important;
    line-height: 24px !important;
}

.claimRequestContactHours {
    font-family: RobotoCondensed-Regular;
    font-size: 16px !important;
    color: #242424 !important;
    letter-spacing: 0 !important;
    line-height: 20px !important;
}

.claimRequestContactCompanyDescription {
    font-family: RobotoCondensed-Regular;
    font-size: 16px;
    color: #242424;
    letter-spacing: 0;
    line-height: 20px;
}

.body > main #contact .kontakt__form .checkbox-wrapper label {
    margin-top: 25px;
}

.optional-adnotation {
    margin-top: 15px;
}

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

body > main #contact .kontakt__form #Div1 textarea {
    height: 266px !important;
}

.button {
    background-color: #583787 !important;
    border: 2px solid #583787 !important;
}

    .button:hover {
        background-color: white !important;
        color: #583787 !important;
    }

.fontRoboLight {
    font-family: Roboto-Light !important;
}

.owuDocuments {
    float: right;
}

body > main #customer_area .rules-menu,
body > main #regulations .rules-menu {
    display: none;
    max-width: 280px;
    margin: 0 auto 20px;
}

    body > main #customer_area .rules-menu ul,
    body > main #regulations .rules-menu ul {
        list-style: none;
        list-style-type: none;
    }

    body > main #customer_area .rules-menu .rules-menu-item,
    body > main #regulations .rules-menu .rules-menu-item {
        padding: 0;
        margin: 30px 0 0 0;
        display: block !important;
        margin-top: 30px;
        list-style: none;
        list-style-type: none;
    }

        body > main #customer_area .rules-menu .rules-menu-item ul li:before,
        body > main #regulations .rules-menu .rules-menu-item ul li:before {
            display: none;
        }

        body > main #customer_area .rules-menu .rules-menu-item p,
        body > main #regulations .rules-menu .rules-menu-item p {
            font-size: 13px;
            font-family: Roboto-Light;
            text-align: center;
        }

body > main #customer_area .downloadButton,
body > main #regulations .downloadButton {
    width: 25px;
    border-radius: 0px !important;
}

body > main #contact .kontakt__form input[type=submit] {
    border-radius: 0px !important;
}

body > main #contact .inputFileValidator .parsley-errors-list {
    width: 353px !important;
}

body > main #contact .contact_fileUpload_button {
    width: 250px;
    height: 30px;
    font-size: 15px;
}

    body > main #contact .contact_fileUpload_button::-webkit-file-upload-button {
        background-color: #D8D8D8 !important;
        border: 2px solid #D8D8D8 !important;
        height: 30px;
        text-align: center;
    }

/*-- new styles 11.12 END */

body > main .page__title:after {
    background-color: #FFFFFF !important;
}

body > main #top .top__sub {
    color: #fff;
}

body > main #top .top__title {
    color: #fff;
}

body > main #customer_area .customer-area_button,
body > main #regulations .customer-area_button {
    font-size: 16px !important;
    text-transform: none !important;
}

footer {
    background-color: #414141;
}

body > main #contact .kontakt__form input[type=submit] {
    text-transform: none !important;
}

.subsite__popup a {
    text-transform: none !important;
}

.subsite__popup-box h3 {
    color: #000000 !important;
}

nav > ul > li:first-child > a > * {
    width: 122px !important;
    height: 49px !important;
}

#logo a > h1 > * {
    width: 60% !important;
    height: 77px !important;
}

.activeR {
    cursor: pointer;
}

.cialo path {
    fill: #000000;
}

.cialo .IDcialo {
    fill: #E2E5EA;
}

.cialo .idKreska {
    stroke: #000000;
}

.cialoA path {
    fill: #FFFFFF;
}

.cialoA .IDcialo {
    fill: #583787;
}

.cialoA .idKreska {
    stroke: #FFFFFF;
}

#points {
    fill: #583787;
}

@media (max-width: 1418px) and (min-width:1320px) {
    .app-text {
        font-size: 13px !important;
    }
}

@media (max-width: 1320px) {
    .app-text {
        font-size: 12px !important;
    }
}