.indexLanding .main {
    border-radius: 4px;
    padding-top: 10px
}

.ui-autocomplete {
    z-index: 1003 !important;
    max-width: 175px !important;
}

.boxNote.error {
    z-index: 1100;
    position: relative;
}

.landingModalForm {
    position: relative;
}

.landingModalBox button.buttonDefault {
    width: 22.5em;
    max-width: 90%;
}

.landingModalBox {
    z-index: 1001;
    position: fixed;
    max-width: 42em;
    left: 0;
    right: 0;
    margin: auto;
    top: 30%;
    width: 100%;
    padding: 0 15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.landingModalForm form {
    height: auto;
    padding: 2em 0 2.5em;
}

.landingForm {
    text-align: center
}

.landingForm .formContent > li {
    margin: 1em 0;
}

.landingForm .formContent .label-el,
.landingForm .formContent label:not(.icon-radio-label):not(.error) {
    display: block;
    font-size: 1.15em;
    line-height: 2.4em;
    vertical-align: top;
}

.landingForm .formContent label.error {
    width: auto;
    line-height: 1em;
    margin: 0
}

.landingForm .formContent .icoError {
    height: 34px;
    background: url("../../power/img/pvg_sprite_icon_3.6.3.png") no-repeat scroll center -59px, -moz-linear-gradient(center top, #FE0000, #CF0000) repeat scroll 0 0 rgba(0, 0, 0, 0)
}

.landingForm .formContent label.labelSlider {
    line-height: 2.5em;
    margin-top: 13px
}

.landingForm .formContent #labelSlider {
    padding-top: 12px;
    line-height: 2.4em
}

.landingForm .formContent input:not([type="checkbox"]):not([type="radio"]),
.landingForm .formContent select {
    font: 1.4em/24px Rubik, sans-serif;
    text-align: center;
    border: 1px #ccc solid
}

.landingForm .formContent input:not([type="checkbox"]):not([type="radio"]) {
    height: 34px;
    width: 211px;
}

.powerCalculator.landingForm .form-radio-group.usg-radio-group,
.gasCalculator.landingForm .form-radio-group.usg-radio-group {
    width: 211px;
}

@media (max-width: 800px) {
    .powerCalculator.landingForm .form-radio-group.usg-radio-group,
    .gasCalculator.landingForm .form-radio-group.usg-radio-group,
    .landingForm .formContent input:not([type="checkbox"]):not([type="radio"]) {
        width: 249px;
    }
}

@media (max-width: 650px) {
    .powerCalculator.landingForm .form-radio-group.usg-radio-group,
    .gasCalculator.landingForm .form-radio-group.usg-radio-group,
    .landingForm .formContent input:not([type="checkbox"]):not([type="radio"]) {
        width: 268px;
    }
}

.landingForm .formContent input:not([type="checkbox"]):not([type="radio"]):focus {
    background-color: #DBECFF
}

.landingForm .formContent input:not([type="checkbox"]):not([type="radio"]).error:focus,
.landingForm .formContent input:not([type="checkbox"]):not([type="radio"]).error {
    background-color: #FED1D1;
    border-color: #D8000C !important
}

.landingForm .formContent .citySelect {
    height: 34px;
    margin-left: 2px;
    padding: 5px;
    vertical-align: top;
    width: 138px;
}

@media (max-width: 800px) {
    .landingForm .formContent .citySelect {
        width: 176px;
    }
}

@media (max-width: 650px) {
    .landingForm .formContent .citySelect {
        width: 195px;
    }
}

.landingForm .formContent select option {
    text-align: left
}

.landingForm .formContent .size {
    font-size: 0.85em;
    font-weight: normal;
    margin-left: 5px;
    line-height: 2em
}

.landingForm .formContent .tooltip {
    top: 35px;
    right: 10px;
    left: auto
}

.landingForm .formContent .cityLine input.city {
    border-left: none;
    display: none;
    margin-left: -2px;
    width: 142px;
}

.landingForm .formContent .withCity .jsAjaxPlz:not([type="checkbox"]):not([type="radio"]),
.landingForm .formContent .jsAjaxPlz.hadCity:not([type="checkbox"]):not([type="radio"]),
.landingForm .formContent .jsAjaxPlz.hadCity.error:not([type="checkbox"]):not([type="radio"]) {
    width: 71px;
}

.landingForm .formContent .withCity .city:not([type="checkbox"]):not([type="radio"]) {
    border-left: none;
    display: inline-block;
    margin-left: -2px;
    vertical-align: top;
    width: 142px;
}

@media (max-width: 800px) {
    .landingForm .formContent .withCity .city:not([type="checkbox"]):not([type="radio"]),
    .landingForm .formContent .cityLine .hadCity ~ input.city {
        width: 180px;
    }
}

@media (max-width: 650px) {
    .landingForm .formContent .withCity .city:not([type="checkbox"]):not([type="radio"]),
    .landingForm .formContent .cityLine .hadCity ~ input.city {
        width: 199px;
    }
}

.landingForm .cityLine .icoError {
    margin-left: -24px;
}

.landingForm .ajaxCityForm .ajaxSelect {
    margin-left: 178px;
    margin-top: 10px
}

.landingForm .formContent > li {
    text-align: center;
}

.landingForm .ui-autocomplete {
    line-height: 2em;
    max-width: none !important;
    width: 12.5em !important;
}

.footer {
    text-align: center;
    margin-top: 1em;
    font-size: 0.75em;
}

.footer > * {
    margin: 0 3px;
    text-decoration: none;
}

button.buttonDefault {
    width: 22.5em;
    max-width: 90%;
}

.landingModalForm form {
    height: auto;
    padding: 2em 0 2.5em;
}

/*When class .landingMobile always show as on mobile*/
.wrapper.landingMobile .landingModalBox {
    position: static;
}

.landingMobile .brandingHeader .buttonHeader strong,
.landingMobile .brandingHotline .brandingHotlineText,
.landingMobile .brandingHotline .brandingHotlineTime,
.landingMobile .indexLanding .main,
.landingMobile .simplemodal-overlay {
    display: none;
}

.landingMobile .brandingHeader {
    margin: 0 auto;
    max-width: 40em;
}

.landingMobile .brandingHeader .brandingLogo {
    margin-left: 0;
    width: 235px;
    height: 50px;
}

.indexLanding .wrapper.landingMobile {
    padding-top: 5%;
}

.indexLanding .brandingHeader {
    box-sizing: border-box;
}

.optionsBox + .seals {
    top: -22px;
}

.seals {
    display: inline-block;
    margin-top: 30px;
    max-width: 90%;
    min-width: 250px;
}

.seals .badgeSeal {
    display: block;
    position: relative;
}

.badgeSeal .seal {
    height: 67px;
    margin: 0;
    position: absolute;
    right: 0;
    top: -1px;
    width: 70px;
}

.ekomi-widget-wrapper {
    display: none;
}

@media screen and (min-width: 981px) {
    .footer {
        position: fixed;
        z-index: 1001;
        bottom: 0;
        left:0;
        right: 0;
        padding: 5px;
        text-align: center;
        background-color: #fff;
    }

    .footer * {
        color: #666;
        font-size: 12px;
    }

    .seals {
        display: none;
    }

    .seals.sealsSearchResults {
        min-width: auto;
    }
}

@media screen and (min-width: 481px) {
    .landingForm .formContent {
        text-align: left
    }

    .landingForm .formContent > li {
        margin: 1em 0;
    }

    .landingForm .formContent .label-el,
    .landingForm .formContent label:not(.icon-radio-label):not(.error) {
        width: 35%;
        display: inline-block;
        text-align: left;
    }

    .landingForm .formContent .label-el {
        line-height: 1.35em;
        display: inline-block;
    }
}

@media screen and (max-width: 980px) {
    .indexLanding .wrapper {
        padding-top: 5%;
        width: 100%;
    }

    .brandingHeader .buttonHeader strong,
    .brandingHotline .brandingHotlineText,
    .brandingHotline .brandingHotlineTime,
    .indexLanding .main,
    .simplemodal-overlay {
        display: none;
    }

    .landingModalBox {
        position: static;
    }

    .brandingHotline {
        right: 1em;
    }

    .brandingHeader {
        box-sizing: border-box;
        margin: 0 auto;
        width: 100%;
    }

    .landingForm .formContent .icoError {
        display: none;
    }
}

@media screen and (max-width: 650px) {
    .landingModalForm form {
        padding: 0 0 1.5em;
    }

    .wrapper {
        font-size: 1.1em;
    }
}