* {box-sizing: border-box; outline: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; margin: 0; padding: 0;}


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

button, input[type="submit"], input[type="reset"] {border: none;cursor: pointer;outline: inherit;}
img {max-width: 100%;}
button, input, select, textarea {resize: none; color: inherit; font-size: inherit; -webkit-appearance: none; outline: none;}
h1, h2, h3, h4, h5, h6 {font-weight: 700;}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, section, summary,
time, mark, audio, video {margin: 0;padding: 0;list-style-type: none;text-decoration: none;}

.PNRegular {
    font-family: proxima-nova, sans-serif;
    font-weight: 300;
    font-style: normal;
}

.PNBold {
    font-family: proxima-nova, sans-serif;
    font-weight: 600;
    font-style: normal;
}

.PNExtrabold {
    font-family: proxima-nova, sans-serif;
    font-weight: 800;
    font-style: normal;
}

.MRegular {
    font-family: montserrat, sans-serif;
    font-weight: 300;
    font-style: normal;
}

.MBold {
    font-family: montserrat, sans-serif;
    font-weight: 600;
    font-style: normal;
}

.MExtrabold {
    font-family: montserrat, sans-serif;
    font-weight: 800;
    font-style: normal;
}




.padding--default {padding-left: 60px; padding-right: 60px;}

.wrapper__header, .wrapper__footer {
    display: flex;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    -khtml-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    -khtml-align-items: center;
    align-items: center;
}

.version-2 .wrapper__main-internal {
    display: flex;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    -khtml-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: flex-start;
    -moz-align-items: flex-start;
    -ms-align-items: flex-start;
    -o-align-items: flex-start;
    -khtml-align-items: flex-start;
    align-items: flex-start;
}

.wrapper__main-internal {
    display: flex;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    -khtml-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    -khtml-align-items: center;
    align-items: center;
}

.footer__right-side {
    display: flex;
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    -ms-justify-content: flex-start;
    -o-justify-content: flex-start;
    -khtml-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    -khtml-align-items: center;
    align-items: center;
}

.wrapper__header .header__right-side .btn {
    -webkit-transition: 0.2s ease-in-out;
    -moz-transition: 0.2s ease-in-out;
    -ms-transition: 0.2s ease-in-out;
    -o-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
}

