@import url("reset.css");
@import url("prosto-layout.css");

/* Defaults 
========================================================================================================================================================================================================================================*/
::-webkit-input-placeholder {
    color: #aeaeae
}

::-moz-placeholder {
    color: #aeaeae
}

:-ms-input-placeholder {
    color: #aeaeae
}

:-moz-placeholder {
    color: #aeaeae
}

@font-face {
    font-family: FontAwesome !important;
    src: url(../fonts/fontawesome-webfont.eot?v=4.3.0);
    src: url(../fonts/fontawesome-webfont.eot?#iefix&v=4.3.0) format('embedded-opentype'),url(../fonts/fontawesome-webfont.woff2?v=4.3.0) format('woff2'),url(../fonts/fontawesome-webfont.woff?v=4.3.0) format('woff'),url(../fonts/fontawesome-webfont.ttf?v=4.3.0) format('truetype'),url(../fonts/fontawesome-webfont.svg?v=4.3.0#fontawesomeregular) format('svg');
    font-weight: 400;
    font-style: normal
}

body:not(.mobile) input[type=color], body:not(.mobile) input[type=email], body:not(.mobile) input[type=number], body:not(.mobile) input[type=password], body:not(.mobile) input[type=tel], body:not(.mobile) input[type=text], body:not(.mobile) input[type=url] {
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

body .input:hover input, body input[type=email]:not(:disabled):hover, body input[type=password]:not(:disabled):hover, body input[type=search]:not(:disabled):hover, body input[type=text]:not(:disabled):hover, body input[type=url]:not(:disabled):hover {
    border-bottom-color: #8dc9e5;
    border-left-color: #8dc9e5;
    border-right-color: #8dc9e5;
    border-top-color: #8dc9e5
}

body .input:not(.wrapper-error):not(.wrapper-valid):not(.disabled):hover i {
    border-color: #8dc9e5;
    color: #8dc9e5
}

body input[type=email]:not(:disabled):focus, body input[type=password]:not(:disabled):focus, body input[type=search]:not(:disabled):focus, body input[type=text]:not(:disabled):focus, body input[type=url]:not(:disabled):focus {
    color: #3c3c3c;
    background: #fff;
    border-color: #2da5da;
    border-bottom-color: #2da5da;
    border-left-color: #2da5da;
    border-right-color: #2da5da;
    border-top-color: #2da5da;
    outline: 0
}

@-webkit-keyframes animate-stripes {
    0% {
        background-position: 0 0
    }

    100% {
        background-position: 60px 0
    }
}

@-moz-keyframes animate-stripes {
    0% {
        background-position: 0 0
    }

    100% {
        background-position: 60px 0
    }
}

.input input {
    background-image: none !important
}

    .input input[type=file] {
        cursor: pointer
    }

.wrapper-error div.error, .wrapper-error span.error {
    font-size: 13px;
    text-align: center;
    color: #a5514f
}

.input.wrapper-error input, .wrapper-error input:checked[type=checkbox].error + i:before, .wrapper-error input:checked[type=radio].error + i:before, .wrapper-error input[type=checkbox].error + i, .wrapper-error input[type=radio].error + i, input[type=color].error:not(:focus), input[type=email].error:not(:focus), input[type=number].error:not(:focus), input[type=password].error:not(:focus), input[type=tel].error:not(:focus), input[type=text].error:not(:focus), input[type=url].error:not(:focus) {
    color: #5f2423;
    background-color: #ffebee;
    border-bottom-color: #e1cfd2;
    border-left-color: #e1cfd2;
    border-right-color: #e1cfd2;
    border-top-color: #e1cfd2
}

.wrapper-error input:checked[type=checkbox].error + i:before, .wrapper-error input:checked[type=radio].error + i:before {
    background-color: #e1cfd2
}

.wrapper-error input[type=checkbox].error + i:before, .wrapper-error input[type=radio].error + i:before {
    border-color: #ffebee
}

.wrapper-error input[type=checkbox].error + i, .wrapper-error input[type=radio].error + i {
    border-bottom-color: #f7a6a2;
    border-left-color: #f7a6a2;
    border-right-color: #f7a6a2;
    border-top-color: #f7a6a2;
    color: #a5514f
}

input:disabled::-webkit-input-placeholder {
    color: #ccc
}

input:disabled:-moz-placeholder {
    color: #ccc
}

input:disabled::-moz-placeholder {
    color: #ccc
}

input:disabled:-ms-input-placeholder {
    color: #ccc
}

.wrapper-error ::-webkit-input-placeholder {
    color: #cca1a8 !important
}

.wrapper-error :-moz-placeholder {
    color: #cca1a8 !important
}

.wrapper-error ::-moz-placeholder {
    color: #cca1a8 !important
}

.wrapper-error :-ms-input-placeholder {
    color: #cca1a8 !important
}

.pf_form .pf_footer, .pf_form .pf_header, .pf_form footer, .pf_form header {
    font-size: 26px;
    line-height: 34px;
    text-align: left;
    padding: 20px;
    padding-left: 22px;
    padding-right: 22px;
    background-color: #e6e6e6;
    border-bottom: 1px solid #cfd8d9
}

.pf_form header {
    padding-left: 30px !important;
    padding-right: 30px !important
}

.pf_form .pf_header.imageHeader {
    padding: 0
}

.pf_form .pf_footer, .pf_form footer {
    border: none;
    border-top: 1px solid #cfd8d9
}

    .pf_form .pf_footer:after, .pf_form .pf_footer:before, .pf_form footer:after, .pf_form footer:before {
        clear: both;
        content: ".";
        display: block;
        height: 0;
        visibility: hidden
    }

.pf_form .fieldset, .pf_form fieldset {
    padding: 25px 30px 5px
}

    .pf_form fieldset + fieldset {
        border-top: 1px solid #cfd8d9
    }

    .pf_form .fieldset .section, .pf_form fieldset section {
        margin-bottom: 20px
    }

.pf_form {
    position: relative;
    z-index: 10;
    background-color: #f0f0f0;
    min-width: -moz-fit-content;
    min-width: -webkit-fit-content
}

.fieldset > input:last-child {
    margin-bottom: 0
}

[class*=span] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    padding-left: 10px;
    padding-right: 10px;
    position: relative
}

.span1 {
    width: 8.3333%
}

.span2 {
    width: 16.6666%
}

.span3 {
    width: 25%
}

.span4 {
    width: 33.3333%
}

.span5 {
    width: 41.6666%
}

.span6 {
    width: 50%
}

.span7 {
    width: 58.3333%
}

.span8 {
    width: 66.6666%
}

.span9 {
    width: 75%
}

.span10 {
    width: 83.3333%
}

.span11 {
    width: 91.6666%
}

.span12 {
    width: 100%
}

.row {
    margin: 0 -10px
}

    .row:after {
        clear: both;
        content: ".";
        display: block;
        height: 0;
        visibility: hidden
    }

@media (max-width:739px) {
    [class*=span] {
        width: 100%;
        padding-left: 0;
        padding-right: 0
    }

    .row {
        margin-left: 0;
        margin-right: 0
    }
}

@-webkit-keyframes popup-list-open {
    from {
        -webkit-transform: translate(0,-120%);
        transform: translate(0,-120%)
    }

    to {
        -webkit-transform: translate(0,1px);
        transform: translate(0,1px)
    }
}

@-moz-keyframes popup-list-open {
    from {
        -moz-transform: translate(0,-120%);
        transform: translate(0,-120%)
    }

    to {
        -moz-transform: translate(0,1px);
        transform: translate(0,1px)
    }
}

@-ms-keyframes popup-list-open {
    from {
        -ms-transform: translate(0,-120%);
        transform: translate(0,-120%)
    }

    to {
        -ms-transform: translate(0,1px);
        transform: translate(0,1px)
    }
}

@-o-keyframes popup-list-open {
    from {
        -o-transform: translate(0,-120%);
        transform: translate(0,-120%)
    }

    to {
        -o-transform: translate(0,1px);
        transform: translate(0,1px)
    }
}

to {
    transform: translate(0,1px)
}

to {
    -webkit-transform: translate(0,-101%);
    transform: translate(0,-101%)
}

to {
    -moz-transform: translate(0,-101%);
    transform: translate(0,-101%)
}

to {
    -ms-transform: translate(0,-101%);
    transform: translate(0,-101%)
}

to {
    -o-transform: translate(0,-101%);
    transform: translate(0,-101%)
}

to {
    transform: translate(0,-101%)
}

60% {
    opacity: 1
}

80% {
    width: 101%
}

100% {
    opacity: 0
}

60% {
    opacity: 1
}

80% {
    width: 101%
}

100% {
    opacity: 0
}

60% {
    opacity: 1
}

80% {
    width: 101%
}

100% {
    opacity: 0
}

60% {
    opacity: 1
}

80% {
    width: 101%
}

100% {
    opacity: 0
}

60% {
    opacity: 1
}

80% {
    width: 101%
}

100% {
    opacity: 0
}