* {
    outline: 0
}

.has-error {
    background-color: #ffc8c8 !important
}

.cpa_modalDefaultInput.has-error {
    background-color: #ffc8c8 !important
}

.cpa_customModalBlock {
    left: 0;
    top: 0;
    z-index: 9999999;
    width: 100%;
    height: 100%;
    position: fixed;
    background: rgba(60, 68, 86, .7)
}

.cpa_fixedModalBlock {
    z-index: 99999;
    position: fixed;
    top: 50%;
    left: 50%;
    align-items: center;
    transform: translate(-50%, -50%);
    height: 90%;
    overflow: auto;
    width: 458px;
    max-width: 95%;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -moz-box-direction: normal;
    -moz-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.cpa_innerModalBlock {
    position: relative !important;
    background-image: url(../images/cpa_modal_bg1.svg), url(../images/cpa_modal_bg2.svg);
    background-position: left top, right 0 bottom 0;
    background-repeat: no-repeat, no-repeat;
    background-color: #fff;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 45px 43px 36px 43px
}

.cpa_modalClose {
    position: absolute !important;
    top: 10px !important;
    right: 10px !important;
    -webkit-border-radius: 50% !important;
    -moz-border-radius: 50% !important;
    border-radius: 50% !important;
    width: 40px !important;
    height: 40px !important;
    line-height: 40px !important;
    background: url(../images/cpa_modal_close_icon.svg) 50% 50% no-repeat #f5f5f5 !important;
    cursor: pointer !important
}

.cpa_modalHeading {
    font-weight: 900 !important;
    font-size: 35px !important;
    line-height: 37px !important;
    text-align: center !important;
    color: #3c4456 !important
}

.cpa_modalText {
    font-weight: 300 !important;
    font-size: 16px !important;
    line-height: 19px !important;
    text-align: center !important;
    color: #6c7588 !important;
    margin-top: 15px !important
}

.cpa_modalForm {
    margin-top: 20px !important
}

.cpa_modalDefaultInput {
    background: #fafbff !important;
    border: 1px solid #9ea3ae !important;
    -webkit-border-radius: 10px !important;
    -moz-border-radius: 10px !important;
    border-radius: 10px !important;
    outline: 0 !important;
    font-weight: 300 !important;
    font-size: 16px !important;
    padding: 0 36px !important;
    height: 55px !important;
    line-height: 55px !important;
    display: block !important;
    margin-bottom: 20px !important;
    width: 100% !important;
    -webkit-box-sizing: border-box !important;
    -moz-box-sizing: border-box !important;
    box-sizing: border-box !important;
    color: #3c4456 !important
}

.cpa_modalDefaultInput::-webkit-input-placeholder {
    color: #888e9d !important
}

.cpa_modalDefaultInput:-ms-input-placeholder {
    color: #888e9d !important
}

.cpa_modalDefaultInput::placeholder {
    color: #888e9d !important
}

.cpa_modalSubmitButton {
    display: block !important;
    -webkit-box-sizing: border-box !important;
    -moz-box-sizing: border-box !important;
    box-sizing: border-box !important;
    width: 100% !important;
    background: #3485ff !important;
    -webkit-border-radius: 500px !important;
    -moz-border-radius: 500px !important;
    border-radius: 500px !important;
    border: none !important;
    outline: 0 !important;
    font-weight: 700 !important;
    font-size: 16px !important;
    text-transform: uppercase !important;
    color: #fff !important;
    height: 72px !important;
    line-height: 72px !important;
    text-align: center !important;
    cursor: pointer !important;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -ms-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s
}

.cpa_modalSubmitButton:active,
.cpa_modalSubmitButton:hover {
    background: #569aff !important;
    color: #fff !important
}

.spa_modalSubTextBlock {
    margin-top: 30px;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center
}

.cpa_modal_subText {
    font-size: 14px;
    color: #6c7588;
    position: relative;
    top: 2px
}

.cpa_modal_timeIcon {
    width: 34px;
    height: 33px;
    background: url(../images/cpa_modal_time_icon.svg) left 0 top 50% no-repeat;
    flex: none;
    margin-right: 15px
}

.cpa_modalHidden {
    display: none !important
}

.cpa_modalShadow {
    height: 30px;
    width: 90%;
    position: absolute;
    left: 5%;
    bottom: -10px;
    z-index: -1;
    background: rgba(255, 255, 255, .1);
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px
}

@media (max-width:360px) {
    .cpa_modalHeading {
        font-size: 25px !important
    }

    .cpa_modalSubmitButton {
        font-size: 14px !important;
        height: 55px !important;
        line-height: 55px !important
    }

    .cpa_modalDefaultInput {
        height: 45px !important;
        line-height: 45px !important;
        padding: 0 10px !important
    }
}

.cpa_customModalBlock input {
    float: none !important
}