.wrapper__footer .footer__right-side .list-child::before {
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.dasda {
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    -khtml-flex-wrap: wrap;
    flex-wrap: wrap;
}

.bold {font-weight: 700}
.uppercase {text-transform: uppercase}
a {text-decoration: none}
ul {list-style-type: none}
html, body, .wrapper__on-build {height: 100%;}
.wrapper__header, .wrapper__main, .wrapper__footer {width: 100%}

.wrapper__on-build {overflow-x: hidden}
.wrapper__header {height: 90px;}
.wrapper__header .header__left-side {width: 190px; display: block}
.wrapper__header .header__left-side img {display: block; width: 100%;}
.wrapper__header .header__right-side {width: auto;}
.wrapper__header .header__right-side .label {display: inline-block; font-size: 14px; margin-right: 20px;}
.wrapper__header .header__right-side .btn {display: inline-block; padding: 9px 21px; background: #2067AF; color: white; border-radius: 100px;}
.wrapper__header .header__right-side .btn:hover {opacity: 0.9}


.wrapper__main {min-height: calc(100% - 90px - 146px);position: relative; padding-bottom: 146px}
.wrapper__main-internal {height: 100%}
.wrapper__main .title {font-size: 36px; color: #2067AF; display: block; width: 355px;padding-bottom: 57px; position: relative;}
.wrapper__main .paragraph {width: 325px; color: black; font-size: 15px; line-height: 1.8em; letter-spacing: .02em;}
.wrapper__main img {max-width: 911px}

.version-2 .wrapper__main { background-size: cover; background-position: bottom; background-repeat: no-repeat; background-image: url("/img/mask.png"); padding-top: 60px;}
.version-2 .wrapper__main {height: calc(100% - 90px - 146px); position: relative}
.wrapper__main .title { margin-bottom: 28px;}
.wrapper__main .title::before {content: ''; display: block; position: absolute; width: 78px; height: 3px; left: 0; bottom: 0; background: #2067AF}
.version-2 .wrapper__main img {max-width: 718px}

.wrapper__on-build:not(.version-2) .wrapper__main .main__right-side {width: 600px; position: relative; left: -150px}
/*.wrapper__on-build:not(.version-2) .wrapper__main .title {padding-bottom: 40px}*/

.wrapper__footer {height: 146px; position: fixed; background: white; bottom: 0}
.wrapper__footer .footer__left-side {line-height: 1.5em}
.wrapper__footer .footer__right-side .list-child {padding: 0 20px; position: relative}
.wrapper__footer .footer__right-side .list-child::before {content: ''; display: block; position: absolute; right: 0; width: 1px; height: 12px; background: black; top: 50%;}
.wrapper__footer .footer__right-side .list-child:first-child {padding-left: 0}
.wrapper__footer .footer__right-side .list-child:last-child {padding-right: 0}
.wrapper__footer .footer__right-side .list-child:last-child::before {display: none}
.wrapper__footer .footer__right-side .list-child a {color: black}


@media only screen and (min-width: 1920px) {
    .wrapper__main img {max-width: 1100px}
    .wrapper__main, .version-2 .wrapper__main {height: auto}
    .version-2 .wrapper__main, .wrapper__main {padding-top: 6%;}
    /*.version-2 .wrapper__main-internal {max-width: 1280px;padding: 0 20vh;}*/
    .version-2 .wrapper__main-internal {padding: 0 20vh;}
    .wrapper__main .title {font-size: 60px;color: #2067AF;display: block;width: 600px;padding-bottom: 57px;position: relative;}
    .wrapper__main .title::before {content: "";display: block;position: absolute;width: 78px;height: 5px;left: 0;bottom: 0;background: #2067AF;}
    .wrapper__main .paragraph {width: 600px;color: black;font-size: 18px;line-height: 1.8em;letter-spacing: .02em;}
}
@media only screen and (max-width: 1400px) {
    .wrapper__footer {-webkit-flex-wrap: wrap;-moz-flex-wrap: wrap;-ms-flex-wrap: wrap;-o-flex-wrap: wrap;-khtml-flex-wrap: wrap;flex-wrap: wrap; height: auto; padding-top: 30px; padding-bottom: 30px}
    .wrapper__footer .footer__left-side, .wrapper__footer .footer__right-side {width: 100%;}
    .wrapper__footer .footer__left-side {margin-bottom: 1em; line-height: 1.8em}
}
@media only screen and (min-width: 1281px) {
    .version-2 .wrapper__main-internal {margin: 0 auto}
    .wrapper__main img {max-width: 900px !important;}
    .wrapper__main, .version-2 .wrapper__main {height: auto}
}
@media only screen and (max-width: 1280px) {
    .wrapper__on-build:not(.version-2) .wrapper__main .main__right-side {}
    .wrapper__main, .version-2 .wrapper__main {height: auto; padding-top: 30px;}
}
@media only screen and (max-width: 1100px) {
    .version-2 .wrapper__main-internal, .wrapper__main-internal {display: block}
    .version-2 .main__left-side, .main__left-side {width: 100%; margin-bottom: 60px;}
    .version-2 .wrapper__main img, .wrapper__main img {max-width: 650px; position: relative; float: right;}
    .wrapper__on-build:not(.version-2) .wrapper__main .main__right-side {left: auto; width: inherit}
}
@media only screen and (max-width: 900px) {
    .padding--default {padding-left: 30px; padding-right: 30px}
    .wrapper__header .header__right-side .label {display: none}
    .wrapper__main {height: auto}


    .wrapper__on-build:not(.version-2) .wrapper__main img {bottom: 0;}
}
@media only screen and (max-width: 600px) {
    .wrapper__main {min-height: auto; padding-bottom: 30px;}
    .padding--default {padding-left: 15px; padding-right: 15px;}
    .wrapper__header .header__right-side .btn {padding: 8px 16px}
    .wrapper__header .header__left-side {width: 80px}
    .wrapper__main .title {width: 100%; padding-bottom: 25px;font-size: 26px;}
    .wrapper__main img {width: 100%}
    .wrapper__main .paragraph {width: 100%}
    .wrapper__footer {position: relative}
    .wrapper__footer .footer__right-side {display: block;}
    .wrapper__footer .footer__right-side .list-child {padding: 0;}
    .wrapper__footer .footer__right-side .list-child:not(:last-child) {margin-bottom: 10px;}
    .wrapper__footer .footer__right-side .list-child::before {display: none}
    .wrapper__footer .footer__left-side {margin-bottom: 2em}
}